:root{--color-navy:#064a6b;--color-navy-dark:#032b40;--color-navy-deep:#011826;--color-navy-light:#0a6a9a;--color-navy-tint:#f2f6f9;--color-orange:#ff8500;--color-orange-dark:#e67800;--color-orange-light:#ff9b2e;--color-orange-tint:#fff4ea;--color-orange-text:#9a4700;--color-on-orange:#011826;--color-on-orange-strong:#010d14;--color-white:#fff;--color-bg:#f5f5f7;--color-bg-warm:#fcfcfc;--color-surface:#fff;--color-ink:#1d1d1f;--color-text:#424245;--color-text-secondary:#5f5f64;--color-text-muted:#6e6e73;--color-border:#0000000f;--color-border-hover:#0000001f;--color-border-strong:#064a6b26;--color-overlay:#01182680;--color-whatsapp:#25d366;--color-whatsapp-dark:#1ebd5a;--color-success:#087a4b;--color-danger:#b42318;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-display:clamp(2.5rem, 6vw, 4.2rem);--text-h1:clamp(1.8rem, 4.5vw, 3.2rem);--text-h2:clamp(1.5rem, 3.5vw, 2.4rem);--text-h3:clamp(1.15rem, 2vw, 1.4rem);--text-lead:clamp(1.05rem, 1.5vw, 1.15rem);--text-body:1rem;--text-body-sm:.88rem;--text-eyebrow:.75rem;--text-price:clamp(1.5rem, 3.5vw, 2.2rem);--text-price-sm:clamp(1.05rem, 1.5vw, 1.15rem);--text-cta:.9rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.05;--leading-snug:1.15;--leading-normal:1.4;--leading-relaxed:1.6;--tracking-tight:-.04em;--tracking-snug:-.02em;--tracking-normal:0em;--tracking-wide:.02em;--tracking-wider:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--max-width:1200px;--max-width-wide:1400px;--gutter:clamp(1.25rem, 4vw, 2.5rem);--header-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 6px #0000000a, 0 1px 2px #00000005;--shadow-md:0 8px 16px #0000000f, 0 2px 6px #0000000a;--shadow-lg:0 16px 32px #00000014, 0 4px 12px #0000000a;--shadow-xl:0 24px 48px #00000014, 0 8px 24px #0000000f;--shadow-product:0 32px 64px -16px #01182640, 0 16px 32px -8px #01182626;--dur-micro:.1s;--dur-fast:.16s;--dur-base:.24s;--dur-smooth:.4s;--dur-slow:.6s;--ease-standard:cubic-bezier(.25, .1, .25, 1);--ease-out:cubic-bezier(.2, .8, .1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-emphasis:cubic-bezier(.16, 1, .3, 1);--motion-distance:24px;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-overlay:400;--z-modal:500;--z-float:600}@media (prefers-reduced-motion:reduce){:root{--dur-micro:.01ms;--dur-fast:.01ms;--dur-base:.01ms;--dur-smooth:.01ms;--dur-slow:.01ms}}:root.motion-preview{--dur-micro:.1s;--dur-fast:.16s;--dur-base:.24s;--dur-smooth:.4s;--dur-slow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + 20px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root.motion-preview{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}img,video,picture{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--color-ink)}.container{width:100%;max-width:var(--max-width);padding-inline:var(--gutter);margin-inline:auto}.container-wide{max-width:var(--max-width-wide)}.display{font-size:var(--text-display);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.h1{font-size:var(--text-h1);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug)}.h2{font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug)}.h3{font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal)}.lead{font-size:var(--text-lead);line-height:var(--leading-relaxed);color:var(--color-text-secondary);letter-spacing:var(--tracking-normal)}.body{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.eyebrow{font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-orange);align-items:center;gap:.6rem;display:inline-flex}.price{font-size:var(--text-price);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);line-height:1.05}.price-sm{font-size:var(--text-price-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}::selection{color:var(--color-ink);background:#ff850038}:focus-visible{outline-offset:2px;box-shadow:0 0 0 5px var(--color-navy-light);border-radius:4px;outline:3px solid #fff}.skip-link{background:var(--color-navy-dark);color:#fff;font-weight:var(--weight-semibold);border-radius:var(--radius-md);z-index:9999;transition:top var(--dur-base);padding:.75rem 1.25rem;position:fixed;top:-100%;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.justify-between{justify-content:space-between}.hidden{display:none}[data-reveal]{opacity:0;transform:translateY(var(--motion-distance));transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s)}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal=fade]{transform:none}[data-reveal=left]{transform:translateX(calc(var(--motion-distance) * -1))}[data-reveal=right]{transform:translateX(var(--motion-distance))}[data-reveal=scale]{opacity:0;transform:scale(.96)translateY(12px)}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}:root.motion-preview [data-reveal]{opacity:0;transform:translateY(var(--motion-distance));transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s)}:root.motion-preview [data-reveal=left]{transform:translateX(calc(var(--motion-distance) * -1))}:root.motion-preview [data-reveal=right]{transform:translateX(var(--motion-distance))}:root.motion-preview [data-reveal=scale]{transform:scale(.96)translateY(12px)}:root.motion-preview [data-reveal].is-visible{opacity:1;transform:none}.btn{font-size:var(--text-cta);font-weight:var(--weight-medium);letter-spacing:.01em;border-radius:var(--radius-full);transition:transform var(--dur-base) var(--ease-out), background var(--dur-base), box-shadow var(--dur-base), border-color var(--dur-base), color var(--dur-base);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:.6rem;min-height:48px;padding:.85rem 1.8rem;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn.is-added{transform:scale(1.02);background:var(--color-success)!important;color:#fff!important;border-color:#0000!important;box-shadow:0 8px 24px -6px #0fa96866!important}.btn .arrow{transition:transform var(--dur-base) var(--ease-out)}.btn:hover .arrow{transform:translate(4px)}.btn-primary{background:linear-gradient(180deg, var(--color-orange-light) 0%, var(--color-orange) 100%);color:var(--color-on-orange);border:1px solid #0000000d;box-shadow:inset 0 1px #ffffff4d,0 4px 12px #ff850026}.btn-primary:hover{background:linear-gradient(180deg, var(--color-orange) 0%, var(--color-orange-dark) 100%);transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 8px 20px -4px #ff85004d}.btn-secondary{background:linear-gradient(180deg, var(--color-navy-light) 0%, var(--color-navy) 100%);color:#fff;border:1px solid #0000001a;box-shadow:inset 0 1px #ffffff26,0 4px 12px #064a6b26}.btn-secondary:hover{background:linear-gradient(180deg, var(--color-navy) 0%, var(--color-navy-dark) 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 8px 20px -4px #064a6b4d}.btn-ghost{color:var(--color-ink);border:1px solid var(--color-border-strong);background:0 0}.btn-ghost:hover{border-color:var(--color-navy-light);color:var(--color-navy-dark);background:var(--color-navy-tint)}.btn-ghost-light{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26}.btn-ghost-light:hover{background:#ffffff26;border-color:#fff6}.btn-whatsapp{background:linear-gradient(180deg, #2ed86d 0%, var(--color-whatsapp) 100%);color:var(--color-navy-deep);border:1px solid #0000000d;box-shadow:inset 0 1px #ffffff4d,0 4px 12px #25d36633}.btn-whatsapp:hover{background:linear-gradient(180deg, var(--color-whatsapp) 0%, var(--color-whatsapp-dark) 100%);transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 8px 20px -4px #25d36666}.btn-lg{min-height:54px;padding:1.1rem 2.4rem;font-size:.95rem}.btn-sm{min-height:40px;padding:.6rem 1.25rem;font-size:.85rem}.input{background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-ink);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);padding:.9rem 1.1rem;font-size:1rem}.input::placeholder{color:var(--color-text-muted)}.input:hover{border-color:var(--color-border-hover);background:#fff}.input:focus{border-color:var(--color-orange-light);background:#fff;outline:none;box-shadow:0 0 0 4px #ff85001f}.input:focus-visible{outline-offset:2px;box-shadow:0 0 0 5px var(--color-navy-light);outline:3px solid #fff}.input-label{font-size:.85rem;font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:.5rem;display:block}.header{z-index:var(--z-header);height:var(--header-height);-webkit-backdrop-filter:blur(24px)saturate(160%);transition:box-shadow var(--dur-smooth) var(--ease-standard), height var(--dur-smooth) var(--ease-standard), background var(--dur-smooth);animation:header-in var(--dur-slow) var(--ease-out) both;background:#ffffffd9;border-bottom:1px solid #0000000a;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}@keyframes header-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}.header.is-scrolled{box-shadow:var(--shadow-sm);background:#fffffff2;height:60px}@media (prefers-reduced-motion:reduce){.header{animation:none}.header.is-scrolled{height:var(--header-height)}}:root.motion-preview .header{animation:header-in var(--dur-slow) var(--ease-out) both}:root.motion-preview .header.is-scrolled{height:60px}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.header-logo{transition:opacity var(--dur-fast);flex-shrink:0;align-items:center;display:flex}.header-logo:hover{opacity:.8}.header-logo img{object-fit:contain;width:auto;height:40px;display:block}.header-nav{align-items:center;gap:.5rem;display:flex}@media (width<=900px){.header-nav{display:none}}.header-nav a{font-size:.85rem;font-weight:var(--weight-medium);color:var(--color-text);border-radius:var(--radius-md);transition:color var(--dur-fast), background var(--dur-fast);padding:.5rem .85rem}.header-nav a:hover{color:var(--color-ink);background:var(--color-bg)}.header-actions{align-items:center;gap:.8rem;display:flex}.header-cart{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-ink);transition:background var(--dur-fast), transform var(--dur-fast), border-color var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.header-cart:hover{background:var(--color-bg);border-color:var(--color-border);transform:translateY(-1px)}.header-cart-count{background:var(--color-orange);min-width:20px;height:20px;color:var(--color-on-orange);font-size:.68rem;font-weight:var(--weight-bold);border-radius:var(--radius-full);border:2px solid #fff;justify-content:center;align-items:center;padding:0 5px;display:none;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 4px #ff850040}.header-cart-count.bump{animation:badge-pop var(--dur-base) var(--ease-spring)}@keyframes badge-pop{0%{background:var(--color-orange);transform:scale(1)}45%{background:var(--color-orange-dark);transform:scale(1.6)}to{background:var(--color-orange);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.header-cart-count.bump{animation:none}}:root.motion-preview .header-cart-count.bump{animation:badge-pop var(--dur-base) var(--ease-spring)}.header-burger{border-radius:var(--radius-full);width:40px;height:40px;transition:background var(--dur-fast), border-color var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;display:none}.header-burger:hover{background:var(--color-bg);border-color:var(--color-border)}@media (width<=900px){.header-burger{display:flex}}.header-burger span{background:var(--color-ink);width:18px;height:2px;transition:var(--dur-fast);border-radius:2px;display:block;position:relative}.header-burger span:before,.header-burger span:after{content:"";background:var(--color-ink);width:18px;height:2px;transition:var(--dur-fast);border-radius:2px;position:absolute;left:0}.header-burger span:before{top:-6px}.header-burger span:after{top:6px}.header .btn-whatsapp{display:inline-flex}@media (width<=560px){.header .btn-whatsapp span{display:none}.header .btn-whatsapp{justify-content:center;width:40px;height:40px;padding:0}}.mobile-menu{-webkit-backdrop-filter:blur(24px);width:min(88vw,340px);z-index:var(--z-modal);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-base);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-xl);border-left:1px solid var(--color-border);background:#fffffffa;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu a.nav-item{font-size:1.15rem;font-weight:var(--weight-medium);color:var(--color-ink);border-bottom:1px solid var(--color-border);transition:padding-left var(--dur-fast), color var(--dur-fast);padding:1rem 0}.mobile-menu a.nav-item:hover{color:var(--color-navy);padding-left:.25rem}.menu-backdrop{-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;transition:var(--dur-base);background:#01182666;position:fixed;inset:0}.menu-backdrop.is-open{opacity:1;visibility:visible}.wa-float{background:linear-gradient(180deg, #2ed86d 0%, var(--color-whatsapp) 100%);width:56px;height:56px;color:var(--color-navy-deep);z-index:calc(var(--z-overlay) - 1);opacity:0;transition:opacity var(--dur-smooth), transform var(--dur-smooth) var(--ease-spring), box-shadow var(--dur-fast);border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(20px)scale(.8);box-shadow:0 12px 32px -6px #25d36666,inset 0 1px #ffffff4d}.wa-float.is-visible{opacity:1;transform:none}.wa-float:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 16px 40px -8px #25d36680,inset 0 1px #ffffff4d}.has-open-layer .wa-float{opacity:0;visibility:hidden;pointer-events:none}.pcard{transition:transform var(--dur-smooth) var(--ease-out), box-shadow var(--dur-smooth), border-color var(--dur-smooth);background:#fff;border:1px solid #0000000a;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008}.pcard[data-reveal]{transition:opacity .6s var(--ease-out), transform .6s var(--ease-out), box-shadow var(--dur-smooth), border-color var(--dur-smooth)}.pcard:hover{border-color:#00000014;transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.pcard[data-reveal=scale].is-visible{transform:none}.pcard:hover.pcard[data-reveal=scale].is-visible{transform:translateY(-4px)}.pcard-media{aspect-ratio:4/3;background:#fcfcfc;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.pcard-media img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out);filter:drop-shadow(0 12px 20px #0000000f)}.pcard:hover .pcard-media img{transform:scale(1.05)}.pcard-body{background:#fff;flex-direction:column;flex:1;gap:.4rem;padding:0 1.5rem 1.5rem;display:flex}.pcard-cat{font-size:.75rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted);margin-top:1rem}.pcard-name{font-size:1.3rem;font-weight:var(--weight-semibold);color:var(--color-ink);letter-spacing:var(--tracking-tight)}.pcard-spec{color:var(--color-text-secondary);font-size:.9rem;line-height:1.3}.pcard-foot{padding-top:var(--space-4);justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;display:flex}.pcard-price{font-size:1.4rem;font-weight:var(--weight-bold);color:var(--color-ink);letter-spacing:var(--tracking-tight)}.pcard-install{color:var(--color-text-muted);margin-top:.15rem;font-size:.85rem}.pcard .btn{margin-top:var(--space-5);width:100%}.scard{padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--dur-base), box-shadow var(--dur-base), border-color var(--dur-base);box-shadow:var(--shadow-xs);flex-direction:column;height:100%;display:flex}.scard:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover);transform:translateY(-4px)}.scard-icon{background:linear-gradient(135deg, var(--color-bg) 0%, var(--color-white) 100%);width:52px;height:52px;color:var(--color-ink);margin-bottom:var(--space-6);border:1px solid #0000000d;border-radius:16px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000000d,inset 0 1px #fff}.scard .link{padding-top:var(--space-4);margin-top:auto}.toast-wrap{z-index:9999;flex-direction:column;gap:.6rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:var(--weight-medium);animation:toast-in var(--dur-smooth) var(--ease-spring);background:#1d1d1ff2;border:1px solid #ffffff1a;align-items:center;gap:.8rem;padding:1rem 1.25rem;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:none}}@media (width<=560px){.toast-wrap{top:calc(var(--header-height) + .75rem);left:.75rem;right:.75rem}.toast{width:100%;line-height:1.4}.wa-float{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));width:48px;height:48px}}.hrail{gap:var(--space-5);scroll-snap-type:x mandatory;padding-bottom:var(--space-5);scrollbar-width:none;display:flex;overflow-x:auto}.hrail::-webkit-scrollbar{display:none}.hrail>*{scroll-snap-align:start;flex-shrink:0}body .cart-backdrop{-webkit-backdrop-filter:blur(6px);background:#01182673}body .cart-drawer{background:var(--color-bg-warm);box-shadow:var(--shadow-xl);border-left:1px solid var(--color-border)}body .cart-head{border-bottom:1px solid var(--color-border);background:#fff;padding:1.5rem 1.8rem}body .cart-head h3{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}body .cart-head button{background:var(--color-bg);transition:var(--dur-fast);border:1px solid var(--color-border)}body .cart-head button:hover{color:var(--color-ink);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);background:#fff;transform:translateY(-1px)}body .cart-body{padding:1rem 1.8rem}body .cart-row{border-bottom:1px solid var(--color-border);padding:1.4rem 0}body .cart-row img{border:1px solid var(--color-border);border-radius:var(--radius-md);width:68px;height:68px;box-shadow:var(--shadow-xs);background:#fff;padding:4px}body .cart-row-info strong{font-size:1.1rem;font-weight:var(--weight-medium);color:var(--color-ink)}body .cart-price{margin-top:.2rem;font-size:1.1rem}body .cart-qty{border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff}body .cart-qty button{border-radius:var(--radius-sm);transition:background var(--dur-fast)}body .cart-foot{border-top:1px solid var(--color-border);background:#fff;padding:1.5rem 1.8rem;box-shadow:0 -4px 20px #00000005}body .cart-total{font-size:1.25rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin-bottom:.5rem}@media (width<=900px){body .cart-drawer{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-left:none;border-top:1px solid var(--color-border);width:100%;height:min(88dvh,760px);max-height:calc(100dvh - .75rem);inset:auto 0 0;transform:translateY(100%)}body .cart-drawer.is-open{transform:translateY(0)}}@media (width<=480px){body .cart-head{padding:1rem 1.25rem}body .cart-body{padding:.5rem 1.25rem}body .cart-row{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:.75rem 1rem;padding:1rem 0;display:grid}body .cart-row img{grid-row:1/span 2;width:56px;height:56px}body .cart-qty{grid-column:2;justify-self:start}body .cart-qty button{width:44px;height:44px}body .cart-foot{padding:1rem 1.25rem max(1rem, env(safe-area-inset-bottom));gap:.75rem}body .cart-total{margin-bottom:0;font-size:1.1rem}}body .name-modal-overlay{-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;background:#01182673;overflow-y:auto}body .name-modal{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);background:var(--color-surface);border:1px solid #fff9;max-height:calc(100dvh - 2rem);margin:auto;padding:2.5rem;overflow-y:auto}body .name-modal-head h3{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}body .name-modal-x{background:var(--color-bg);border:1px solid var(--color-border);transition:var(--dur-fast)}body .name-modal-x:hover{box-shadow:var(--shadow-sm);background:#fff;transform:translateY(-1px)}body .name-modal-sub{color:var(--color-text-secondary);font-size:1rem}body .name-modal-status{min-height:1.25rem;color:var(--color-text-secondary);font-size:var(--text-body-sm);margin:0}@media (width<=480px){body .name-modal-overlay{padding:max(.75rem, env(safe-area-inset-top)) .75rem max(.75rem, env(safe-area-inset-bottom))}body .name-modal{border-radius:var(--radius-xl);width:100%;max-width:360px;padding:1.25rem}body .name-modal-actions{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}body .name-modal-actions .btn{width:100%;min-width:0;padding-inline:.75rem}}@media (prefers-reduced-motion:reduce){:root:not(.motion-preview) .pcard[data-reveal],:root:not(.motion-preview) .pcard-media img{transition:none}}.hero{background:radial-gradient(120% 90% at 75% 20%, #06324e 0%, var(--color-navy-deep) 45%, #02141f 100%);color:#fff;min-height:100svh;padding-top:var(--header-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 78% 40%,#ff85001a,#0000 45%),radial-gradient(circle at 20% 80%,#0a6a9a29,#0000 50%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;width:70vw;height:70vw;position:absolute;top:50%;right:-20%;transform:translateY(-50%)}.hero-inner{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,5rem);width:100%;display:grid;position:relative}.hero [data-reveal]{transition:opacity .9s var(--ease-emphasis), transform .9s var(--ease-emphasis);opacity:0;transform:translateY(48px)}.hero [data-reveal].is-visible{opacity:1;transform:none}.hero [data-reveal=right]{opacity:0;transform:translate(90px)scale(.94)}.hero [data-reveal=right].is-visible{opacity:1;transform:none}.hero-copy{max-width:620px}.hero-eyebrow{color:var(--color-orange);font-size:var(--text-eyebrow);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-6);align-items:center;gap:.6rem;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--color-orange);width:26px;height:1.5px}.hero-title{font-size:clamp(2.8rem,6vw,4.2rem);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:#fff;margin-bottom:var(--space-6);line-height:.98}.hero-title .accent{background:linear-gradient(90deg, var(--color-orange) 0%, #ffb35c 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{font-size:var(--text-lead);line-height:var(--leading-relaxed);color:#ffffffb8;max-width:46ch;margin-bottom:var(--space-9)}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.hero-trust{gap:var(--space-8);flex-wrap:wrap;display:flex}.hero-trust-item{color:#ffffffa8;align-items:center;gap:.5rem;font-size:.86rem;display:flex}.hero-trust-item svg{color:var(--color-orange);flex-shrink:0}.hero-visual{perspective:1600px;justify-content:center;align-items:center;display:flex;position:relative}.hero-phone{background:#000;border-radius:36px;width:min(355px,100%);position:relative;overflow:hidden;transform:rotateY(-8deg)rotateX(2deg);box-shadow:0 60px 120px -30px #000000b3,0 0 0 1px #ffffff14}.hero-phone video,.hero-phone img{object-fit:contain;width:100%;height:auto;display:block}.hero-phone video{aspect-ratio:var(--hero-media-ratio,9 / 16)}.hero-phone:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff14 0%,#0000 40%);position:absolute;inset:0}.hero-glow{z-index:-1;filter:blur(40px);background:radial-gradient(circle at 50% 45%,#ff850038,#0000 60%);position:absolute;inset:-10%}.hero-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);color:#fffc;box-shadow:var(--shadow-lg);background:#ffffff0f;border:1px solid #ffffff1f;padding:.85rem 1.1rem;font-size:.8rem;position:absolute;bottom:8%;left:-12%}@media (width<=900px){.hero{min-height:auto;padding:calc(var(--header-height) + 2rem) 0 3rem;align-items:flex-start}.hero-inner{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-copy{max-width:100%}.hero-eyebrow{justify-content:center}.hero-title{font-size:clamp(2.4rem,9vw,3.2rem)}.hero-lead{margin-inline:auto;font-size:1.05rem}.hero-actions,.hero-trust{justify-content:center}.hero-actions{max-width:340px;margin:0 auto var(--space-8);flex-direction:column;align-items:center}.hero-actions .btn{width:auto;min-width:min(100%,220px)}.hero-visual{order:initial;margin-bottom:0}.hero-phone{border-radius:32px;width:min(300px,78vw);transform:none}.hero-chip{display:none}}@media (width<=430px){.hero-phone{border-radius:28px;width:min(290px,84vw)}.hero-title{margin-bottom:var(--space-5);font-size:clamp(2rem,10.5vw,2.3rem)}.hero-eyebrow{margin-bottom:var(--space-4)}.hero-lead{margin-bottom:var(--space-6)}.hero-actions{gap:var(--space-3);margin-bottom:var(--space-6)}.hero-actions .btn{padding-inline:1.4rem}.hero-trust{flex-direction:column;align-items:flex-start;gap:.65rem;max-width:240px;margin-inline:auto}.hero{padding-top:calc(var(--header-height) + 1.5rem)}}@media (prefers-reduced-motion:reduce){:root:not(.motion-preview) .hero [data-reveal],:root:not(.motion-preview) .hero [data-reveal=right]{opacity:1;transition:none;transform:none}:root:not(.motion-preview) .spotlight-media,:root:not(.motion-preview) .spotlight-media[data-reveal=left],:root:not(.motion-preview) .spotlight-media[data-reveal=left].is-visible{clip-path:inset(0);transition:none;transform:none}:root:not(.motion-preview) .spotlight-media img{transition:none}}.section{padding-block:clamp(4rem,9vw,8rem)}.section-head{max-width:640px;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.section-head.center{text-align:center;margin-inline:auto}.section-head .eyebrow,.section-head h2{margin-bottom:var(--space-4)}.section-title{font-size:var(--text-h2);letter-spacing:var(--tracking-snug);line-height:1.08}.section-sub{font-size:var(--text-lead);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:54ch}.section-head.center .section-sub{margin-inline:auto}.spotlight .eyebrow,.services .eyebrow,.catalog .eyebrow,.diffs .eyebrow,.about .eyebrow,.location .eyebrow{color:var(--color-orange-text)}@media (width<=560px){.section{padding-block:3.5rem}.section-head{margin-bottom:2rem}}.spotlight{background:var(--color-white);position:relative;overflow:hidden}.spotlight-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2.5rem,6vw,6rem);display:grid}.spotlight-inner>*{min-width:0}.spotlight-media{border-radius:var(--radius-2xl);aspect-ratio:4/5;background:#f5f5f7;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.spotlight-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-emphasis);transform:scale(1)}.spotlight-media[data-reveal]{clip-path:inset(0)}.spotlight-media[data-reveal=left]{clip-path:inset(0 10% 0 0);transform:translate(-40px)}.spotlight-media[data-reveal=left].is-visible{clip-path:inset(0);transition:transform .9s var(--ease-out), clip-path .9s var(--ease-out);transform:none}.spotlight-media:after{content:"";pointer-events:none;background:linear-gradient(200deg,#0000 40%,#0435502e 100%);position:absolute;inset:0}.spotlight-copy{max-width:540px}.spotlight-copy .eyebrow{margin-bottom:var(--space-4)}.spotlight-copy h2{font-size:var(--text-h2);margin-bottom:var(--space-5);letter-spacing:var(--tracking-tight)}.spotlight-desc{font-size:var(--text-lead);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.spotlight-specs{background:var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;display:grid;overflow:hidden}.spec-item{background:var(--color-bg-warm);flex-direction:column;gap:.3rem;padding:1.2rem;display:flex}.spec-item .k{letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted);font-size:.75rem;font-weight:var(--weight-medium)}.spec-item .v{font-size:1.05rem;font-weight:var(--weight-semibold);color:var(--color-ink)}.spotlight-price{margin-bottom:var(--space-8);align-items:center;gap:1.2rem;display:flex}.spotlight-price .price{color:var(--color-ink);letter-spacing:var(--tracking-tight);font-size:clamp(2rem,5vw,2.6rem)}.spotlight-price .install{font-size:.85rem;font-weight:var(--weight-medium);color:var(--color-ink);background:var(--color-bg);border-radius:var(--radius-full);padding:.4rem 1rem}.spotlight-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=900px){.spotlight-inner{gap:var(--space-8);grid-template-columns:1fr}.spotlight-media{aspect-ratio:1;order:-1}.spotlight-copy{max-width:100%}.spotlight-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-actions{flex-direction:column;width:100%}.spotlight-actions .btn{justify-content:center;width:100%}.spotlight-price{flex-direction:column;align-items:flex-start;gap:.5rem}}.about{background:var(--color-bg)}.about-inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(3rem,7vw,6rem);display:grid}.about-copy{max-width:560px}.about-copy .eyebrow{margin-bottom:var(--space-4)}.about-copy h2{margin-bottom:var(--space-6)}.about-copy p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed);font-size:1.05rem}.about-stats{gap:var(--space-3);grid-template-columns:1fr;display:grid}.stat-row{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-7);transition:transform var(--dur-base), box-shadow var(--dur-base);justify-content:space-between;align-items:center;display:flex}.stat-row:hover{box-shadow:var(--shadow-md);transform:translate(6px)}.stat-num{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--color-ink)}.stat-num .u{color:var(--color-orange-text)}.stat-label{color:var(--color-text-secondary);text-align:right;max-width:180px;font-size:.95rem;line-height:1.4}.mv-grid{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.mv-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border)}.mv-card h3{font-size:.85rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-orange-text);margin-bottom:var(--space-3)}.mv-card p{color:var(--color-text-secondary);font-size:.95rem;line-height:var(--leading-relaxed)}@media (width<=900px){.about-inner,.mv-grid{grid-template-columns:1fr}.stat-row{flex-direction:column;align-items:flex-start;gap:.5rem}.stat-label{text-align:left}}.expertise{background:var(--color-navy-deep);color:#fff;position:relative;overflow:hidden}.expertise:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 85%,#ff850014,#0000 45%);position:absolute;inset:0}.expertise-inner{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,6vw,6rem);display:grid;position:relative}.expertise-inner>*{min-width:0}.expertise-media{border-radius:var(--radius-2xl);aspect-ratio:4/5;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.expertise-media img{object-fit:cover;width:100%;height:100%}.expertise-copy .eyebrow{margin-bottom:var(--space-4)}.expertise-copy h2{color:#fff;margin-bottom:var(--space-5);font-size:var(--text-h2)}.expertise-copy .lead{color:#ffffffb3;margin-bottom:var(--space-8)}.expertise-points{gap:var(--space-5);margin-bottom:var(--space-8);flex-direction:column;display:flex}.point{gap:var(--space-4);align-items:flex-start;display:flex}.point-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-orange);background:#ff850026;flex-shrink:0;justify-content:center;align-items:center;display:flex}.point h3{color:#fff;font-size:1.1rem;font-weight:var(--weight-semibold);margin-bottom:.25rem}.point p{color:#ffffff9e;font-size:.95rem;line-height:var(--leading-relaxed)}@media (width<=900px){.expertise-inner{grid-template-columns:1fr}.expertise-media{aspect-ratio:1;order:-1}}@media (width<=560px){.expertise-copy .btn,.catalog>.container:last-child .btn{white-space:normal;text-align:center;max-width:100%;padding-inline:1.25rem;line-height:1.3}.spec-item .k{overflow-wrap:anywhere}}.services{background:var(--color-white)}.services-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.services-grid{grid-template-columns:1fr}}.services-grid .scard h3{font-size:1.3rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin-bottom:.6rem}.services-grid .scard p{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:1rem;line-height:var(--leading-relaxed)}.services-grid .scard .link{font-weight:var(--weight-semibold);color:var(--color-orange-text);align-items:center;gap:.4rem;font-size:.95rem;display:inline-flex}.services-grid .scard .link:hover{color:var(--color-orange-dark)}.catalog{background:var(--color-bg)}.catalog .section-head{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.catalog .section-head .section-sub{max-width:46ch}.catalog .container-wide{position:relative}.catalog .container-wide:before,.catalog .container-wide:after{content:"";top:0;bottom:var(--space-5);pointer-events:none;z-index:2;width:6vw;max-width:60px;position:absolute}.catalog .container-wide:before{background:linear-gradient(to right, var(--color-bg), #f5f5f700);left:0}.catalog .container-wide:after{background:linear-gradient(to left, var(--color-bg), #f5f5f700);right:0}.catalog-rail{gap:var(--space-5);scroll-snap-type:x mandatory;padding:1rem var(--gutter) calc(var(--space-5) + 1rem);margin:-1rem calc(var(--gutter) * -1) 0;scrollbar-width:none;grid-auto-columns:minmax(280px,320px);grid-auto-flow:column;display:grid;overflow-x:auto}.catalog-rail::-webkit-scrollbar{display:none}.catalog-rail>*{scroll-snap-align:center}.catalog-message,.catalog-error{width:min(100%,640px);padding:var(--space-6);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);line-height:var(--leading-relaxed)}@media (width<=900px){.catalog .section-head{flex-direction:column;align-items:flex-start}.catalog-rail{scroll-snap-type:x mandatory;grid-auto-columns:minmax(260px,85vw)}.catalog-rail>*{scroll-snap-align:center}}.diffs{background:var(--color-white)}.diffs-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.diffs-grid{gap:var(--space-6);grid-template-columns:1fr 1fr}}@media (width<=560px){.diffs-grid{grid-template-columns:1fr;gap:.875rem}}.diff{padding:var(--space-6) var(--space-5);border-top:4px solid var(--color-orange);background:var(--color-bg-warm);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.diff h3{letter-spacing:var(--tracking-tight);margin-bottom:.6rem;font-size:1.15rem}.diff p{color:var(--color-text-secondary);font-size:.95rem;line-height:var(--leading-relaxed)}.location{background:var(--color-bg)}.location-inner{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:clamp(2.5rem,6vw,5rem);display:grid}.map-wrap{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);min-height:420px;position:relative;overflow:hidden}.map-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.location-copy{gap:var(--space-6);flex-direction:column;display:flex}.loc-item{gap:var(--space-4);align-items:flex-start;display:flex}.loc-item>div{min-width:0}.loc-icon{border-radius:var(--radius-md);background:var(--color-orange-tint);width:48px;height:48px;color:var(--color-orange-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.loc-item h3{font-size:.85rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.35rem}.loc-item p{color:var(--color-ink);font-size:1.05rem;line-height:var(--leading-relaxed);overflow-wrap:anywhere}.loc-status{margin-top:.5rem}.status-pill{font-size:.85rem;font-weight:var(--weight-semibold);border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.35rem .9rem;display:inline-flex}.status-pill.open{color:var(--color-success);background:#e6f7ef}.status-pill.closed{color:var(--color-danger);background:#fdeaea}.status-pill .dot{background:currentColor;border-radius:50%;width:8px;height:8px}@media (width<=900px){.location-inner{grid-template-columns:1fr}.map-wrap{order:-1;min-height:320px}}.final-cta{background:var(--color-navy-dark);color:#fff;text-align:center;padding-block:clamp(5rem,10vw,8rem);position:relative;overflow:hidden}.final-cta:before{content:"";background:radial-gradient(circle at 50% 120%,#ff85002e,#0000 55%);position:absolute;inset:0}.final-cta h2{color:#fff;font-size:var(--text-h1);margin-bottom:var(--space-5);z-index:2;position:relative}.final-cta p{color:#ffffffb3;max-width:48ch;margin:0 auto var(--space-8);font-size:var(--text-lead);z-index:2;line-height:var(--leading-relaxed);position:relative}.final-cta .btn{z-index:2;position:relative}.footer{background:var(--color-navy-deep);color:#ffffffb8;padding:var(--space-20) 0 var(--space-8)}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-16);grid-template-columns:1.4fr 1fr 1fr 1.2fr;display:grid}@media (width<=900px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}}.footer-brand img{object-fit:contain;width:auto;height:48px;margin-bottom:var(--space-5);display:block}.footer-brand p{color:#fff9;font-size:.95rem;line-height:var(--leading-relaxed);max-width:32ch}.footer h4{color:#fff;font-size:.85rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-5)}.footer-links{flex-direction:column;gap:.8rem;display:flex}.footer-links a{color:#ffffffa6;transition:color var(--dur-fast);font-size:.95rem}.footer-links a:hover{color:var(--color-orange)}.footer-bottom{padding-top:var(--space-8);color:#ffffff80;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.footer-social{gap:.8rem;display:flex}.footer-social a{color:#ffffffb3;width:44px;height:44px;transition:var(--dur-fast);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--color-orange);color:var(--color-on-orange)}.cart-drawer{z-index:600;opacity:.4;background:#fff;flex-direction:column;width:min(92vw,400px);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px #04142140}.cart-drawer.is-open{opacity:1;transform:none}.cart-backdrop{z-index:599;opacity:0;visibility:hidden;background:#0414218c;transition:all .4s;position:fixed;inset:0}.cart-backdrop.is-open{opacity:1;visibility:visible}.cart-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;display:flex}.cart-head h3{margin:0;font-size:1.2rem}.cart-head button{border-radius:50%;width:36px;height:36px;font-size:1.6rem;line-height:1}.cart-body{flex:1;padding:1rem 1.4rem;overflow-y:auto}.cart-row{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:1rem 0;animation:.28s cubic-bezier(.22,1,.36,1) cart-row-in;display:flex}@keyframes cart-row-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.cart-row img{object-fit:contain;background:var(--color-bg);border-radius:10px;width:56px;height:56px}.cart-row-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.cart-row-info strong{font-size:.95rem}.cart-spec{color:var(--color-text-muted);font-size:.8rem}.cart-price{font-variant-numeric:tabular-nums;font-weight:600}.cart-remove{color:var(--color-danger);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:.25rem;padding:.3rem 0;font-size:.78rem;text-decoration:underline}.cart-remove:hover{opacity:.75}.cart-qty{border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem;display:flex}.cart-qty button{width:34px;height:34px;color:var(--color-ink);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex}.cart-qty button:hover{background:var(--color-bg)}.cart-qty button:active{background:var(--color-orange-tint);transform:scale(.9)}.cart-qty .qty-num{text-align:center;min-width:22px;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;animation:.22s cubic-bezier(.34,1.56,.64,1) qty-pop}@keyframes qty-pop{0%{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.cart-foot{border-top:1px solid var(--color-border);flex-direction:column;gap:1rem;padding:1.2rem 1.4rem;display:flex}.cart-total{justify-content:space-between;font-size:1.1rem;display:flex}.cart-total strong{font-variant-numeric:tabular-nums}.cart-empty{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;padding:3rem 1rem;animation:.28s cubic-bezier(.22,1,.36,1) cart-row-in;display:flex}.cart-empty .cart-hint{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.name-modal-overlay{z-index:700;opacity:0;visibility:hidden;background:#04142199;justify-content:center;align-items:center;padding:1.25rem;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.name-modal-overlay.is-open{opacity:1;visibility:visible}.name-modal{opacity:0;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:1.75rem;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s;transform:translateY(28px)scale(.94);box-shadow:0 32px 80px #0414214d}.name-modal-overlay.is-open .name-modal{opacity:1;transform:none}.name-modal-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.name-modal-head h3{margin:0;font-size:1.25rem}.name-modal-x{width:36px;height:36px;color:var(--color-text-muted);border-radius:50%;font-size:1.4rem;line-height:1}.name-modal-x:hover{background:var(--color-bg)}.name-modal-sub{color:var(--color-text-secondary);margin-bottom:1.2rem}.name-modal-form{flex-direction:column;gap:1rem;display:flex}.name-modal-form .input{width:100%}.name-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.25rem;display:flex}@media (prefers-reduced-motion:reduce){.name-modal,.name-modal-overlay{transition:none}.cart-row,.cart-empty,.cart-qty .qty-num{animation:none}}:root.motion-preview .cart-row,:root.motion-preview .cart-empty,:root.motion-preview .cart-qty .qty-num{animation-duration:var(--dur-base,.3s)!important}:root.motion-preview .name-modal,:root.motion-preview .name-modal-overlay{transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s!important}