.navbar{z-index:1000;background:#fff;width:100%;transition:box-shadow .3s;position:fixed;top:0;left:0;box-shadow:0 2px 10px #0000001a}.nav-links a,.dropdown-trigger,.cart-btn,.account-link,.user-menu-btn{color:#333}.logo-image{filter:none}.nav-container{justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1rem 2rem;display:flex}@media (max-width:1366px) and (min-width:1025px){.nav-container{padding:1rem 1.5rem}.nav-links{gap:1.2rem;font-size:.9rem}.cta-btn{padding:.55rem 1.2rem;font-size:.9rem}}@media (max-width:1200px) and (min-width:769px){.nav-links{gap:1rem;font-size:.9rem}.nav-container{padding:1rem 1.5rem}.cta-btn{padding:.5rem 1rem;font-size:.9rem}}.nav-logo{color:#e63946;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.logo-image{width:auto;height:40px}.nav-links{flex-wrap:wrap;align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover{color:#e63946}.nav-links a.active{color:#e63946;font-weight:600}.nav-links a.active:after{content:"";background:#e63946;height:2px;position:absolute;bottom:-8px;left:0;right:0}.dropdown-trigger.active{color:#e63946;font-weight:600}.dropdown-menu a.active{color:#e63946;background:#fff5f5;font-weight:600}.nav-actions{align-items:center;gap:1rem;display:flex}.cta-btn{color:#fff;white-space:nowrap;background:#e63946;border-radius:6px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .3s,transform .2s}.cta-btn:hover{background:#d32f3c;transform:translateY(-1px)}.search-btn{cursor:pointer;color:#333;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .3s;display:flex}.search-btn:hover{color:#e63946}.search-bar{background:#fff;border-top:1px solid #e0e0e0;padding:1rem 2rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-form{background:#f5f5f5;border-radius:8px;align-items:center;gap:.5rem;max-width:600px;margin:0 auto;padding:.5rem 1rem;display:flex}.search-form input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-form input::placeholder{color:#999}.search-form button{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .3s;display:flex}.search-form button:hover{color:#e63946}.cart-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .3s;display:inline-flex;position:relative}.cart-btn:hover{color:#e63946}.cart-count{color:#fff;text-align:center;background:#e63946;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;font-weight:700;line-height:18px;position:absolute;top:-2px;right:-2px}.account-link{font-size:.95rem;text-decoration:none;transition:color .3s}.account-link:hover{color:#e63946}.desktop-only{display:flex}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;transition:background .2s;display:none}.mobile-menu-btn:hover{background:#0000000f}.mobile-menu-btn span{transform-origin:50%;background:currentColor;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.mobile-menu-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-overlay{z-index:9997;pointer-events:none;background:0 0;transition:background .3s;display:none;position:fixed;inset:0}.mobile-overlay.active{pointer-events:all;background:#00000080}.mobile-drawer{z-index:9999;overscroll-behavior:contain;background:#fff;flex-direction:column;width:min(320px,85vw);transition:transform .35s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.mobile-drawer.open{transform:translate(0)}.drawer-header{z-index:1;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.drawer-header-title{color:#222;letter-spacing:.01em;font-size:16px;font-weight:600}.drawer-close{cursor:pointer;color:#555;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.drawer-close:hover{color:#111;background:#f5f5f5}.drawer-nav{flex:1;padding:8px 0;overflow-y:auto}.drawer-link{color:#222;border-bottom:1px solid #f5f5f5;align-items:center;min-height:48px;padding:14px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.drawer-link:hover{color:#e03030;background:#fafafa}.drawer-link.active{color:#e03030;background:#fff5f5}.drawer-accordion{border-bottom:1px solid #f5f5f5}.drawer-accordion-trigger{color:#222;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:14px 20px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.drawer-accordion-trigger:hover{color:#e03030;background:#fafafa}.drawer-accordion-trigger.active{color:#e03030}.accordion-arrow{flex-shrink:0;transition:transform .25s}.drawer-accordion-trigger.open .accordion-arrow{transform:rotate(180deg)}.drawer-accordion-content{background:#fafafa;max-height:0;transition:max-height .3s;overflow:hidden}.drawer-accordion-content.open{max-height:400px}.drawer-sublink{color:#444;border-bottom:1px solid #f0f0f0;align-items:center;min-height:44px;padding:12px 20px 12px 32px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.drawer-sublink:hover{color:#e03030;background:#f0f0f0}.drawer-sublink.active{color:#e03030}.drawer-subaccordion-trigger{color:#444;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:12px 20px 12px 32px;font-size:14px;transition:background .15s,color .15s;display:flex}.drawer-subaccordion-trigger:hover{color:#e03030;background:#f0f0f0}.drawer-subaccordion-trigger.open .accordion-arrow{transform:rotate(180deg)}.drawer-subsublink{color:#666;background:#f5f5f5;border-bottom:1px solid #ebebeb;align-items:center;min-height:40px;padding:11px 20px 11px 48px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.drawer-subsublink:hover{color:#e03030;background:#ebebeb}.drawer-subsublink.active{color:#e03030}.drawer-footer{background:#fff;border-top:1px solid #f0f0f0;flex-direction:column;flex-shrink:0;gap:10px;padding:16px 20px;display:flex}.drawer-cta{color:#fff;text-align:center;background:#e03030;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:13px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.drawer-cta:hover{background:#c22020}.drawer-user{flex-direction:column;gap:4px;display:flex}.drawer-user-link{color:#333;border-radius:8px;align-items:center;min-height:40px;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .15s;display:flex}.drawer-user-link:hover{background:#f5f5f5}.drawer-logout{color:#e03030;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;width:100%;min-height:40px;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.drawer-logout:hover{background:#fff5f5}.drawer-login{color:#333;border:1.5px solid #ddd;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:11px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.drawer-login:hover{color:#e03030;border-color:#e03030}@media (max-width:768px){.desktop-only{display:none!important}.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.mobile-drawer{display:flex}.nav-container{padding:12px 16px}.nav-actions{gap:8px}.cart-btn{display:flex}}.dropdown{position:relative}.dropdown-trigger{cursor:pointer;font-size:.95rem;font-weight:500;transition:color .3s}.dropdown-trigger:hover{color:#e63946}.dropdown-menu{z-index:1000;background:#fff;border-radius:4px;min-width:200px;margin:0;padding:.5rem 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.dropdown-menu li{padding:0}.dropdown-menu a{color:#333;padding:.8rem 1.5rem;font-size:.95rem;text-decoration:none;transition:background .3s,color .3s;display:block}.dropdown-menu a:hover{color:#e63946;background:#f5f5f5}.dropdown-submenu{position:relative}.dropdown-submenu-trigger{color:#333;cursor:pointer;padding:.8rem 1.5rem;font-size:.95rem;transition:background .3s,color .3s;display:block}.dropdown-submenu:hover .dropdown-submenu-trigger{color:#e63946;background:#f5f5f5}.dropdown-submenu-content{z-index:1001;background:#fff;border-radius:4px;min-width:200px;margin:0;padding:.5rem 0;list-style:none;position:absolute;top:0;left:100%;box-shadow:0 4px 12px #00000026}.dropdown-submenu-content li{padding:0}.dropdown-submenu-content a{color:#333;padding:.8rem 1.5rem;font-size:.95rem;text-decoration:none;transition:background .3s,color .3s;display:block}.dropdown-submenu-content a:hover{color:#e63946;background:#f5f5f5}.user-menu{position:relative}.user-menu-btn{cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:color .3s}.user-menu-btn:hover{color:#e63946}.user-menu-dropdown{z-index:1000;background:#fff;border-radius:4px;min-width:180px;margin-top:0;padding:.5rem 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.user-menu-dropdown a,.user-menu-dropdown button{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.8rem 1.5rem;font-size:.95rem;text-decoration:none;transition:background .3s,color .3s;display:block}.user-menu-dropdown a:hover,.user-menu-dropdown button:hover{color:#e63946;background:#f5f5f5}.navbar.scrolled .user-menu-btn{color:#333}
.footer{color:#fff;background:#e63946;padding:3rem 2rem 1rem}.footer-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1200px;margin:0 auto 2rem;display:grid}@media (max-width:1366px) and (min-width:1025px){.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;max-width:1100px}}@media (max-width:1200px) and (min-width:769px){.footer-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:1000px}.footer{padding:2.5rem 1.5rem 1rem}}.footer-section{flex-direction:column;display:flex}.footer-logo{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.footer-logo-image{object-fit:contain;filter:brightness(0)invert();width:auto;height:50px}.social-icons{gap:1rem;display:flex}.social-icons a{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .3s,transform .3s;display:flex}.social-icons a svg{fill:#fff;width:20px;height:20px}.social-icons a:hover{opacity:.9;transform:translateY(-2px)}.social-icon-instagram{background:#e1306c}.social-icon-youtube{background:red}.social-icon-tiktok{background:#000}.social-icon-facebook{background:#1877f2}.social-icon-twitter{background:#1da1f2}.footer-heading{letter-spacing:1px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.footer-links{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:#fff;font-size:.95rem;text-decoration:none;transition:opacity .3s}.footer-links a:hover{opacity:.8}.newsletter-text{opacity:.95;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.newsletter-form{flex-direction:column;gap:.8rem;display:flex}.newsletter-input{border:none;border-radius:4px;padding:.8rem 1rem;font-size:.95rem}.newsletter-btn{color:#e63946;cursor:pointer;background:#fff;border:none;border-radius:4px;padding:.8rem 1.5rem;font-weight:600;transition:opacity .3s}.newsletter-btn:hover{opacity:.9}.newsletter-btn:disabled{opacity:.6;cursor:not-allowed}.newsletter-message{text-align:center;border-radius:4px;margin-top:.8rem;padding:.6rem;font-size:.9rem}.newsletter-message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.newsletter-message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.footer-bottom{border-top:1px solid #fff3;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:2rem;font-size:.9rem;display:flex}.back-to-top{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex}.back-to-top:hover{background:#ffffff4d}@media (max-width:768px){.footer{padding:2rem 1rem 1rem}.footer-container{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}