*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}html{max-width:100%;overflow-x:clip}body{max-width:100%;overflow-x:clip}body{background-color:var(--color-bg-primary);color:var(--color-text-dark);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-text-dark)}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}img{max-width:100%;height:auto;display:block}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.view-panel{display:none;animation:fadeView .4s ease-out}.view-panel.active{display:block}@keyframes fadeView{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:var(--container-max-width);margin-right:auto;margin-left:auto;padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}.section-padding{padding:var(--spacing-2xl) 0}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-3xl);text-transform:uppercase;font-weight:var(--font-weight-black);position:relative;display:inline-block}.section-title span{color:var(--color-primary)}.section-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.text-center{text-align:center}.announcement-bar{background-color:var(--color-text-dark);padding:var(--spacing-sm) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-text-white);letter-spacing:.05em;z-index:1001;position:relative}.announcement-bar span{color:var(--color-primary);position:relative;padding-left:14px}.announcement-bar span::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary);animation:pulse 1.5s infinite}header{position:sticky;top:0;z-index:1000;background:var(--color-surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--color-border-clean);transition:var(--transition-normal)}header.scrolled{background:#fff;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-clean)}.nav-container{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding-top:5px;padding-bottom:5px}.logo{display:flex;align-items:center}#mainHeader .logo .logo-img{height:85px!important;width:auto!important;object-fit:contain!important;margin-top:-12.5px;margin-bottom:-12.5px;position:relative;z-index:10}footer .logo .logo-img{height:180px!important;width:auto!important;object-fit:contain!important}[data-theme=light] .logo .logo-img.logo-light-src,[data-theme=light] .logo-wrapper .logo-img.logo-light-src,html:not([data-theme=dark]) .logo .logo-img.logo-light-src,html:not([data-theme=dark]) .logo-wrapper .logo-img.logo-light-src{display:block!important;filter:none!important}[data-theme=light] .logo .logo-img.logo-dark-src,[data-theme=light] .logo-wrapper .logo-img.logo-dark-src,html:not([data-theme=dark]) .logo .logo-img.logo-dark-src,html:not([data-theme=dark]) .logo-wrapper .logo-img.logo-dark-src{display:none!important}[data-theme=dark] .logo .logo-img.logo-dark-src,[data-theme=dark] .logo-wrapper .logo-img.logo-dark-src{display:block!important;filter:none!important}[data-theme=dark] .logo .logo-img.logo-light-src,[data-theme=dark] .logo-wrapper .logo-img.logo-light-src{display:none!important}[data-theme=dark] footer .logo .logo-img.logo-dark-src,[data-theme=dark] footer .logo-wrapper .logo-img.logo-dark-src,[data-theme=light] footer .logo .logo-img.logo-dark-src,[data-theme=light] footer .logo-wrapper .logo-img.logo-dark-src,html:not([data-theme=dark]) footer .logo .logo-img.logo-dark-src,html:not([data-theme=dark]) footer .logo-wrapper .logo-img.logo-dark-src{display:block!important;filter:none!important}[data-theme=dark] footer .logo .logo-img.logo-light-src,[data-theme=dark] footer .logo-wrapper .logo-img.logo-light-src,[data-theme=light] footer .logo .logo-img.logo-light-src,[data-theme=light] footer .logo-wrapper .logo-img.logo-light-src,html:not([data-theme=dark]) footer .logo .logo-img.logo-light-src,html:not([data-theme=dark]) footer .logo-wrapper .logo-img.logo-light-src{display:none!important}.nav-menu{display:flex;gap:16px;list-style:none}.nav-link{font-weight:var(--font-weight-bold);font-size:13px;letter-spacing:.02em;color:var(--color-text-muted);position:relative;padding:var(--spacing-xs) 0;text-transform:uppercase}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.nav-link::after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:3px;background-color:var(--color-primary);transition:var(--transition-normal);transform:translateX(-50%);border-radius:var(--radius-full)}.nav-link.active::after,.nav-link:hover::after{width:100%}.header-search{flex:1 1 200px;max-width:320px;min-width:180px;position:relative;margin:0 var(--spacing-md)}.header-search input{width:100%;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-clean);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) 40px;color:var(--color-text-dark);font-family:var(--font-body);font-size:var(--font-size-sm);transition:var(--transition-normal)}.header-search input:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 15px rgba(238,2,16,.08)}.header-search i{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--font-size-sm);transition:var(--transition-fast)}.header-search input:focus+i{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:10px}.header-btn{background:0 0;border:none;cursor:pointer;color:var(--color-text-dark);font-size:1.25rem;position:relative;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.header-btn:hover{color:var(--color-primary);background-color:var(--color-bg-secondary)}.header-btn:active{transform:scale(.92)}.header-btn .badge{position:absolute;top:-2px;right:-2px;background-color:var(--color-primary);color:var(--color-text-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 6px var(--color-primary)}.mobile-nav-toggle{display:none}#themeToggleBtn{position:relative;margin-left:10px}#themeToggleBtn::before{content:'';position:absolute;left:-10px;top:25%;height:50%;width:1px;background-color:var(--color-border-clean);opacity:.8}#adminDashboardBtn{background-color:rgba(238,2,16,.05);border:1px solid rgba(238,2,16,.25);box-shadow:0 0 10px rgba(238,2,16,.03);margin-left:2px;transition:all .3s cubic-bezier(.4, 0, .2, 1)}#adminDashboardBtn:hover{background-color:rgba(238,2,16,.15)!important;border-color:rgba(238,2,16,.5)!important;box-shadow:0 0 15px rgba(238,2,16,.25)!important;transform:translateY(-2px)}#adminDashboardBtn i{color:#ee0210!important;animation:adminIconPulse 2.5s infinite ease-in-out}@keyframes adminIconPulse{0%{transform:scale(1);filter:drop-shadow(0 0 1px rgba(238, 2, 16, 0))}50%{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(238, 2, 16, .5))}100%{transform:scale(1);filter:drop-shadow(0 0 1px rgba(238, 2, 16, 0))}}footer{background-color:var(--color-footer-bg);padding:var(--spacing-3xl) 0 var(--spacing-xl) 0;margin-top:var(--spacing-3xl);position:relative;color:var(--color-border-clean)}footer .logo-text .main,footer h4{color:var(--color-text-white)}footer .logo-icon{background-color:var(--color-text-white)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-brand .desc{color:#94a3b8;font-size:var(--font-size-sm);margin:var(--spacing-md) 0 var(--spacing-lg) 0;max-width:320px}.social-links{display:flex;gap:var(--spacing-md)}.social-btn{width:38px;height:38px;border-radius:var(--radius-sm);background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:var(--color-text-white);transition:var(--transition-fast)}.social-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-white);transform:translateY(-2px)}.footer-col h4{font-size:var(--font-size-lg);text-transform:uppercase;margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}.footer-col h4::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:#94a3b8;font-size:var(--font-size-sm)}.footer-links a:hover{color:var(--color-primary);padding-left:4px}.footer-col .contact-info{display:flex;flex-direction:column;gap:var(--spacing-md);color:#94a3b8;font-size:var(--font-size-sm)}.footer-col .contact-info li{display:flex;align-items:center;gap:var(--spacing-md);list-style:none}.footer-col .contact-info i{color:var(--color-primary);font-size:1.1rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-bottom p{color:#94a3b8;font-size:var(--font-size-xs)}.payment-methods{display:flex;gap:var(--spacing-sm);align-items:center}.payment-methods span{font-size:var(--font-size-xs);color:#94a3b8}.payment-badge{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-white)}@keyframes pulse{0%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.4);opacity:.4}100%{transform:translateY(-50%) scale(1);opacity:1}}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}.header-search{flex:0 1 240px}}@media (max-width:768px){.nav-menu{display:flex!important;flex-direction:column;position:fixed;top:0;right:0;width:min(300px,85vw);height:100vh;background:var(--color-bg-primary);box-shadow:-5px 0 25px rgba(0,0,0,.15);padding:90px var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-md);z-index:9999;transform:translateX(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1),visibility .3s;visibility:hidden;overflow-y:auto;overflow-x:hidden}.nav-menu.active{transform:translateX(0);visibility:visible}.nav-menu li{width:100%;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s cubic-bezier(.175, .885, .32, 1.275)}.nav-menu.active li{opacity:1;transform:translateY(0)}.nav-menu.active li:first-child{transition-delay:0.1s}.nav-menu.active li:nth-child(2){transition-delay:0.15s}.nav-menu.active li:nth-child(3){transition-delay:0.2s}.nav-menu.active li:nth-child(4){transition-delay:0.25s}.nav-menu.active li:nth-child(5){transition-delay:0.3s}.nav-menu.active li:nth-child(6){transition-delay:0.35s}.nav-menu .nav-link{display:block;padding:16px 20px;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-dark);border-radius:var(--radius-sm);transition:background-color .2s ease,transform .1s ease}.nav-menu .nav-link:active{transform:scale(.98)}.nav-menu .nav-link.active,.nav-menu .nav-link:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.nav-menu .nav-link::after{display:none!important}.header-search{display:none}.mobile-nav-toggle{display:flex;font-size:1.5rem;cursor:pointer;color:var(--color-text-dark);position:relative;z-index:10000}.footer-grid{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center;justify-content:center}.footer-brand,.footer-col{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-brand .desc{max-width:100%;margin-left:auto;margin-right:auto}.social-links{justify-content:center}.footer-col h4::after{left:50%;transform:translateX(-50%)}.container{padding-right:clamp(12px,4vw,16px)!important;padding-left:clamp(12px,4vw,16px)!important}.footer-bottom{flex-direction:column;text-align:center;justify-content:center;align-items:center;width:100%;gap:var(--spacing-sm)}.footer-bottom p{text-align:center;width:100%;margin:0}.payment-methods{justify-content:center;width:100%}#accountTriggerBtn,#adminDashboardBtn,#compareCountBadge,#compareTriggerBtn,#themeToggleBtn,#wishlistCountBadge,#wishlistTriggerBtn,.header-actions button[onclick="openWishlistDrawer()"]{display:none!important}.mobile-only-actions{display:block!important;width:100%;margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-clean)}.mobile-menu-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-menu-actions .menu-action-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 16px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-clean);border-radius:var(--radius-sm);color:var(--color-text-dark);font-family:var(--font-heading);font-weight:var(--font-weight-bold);font-size:12px;text-transform:uppercase;width:100%;cursor:pointer;text-align:left;transition:var(--transition-fast);box-sizing:border-box}.mobile-menu-actions .menu-action-btn:active,.mobile-menu-actions .menu-action-btn:hover{background-color:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-primary)}.mobile-menu-actions .menu-action-btn i{font-size:16px;color:var(--color-primary);width:20px;text-align:center}}.mobile-only-actions{display:none!important}[data-theme=dark] .announcement-bar{background-color:var(--color-bg-secondary)!important;color:var(--color-text-dark)!important}[data-theme=dark] .announcement-bar span{color:var(--color-primary)!important}[data-theme=dark] header.scrolled{background:var(--color-bg-primary)!important;box-shadow:var(--shadow-md)!important}[data-theme=dark] .logo-text .sub{color:var(--color-primary)!important}.announcement-bar{overflow:hidden;text-overflow:ellipsis}@media (max-width:480px){.section-title{font-size:clamp(1.1rem, 5vw, var(--font-size-3xl));word-break:break-word;max-width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}#mainHeader .logo .logo-img{height:60px!important}footer .logo .logo-img{height:120px!important;max-width:100%}}@media (max-width:768px){footer .container,header .container{padding-right:clamp(12px,4vw,24px);padding-left:clamp(12px,4vw,24px)}.announcement-bar{white-space:normal;word-break:break-word}}