@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Great+Vibes&family=Inspiration&display=swap";:root{--bg-primary: #FFFFFF;--bg-secondary: #F7F7F9;--bg-dark: #000000;--bg-elevated: #F0F0F3;--bg-card: #FFFFFF;--text-primary: #0E0E0E;--text-secondary: #555555;--text-light: #888888;--text-inverse: #FFFFFF;--border-light: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .16);--border-dark: rgba(0, 0, 0, .9);--card-shadow: 0 10px 30px rgba(0, 0, 0, .06);--nav-bg: rgba(255, 255, 255, .85);--nav-border: rgba(0, 0, 0, .08);--nav-height: 84px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--font-sans: "Inter", sans-serif;--font-serif: "Poppins", sans-serif;--font-script: "Inspiration", cursive;--cream: #0E0E0E;--gold: #0E0E0E;--text-muted: #6B7280;--red: #DC2626;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.25, 1, .5, 1);--transition-slow: .6s cubic-bezier(.25, 1, .5, 1)}[data-theme=dark],body.dark-theme{--bg-primary: #0A0A0C;--bg-secondary: #121216;--bg-dark: #FFFFFF;--bg-elevated: #18181E;--bg-card: #131317;--text-primary: #F4F4F6;--text-secondary: #A0A0AA;--text-light: #71717A;--text-inverse: #0A0A0C;--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .18);--border-dark: rgba(255, 255, 255, .85);--card-shadow: 0 10px 30px rgba(0, 0, 0, .5);--nav-bg: rgba(14, 14, 18, .88);--nav-border: rgba(255, 255, 255, .12);--cream: #F4F4F6;--gold: #F4F4F6;--text-muted: #A0A0AA;--red: #EF4444}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}img{display:block;max-width:100%;object-fit:cover}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{cursor:pointer;border:none;outline:none;font-family:inherit;background:none;transition:all var(--transition-fast)}input,select,textarea{font-family:inherit;outline:none;border:none;background:transparent}.h1{font-family:var(--font-sans);font-size:clamp(2.5rem,5vw,4rem);font-weight:500;line-height:1.1;letter-spacing:-.02em}.h2{font-family:var(--font-sans);font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.2;letter-spacing:-.01em}.h3{font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.3}.text-body{font-size:1rem;color:var(--text-secondary);font-weight:400}.text-caption{font-size:.875rem;color:var(--text-light)}.text-script{font-family:var(--font-script);font-size:clamp(3rem,6vw,5rem);color:var(--text-primary);line-height:1}.container{max-width:1440px;margin:0 auto;padding:0 24px}.page-transition-container{animation:pageTransitionFade .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes pageTransitionFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--nav-height)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 32px;background-color:var(--bg-dark);color:var(--text-inverse)!important;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);border:1px solid var(--bg-dark);transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0000001f;position:relative;overflow:hidden;z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(-100%);transition:transform .65s cubic-bezier(.16,1,.3,1);z-index:-1}.btn-primary:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 10px 25px #0003;background-color:#171717;color:#fff!important}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:active{transform:translateY(1px) scale(.985);box-shadow:0 2px 8px #00000026}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 32px;background-color:transparent;color:var(--text-primary)!important;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1.5px solid var(--text-primary);border-radius:var(--radius-sm);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none}.btn-outline:hover{background-color:var(--bg-dark);color:var(--text-inverse)!important;border-color:var(--bg-dark);transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #00000024}.btn-outline:active{transform:translateY(1px) scale(.985);box-shadow:0 2px 8px #0000001a}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background-color:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-primary);transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer}.btn-icon:hover{background-color:var(--bg-dark);color:var(--text-inverse);border-color:var(--bg-dark);transform:translateY(-2px) scale(1.06);box-shadow:0 6px 16px #00000026}.btn-icon:active{transform:translateY(1px) scale(.95)}.page-transition-container{animation:pageFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes pageFadeIn{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.divider{height:1px;width:100%;background-color:var(--border-light)}.form-input{width:100%;padding:16px 20px;border:1px solid var(--border-medium);border-radius:0;font-size:.875rem;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--border-dark)}select,select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2318181b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;padding:14px 44px 14px 18px;border:1.5px solid var(--border-medium);border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text-primary);background-color:var(--bg-primary);cursor:pointer;box-shadow:0 1px 3px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}select:focus,select.form-input:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px #00000014}.img-hover-wrapper{overflow:hidden;position:relative}.img-hover-wrapper img{transition:transform var(--transition-slow)}.img-hover-wrapper:hover img{transform:scale(1.05)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.whatsapp-sticky{position:fixed;bottom:28px;right:28px;height:50px;padding:0 20px 0 16px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:30px;display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:600;box-shadow:0 8px 24px #25d36659;z-index:999;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.whatsapp-sticky:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 30px #25d36680;color:#fff}html{scroll-behavior:smooth}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.products-grid>*{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.products-grid>*:nth-child(1){animation-delay:.05s}.products-grid>*:nth-child(2){animation-delay:.1s}.products-grid>*:nth-child(3){animation-delay:.15s}.products-grid>*:nth-child(4){animation-delay:.2s}.products-grid>*:nth-child(5){animation-delay:.25s}.products-grid>*:nth-child(6){animation-delay:.3s}.image-zoom-container{overflow:hidden;position:relative}.image-zoom-container img{transition:transform .6s cubic-bezier(.16,1,.3,1);will-change:transform}.image-zoom-container:hover img{transform:scale(1.05)}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#0e0e0e66;border-radius:10px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:#0e0e0eb3}.card-premium{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:0 10px 30px #0000000a;transition:all .4s cubic-bezier(.25,1,.5,1);border:1px solid var(--border-light);overflow:hidden}.card-premium:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000014;border-color:var(--border-medium)}@media(max-width:768px){:root{--nav-height: 64px}.container{padding:0 16px}.btn-primary,.btn-outline{padding:14px 24px;font-size:.8rem}.h1{font-size:clamp(1.8rem,5vw,2.5rem)}.h2{font-size:clamp(1.5rem,4vw,2rem)}.h3{font-size:clamp(1.2rem,3vw,1.5rem)}.form-input{padding:14px 16px;font-size:1rem}select,select.form-input{font-size:1rem;padding:12px 40px 12px 14px}.whatsapp-sticky{bottom:20px;right:20px;height:46px;padding:0 16px 0 14px;font-size:.82rem}}@media(max-width:480px){.container{padding:0 12px}.btn-primary,.btn-outline{padding:12px 20px;font-size:.78rem}}.scroll-reveal{opacity:0;transform:translateY(32px) scale(.975);filter:blur(5px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter}.scroll-reveal.revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}.scroll-delay-1{transition-delay:.08s}.scroll-delay-2{transition-delay:.16s}.scroll-delay-3{transition-delay:.24s}.scroll-delay-4{transition-delay:.32s}.scroll-delay-5{transition-delay:.4s}@media(max-width:600px){:root{--nav-height: 76px}}.outfitters-top-strip{background:#000;color:#fff;text-align:center;padding:6px 16px;font-size:.68rem;letter-spacing:.14em;font-weight:700;position:relative;z-index:1002;text-transform:uppercase}.outfitters-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;display:flex;flex-direction:column;transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease}.outfitters-header.on-home{background:linear-gradient(180deg,#000000b8,#00000061 60%,#0000);border-bottom:1px solid transparent}.outfitters-header.is-scrolled,.outfitters-header.on-inner{background:#0a0a0ef0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.outfitters-nav-bar{max-width:100%;height:58px;padding:0 clamp(16px,3.5vw,44px);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.outfitters-nav-left{display:flex;align-items:center;gap:0;flex-shrink:0}.outfitters-menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;margin-right:clamp(14px,1.8vw,22px);flex-shrink:0;transition:opacity .2s ease,transform .2s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.outfitters-menu-btn:hover{opacity:.75}.outfitters-brand-logo{display:inline-flex;align-items:center;text-decoration:none;margin-right:clamp(28px,3.5vw,48px);padding-right:6px;flex-shrink:0}.outfitters-logo-text{font-size:clamp(1.45rem,1.85vw,1.8rem);font-family:var(--font-script, "Great Vibes", cursive);color:#fff;line-height:1;letter-spacing:.03em;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.8),0 1px 4px rgba(0,0,0,.9);-webkit-user-select:none;user-select:none}.outfitters-nav-links{display:flex;align-items:center;gap:clamp(16px,2.2vw,28px);flex-shrink:0}.outfitters-nav-link{font-size:clamp(.74rem,.85vw,.82rem);font-weight:700;letter-spacing:.12em;color:#fff;text-decoration:none;padding:6px 0;position:relative;transition:opacity .2s ease;text-transform:uppercase;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 4px rgba(0,0,0,.8),0 2px 8px rgba(0,0,0,.6)}.outfitters-nav-link:hover{opacity:.8}.outfitters-nav-link.active{font-weight:900;opacity:1}.outfitters-nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#fff;border-radius:2px;box-shadow:0 1px 4px #0009}.outfitters-nav-right{display:flex;align-items:center;gap:clamp(14px,1.8vw,22px);flex-shrink:0}.outfitters-search-trigger{display:flex;align-items:center;gap:8px;color:#fff;cursor:pointer;position:relative;padding:4px 6px 6px;border-bottom:1px solid rgba(255,255,255,.75);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:all .2s ease;text-shadow:0 1px 4px rgba(0,0,0,.8)}.outfitters-search-trigger:hover{border-bottom-color:#fff}.outfitters-profile-wrap{position:relative}.outfitters-icon-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;position:relative;transition:opacity .2s ease,transform .2s ease;filter:drop-shadow(0 1px 4px rgba(0,0,0,.7))}.outfitters-icon-btn:hover{opacity:.8;transform:scale(1.05)}.outfitters-bag-count{position:absolute;top:-2px;right:-2px;background:#fff;color:#000;font-size:.65rem;font-weight:900;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-dropdown-card{position:absolute;top:calc(100% + 12px);right:0;width:220px;background:#141416;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;box-shadow:0 20px 40px #0009;z-index:1010;animation:fadeIn .2s ease}.profile-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;margin-bottom:12px}.profile-name{color:#fff;font-weight:700;font-size:.9rem;margin:0 0 2px}.profile-email{color:#888;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis}.profile-links{display:flex;flex-direction:column;gap:10px}.profile-links a{color:#d4d4d8;text-decoration:none;font-size:.82rem;font-weight:600;padding:6px 8px;border-radius:6px;transition:all .2s}.profile-links a:hover{background:#ffffff14;color:#fff}.logout-btn{background:none;border:none;color:#ef4444;font-size:.82rem;font-weight:700;text-align:left;padding:6px 8px;cursor:pointer}.outfitters-drawer-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.outfitters-drawer-overlay.is-open{opacity:1;visibility:visible}.outfitters-drawer{position:absolute;top:0;left:0;bottom:0;width:min(340px,85vw);background:#0e0e11;color:#fff;padding:24px;display:flex;flex-direction:column;box-shadow:10px 0 40px #000000b3;transform:translate(-100%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.outfitters-drawer-overlay.is-open .outfitters-drawer{transform:translate(0)}.outfitters-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.outfitters-drawer-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.outfitters-drawer-links{display:flex;flex-direction:column;gap:18px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1)}.outfitters-drawer-links a{font-size:1.1rem;font-weight:800;letter-spacing:.08em;color:#fff;text-decoration:none;transition:color .2s}.outfitters-drawer-links a:hover{color:#a1a1aa}.outfitters-drawer-secondary{display:flex;flex-direction:column;gap:14px;padding:24px 0}.outfitters-drawer-secondary a{font-size:.85rem;font-weight:600;letter-spacing:.05em;color:#a1a1aa;text-decoration:none;transition:color .2s}.outfitters-drawer-secondary a:hover{color:#fff}.drawer-logout-btn{background:none;border:none;color:#ef4444;font-size:.85rem;font-weight:700;text-align:left;padding:0;cursor:pointer;letter-spacing:.05em}.search-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.search-modal{width:min(600px,92vw);background:#141417;border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 25px 60px #000000b3;overflow:hidden;animation:fadeIn .2s ease}.search-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);gap:12px}.search-input-wrap{display:flex;align-items:center;gap:12px;flex:1}.search-icon-input{color:#888}.search-modal-input{width:100%;background:none;border:none;color:#fff;font-size:1rem;outline:none}.search-close-btn{background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-close-btn:hover{color:#fff}.search-results-list{max-height:380px;overflow-y:auto;display:flex;flex-direction:column}.search-result-item{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;transition:background .2s}.search-result-item:hover{background:#ffffff0d}.search-result-item img{width:50px;height:50px;border-radius:6px;object-fit:cover}.search-result-info h4{margin:0 0 4px;color:#fff;font-size:.9rem}.search-result-price{margin:0;color:#888;font-size:.78rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1100px){.outfitters-brand-logo{margin-right:24px}.outfitters-nav-links{gap:16px}.outfitters-nav-link{font-size:.74rem;letter-spacing:.08em}.outfitters-nav-right{gap:14px}.outfitters-search-trigger{font-size:.74rem}}@media(max-width:860px){.desktop-only{display:none!important}.outfitters-search-text{display:none}.outfitters-search-trigger{border-bottom:none;padding:6px}.outfitters-top-strip{font-size:.62rem;padding:5px 12px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:600px){.outfitters-nav-bar{padding:0 12px;height:52px}.outfitters-menu-btn{margin-right:8px;padding:4px}.outfitters-brand-logo{margin-right:0;padding-right:0}.outfitters-logo-text{font-size:1.45rem}.outfitters-nav-right{gap:4px}.outfitters-icon-btn{padding:5px}.outfitters-top-strip{font-size:.58rem;padding:4px 8px;letter-spacing:.06em}.search-overlay{padding-top:14px}.search-modal{width:95vw;border-radius:12px;max-height:88dvh}.search-results-list{max-height:58vh}}.drawer-theme-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.drawer-theme-btn:hover{background:#fff3}.drawer-categories-sub{display:flex;flex-direction:column;gap:10px;padding-left:14px;margin-top:-6px;margin-bottom:4px}.drawer-sub-link{font-size:.88rem!important;color:#a1a1aa!important;font-weight:500!important;letter-spacing:.04em!important;transition:color .2s}.drawer-sub-link:hover{color:#fff!important}.outfitters-drawer{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100dvh}.footer{background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding-top:80px}.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:40px;margin-bottom:80px}.footer-logo{display:flex;align-items:center;margin-bottom:8px}.footer-logo-img{height:50px;width:auto}.footer-heading{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px}.footer-links-group{display:flex;flex-direction:column;gap:16px}.footer-links-group a{font-size:.875rem;color:var(--text-secondary)}.footer-links-group a:hover{color:var(--text-primary)}.footer-newsletter p{margin-bottom:24px}.newsletter-form{display:flex;flex-direction:column;gap:12px}.newsletter-form .form-input{background-color:var(--bg-elevated);border-color:transparent}.newsletter-form .btn-primary{width:100%}.footer-bottom{border-top:1px solid var(--border-light);padding:32px 0}.footer-bottom-container{display:flex;justify-content:space-between;align-items:center}.footer-socials{display:flex;gap:24px}.social-link{color:var(--text-secondary)}.social-link:hover{color:var(--text-primary)}.footer-legals{display:flex;gap:24px}.footer-legals a:hover{color:var(--text-primary)}@media(max-width:1024px){.footer-container{grid-template-columns:1fr 1fr;row-gap:48px}}@media(max-width:640px){.footer-container{grid-template-columns:1fr}.footer-bottom-container{flex-direction:column;gap:24px;text-align:center}}.cart-drawer{position:fixed;top:0;right:-400px;width:400px;height:100vh;background-color:var(--bg-primary);box-shadow:-4px 0 24px #0000001a;z-index:1001;transition:right var(--transition-normal);display:flex;flex-direction:column}.cart-drawer.open{right:0}.cart-header{padding:24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.cart-body{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.cart-item{display:flex;gap:16px;position:relative}.cart-item-img{width:80px;height:100px;object-fit:cover;background-color:var(--bg-elevated)}.cart-item-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.remove-btn{background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:4px;position:absolute;right:0;top:0}.remove-btn:hover{color:#e05555}.cart-footer{padding:24px;border-top:1px solid var(--border-light)}.overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;animation:fadeIn var(--transition-fast) forwards}@media(max-width:480px){.cart-drawer{width:100vw;right:-100vw}}.site-intro-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s ease}.site-intro-frosted-veil{position:absolute;inset:0;background:#ffffff38;backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);transition:backdrop-filter .65s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .65s cubic-bezier(.16,1,.3,1),background-color .65s ease}[data-theme=dark] .site-intro-frosted-veil{background:#08080a6b}.site-intro-overlay.stage-dissolve{opacity:0;transform:scale(1.02);pointer-events:none}.site-intro-overlay.stage-dissolve .site-intro-frosted-veil{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background:transparent}.site-intro-overlay.stage-dissolve .site-intro-center-stage{transform:translateY(-16px) scale(.98);opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1)}.site-intro-center-stage{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 24px;max-width:600px;transition:all .6s cubic-bezier(.16,1,.3,1)}.site-intro-pill-badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:20px;background:#0000000f;border:1px solid rgba(0,0,0,.12);font-size:.68rem;letter-spacing:.25em;font-weight:800;color:#27272a;text-transform:uppercase;opacity:0;animation:introFadeSlideUp .6s cubic-bezier(.16,1,.3,1) .05s forwards}[data-theme=dark] .site-intro-pill-badge{background:#ffffff14;border-color:#ffffff2e;color:#d4d4d8}.site-intro-brand-name{margin:0;font-family:var(--font-sans, "Inter", sans-serif);font-size:clamp(2.6rem,7vw,5rem);font-weight:900;letter-spacing:.35em;text-transform:uppercase;color:#0a0a0c;line-height:1.1;text-shadow:0 4px 24px rgba(0,0,0,.08);animation:introBrandReveal 1s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity,letter-spacing}[data-theme=dark] .site-intro-brand-name{color:#fff;text-shadow:0 4px 30px rgba(255,255,255,.2),0 2px 10px rgba(0,0,0,.9)}.site-intro-accent-line{height:2px;width:0;background:#0a0a0c;border-radius:2px;opacity:.4;animation:introLineExpand .8s cubic-bezier(.16,1,.3,1) .2s forwards}[data-theme=dark] .site-intro-accent-line{background:#fff;opacity:.6;box-shadow:0 0 10px #ffffff80}.site-intro-tagline{margin:4px 0 0;font-size:.75rem;letter-spacing:.28em;font-weight:700;color:#52525b;text-transform:uppercase;opacity:0;animation:introFadeSlideUp .7s cubic-bezier(.16,1,.3,1) .25s forwards}[data-theme=dark] .site-intro-tagline{color:#a1a1aa}@keyframes introBrandReveal{0%{opacity:0;transform:scale(.94) translateY(12px);letter-spacing:.18em;filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);letter-spacing:.35em;filter:blur(0px)}}@keyframes introLineExpand{0%{width:0}to{width:54px}}@keyframes introFadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-lg, 16px);overflow:hidden;background:var(--bg-card, #FFFFFF);border:1px solid var(--border-light, rgba(0, 0, 0, .08));transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease;cursor:pointer;position:relative;box-shadow:var(--card-shadow, 0 4px 20px rgba(0, 0, 0, .04))}.product-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),rgba(255,255,255,.35) 0%,transparent 60%);opacity:var(--glare-op, 0);pointer-events:none;z-index:6;transition:opacity .25s ease}.product-card:hover{border-color:#0000004d;box-shadow:0 20px 45px #0000001f,0 4px 12px #0000000a}[data-theme=dark] .product-card{background:#131317;border-color:#ffffff1f;box-shadow:0 10px 30px #00000080}[data-theme=dark] .product-card:hover{border-color:#ffffff59;box-shadow:0 20px 50px #000000b3}.product-card-img-wrap{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background-color:var(--bg-primary, #FFFFFF);flex-shrink:0}[data-theme=dark] .product-card-img-wrap{background-color:#17171d}.product-main-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s cubic-bezier(.16,1,.3,1);mix-blend-mode:normal;display:block}[data-theme=dark] .product-main-img{mix-blend-mode:normal;object-fit:cover;object-position:center top}.product-card:hover .product-main-img{transform:scale(1.05)}.product-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:4px;z-index:2}.badge-best,.badge-new,.badge-sale{background:#000;color:#fff;font-size:.62rem;font-weight:800;padding:3px 9px;border-radius:4px;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .badge-best,[data-theme=dark] .badge-new,[data-theme=dark] .badge-sale{background:#fff;color:#000}.wishlist-btn{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);color:#27272a;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;transform:scale(.85)}[data-theme=dark] .wishlist-btn{background:#121216d9;border-color:#ffffff26;color:#d4d4d8}.product-card:hover .wishlist-btn{opacity:1;transform:scale(1)}.wishlist-btn:hover,.wishlist-btn.wishlisted{color:#e05555;border-color:#e05555;background:#e0555526}.quick-add-overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:12px;transform:translateY(100%);transition:transform .35s ease}.product-card:hover .quick-add-overlay{transform:translateY(0)}.quick-add-btn{width:100%;padding:12px;background:#000;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff!important;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;box-shadow:0 4px 15px #0000004d;cursor:pointer}[data-theme=dark] .quick-add-btn{background:#fff;color:#000!important;border-color:#fff}.quick-add-btn:hover{background:#27272a!important;color:#fff!important}[data-theme=dark] .quick-add-btn:hover{background:#e4e4e7!important;color:#000!important}.product-card-info{padding:14px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.product-category{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary, #71717a);font-weight:700}.product-name{font-family:var(--font-sans);font-size:.94rem;font-weight:700;color:var(--text-primary, #0c0c0e);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.product-rating{display:flex;align-items:center;gap:6px}.rating-count{font-size:.72rem;color:var(--text-secondary, #71717a)}.product-pricing{display:flex;align-items:center;gap:8px;margin-top:4px}.product-price{font-size:1.05rem;font-weight:800;color:var(--text-primary, #0c0c0e)}.product-compare{font-size:.82rem;color:var(--text-secondary, #71717a);text-decoration:line-through}.product-sizes{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.size-dot{font-size:.65rem;padding:2px 7px;border:1px solid var(--border-light, rgba(0, 0, 0, .1));border-radius:4px;color:var(--text-secondary, #52525b);font-weight:600;background:var(--bg-elevated, #f4f4f6)}.size-dot.more{color:var(--gold);border-color:var(--gold-dim)}.color-swatch{display:inline-block;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(0,0,0,.25);box-shadow:inset 0 1px 3px #0003,0 1px 3px #0000001a;transition:transform .2s ease,border-color .2s ease;cursor:pointer}.color-swatch:hover{transform:scale(1.2);border-color:#000}@media(max-width:768px){.product-card:hover{transform:none;box-shadow:none}.wishlist-btn{opacity:1;transform:scale(1);width:30px;height:30px}.quick-add-overlay{transform:translateY(0)}.quick-add-btn{padding:10px;font-size:.75rem}.product-card-info{padding:10px;gap:3px}.product-name{font-size:.82rem}.product-price{font-size:.88rem}.product-category{font-size:.6rem}.product-sizes,.product-colors{display:none}}@media(max-width:380px){.product-card-info{padding:8px}.product-name{font-size:.75rem}.product-price{font-size:.82rem}.badge-best,.badge-new,.badge-sale{font-size:.55rem;padding:2px 6px}}.home-3d-page{background-color:#09090b;color:#f4f4f5;overflow-x:hidden;padding-top:0!important}.hero-otr-carousel{position:relative;width:100%;margin-top:0;height:min(100vh,900px);min-height:560px;max-height:960px;background:#0d0d10;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y;outline:none}.otr-carousel-viewport{position:relative;width:100%;height:100%}.otr-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),visibility .7s;text-decoration:none}.otr-slide.active{opacity:1;visibility:visible;z-index:2}.otr-slide-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;pointer-events:none}.otr-carousel-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:10}.otr-dot{position:relative;width:18px;height:4px;border-radius:4px;background:#ffffff61;border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.otr-dot:before{content:"";position:absolute;inset:-12px -4px}.otr-dot.active{width:38px;background:#fff;box-shadow:0 0 10px #ffffffd9}.otr-dot:hover:not(.active){background:#ffffffbf}.otr-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#00000061;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;transition:opacity .3s ease,background .2s ease,transform .2s ease}.hero-otr-carousel:hover .otr-arrow{opacity:.85}.otr-arrow:hover{opacity:1;background:#000000b3;transform:translateY(-50%) scale(1.06)}.otr-arrow-left{left:20px}.otr-arrow-right{right:20px}@media(max-width:768px){.hero-otr-carousel{height:clamp(380px,66svh,540px);min-height:380px;max-height:560px}.otr-slide-img{object-position:center center}.otr-arrow{display:flex;opacity:.6;width:34px;height:34px;background:#00000073}.otr-arrow-left{left:10px}.otr-arrow-right{right:10px}.otr-carousel-dots{bottom:16px;gap:6px}.otr-dot{width:14px;height:3px}.otr-dot.active{width:28px}}@media(max-width:480px){.hero-otr-carousel{height:clamp(320px,60svh,460px);min-height:320px;max-height:480px}.otr-arrow{width:30px;height:30px;opacity:.5}.otr-arrow-left{left:8px}.otr-arrow-right{right:8px}}.marquee-3d-section{padding:24px 0;background:#000;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);overflow:hidden;transform:perspective(600px) rotateX(4deg)}.marquee-3d-track{display:flex;width:max-content;white-space:nowrap}.marquee-3d-group{display:flex;align-items:center;gap:28px;animation:marqueeScroll 25s linear infinite;font-size:.95rem;font-weight:800;letter-spacing:.25em;color:#a1a1aa;padding-right:28px}.marquee-divider{color:#52525b}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.categories-3d-section{padding:90px 0;background:#f7f7fa}.section-title-wrap{margin-bottom:48px}.section-kicker{font-size:.72rem;letter-spacing:.25em;font-weight:800;color:#71717a;text-transform:uppercase;display:block;margin-bottom:6px}.section-main-title{font-size:2.3rem;font-weight:900;letter-spacing:-.02em;color:#0c0c0e;margin:0}.section-subtext{color:#666;font-size:1rem;max-width:600px;margin:10px 0 0;line-height:1.6}.categories-3d-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.category-card-3d{position:relative;height:480px;border-radius:20px;overflow:hidden;background:#111114;border:1px solid rgba(0,0,0,.08);text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:36px;box-sizing:border-box;box-shadow:0 20px 45px #0000001f;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.category-card-3d:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 70px #00000038}.cat-card-img-box{position:absolute;inset:0;z-index:1}.cat-card-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.category-card-3d:hover .cat-card-img-box img{transform:scale(1.06)}.cat-card-glass-glow{position:absolute;inset:0;background:linear-gradient(180deg,#0505071a,#050507e0 75%)}.cat-card-content{position:relative;z-index:3}.cat-drop-tag{font-size:.7rem;letter-spacing:.2em;font-weight:800;color:#a1a1aa}.cat-title{font-size:1.8rem;font-weight:900;letter-spacing:-.01em;color:#fff;margin:6px 0 8px}.cat-desc{font-size:.9rem;color:#d4d4d8;margin:0 0 18px;max-width:420px;line-height:1.5}.cat-action-row{display:flex;align-items:center;gap:10px;color:#fff;font-size:.85rem;font-weight:800;letter-spacing:.08em}.cat-arrow-circle{width:28px;height:28px;border-radius:50%;background:#fff;color:#000;display:inline-flex;align-items:center;justify-content:center;font-weight:800;transition:transform .2s ease}.category-card-3d:hover .cat-arrow-circle{transform:translate(4px)}.atelier-specs-3d-section{padding:90px 0 110px;background:#fff;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.text-center{text-align:center}.text-center .section-subtext{margin-inline:auto}.specs-3d-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px}.spec-card-3d{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:28px 22px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000000a;transition:all .3s cubic-bezier(.16,1,.3,1)}.spec-card-3d:hover{background:#fff;border-color:#0003;transform:translateY(-6px);box-shadow:0 18px 45px #0000001a}.spec-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.spec-icon-box{width:44px;height:44px;border-radius:10px;background:#f4f4f6;border:1px solid rgba(0,0,0,.08);color:#0c0c0e;display:flex;align-items:center;justify-content:center}.spec-tag-pill{font-size:.65rem;letter-spacing:.15em;font-weight:800;color:#71717a}.spec-card-title{font-size:1.12rem;font-weight:800;color:#0c0c0e;margin:0 0 10px}.spec-card-desc{font-size:.86rem;color:#666;line-height:1.55;margin:0 0 24px;flex-grow:1}.spec-card-bottom-line{height:2px;background:#00000014;border-radius:2px;transition:background .3s ease}.spec-card-3d:hover .spec-card-bottom-line{background:#000;box-shadow:0 0 8px #0000004d}.featured-section{padding:90px 0 110px;background:#f7f7fa}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-header h2{font-size:2.2rem;font-weight:900;letter-spacing:-.02em;margin:0;color:#0c0c0e}.btn-outline{display:inline-flex;align-items:center;padding:10px 22px;border-radius:8px;border:1px solid #0c0c0e;background:transparent;color:#0c0c0e;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s ease}.btn-outline:hover{background:#0c0c0e;color:#fff}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1024px){.hero-3d-deck-stage{height:480px}.specs-3d-grid,.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-3d-deck-stage{height:460px}.hero-3d-card.slide-next,.hero-3d-card.slide-prev{display:none}.hero-card-content{padding:30px 24px}.hero-slide-title{font-size:2rem}.hero-floating-price-tag{bottom:20px;right:20px;padding:10px 16px}.categories-3d-grid{grid-template-columns:1fr}.category-card-3d{height:380px}.specs-3d-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:480px){.hero-3d-section{padding:16px 12px 30px;margin-top:calc(var(--nav-height, 60px) + 10px)}.hero-3d-deck-stage{height:400px}.hero-card-content{padding:20px 16px}.hero-slide-title{font-size:1.55rem;line-height:1.15}.hero-slide-subtitle{font-size:.82rem;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-floating-price-tag{top:16px;bottom:auto;right:16px;padding:6px 12px}.hero-floating-price-tag strong{font-size:.88rem}.hero-cta-btn-3d{padding:10px 18px;font-size:.78rem}.hero-floating-spec{display:none}.categories-3d-section,.atelier-specs-3d-section,.featured-section{padding:50px 0}.section-main-title,.section-header h2{font-size:1.65rem}.products-grid{gap:12px}.category-card-3d{height:320px;padding:24px 18px}}[data-theme=dark] .home-3d-page{background-color:#0a0a0c!important;color:#f4f4f6!important}[data-theme=dark] .hero-3d-section{background:radial-gradient(circle at 50% 30%,#17171d,#0d0d10 65%,#070709)!important}[data-theme=dark] .hero-3d-grid-floor{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important}[data-theme=dark] .categories-3d-section{background-color:#0a0a0c!important}[data-theme=dark] .section-main-title{color:#f4f4f6!important}[data-theme=dark] .section-subtext{color:#a0a0aa!important}[data-theme=dark] .category-card-3d{background:#141418!important;border-color:#ffffff1f!important;box-shadow:0 20px 50px #0009!important}[data-theme=dark] .atelier-specs-3d-section{background-color:#0f0f13!important;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=dark] .spec-card-3d{background:#141418!important;border-color:#ffffff1f!important;box-shadow:0 10px 30px #00000080!important}[data-theme=dark] .spec-card-3d:hover{background:#17171d!important;border-color:#ffffff59!important;box-shadow:0 20px 50px #000000b3!important}[data-theme=dark] .spec-icon-box{background:#1e1e26!important;border-color:#ffffff1f!important;color:#fff!important}[data-theme=dark] .spec-card-title{color:#fff!important}[data-theme=dark] .spec-card-desc{color:#a0a0aa!important}[data-theme=dark] .spec-card-bottom-line{background:#ffffff1f!important}[data-theme=dark] .spec-card-3d:hover .spec-card-bottom-line{background:#fff!important;box-shadow:0 0 12px #fff9!important}[data-theme=dark] .featured-section{background-color:#0a0a0c!important}[data-theme=dark] .section-header h2{color:#fff!important}[data-theme=dark] .btn-outline{border-color:#fff6!important;color:#fff!important}[data-theme=dark] .btn-outline:hover{background:#fff!important;color:#000!important}.shop-header{padding:60px 0;border-bottom:1px solid var(--border-light);margin-bottom:60px}.shop-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;padding-bottom:120px}.shop-filters{display:flex;flex-direction:column;gap:48px}.filter-group{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.filter-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.filter-btn{font-size:.875rem;color:var(--text-secondary);text-align:left;position:relative;transition:color var(--transition-fast)}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{color:var(--text-primary);font-weight:500}.filter-btn.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--text-primary)}@media(max-width:1024px){.shop-layout{grid-template-columns:200px 1fr;gap:40px}}@media(max-width:768px){.shop-layout{grid-template-columns:1fr}.shop-filters{flex-direction:row;flex-wrap:wrap;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--border-light)}.shop-header{padding:30px 0;margin-bottom:30px}.category-pills{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.category-pills::-webkit-scrollbar{display:none}}.category-pill{padding:9px 22px;border-radius:30px;border:1px solid var(--border-light);font-size:.85rem;font-weight:600;cursor:pointer;background-color:var(--bg-elevated);color:var(--text-primary);transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.category-pill:hover{border-color:var(--border-medium);transform:translateY(-1px)}.category-pill.active{background-color:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);box-shadow:0 4px 14px #00000026}@media(max-width:480px){.shop-header{padding:20px 0;margin-bottom:20px}}.product-detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:60px 0 120px}.product-gallery{display:flex;flex-direction:column;gap:16px;position:relative}.gallery-main{position:relative;aspect-ratio:3/4;background-color:#0e0e12;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000040;-webkit-user-select:none;user-select:none}.gallery-main img,.gallery-main-img{width:100%;height:100%;object-fit:contain;background-color:#0e0e12;transition:opacity .3s ease,transform .4s ease;display:block}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#121216c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 18px #00000073}.gallery-nav-btn:hover{background:#c9a84c;color:#000;border-color:#c9a84c;transform:translateY(-50%) scale(1.12);box-shadow:0 6px 22px #c9a84c66}.gallery-nav-btn:active{transform:translateY(-50%) scale(.96)}.gallery-nav-btn.prev{left:14px}.gallery-nav-btn.next{right:14px}.gallery-counter-badge{position:absolute;bottom:14px;right:14px;background:#0e0e12bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.15);z-index:5;box-shadow:0 2px 10px #0000004d}.gallery-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}.gallery-thumbnails::-webkit-scrollbar{height:4px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.thumbnail-box{flex:0 0 72px;width:72px;height:90px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.12);background:#14141a;padding:0;cursor:pointer;position:relative;transition:all .22s cubic-bezier(.16,1,.3,1);outline:none}.thumbnail-box img{width:100%;height:100%;object-fit:contain;background-color:#0e0e12;opacity:.55;transition:opacity .2s ease,transform .22s ease;display:block}.thumbnail-box:hover{border-color:#ffffff73;transform:translateY(-2px)}.thumbnail-box:hover img{opacity:.88}.thumbnail-box.active{border-color:#c9a84c;box-shadow:0 0 14px #c9a84c61;transform:translateY(-2px)}.thumbnail-box.active img{opacity:1;transform:scale(1.04)}[data-theme=light] .gallery-main{background-color:#f7f7f8;border-color:#00000014}[data-theme=light] .gallery-main img,[data-theme=light] .gallery-main-img{background-color:#f7f7f8}[data-theme=light] .thumbnail-box{background:#f0f0f2;border-color:#0000001f}[data-theme=light] .thumbnail-box img{background-color:#f7f7f8}[data-theme=light] .thumbnail-box:hover{border-color:#00000059}[data-theme=light] .thumbnail-box.active{border-color:#c9a84c}.product-detail-info{display:flex;flex-direction:column}.breadcrumb{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;display:flex;gap:8px}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--text-primary)}.variant-group{display:flex;flex-direction:column;gap:16px}.variant-header{display:flex;justify-content:space-between}.size-selector{display:flex;gap:12px;flex-wrap:wrap}.size-btn{width:48px;height:48px;border:1px solid var(--border-medium);background:transparent;color:var(--text-primary);font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.size-btn:hover{border-color:var(--border-dark)}.size-btn.active{background-color:var(--bg-dark);color:var(--text-inverse);border-color:var(--border-dark)}.accordion-item{border-top:1px solid var(--border-light);padding:24px 0}.accordion-item:last-child{border-bottom:1px solid var(--border-light)}.accordion-header{display:flex;justify-content:space-between;cursor:pointer}@media(max-width:1024px){.product-detail-layout{grid-template-columns:1fr 1fr;gap:40px;padding:40px 0 80px}}@media(max-width:768px){.product-detail-layout{grid-template-columns:1fr;gap:32px;padding:24px 0 80px}.gallery-main{aspect-ratio:4/5}.gallery-thumbnails img{width:60px;height:75px}.product-detail-info{padding:0}}@media(max-width:480px){.product-detail-layout{padding:16px 0 60px;gap:24px}.gallery-main{aspect-ratio:3/4}.gallery-thumbnails{gap:8px}.gallery-thumbnails img{width:50px;height:65px}.size-btn{width:42px;height:42px;font-size:.8rem}}.product-tabs-container{margin-top:60px;border-top:1px solid var(--border-light);padding-top:40px}.product-tabs-nav{display:flex;gap:32px;border-bottom:2px solid var(--border-light);margin-bottom:32px;overflow-x:auto;scrollbar-width:none}.product-tabs-nav::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;padding:12px 4px 16px;font-size:1.05rem;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:#e53935}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#e53935}.tab-badge{background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:700}.tab-btn.active .tab-badge{background:#e539351a;color:#e53935}.tab-content{animation:fadeIn .3s ease}.description-text{font-size:1.02rem;line-height:1.8;color:var(--text-secondary);margin-bottom:32px;max-width:900px}.highlights-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.highlights-list{display:flex;flex-direction:column;gap:14px;max-width:900px}.highlight-item{display:flex;align-items:flex-start;gap:12px;font-size:.98rem;line-height:1.6;color:var(--text-primary)}.highlight-icon{color:#e53935;flex-shrink:0;margin-top:3px}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px}.spec-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:16px 20px;gap:4px}.spec-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:600}.spec-value{font-size:.95rem;font-weight:500;color:var(--text-primary)}.reviews-section{max-width:900px}.reviews-summary-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:28px 32px;margin-bottom:32px}.rating-score-box{display:flex;align-items:center;gap:16px}.big-rating-number{font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1}.review-form-card{background:var(--bg-primary);border:1.5px solid var(--border-medium);border-radius:12px;padding:28px;margin-bottom:32px;box-shadow:0 4px 20px #0000000d}.star-rating-input{display:flex;gap:8px;margin:10px 0 20px}.star-btn{background:none;border:none;cursor:pointer;padding:4px;transition:transform .15s}.star-btn:hover{transform:scale(1.2)}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-item-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:20px 24px}.review-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reviewer-name{font-weight:600;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.verified-badge{font-size:.68rem;background:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:10px;font-weight:600}.review-date{font-size:.78rem;color:var(--text-secondary)}.review-comment{font-size:.92rem;line-height:1.6;color:var(--text-secondary);margin-top:10px}.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px}.qa-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:24px}.qa-card h4{display:flex;align-items:center;gap:10px;font-size:1.05rem;margin-bottom:12px;color:var(--text-primary)}.qa-card p{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}@media(max-width:768px){.specs-grid,.qa-grid{grid-template-columns:1fr}.product-tabs-nav{gap:16px}.tab-btn{font-size:.92rem;padding-bottom:12px}.reviews-summary-header{flex-direction:column;align-items:flex-start;padding:20px}}.whatsapp-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;background-color:var(--bg-primary);border:1px solid var(--border-medium);padding:0;z-index:1001;animation:slideUp var(--transition-normal)}@media(max-width:480px){.whatsapp-modal{max-width:95%;inset:auto 0 0;transform:none;width:100%;border-radius:16px 16px 0 0;max-height:85vh;overflow-y:auto}}.modal-header{padding:24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:24px}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.about-3d-page{background:var(--bg-primary, #FFFFFF);color:var(--text-primary, #0E0E10);transition:background-color .3s ease,color .3s ease}.about-hero-section{position:relative;height:85vh;min-height:550px;display:flex;align-items:center;justify-content:center;text-align:center;background-image:url(https://images.unsplash.com/photo-1618331835717-801e976710b2?q=80&w=2000&auto=format&fit=crop);background-size:cover;background-position:center 20%;background-attachment:fixed;color:#fff;overflow:hidden}.about-kicker-badge{font-size:.72rem;letter-spacing:.3em;font-weight:800;color:#e4e4e7;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);padding:6px 16px;border-radius:30px;margin-bottom:20px;display:inline-block}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#0000008c,#000000e0);z-index:1}.hero-content{position:relative;z-index:2;max-width:850px;padding:0 24px;display:flex;flex-direction:column;align-items:center}.hero-subtext{font-size:1.15rem;color:#e4e4e7;max-width:650px;line-height:1.6;margin-top:14px}.about-pillars-section{padding:100px 0 120px;background:#f7f7fa;border-bottom:1px solid rgba(0,0,0,.08);transition:background .3s ease}.about-pillars-section .section-main-title{color:#0e0e10}.about-pillars-section .section-subtext{color:#52525b}.about-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:54px}.about-pillar-3d-card{position:relative;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:38px 28px;box-sizing:border-box;display:flex;flex-direction:column;transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .15s ease-out,border-color .25s ease,box-shadow .25s ease,background .3s ease;box-shadow:0 10px 30px #0000000d;cursor:pointer;overflow:hidden}.about-pillar-3d-card:hover{border-color:#00000040;box-shadow:0 22px 50px #0000001a}.pillar-card-glare{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),rgba(255,255,255,.35) 0%,transparent 60%);opacity:var(--glare-op, 0);pointer-events:none;z-index:5;transition:opacity .25s ease}.pillar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pillar-num{font-family:monospace;font-size:1.1rem;font-weight:800;color:#71717a}.pillar-icon{width:44px;height:44px;border-radius:12px;background:#000;border:1px solid #000000;color:#fff;display:flex;align-items:center;justify-content:center}.pillar-sub{font-size:.68rem;letter-spacing:.2em;font-weight:800;color:#71717a;margin-bottom:8px;display:block}.pillar-title{font-size:1.4rem;font-weight:900;letter-spacing:-.01em;color:#0e0e10;margin:0 0 14px}.pillar-desc{font-size:.9rem;color:#52525b;line-height:1.65;margin:0 0 28px;flex-grow:1}.pillar-bottom-bar{height:2px;background:#00000014;border-radius:2px;transition:background .3s ease}.about-pillar-3d-card:hover .pillar-bottom-bar{background:#000;box-shadow:0 0 10px #0000004d}.craftsmanship-section{padding:120px 0;background:#fff;transition:background .3s ease}.craftsmanship-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.craft-image-container{position:relative;width:100%;height:520px;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.1);box-shadow:0 20px 50px #0000001a}.craft-image{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.craft-image-container:hover .craft-image{transform:scale(1.04)}.craft-floating-badge{position:absolute;bottom:24px;left:24px;background:#0c0c10d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);padding:10px 18px;border-radius:30px;font-size:.72rem;font-weight:800;letter-spacing:.15em;color:#fff}.craft-text-container{padding:24px 0}.craft-text-container .h2{color:#0e0e10}.craft-text-container .text-body{color:#52525b}.craft-specs-mini-row strong{color:#0e0e10}.craft-specs-mini-row span{color:#71717a}.founder-section{padding:100px 0;background:#f7f7fa;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);transition:background .3s ease}.founder-3d-box{max-width:680px;margin:0 auto;padding:48px;background:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.08);box-shadow:0 16px 40px #0000000d}.founder-kicker{font-size:.72rem;letter-spacing:.25em;font-weight:800;color:#71717a;text-transform:uppercase;display:block;margin-bottom:20px}.founder-quote{font-family:var(--font-sans);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;line-height:1.3;letter-spacing:-.02em;color:#0e0e10;margin:0 0 24px}.founder-signature{font-size:3.5rem;color:#0e0e10;margin:0}.about-cta-section{padding:100px 0;background:#0e0e10;color:#fff;text-align:center}.about-cta-content{max-width:600px;margin:0 auto}.about-cta-content .h2{color:#fff;margin-bottom:16px}.about-cta-content p{color:#a1a1aa;margin-bottom:32px}[data-theme=dark] .about-3d-page{background:#070709!important;color:#fff!important}[data-theme=dark] .about-pillars-section{background:radial-gradient(circle at 50% 30%,#121216,#060608)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .about-pillars-section .section-main-title{color:#fff!important}[data-theme=dark] .about-pillars-section .section-subtext{color:#a1a1aa!important}[data-theme=dark] .about-pillar-3d-card{background:#0d0d10!important;border-color:#ffffff1f!important;box-shadow:0 20px 45px #00000080!important}[data-theme=dark] .about-pillar-3d-card:hover{border-color:#fff6!important;box-shadow:0 30px 70px #000c,0 0 25px #ffffff0f!important}[data-theme=dark] .pillar-icon{background:#18181c!important;border-color:#ffffff26!important;color:#fff!important}[data-theme=dark] .pillar-title{color:#fff!important}[data-theme=dark] .pillar-desc{color:#a1a1aa!important}[data-theme=dark] .pillar-bottom-bar{background:#ffffff1a!important}[data-theme=dark] .about-pillar-3d-card:hover .pillar-bottom-bar{background:#fff!important;box-shadow:0 0 10px #fff9!important}[data-theme=dark] .craftsmanship-section{background:#09090c!important}[data-theme=dark] .craft-image-container{border-color:#ffffff26!important;box-shadow:0 30px 70px #000000b3!important}[data-theme=dark] .craft-text-container .h2{color:#fff!important}[data-theme=dark] .craft-text-container .text-body{color:#a1a1aa!important}[data-theme=dark] .craft-specs-mini-row strong{color:#fff!important}[data-theme=dark] .founder-section{background:radial-gradient(circle at 50% 50%,#121216,#060608)!important;border-color:#ffffff14!important}[data-theme=dark] .founder-3d-box{background:#0e0e12!important;border-color:#ffffff1f!important;box-shadow:0 20px 50px #0009!important}[data-theme=dark] .founder-quote,[data-theme=dark] .founder-signature{color:#fff!important}@media(max-width:1024px){.about-pillars-grid{grid-template-columns:1fr;gap:20px}.craftsmanship-grid{grid-template-columns:1fr;gap:48px}.craft-image-container{height:400px}}@media(max-width:768px){.founder-3d-box{padding:32px 20px}}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:120px 0}.contact-info{display:flex;flex-direction:column}.contact-form-wrapper{background-color:var(--bg-elevated);padding:60px;border-radius:var(--radius-lg, 16px);border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-group .form-input{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm, 6px);padding:12px 16px;color:var(--text-primary);font-size:.95rem;transition:border-color .2s ease}.form-group .form-input:focus{border-color:var(--text-primary)}@media(max-width:1024px){.contact-form-wrapper{padding:40px}}@media(max-width:768px){.contact-layout{grid-template-columns:1fr;gap:64px;padding:80px 0}.contact-form-wrapper{padding:32px 24px}.form-row{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:40px 20px}.auth-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:48px 40px;width:100%;max-width:440px;box-shadow:0 10px 40px #0000000a;animation:fadeUp .4s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-brand{text-align:center;margin-bottom:24px}.auth-title{font-size:1.5rem;text-align:center;font-weight:600;color:var(--text-primary);margin-bottom:8px}.auth-sub{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.google-auth-container{width:100%;margin-bottom:8px;display:flex;justify-content:center}.google-gsi-wrapper{width:100%;display:flex;justify-content:center}.google-gsi-wrapper.hidden{display:none!important}.btn-google-custom{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:6px;padding:12px 18px;font-size:.92rem;font-weight:600;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 6px #0000000a;transition:all .25s ease}.btn-google-custom:hover{background:var(--bg-secondary);border-color:var(--border-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-google-custom:active{transform:translateY(0)}.google-icon-svg{flex-shrink:0}.google-btn-text{letter-spacing:.02em}.auth-divider{display:flex;align-items:center;margin:18px 0 20px;gap:14px}.auth-divider-line{flex:1;height:1px;background:var(--border-light)}.auth-divider-text{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--text-secondary);text-transform:uppercase;white-space:nowrap}[data-theme=dark] .btn-google-custom{background:#141418;border-color:#ffffff29;color:#fff}[data-theme=dark] .btn-google-custom:hover{background:#1c1c22;border-color:#ffffff59}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.form-input{padding:12px 16px;border:1px solid var(--border-light);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--text-primary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{padding-right:40px}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;height:100%}.password-toggle-btn:hover{color:var(--text-primary)}.auth-btn{width:100%;justify-content:center;padding:14px;font-size:1rem;margin-top:16px;gap:10px;border-radius:4px}.auth-switch{text-align:center;font-size:.9rem;color:var(--text-secondary);margin-top:24px}.auth-link{color:var(--text-primary);font-weight:600;text-decoration:underline;margin-left:4px}.auth-link:hover{color:var(--text-secondary)}.auth-demo{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px}.auth-demo-title{font-size:.75rem;text-align:center;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.auth-demo-btn{padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;color:var(--text-primary);font-size:.85rem;transition:all .2s;cursor:pointer}.auth-demo-btn:hover{border-color:var(--text-primary)}.auth-error-banner{display:flex;align-items:center;gap:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:14px 16px;border-radius:6px;font-size:.9rem;line-height:1.4;margin-bottom:8px;animation:fadeUp .3s ease-out}[data-theme=dark] .auth-error-banner{background:#dc26261f;border-color:#ef44444d;color:#fca5a5}.auth-error-icon{flex-shrink:0;color:#dc2626}[data-theme=dark] .auth-error-icon{color:#f87171}.auth-error-text{flex:1;font-weight:500}.auth-error-close{background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:inherit;opacity:.7;padding:0 4px;transition:opacity .2s}.auth-error-close:hover{opacity:1}.google-modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.google-modal-card{background:var(--bg-primary);border-radius:12px;max-width:440px;width:100%;padding:32px 28px;box-shadow:0 20px 60px #00000040;border:1px solid var(--border-light);animation:fadeUp .25s ease-out;position:relative}[data-theme=dark] .google-modal-card{background:#18181d;border-color:#ffffff24;color:#fff}.google-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.google-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.google-modal-close:hover{color:var(--text-primary)}.google-modal-title{font-size:1.4rem;font-weight:700;margin:0 0 6px;color:var(--text-primary)}.google-modal-sub{font-size:.88rem;color:var(--text-secondary);margin:0 0 20px}.google-modal-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 14px;border-radius:6px;font-size:.85rem;margin-bottom:16px}[data-theme=dark] .google-modal-error{background:#dc262626;border-color:#ef44444d;color:#fca5a5}.google-modal-form{display:flex;flex-direction:column;gap:16px}.google-field-group{display:flex;flex-direction:column;gap:6px}.google-field-label{font-size:.82rem;font-weight:600;color:var(--text-primary)}.google-field-input{width:100%;padding:12px 14px;border:1px solid var(--border-medium);border-radius:6px;font-size:.95rem;background:var(--bg-primary);color:var(--text-primary);outline:none;transition:border-color .2s}.google-field-input:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f426}.google-field-hint{font-size:.74rem;color:var(--text-secondary)}.google-modal-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#1a73e8;color:#fff;border:none;border-radius:6px;padding:13px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:8px;transition:background .2s,transform .15s}.google-modal-submit-btn:hover{background:#1557b0;transform:translateY(-1px)}.google-modal-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;font-size:.76rem;color:var(--text-secondary)}.google-account-list{display:flex;flex-direction:column;gap:10px;margin:16px 0 20px}.google-account-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-primary);cursor:pointer;transition:all .2s ease;position:relative}.google-account-item:hover{background:var(--bg-secondary);border-color:#4285f4;transform:translateY(-1px);box-shadow:0 4px 12px #4285f414}.google-account-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0}.google-avatar-h{background:linear-gradient(135deg,#4285f4,#1a73e8)}.google-avatar-d{background:linear-gradient(135deg,#ea4335,#c5221f)}.google-avatar-add{background:#f1f3f4;color:#5f6368;font-size:1.4rem;border:1px dashed #dadce0}[data-theme=dark] .google-avatar-add{background:#2a2a32;color:#9aa0a6;border-color:#3c4043}.google-account-details{display:flex;flex-direction:column;flex:1;overflow:hidden}.google-account-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.google-account-email{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-account-badge{font-size:.68rem;font-weight:700;color:#1a73e8;background:#1a73e81a;padding:3px 8px;border-radius:12px;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .google-account-item{background:#1f1f26;border-color:#ffffff1a}[data-theme=dark] .google-account-item:hover{background:#282832;border-color:#4285f4}.google-custom-form{padding:12px 14px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted);padding:120px 0}.empty-page h2{color:var(--cream);font-family:Playfair Display,serif;font-size:1.8rem}.empty-page p{font-size:.95rem}.cart-page-grid{display:grid;grid-template-columns:1fr 380px;gap:36px;padding:40px 0 80px;align-items:flex-start}.cart-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cart-page-title{font-family:Playfair Display,serif;font-size:2rem;color:var(--cream)}.clear-btn{font-size:.8rem;color:var(--red);background:none;transition:opacity .2s}.cart-page-item{display:flex;gap:20px;padding:20px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:16px}.cart-page-img{width:120px;height:150px;border-radius:10px;overflow:hidden;flex-shrink:0}.cart-page-img img{width:100%;height:100%;object-fit:cover}.cart-page-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.cart-page-info-top{display:flex;justify-content:space-between;gap:12px}.cart-page-cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:6px}.cart-page-name{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--cream);font-weight:600}.cart-page-name:hover{color:var(--gold)}.cart-page-meta{display:flex;gap:10px;margin-top:8px}.cart-page-meta span{font-size:.75rem;color:var(--text-muted)}.cart-page-remove{background:none;color:var(--text-muted);transition:color .2s;padding:4px}.cart-page-remove:hover{color:var(--red)}.cart-page-info-bottom{display:flex;align-items:center;justify-content:space-between}.cart-page-price{font-size:1.1rem;font-weight:700;color:var(--gold)}.cart-summary-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px;position:sticky;top:calc(var(--nav-height) + 20px)}.cart-summary-title{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--cream);margin-bottom:20px}.cart-summary-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.cart-summary-row{display:flex;justify-content:space-between;font-size:.88rem;color:var(--text-secondary)}.cart-summary-row.total{font-size:1.1rem;font-weight:700;color:var(--cream);padding-top:12px;border-top:1px solid var(--border-light)}@media(max-width:900px){.cart-page-grid{grid-template-columns:1fr}.cart-summary-box{position:static}}@media(max-width:500px){.cart-page-img{width:80px;height:100px}}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:40px;padding:40px 0 80px;align-items:flex-start}.checkout-title{font-family:Playfair Display,serif;font-size:2rem;color:var(--cream);margin-bottom:28px}.checkout-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px;margin-bottom:20px}.checkout-section-title{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.payment-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;border:1.5px solid var(--border-light);margin-bottom:10px;cursor:pointer;transition:border-color .2s}.payment-option:has(input:checked){border-color:var(--gold);background:var(--gold-dim)}.payment-option input[type=radio]{accent-color:var(--gold);width:16px;height:16px}.payment-name{display:block;font-weight:600;color:var(--cream);font-size:.9rem}.payment-note{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.payment-notice-banner{background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);border-radius:8px;padding:12px 14px;font-size:.82rem;color:var(--cream);line-height:1.5;margin-top:14px}.coupon-box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.coupon-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gold);margin-bottom:10px}.coupon-input-group{display:flex;gap:8px}.coupon-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem;color:var(--cream);text-transform:uppercase;letter-spacing:.05em;outline:none;transition:border-color .2s}.coupon-input:focus{border-color:var(--gold)}.coupon-btn{background:var(--gold);color:#111;border:none;border-radius:var(--radius-sm);padding:0 16px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .2s}.coupon-btn:disabled{opacity:.5;cursor:not-allowed}.applied-coupon-tag{display:flex;align-items:center;justify-content:space-between;background:#55c6881a;border:1px solid rgba(85,198,136,.3);padding:10px 14px;border-radius:var(--radius-sm)}.applied-coupon-info{display:flex;align-items:center;gap:10px}.coupon-code-badge{font-weight:700;color:var(--green, #55c688);font-size:.85rem}.coupon-save-amount{font-size:.82rem;color:var(--cream)}.remove-coupon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:4px;transition:color .2s}.remove-coupon-btn:hover{color:#e05555}.coupon-hint{font-size:.72rem;color:var(--text-muted);margin-top:8px}.order-summary{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px;position:sticky;top:calc(var(--nav-height) + 20px)}.summary-title{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--cream);margin-bottom:20px}.summary-items{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.summary-item{display:flex;align-items:center;gap:12px}.summary-item-img{position:relative;width:56px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0}.summary-item-img img{width:100%;height:100%;object-fit:cover}.summary-item-qty{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#1a1000;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.summary-item-info{flex:1}.summary-item-name{display:block;font-size:.85rem;font-weight:600;color:var(--cream);line-height:1.3}.summary-item-meta{display:block;font-size:.72rem;color:var(--text-muted);margin-top:3px}.summary-item-price{font-size:.9rem;font-weight:700;color:var(--gold);white-space:nowrap}.summary-totals{display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;font-size:.88rem;color:var(--text-secondary)}.discount-row{color:var(--gold);font-weight:600}.total-row{font-size:1.1rem;font-weight:700;color:var(--cream);padding-top:12px;border-top:1px solid var(--border-light);margin-top:4px}.total-amount{color:var(--gold)}.free-ship-note{font-size:.73rem;color:var(--text-muted);margin-top:-4px}.order-success-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:40px;max-width:580px;width:100%;text-align:center;box-shadow:0 10px 30px #00000080}.success-icon-wrap{margin-bottom:20px}.success-title{font-family:Playfair Display,serif;font-size:2.2rem;color:var(--cream);margin-bottom:8px}.success-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:28px}.order-details-box{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;margin-bottom:24px;text-align:left;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem}.detail-label{color:var(--text-muted)}.detail-val{color:var(--cream);font-weight:600}.detail-val.highlight{color:var(--gold);font-weight:700;font-size:1rem}.payment-alert-box{background:#c9a84c14;border:1px dashed var(--gold);border-radius:var(--radius-md);padding:16px;margin-bottom:24px;text-align:left}.success-actions{display:flex;flex-direction:column;gap:12px}.btn-whatsapp-confirm{background:#25d366;color:#fff;font-weight:700;font-size:.95rem;border-radius:var(--radius-md);padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:opacity .2s,transform .2s}.btn-whatsapp-confirm:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.order-summary{position:static;order:-1}.form-row-2,.form-row-3{grid-template-columns:1fr}.order-success-card{padding:24px}}.field-error-text{color:#ff6b6b;font-size:.76rem;margin-top:5px;display:block;font-weight:500}.input-error{border-color:#ff6b6b!important;box-shadow:0 0 0 1px #ff6b6b40!important}.checkout-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.checkout-review-card{background:#141419;border:1px solid var(--border-medium);border-radius:var(--radius-lg, 16px);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:32px;box-shadow:0 24px 60px #000000b3;position:relative}.checkout-review-title{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--cream);margin:0 0 6px}.checkout-review-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0 0 24px}.review-info-section{background:#ffffff08;border:1px solid var(--border-light);border-radius:10px;padding:18px;margin-bottom:20px}.review-info-heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-weight:700;margin:0 0 12px}.review-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:8px;line-height:1.4}.review-label{color:var(--text-secondary);min-width:120px}.review-value{color:var(--text-primary);font-weight:600;text-align:right;word-break:break-word}.review-modal-actions{display:flex;gap:12px;margin-top:24px}@media(max-width:600px){.checkout-review-card{padding:20px}.review-modal-actions{flex-direction:column-reverse}}.orders-page{padding:40px 0 80px;max-width:900px}.orders-title{font-family:Playfair Display,serif;font-size:2rem;color:var(--cream);margin-bottom:32px}.order-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.order-card:hover{border-color:var(--border);box-shadow:0 4px 20px #0003}.order-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-light)}.order-id{display:block;font-weight:700;color:var(--cream);font-size:.92rem}.order-date{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);margin-top:4px}.order-right{display:flex;align-items:center;gap:16px}.order-status{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:20px;border:1px solid}.order-total{font-size:1rem;font-weight:700;color:var(--gold)}.order-items-preview{display:flex;flex-direction:column;gap:0}.order-item-preview{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-light)}.order-item-preview:last-child{border-bottom:none}.order-item-img{width:52px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.order-item-img img{width:100%;height:100%;object-fit:cover}.order-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted);border-radius:8px}.order-item-name{font-size:.88rem;font-weight:600;color:var(--cream)}.order-item-meta{font-size:.75rem;color:var(--text-muted);margin-top:3px}.order-item-price{margin-left:auto;font-size:.9rem;font-weight:600;color:var(--gold);white-space:nowrap}.order-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:14px 24px;background:var(--bg-elevated);font-size:.78rem;color:var(--text-muted);border-top:1px solid var(--border-light)}.order-footer-details{display:flex;flex-direction:column;gap:4px}.order-actions-container{display:flex;align-items:center;gap:12px}.btn-customer-cancel{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;background:#e055551f;color:#ff6b6b;border:1px solid rgba(224,85,85,.3);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-customer-cancel:hover{background:#e0555538;border-color:#ff6b6b;color:#fff;transform:translateY(-1px)}.btn-customer-support-cancel{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;background:#4299e11a;color:#63b3ed;border:1px solid rgba(66,153,225,.25);font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s ease}.btn-customer-support-cancel:hover{background:#4299e133;border-color:#63b3ed;color:#fff}.cancelled-badge-group{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.order-cancelled-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;background:#e0555526;color:#e05555;border:1px solid rgba(224,85,85,.3);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.cancelled-reason-text{font-size:.72rem;color:var(--text-muted);font-style:italic;max-width:250px;text-align:right}.modal-overlay{position:fixed;inset:0;z-index:9999;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.cancel-modal-content{background:var(--bg-card, #141416);border:1px solid var(--border-medium, #2a2a30);border-radius:16px;width:100%;max-width:520px;box-shadow:0 10px 40px #00000080;overflow:hidden;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cancel-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light, #232328)}.cancel-warning-icon{width:40px;height:40px;border-radius:50%;background:#e055551f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cancel-modal-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.cancel-modal-subtitle{font-size:.8rem;color:var(--gold, #c9a84c);margin:2px 0 0}.modal-close-btn{background:none;border:none;color:var(--text-muted, #888);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .2s}.modal-close-btn:hover{color:#fff}.cancel-modal-body{padding:20px 24px}.cancel-order-summary-box{background:var(--bg-elevated, #1a1a1f);border:1px solid var(--border-light, #232328);border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;font-size:.85rem}.summary-row{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary, #a0a0a8)}.summary-row strong{color:#fff}.cancel-alert-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;background:#e0555514;border:1px solid rgba(224,85,85,.2);color:#f99;font-size:.8rem;line-height:1.45}.cancel-form-label{display:block;font-size:.82rem;font-weight:600;color:#fff;margin-bottom:8px}.cancel-select-input,.cancel-textarea-input{width:100%;padding:10px 14px;border-radius:8px;background:var(--bg-primary, #0c0c0e);border:1px solid var(--border-light, #2a2a30);color:#fff;font-size:.88rem;outline:none;transition:border-color .2s}.cancel-select-input:focus,.cancel-textarea-input:focus{border-color:var(--gold, #c9a84c)}.cancel-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;background:var(--bg-elevated, #16161a);border-top:1px solid var(--border-light, #232328)}.btn-cancel-modal-secondary{padding:9px 18px;border-radius:8px;background:transparent;border:1px solid var(--border-medium, #333);color:var(--text-secondary, #bbb);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-modal-secondary:hover{background:#ffffff0d;color:#fff}.btn-cancel-modal-danger{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:8px;background:#e05555;border:none;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #e055554d}.btn-cancel-modal-danger:hover:not(:disabled){background:#d04444;transform:translateY(-1px)}.btn-cancel-modal-danger:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spinAnim 1s linear infinite}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-showcase-page{min-height:100vh;background:#080808;color:#f3f3f3;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:40px 24px 80px;box-sizing:border-box}.demo-header{max-width:1300px;margin:0 auto 32px}.demo-header-left{display:flex;align-items:center;gap:16px;margin-bottom:14px}.back-link{color:#a1a1aa;text-decoration:none;font-size:.85rem;letter-spacing:.05em;padding:6px 14px;border-radius:6px;background:#141414;border:1px solid #27272a;transition:all .2s ease}.back-link:hover{background:#27272a;color:#fff}.demo-badge{font-size:.72rem;font-weight:700;letter-spacing:.15em;background:#d4af3726;color:#eab308;border:1px solid rgba(212,175,55,.3);padding:4px 10px;border-radius:20px}.demo-title{font-size:2.2rem;font-weight:900;letter-spacing:-.03em;margin:0 0 10px;background:linear-gradient(135deg,#fff 40%,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.demo-subtitle{color:#9ca3af;font-size:1rem;max-width:800px;line-height:1.6;margin:0}.demo-workspace{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:start}@media(max-width:960px){.demo-workspace{grid-template-columns:1fr}}.demo-sidebar{background:#111113;border:1px solid #222226;border-radius:16px;padding:24px;box-sizing:border-box}.demo-sidebar h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.12em;color:#71717a;margin:0 0 18px}.demo-options-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.demo-card-item{background:#18181b;border:1px solid #27272a;border-radius:12px;padding:16px;cursor:pointer;transition:all .25s ease;position:relative}.demo-card-item:hover{background:#202024;border-color:#3f3f46;transform:translateY(-2px)}.demo-card-item.active{background:#1e1e24;border-color:#fff;box-shadow:0 0 20px #ffffff14}.demo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.demo-num{font-family:monospace;font-size:.85rem;font-weight:700;color:#71717a}.demo-vibe-tag{font-size:.72rem;background:#27272a;color:#d4d4d8;padding:2px 8px;border-radius:4px;font-weight:600}.demo-card-item h4{margin:0 0 6px;font-size:1.05rem;color:#fff}.demo-desc{font-size:.82rem;color:#a1a1aa;line-height:1.4;margin:0 0 12px}.demo-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#71717a}.active-pill{display:inline-flex;align-items:center;gap:4px;color:#22c55e;font-weight:700}.sidebar-action-box{display:flex;flex-direction:column;gap:10px}.btn-replay{width:100%;padding:12px;background:#27272a;color:#fff;border:1px solid #3f3f46;border-radius:8px;font-weight:600;font-size:.88rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-replay:hover{background:#3f3f46}.btn-fullscreen-play{width:100%;padding:14px;background:#fff;color:#000;border:none;border-radius:8px;font-weight:700;font-size:.92rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-fullscreen-play:hover{background:#e4e4e7;transform:scale(1.01)}.demo-stage-wrapper{background:#111113;border:1px solid #27272a;border-radius:16px;overflow:hidden;box-shadow:0 25px 60px #0009}.stage-top-bar{background:#18181b;padding:12px 18px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #27272a}.stage-dots{display:flex;gap:6px}.dot{width:11px;height:11px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.stage-url-bar{flex:1;background:#09090b;border:1px solid #27272a;border-radius:6px;padding:6px 14px;font-size:.78rem;color:#71717a;font-family:monospace}.stage-tag{color:#e4e4e7;font-weight:600}.stage-replay-icon-btn{background:transparent;border:none;color:#a1a1aa;cursor:pointer;font-size:1rem;display:flex;align-items:center;transition:color .2s}.stage-replay-icon-btn:hover{color:#fff}.demo-stage-screen{position:relative;height:520px;background:#000;overflow:hidden}.mock-site-backdrop{width:100%;height:100%;background:radial-gradient(circle at 50% 20%,#1c1917,#0c0a09);display:flex;flex-direction:column;padding:24px;box-sizing:border-box}.mock-site-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.mock-logo{font-size:1.1rem;font-weight:900;letter-spacing:.2em;color:#fff}.mock-nav-links{font-size:.72rem;letter-spacing:.15em;color:#78716c}.mock-hero-content{margin:auto 0;text-align:center;max-width:600px;margin-inline:auto}.mock-pill{font-size:.7rem;letter-spacing:.2em;color:#a8a29e;border:1px solid rgba(255,255,255,.2);padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:14px}.mock-hero-content h2{font-size:2.2rem;font-weight:900;letter-spacing:.08em;margin:0 0 10px;color:#fff}.mock-hero-content p{color:#a8a29e;font-size:.95rem;margin:0 0 20px}.mock-cta{display:inline-block;background:#fff;color:#000;font-size:.78rem;font-weight:800;letter-spacing:.15em;padding:10px 24px;border-radius:4px}.animation-overlay-box{position:absolute;inset:0;z-index:50;overflow:hidden}.fullscreen-live-modal{position:fixed;inset:0;z-index:99999;background:#000;overflow:hidden}.close-fullscreen-btn{position:absolute;top:24px;right:24px;z-index:100000;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 18px;border-radius:30px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.close-fullscreen-btn:hover{background:#fff;color:#000}.anim-monolith-curtain{position:absolute;inset:0;background:#070707;display:flex;align-items:center;justify-content:center;transition:transform .8s cubic-bezier(.85,0,.15,1),opacity .5s ease}.anim-monolith-curtain.stage-exit{transform:translateY(-100%)}.monolith-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.monolith-crown{font-size:.72rem;letter-spacing:.4em;color:#71717a;animation:fadeInDown .6s ease forwards}.monolith-brand{position:relative;margin:0;font-size:2.8rem;font-weight:900;color:#fff;text-transform:uppercase;overflow:hidden;display:inline-block;padding:6px 12px}.fs-mode .monolith-brand{font-size:4.5rem}.monolith-text{display:inline-block;animation:luxuryExpand 1.4s cubic-bezier(.16,1,.3,1) forwards}.monolith-shimmer-bar{position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-25deg)}.stage-shine .monolith-shimmer-bar{animation:metallicShimmer .9s ease forwards}.monolith-sub{display:flex;align-items:center;gap:14px;animation:fadeInUp .8s ease .2s forwards;opacity:0}.monolith-line{width:40px;height:1px;background:#3f3f46}.monolith-tag{font-size:.68rem;letter-spacing:.35em;color:#a1a1aa;font-weight:600}@keyframes luxuryExpand{0%{letter-spacing:.05em;opacity:0;transform:scale(.95)}50%{opacity:1}to{letter-spacing:.55em;opacity:1;transform:scale(1)}}@keyframes metallicShimmer{0%{left:-120%}to{left:160%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-split-curtain{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.split-door-left,.split-door-right{position:absolute;top:0;bottom:0;width:50%;background:#0d0d10;transition:transform .85s cubic-bezier(.77,0,.175,1);z-index:10}.split-door-left{left:0;border-right:1px solid rgba(255,255,255,.06)}.split-door-right{right:0;border-left:1px solid rgba(255,255,255,.06)}.anim-split-curtain.stage-exit .split-door-left{transform:translate(-100%)}.anim-split-curtain.stage-exit .split-door-right{transform:translate(100%)}.split-center-content{position:relative;z-index:20;text-align:center;display:flex;flex-direction:column;align-items:center;transition:opacity .4s ease,transform .5s ease}.anim-split-curtain.stage-exit .split-center-content{opacity:0;transform:scale(.9)}.split-logo-mask{overflow:hidden;height:54px}.fs-mode .split-logo-mask{height:80px}.split-brand-text{margin:0;font-size:2.6rem;font-weight:900;letter-spacing:.25em;color:#fff;animation:slideUpMask .6s cubic-bezier(.16,1,.3,1) forwards}.fs-mode .split-brand-text{font-size:4.2rem}.split-progress-track{width:220px;height:2px;background:#ffffff1a;margin:16px 0 12px;border-radius:2px;overflow:hidden}.split-progress-fill{width:0%;height:100%;background:#fff;box-shadow:0 0 10px #fff;animation:sweepFill 1.1s cubic-bezier(.65,0,.35,1) .2s forwards}.split-footer-note{font-size:.65rem;letter-spacing:.3em;color:#71717a;text-transform:uppercase}@keyframes slideUpMask{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sweepFill{0%{width:0%}to{width:100%}}.anim-laser-screen{position:absolute;inset:0;background:#09090b;display:flex;align-items:center;justify-content:center;transition:transform .7s cubic-bezier(.7,0,.3,1),opacity .5s ease}.anim-laser-screen.stage-exit{transform:scale(2.8);opacity:0;filter:blur(8px)}.laser-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.laser-content{position:relative;z-index:5;text-align:center}.laser-coords{font-family:monospace;font-size:.65rem;letter-spacing:.2em;color:#0284c7;margin-bottom:12px}.laser-svg{width:500px;height:80px;overflow:visible}.fs-mode .laser-svg{width:750px;height:120px}.laser-svg-text{font-family:Inter,sans-serif;font-weight:900;font-size:58px;letter-spacing:12px;fill:transparent;stroke:#fff;stroke-width:1.5;stroke-dasharray:400;stroke-dashoffset:400;animation:drawLaser .9s cubic-bezier(.7,0,.3,1) forwards;transition:fill .4s ease,filter .4s ease}.stage-fill .laser-svg-text{fill:#fff;filter:drop-shadow(0 0 16px rgba(255,255,255,.9)) drop-shadow(0 0 35px rgba(56,189,248,.6))}.laser-glow-tag{font-size:.7rem;letter-spacing:.4em;color:#a1a1aa;margin-top:14px;font-weight:700}@keyframes drawLaser{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}.anim-scramble-screen{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;animation:shutterFade 1.8s ease forwards}.scramble-content{text-align:center;font-family:Courier New,monospace}.scramble-header{font-size:.72rem;letter-spacing:.25em;color:#10b981;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.scramble-indicator{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:blink .6s infinite alternate}.scramble-brand{font-size:3rem;font-weight:900;letter-spacing:.25em;color:#fff;margin:0 0 18px;text-shadow:0 0 15px rgba(255,255,255,.4)}.fs-mode .scramble-brand{font-size:4.8rem}.scramble-meta{display:flex;justify-content:space-between;gap:24px;font-size:.68rem;color:#52525b;letter-spacing:.15em}@keyframes blink{0%{opacity:.2}to{opacity:1}}@keyframes shutterFade{0%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(1.05)}to{opacity:0;pointer-events:none}}.anim-frosted-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:60;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s ease}.frosted-glass-backdrop{position:absolute;inset:0;background:#f6f6f9d1;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);transition:backdrop-filter .8s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .8s cubic-bezier(.16,1,.3,1),background-color .8s ease}.anim-frosted-screen.stage-dissolve{opacity:0;transform:scale(1.04);pointer-events:none}.anim-frosted-screen.stage-dissolve .frosted-glass-backdrop{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background:#f6f6f900}.frosted-content-box{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.frosted-logo-wrap{position:relative;display:inline-block;padding:10px}.frosted-black-logo{width:320px;max-width:80vw;height:auto;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.12));animation:frostedLogoIn .85s cubic-bezier(.16,1,.3,1) forwards}.fs-mode .frosted-black-logo{width:480px;max-width:85vw}.frosted-meta-tagline{display:flex;align-items:center;gap:14px;animation:fadeInUp .7s ease .2s forwards;opacity:0}.frosted-meta-tagline .frosted-line{width:36px;height:1px;background:#27272a}.frosted-tag-text{font-size:.72rem;letter-spacing:.3em;font-weight:800;color:#09090b}.frosted-loader-track{width:130px;height:2px;background:#0000001a;border-radius:2px;overflow:hidden;margin-top:6px}.frosted-loader-bar{width:0%;height:100%;background:#000;box-shadow:0 0 8px #0006;animation:frostedSweep 1.2s cubic-bezier(.65,0,.35,1) .2s forwards}@keyframes frostedLogoIn{0%{opacity:0;transform:scale(.9) translateY(10px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes frostedSweep{0%{width:0%}to{width:100%}}.threed-showcase-page{min-height:100vh;background:#060608;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:40px 24px 100px;box-sizing:border-box}.showcase-header{max-width:1240px;margin:0 auto 36px}.header-nav-row{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.back-store-btn,.intro-demo-link{font-size:.82rem;font-weight:600;text-decoration:none;padding:8px 16px;border-radius:6px;background:#121214;border:1px solid #27272a;color:#e4e4e7;transition:all .2s ease}.back-store-btn:hover,.intro-demo-link:hover{background:#27272a;color:#fff}.intro-demo-link{color:#eab308;border-color:#eab3084d}.mono-badge{font-size:.7rem;letter-spacing:.2em;font-weight:800;background:#fff;color:#000;padding:4px 12px;border-radius:20px}.showcase-headline{font-size:2.8rem;font-weight:900;letter-spacing:-.03em;margin:0 0 12px;background:linear-gradient(180deg,#fff 40%,#71717a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.showcase-sub{color:#a1a1aa;font-size:1.05rem;max-width:820px;line-height:1.6;margin:0 0 28px}.style-tabs-container{display:flex;gap:12px;flex-wrap:wrap;background:#0f0f13;border:1px solid #222228;padding:8px;border-radius:14px}.style-tab-chip{padding:12px 20px;border-radius:10px;border:1px solid transparent;background:transparent;color:#a1a1aa;font-size:.88rem;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .25s ease}.style-tab-chip:hover{background:#18181e;color:#fff}.style-tab-chip.active{background:#fff;color:#000;box-shadow:0 6px 20px #ffffff26}.showcase-canvas-wrapper{max-width:1240px;margin:0 auto}.style-canvas-box{background:#0b0b0e;border:1px solid #222228;border-radius:24px;padding:36px;box-sizing:border-box;box-shadow:0 30px 80px #0009;min-height:640px;display:flex;flex-direction:column}.canvas-meta-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:20px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:24px}.meta-tag{font-size:.72rem;font-weight:800;letter-spacing:.25em;color:#a1a1aa;display:block;margin-bottom:6px}.canvas-meta-bar h3{font-size:1.8rem;font-weight:900;margin:0 0 8px;color:#fff}.canvas-meta-bar p{color:#71717a;font-size:.95rem;margin:0;max-width:600px;line-height:1.5}.cube-controls-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cube-btn{padding:8px 16px;background:#18181e;border:1px solid #2e2e38;color:#e4e4e7;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.cube-btn:hover{background:#272732;color:#fff}.cube-btn.btn-active{background:#fff;color:#000;border-color:#fff}.cube-viewport-stage{flex:1;position:relative;height:500px;perspective:1200px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.cube-viewport-stage:active{cursor:grabbing}.cube-floor-shadow{position:absolute;bottom:40px;width:320px;height:50px;background:#000000b3;filter:blur(25px);border-radius:50%;pointer-events:none}.orbit-cube-3d{width:280px;height:340px;position:relative;transform-style:preserve-3d;transition:transform .05s linear}.cube-face{position:absolute;width:280px;height:340px;background:#111116;border:1px solid rgba(255,255,255,.2);border-radius:18px;box-sizing:border-box;overflow:hidden;box-shadow:0 20px 40px #000000b3;backface-visibility:visible}.face-front{transform:rotateY(0) translateZ(140px)}.face-right{transform:rotateY(90deg) translateZ(140px)}.face-back{transform:rotateY(180deg) translateZ(140px)}.face-left{transform:rotateY(-90deg) translateZ(140px)}.face-top{width:280px;height:280px;transform:rotateX(90deg) translateZ(140px);background:#181820;display:flex;align-items:center;justify-content:center;text-align:center}.face-bottom{width:280px;height:280px;transform:rotateX(-90deg) translateZ(200px);background:#09090c}.cube-face-inner{height:100%;display:flex;flex-direction:column;position:relative;padding:16px;box-sizing:border-box}.face-kicker{position:absolute;top:14px;left:14px;z-index:5;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);padding:4px 10px;border-radius:20px;font-size:.65rem;letter-spacing:.15em;font-weight:800}.cube-face-img{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1)}.cube-face-info h4{margin:0 0 4px;font-size:1rem;font-weight:800;color:#fff}.cube-face-info p{color:#71717a;font-size:.78rem;margin:0 0 10px}.face-price{font-size:1.1rem;font-weight:900;color:#fff}.cube-top-content span{font-size:.7rem;letter-spacing:.3em;color:#71717a}.cube-top-content h3{margin:8px 0 4px;font-size:1.4rem;font-weight:900;letter-spacing:.2em}.cube-top-content small{font-size:.65rem;letter-spacing:.15em;color:#a1a1aa}.cube-drag-hint{position:absolute;bottom:16px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);padding:6px 14px;border-radius:20px;font-size:.75rem;color:#e4e4e7;display:flex;align-items:center;gap:8px}.tunnel-controls-box{display:flex;align-items:center;gap:14px}.tunnel-label{font-size:.82rem;color:#a1a1aa;font-weight:600}.tunnel-slider{width:180px;cursor:pointer;accent-color:#ffffff}.tunnel-viewport-stage{flex:1;position:relative;height:480px;perspective:1000px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#15151c,#050508);border-radius:16px}.tunnel-3d-world{width:100%;height:100%;position:relative;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;transition:transform .15s ease-out}.tunnel-3d-card{position:absolute;width:260px;height:360px;border-radius:16px;overflow:hidden;background:#111115;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 60px #000c;transition:transform .3s ease,filter .3s ease,opacity .3s ease;transform-style:preserve-3d}.tunnel-card-img{width:100%;height:100%;object-fit:cover}.tunnel-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(180deg,transparent 0%,rgba(5,5,8,.95) 70%)}.tunnel-card-tag{font-size:.65rem;letter-spacing:.2em;color:#71717a;font-weight:800;display:block}.tunnel-card-overlay h4{font-size:1.05rem;font-weight:900;margin:4px 0 8px}.tunnel-card-overlay strong{font-size:1.15rem;color:#fff}.chrome-viewport-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:30px}.chrome-card-3d{position:relative;width:380px;height:520px;background:#0d0d12;border-radius:24px;border:1px solid rgba(255,255,255,.25);box-shadow:0 35px 90px #000000d9;overflow:hidden;transform-style:preserve-3d;transition:transform .15s ease-out;cursor:pointer}.chrome-foil-layer{position:absolute;inset:0;pointer-events:none;z-index:5;mix-blend-mode:color-dodge;transition:background .1s linear}.chrome-card-inner{height:100%;display:flex;flex-direction:column;padding:28px;box-sizing:border-box;position:relative;z-index:2}.chrome-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chrome-edition-badge{font-size:.68rem;letter-spacing:.2em;font-weight:800;background:#fff;color:#000;padding:4px 10px;border-radius:4px}.chrome-serial{font-family:monospace;font-size:.75rem;color:#71717a}.chrome-product-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.chrome-product-img{width:240px;height:260px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px #000000b3}.chrome-embossed-watermark{position:absolute;font-size:3.5rem;font-weight:900;letter-spacing:.15em;color:#ffffff0a;-webkit-user-select:none;user-select:none;pointer-events:none}.chrome-card-info{margin-top:auto}.chrome-kicker{font-size:.68rem;letter-spacing:.2em;font-weight:700;color:#a1a1aa}.chrome-title{font-size:1.4rem;font-weight:900;margin:6px 0 16px;color:#fff}.chrome-footer-row{display:flex;justify-content:space-between;align-items:center}.chrome-price{font-size:1.3rem;font-weight:900;color:#fff}.chrome-buy-btn{background:#fff;color:#000;border:none;font-size:.8rem;font-weight:800;letter-spacing:.08em;padding:10px 18px;border-radius:6px;cursor:pointer;transition:all .2s}.chrome-buy-btn:hover{background:#e4e4e7;transform:translateY(-2px)}.monolith-viewport-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 0;perspective:1200px}.monolith-grid-stage{display:grid;grid-template-columns:1fr 140px 1fr;gap:24px;align-items:center;width:100%;max-width:950px}.monolith-tower{height:460px;border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 70px #000c;transition:transform .15s ease-out;transform-style:preserve-3d}.tower-img{width:100%;height:100%;object-fit:cover}.tower-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(180deg,transparent 0%,rgba(6,6,8,.95) 60%)}.tower-spec-tag{font-size:.65rem;letter-spacing:.2em;font-weight:800;color:#a1a1aa}.tower-overlay h3{font-size:1.3rem;font-weight:900;margin:6px 0}.tower-overlay p{color:#71717a;font-size:.82rem;line-height:1.5;margin:0}.monolith-center-axis{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.axis-line{width:1px;height:90px;background:#fff3}.axis-badge{background:#111116;border:1px solid rgba(255,255,255,.2);padding:12px 16px;border-radius:12px}.axis-badge span{display:block;font-size:1.1rem;font-weight:900;color:#fff}.axis-badge small{font-size:.6rem;letter-spacing:.15em;color:#71717a}.showcase-studio-footer{max-width:1240px;margin:40px auto 0;background:#0f0f13;border:1px solid #222228;border-radius:18px;padding:32px 36px}.footer-content-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-left-info h3{font-size:1.4rem;font-weight:900;margin:0 0 8px}.footer-left-info p{color:#a1a1aa;font-size:.95rem;margin:0;max-width:650px;line-height:1.55}.footer-action-links{display:flex;gap:14px;flex-wrap:wrap}.btn-main-preview,.btn-shop-preview{padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;font-size:.88rem;transition:all .2s}.btn-main-preview{background:#fff;color:#000}.btn-shop-preview{background:#1a1a20;color:#fff;border:1px solid #33333d}.btn-main-preview:hover{background:#e4e4e7}.btn-shop-preview:hover{background:#25252e}@media(max-width:900px){.monolith-grid-stage{grid-template-columns:1fr}.monolith-center-axis{display:none}.chrome-card-3d{width:100%;max-width:360px}}.nav-demos-page{min-height:100vh;background:#08080a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:40px 24px 100px;box-sizing:border-box}.nav-demos-header{max-width:1240px;margin:0 auto 36px}.header-breadcrumbs{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.btn-back-nav,.btn-intro-nav{font-size:.82rem;font-weight:600;text-decoration:none;padding:8px 16px;border-radius:6px;background:#141418;border:1px solid #27272f;color:#e4e4e7;transition:all .2s ease}.btn-back-nav:hover,.btn-intro-nav:hover{background:#272730;color:#fff}.btn-intro-nav{color:#eab308;border-color:#eab3084d}.badge-studio{font-size:.7rem;letter-spacing:.2em;font-weight:800;background:#fff;color:#000;padding:4px 12px;border-radius:20px}.nav-demos-title{font-size:2.6rem;font-weight:900;letter-spacing:-.02em;margin:0 0 12px;background:linear-gradient(180deg,#fff 40%,#71717a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-demos-sub{color:#a1a1aa;font-size:1.05rem;max-width:800px;line-height:1.6;margin:0 0 24px}.nav-styles-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:20px}.nav-tab-btn{background:#111115;border:1px solid #22222a;border-radius:12px;padding:16px 20px;color:#a1a1aa;cursor:pointer;text-align:left;display:flex;align-items:center;gap:14px;transition:all .2s ease}.nav-tab-btn:hover{background:#181820;color:#fff}.nav-tab-btn.active{background:#fff;color:#000;border-color:#fff;box-shadow:0 10px 25px #ffffff26}.tab-num{font-family:monospace;font-size:.95rem;font-weight:900}.tab-title{font-weight:700;font-size:.9rem}.theme-toggle-bar{display:flex;align-items:center;gap:14px;background:#111116;border:1px solid #22222b;padding:10px 18px;border-radius:10px;width:fit-content;flex-wrap:wrap}.toggle-label{font-size:.82rem;color:#71717a;font-weight:600}.theme-chip{padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:700;border:1px solid #2c2c36;background:#191920;color:#a1a1aa;cursor:pointer;transition:all .2s}.theme-chip.active{background:#fff;color:#000;border-color:#fff}.nav-preview-stage-wrapper{max-width:1240px;margin:0 auto}.preview-meta-info{margin-bottom:18px}.style-kicker{font-size:.7rem;letter-spacing:.25em;font-weight:800;color:#a1a1aa}.preview-meta-info h2{font-size:1.8rem;font-weight:900;margin:4px 0 8px}.preview-meta-info p{color:#71717a;font-size:.95rem;max-width:750px;line-height:1.5;margin:0}.nav-live-mock-stage{border-radius:20px;overflow:hidden;position:relative;box-shadow:0 30px 80px #000000b3;min-height:520px;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease}.mock-dark{background:#0d0d11;color:#fff;border:1px solid #22222b}.mock-light{background:#f4f4f6;color:#0c0c0e;border:1px solid #e0e0e4}.nav-style-1-wrapper{padding:20px 24px}.nav-island-capsule{max-width:1060px;margin:0 auto;border-radius:50px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;box-shadow:0 16px 40px #00000040;transition:all .3s ease}.mock-dark .nav-island-capsule{background:#16161cbf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15)}.mock-light .nav-island-capsule{background:#ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(0,0,0,.08)}.island-logo-img{height:38px;width:auto;object-fit:contain}.island-center{display:flex;align-items:center;gap:8px}.island-link{padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s ease}.mock-dark .island-link{color:#a1a1aa}.mock-dark .island-link:hover,.mock-dark .island-link.active{color:#fff;background:#ffffff1a}.mock-light .island-link{color:#52525b}.mock-light .island-link:hover,.mock-light .island-link.active{color:#000;background:#0000000f}.island-right{display:flex;align-items:center;gap:12px}.island-icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease;border:none}.mock-dark .island-icon-btn{background:#ffffff14;color:#fff}.mock-light .island-icon-btn{background:#0000000d;color:#000}.cart-badge-pill{position:absolute;top:-2px;right:-2px;width:17px;height:17px;border-radius:50%;background:#000;color:#fff;font-size:.65rem;font-weight:900;display:flex;align-items:center;justify-content:center}.mock-dark .cart-badge-pill{background:#fff;color:#000}.style-2-announcement{background:#000;color:#fff;text-align:center;padding:8px 16px;font-size:.75rem;letter-spacing:.1em;font-weight:600}.nav-style-2-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-bottom:1px solid rgba(0,0,0,.08)}.mock-dark .nav-style-2-bar{border-bottom-color:#ffffff1a;background:#0d0d11e6}.mock-light .nav-style-2-bar{background:#fff}.style-2-left,.style-2-right{display:flex;align-items:center;gap:24px;flex:1}.style-2-right{justify-content:flex-end}.style-2-link{font-size:.9rem;font-weight:700;letter-spacing:.05em;text-decoration:none;transition:opacity .2s}.style-2-center-logo{display:flex;align-items:center;justify-content:center}.center-big-logo{height:52px;width:auto;object-fit:contain}.style-2-icon{background:none;border:none;cursor:pointer;display:flex;align-items:center;color:inherit;position:relative}.cart-dot{width:7px;height:7px;background:#dc2626;border-radius:50%;position:absolute;top:0;right:-2px}.nav-style-3-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;border-bottom:1px solid rgba(255,255,255,.08)}.mock-light .nav-style-3-bar{border-bottom-color:#00000014}.style-3-brand-text{font-weight:900;letter-spacing:.2em;font-size:1.1rem;text-decoration:none;display:flex;flex-direction:column}.style-3-brand-text small{font-size:.65rem;letter-spacing:.15em;color:#71717a;font-weight:600}.style-3-center{display:flex;gap:32px}.style-3-tab{font-size:.8rem;font-weight:800;letter-spacing:.15em;text-decoration:none;position:relative;padding:6px 0}.tab-indicator-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:currentColor;box-shadow:0 0 8px currentColor}.style-3-right{display:flex;align-items:center;gap:16px;font-family:monospace;font-size:.85rem}.style-3-currency{font-size:.75rem;color:#71717a;padding-right:10px;border-right:1px solid rgba(255,255,255,.15)}.style-3-btn{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;gap:6px}.nav-style-4-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;position:relative;z-index:20}.style-4-logo{height:42px;width:auto}.style-4-ticker{font-size:.72rem;letter-spacing:.25em;font-weight:700;color:#71717a}.style-4-right{display:flex;align-items:center;gap:16px}.style-4-icon-btn{font-size:.82rem;font-weight:700;letter-spacing:.08em;background:none;border:none;color:inherit;cursor:pointer}.style-4-menu-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-weight:800;font-size:.82rem;letter-spacing:.12em;cursor:pointer}.mock-light .style-4-menu-trigger{background:#000;color:#fff}.style-4-drawer-overlay{position:absolute;inset:0;z-index:15;background:#0c0c10;color:#fff;padding:90px 48px 48px;box-sizing:border-box;animation:drawerSlide .35s cubic-bezier(.16,1,.3,1) forwards}.drawer-inner-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;height:100%;align-items:center}.drawer-nav-list{display:flex;flex-direction:column;gap:16px}.drawer-huge-link{font-size:1.8rem;font-weight:900;letter-spacing:-.01em;color:#a1a1aa;text-decoration:none;transition:all .2s ease}.drawer-huge-link:hover{color:#fff;transform:translate(12px)}.drawer-preview-card{height:280px;border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.15)}.drawer-preview-img{width:100%;height:100%;object-fit:cover}.drawer-preview-caption{position:absolute;bottom:12px;left:12px;font-size:.7rem;font-weight:800;letter-spacing:.15em;background:#000000b3;padding:4px 10px;border-radius:4px}@keyframes drawerSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mock-home-underneath{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.mock-hero-caption{max-width:600px}.mock-drop-tag{font-size:.72rem;letter-spacing:.25em;font-weight:800;color:#71717a}.mock-hero-caption h1{font-size:2.8rem;font-weight:900;letter-spacing:-.02em;margin:10px 0 14px}.mock-hero-caption p{color:#71717a;font-size:1rem;margin:0 0 28px}.mock-btn-row{display:flex;justify-content:center;gap:16px}.mock-primary-btn{background:#000;color:#fff;padding:12px 26px;border-radius:6px;font-weight:800;font-size:.82rem;letter-spacing:.08em}.mock-dark .mock-primary-btn{background:#fff;color:#000}.mock-ghost-btn{border:1px solid currentColor;padding:12px 26px;border-radius:6px;font-weight:700;font-size:.82rem}.nav-demos-footer{max-width:1240px;margin:40px auto 0;background:#111116;border:1px solid #22222b;border-radius:18px;padding:36px 40px}.nav-demos-footer h3{font-size:1.5rem;font-weight:900;margin:0 0 12px}.nav-demos-footer p{color:#a1a1aa;font-size:.95rem;line-height:1.6;margin:0 0 24px}.footer-links-row{display:flex;gap:14px;flex-wrap:wrap}.footer-btn-primary,.footer-btn-sec{padding:12px 22px;border-radius:8px;font-weight:700;font-size:.88rem;text-decoration:none;transition:all .2s}.footer-btn-primary{background:#fff;color:#000}.footer-btn-sec{background:#1a1a20;color:#fff;border:1px solid #33333d}.footer-btn-primary:hover{background:#e4e4e7}.footer-btn-sec:hover{background:#25252e}@media(max-width:900px){.island-center,.style-2-left,.style-3-center,.style-4-ticker{display:none}}.admin-container{display:flex;min-height:100vh;background-color:var(--bg-secondary)}.admin-sidebar{width:260px;background-color:var(--bg-primary);border-right:1px solid var(--border-medium);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:100}.admin-sidebar.closed{width:80px}.sidebar-header{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border-light)}.admin-logo{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;letter-spacing:.1em;color:var(--text-primary);text-transform:uppercase}.admin-sidebar.closed .admin-logo,.mobile-only{display:none}.sidebar-nav{flex:1;padding:24px 0;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;padding:12px 24px;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;background:transparent;border:none;width:100%;text-align:left}.nav-item:hover,.nav-item.active{color:var(--text-primary);background-color:var(--bg-secondary)}.nav-icon{font-size:1.25rem;min-width:24px;display:flex;justify-content:center}.nav-label{margin-left:16px;font-size:.875rem;font-weight:500}.admin-sidebar.closed .nav-label{display:none}.sidebar-footer{padding:24px 0;border-top:1px solid var(--border-light)}.text-danger{color:#e05555}.text-danger:hover{color:#e05555;background-color:#e055551a}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-header{height:var(--nav-height);background-color:var(--bg-primary);border-bottom:1px solid var(--border-medium);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.sidebar-toggle{color:var(--text-primary);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.admin-profile-container{position:relative}.admin-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.admin-profile:hover{background-color:var(--bg-secondary)}.profile-dropdown{position:absolute;top:100%;right:0;width:240px;background-color:var(--bg-primary);border:1px solid var(--border-medium);box-shadow:0 4px 24px #0000001a;border-radius:var(--radius-sm);margin-top:8px;z-index:1000;overflow:hidden}.profile-dropdown-header{padding:16px;border-bottom:1px solid var(--border-light)}.profile-dropdown-links{display:flex;flex-direction:column}.profile-dropdown-links a,.profile-dropdown-links button{padding:12px 16px;color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:all var(--transition-fast)}.profile-dropdown-links a:hover,.profile-dropdown-links button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.profile-dropdown-links button.text-danger:hover{color:#e05555;background-color:#e055550d}.avatar{width:32px;height:32px;border-radius:50%;background-color:var(--bg-dark);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.admin-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-content{padding:32px;flex:1;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-medium);padding:24px;border-radius:var(--radius-sm)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon{color:var(--text-light);font-size:1.25rem}.stat-trend{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.75rem;color:var(--text-secondary)}.stat-trend.positive{color:#2e7d32}.admin-panel{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm)}.panel-header{padding:24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.panel-body{padding:24px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding-bottom:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.admin-table td{padding:16px 0;font-size:.875rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500}.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-processing{background-color:#e3f2fd;color:#1565c0}.status-pending{background-color:#fff3e0;color:#e65100}.top-product-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border-light)}@media(max-width:1024px){.dashboard-content-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.admin-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(0)}.admin-sidebar.closed{transform:translate(-100%)}.mobile-only{display:flex}.admin-logo,.nav-label{display:block!important}.stats-grid{grid-template-columns:1fr}.admin-content{padding:24px}}.btn-export-csv:hover{background:#252525!important;transform:translateY(-2px);box-shadow:0 4px 14px #00000038!important}.orders-summary-page{padding:0 0 40px;color:var(--text-primary)}.summary-header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:28px}.summary-header-title h1{font-size:1.85rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;display:flex;align-items:center;gap:12px;color:#fff}.summary-header-title p{color:var(--text-secondary);font-size:.92rem;margin:0}.summary-actions-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.summary-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.summary-btn.primary{background:var(--gold, #c9a84c);color:#000}.summary-btn.primary:hover{background:#deb855;transform:translateY(-1px)}.summary-btn.secondary{background:#ffffff0f;color:var(--text-primary);border-color:#ffffff1f}.summary-btn.secondary:hover{background:#ffffff1a;border-color:#fff3}.source-tabs-nav{display:flex;align-items:center;gap:8px;background:#ffffff08;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin-bottom:24px;overflow-x:auto}.source-tab-btn{flex:1;min-width:170px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.source-tab-btn:hover{color:#fff;background:#ffffff0d}.source-tab-btn.active{background:#191920;color:#fff;border:1px solid rgba(201,168,76,.35);box-shadow:0 4px 16px #0006}.source-tab-btn.active .tab-icon-site{color:#38bdf8}.source-tab-btn.active .tab-icon-wa{color:#25d366}.source-tab-btn.active .tab-icon-all{color:var(--gold, #c9a84c)}.source-badge-count{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#ffffff1a;color:var(--text-primary)}.source-tab-btn.active .source-badge-count{background:#c9a84c33;color:var(--gold, #c9a84c)}.timeframe-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:#131318;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;margin-bottom:28px}.time-type-pills{display:flex;align-items:center;gap:6px}.time-pill-btn{padding:7px 16px;border-radius:20px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.time-pill-btn:hover{color:#fff;background:#ffffff0d}.time-pill-btn.active{background:#c9a84c26;border-color:#c9a84c66;color:var(--gold, #c9a84c)}.time-subfilters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.time-select{background:#1b1b22;border:1px solid rgba(255,255,255,.12);color:#fff;padding:8px 14px;border-radius:8px;font-size:.85rem;cursor:pointer;outline:none}.date-input{background:#1b1b22;border:1px solid rgba(255,255,255,.12);color:#fff;padding:7px 12px;border-radius:8px;font-size:.82rem}.summary-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px}.summary-kpi-card{background:#131318;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.summary-kpi-card:hover{transform:translateY(-2px);border-color:#c9a84c4d}.kpi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kpi-title{font-size:.82rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0}.kpi-icon-wrap{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.kpi-val{font-size:1.7rem;font-weight:800;color:#fff;margin:0 0 6px}.kpi-meta{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.sla-performance-banner{background:linear-gradient(135deg,#55c6881f,#1a2e2466);border:1px solid rgba(85,198,136,.3);border-radius:12px;padding:18px 24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.sla-left{display:flex;align-items:center;gap:16px}.sla-icon-box{width:46px;height:46px;border-radius:10px;background:#55c68833;color:#55c688;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.sla-title{margin:0;font-size:1.05rem;font-weight:700;color:#fff}.sla-desc{margin:3px 0 0;font-size:.85rem;color:#b0d8c0}.sla-stats-group{display:flex;align-items:center;gap:24px}.sla-stat-item{text-align:right}.sla-stat-val{font-size:1.25rem;font-weight:800;color:#55c688}.sla-stat-lbl{font-size:.75rem;color:#88c0a0;text-transform:uppercase}.summary-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}@media(max-width:900px){.summary-analytics-grid{grid-template-columns:1fr}}.analytics-panel-card{background:#131318;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:22px}.analytics-card-title{font-size:.95rem;font-weight:700;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;color:#fff}.distribution-list{display:flex;flex-direction:column;gap:12px}.distribution-row{display:flex;flex-direction:column;gap:4px}.distribution-label-flex{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-secondary)}.progress-bar-bg{width:100%;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.summary-ledger-card{background:#131318;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.ledger-header-bar{padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ledger-header-bar h3{margin:0;font-size:1.05rem;font-weight:700;color:#fff}.ledger-table{width:100%;border-collapse:collapse;font-size:.86rem}.ledger-table th{background:#ffffff05;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:12px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.ledger-table td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-primary)}.ledger-table tr:hover td{background:#ffffff05}.channel-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;font-size:.72rem;font-weight:600}.channel-pill.site{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.channel-pill.whatsapp{background:#25d3661f;color:#25d366;border:1px solid rgba(37,211,102,.25)}@media print{body *{visibility:hidden}.print-report-container,.print-report-container *{visibility:visible}.print-report-container{position:absolute;left:0;top:0;width:100%;color:#000!important;background:#fff!important;padding:20px}.no-print{display:none!important}}.order-manager-wrapper{display:flex;flex-direction:column;gap:20px}.orders-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.order-stat-pill{background:var(--bg-primary, #141418);border:1px solid var(--border-medium, rgba(255, 255, 255, .1));border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;transition:transform .2s ease,border-color .2s ease;cursor:pointer}.order-stat-pill:hover{transform:translateY(-2px);border-color:#ffffff40}.order-stat-pill .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #888);font-weight:600}.order-stat-pill .value{font-size:1.4rem;font-weight:800;color:var(--text-primary, #fff);line-height:1.2}.order-stat-pill.pill-pending{border-color:#e6a23c73;background:#e6a23c14}.order-stat-pill.pill-pending .value{color:#e6a23c}.order-stat-pill.pill-processing{border-color:#9f7aea73;background:#9f7aea14}.order-stat-pill.pill-processing .value{color:#9f7aea}.order-stat-pill.pill-revenue .value{color:var(--gold, #c9a84c);font-size:1.15rem}.orders-filter-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;background:var(--bg-primary, #141418);border:1px solid var(--border-medium, rgba(255, 255, 255, .1));padding:12px 16px;border-radius:12px}.status-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.status-tab-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary, #888);padding:7px 12px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.status-tab-btn:hover{color:#fff;background:#ffffff0f}.status-tab-btn.active{background:var(--gold, #c9a84c);color:#000;font-weight:700}.tab-badge{font-size:.65rem;padding:2px 7px;border-radius:10px;background:#0003;color:inherit}.status-tab-btn:not(.active) .tab-badge{background:#ffffff1a;color:var(--text-secondary, #888)}.orders-search-box{display:flex;align-items:center;gap:8px;background:var(--bg-secondary, #0c0c0e);border:1px solid var(--border-light, rgba(255, 255, 255, .12));border-radius:8px;padding:7px 12px;flex:1;max-width:340px;min-width:220px}.orders-search-box input{background:transparent;border:none;color:#fff;font-size:.82rem;outline:none;width:100%}.btn-refresh{background:transparent;border:1px solid var(--border-light, rgba(255, 255, 255, .15));color:var(--text-secondary, #888);border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;transition:all .2s ease}.btn-refresh:hover{color:#fff;border-color:#ffffff59}.btn-approve{background:#16a34a!important;color:#fff!important;font-weight:700!important;border:1px solid #22c55e!important;border-radius:6px!important;padding:7px 14px!important;font-size:.8rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;white-space:nowrap!important;box-shadow:0 3px 12px #16a34a59!important}.btn-approve:hover{background:#15803d!important;transform:translateY(-1px)!important;box-shadow:0 6px 18px #16a34a80!important}.btn-approve:active{transform:translateY(0)!important}.btn-ship{background:#0284c7!important;color:#fff!important;font-weight:700!important;border:1px solid #38bdf8!important;border-radius:6px!important;padding:7px 12px!important;font-size:.8rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;white-space:nowrap!important;transition:all .2s ease!important}.btn-ship:hover{background:#0369a1!important;transform:translateY(-1px)!important}.btn-deliver{background:#059669!important;color:#fff!important;font-weight:700!important;border:1px solid #10b981!important;border-radius:6px!important;padding:7px 12px!important;font-size:.8rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;white-space:nowrap!important}.btn-cancel-action{background:transparent!important;border:1px solid rgba(224,85,85,.4)!important;color:#e05555!important;border-radius:6px!important;padding:7px 10px!important;font-size:.8rem!important;display:inline-flex!important;align-items:center!important;gap:4px!important;cursor:pointer!important;white-space:nowrap!important;transition:all .2s ease!important}.btn-cancel-action:hover{background:#e0555526!important;border-color:#e05555!important}.btn-invoice-act{background:transparent!important;border:1px solid var(--border-light, rgba(255, 255, 255, .15))!important;color:var(--text-primary, #fff)!important;padding:7px 11px!important;border-radius:6px!important;font-size:.78rem!important;display:inline-flex!important;align-items:center!important;gap:5px!important;cursor:pointer!important;white-space:nowrap!important;transition:all .2s ease!important}.btn-invoice-act:hover{border-color:var(--gold, #c9a84c)!important;color:var(--gold, #c9a84c)!important;background:#c9a84c14!important}.contact-actions{display:inline-flex;gap:6px;align-items:center;margin-top:4px}.contact-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s ease}.contact-pill.wa{background:#25d36626;color:#25d366;border:1px solid rgba(37,211,102,.3)}.contact-pill.wa:hover{background:#25d366;color:#000}.contact-pill.call{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.contact-pill.call:hover{background:#38bdf8;color:#000}.desktop-orders-table{display:block;width:100%;overflow-x:auto}.desktop-orders-table table{width:100%;min-width:900px}.desktop-orders-table table th{padding:14px 16px!important;white-space:nowrap!important;font-size:.75rem!important;color:var(--text-secondary, #71717a)!important;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .1))!important}.desktop-orders-table table td{padding:14px 16px!important;white-space:nowrap!important;color:var(--text-primary)!important;vertical-align:middle!important;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .06))!important}.order-status-select{background:var(--bg-card, #1c1c22);color:var(--text-primary, #ffffff);border:1px solid var(--border-medium, rgba(255, 255, 255, .25));border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;cursor:pointer;outline:none;min-width:140px}[data-theme=light] .order-status-select,body:not([data-theme=dark]) .order-status-select{background:#fff;color:#111;border:1px solid #d0d0d5}.order-status-select option{background:#141418;color:#fff}[data-theme=light] .order-status-select option,body:not([data-theme=dark]) .order-status-select option{background:#fff;color:#111}.btn-delete-act{background:transparent!important;border:1px solid rgba(239,68,68,.28)!important;color:#ef4444!important;padding:7px 10px!important;border-radius:6px!important;font-size:.78rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important}.btn-delete-act:hover{background:#ef444426!important;border-color:#ef4444!important}.mobile-orders-view{display:none;flex-direction:column;gap:16px}.mobile-order-card{background:var(--bg-primary, #141418);border:1px solid var(--border-medium, rgba(255, 255, 255, .1));border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 18px #0000002e;position:relative;overflow:hidden}.mobile-order-card.pending-border{border-left:5px solid #e6a23c}.mobile-order-card.processing-border{border-left:5px solid #9f7aea}.mobile-order-card.delivered-border{border-left:5px solid #55c688}.mobile-card-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.mobile-card-id{font-size:1.05rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}.mobile-card-date{font-size:.75rem;color:var(--text-secondary, #888);margin-top:2px}.mobile-customer-section{display:flex;flex-direction:column;gap:4px;font-size:.85rem;background:#ffffff08;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.mobile-customer-name{font-weight:700;color:var(--text-primary, #fff);font-size:.92rem}.mobile-items-summary{display:flex;flex-direction:column;gap:6px;padding:4px 0}.mobile-item-line{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;color:var(--text-primary, #fff);border-bottom:1px dashed rgba(255,255,255,.08);padding-bottom:5px}.mobile-card-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.mobile-card-total{font-size:1.15rem;font-weight:800;color:var(--gold, #c9a84c)}.mobile-card-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.mobile-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.mobile-action-buttons button,.mobile-action-buttons select{flex:1;min-height:40px}@media(max-width:920px){.desktop-orders-table{display:none!important}.mobile-orders-view{display:flex!important}.orders-filter-bar{flex-direction:column;align-items:stretch}.orders-search-box{max-width:100%}}