.header{z-index:100;background:var(--color-surface);-webkit-backdrop-filter:none;border:none;border-bottom:1px solid var(--color-border-light);box-shadow:none;border-radius:0;margin:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:sticky;top:0}.header-scrolled{-webkit-backdrop-filter:blur(18px);background:#f5f5f5d9;border:1px solid #0000000f;border-radius:20px;margin:0 280px;top:12px;box-shadow:0 8px 32px #00000014}[data-theme=dark] .header{background:var(--color-surface);border:none;border-bottom:1px solid var(--color-border);box-shadow:none}[data-theme=dark] .header-scrolled{background:#1e1e1ed9;border:1px solid #ffffff14;box-shadow:0 8px 32px #0000004d}.header-row{justify-content:space-between;align-items:center;max-width:1280px;height:58px;margin:0 auto;padding:0 1.25rem;display:flex}.logo{align-items:center;transition:opacity .2s;display:flex}.logo:hover{opacity:.85}.logo-img{height:150px}.header-actions{align-items:center;gap:.125rem;display:flex}.action-btn{width:38px;height:38px;color:var(--color-text-secondary);border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.action-btn:hover{background:var(--color-border-light);color:var(--color-text)}.theme-toggle{color:var(--color-accent)}.theme-toggle:hover{background:var(--color-accent-subtle);color:var(--color-accent-hover)}.cart-badge{background:var(--color-accent);color:#111;border-radius:9999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.favorites-btn{position:relative}.favorites-badge{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.mobile-menu-btn{display:none}.nav-bar{flex:1;justify-content:center;display:flex}.nav-bar-inner{justify-content:center;align-items:center;max-width:1280px;margin:0 auto;padding:0 1rem;display:flex}.nav-link{color:var(--color-text-secondary);white-space:nowrap;letter-spacing:.005em;align-items:center;gap:3px;padding:.4rem .65rem;font-size:.75rem;font-weight:500;transition:color .2s;display:flex;position:relative}.nav-link:after{content:"";background:var(--color-accent);border-radius:2px 2px 0 0;height:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:.85rem;right:.85rem;transform:scaleX(0)}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:var(--color-text);font-weight:600}.nav-link svg{opacity:.45;transition:transform .2s,opacity .2s}.nav-dropdown:hover .nav-link svg{opacity:.7;transform:rotate(180deg)}.nav-dropdown{position:relative}.dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);opacity:0;visibility:hidden;z-index:200;border-radius:12px;min-width:260px;padding:5px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 16px 48px #00000012,0 2px 8px #00000008}.dropdown-menu:before{content:"";background:var(--color-surface);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-item{color:var(--color-text-secondary);border-radius:8px;padding:.575rem .8rem;font-size:.835rem;font-weight:450;transition:all .12s;display:block}.dropdown-item:hover{background:var(--color-border-light);color:var(--color-text)}.search-bar{border-top:1px solid var(--color-border-light);background:var(--color-surface);padding:.75rem 0}.search-input-wrapper{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:12px;align-items:center;gap:.75rem;max-width:1280px;margin:0 auto;padding:0 1rem;transition:border-color .2s;display:flex}.search-input-wrapper:focus-within{border-color:var(--color-text-muted)}.search-icon{color:var(--color-text-muted);flex-shrink:0}.search-input-wrapper input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:.7rem 0;font-size:.875rem}.search-input-wrapper input::placeholder{color:var(--color-text-muted)}.search-close{color:var(--color-text-muted);border-radius:6px;align-items:center;padding:.25rem;transition:color .15s;display:flex}.search-close:hover{color:var(--color-text)}.mobile-menu{z-index:99;background:var(--color-surface);padding:5rem 1.5rem 1.5rem;position:fixed;inset:0;overflow-y:auto}.mobile-nav{flex-direction:column;display:flex}.mobile-nav-link{color:var(--color-text);border-bottom:1px solid var(--color-border-light);padding:.875rem 0;font-size:1rem;font-weight:500;transition:color .15s}.mobile-nav-link:hover{color:var(--color-accent-hover)}.mobile-sub-links{padding-left:1rem}.mobile-nav-sub{color:var(--color-text-muted)!important;border-bottom:1px solid var(--color-border-light)!important;padding:.5rem 0!important;font-size:.875rem!important}.mobile-nav-sub:hover{color:var(--color-text)!important}@media (width<=1024px){.nav-link{padding:.4rem;font-size:.7rem}}@media (width<=768px){.nav-bar{display:none}.mobile-menu-btn{display:flex}.logo-text{display:none}.header-top{height:52px;padding:0 1rem}.header-row{height:48px;padding:0 .75rem}.header{border-radius:16px;margin:8px 16px 0}}.user-menu-wrapper{position:relative}.user-btn-logged{padding:0!important}.user-avatar-sm{background:linear-gradient(135deg, var(--color-accent), #f59e0b);color:#111;letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.user-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:300;border-radius:12px;width:240px;padding:.5rem;animation:.15s ease-out userDropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 48px #0000001a,0 2px 8px #0000000a}@keyframes userDropdownIn{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.user-dropdown-header{flex-direction:column;padding:.75rem;display:flex}.user-dropdown-name{color:var(--color-text);font-size:.875rem;font-weight:600}.user-dropdown-email{color:var(--color-text-muted);margin-top:.15rem;font-size:.75rem}.user-dropdown-divider{background:var(--color-border);height:1px;margin:.25rem 0}.user-dropdown-item{width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.6rem .75rem;font-size:.835rem;font-weight:450;transition:all .12s;display:flex}.user-dropdown-item:hover{background:var(--color-border-light);color:var(--color-text)}.user-dropdown-logout{color:#ef4444}.user-dropdown-logout:hover{color:#ef4444;background:#ef44440f}.footer{background-color:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--spacing-3xl) 0 0;margin-top:var(--spacing-3xl)}.footer-grid{gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);grid-template-columns:1.5fr 1fr 1fr 1.2fr;display:grid}.footer-brand .logo-icon{background:var(--color-accent);color:#111827}.footer-brand .logo-name{color:#fff}.footer-brand .logo-tagline{color:#ffffff80}.footer-logo{margin-bottom:var(--spacing-md);justify-content:center;align-items:center;gap:.75rem;display:flex}.footer-logo-img{object-fit:cover;border-radius:50%;width:80px;height:80px}.footer-desc{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);max-width:300px;line-height:1.7}.footer-socials{gap:.75rem;display:flex}.social-link{border-radius:var(--radius-md);background:var(--color-footer-social-bg);width:36px;height:36px;color:var(--color-footer-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--color-footer-social-hover);color:#fff}.footer-title{font-size:var(--font-size-sm);color:#fff;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.footer-col{flex-direction:column;display:flex}.footer-link{font-size:var(--font-size-sm);color:var(--color-footer-text-muted);transition:color var(--transition-fast);padding:.375rem 0}.footer-link:hover{color:#fff}.footer-contact{font-size:var(--font-size-sm);color:var(--color-footer-text-muted);align-items:flex-start;gap:.625rem;margin-bottom:.75rem;display:flex}.footer-contact svg{flex-shrink:0;margin-top:2px}.footer-bottom{border-top:1px solid var(--color-footer-border);padding:var(--spacing-lg) 0;font-size:var(--font-size-xs);color:var(--color-footer-text-faint);justify-content:space-between;align-items:center;display:flex}.footer-bottom-links{gap:var(--spacing-lg);display:flex}.footer-bottom-links a{color:var(--color-footer-text-faint);transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--color-footer-text)}@media (width<=768px){.footer-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:var(--spacing-md);text-align:center;flex-direction:column}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);position:relative;overflow:hidden}.product-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card-image{aspect-ratio:1;background:0 0;display:block;position:relative;overflow:hidden}.product-card-image img{object-fit:contain;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-badge{z-index:2;text-transform:uppercase;letter-spacing:.06em;border-radius:0;justify-content:center;align-items:center;width:120px;padding:5px 0;font-weight:800;display:flex;position:absolute;top:16px;left:-36px;transform:rotate(-45deg);box-shadow:0 2px 6px #00000059}.product-badge.badge-new{color:#000;background:#eab308}.product-badge.badge-sale{color:#fff;background:#ef4444}.product-badge.badge-stock{color:#fff;background:#22c55e}.favorite-btn{z-index:3;-webkit-backdrop-filter:blur(6px);color:#fffc;cursor:pointer;opacity:0;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .25s;display:flex;position:absolute;top:.75rem;right:.75rem}.product-card:hover .favorite-btn{opacity:1}.favorite-btn-active{background:#ef444426;opacity:1!important}.favorite-btn:hover{background:#0009;transform:scale(1.15)}.favorite-btn-active:hover{background:#ef444440}.favorite-count{background:var(--color-accent,#eab308);color:var(--color-dark,#111);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 1px 4px #0000004d}.product-card-body{padding:1rem}.product-card-category{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.product-card-title{font-size:var(--font-size-sm);color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;margin:.375rem 0;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-title:hover{color:var(--color-accent)}.product-card-rating{font-size:var(--font-size-xs);align-items:center;gap:.25rem;margin-bottom:.75rem;font-weight:500;display:flex}.rating-count{color:var(--color-text-muted)}.product-card-footer{justify-content:space-between;align-items:center;display:flex}.product-card-price{align-items:baseline;gap:.5rem;display:flex}.price-current{font-size:var(--font-size-lg);color:var(--color-text);font-weight:700}.price-original{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:line-through}.add-to-cart-btn{border-radius:var(--radius-md);background-color:var(--color-accent);width:38px;height:38px;color:var(--color-dark);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.add-to-cart-btn:hover{background-color:var(--color-accent-hover);transform:scale(1.05);box-shadow:0 4px 12px #eab3084d}.home{position:relative}.home-glows{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.home-glow{filter:blur(120px);border-radius:50%;position:absolute}.home-glow-1{background:var(--color-accent);opacity:.25;width:500px;height:500px;top:-50px;right:-80px}.home-glow-2{opacity:.18;background:#f59e0b;width:400px;height:400px;top:600px;left:-120px}.home-glow-3{background:var(--color-accent);opacity:.2;width:450px;height:450px;top:1400px;right:-60px}.home-glow-4{opacity:.16;background:#f59e0b;width:350px;height:350px;top:2200px;left:-80px}.home-glow-5{background:var(--color-accent);opacity:.22;width:400px;height:400px;top:3000px;right:-100px}[data-theme=dark] .home-glow-1{opacity:.12}[data-theme=dark] .home-glow-2{opacity:.08}[data-theme=dark] .home-glow-3{opacity:.09}[data-theme=dark] .home-glow-4{opacity:.07}[data-theme=dark] .home-glow-5{opacity:.1}.hero{align-items:center;min-height:520px;padding:0;display:flex;position:relative;overflow:hidden}.hero-bg-slideshow{z-index:0;position:absolute;inset:0}.hero-bg-slide{opacity:0;transition:opacity 1.2s ease-in-out;position:absolute;inset:0}.hero-bg-slide-active{opacity:1}.hero-bg-slide img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.05)}.hero-bg-overlay{z-index:1;background:linear-gradient(#000000a6 0%,#00000080 50%,#000000bf 100%);position:absolute;inset:0}.hero-container{z-index:2;justify-content:center;align-items:center;padding-top:4rem;padding-bottom:4rem;display:flex;position:relative}.hero-center{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.hero-title-logo{filter:drop-shadow(0 6px 30px #00000080);width:260px;height:auto;animation:4s ease-in-out infinite heroLogoFloat;display:block}@keyframes heroLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-tagline{color:#ffffffe6;letter-spacing:.25em;text-transform:uppercase;text-shadow:0 2px 12px #00000080;font-size:1.4rem;font-weight:600}.hero-actions{gap:var(--spacing-md);margin-top:.5rem;display:flex}.hero-cta{padding:.85rem 2rem;font-size:1rem;box-shadow:0 4px 24px #eab30866}.hero-slide-dots{gap:8px;margin-top:.5rem;display:flex}.hero-dot{cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.hero-dot-active{background:#fff;border-color:#fff;transform:scale(1.3);box-shadow:0 0 8px #fff6}.hero-stats-bar{z-index:2;border-top:1px solid var(--color-border-light);padding:var(--spacing-lg) 0;position:relative}.stats-row{justify-content:center;align-items:center;gap:var(--spacing-2xl);display:flex}.stat-item{text-align:center}.stat-item strong{font-size:var(--font-size-xl);color:var(--color-text);letter-spacing:-.02em;justify-content:center;align-items:center;gap:.25rem;font-weight:700;display:flex}.stat-item span{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:.125rem;display:block}.stat-divider{background:var(--color-border);width:1px;height:32px}@media (width<=768px){.hero{min-height:400px}.hero-title-logo{width:200px}.hero-tagline{letter-spacing:.15em;font-size:1rem}.hero-actions{justify-content:center}.stats-row{gap:var(--spacing-lg)}}.trust-section{padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border-light);background:var(--color-surface)}.trust-grid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.trust-item{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);transition:background var(--transition-fast);align-items:center;gap:1rem;display:flex}.trust-item:hover{background:var(--color-border-light)}.trust-icon{background:var(--color-accent-subtle);border-radius:var(--radius-md);width:46px;height:46px;color:var(--color-accent-hover);flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-item strong{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600;display:block}.trust-item span{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (width<=768px){.trust-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.trust-grid{grid-template-columns:1fr}}.section-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:flex-end;display:flex}.section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-hover);align-items:center;gap:.375rem;margin-bottom:.375rem;font-weight:600;display:inline-flex}.section-alt{background:0 0}.categories-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.category-card{border-radius:var(--radius-xl);aspect-ratio:16/10;opacity:0;border:1px solid var(--color-border-light);animation:.5s forwards fadeIn;position:relative;overflow:hidden}.category-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.category-card:hover img{transform:scale(1.08)}.category-overlay{color:#fff;background:linear-gradient(#0000 0%,#0000001a 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.category-count{font-size:var(--font-size-xs);opacity:.7;margin-bottom:.25rem;font-weight:500}.category-overlay h3{font-size:var(--font-size-xl);letter-spacing:-.01em;margin-bottom:.5rem;font-weight:700}.category-cta{font-size:var(--font-size-xs);color:var(--color-accent);opacity:0;transition:all var(--transition-base);align-items:center;gap:.375rem;font-weight:600;display:inline-flex;transform:translateY(8px)}.category-card:hover .category-cta{opacity:1;transform:translateY(0)}@media (width<=768px){.categories-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.categories-grid{grid-template-columns:1fr}}.promo-banner{padding:var(--spacing-3xl) 0}.promo-grid{gap:var(--spacing-lg);grid-template-rows:auto auto;grid-template-columns:1fr 1fr;display:grid}.promo-card{border-radius:var(--radius-xl);min-height:220px;position:relative;overflow:hidden}.promo-card-large{grid-row:1/3;min-height:460px}.promo-card-bg{position:absolute;inset:0}.promo-card-bg img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.promo-card:hover .promo-card-bg img{transform:scale(1.05)}.promo-card-content{z-index:2;color:#fff;background:linear-gradient(#0000,#0003 30%,#000000d9 100%);flex-direction:column;justify-content:flex-end;height:100%;padding:1.75rem;display:flex;position:relative}.promo-tag{background:var(--color-accent);width:fit-content;color:var(--color-dark);font-size:var(--font-size-xs);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding:.25rem .625rem;font-weight:700;display:inline-block}.promo-card-content h3{font-size:var(--font-size-xl);margin-bottom:.25rem;font-weight:700}.promo-card-large .promo-card-content h3{font-size:var(--font-size-3xl)}.promo-card-content p{font-size:var(--font-size-sm);color:#ffffffb3;margin-bottom:1rem}@media (width<=768px){.promo-grid{grid-template-columns:1fr}.promo-card-large{grid-row:auto;min-height:260px}}.cta-section{padding:var(--spacing-2xl) 0 var(--spacing-3xl)}.cta-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-3xl);text-align:center;position:relative;overflow:hidden}.cta-glow{background:var(--color-accent);filter:blur(120px);opacity:.15;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.cta-content{z-index:2;position:relative}.cta-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--spacing-md);font-weight:600;display:inline-block}.cta-title{font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--spacing-md);letter-spacing:-.02em;font-weight:700}.cta-text{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:460px;margin:0 auto var(--spacing-xl);line-height:1.7}.cta-form{gap:.5rem;max-width:420px;margin:0 auto;display:flex}.cta-form input{border:1.5px solid var(--color-border);background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast);outline:none;flex:1;padding:.875rem 1.25rem}.cta-form input::placeholder{color:var(--color-text-muted)}.cta-form input:focus{border-color:var(--color-accent);background:var(--color-surface)}.cta-submit-btn{white-space:nowrap;background:var(--color-accent)!important;color:var(--color-dark)!important;font-weight:600!important}.cta-submit-btn:hover{box-shadow:0 4px 14px #eab3084d;background:var(--color-accent-hover)!important}.cta-note{margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);display:block}@media (width<=480px){.cta-form{flex-direction:column}.cta-card{padding:var(--spacing-2xl)}}.home-contact{padding:var(--spacing-3xl) 0}.home-contact-layout{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.home-contact-map{border-radius:var(--radius-xl);border:1px solid var(--color-border-light);min-height:380px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.home-contact-map iframe{display:block}.home-contact-info{gap:var(--spacing-md);flex-direction:column;display:flex}.home-contact-item{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;transition:all .25s;display:flex}.home-contact-item:hover{border-color:var(--color-accent);transform:translate(6px);box-shadow:0 8px 24px #eab30814}.home-contact-icon{background:var(--color-accent-subtle);width:44px;height:44px;color:var(--color-accent-hover);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-contact-text h4{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);margin-bottom:.25rem;font-weight:700}.home-contact-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}@media (width<=768px){.home-contact-layout{grid-template-columns:1fr}.home-contact-map{min-height:260px}}@media (width<=480px){.home-contact-item{padding:1rem}}.category-page{padding-bottom:var(--spacing-3xl)}.category-hero{padding:4rem 0 3rem;position:relative;overflow:hidden}.category-hero:before{content:"";background:var(--cat-bg) center / cover no-repeat;z-index:0;position:absolute;inset:0}.category-hero:after{content:"";z-index:0;background:linear-gradient(90deg,#000000d1 40%,#0000008c 100%);position:absolute;inset:0}.category-hero .container{z-index:1;position:relative}.category-hero .breadcrumb{font-size:var(--font-size-sm);color:#ffffff80;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.category-hero .breadcrumb a{color:#ffffffb3;transition:color var(--transition-fast)}.category-hero .breadcrumb a:hover{color:#fff}.category-hero .breadcrumb-current{color:#fff;font-weight:500}.category-hero-content{justify-content:space-between;align-items:center;gap:2rem;display:flex}.category-hero-text{flex:1}.category-badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;background:var(--cat-accent,var(--color-accent));color:#fff;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem 1rem;font-weight:600;display:inline-flex}.category-hero-title{letter-spacing:-.03em;color:#fff;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.category-hero-title span{background:var(--cat-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.category-hero-desc{font-size:var(--font-size-md);color:#ffffffb3;max-width:540px;line-height:1.6}.category-hero-logo{object-fit:contain;z-index:2;filter:drop-shadow(0 4px 16px #0006);border-radius:50%;width:110px;height:110px;position:absolute;bottom:.75rem;right:2rem}.category-hero-visual{flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.category-hero-icon{border-radius:var(--radius-xl);background:var(--cat-gradient);color:#fff;justify-content:center;align-items:center;width:120px;height:120px;font-size:3rem;display:flex;box-shadow:0 20px 50px #00000026}.category-hero-icon svg{width:56px;height:56px}.category-hero-glow{background:var(--cat-gradient);opacity:.15;filter:blur(40px);z-index:-1;border-radius:50%;width:200px;height:200px;position:absolute}.category-subcats{scrollbar-width:none;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);gap:.5rem;padding:1.5rem 0;display:flex;overflow-x:auto}.category-subcats::-webkit-scrollbar{display:none}.subcat-pill{font-size:var(--font-size-sm);border:1.5px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;background:0 0;border-radius:9999px;padding:.5rem 1.25rem;font-weight:500}.subcat-pill:hover{border-color:var(--cat-accent,var(--color-accent));color:var(--cat-accent,var(--color-accent))}.subcat-pill.active{background:var(--cat-accent,var(--color-accent));border-color:var(--cat-accent,var(--color-accent));color:#fff}.category-toolbar{margin-bottom:var(--spacing-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.category-toolbar-left{align-items:center;gap:1rem;display:flex}.category-toolbar-left .result-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.category-toolbar-left .result-count strong{color:var(--color-text)}.category-toolbar-right{align-items:center;gap:.75rem;display:flex}.toolbar-search{align-items:center;display:flex;position:relative}.toolbar-search input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text);width:200px;transition:all var(--transition-fast);padding:.4rem .75rem .4rem 2rem}.toolbar-search input:focus{border-color:var(--cat-accent,var(--color-accent));box-shadow:0 0 0 3px rgba(var(--cat-accent-rgb,234, 179, 8), .15);outline:none}.toolbar-search .search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:.6rem}.toolbar-sort{align-items:center;gap:.5rem;display:flex}.toolbar-sort label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.toolbar-sort select{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;padding:.4rem .75rem}.toolbar-view-btns{gap:.25rem;display:flex}.toolbar-view-btns button{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:.4rem}.toolbar-view-btns button.active{color:var(--cat-accent,var(--color-accent));background:rgba(var(--cat-accent-rgb,234, 179, 8), .1)}.category-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.category-grid.list-view{grid-template-columns:1fr}.category-grid.list-view .product-card{grid-template-columns:200px 1fr;display:grid}.category-empty{text-align:center;padding:4rem 1rem}.category-empty-icon{background:var(--color-surface);width:80px;height:80px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.category-empty h3{font-size:var(--font-size-lg);margin-bottom:.5rem;font-weight:600}.category-empty p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.category-features{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.category-feature-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-normal);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.category-feature-card:hover{border-color:var(--cat-accent,var(--color-accent));transform:translateY(-2px);box-shadow:0 8px 25px #0000000f}.category-feature-icon{border-radius:var(--radius-md);background:rgba(var(--cat-accent-rgb,234, 179, 8), .12);width:44px;height:44px;color:var(--cat-accent,var(--color-accent));flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-feature-card h4{font-size:var(--font-size-sm);margin-bottom:.25rem;font-weight:600}.category-feature-card p{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}@media (width<=768px){.category-hero-content{text-align:center;flex-direction:column}.category-hero-desc{max-width:100%}.category-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.category-toolbar-right{justify-content:space-between}.toolbar-search input{width:100%}.category-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.category-features{grid-template-columns:1fr}}.product-detail-page{padding-bottom:var(--spacing-3xl)}.product-detail{gap:var(--spacing-3xl);margin-top:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.product-images{align-self:start;position:sticky;top:100px}.product-image-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md)}.product-main-image{aspect-ratio:1;border-radius:var(--radius-lg);transform-style:preserve-3d;will-change:transform;cursor:grab;background:0 0;transition:transform .15s ease-out;position:relative;overflow:hidden}.product-main-image:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%,#0000001a 100%);transition:opacity .3s;position:absolute;inset:0}.product-main-image:hover:after{opacity:1}.product-main-image img{object-fit:contain;width:100%;height:100%}.detail-badge{position:absolute;top:1rem;left:1rem}.product-thumbnails{gap:.75rem;display:flex}.thumbnail{border-radius:var(--radius-md);border:2px solid var(--color-border);opacity:.6;width:72px;height:72px;transition:all var(--transition-fast);background:var(--color-surface);padding:0;overflow:hidden}.thumbnail:hover{opacity:1;border-color:var(--color-text-muted)}.thumbnail-active{opacity:1;box-shadow:0 0 0 3px #eab30833;border-color:var(--color-accent)!important}.thumbnail img{object-fit:cover;width:100%;height:100%}.product-info{flex-direction:column;gap:0;display:flex}.product-info-header{margin-bottom:var(--spacing-lg)}.product-detail-category{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid #eab30833;border-radius:9999px;margin-bottom:.75rem;padding:.35rem .85rem;font-weight:700;display:inline-block}.product-detail-name{letter-spacing:-.03em;color:var(--color-text);margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;line-height:1.15}.detail-favorite-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem 1rem;font-weight:500;transition:all .25s;display:inline-flex}.detail-favorite-btn:hover{color:#ef4444;background:#ef44440d;border-color:#ef4444}.detail-favorite-active{color:#ef4444;background:#ef444414;border-color:#ef4444}.detail-favorite-count{font-size:var(--font-size-xs);color:#ef4444;background:#ef44441f;border-radius:9999px;margin-left:.25rem;padding:.15rem .5rem;font-weight:600}.product-detail-rating{align-items:center;gap:.75rem;display:flex}.stars{gap:2px;display:flex}.rating-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.product-price-card{justify-content:space-between;align-items:center;gap:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);display:flex}.product-detail-price{flex-direction:column;gap:.25rem;display:flex}.detail-price-current{color:#e53e3e;letter-spacing:-.03em;font-size:2.5rem;font-weight:800;line-height:1}.detail-price-old-wrap{align-items:center;gap:.5rem;display:flex}.detail-price-original{font-size:var(--font-size-lg);color:var(--color-text-muted);text-decoration:line-through}.detail-discount{font-size:var(--font-size-xs);color:#dc2626;background:#fef2f2;border-radius:9999px;padding:.2rem .5rem;font-weight:700}.stock-badge{font-size:var(--font-size-sm);white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-weight:600;display:inline-flex}.stock-in{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.stock-out{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.product-desc-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.desc-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.75rem;font-weight:700}.product-detail-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);white-space:pre-line;margin:0;line-height:1.75}.product-specs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.specs-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.75rem;font-weight:700}.specs-list{flex-direction:column;gap:.5rem;display:flex}.spec-item{font-size:var(--font-size-sm);color:var(--color-text);align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.spec-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.product-meta-grid{margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.meta-card{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;display:flex}.meta-card:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px #eab3081a}.meta-icon{color:var(--color-accent);flex-shrink:0}.meta-flag-img{border-radius:3px;flex-shrink:0;width:32px;height:auto;box-shadow:0 1px 3px #00000026}.meta-content{flex-direction:column;gap:.1rem;display:flex}.meta-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.meta-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:700}.product-actions-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.product-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.quantity-selector{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);align-items:center;display:flex;overflow:hidden}.quantity-selector button{width:46px;height:52px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.quantity-selector button:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text)}.quantity-selector button:disabled{opacity:.3;cursor:not-allowed}.quantity-selector span{text-align:center;width:48px;font-weight:700;font-size:var(--font-size-lg)}.add-to-cart-main{background:var(--color-accent);color:var(--color-dark);font-weight:700;font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-base);flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.add-to-cart-main:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #eab30859}.add-to-cart-main.added{background:var(--color-success);color:#fff}.add-to-cart-main:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.product-guarantees{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.guarantee-card{align-items:flex-start;gap:.625rem;padding:.5rem 0;display:flex}.guarantee-card svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.guarantee-title{font-size:var(--font-size-xs);color:var(--color-text);font-weight:700;line-height:1.3;display:block}.guarantee-sub{color:var(--color-text-muted);font-size:.7rem;line-height:1.3;display:block}.related-section,.suggested-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--color-border)}@media (width<=768px){.product-detail{gap:var(--spacing-xl);grid-template-columns:1fr}.product-images{position:static}.product-detail-name{font-size:var(--font-size-2xl)}.detail-price-current{font-size:var(--font-size-3xl)}.product-actions{flex-direction:column}.quantity-selector{justify-content:center}.product-guarantees{grid-template-columns:1fr;gap:.5rem}.product-meta-grid{grid-template-columns:1fr}.product-price-card{flex-direction:column;align-items:flex-start}}.cart-page{padding:var(--spacing-lg) 0 var(--spacing-3xl);min-height:70vh}.cart-steps{margin-bottom:var(--spacing-2xl);justify-content:center;align-items:center;gap:.75rem;display:flex}.cart-step{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.02em;align-items:center;gap:.4rem;font-weight:500;display:flex}.cart-step.active{color:var(--color-accent);font-weight:700}.step-dot{background:var(--color-border);width:8px;height:8px;transition:all var(--transition-fast);border-radius:50%}.cart-step.active .step-dot{background:var(--color-accent);box-shadow:0 0 0 3px #eab30833}.step-line{background:var(--color-border);width:40px;height:1px}.cart-grid{gap:var(--spacing-xl);grid-template-columns:1fr 400px;align-items:start;display:grid}.cart-left{gap:var(--spacing-lg);flex-direction:column;display:flex}.cart-left-header{justify-content:space-between;align-items:center;display:flex}.cart-title{font-size:var(--font-size-2xl);color:var(--color-text);letter-spacing:-.03em;font-weight:800}.cart-count{color:var(--color-text-muted);font-weight:400;font-size:var(--font-size-xl)}.clear-btn{font-size:var(--font-size-xs);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.35rem .75rem;display:inline-flex}.clear-btn:hover{color:var(--color-danger);border-color:var(--color-danger);background:#ef44440d}.items-list{flex-direction:column;display:flex}.item-row{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-light);animation:.3s both rowIn;display:flex}.item-row:first-child{padding-top:0}.item-row:last-child{border-bottom:none}@keyframes rowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.item-thumb{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-light);width:80px;height:80px;transition:transform var(--transition-fast);flex-shrink:0;overflow:hidden}.item-thumb:hover{transform:scale(1.04)}.item-thumb img{object-fit:contain;width:100%;height:100%;padding:6px}.item-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.item-cat{color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:700}.item-name{font-size:var(--font-size-sm);color:var(--color-text);-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;font-weight:600;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}.item-name:hover{color:var(--color-accent)}.item-unit{font-size:var(--font-size-xs);color:var(--color-text-muted)}.item-actions{align-items:center;gap:var(--spacing-lg);flex-shrink:0;display:flex}.item-qty{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;height:34px;display:flex;overflow:hidden}.qty-btn{width:32px;height:100%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.qty-btn:hover:not(:disabled){background:var(--color-accent);color:#000}.qty-btn:disabled{opacity:.25;cursor:not-allowed}.qty-num{text-align:center;width:36px;font-weight:700;font-size:var(--font-size-sm);color:var(--color-text);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;line-height:34px}.stock-limit-msg{color:#f59e0b;white-space:nowrap;font-size:11px;font-weight:600}.item-total{font-weight:700;font-size:var(--font-size-base);color:var(--color-text);white-space:nowrap;text-align:right;min-width:72px}.item-del{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);opacity:.5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.item-row:hover .item-del{opacity:1}.item-del:hover{color:#fff;background:var(--color-danger);opacity:1}.back-link{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast);margin-top:var(--spacing-xs);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-accent)}.cart-sidebar{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex;position:sticky;top:90px}.sidebar-section{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.sidebar-section:last-of-type{border-bottom:none;padding-bottom:0}.section-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--spacing-sm);align-items:center;gap:.45rem;font-weight:700;display:flex}.section-label svg{color:var(--color-accent)}.ship-choices{flex-direction:column;gap:.4rem;display:flex}.ship-card{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;background:var(--color-bg);align-items:center;gap:.6rem;padding:.65rem .85rem;transition:all .2s;display:flex}.ship-card:hover{border-color:#eab30880}.ship-card.selected{border-color:var(--color-accent);background:#eab3080a}.ship-card input[type=radio]{display:none}.ship-radio{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:all .2s;position:relative}.ship-radio:after{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.ship-card.selected .ship-radio{border-color:var(--color-accent)}.ship-card.selected .ship-radio:after{transform:translate(-50%,-50%)scale(1)}.ship-ico{color:var(--color-text-muted);flex-shrink:0}.ship-card.selected .ship-ico{color:var(--color-accent)}.ship-text{flex-direction:column;flex:1;min-width:0;display:flex}.ship-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600;line-height:1.3}.ship-sub{color:var(--color-text-muted);font-size:.68rem}.ship-eta{color:var(--color-accent-hover);font-size:.62rem;font-weight:500}.ship-cost{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;flex-shrink:0;font-weight:700}.ship-cost.free{color:var(--color-success)}.ship-card.unavailable{opacity:.35;cursor:not-allowed;pointer-events:none}.pickup-zone{margin-top:var(--spacing-sm)}.pickup-msg{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 .5rem}.pickup-ok{border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text);background:#10b9810f;border:1px solid #10b98133;align-items:flex-start;gap:.5rem;margin-bottom:.65rem;padding:.6rem .75rem;line-height:1.5;display:flex}.pickup-ok svg{color:#10b981;flex-shrink:0;margin-top:.15rem}.pickup-ok strong{font-weight:600}.pickup-ok small{color:var(--color-text-secondary)}.pickup-trigger{width:100%;font-size:var(--font-size-xs);color:#000;background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .75rem;font-weight:600;transition:all .2s;display:flex}.pickup-trigger:hover{background:var(--color-accent-hover)}.pickup-trigger:disabled{opacity:.6;cursor:not-allowed}.widget-colissimo-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.widget-colissimo-modal{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:900px;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 25px 50px #0000004d}.widget-colissimo-close{z-index:10001;color:#555;cursor:pointer;background:#ffffffe6;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.75rem}.widget-colissimo-close:hover{color:#000;background:#f5f5f5}.widget-colissimo-container{width:100%;min-height:550px;max-height:85vh;overflow-y:auto}.widget-colissimo-container,.widget-colissimo-container *{color:#000!important}.widget-colissimo-container input,.widget-colissimo-container select,.widget-colissimo-container textarea{color:#333!important;background:#fff!important}.widget-colissimo-container a{color:#1a73e8!important}.couleur1{color:#eab308!important}.couleur2{color:#ca8a04!important}.police{font-family:Inter,sans-serif!important}.promo-row{gap:.35rem;display:flex}.promo-field{font-size:var(--font-size-xs);letter-spacing:.05em;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);text-transform:uppercase;outline:none;flex:1;padding:.45rem .65rem;font-weight:600;transition:border-color .2s}.promo-field:focus{border-color:var(--color-accent)}.promo-field::placeholder{text-transform:none;letter-spacing:normal;color:var(--color-text-muted);font-weight:400}.promo-go{font-size:var(--font-size-xs);color:#000;background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;padding:.45rem .85rem;font-weight:700;transition:all .2s}.promo-go:hover{background:var(--color-accent-hover)}.promo-go:disabled{opacity:.45;cursor:not-allowed}.promo-badge{border-radius:var(--radius-md);background:#10b9810f;border:1px solid #10b98133;align-items:center;gap:.4rem;padding:.45rem .65rem;display:flex}.promo-badge svg{color:#10b981;flex-shrink:0}.promo-name{font-weight:700;font-size:var(--font-size-xs);color:var(--color-text);letter-spacing:.05em;font-family:SF Mono,Fira Code,monospace}.promo-val{font-size:var(--font-size-xs);color:#10b981;margin-left:auto;font-weight:600}.promo-x{width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;margin-left:.25rem;transition:all .2s;display:flex}.promo-x:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.promo-err{font-size:var(--font-size-xs);color:#ef4444;margin:.3rem 0 0}.sidebar-totals{border-bottom:none!important;padding-bottom:0!important}.total-line{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.total-line span:last-child{color:var(--color-text);font-weight:600}.total-line.green,.total-line.green span{color:#10b981!important}.total-line.green span:last-child{font-weight:700}.green{color:#10b981!important}.vat-line{border-top:1px dashed var(--color-border);font-size:var(--font-size-xs);margin-top:.2rem;padding-top:.35rem}.vat-line,.vat-line span{color:var(--color-text-muted)!important;font-weight:500!important}.grand-total{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:#eab3080f;border:1px solid #eab3082e;justify-content:space-between;align-items:center;display:flex}.grand-total span:first-child{font-size:var(--font-size-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.grand-total span:last-child{font-size:var(--font-size-xl);color:var(--color-accent);font-weight:800}.cart-error{border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-xs);background:#ef444412;border:1px solid #ef44442e;padding:.55rem .75rem;line-height:1.4}.pay-btn{width:100%;padding:.8rem var(--spacing-lg);background:linear-gradient(135deg, var(--color-accent), #f59e0b);color:#000;font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:.55rem;font-weight:700;display:flex;box-shadow:0 4px 14px #eab30840}.pay-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #eab30866}.pay-btn:active{transform:translateY(0)}.pay-btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.trust-bar{justify-content:center;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.trust-bar span{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:.3rem;font-size:.65rem;display:flex}.trust-bar span svg{color:var(--color-success)}.cart-empty{padding:var(--spacing-3xl) 0;align-items:center;min-height:60vh;display:flex}.empty-cart-content{text-align:center;max-width:420px;margin:0 auto}.empty-cart-icon-wrapper{width:110px;height:110px;margin:0 auto var(--spacing-xl);position:relative}.empty-cart-icon-ring{border:2px dashed var(--color-border);border-radius:9999px;animation:3s ease-in-out infinite ringPulse;position:absolute;inset:0}@keyframes ringPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.empty-cart-icon{background:linear-gradient(135deg, var(--color-border-light), var(--color-surface));color:var(--color-text-muted);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px}.empty-cart-content h2{font-size:var(--font-size-2xl);letter-spacing:-.02em;margin-bottom:.5rem;font-weight:800}.empty-cart-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.cart-suggestions{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border-light)}.suggestions-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.suggestions-title{font-size:var(--font-size-xl);color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:.45rem;font-weight:800;display:flex}.suggestions-title svg{color:var(--color-accent)}.suggestions-nav{gap:.35rem;display:flex}.suggestions-arrow{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.suggestions-arrow:hover{border-color:var(--color-accent);color:var(--color-accent);background:#eab3080f}.suggestions-track{gap:var(--spacing-md);scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:var(--spacing-sm);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.suggestions-track::-webkit-scrollbar{display:none}.suggestion-slide{scroll-snap-align:start;flex:0 0 220px}.suggestion-slide .product-card{height:100%}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.cart-grid{gap:var(--spacing-lg);grid-template-columns:1fr 360px}}@media (width<=768px){.cart-grid{grid-template-columns:1fr}.cart-sidebar{position:static}.cart-left-header{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.item-row{gap:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;padding-right:36px;position:relative}.item-thumb{width:64px;height:64px}.item-meta{flex:1;min-width:120px}.item-actions{width:100%;padding-left:calc(64px + var(--spacing-md))}.item-del{top:var(--spacing-md);opacity:1;position:absolute;right:0}.cart-steps{gap:.35rem}.step-line{width:24px}.trust-bar{gap:var(--spacing-xs);flex-direction:column}.suggestion-slide{flex:0 0 180px}.suggestions-title{font-size:var(--font-size-lg)}}@media (width<=480px){.cart-page{padding:var(--spacing-md) 0 var(--spacing-2xl)}.cart-title{font-size:var(--font-size-xl)}.item-actions{padding-left:0}.suggestion-slide{flex:0 0 160px}.cart-suggestions{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg)}}.about-page{padding:var(--spacing-3xl) 0}.about-hero{text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl)}.about-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-hover);margin-bottom:var(--spacing-md);font-weight:600;display:block}.about-title{font-size:var(--font-size-4xl);letter-spacing:-.03em;margin-bottom:var(--spacing-lg);font-weight:800;line-height:1.1}.about-title .highlight{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8}.values-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(4,1fr);display:grid}.value-card{padding:var(--spacing-xl);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base)}.value-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.value-icon{width:52px;height:52px;margin:0 auto var(--spacing-md);background:var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text);justify-content:center;align-items:center;display:flex}.value-card h3{font-size:var(--font-size-base);margin-bottom:.5rem;font-weight:600}.value-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.about-story{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.story-content h2{font-size:var(--font-size-3xl);letter-spacing:-.025em;margin-bottom:var(--spacing-lg);font-weight:700}.story-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.story-stats{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.stat-card{padding:var(--spacing-xl);background:var(--color-border-light);border-radius:var(--radius-xl);text-align:center}.stat-number{font-size:var(--font-size-3xl);color:var(--color-text);letter-spacing:-.02em;font-weight:800}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:.25rem}@media (width<=768px){.values-grid{grid-template-columns:1fr 1fr}.about-story{grid-template-columns:1fr}.about-title{font-size:var(--font-size-3xl)}}@media (width<=480px){.values-grid{grid-template-columns:1fr}}.contact-page{padding:var(--spacing-3xl) 0}.contact-hero{text-align:center;max-width:600px;margin:0 auto var(--spacing-3xl)}.contact-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-hover);margin-bottom:var(--spacing-md);font-weight:600;display:block}.contact-title{font-size:var(--font-size-4xl);letter-spacing:-.03em;margin-bottom:var(--spacing-md);font-weight:800}.contact-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7}.contact-grid{gap:var(--spacing-3xl);grid-template-columns:1fr 1.5fr;display:grid}.contact-info{gap:var(--spacing-lg);flex-direction:column;display:flex}.info-card{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast);gap:1rem;display:flex}.info-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.info-icon{background:var(--color-border-light);border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-card h4{font-size:var(--font-size-sm);margin-bottom:.25rem;font-weight:600}.info-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.contact-form{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.form-success{color:#065f46;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);background:#d1fae5;padding:1rem;font-weight:500}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-text);transition:all var(--transition-fast);outline:none;padding:.875rem 1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-text);background:var(--color-surface)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:120px}.form-group select{appearance:none;cursor:pointer}@media (width<=768px){.contact-grid,.form-row{grid-template-columns:1fr}.contact-title{font-size:var(--font-size-3xl)}}.cgv-page{padding:2rem 0 4rem}.cgv-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.cgv-breadcrumb a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.cgv-breadcrumb a:hover{color:var(--color-accent)}.cgv-title{letter-spacing:-.03em;border-bottom:2px solid var(--color-border);margin-bottom:2.5rem;padding-bottom:1.5rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.cgv-content{max-width:800px}.cgv-section{margin-bottom:2rem}.cgv-section h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:.75rem;font-weight:700}.cgv-section p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.7}.cgv-section a{color:var(--color-accent);transition:opacity var(--transition-fast);text-decoration:underline}.cgv-section a:hover{opacity:.8}.cgv-section ul{margin-top:.5rem;padding-left:1.5rem;list-style:outside}.cgv-section ul li{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:.25rem;line-height:1.7}.cgv-identity{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem!important;list-style:none!important}.cgv-identity li{border-bottom:1px solid var(--color-border);padding:.4rem 0}.cgv-identity li:last-child{border-bottom:none}@media (width<=768px){.cgv-page{padding:1.5rem 0 3rem}}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes auth-slide-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes auth-pulse-glow{0%,to{box-shadow:0 0 20px #eab30826}50%{box-shadow:0 0 40px #eab3084d}}@keyframes auth-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes auth-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes check-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes step-bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.15)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes step-label-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes step-line-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:3rem 1rem;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:var(--color-accent);opacity:.06;filter:blur(100px);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-150px}.auth-page:after{content:"";opacity:.05;filter:blur(80px);pointer-events:none;background:#f59e0b;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-80px;left:-120px}.auth-container{width:100%;max-width:480px;animation:.6s cubic-bezier(.16,1,.3,1) auth-fade-up}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 20px 50px -12px #00000014}.auth-card:before{content:"";background:linear-gradient(90deg, var(--color-accent), #f59e0b, var(--color-accent));background-size:200% 100%;height:3px;animation:3s linear infinite auth-shimmer;position:absolute;top:0;left:0;right:0}[data-theme=dark] .auth-card{box-shadow:0 4px 6px -1px #00000026,0 20px 50px -12px #0000004d}.auth-header{text-align:center;margin-bottom:2rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both auth-fade-up}.auth-icon{background:linear-gradient(135deg, var(--color-accent), #f59e0b);color:#111;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 1.25rem;transition:transform .3s;animation:4s ease-in-out infinite auth-float,3s ease-in-out infinite auth-pulse-glow;display:flex}.auth-icon:hover{transform:scale(1.08)rotate(-3deg)}.auth-title{letter-spacing:-.03em;color:var(--color-text);margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.auth-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.auth-error{color:#ef4444;font-size:var(--font-size-sm);text-align:center;background:#ef44440f;border:1px solid #ef444426;border-radius:12px;margin-bottom:1.5rem;padding:.85rem 1.15rem;font-weight:500;animation:.4s shake}.auth-form{flex-direction:column;gap:1.25rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s both auth-fade-up;display:flex}.auth-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.auth-field{animation:.4s both auth-fade-in}.auth-field label{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:.5rem;font-weight:600;transition:color .2s;display:block}.auth-input-wrapper{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:12px;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.auth-input-wrapper:hover{border-color:var(--color-text-muted)}.auth-input-wrapper:focus-within{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 4px #eab3081a}.auth-input-wrapper:focus-within .auth-input-icon{color:var(--color-accent)}.auth-input-icon{color:var(--color-text-muted);pointer-events:none;flex-shrink:0;transition:color .25s;position:absolute;left:.875rem}.auth-input-wrapper input{font-size:var(--font-size-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;width:100%;padding:.8rem .875rem .8rem 2.75rem;transition:padding .2s}.auth-input-wrapper input::placeholder{color:var(--color-text-muted);transition:opacity .2s}.auth-input-wrapper select{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;flex:1;width:100%;padding:.8rem .875rem .8rem 2.75rem}.auth-input-wrapper:focus-within input::placeholder{opacity:.6}.auth-toggle-password{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:.35rem;transition:all .2s;display:flex;position:absolute;right:.75rem}.auth-toggle-password:hover{color:var(--color-text);background:var(--color-border-light)}.auth-submit{width:100%;font-size:var(--font-size-base);color:#111;background:linear-gradient(135deg, var(--color-accent), #f59e0b);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #eab30840}.auth-submit:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-submit:hover:before{left:100%}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #eab30859}.auth-submit:active{transform:translateY(0);box-shadow:0 2px 10px #eab30840}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #eab30826}.auth-submit:disabled:before{display:none}.auth-submit svg{transition:transform .3s}.auth-submit:hover svg{transform:translate(3px)}.auth-spinner{border:2.5px solid #00000026;border-top-color:#111;border-radius:50%;width:22px;height:22px;animation:.6s linear infinite auth-spin}.auth-footer{text-align:center;border-top:1px solid var(--color-border);margin-top:1.75rem;padding-top:1.5rem;animation:.6s .4s both auth-fade-in}.auth-footer p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-accent-hover);font-weight:600;text-decoration:none;transition:all .2s;position:relative}.auth-footer a:after{content:"";background:var(--color-accent);border-radius:2px;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.auth-footer a:hover{color:var(--color-accent)}.auth-footer a:hover:after{transform:scaleX(1)}.auth-container-wide{max-width:600px}.register-steps{justify-content:center;align-items:center;gap:0;margin-bottom:2.25rem;padding:0 .5rem;animation:.5s cubic-bezier(.16,1,.3,1) .15s both auth-fade-up;display:flex}.register-step{align-items:center;gap:.5rem;display:flex}.register-step:first-child .register-step-number{animation:.5s cubic-bezier(.16,1,.3,1) .15s both step-bounce-in}.register-step:nth-child(2) .register-step-number{animation:.5s cubic-bezier(.16,1,.3,1) .3s both step-bounce-in}.register-step:nth-child(3) .register-step-number{animation:.5s cubic-bezier(.16,1,.3,1) .45s both step-bounce-in}.register-step:first-child .register-step-label{animation:.4s .25s both step-label-slide}.register-step:nth-child(2) .register-step-label{animation:.4s .4s both step-label-slide}.register-step:nth-child(3) .register-step-label{animation:.4s .55s both step-label-slide}.register-step:first-child .register-step-line{transform-origin:0;animation:.4s .35s both step-line-grow}.register-step:nth-child(2) .register-step-line{transform-origin:0;animation:.4s .5s both step-line-grow}.register-step-number{border:2px solid var(--color-border);width:36px;height:36px;color:var(--color-text-muted);cursor:default;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.register-step-number:hover{transform:scale(1.1)}.register-step.active .register-step-number{border-color:var(--color-accent);background:var(--color-accent);color:#111;animation:2s ease-in-out infinite auth-pulse-glow;box-shadow:0 0 0 4px #eab30826}.register-step.done .register-step-number{border-color:var(--color-success);background:var(--color-success);color:#fff;box-shadow:0 0 0 4px #10b9811f}.register-step.done .register-step-number svg{animation:.4s cubic-bezier(.16,1,.3,1) check-pop}.register-step-label{color:var(--color-text-muted);white-space:nowrap;font-size:.8rem;font-weight:500;transition:all .3s}.register-step.active .register-step-label{color:var(--color-text);font-weight:600}.register-step.done .register-step-label{color:var(--color-success)}.register-step-line{background:var(--color-border);border-radius:2px;flex-shrink:0;width:48px;height:2px;margin:0 .5rem;position:relative;overflow:hidden}.register-step.done .register-step-line{background:var(--color-success)}.register-step.done .register-step-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.5s ease-in-out auth-shimmer;position:absolute;inset:0}.register-step-content{flex-direction:column;gap:1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) auth-scale-in;display:flex}.step-section-title{color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:.6rem;margin-bottom:.25rem;padding-bottom:.75rem;font-size:1.05rem;font-weight:700;display:flex}.step-section-title svg{color:var(--color-accent);flex-shrink:0}.step-divider{background:linear-gradient(90deg, transparent, var(--color-border), transparent);height:1px;margin:.75rem 0}.civility-options{gap:.75rem;display:flex}.civility-option{border:1.5px solid var(--color-border);cursor:pointer;background:var(--color-bg);border-radius:12px;flex:1;justify-content:center;align-items:center;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.civility-option:before{content:"";background:linear-gradient(135deg, var(--color-accent), #f59e0b);opacity:0;transition:opacity .3s;position:absolute;inset:0}.civility-option input{opacity:0;width:0;height:0;position:absolute}.civility-option span{font-size:var(--font-size-sm);color:var(--color-text-secondary);z-index:1;font-weight:500;transition:all .3s;position:relative}.civility-option.selected{border-color:var(--color-accent);transform:scale(1.02);box-shadow:0 4px 12px #eab30826}.civility-option.selected:before{opacity:.1}.civility-option.selected span{color:var(--color-accent-hover);font-weight:700}.civility-option:hover{border-color:var(--color-accent);transform:translateY(-1px)}.auth-checkbox-row{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.5rem .75rem;line-height:1.5;transition:background .2s;display:flex}.auth-checkbox-row:hover{background:#eab3080a}.auth-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;margin-top:2px;transition:transform .2s}.auth-checkbox-row input[type=checkbox]:checked{transform:scale(1.1)}.auth-actions-row{align-items:center;gap:1rem;margin-top:.75rem;display:flex}.auth-actions-row .auth-submit{flex:1;margin-top:0}.auth-back-btn{font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1.5px solid var(--color-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;align-items:center;gap:.4rem;padding:.9rem 1.4rem;font-weight:500;transition:all .25s;display:flex}.auth-back-btn:hover{border-color:var(--color-text-muted);color:var(--color-text);transform:translate(-2px)}.auth-back-btn svg{transition:transform .3s}.auth-back-btn:hover svg{transform:translate(-3px)}.confirm-summary{flex-direction:column;gap:1rem;display:flex}.confirm-block{background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) both auth-slide-right}.confirm-block:first-child{animation-delay:0s}.confirm-block:nth-child(2){animation-delay:80ms}.confirm-block:nth-child(3){animation-delay:.16s}.confirm-block:hover{border-color:#eab3084d;box-shadow:0 4px 12px #0000000a}.confirm-block h4{font-size:var(--font-size-sm);color:var(--color-text);align-items:center;gap:.4rem;margin-bottom:.85rem;font-weight:700;display:flex}.confirm-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.confirm-item{flex-direction:column;gap:.2rem;display:flex}.confirm-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600}.confirm-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.confirm-address{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.7}.confirm-same{color:var(--color-text-muted);font-style:italic}.confirm-conditions{background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) .24s both auth-slide-right}.confirm-conditions h4{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:1rem;font-weight:700}.condition-row{padding:.6rem 0;transition:all .2s}.condition-row+.condition-row{border-top:1px solid var(--color-border)}.condition-row a{color:var(--color-accent-hover);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #eab3084d;text-decoration:underline #eab3084d;transition:all .2s}.condition-row a:hover{color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.condition-row.optional span{color:var(--color-text-muted)}.condition-row.optional em{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (width<=540px){.auth-card{border-radius:16px;padding:1.75rem}.auth-row{grid-template-columns:1fr}.auth-container-wide{max-width:100%}.register-step-label{display:none}.register-step-line{width:24px}.confirm-grid{grid-template-columns:1fr}.auth-actions-row{flex-direction:column-reverse}.auth-actions-row .auth-back-btn{justify-content:center;width:100%}}@keyframes acc-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes acc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes acc-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes acc-slide-right{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes acc-avatar-pulse{0%,to{box-shadow:0 0 #eab3084d}50%{box-shadow:0 0 0 8px #eab30800}}@keyframes acc-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes acc-success-in{0%{opacity:0;transform:translateY(-10px)scale(.95)}60%{transform:translateY(2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}.account-page{min-height:calc(100vh - 200px);padding:2.5rem 0 4rem}.account-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;animation:.5s cubic-bezier(.16,1,.3,1) acc-fade-up;display:flex;position:relative;overflow:hidden}.account-header:before{content:"";background:linear-gradient(90deg, var(--color-accent), #f59e0b, var(--color-accent));background-size:200% 100%;height:3px;animation:3s linear infinite acc-shimmer;position:absolute;top:0;left:0;right:0}.account-avatar{background:linear-gradient(135deg, var(--color-accent), #f59e0b);color:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:1.5rem;font-weight:800;transition:transform .3s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite acc-avatar-pulse;display:flex}.account-avatar:hover{transform:scale(1.08)rotate(-3deg)}.account-header-info{flex:1}.account-header-info h1{font-size:var(--font-size-xl);color:var(--color-text);letter-spacing:-.02em;margin-bottom:.25rem;font-weight:700}.account-header-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.account-member-since{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-accent-light);border-radius:9999px;margin-top:.35rem;padding:.25rem .75rem;font-weight:500;display:inline-block}.account-logout-btn{font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1.5px solid var(--color-border);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.account-logout-btn:hover{color:#ef4444;background:#ef44440d;border-color:#ef44444d;transform:translateY(-1px)}.account-logout-btn:active{transform:translateY(0)}.account-admin-btn{font-size:var(--font-size-sm);color:#daa520;cursor:pointer;background:#daa52014;border:1.5px solid #daa5204d;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.account-admin-btn:hover{color:#f0c040;background:#daa52026;border-color:#daa52080;transform:translateY(-1px)}.account-admin-btn:active{transform:translateY(0)}.account-layout{grid-template-columns:240px 1fr;align-items:start;gap:1.5rem;display:grid}.account-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:.25rem;padding:.5rem;animation:.5s cubic-bezier(.16,1,.3,1) .1s both acc-fade-up;display:flex}.account-tab{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.account-tab:before{content:"";background:var(--color-accent);border-radius:3px;width:3px;height:50%;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.account-tab:hover{background:var(--color-bg);color:var(--color-text);transform:translate(2px)}.account-tab.active{background:var(--color-accent-light);color:var(--color-accent-hover);font-weight:600}.account-tab.active:before{transform:translateY(-50%)scaleY(1)}.account-tab svg{transition:transform .25s}.account-tab:hover svg{transform:scale(1.1)}.tab-arrow{opacity:0;margin-left:auto;transition:all .25s;transform:translate(-4px)}.account-tab:hover .tab-arrow,.account-tab.active .tab-arrow{opacity:1;transform:translate(0)}.account-content{min-height:400px;animation:.5s cubic-bezier(.16,1,.3,1) .2s both acc-fade-up}.account-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:2rem;transition:box-shadow .3s;animation:.35s cubic-bezier(.16,1,.3,1) acc-scale-in}.account-section:hover{box-shadow:0 8px 30px #0000000d}[data-theme=dark] .account-section:hover{box-shadow:0 8px 30px #00000026}.account-section-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.account-section-header h2{font-size:var(--font-size-lg);color:var(--color-text);letter-spacing:-.01em;font-weight:700}.account-edit-btn{font-size:var(--font-size-sm);color:var(--color-accent-hover);background:var(--color-accent-light);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.account-edit-btn:hover{background:var(--color-accent);color:#111;transform:translateY(-1px);box-shadow:0 4px 12px #eab30840}.account-edit-btn:active{transform:translateY(0)}.account-edit-actions{gap:.5rem;display:flex}.account-save-btn{font-size:var(--font-size-sm);color:#111;background:var(--color-accent);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.account-save-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #eab30840}.account-cancel-btn{font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1.5px solid var(--color-border);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-weight:500;transition:all .25s;display:flex}.account-cancel-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.account-success{color:#10b981;font-size:var(--font-size-sm);text-align:center;background:#10b9810f;border:1px solid #10b9812e;border-radius:12px;margin-bottom:1.5rem;padding:.85rem 1.15rem;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) acc-success-in}.account-fields{flex-direction:column;gap:1.5rem;display:flex}.account-field-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.account-field{animation:.3s cubic-bezier(.16,1,.3,1) both acc-slide-right}.account-field:first-child{animation-delay:0s}.account-field:nth-child(2){animation-delay:50ms}.account-field:nth-child(3){animation-delay:.1s}.account-field:nth-child(4){animation-delay:.15s}.account-field label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-weight:600;display:flex}.account-field p{font-size:var(--font-size-base);color:var(--color-text);font-weight:500}.account-field input{width:100%;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:10px;outline:none;padding:.7rem .875rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.account-field input:hover{border-color:var(--color-text-muted)}.account-field input:focus{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 4px #eab3081a}.account-field select{width:100%;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);cursor:pointer;appearance:none;border-radius:10px;outline:none;padding:.7rem .875rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.account-field select:hover{border-color:var(--color-text-muted)}.account-field select:focus{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 4px #eab3081a}.account-section-divider{font-size:var(--font-size-sm);color:var(--color-text);border-top:1px solid var(--color-border);align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem 0 .5rem;font-weight:700;display:flex}.account-section-divider svg{color:var(--color-accent)}.account-same-address{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:.5rem;padding:.25rem 0 .5rem;display:flex}.account-same-address input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;width:16px;height:16px}.account-same-address span{-webkit-user-select:none;user-select:none}.account-empty{text-align:center;color:var(--color-text-muted);padding:3.5rem 1rem;animation:.5s cubic-bezier(.16,1,.3,1) acc-fade-up}.account-empty svg{opacity:.25;margin-bottom:1.25rem;transition:all .3s}.account-empty:hover svg{opacity:.4;transform:scale(1.05)}.account-empty h3{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:.5rem;font-weight:600}.account-empty p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:1.5rem}.account-settings{flex-direction:column;gap:1rem;display:flex}.settings-item{background:var(--color-bg);border-radius:12px;justify-content:space-between;align-items:center;padding:1.25rem;transition:all .25s;animation:.4s cubic-bezier(.16,1,.3,1) both acc-slide-right;display:flex}.settings-item:first-child{animation-delay:0s}.settings-item:nth-child(2){animation-delay:60ms}.settings-item:nth-child(3){animation-delay:.12s}.settings-item:hover{background:var(--color-bg);box-shadow:0 2px 8px #0000000a}.settings-item h4{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:.25rem;font-weight:600}.settings-item p{font-size:var(--font-size-xs);color:var(--color-text-muted)}.toggle-switch{cursor:pointer;flex-shrink:0;width:46px;height:26px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--color-border);border-radius:9999px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--color-accent);box-shadow:0 0 12px #eab30840}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch:hover .toggle-slider:before{box-shadow:0 2px 6px #0003}.account-orders-list{flex-direction:column;gap:.75rem;display:flex}.account-order-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;padding:1.15rem 1.35rem;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.35s cubic-bezier(.16,1,.3,1) both acc-slide-right}.account-order-card:first-child{animation-delay:0s}.account-order-card:nth-child(2){animation-delay:40ms}.account-order-card:nth-child(3){animation-delay:80ms}.account-order-card:nth-child(4){animation-delay:.12s}.account-order-card:nth-child(5){animation-delay:.16s}.account-order-card-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.account-order-card:hover{border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.order-chevron{color:#555;transition:transform .2s,color .2s}.account-order-card:hover .order-chevron{color:var(--color-accent);transform:translate(3px)}[data-theme=dark] .account-order-card:hover{box-shadow:0 4px 16px #0003}.order-card-header{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.order-number{font-size:var(--font-size-sm);color:var(--color-text);letter-spacing:.02em;font-family:SF Mono,Fira Code,monospace;font-weight:700}.order-status{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.72rem;font-weight:600;display:inline-flex}.order-status.status-pending{color:#f59e0b;background:#f59e0b1a}.order-status.status-paid{color:#3b82f6;background:#3b82f61a}.order-status.status-processing{color:#a855f7;background:#a855f71a}.order-status.status-shipped{color:#0ea5e9;background:#0ea5e91a}.order-status.status-delivered{color:#10b981;background:#10b9811a}.order-status.status-cancelled{color:#ef4444;background:#ef444414}.order-status.status-refunded{color:#6b7280;background:#6b72801a}.order-status.status-failed{color:#ef4444;background:#ef444414}.order-card-body{justify-content:space-between;align-items:center;display:flex}.order-card-info{flex-direction:column;gap:.2rem;display:flex}.order-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.order-tracking{font-size:var(--font-size-xs);color:var(--color-accent-hover);font-weight:500}.order-total{font-size:var(--font-size-lg);color:var(--color-text);font-weight:700}.order-card-actions{align-items:center;gap:.75rem;display:flex}.order-invoice-btn{font-size:var(--font-size-xs);color:var(--color-dark);background:linear-gradient(135deg, var(--color-gold), var(--color-accent-hover));white-space:nowrap;cursor:pointer;letter-spacing:.01em;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-family:inherit;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #eab3084d}.order-invoice-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #eab30880}@keyframes acc-spin{to{transform:rotate(360deg)}}.account-empty .spin{animation:1s linear infinite acc-spin;opacity:.5!important}@media (width<=768px){.account-header{text-align:center;flex-direction:column}.account-layout{grid-template-columns:1fr}.account-sidebar{scrollbar-width:none;border-radius:12px;flex-direction:row;overflow-x:auto}.account-sidebar::-webkit-scrollbar{display:none}.account-tab{white-space:nowrap;padding:.6rem 1rem}.account-tab:before,.tab-arrow{display:none}.account-field-row{grid-template-columns:1fr}.account-section{border-radius:14px;padding:1.25rem}.account-order-card{padding:.9rem 1rem}.order-total{font-size:var(--font-size-base)}}.ap-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.ap-stat{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.ap-stat svg{color:#daa520}.ap-stat-num{color:var(--color-text);font-size:1.3rem;font-weight:700;display:block}.ap-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;display:block}.ap-toolbar{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.ap-search{background:var(--color-surface);border:1px solid var(--color-border);min-width:200px;box-shadow:var(--shadow-sm);border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.ap-search:focus-within{border-color:#daa52066}.ap-search svg{color:var(--color-text-muted);flex-shrink:0}.ap-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.ap-search input::placeholder{color:var(--color-text-muted)}.ap-search button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px}.ap-filter-cat{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;padding:.6rem 1rem;font-size:.9rem}.ap-filter-cat option{background:var(--color-surface);color:var(--color-text)}.ap-btn-new{color:#0a0a0a;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#daa520,#b8860b);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.ap-btn-new:hover{background:linear-gradient(135deg,#f0c040,#daa520);transform:translateY(-1px)}.ap-loading,.ap-empty{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.ap-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.ap-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;transition:all .3s;overflow:hidden}.ap-card:hover{box-shadow:var(--shadow-md);border-color:#daa5204d;transform:translateY(-2px)}.ap-card-inactive{opacity:.55}.ap-card-img{background:var(--color-border-light);width:100%;height:180px;position:relative;overflow:hidden}.ap-card-img img{object-fit:cover;width:100%;height:100%}.ap-card-no-img{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.ap-badge{text-transform:uppercase;border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;position:absolute;top:8px;left:8px}.ap-badge-new{color:#fff;background:#22c55e}.ap-badge-sale{color:#fff;background:#ef4444}.ap-badge-stock{color:#fff;background:#3b82f6}.ap-badge-inactive{background:var(--color-text-muted);color:#fff;top:auto;bottom:8px;left:8px}.ap-card-body{padding:1rem}.ap-card-cat{color:#daa520;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:600}.ap-card-name{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.35rem 0 .5rem;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ap-card-price{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.ap-price-current{color:#daa520;font-size:1.05rem;font-weight:700}.ap-price-old{color:var(--color-text-muted);font-size:.8rem;text-decoration:line-through}.ap-card-meta{color:var(--color-text-muted);justify-content:space-between;font-size:.75rem;display:flex}.ap-stock-yes{color:#22c55e}.ap-stock-no{color:#ef4444}.ap-card-actions{gap:.5rem;padding:0 1rem 1rem;display:flex}.ap-card-edit{color:#daa520;cursor:pointer;background:#daa5201a;border:1px solid #daa52040;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.ap-card-edit:hover{background:#daa52033}.ap-card-delete{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .75rem;transition:all .2s;display:flex}.ap-card-delete:hover{background:#ef444426}.admin-product-form{animation:.3s adminDetailIn}.apf-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.apf-header h2{color:#daa520;margin:0;font-size:1.3rem}.apf-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.apf-close:hover{color:var(--color-text)}.apf-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.apf-col{flex-direction:column;gap:1.25rem;display:flex}.apf-section{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;padding:1.25rem}.apf-section h3{color:#daa520;border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.6rem;font-size:.9rem;font-weight:600;display:flex}.apf-field{margin-bottom:.75rem}.apf-field:last-child{margin-bottom:0}.apf-field label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.35rem;font-size:.75rem;font-weight:500;display:block}.apf-field input,.apf-field select,.apf-field textarea{background:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:8px;outline:none;padding:.6rem .875rem;font-size:.9rem;transition:border-color .2s}.apf-field input:focus,.apf-field select:focus,.apf-field textarea:focus{border-color:#daa52080}.apf-field input::placeholder,.apf-field textarea::placeholder{color:var(--color-text-muted)}.apf-field select option{background:var(--color-surface);color:var(--color-text)}.apf-field textarea{resize:vertical;font-family:inherit}.apf-row{gap:.75rem;display:flex}.apf-row .apf-field{flex:1}.apf-detail-row{gap:.5rem;margin-bottom:.5rem;display:flex}.apf-detail-row input{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;outline:none;flex:1;padding:.5rem .75rem;font-size:.85rem}.apf-detail-row input:focus{border-color:#daa52066}.apf-detail-row input::placeholder{color:var(--color-text-muted)}.apf-detail-remove{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:.5rem;transition:all .2s}.apf-detail-remove:hover{background:#ef444433}.apf-add-detail{border:1px dashed var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.25rem;padding:.45rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.apf-add-detail:hover{color:#daa520;border-color:#daa52066}.apf-image-upload{position:relative}.apf-image-preview{background:var(--color-border-light);border-radius:10px;width:100%;height:200px;position:relative;overflow:hidden}.apf-image-preview img{object-fit:cover;width:100%;height:100%}.apf-image-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.apf-image-remove:hover{background:#ef4444}.apf-image-placeholder{cursor:pointer;width:100%;height:200px;color:var(--color-text-muted);border:2px dashed #daa5204d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:all .2s;display:flex}.apf-image-placeholder:hover{color:#daa520;border-color:#daa52099}.apf-image-placeholder p{margin:0;font-size:.9rem;font-weight:500}.apf-image-placeholder span{color:var(--color-text-muted);font-size:.75rem}.apf-btn-change-img{background:var(--color-border-light);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;margin-top:.5rem;padding:.4rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.apf-btn-change-img:hover{color:#daa520;border-color:#daa52066}.apf-uploading{color:#daa520;margin-top:.5rem;font-size:.85rem;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.apf-extra-images{flex-wrap:wrap;gap:.5rem;display:flex}.apf-extra-thumb{border:1px solid var(--color-border);border-radius:8px;width:72px;height:72px;position:relative;overflow:hidden}.apf-extra-thumb img{object-fit:cover;width:100%;height:100%}.apf-extra-thumb button{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:2px;right:2px}.apf-extra-thumb button:hover{background:#ef4444}.apf-extra-add{border:2px dashed var(--color-border);cursor:pointer;width:72px;height:72px;color:var(--color-text-muted);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.apf-extra-add:hover{color:#daa520;border-color:#daa52066}.apf-checkboxes{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.apf-check{cursor:pointer;color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.apf-check input[type=checkbox]{accent-color:#daa520;cursor:pointer;width:18px;height:18px}.apf-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.apf-btn-cancel{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:.625rem 1.5rem;font-size:.9rem;transition:all .2s}.apf-btn-cancel:hover{background:var(--color-border-light);border-color:var(--color-text-muted)}.apf-btn-save{color:#0a0a0a;cursor:pointer;background:linear-gradient(135deg,#daa520,#b8860b);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.apf-btn-save:hover{background:linear-gradient(135deg,#f0c040,#daa520)}.apf-btn-save:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.ap-stats{grid-template-columns:repeat(2,1fr)}.ap-toolbar{flex-direction:column}.ap-grid,.apf-grid{grid-template-columns:1fr}.apf-row{flex-direction:column}}.asc-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.asc-stat{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.asc-stat svg{color:#daa520}.asc-stat-num{color:var(--color-text);font-size:1.3rem;font-weight:700;display:block}.asc-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;display:block}.asc-toolbar{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.asc-search{background:var(--color-surface);border:1px solid var(--color-border);min-width:200px;box-shadow:var(--shadow-sm);border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.asc-search:focus-within{border-color:#daa52066}.asc-search svg{color:var(--color-text-muted);flex-shrink:0}.asc-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.asc-search input::placeholder{color:var(--color-text-muted)}.asc-search button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px}.asc-filter-cat{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;padding:.6rem 1rem;font-size:.9rem}.asc-filter-cat option{background:var(--color-surface);color:var(--color-text)}.asc-btn-new{color:#0a0a0a;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#daa520,#b8860b);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.asc-btn-new:hover{background:linear-gradient(135deg,#f0c040,#daa520);transform:translateY(-1px)}.asc-loading{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.asc-list{flex-direction:column;gap:.75rem;display:flex}.asc-category-group{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.asc-category-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;transition:background .2s;display:flex}.asc-category-header:hover{background:#daa5200a}.asc-category-header-left{align-items:center;gap:.5rem;display:flex}.asc-category-header-left svg{color:#daa520}.asc-category-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.asc-count-badge{color:#daa520;background:#daa52026;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.asc-add-in-cat{color:#daa520;cursor:pointer;background:#daa5201a;border:1px solid #daa52040;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.asc-add-in-cat:hover{background:#daa52033}.asc-items{border-top:1px solid var(--color-border)}.asc-item{align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:background .15s;display:flex}.asc-item:not(:last-child){border-bottom:1px solid var(--color-border-light)}.asc-item:hover{background:#daa52008}.asc-item-grip{color:var(--color-text-muted);opacity:.4;cursor:grab}.asc-item-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.asc-item-label{color:var(--color-text);font-size:.9rem;font-weight:500}.asc-item-slug{color:var(--color-text-muted);font-family:Courier New,monospace;font-size:.75rem}.asc-item-order{color:var(--color-text-muted);background:var(--color-border-light);border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:500}.asc-item-actions{gap:.35rem;display:flex}.asc-item-edit{color:#daa520;cursor:pointer;background:#daa52014;border:1px solid #daa52033;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.asc-item-edit:hover{background:#daa5202e}.asc-item-delete{color:#ef4444;cursor:pointer;background:#ef44440f;border:1px solid #ef444426;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.asc-item-delete:hover{background:#ef444426}.asc-empty-cat{color:var(--color-text-muted);justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;font-size:.85rem;display:flex}.asc-empty-cat button{color:#daa520;cursor:pointer;background:0 0;border:1px dashed #daa5204d;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.8rem;transition:all .2s;display:flex}.asc-empty-cat button:hover{background:#daa5201a;border-color:#daa52080}.asc-modal{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:480px;box-shadow:var(--shadow-lg,0 25px 50px #00000040);border-radius:16px;padding:1.75rem;animation:.3s adminDetailIn}.asc-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.asc-modal-header h3{color:#daa520;margin:0;font-size:1.15rem}.asc-form-field{margin-bottom:1rem}.asc-form-field label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.35rem;font-size:.75rem;font-weight:500;display:block}.asc-form-field input,.asc-form-field select{background:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:8px;outline:none;padding:.6rem .875rem;font-size:.9rem;transition:border-color .2s}.asc-form-field input:focus,.asc-form-field select:focus{border-color:#daa52080}.asc-form-field input::placeholder{color:var(--color-text-muted)}.asc-form-field select option{background:var(--color-surface);color:var(--color-text)}.asc-form-hint{color:var(--color-text-muted);margin-top:.25rem;font-size:.72rem;display:block}.asc-form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.asc-btn-cancel{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:.55rem 1.25rem;font-size:.9rem;transition:all .2s}.asc-btn-cancel:hover{background:var(--color-border-light)}.asc-btn-save{color:#0a0a0a;cursor:pointer;background:linear-gradient(135deg,#daa520,#b8860b);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.asc-btn-save:hover{background:linear-gradient(135deg,#f0c040,#daa520)}.asc-btn-save:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.asc-stats{grid-template-columns:1fr}.asc-toolbar{flex-direction:column}.asc-modal{margin:1rem;padding:1.25rem}}.ao-message{border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.ao-message-success{color:var(--color-success);background:#10b9811a;border:1px solid #10b9814d}.ao-message-error{color:var(--color-danger);background:#ef44441a;border:1px solid #ef44444d}.ao-message button{cursor:pointer;opacity:.5;color:inherit;background:0 0;border:none;margin-left:auto}.ao-stats{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.ao-stat{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:center;cursor:pointer;min-width:100px;transition:all var(--transition-fast);flex:1;padding:.75rem 1rem}.ao-stat:hover{border-color:var(--color-accent)}.ao-stat-num{font-size:var(--font-size-xl);color:var(--color-text);font-weight:800;display:block}.ao-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.ao-stat-revenue{min-width:150px}.ao-blue{color:#3b82f6}.ao-purple{color:#8b5cf6}.ao-cyan{color:#06b6d4}.ao-green{color:var(--color-success)}.ao-gold{color:var(--color-accent)}.ao-toolbar{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.ao-search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.ao-search input{font-size:var(--font-size-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.ao-search svg{color:var(--color-text-muted)}.ao-filter{align-items:center;display:flex;position:relative}.ao-filter select{appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;padding:.5rem 2rem .5rem .75rem}.ao-filter svg{pointer-events:none;color:var(--color-text-muted);position:absolute;right:.5rem}.ao-loading,.ao-empty{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);color:var(--color-text-muted);flex-direction:column;display:flex}.ao-loading .spin{animation:1s linear infinite aoSpin}@keyframes aoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ao-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.6875rem;font-weight:600;display:inline-flex}.ao-status-orange{color:#d97706;background:#f59e0b26}.ao-status-blue{color:#3b82f6;background:#3b82f626}.ao-status-purple{color:#8b5cf6;background:#8b5cf626}.ao-status-cyan{color:#06b6d4;background:#06b6d426}.ao-status-green{color:#10b981;background:#10b98126}.ao-status-red{color:#ef4444;background:#ef444426}.ao-status-gray{color:#6b7280;background:#6b728026}.ao-table-wrapper{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.ao-table{border-collapse:collapse;width:100%}.ao-table th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);background:var(--color-border-light);padding:.75rem 1rem;font-weight:600}.ao-table td{font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:.75rem 1rem}.ao-table tr:last-child td{border-bottom:none}.ao-table tr:hover td{background:rgba(var(--color-border-rgb), .3)}.ao-order-num{color:var(--color-accent);font-family:monospace;font-weight:700;font-size:var(--font-size-xs)!important}.ao-customer{flex-direction:column;display:flex}.ao-customer-name{font-weight:600;font-size:var(--font-size-sm)}.ao-customer-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ao-total{font-weight:700}.ao-date{color:var(--color-text-secondary);white-space:nowrap;font-size:var(--font-size-xs)!important}.ao-view-btn{background:var(--color-accent);color:#000;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:.25rem;padding:.35rem .75rem;font-weight:600;display:inline-flex}.ao-view-btn:hover{opacity:.85}.ao-modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ao-modal{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-xl);overflow-y:auto}.ao-modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);background:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ao-modal-header h3{font-size:var(--font-size-lg);font-weight:700}.ao-modal-header button{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.25rem}.ao-modal-header button:hover{color:var(--color-text);background:var(--color-border-light)}.ao-modal-body{padding:var(--spacing-lg) var(--spacing-xl)}.ao-modal-section{margin-bottom:var(--spacing-lg)}.ao-modal-section h4{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);align-items:center;gap:.375rem;margin-bottom:.5rem;font-weight:700;display:flex}.ao-modal-section p{font-size:var(--font-size-sm);color:var(--color-text);margin:.25rem 0}.ao-invoice-btn{background:linear-gradient(135deg, var(--color-gold,#eab308), #ca8a04);color:#000;width:100%;font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:.35rem;margin-top:.75rem;padding:.45rem .9rem;font-family:inherit;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #eab30840}.ao-invoice-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #eab30873}.ao-invoice-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ao-muted{color:var(--color-text-muted)!important;font-size:var(--font-size-xs)!important}.ao-tracking{font-family:monospace;color:var(--color-accent)!important}.ao-modal-status-row{align-items:center;gap:var(--spacing-md);display:flex}.ao-modal-status-row select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-text);padding:.375rem .75rem}.ao-tracking-form{gap:.5rem;margin-top:.5rem;display:flex}.ao-tracking-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text);flex:1;padding:.375rem .75rem}.ao-btn-colissimo{color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast);background:#0052a5;border:none;align-items:center;gap:.25rem;padding:.375rem .75rem;font-weight:600;display:inline-flex}.ao-btn-colissimo:hover{opacity:.85}.ao-btn-colissimo:disabled{opacity:.5;cursor:not-allowed}.ao-sync-btn{color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast);background:#1a1a2e;border:1px solid #333;align-items:center;gap:.25rem;padding:.375rem .75rem;font-weight:600;display:inline-flex}.ao-sync-btn:hover{opacity:.8}.ao-sync-btn:disabled{opacity:.5;cursor:not-allowed}.ao-tracking-section{margin-top:.75rem}.ao-btn-track{color:#a0a0b0;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #333;align-items:center;gap:.25rem;padding:.3rem .65rem;display:inline-flex}.ao-btn-track:hover{color:#fff;border-color:#666}.ao-btn-track:disabled{opacity:.5;cursor:not-allowed}.ao-timeline{border-left:2px solid #2a2a3e;flex-direction:column;gap:0;margin-top:.75rem;margin-left:.4rem;padding-left:1rem;display:flex}.ao-timeline-step{align-items:flex-start;gap:.6rem;padding:.4rem 0;display:flex;position:relative}.ao-step-dot{border:2px solid #0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px;margin-left:-1.55rem}.ao-step-active .ao-step-dot{background:#22c55e;border-color:#22c55e;box-shadow:0 0 6px #22c55e66}.ao-step-inactive .ao-step-dot{background:#2a2a3e;border-color:#444}.ao-step-disabled .ao-step-dot{background:#1a1a2e;border-color:#333}.ao-step-info{flex-direction:column;gap:.1rem;display:flex}.ao-step-label{font-size:var(--font-size-xs);font-weight:600}.ao-step-active .ao-step-label{color:#fff}.ao-step-inactive .ao-step-label{color:#555}.ao-step-disabled .ao-step-label{color:#333}.ao-step-date{color:#22c55e;font-size:.68rem}.ao-events-details{font-size:var(--font-size-xs);margin-top:.75rem}.ao-events-details summary{cursor:pointer;color:#a0a0b0;-webkit-user-select:none;user-select:none;margin-bottom:.4rem}.ao-events-list{flex-direction:column;gap:.3rem;margin-top:.4rem;display:flex}.ao-event-row{gap:.75rem;font-size:.7rem;display:flex}.ao-event-date{color:#666;flex-shrink:0}.ao-event-label{color:#a0a0b0}.ao-modal-items{flex-direction:column;gap:.5rem;display:flex}.ao-modal-item{background:var(--color-border-light);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.5rem;display:flex}.ao-modal-item img{border-radius:var(--radius-sm);object-fit:contain;background:var(--color-surface);width:40px;height:40px}.ao-modal-item-info{flex:1;min-width:0}.ao-modal-item-info span:first-child{font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ao-modal-item-total{font-weight:700;font-size:var(--font-size-sm);white-space:nowrap}.ao-modal-totals{padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.ao-modal-total-row{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;padding:.25rem 0;display:flex}.ao-modal-grand-total{font-size:var(--font-size-lg);color:var(--color-text);border-top:2px solid var(--color-accent);margin-top:.25rem;padding-top:.5rem;font-weight:800}.ao-modal-dates p{font-size:var(--font-size-xs)!important;color:var(--color-text-muted)!important}.ao-modal-section textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text);resize:vertical;padding:.5rem .75rem;font-family:inherit}@media (width<=768px){.ao-stats{flex-wrap:wrap}.ao-stat{min-width:80px}.ao-toolbar{flex-direction:column}.ao-modal{border-radius:var(--radius-lg);max-width:100%;margin:0}.ao-tracking-form{flex-direction:column}.ao-table th:nth-child(5),.ao-table td:nth-child(5){display:none}}.admin-promos{margin-top:1.5rem}.promo-message{border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;animation:.3s fadeIn;display:flex}.promo-message.success{color:#059669;background:#10b9811a;border:1px solid #10b98140}.promo-message.error{color:#dc2626;background:#ef44441a;border:1px solid #ef444440}.promo-message button{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;margin-left:auto}.promo-message button:hover{opacity:1}.promos-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.promos-search-form{flex:1;min-width:200px}.promos-search-box{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.promos-search-box input{color:var(--color-text);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.promos-search-box svg{color:var(--color-text-muted)}.promo-create-btn{background:var(--color-accent);color:#000;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-weight:600;transition:all .2s;display:flex}.promo-create-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.promo-form-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem;animation:.3s fadeIn}.promo-form-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.promo-form-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.promo-form-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem}.promo-form-close:hover{color:var(--color-text)}.promo-form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.promo-field label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem;font-weight:600;display:block}.promo-field input,.promo-field select{width:100%;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;padding:.55rem .75rem;transition:border-color .2s}.promo-field input:focus,.promo-field select:focus{border-color:var(--color-accent)}.promo-form-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.promo-form-cancel{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:.55rem 1.2rem;transition:all .2s}.promo-form-cancel:hover{border-color:var(--color-text-muted)}.promo-form-submit{font-size:var(--font-size-sm);color:#000;background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-weight:600;transition:all .2s;display:flex}.promo-form-submit:hover{background:var(--color-accent-hover)}.promo-form-submit:disabled{opacity:.6;cursor:not-allowed}.promos-table-wrap{border-radius:var(--radius-lg);border:1.5px solid var(--color-border);overflow-x:auto}.promos-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.promos-table thead{background:var(--color-bg)}.promos-table th{text-align:left;color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1.5px solid var(--color-border);white-space:nowrap;padding:.7rem .85rem}.promos-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:.75rem .85rem}.promos-table tr:last-child td{border-bottom:none}.promos-table tr.promo-inactive td{opacity:.5}.promo-code-cell{align-items:center;gap:.4rem;display:flex}.promo-code-text{color:var(--color-accent-hover);letter-spacing:.05em;font-family:SF Mono,Fira Code,monospace;font-weight:700}.promo-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:.15rem}.promo-discount-badge{color:var(--color-accent-hover);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs);background:#eab3081f;align-items:center;gap:.25rem;padding:.2rem .5rem;display:inline-flex}.promo-free-shipping-badge{color:#059669;border-radius:var(--radius-sm);background:#0596691a;align-items:center;gap:.2rem;margin-top:.3rem;padding:.15rem .45rem;font-size:.68rem;font-weight:600;display:inline-flex}.promo-field-full{grid-column:1/-1}.promo-check-label{cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:#0596690f;border:1px solid #05966926;align-items:center;gap:.5rem;padding:.6rem .75rem;font-weight:500!important;font-size:var(--font-size-sm)!important;color:var(--color-text)!important;display:flex!important}.promo-check-label:hover{background:#0596691a;border-color:#0596694d}.promo-check-label input[type=checkbox]{accent-color:#059669;width:16px;height:16px}.promo-dates{font-size:var(--font-size-xs);white-space:nowrap}.promo-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;padding:.15rem .5rem;font-weight:600;display:inline-block}.promo-badge.active{color:#059669;background:#10b9811f}.promo-badge.inactive{color:#6b7280;background:#6b72801f}.promo-badge.expired{color:#dc2626;background:#ef44441a}.promo-badge.maxed{color:#b45309;background:#eab3081f}.promo-actions{gap:.3rem;display:flex}.promo-action-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.promo-action-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.promo-action-btn.toggle{color:#3b82f6}.promo-action-btn.delete:hover{color:#ef4444;border-color:#ef4444}.promos-loading{color:var(--color-text-muted);justify-content:center;align-items:center;gap:.5rem;padding:3rem 0;display:flex}.promos-empty{text-align:center;color:var(--color-text-muted);padding:3rem 0}.promos-empty svg{opacity:.4;margin-bottom:.5rem}@media (width<=768px){.promo-form-grid{grid-template-columns:1fr}.promos-toolbar{flex-direction:column;align-items:stretch}.promos-table th:nth-child(3),.promos-table td:nth-child(3),.promos-table th:nth-child(5),.promos-table td:nth-child(5){display:none}}.admin-logs{margin-top:.5rem}.logs-stats{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.logs-stat-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.logs-stat-card svg{color:#daa520;flex-shrink:0}.logs-stat-number{color:var(--color-text);font-size:1.5rem;font-weight:700;display:block}.logs-stat-label{color:var(--color-text-muted);font-size:.8rem;font-weight:500;display:block}.logs-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.logs-search-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex:1;align-items:center;gap:.75rem;min-width:200px;padding:0 1rem;transition:border-color .2s;display:flex}.logs-search-bar:focus-within{border-color:#daa520}.logs-search-bar svg{color:var(--color-text-muted);flex-shrink:0}.logs-search-bar input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-size:.9rem}.logs-search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;display:flex}.logs-filter{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.logs-filter svg{color:var(--color-text-muted);flex-shrink:0}.logs-filter select{color:var(--color-text);cursor:pointer;background:0 0;border:none;outline:none;min-width:140px;padding:.75rem .25rem;font-size:.85rem}.logs-filter select option{background:var(--color-surface);color:var(--color-text)}.logs-actions-bar{gap:.5rem;display:flex}.logs-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.logs-btn:hover{border-color:var(--color-text-muted)}.logs-btn-refresh:hover{color:#3b82f6;border-color:#3b82f6}.logs-btn-purge:hover{color:#ef4444;background:#ef44440d;border-color:#ef4444}.logs-list{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.logs-loading,.logs-empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.log-entry{border-bottom:1px solid var(--color-border);gap:1rem;padding:1rem 1.25rem;transition:background .15s;display:flex}.log-entry-clickable{cursor:pointer}.log-entry-clickable:hover{background:#daa5200d}.log-entry-expanded{background:#daa5200a}.log-entry:last-of-type{border-bottom:none}.log-entry:hover{background:#daa52008}.log-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;display:flex}.log-content{flex:1;min-width:0}.log-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.log-type-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.log-time{color:var(--color-text-muted);white-space:nowrap;font-size:.75rem}.log-message{color:var(--color-text);margin:0 0 .35rem;font-size:.9rem;line-height:1.5}.log-meta{flex-wrap:wrap;gap:1rem;display:flex}.log-meta-item{color:var(--color-text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.log-header-right{align-items:center;gap:.5rem;display:flex}.log-chevron{color:var(--color-text-muted);transition:transform .25s}.log-chevron-open{transform:rotate(180deg)}.log-details{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;margin-top:.75rem;padding:.85rem 1rem;animation:.2s logDetailsSlide}@keyframes logDetailsSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.log-details-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.6rem;font-size:.7rem;font-weight:700}.log-details-grid{flex-direction:column;gap:.4rem;display:flex}.log-detail-row{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.log-detail-row:last-child{border-bottom:none}.log-detail-key{color:var(--color-text-muted);flex-shrink:0;min-width:130px;font-size:.78rem;font-weight:600}.log-detail-value{color:var(--color-text);font-size:.85rem;font-weight:600}.logs-pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.logs-page-btn{border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.logs-page-btn:hover:not(:disabled){color:#daa520;border-color:#daa520}.logs-page-btn:disabled{opacity:.3;cursor:not-allowed}.logs-page-info{color:var(--color-text-muted);font-size:.85rem;font-weight:500}@media (width<=768px){.logs-stats{grid-template-columns:1fr}.logs-toolbar{flex-direction:column}.logs-search-bar,.logs-filter,.logs-filter select,.logs-actions-bar{width:100%}.logs-btn{flex:1;justify-content:center}.log-header{flex-direction:column;align-items:flex-start;gap:.25rem}.log-entry{padding:.85rem 1rem}}.admin-tournaments{margin-top:.5rem}.at-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.at-header-left{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.at-header-left svg{color:#daa520}.at-btn-primary{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;transition:opacity .2s;display:inline-flex}.at-btn-primary:hover{opacity:.88}.at-btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:background .2s;display:inline-flex}.at-btn-secondary:hover{background:var(--color-surface-2,#1e1e2e)}.at-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.at-btn-cancel{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:.5rem 1.1rem;font-size:.875rem;font-weight:500;transition:background .2s}.at-btn-cancel:hover{background:var(--color-surface-2,#1e1e2e)}.at-btn-save{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .2s;display:inline-flex}.at-btn-save:hover{opacity:.88}.at-btn-save:disabled{opacity:.5;cursor:not-allowed}.at-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;transition:opacity .2s;display:inline-flex}.at-btn-danger:hover{opacity:.88}.at-btn-icon{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;padding:.25rem;transition:color .2s;display:flex}.at-btn-icon:hover{color:var(--color-text)}.at-message{border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.at-message button{cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:auto;display:flex}.at-message-success{color:#10b981;background:#10b9811a;border:1px solid #10b98140}.at-message-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.at-loading{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:3rem 0;display:flex}.at-spinner{border:3px solid var(--color-border);border-top-color:#daa520;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite at-spin}@keyframes at-spin{to{transform:rotate(360deg)}}.at-empty{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.at-empty svg{opacity:.25;color:#daa520}.at-list{flex-direction:column;gap:1rem;display:flex}.at-post-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:border-color .2s;display:flex}.at-post-row:hover{border-color:#daa52040}.at-post-thumb{background:var(--color-surface-2,#1e1e2e);border-radius:8px;flex-shrink:0;width:80px;height:55px;overflow:hidden}.at-post-thumb img{object-fit:cover;width:100%;height:100%}.at-post-thumb-empty{color:#daa5204d;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.at-post-info{flex:1;min-width:0}.at-post-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.at-post-title-row h3{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:300px;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.at-post-excerpt{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .35rem;font-size:.8rem;overflow:hidden}.at-post-meta{color:var(--color-text-secondary);gap:1rem;font-size:.75rem;display:flex}.at-post-meta span{align-items:center;gap:.3rem;display:flex}.at-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.at-badge-on{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.at-badge-off{color:#6b7280;background:#6b72801f;border:1px solid #6b728040}.at-post-actions{flex-shrink:0;gap:.5rem;display:flex}.at-action-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,color .2s,border-color .2s;display:flex}.at-action-edit{color:#3b82f6}.at-action-edit:hover{background:#3b82f61a;border-color:#3b82f64d}.at-action-delete{color:#ef4444}.at-action-delete:hover{background:#ef44441a;border-color:#ef44444d}.at-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem}.at-form-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.at-form-header h3{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:700}.at-field{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.at-field-row{flex-direction:row;justify-content:space-between;align-items:center}.at-field label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.at-field input[type=text],.at-field textarea{background:var(--color-bg,#0d0d12);border:1px solid var(--color-border);width:100%;color:var(--color-text);resize:vertical;border-radius:8px;outline:none;padding:.65rem .875rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.at-field input[type=text]:focus,.at-field textarea:focus{border-color:var(--color-accent)}.at-textarea-large{min-height:220px}.at-image-area{flex-direction:column;gap:.75rem;display:flex}.at-image-preview{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:10px;width:100%;max-width:320px;position:relative;overflow:hidden}.at-image-preview img{object-fit:cover;width:100%;height:100%}.at-image-remove{cursor:pointer;color:#fff;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:6px;right:6px}.at-image-placeholder{aspect-ratio:16/9;background:var(--color-bg,#0d0d12);border:2px dashed var(--color-border);width:100%;max-width:320px;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;transition:border-color .2s;display:flex}.at-image-placeholder:hover{border-color:var(--color-accent)}.at-image-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.at-image-url{background:var(--color-bg,#0d0d12);border:1px solid var(--color-border);min-width:160px;color:var(--color-text);border-radius:8px;outline:none;flex:1;padding:.5rem .875rem;font-size:.85rem;transition:border-color .2s}.at-image-url:focus{border-color:var(--color-accent)}.at-toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.at-toggle-on{color:#10b981;background:#10b9811a;border-color:#10b9814d}.at-form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.at-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.at-modal{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:2rem;box-shadow:0 20px 48px #00000080}.at-modal-icon{color:#ef4444;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.at-modal h3{color:var(--color-text);margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.at-modal p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.9rem}.at-modal-actions{justify-content:center;gap:.75rem;display:flex}.admin-invoices{padding:24px}.admin-invoices h2{color:#fff;margin-bottom:8px;font-size:1.4rem;font-weight:600}.admin-invoices-desc{color:#aaa;margin-bottom:24px;font-size:.85rem;line-height:1.6}.admin-invoices-desc code{color:#c4b5fd;background:#2a2a2a;border-radius:4px;padding:2px 6px;font-size:.78rem}.admin-invoices-dropzone{text-align:center;cursor:pointer;color:#888;-webkit-user-select:none;user-select:none;border:2px dashed #444;border-radius:12px;padding:56px 24px;transition:border-color .2s,background .2s,color .2s}.admin-invoices-dropzone:hover,.admin-invoices-dropzone.dragging{color:#c4b5fd;background:#7c3aed0f;border-color:#7c3aed}.admin-invoices-dropzone svg{color:#7c3aed;margin-bottom:12px}.admin-invoices-dropzone p{margin:0 0 4px;font-size:.95rem}.admin-invoices-dropzone span{color:#666;font-size:.75rem}.admin-invoices-error{color:#f87171;background:#ef444414;border:1px solid #ef444440;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:.87rem}.admin-invoices-preview-header{color:#aaa;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;display:flex}.admin-invoices-table-wrap{border:1px solid #2a2a2a;border-radius:8px;margin-bottom:4px;overflow-x:auto}.admin-invoices-table{border-collapse:collapse;width:100%;font-size:.83rem}.admin-invoices-table th{text-align:left;color:#666;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;background:#111;padding:10px 12px;font-size:.72rem;font-weight:600}.admin-invoices-table td{color:#ccc;border-top:1px solid #1e1e1e;padding:9px 12px}.admin-invoices-table tbody tr:hover td{background:#181818}.admin-invoices-submit{align-items:center;gap:8px;margin-top:20px;display:inline-flex}.admin-invoices-results-summary{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.ai-success-count{color:#4ade80;align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:inline-flex}.ai-error-count{color:#f87171;align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:inline-flex}.ai-row-success td{background:#4ade8005}.ai-row-error td{background:#f8717108}.ai-badge-success{color:#4ade80;align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.ai-badge-error{color:#f87171;align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.ai-btn-sm{color:#bbb;cursor:pointer;background:0 0;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;transition:border-color .2s,color .2s;display:inline-flex}.ai-btn-sm:hover{color:#c4b5fd;border-color:#7c3aed}.ai-spin{animation:.9s linear infinite ai-spin-anim}@keyframes ai-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-page{background:var(--color-bg);min-height:80vh;padding:2rem 0 4rem}.admin-page .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.admin-header{background:linear-gradient(135deg,#daa52026,#daa5200d);border:1px solid #daa5204d;border-radius:16px;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.admin-header-icon{color:#0a0a0a;background:linear-gradient(135deg,#daa520,#b8860b);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-header h1{color:#daa520;margin:0;font-size:1.6rem;font-weight:700}.admin-header p{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.9rem}.admin-tabs{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;gap:.5rem;margin-bottom:2rem;padding:.35rem;display:flex}.admin-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.admin-tab:hover{color:var(--color-text-secondary);background:var(--color-border-light)}.admin-tab.active{color:#daa520;background:#daa5201f;border-color:#daa5204d;font-weight:600}.admin-tab svg{flex-shrink:0}.admin-stats{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.admin-stat-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:border-color .3s;display:flex}.admin-stat-card:hover{border-color:#daa5204d}.admin-stat-card svg{color:#daa520}.admin-stat-number{color:var(--color-text);font-size:1.5rem;font-weight:700;display:block}.admin-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;display:block}.admin-message{border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;animation:.3s adminSlideIn;display:flex}@keyframes adminSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-message-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.admin-message-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.admin-message span{flex:1;font-size:.9rem}.admin-message button{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:2px;transition:opacity .2s}.admin-message button:hover{opacity:1}.admin-search-bar{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;transition:border-color .3s;display:flex}.admin-search-bar:focus-within{border-color:#daa52080}.admin-search-bar svg{color:var(--color-text-muted);flex-shrink:0}.admin-search-bar input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.admin-search-bar input::placeholder{color:var(--color-text-muted)}.admin-search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px;transition:color .2s}.admin-search-clear:hover{color:var(--color-text)}.admin-table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#daa52014}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#daa520;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:.875rem 1rem;font-size:.75rem;font-weight:600;transition:color .2s}.admin-table th:hover{color:#f0c040}.admin-table th svg{vertical-align:middle;margin-left:4px;display:inline-block}.admin-table td{color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding:.875rem 1rem;font-size:.9rem}.admin-table tbody tr{transition:background .2s}.admin-table tbody tr:hover{background:var(--color-border-light)}.admin-row-highlight{background:#daa5200a!important}.admin-row-highlight:hover{background:#daa52014!important}.admin-td-id{color:var(--color-text-muted);font-family:monospace;font-size:.85rem}.admin-td-email{color:var(--color-text-secondary);font-size:.85rem}.admin-td-date{color:var(--color-text-muted);white-space:nowrap;font-size:.85rem}.admin-user-name{color:var(--color-text);align-items:center;gap:.5rem;font-weight:500;display:flex}.admin-crown{color:#daa520}.admin-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.admin-badge-admin{color:#daa520;background:#daa52026;border:1px solid #daa5204d}.admin-badge-user{background:var(--color-border-light);color:var(--color-text-muted);border:1px solid var(--color-border)}.admin-actions{align-items:center;gap:.5rem;display:flex}.admin-action-btn{cursor:pointer;background:var(--color-border-light);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.admin-btn-promote{color:#daa520;border-color:#daa52033}.admin-btn-promote:hover{background:#daa52026;border-color:#daa52066}.admin-btn-demote{color:#f59e0b;border-color:#f59e0b33}.admin-btn-demote:hover{background:#f59e0b26;border-color:#f59e0b66}.admin-btn-delete{color:#ef4444;border-color:#ef444433}.admin-btn-delete:hover{background:#ef444426;border-color:#ef444466}.admin-you-badge{color:var(--color-text-muted);font-size:.8rem;font-style:italic}.admin-loading{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.admin-spinner{border:3px solid #daa52033;border-top-color:#daa520;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s adminFadeIn;display:flex;position:fixed;inset:0}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:var(--color-surface);text-align:center;width:90%;max-width:440px;box-shadow:var(--shadow-xl);border:1px solid #daa5204d;border-radius:16px;padding:2rem;animation:.3s adminModalIn}@keyframes adminModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-modal-icon{color:#f59e0b;background:#f59e0b1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.admin-modal h3{color:var(--color-text);margin:0 0 .75rem;font-size:1.2rem}.admin-modal p{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.admin-modal p strong{color:var(--color-text)}.admin-modal-actions{justify-content:center;gap:.75rem;display:flex}.admin-modal-cancel,.admin-modal-confirm{cursor:pointer;border:1px solid;border-radius:10px;padding:.625rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.admin-modal-cancel{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.admin-modal-cancel:hover{background:var(--color-border-light);border-color:var(--color-text-muted)}.admin-modal-confirm{color:#0a0a0a;background:linear-gradient(135deg,#daa520,#b8860b);border-color:#daa520}.admin-modal-confirm:hover{background:linear-gradient(135deg,#f0c040,#daa520)}.admin-modal-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.admin-modal-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.admin-row-clickable{cursor:pointer}.admin-row-clickable:hover{background:#daa5200f!important}.admin-back-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1.25rem;font-size:.9rem;transition:all .2s;display:inline-flex}.admin-back-btn:hover{color:#daa520;background:#daa5201a;border-color:#daa5204d}.admin-user-detail{animation:.3s adminDetailIn}@keyframes adminDetailIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-detail-header{background:linear-gradient(135deg,#daa5201f,#daa52008);border:1px solid #daa52040;border-radius:16px;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex}.admin-detail-avatar{background:linear-gradient(135deg,#daa520,#b8860b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.admin-detail-avatar span{color:#0a0a0a;text-transform:uppercase;font-size:1.4rem;font-weight:700}.admin-detail-header-info{flex:1;min-width:200px}.admin-detail-header-info h1{color:var(--color-text);margin:0;font-size:1.4rem;font-weight:700}.admin-detail-meta{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.admin-detail-id{color:var(--color-text-muted);font-family:monospace;font-size:.8rem}.admin-detail-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-detail-action-btn{cursor:pointer;background:var(--color-border-light);border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.admin-detail-action-btn.admin-btn-promote{color:#daa520;border-color:#daa5204d}.admin-detail-action-btn.admin-btn-promote:hover{background:#daa52026}.admin-detail-action-btn.admin-btn-demote{color:#f59e0b;border-color:#f59e0b4d}.admin-detail-action-btn.admin-btn-demote:hover{background:#f59e0b26}.admin-detail-action-btn.admin-btn-delete{color:#ef4444;border-color:#ef44444d}.admin-detail-action-btn.admin-btn-delete:hover{background:#ef444426}.admin-detail-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.admin-detail-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;padding:1.5rem;transition:border-color .3s}.admin-detail-card:hover{border-color:#daa52033}.admin-detail-card h3{color:#daa520;border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex}.admin-detail-field{margin-bottom:1rem}.admin-detail-field:last-child{margin-bottom:0}.admin-detail-field label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.75rem;font-weight:500;display:flex}.admin-detail-field p{color:var(--color-text);word-break:break-word;margin:0;font-size:.95rem}@media (width<=768px){.admin-page{padding:1rem 0 2rem}.admin-header{text-align:center;flex-direction:column;padding:1.25rem}.admin-stats{grid-template-columns:1fr}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{min-width:700px}.admin-table th,.admin-table td{padding:.75rem .625rem;font-size:.8rem}.admin-modal{margin:1rem;padding:1.5rem}.admin-modal-actions{flex-direction:column}.admin-detail-header{text-align:center;flex-direction:column;padding:1.25rem}.admin-detail-header-actions{justify-content:center}.admin-detail-grid{grid-template-columns:1fr}}.order-confirmation{padding:var(--spacing-xl) 0 var(--spacing-3xl);min-height:60vh}.oc-loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl) 0;color:var(--color-text-secondary);flex-direction:column;display:flex}.oc-loading .spin{color:var(--color-accent);animation:1s linear infinite spin}.oc-error-card{text-align:center;max-width:400px;margin:var(--spacing-3xl) auto;padding:var(--spacing-2xl);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md)}.oc-error-card svg{color:var(--color-danger);margin-bottom:var(--spacing-md)}.oc-error-card h2{font-size:var(--font-size-2xl);margin-bottom:.5rem}.oc-error-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.oc-success-card{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl)}.oc-check-wrapper{margin-bottom:var(--spacing-lg);color:var(--color-success);animation:.5s cubic-bezier(.175,.885,.32,1.275) both checkPop;display:inline-flex}@keyframes checkPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.oc-success-card h1{font-size:var(--font-size-3xl);letter-spacing:-.03em;margin-bottom:.5rem;font-weight:800}.oc-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.oc-order-number{margin-top:var(--spacing-lg);background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);padding:.5rem 1.25rem;display:inline-block}.oc-order-number strong{color:var(--color-accent);letter-spacing:.02em;font-weight:700}.oc-layout{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 380px;display:grid}.oc-details-card,.oc-shipping-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.oc-details-card h3,.oc-shipping-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light);align-items:center;gap:.5rem;font-weight:700;display:flex}.oc-items{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.oc-item{align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-border-light);padding:.625rem 0;display:flex}.oc-item:last-child{border-bottom:none}.oc-item-img{border-radius:var(--radius-sm);background:var(--color-border-light);flex-shrink:0;width:50px;height:50px;overflow:hidden}.oc-item-img img{object-fit:contain;width:100%;height:100%}.oc-item-info{flex:1;min-width:0}.oc-item-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.oc-item-qty{font-size:var(--font-size-xs);color:var(--color-text-muted)}.oc-item-price{font-weight:700;font-size:var(--font-size-sm);white-space:nowrap}.oc-totals{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.oc-total-row{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;padding:.375rem 0;display:flex}.oc-grand-total{font-size:var(--font-size-lg);color:var(--color-text);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:2px solid var(--color-accent);font-weight:800}.oc-free{color:var(--color-success);font-weight:600}.oc-address{margin-bottom:var(--spacing-lg);line-height:1.7;font-size:var(--font-size-sm)}.oc-address p{color:var(--color-text-secondary);margin:0}.oc-address p:first-child{color:var(--color-text);font-weight:600}.oc-status{background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-accent);margin-bottom:var(--spacing-md);align-items:center;gap:.5rem;padding:.625rem .875rem;font-weight:600;display:flex}.oc-tracking{background:var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:.5rem .75rem;font-family:monospace}.oc-shipping-notice{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.oc-actions{justify-content:center;gap:var(--spacing-md);display:flex}@media (width<=768px){.oc-layout{grid-template-columns:1fr}.oc-actions{flex-direction:column}.oc-success-card h1{font-size:var(--font-size-2xl)}}@keyframes od-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes od-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes od-step-rise{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes od-circle-stamp{0%{opacity:0;transform:scale(0)}55%{opacity:1;transform:scale(1.25)}75%{transform:scale(.92)}to{transform:scale(1)}}@keyframes od-done-flash{0%{opacity:.7}to{opacity:0}}@keyframes od-ring-spin{to{transform:rotate(360deg)}}@keyframes od-glow-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}}@keyframes od-line-fill{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes od-gleam{0%{left:-30%}to{left:130%}}@keyframes od-label-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.od-page{padding:var(--spacing-xl) 0 var(--spacing-3xl);min-height:60vh}.od-loading,.od-error{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl) 0;color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.od-loading .spin,.od-error .spin{color:var(--color-accent);animation:1s linear infinite spin}.od-error svg{color:var(--color-danger);margin-bottom:var(--spacing-sm)}.od-back-link{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);transition:color var(--transition-fast);align-items:center;gap:.4rem;font-weight:500;text-decoration:none;display:inline-flex}.od-back-link:hover{color:var(--color-text)}.od-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);flex-wrap:wrap;animation:.45s cubic-bezier(.16,1,.3,1) both od-fade-up;display:flex;position:relative;overflow:hidden}.od-header:before{content:"";background:linear-gradient(90deg, var(--color-accent), #f59e0b, var(--color-accent));background-size:200% 100%;height:3px;animation:3s linear infinite od-shimmer;position:absolute;top:0;left:0;right:0}.od-header h1{font-size:var(--font-size-2xl);letter-spacing:-.03em;color:var(--color-text);margin-bottom:.25rem;font-weight:800}.od-header-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.od-status-badge{font-size:var(--font-size-sm);border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.4rem 1rem;font-weight:600;display:inline-flex}.od-status-badge.status-pending{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c4d}.od-status-badge.status-paid{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d}.od-status-badge.status-processing{color:#c084fc;background:#a855f71f;border:1px solid #a855f74d}.od-status-badge.status-shipped{color:#22d3ee;background:#22d3ee1f;border:1px solid #22d3ee4d}.od-status-badge.status-delivered{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d}.od-status-badge.status-cancelled{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.od-status-badge.status-refunded{color:#9ca3af;background:#9ca3af1f;border:1px solid #9ca3af4d}.od-status-badge.status-failed{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.od-progress{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);align-items:flex-start;animation:.5s cubic-bezier(.16,1,.3,1) 50ms both od-fade-up;display:flex;overflow-x:auto}.od-step{opacity:0;flex-direction:column;flex:1;align-items:center;gap:.5rem;min-width:80px;animation:.5s cubic-bezier(.16,1,.3,1) forwards od-step-rise;display:flex;position:relative}.od-step:first-child{z-index:5;animation-delay:50ms}.od-step:nth-child(2){z-index:4;animation-delay:.15s}.od-step:nth-child(3){z-index:3;animation-delay:.25s}.od-step:nth-child(4){z-index:2;animation-delay:.35s}.od-step:nth-child(5){z-index:1;animation-delay:.45s}.od-step-line{background:var(--color-border-light);z-index:0;width:100%;height:2px;position:absolute;top:18px;right:50%;overflow:hidden}.od-line-done{background:var(--color-success);animation:.5s cubic-bezier(.4,0,.2,1) forwards od-line-fill}.od-line-done:after{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:30%;height:100%;animation:2s ease-in-out .8s infinite od-gleam;position:absolute;top:0;left:-30%}.od-step-circle{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative;overflow:visible}.od-step-done .od-step-circle{background:var(--color-success);color:#fff;animation:.55s cubic-bezier(.175,.885,.32,1.275) both od-circle-stamp}.od-step-done .od-step-circle:after{content:"";opacity:0;pointer-events:none;background:#fff;border-radius:50%;animation:.4s ease-out .4s forwards od-done-flash;position:absolute;inset:0}.od-step-active .od-step-circle{background:var(--color-accent);color:var(--color-dark);animation:.55s cubic-bezier(.175,.885,.32,1.275) both od-circle-stamp}.od-step-active .od-step-circle:before{content:"";border:2.5px solid #0000;border-top-color:var(--color-accent);pointer-events:none;border-right-color:#eab30880;border-radius:50%;animation:1.4s linear infinite od-ring-spin;position:absolute;inset:-5px}.od-step-active .od-step-circle:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#eab3084d 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite od-glow-breathe;position:absolute;inset:-10px}.od-step-inactive .od-step-circle{background:var(--color-border-light);color:var(--color-text-muted);border:2px solid var(--color-border)}.od-step-label{text-align:center;opacity:0;font-size:.68rem;font-weight:600;line-height:1.3;animation:.4s forwards od-label-in}.od-step:first-child .od-step-label{animation-delay:.2s}.od-step:nth-child(2) .od-step-label{animation-delay:.3s}.od-step:nth-child(3) .od-step-label{animation-delay:.4s}.od-step:nth-child(4) .od-step-label{animation-delay:.5s}.od-step:nth-child(5) .od-step-label{animation-delay:.6s}.od-step-done .od-step-label{color:var(--color-success)}.od-step-active .od-step-label{color:var(--color-accent);font-weight:700}.od-step-inactive .od-step-label{color:var(--color-text-muted)}.od-body{gap:var(--spacing-xl);grid-template-columns:1fr 360px;align-items:start;animation:.5s cubic-bezier(.16,1,.3,1) .1s both od-fade-up;display:grid}.od-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.od-card:last-child{margin-bottom:0}.od-card h2{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light);align-items:center;gap:.5rem;font-weight:700;display:flex}.od-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:.2rem;line-height:1.6}.od-items-list{margin-bottom:var(--spacing-lg);flex-direction:column;gap:0;display:flex}.od-item{align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-border-light);padding:.75rem 0;display:flex}.od-item:last-child{border-bottom:none}.od-item img{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-border-light);flex-shrink:0;width:52px;height:52px}.od-item-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.od-item-name{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.od-item-qty{font-size:var(--font-size-xs);color:var(--color-text-muted)}.od-item-price{font-size:var(--font-size-sm);color:var(--color-text);flex-shrink:0;font-weight:700}.od-totals{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);flex-direction:column;gap:0;display:flex}.od-total-row{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;padding:.375rem 0;display:flex}.od-grand-total{font-size:var(--font-size-lg);color:var(--color-text);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:2px solid var(--color-accent);font-weight:800}.od-tracking{margin-top:var(--spacing-md);padding:.75rem var(--spacing-md);background:var(--color-border-light);border-radius:var(--radius-md);flex-direction:column;gap:.2rem;display:flex}.od-tracking-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.od-tracking-link{font-size:var(--font-size-sm);color:var(--color-accent);word-break:break-all;font-family:monospace;font-weight:700;text-decoration:none}.od-tracking-link:hover{text-decoration:underline}.od-invoice-btn{margin-top:var(--spacing-md);background:linear-gradient(135deg, var(--color-gold), var(--color-accent-hover));width:100%;color:var(--color-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer;letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:inherit;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #eab30840}.od-invoice-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #eab30873}.od-invoice-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.od-dates-list{gap:var(--spacing-md);flex-direction:column;display:flex}.od-date-row{flex-direction:column;gap:.15rem;display:flex}.od-date-row span:first-child{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.od-date-row span:last-child{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.od-date-delivered span:last-child{color:var(--color-success);font-weight:600}.od-back-btn{margin-top:var(--spacing-md);background:var(--color-accent);color:var(--color-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.od-back-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}@media (width<=900px){.od-body{grid-template-columns:1fr}}@media (width<=600px){.od-header{flex-direction:column}.od-progress{padding:var(--spacing-lg) var(--spacing-md)}.od-step{min-width:60px}.od-step-label{font-size:.6rem}.od-card{padding:var(--spacing-lg)}}.favorites-page{min-height:60vh;padding:2rem 0 4rem}.favorites-header h1{align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.5rem;display:flex}.favorites-count{background:var(--accent);color:#fff;border-radius:999px;margin-left:.25rem;padding:.15rem .6rem;font-size:.85rem;font-weight:700}.favorites-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 1rem;display:flex}.favorites-empty-icon{color:var(--text-secondary);opacity:.4}.favorites-empty h2{margin:0;font-size:1.4rem}.favorites-empty p{color:var(--text-secondary);margin:0}.favorites-empty .btn{align-items:center;gap:.4rem;margin-top:.5rem;display:inline-flex}.tournaments-page{min-height:80vh}.tournaments-hero{justify-content:center;align-items:center;height:340px;display:flex;position:relative;overflow:hidden}.tournaments-hero-bg{object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}.tournaments-hero-overlay{background:linear-gradient(#0a0a0f8c 0%,#0a0a0fbf 100%);position:absolute;inset:0}.tournaments-hero-content{z-index:2;text-align:center;color:#fff;padding:0 1rem;position:relative}.tournaments-hero-icon{color:#daa520;background:#daa52026;border:1px solid #daa52066;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1rem;display:inline-flex}.tournaments-hero-content h1{text-shadow:0 2px 8px #00000080;margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.tournaments-hero-content p{color:#fffc;max-width:540px;margin:0 auto;font-size:1rem}.tournaments-container{padding-top:3rem;padding-bottom:4rem}.tournaments-loading{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;display:flex}.tournaments-spinner{border:3px solid var(--color-border);border-top-color:#daa520;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.tournaments-empty{text-align:center;color:var(--color-text-secondary);padding:5rem 1rem}.tournaments-empty svg{color:#daa520;opacity:.4;margin-bottom:1.5rem}.tournaments-empty h2{color:var(--color-text);margin-bottom:.5rem;font-size:1.3rem}.tournaments-empty p{font-size:.95rem}.tournaments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;display:grid}.tournament-card{background:var(--color-surface);cursor:pointer;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.tournament-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000040,0 0 0 1px #daa52033}.tournament-card-img{aspect-ratio:16/9;background:var(--color-surface-2,#1a1a22);overflow:hidden}.tournament-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.tournament-card:hover .tournament-card-img img{transform:scale(1.04)}.tournament-card-img-placeholder{color:#daa5204d;background:linear-gradient(135deg,#12121a,#1e1e2e);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tournament-card-body{padding:1.25rem 1.5rem 1.5rem}.tournament-card-meta{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.tournament-card-date,.tournament-card-author{color:var(--color-text-secondary);align-items:center;gap:.3rem;font-size:.78rem;display:flex}.tournament-card-date svg,.tournament-card-author svg{flex-shrink:0}.tournament-card-title{color:var(--color-text);margin:0 0 .6rem;font-size:1.1rem;font-weight:700;line-height:1.35}.tournament-card-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.tournament-card-cta{cursor:pointer;color:#daa520;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.85rem;font-weight:600;transition:gap .2s;display:inline-flex}.tournament-card:hover .tournament-card-cta{gap:.5rem}@media (width<=640px){.tournaments-hero{height:260px}.tournaments-grid{grid-template-columns:1fr}.tournament-modal-body{padding:1rem 1.25rem 1.5rem}}.tp-progress-bar{z-index:999;background:linear-gradient(90deg,#b8860b,#daa520,#f5c842);height:3px;transition:width .12s linear;position:fixed;top:0;left:0;box-shadow:0 0 10px #daa52080}.tp-loading{justify-content:center;align-items:center;min-height:80vh;display:flex}.tp-loader{justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.tp-loader-ring{border:2.5px solid var(--color-border);border-top-color:#daa520;border-radius:50%;animation:.9s linear infinite tp-spin;position:absolute;inset:0}.tp-loader-icon{color:#daa520;opacity:.7}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-notfound{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:70vh;padding:2rem;display:flex}.tp-notfound svg{color:#daa520;opacity:.25}.tp-notfound h2{color:var(--color-text);margin:0;font-size:1.5rem}.tp-notfound p{color:var(--color-text-secondary);margin:0;font-size:.95rem}.tp-notfound-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:10px;align-items:center;gap:.45rem;margin-top:.5rem;padding:.65rem 1.4rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.tp-notfound-btn:hover{color:var(--color-text);border-color:#daa52059}.tp-page{min-height:80vh;padding-bottom:6rem}.tp-container{max-width:900px;padding-top:2.25rem}.tp-back{color:var(--color-text-secondary);align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.82rem;font-weight:500;transition:color .2s;display:inline-flex}.tp-back:hover{color:var(--color-text)}.tp-header{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 340px;align-items:start;gap:2.5rem;margin-bottom:2.5rem;padding-bottom:2.5rem;display:grid}.tp-header-text{flex-direction:column;gap:0;display:flex}.tp-badge{color:#daa520;letter-spacing:.04em;text-transform:uppercase;background:#daa5201a;border:1px solid #daa5204d;border-radius:20px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:1rem;padding:.28rem .8rem;font-size:.72rem;font-weight:700;display:inline-flex}.tp-title{color:var(--color-text);letter-spacing:-.025em;margin:0 0 1.1rem;font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:900;line-height:1.2}.tp-chapo{color:var(--color-text-secondary);margin:0 0 1.4rem;font-size:1.05rem;font-style:italic;line-height:1.7}.tp-meta{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:auto;display:flex}.tp-meta-item{color:var(--color-text-secondary);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.tp-meta-dot{background:var(--color-border);border-radius:50%;flex-shrink:0;width:3px;height:3px}.tp-header-img-wrap{aspect-ratio:4/3;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000002e,0 0 0 1px #daa5201f}.tp-header-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s}.tp-header-img-wrap:hover .tp-header-img{transform:scale(1.03)}.tp-header-img-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000,#daa52014);height:35%;position:absolute;bottom:0;left:0;right:0}.tp-rule{color:#daa520;align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.tp-rule span{background:linear-gradient(to right, var(--color-border), #daa52059, var(--color-border));flex:1;height:1px}.tp-content{color:var(--color-text-secondary);max-width:720px;font-size:1.035rem;line-height:1.95}.tp-content p{margin:0 0 1.5em}.tp-content p:first-child:first-letter{float:left;color:#daa520;margin:.06em .1em 0 0;font-family:Georgia,serif;font-size:3.6em;font-weight:900;line-height:.8}.tp-content p:last-child{margin-bottom:0}.tp-content strong,.tp-content b{color:var(--color-text);font-weight:700}.tp-content h2,.tp-content h3{color:var(--color-text);margin:2em 0 .75em;font-weight:800;line-height:1.3}.tp-article-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3.5rem;padding-top:2rem;display:flex}.tp-author-chip{align-items:center;gap:.875rem;display:flex}.tp-author-avatar{color:#111;background:linear-gradient(135deg,#b8860b,#f5c842);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 2px 12px #daa5204d}.tp-author-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.7rem;display:block}.tp-author-name{color:var(--color-text);font-size:.9rem;font-weight:700;display:block}.tp-back-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:10px;align-items:center;gap:.45rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.tp-back-btn:hover{color:var(--color-text);border-color:#daa52059;box-shadow:0 0 0 3px #daa52012}@media (width<=768px){.tp-header{grid-template-columns:1fr;gap:1.5rem}.tp-header-img-wrap{aspect-ratio:16/9;order:-1}.tp-article-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.tp-container{padding-top:1.5rem}.tp-title{font-size:1.5rem}}.maintenance-page{color:#fff;background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.maintenance-glow{pointer-events:none;background:radial-gradient(circle,#eab30826 0%,#eab3080d 30%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:6s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.maintenance-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.maintenance-particle{opacity:0;background:#eab308;border-radius:50%;animation:12s ease-in-out infinite particleFloat;position:absolute}.maintenance-particle-1{width:4px;height:4px;animation-duration:10s;animation-delay:0s;top:20%;left:10%}.maintenance-particle-2{width:6px;height:6px;animation-duration:14s;animation-delay:2s;top:15%;left:80%}.maintenance-particle-3{width:3px;height:3px;animation-duration:11s;animation-delay:4s;top:70%;left:25%}.maintenance-particle-4{width:5px;height:5px;animation-duration:13s;animation-delay:1s;top:80%;left:70%}.maintenance-particle-5{width:3px;height:3px;animation-duration:9s;animation-delay:3s;top:10%;left:50%}.maintenance-particle-6{width:4px;height:4px;animation-duration:15s;animation-delay:5s;top:50%;left:90%}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:.7}50%{opacity:.4;transform:translateY(-80px)scale(1)}80%{opacity:.6}to{opacity:0;transform:translateY(-160px)scale(.5)}}.maintenance-container{text-align:center;z-index:1;width:90%;max-width:650px;padding:3rem 2rem;position:relative}.maintenance-logo-wrapper{justify-content:center;margin-bottom:2rem;animation:.8s ease-out logoAppear;display:flex}.maintenance-logo{filter:drop-shadow(0 0 30px #eab3084d);width:auto;height:100px;transition:transform .3s;display:block}.maintenance-logo:hover{transform:scale(1.05)}@keyframes logoAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.maintenance-badge{color:#fbbf24;letter-spacing:.05em;text-transform:uppercase;background:#eab3081f;border:1px solid #eab3084d;border-radius:50px;align-items:center;gap:8px;margin-bottom:2rem;padding:8px 20px;font-size:.85rem;font-weight:600;animation:.8s ease-out .2s both badgeFadeIn;display:inline-flex}.maintenance-badge-dot{background:#eab308;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite dotBlink}@keyframes dotBlink{0%,to{opacity:1;box-shadow:0 0 #eab30899}50%{opacity:.4;box-shadow:0 0 0 6px #eab30800}}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.maintenance-title{color:#fff;letter-spacing:-.03em;margin-bottom:1.25rem;font-size:3rem;font-weight:800;line-height:1.15;animation:.8s ease-out .3s both titleFadeIn}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.maintenance-subtitle{color:#ffffff8c;max-width:480px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.15rem;font-weight:400;line-height:1.6;animation:.8s ease-out .4s both subtitleFadeIn}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.maintenance-divider{background:linear-gradient(90deg,#0000,#eab308,#0000);border:none;border-radius:2px;width:80px;height:3px;margin:0 auto 2.5rem;animation:.8s ease-out .5s both dividerFadeIn}@keyframes dividerFadeIn{0%{opacity:0;width:0}to{opacity:1;width:80px}}.maintenance-features{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;animation:.8s ease-out .6s both featuresFadeIn;display:flex}@keyframes featuresFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.maintenance-feature{background:#eab3080f;border:1px solid #eab3081f;border-radius:14px;align-items:center;gap:12px;min-width:180px;padding:14px 20px;transition:all .3s;display:flex}.maintenance-feature:hover{background:#eab3081a;border-color:#eab30840;transform:translateY(-2px)}.maintenance-feature-icon{background:#eab3081f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.maintenance-feature-content{text-align:left;flex-direction:column;display:flex}.maintenance-feature-title{color:#fbbf24;font-size:.85rem;font-weight:600}.maintenance-feature-text{color:#fff6;font-size:.75rem;font-weight:400}.maintenance-progress{background:#eab3081a;border-radius:10px;width:100%;max-width:300px;height:4px;margin:0 auto .75rem;animation:.8s ease-out .7s both featuresFadeIn;overflow:hidden}.maintenance-progress-bar{background:linear-gradient(90deg,#eab308,#fbbf24);border-radius:10px;width:40%;height:100%;animation:2.5s ease-in-out infinite progressSlide}@keyframes progressSlide{0%{width:40%;transform:translate(-100%)}50%{width:60%}to{width:40%;transform:translate(350%)}}.maintenance-progress-text{color:#ffffff59;font-size:.8rem;animation:.8s ease-out .8s both featuresFadeIn}.maintenance-admin-trigger{color:#eab3084d;cursor:pointer;z-index:10;background:#eab3080d;border:1px solid #eab3081a;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.75rem;transition:all .3s;position:fixed;bottom:20px;right:20px}.maintenance-admin-trigger:hover{color:#eab308b3;background:#eab3081f;border-color:#eab3084d}.maintenance-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#000000bf;justify-content:center;align-items:center;animation:.3s maintenanceFadeIn;display:flex;position:fixed;inset:0}@keyframes maintenanceFadeIn{0%{opacity:0}to{opacity:1}}.maintenance-modal{text-align:center;background:linear-gradient(145deg,#141414,#1a1a1a);border:1px solid #eab30833;border-radius:20px;width:90%;max-width:400px;padding:2.5rem 2rem;animation:.3s maintenanceSlideUp;box-shadow:0 0 60px #eab30814}@keyframes maintenanceSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.maintenance-modal-logo{margin-bottom:1.5rem}.maintenance-modal-logo-img{filter:drop-shadow(0 0 15px #eab30833);width:auto;height:45px}.maintenance-modal h3{background:linear-gradient(135deg,#eab308,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.maintenance-modal p{color:#ffffff73;margin-bottom:1.5rem;font-size:.875rem}.maintenance-modal-input{color:#fff;background:#eab3080a;border:1px solid #eab30826;border-radius:12px;outline:none;width:100%;margin-bottom:1rem;padding:14px 18px;font-family:inherit;font-size:1rem;transition:all .3s}.maintenance-modal-input:focus{background:#eab3080f;border-color:#eab30880;box-shadow:0 0 0 3px #eab30814}.maintenance-modal-input::placeholder{color:#ffffff40}.maintenance-modal-error{color:#ef4444;min-height:1.2em;margin-bottom:1rem;font-size:.8rem}.maintenance-modal-buttons{gap:.75rem;display:flex}.maintenance-modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s}.maintenance-modal-btn.cancel{color:#ffffff80;background:#ffffff0f;border:1px solid #ffffff14}.maintenance-modal-btn.cancel:hover{color:#ffffffb3;background:#ffffff1a}.maintenance-modal-btn.submit{color:#000;background:linear-gradient(135deg,#eab308,#f59e0b);font-weight:700;box-shadow:0 4px 15px #eab30840}.maintenance-modal-btn.submit:hover{background:linear-gradient(135deg,#fbbf24,#eab308);transform:translateY(-1px);box-shadow:0 6px 20px #eab30859}@media (width<=600px){.maintenance-title{font-size:2rem}.maintenance-subtitle{font-size:1rem}.maintenance-features{flex-direction:column;align-items:center;gap:.75rem}.maintenance-feature{width:100%;max-width:280px}.maintenance-container{padding:2rem 1.5rem}.maintenance-logo{height:70px}.maintenance-glow{width:400px;height:400px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fafafa;--color-surface:#fff;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-accent:#eab308;--color-accent-hover:#ca8a04;--color-accent-light:#fef9c3;--color-accent-subtle:#fefce8;--color-border:#d1d5db;--color-border-light:#f3f4f6;--color-background:#f5f5f5;--color-success:#10b981;--color-danger:#ef4444;--color-gold:#eab308;--color-dark:#111827;--color-dark-secondary:#1f2937;--color-footer-bg:#111827;--color-footer-text:#ffffffbf;--color-footer-text-muted:#fff9;--color-footer-text-faint:#fff6;--color-footer-border:#ffffff14;--color-footer-social-bg:#ffffff14;--color-footer-social-hover:#ffffff26;--color-surface-rgb:255, 255, 255;--color-border-rgb:229, 231, 235;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--container-max:1750px}[data-theme=dark]{--color-bg:#1a1a1a;--color-surface:#1a1a1a;--color-text:#f0f0f0;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-accent-light:#3d3000;--color-accent-subtle:#2a2200;--color-border:#2a2a2a;--color-border-light:#1a1a1a;--color-background:#151515;--color-dark:#f5f5f5;--color-dark-secondary:#e0e0e0;--color-footer-bg:#1a1a1a;--color-footer-text:#ffffffbf;--color-footer-text-muted:#fff9;--color-footer-text-faint:#fff6;--color-footer-border:#ffffff1a;--color-footer-social-bg:#ffffff1a;--color-footer-social-hover:#fff3;--color-surface-rgb:26, 26, 26;--color-border-rgb:42, 42, 42;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;--shadow-xl:0 20px 25px #00000059}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .3s,color .3s}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);padding:0 var(--spacing-xl);margin:0 auto}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:var(--font-size-3xl);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:-.025em;font-weight:700}.section-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-weight:500;font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-base);letter-spacing:.01em;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-dark);font-weight:600}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #eab30859}.btn-secondary{color:var(--color-text);border:1.5px solid var(--color-border);background-color:#0000}.btn-secondary:hover{border-color:var(--color-text);background-color:var(--color-text);color:#fff}.btn-accent{background-color:var(--color-accent);color:var(--color-dark);font-weight:600}.btn-accent:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #eab30859}.btn-gold{background:linear-gradient(135deg, var(--color-gold), var(--color-accent-hover));color:var(--color-dark);font-weight:600}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 14px #eab30866}.btn-sm{font-size:var(--font-size-xs);padding:.5rem 1rem}.btn-lg{font-size:var(--font-size-base);padding:1rem 2rem}.badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-weight:600;display:inline-flex}.badge-new{background-color:var(--color-accent-light);color:#854d0e}.badge-sale{color:#b91c1c;background-color:#fee2e2}.badge-stock{color:#065f46;background-color:#d1fae5}.product-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-slide-up{animation:.6s forwards slideUp}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (width<=768px){.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.section-title{font-size:var(--font-size-2xl)}.product-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.product-grid{grid-template-columns:1fr}}
