*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 28%),radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 24%);z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(130,190,255,.12);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(18px)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:54px;height:54px;border-radius:15px;object-fit:cover;border:1px solid rgba(104,190,255,.18);box-shadow:0 0 30px rgba(26,149,255,.13)}.brand span{display:grid;line-height:1.2}.brand strong{letter-spacing:.14em;font-size:.96rem}.brand small{font-size:.7rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:26px;color:#cfe8fb;font-weight:700;font-size:.94rem}.main-nav>a:not(.btn):hover{color:var(--accent)}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px;border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:13px 20px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#00111f;font-weight:900;box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 28%,transparent);transition:.22s transform,.22s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 38px color-mix(in srgb,var(--primary) 38%,transparent)}.btn-outline{background:transparent;color:var(--text);border:1px solid color-mix(in srgb,var(--primary) 45%,transparent);box-shadow:none}.btn-sm{padding:10px 15px;border-radius:11px}.hero{padding:60px 0 42px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--accent);box-shadow:0 0 14px var(--accent)}.hero h1{font-size:clamp(2.8rem,7vw,5.4rem);line-height:.93;margin:14px 0 18px;letter-spacing:-.05em}.gradient-text{background:linear-gradient(180deg,#fff 22%,#b8e8ff 50%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.06rem;color:var(--muted);max-width:660px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-notes{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:27px;color:#cbe7fa;font-size:.88rem}.hero-notes span:before{content:"✓";color:var(--accent);font-weight:900;margin-right:7px}.hero-visual{position:relative}.hero-frame{border-radius:24px;padding:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 60%,transparent),rgba(255,255,255,.05));box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 80px color-mix(in srgb,var(--primary) 18%,transparent);overflow:hidden}.hero-frame img{width:100%;aspect-ratio:1.83/1;object-fit:cover;border-radius:18px}.hero-float{position:absolute;right:-18px;bottom:-18px;background:rgba(5,17,34,.92);border:1px solid rgba(80,184,255,.32);border-radius:18px;padding:16px 18px;backdrop-filter:blur(14px);box-shadow:0 20px 45px rgba(0,0,0,.35)}.hero-float b{display:block;color:var(--accent);font-size:1.4rem}.section{padding:72px 0}.section-soft{background:linear-gradient(180deg,transparent,rgba(7,26,49,.45),transparent)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:5px 0}.section-head p{margin:0;color:var(--muted);max-width:600px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{position:relative;overflow:hidden;padding:20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--cat-color) 38%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--cat-color) 9%,var(--panel)),var(--panel));min-height:138px;transition:.2s transform,.2s border-color}.category-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--cat-color);filter:blur(70px);opacity:.18;right:-30px;top:-30px}.category-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cat-color) 70%,transparent)}.category-card .cat-dot{width:36px;height:4px;border-radius:10px;background:var(--cat-color);box-shadow:0 0 18px var(--cat-color)}.category-card h3{margin:22px 0 4px}.category-card p{font-size:.86rem;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:1px solid rgba(108,180,235,.16);border-radius:22px;background:linear-gradient(180deg,rgba(9,27,49,.94),rgba(4,13,27,.98));overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.18);transition:.24s transform,.24s border-color}.product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--cat-color) 56%,transparent)}.product-image{display:block;aspect-ratio:1.55/1;background:#06101d;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.35s transform}.product-card:hover .product-image img{transform:scale(1.035)}.product-body{padding:19px}.category-badge{display:inline-flex;padding:6px 10px;border:1px solid color-mix(in srgb,var(--cat-color) 48%,transparent);background:color-mix(in srgb,var(--cat-color) 12%,transparent);border-radius:999px;color:color-mix(in srgb,var(--cat-color) 70%,white);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.product-body h3{font-size:1.2rem;line-height:1.28;margin:12px 0 7px}.product-body p{color:var(--muted);font-size:.9rem;min-height:45px}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px;margin-top:15px}.product-meta strong{font-size:1.1rem;color:#fff}.link-arrow{color:var(--accent);font-weight:800}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(100,190,255,.14);background:rgba(100,190,255,.14);border-radius:20px;overflow:hidden}.stat{background:#05101f;padding:22px;text-align:center}.stat b{font-size:1.6rem;color:var(--accent);display:block}.stat span{color:var(--muted);font-size:.85rem}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-card{padding:18px;border-radius:20px;background:var(--panel);border:1px solid rgba(98,183,243,.15)}.testimonial-card img{width:100%;aspect-ratio:1.15/1;object-fit:cover;border-radius:14px;background:#020915}.testimonial-card h3{margin:14px 0 4px}.testimonial-card p{color:var(--muted);font-size:.9rem}.testimonial-card a{color:var(--accent);font-weight:800;font-size:.88rem}.cta-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px;border:1px solid rgba(58,189,255,.28);background:linear-gradient(135deg,#07172b,#06101d);border-radius:24px}.cta-box:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;background:var(--primary);filter:blur(90px);opacity:.23}.cta-box>*{position:relative;z-index:1}.cta-box h2{margin:0 0 5px;font-size:2rem}.cta-box p{margin:0;color:var(--muted)}.page-hero{padding:54px 0 28px}.page-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;margin:12px 0}.page-hero p{color:var(--muted);max-width:720px}.filter-bar{display:flex;gap:10px;padding:13px;border-radius:16px;background:var(--panel);border:1px solid rgba(91,179,246,.14);margin-bottom:26px}.filter-bar input,.filter-bar select{width:100%;background:#030c18;color:#eaf7ff;border:1px solid rgba(103,187,246,.18);border-radius:11px;padding:12px 13px;outline:none}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--primary)}.filter-bar .search-grow{flex:1.6}.pagination{display:flex;justify-content:center;gap:8px;margin-top:34px;flex-wrap:wrap}.pagination a,.pagination span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(97,181,240,.18);background:var(--panel)}.pagination .active{background:var(--primary);color:#00111e;font-weight:900}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.detail-image{border-radius:24px;overflow:hidden;border:1px solid rgba(96,187,249,.2);background:#030b17}.detail-image img{width:100%;aspect-ratio:1.25/1;object-fit:cover}.detail-panel{padding:16px 0}.detail-panel h1{font-size:clamp(2.3rem,5vw,4.3rem);line-height:1.02;margin:12px 0 16px}.detail-panel .price{font-size:2rem;font-weight:950;color:var(--accent);margin:18px 0}.detail-panel .desc{color:#c3d8e8;white-space:normal}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.detail-features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:25px}.detail-feature{padding:13px;border:1px solid rgba(91,181,242,.14);background:rgba(8,25,45,.75);border-radius:13px;color:#d7ebf8;font-size:.88rem}.empty-state{text-align:center;padding:50px 20px;border:1px dashed rgba(97,187,247,.25);border-radius:20px;color:var(--muted)}.site-footer{margin-top:70px;border-top:1px solid rgba(89,179,243,.13);background:#01050c}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr 1fr;gap:35px;padding:48px 0 34px}.footer-brand{font-size:1.25rem;font-weight:950;letter-spacing:.08em}.site-footer p,.site-footer small{color:var(--muted)}.site-footer h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#bddcf2}.site-footer a{display:block;margin:7px 0;color:#d3eafb}.site-footer a:hover{color:var(--accent)}.footer-bottom{padding:18px 0 30px;border-top:1px solid rgba(255,255,255,.06);color:#718ba0;font-size:.82rem}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:45;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#20d568,#19aa50);color:white;font-weight:950;border:3px solid rgba(255,255,255,.16);box-shadow:0 12px 32px rgba(18,207,95,.3);animation:waPulse 2.3s infinite}@keyframes waPulse{0%,100%{box-shadow:0 12px 32px rgba(18,207,95,.28)}50%{box-shadow:0 12px 42px rgba(18,207,95,.5),0 0 0 10px rgba(18,207,95,.06)}}.promo-popup{position:fixed;right:22px;bottom:96px;z-index:44;width:min(365px,calc(100% - 30px));padding:23px;border-radius:20px;background:rgba(5,17,33,.96);border:1px solid rgba(72,188,255,.35);box-shadow:0 28px 70px rgba(0,0,0,.52),0 0 60px rgba(0,153,255,.12);backdrop-filter:blur(18px);transform:translateY(25px) scale(.97);opacity:0;pointer-events:none;transition:.35s}.promo-popup.show{transform:none;opacity:1;pointer-events:auto}.promo-popup h3{margin:10px 0 4px;font-size:1.4rem}.promo-popup p{color:var(--muted);font-size:.9rem}.promo-badge{font-size:.7rem;color:var(--accent);font-weight:900;letter-spacing:.12em}.promo-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#b6cad9;font-size:1.6rem;cursor:pointer}.reveal{opacity:0;transform:translateY(18px);transition:.55s opacity,.55s transform}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:980px){.hero-grid,.product-detail{grid-template-columns:1fr}.hero{padding-top:36px}.hero-grid{gap:30px}.hero-visual{max-width:780px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.stats-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(100% - 24px,1180px)}.nav-toggle{display:block}.main-nav{position:absolute;left:12px;right:12px;top:76px;display:grid;gap:6px;padding:14px;background:#04101f;border:1px solid rgba(95,185,248,.2);border-radius:15px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav a{padding:10px}.hero h1{font-size:3rem}.hero-float{right:8px;bottom:-14px}.section{padding:52px 0}.section-head{align-items:start;flex-direction:column}.category-grid,.product-grid,.testimonials-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.cta-box{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr 1fr}.detail-features{grid-template-columns:1fr}.promo-popup{left:15px;right:15px;width:auto}.floating-wa{right:16px;bottom:16px}}
/* MILKI DEV core patch v2 */
.hero-premium{position:relative;overflow:hidden;isolation:isolate;padding-top:72px}.hero-premium .container{position:relative;z-index:3}.hero-bg-media{position:absolute;inset:-12% -6%;z-index:0;pointer-events:none;overflow:hidden;opacity:.13;filter:blur(16px) saturate(1.35)}.hero-bg-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 5%,rgba(2,7,19,.55) 48%,var(--bg) 96%)}.hero-bg-media img{width:115%;height:115%;object-fit:cover;animation:milkiHeroDrift 18s ease-in-out infinite alternate;transform-origin:center}.hero-orb{position:absolute;z-index:1;border-radius:999px;filter:blur(18px);pointer-events:none;opacity:.38}.hero-orb-a{width:280px;height:280px;background:radial-gradient(circle,var(--primary),transparent 68%);left:-70px;top:7%;animation:milkiOrbFloat 9s ease-in-out infinite}.hero-orb-b{width:360px;height:360px;background:radial-gradient(circle,var(--accent),transparent 68%);right:-120px;bottom:-80px;animation:milkiOrbFloat 12s ease-in-out infinite reverse}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;inset:-35px -55px -30px -45px;z-index:-1;background:radial-gradient(circle at 35% 45%,rgba(9,32,59,.78),rgba(2,7,19,.05) 68%);filter:blur(4px)}.hero-visual{z-index:2}.hero-visual-glow{position:absolute;inset:7% 8%;background:var(--primary);filter:blur(90px);opacity:.24;z-index:-1;animation:milkiPulseGlow 6s ease-in-out infinite}.hero-frame-contain{padding:10px;background:linear-gradient(145deg,rgba(43,213,255,.52),rgba(19,156,255,.14),rgba(255,255,255,.05));overflow:visible}.hero-frame-contain img{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:18px;background:#020711;box-shadow:0 12px 35px rgba(0,0,0,.28)}.hero-service-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;max-width:720px}.hero-service-pills span{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;border:1px solid rgba(79,184,255,.18);background:rgba(5,18,34,.58);backdrop-filter:blur(10px);font-size:.82rem;color:#d8efff;font-weight:800}.hero-service-pills b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#00111f;font-size:.7rem;flex:0 0 auto}.wa-btn img{display:block;flex:0 0 auto}.wa-link{display:inline-flex!important;align-items:center;gap:8px}.floating-wa{width:58px!important;height:58px!important;border-radius:50%!important;background:#25D366!important;display:grid!important;place-items:center!important;border:2px solid rgba(255,255,255,.85)!important;box-shadow:0 14px 34px rgba(37,211,102,.34),0 0 0 7px rgba(37,211,102,.10)!important;transition:transform .2s ease,box-shadow .2s ease}.floating-wa:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 42px rgba(37,211,102,.42),0 0 0 9px rgba(37,211,102,.11)!important}.floating-wa img{width:31px;height:31px;object-fit:contain}.testimonial-title-wrap{text-align:center;margin-bottom:24px}.testimonial-title-wrap .eyebrow{justify-content:center}.testimonial-title-wrap h2{font-size:clamp(2rem,4vw,3rem);margin:7px 0 0;letter-spacing:.02em}.testimonial-marquee{position:relative;overflow:hidden;border-radius:24px;padding:8px 0 16px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.testimonial-track{display:flex;width:max-content;will-change:transform;transform:translate3d(0,0,0)}.testimonial-set{display:flex;gap:18px;padding-right:18px}.testimonial-slide{position:relative;display:block;width:clamp(235px,27vw,355px);height:clamp(300px,39vw,475px);padding:10px;border-radius:20px;border:1px solid rgba(84,184,248,.18);background:linear-gradient(180deg,#081629,#030a14);box-shadow:0 18px 45px rgba(0,0,0,.28);overflow:hidden;flex:0 0 auto}.testimonial-slide img{width:100%;height:100%;object-fit:contain;border-radius:14px;background:#020710}.testimonial-instagram-badge{position:absolute;left:20px;right:20px;bottom:20px;padding:9px 12px;border-radius:999px;background:rgba(2,8,18,.86);border:1px solid rgba(43,213,255,.28);backdrop-filter:blur(10px);color:#dff7ff;font-size:.76rem;font-weight:900;text-align:center;opacity:0;transform:translateY(8px);transition:.2s}.testimonial-slide:hover .testimonial-instagram-badge{opacity:1;transform:none}.trust-section{padding-top:52px;padding-bottom:52px}.detail-image img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;max-height:760px;margin:auto;background:#020710}.product-card .product-image img{image-rendering:auto}.testimonial-page-hero{text-align:center}.testimonial-page-hero .eyebrow{justify-content:center}.testimonial-page-hero p{margin-left:auto;margin-right:auto}@keyframes milkiHeroDrift{0%{transform:scale(1.03) translate3d(-1.8%,-1.2%,0)}100%{transform:scale(1.11) translate3d(2.3%,1.6%,0)}}@keyframes milkiOrbFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(28px,-24px,0)}}@keyframes milkiPulseGlow{0%,100%{opacity:.18;transform:scale(.95)}50%{opacity:.3;transform:scale(1.06)}}@supports not (background:color-mix(in srgb,#000 50%,#fff)){.site-header{background:rgba(2,7,19,.92)}.btn{box-shadow:0 10px 30px rgba(19,156,255,.28)}.category-card{background:#071426;border-color:rgba(19,156,255,.32)}.category-badge{background:rgba(19,156,255,.12);border-color:rgba(19,156,255,.35);color:#8bdcff}}@media(max-width:980px){.hero-bg-media{opacity:.1}.hero-service-pills{max-width:none}.hero-frame-contain{max-width:800px;margin:auto}}@media(max-width:720px){.hero-premium{padding-top:38px}.hero-service-pills{grid-template-columns:1fr}.hero-bg-media{inset:-4% -35%;opacity:.08}.hero-frame-contain{padding:6px;border-radius:18px}.hero-frame-contain img{border-radius:13px}.testimonial-slide{width:min(78vw,330px);height:min(105vw,450px)}.testimonial-marquee{mask-image:none;-webkit-mask-image:none}.testimonial-instagram-badge{opacity:1;transform:none;font-size:.7rem}.hero-float{position:relative;right:auto;bottom:auto;width:max-content;max-width:100%;margin:-10px 12px 0 auto}}@media(prefers-reduced-motion:reduce){.hero-bg-media img,.hero-orb,.hero-visual-glow{animation:none!important}.reveal{transition:none!important}}
/* MILKI1557 PATCH v3 - professional alignment and single hero visual */
html,body{max-width:100%;overflow-x:hidden}
.site-header{isolation:isolate}
.nav-wrap{min-height:74px;gap:20px}
.brand{min-width:0;max-width:min(420px,48vw);flex:1 1 auto}
.brand img{width:46px;height:46px;flex:0 0 46px;object-fit:contain;background:#020711;padding:2px;border-radius:12px}
.brand span{min-width:0;overflow:hidden}
.brand strong,.brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand strong{font-size:.9rem;letter-spacing:.11em}
.brand small{font-size:.64rem;letter-spacing:.11em;margin-top:2px}
.main-nav{flex:0 0 auto;gap:20px;white-space:nowrap}
.main-nav .btn{min-height:42px}
.main-nav .wa-btn img{width:18px;height:18px}
.hero-premium{position:relative;overflow:hidden;isolation:isolate;padding:74px 0 68px;background:linear-gradient(180deg,rgba(5,20,39,.42),rgba(2,7,19,0) 74%)}
.hero-premium:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(48,178,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(48,178,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 86%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 86%);animation:milkiGridMove 24s linear infinite}
.hero-premium:after{content:"";position:absolute;z-index:0;pointer-events:none;width:720px;height:720px;left:8%;top:-430px;border-radius:50%;background:radial-gradient(circle,rgba(19,156,255,.18),rgba(19,156,255,.03) 45%,transparent 68%);filter:blur(8px)}
.hero-premium .container{position:relative;z-index:2}
.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);align-items:center;gap:64px}
.hero-copy,.hero-visual{min-width:0}
.hero-copy{max-width:620px}
.hero-copy:before{inset:-44px -42px -42px -52px;background:radial-gradient(circle at 32% 45%,rgba(8,35,64,.62),rgba(2,7,19,0) 72%)}
.hero h1{display:grid;gap:3px;margin:16px 0 20px;font-size:clamp(2.75rem,5vw,4rem);line-height:.98;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal}
.hero-title-main,.hero-title-highlight{display:block;max-width:100%}
.hero-title-main{color:#f7fbff}
.hero-title-highlight{font-size:1.08em;letter-spacing:-.035em}
.hero-lead{margin:0;color:#a9bfd0!important;font-size:1rem!important;line-height:1.72;max-width:610px!important}
.hero-actions{margin-top:28px;gap:12px;align-items:center}
.hero-actions .btn{min-height:48px;padding:13px 19px;border-radius:13px}
.hero-actions .btn-outline{background:rgba(4,15,29,.58);backdrop-filter:blur(12px)}
.hero-service-pills,.hero-bg-media,.hero-float{display:none!important}
.hero-visual{position:relative;z-index:2;width:100%;max-width:660px;justify-self:end}
.hero-visual-glow{inset:13% 8%;opacity:.2;filter:blur(100px)}
.hero-showcase-card{position:relative;width:100%;padding:10px;border-radius:26px;border:1px solid rgba(70,192,255,.22);background:linear-gradient(145deg,rgba(12,38,67,.92),rgba(3,12,25,.96));box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 70px rgba(19,156,255,.08)}
.hero-frame-contain{display:grid;place-items:center;width:100%;padding:0!important;overflow:hidden!important;border-radius:19px;background:#020711!important;box-shadow:none!important}
.hero-frame-contain img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:520px!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:18px!important;background:#020711!important;box-shadow:none!important}
.hero-contact-card{display:grid!important;grid-template-columns:48px minmax(0,1fr) 36px;align-items:center;gap:13px;margin-top:10px;padding:14px 15px;border-radius:17px;border:1px solid rgba(37,211,102,.22);background:linear-gradient(135deg,rgba(5,25,31,.98),rgba(4,17,29,.98));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.hero-contact-card:hover{transform:translateY(-2px);border-color:rgba(37,211,102,.48);box-shadow:0 12px 32px rgba(0,0,0,.24)}
.hero-contact-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#25D366;box-shadow:0 10px 24px rgba(37,211,102,.22)}
.hero-contact-icon img{width:28px;height:28px;object-fit:contain}
.hero-contact-copy{display:grid;min-width:0;line-height:1.3}
.hero-contact-copy small{font-size:.66rem;font-weight:900;letter-spacing:.13em;color:#78eaa6}
.hero-contact-copy strong{margin-top:3px;color:#f4fbff;font-size:1rem;white-space:normal;overflow-wrap:anywhere}
.hero-contact-copy em{margin-top:4px;color:#839fb2;font-size:.74rem;font-style:normal;line-height:1.45}
.hero-contact-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#8ceeb1;background:rgba(37,211,102,.08);font-size:1.1rem;font-weight:900}
.section{position:relative;padding:70px 0}
.section-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:end;gap:52px;margin-bottom:30px}
.section-head>*,.category-grid>*,.product-grid>*{min-width:0}
.section-head h2{max-width:720px;text-wrap:balance}
.section-head p{justify-self:end;line-height:1.7}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category-card{min-width:0;min-height:150px}
.category-card h3,.product-body h3{overflow-wrap:anywhere}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.product-card{display:flex;min-width:0;flex-direction:column;height:100%}
.product-body{display:flex;flex:1;flex-direction:column;min-width:0}
.product-body p{min-height:0;flex:1}
.product-meta{margin-top:auto}
.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat{min-width:0}
.stat b{font-size:1.35rem}
.stat span{display:block;line-height:1.5}
.cta-box>div{min-width:0}
.cta-box h2{text-wrap:balance}
.footer-grid>div{min-width:0}
.footer-grid a,.footer-grid p{overflow-wrap:anywhere}
@keyframes milkiGridMove{from{background-position:0 0,0 0}to{background-position:0 54px,54px 0}}
@media(max-width:1100px){
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:42px}
.hero h1{font-size:clamp(2.6rem,5.2vw,3.6rem)}
.main-nav{gap:15px}
}
@media(max-width:900px){
.nav-toggle{display:block;flex:0 0 auto}
.main-nav{position:absolute;left:18px;right:18px;top:calc(100% + 8px);display:grid;gap:5px;padding:14px;background:rgba(3,13,26,.98);border:1px solid rgba(95,185,248,.2);border-radius:16px;box-shadow:0 22px 55px rgba(0,0,0,.42);transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s;white-space:normal}
.main-nav.open{transform:none;opacity:1;pointer-events:auto}
.main-nav a{padding:10px 12px;border-radius:10px}
.main-nav .btn{width:100%}
.brand{max-width:calc(100% - 58px)}
.hero-premium{padding:54px 0 60px}
.hero-grid{grid-template-columns:1fr;gap:34px}
.hero-copy{max-width:760px}
.hero-visual{justify-self:start;max-width:760px}
.section-head{grid-template-columns:1fr;gap:14px;align-items:start}
.section-head p{justify-self:start;max-width:760px}
}
@media(max-width:720px){
.container{width:min(100% - 28px,1180px)}
.nav-wrap{min-height:68px}
.brand img{width:42px;height:42px;flex-basis:42px}
.brand strong{font-size:.82rem}
.brand small{font-size:.58rem}
.hero-premium{padding:42px 0 48px}
.hero-premium:before{background-size:42px 42px;animation:none}
.hero h1{font-size:clamp(2.55rem,12vw,3.35rem);line-height:.98;margin-top:13px}
.hero-lead{font-size:.95rem!important;line-height:1.65}
.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
.hero-actions .btn{width:100%}
.hero-showcase-card{padding:7px;border-radius:20px}
.hero-frame-contain{border-radius:15px}
.hero-frame-contain img{max-height:430px!important;border-radius:14px!important}
.hero-contact-card{grid-template-columns:44px minmax(0,1fr) 30px;padding:12px;gap:11px;border-radius:15px}
.hero-contact-icon{width:44px;height:44px;border-radius:12px}
.hero-contact-copy strong{font-size:.92rem}
.hero-contact-copy em{font-size:.7rem}
.hero-contact-arrow{width:30px;height:30px}
.section{padding:52px 0}
.category-grid,.product-grid{grid-template-columns:1fr}
.stats-strip{grid-template-columns:1fr 1fr}
.cta-box{padding:24px}
}
@media(max-width:460px){
.brand small{display:none}
.brand{max-width:calc(100% - 50px)}
.hero h1{font-size:clamp(2.35rem,13vw,3rem)}
.hero-contact-card{grid-template-columns:42px minmax(0,1fr)}
.hero-contact-arrow{display:none}
.hero-contact-copy em{display:none}
.stats-strip{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.hero-premium:before{animation:none!important}}
/* MILKI1557 PATCH v4 - announcement, testimonial media, premium footer */
.site-announcement{position:relative;z-index:70;height:38px;overflow:hidden;border-bottom:1px solid rgba(84,188,255,.16);background:linear-gradient(90deg,#03101f,#061a30 48%,#03101f);box-shadow:inset 0 -1px 0 rgba(255,255,255,.02)}
.site-announcement[hidden]{display:none!important}
.announcement-track{position:absolute;left:0;top:0;height:38px;display:flex;align-items:center;gap:12px;width:max-content;max-width:none;white-space:nowrap;transform:translate3d(100vw,0,0);will-change:transform;padding:0 18px;color:#dff6ff;font-size:.82rem;font-weight:800;letter-spacing:.02em}
.announcement-track.is-running{animation-name:milkiAnnouncementOnce;animation-timing-function:linear;animation-fill-mode:forwards}
.announcement-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#00101b;font-size:.68rem;font-weight:950;letter-spacing:.11em;box-shadow:0 0 22px color-mix(in srgb,var(--primary) 22%,transparent)}
.announcement-text{display:inline-block}
@keyframes milkiAnnouncementOnce{from{transform:translate3d(100vw,0,0)}to{transform:translate3d(-100%,0,0)}}
.testimonial-slide{display:flex;flex-direction:column;height:clamp(330px,42vw,500px);padding:10px}
.testimonial-media{position:relative;min-height:0;flex:1;border-radius:14px;overflow:hidden;background:#020710;display:grid;place-items:center}
.testimonial-media>img,.testimonial-media>video{width:100%;height:100%;object-fit:contain;background:#020710}
.testimonial-media>video{border:0}
.testimonial-media>iframe{width:100%;height:100%;min-height:300px;border:0;background:#fff}
.testimonial-source-link{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:9px;border-radius:11px;border:1px solid rgba(43,213,255,.18);background:rgba(7,22,40,.88);color:#ccefff;font-size:.75rem;font-weight:900;letter-spacing:.02em;transition:.2s}
.testimonial-source-link:hover{border-color:rgba(43,213,255,.45);color:#fff;background:#0a2038}
.testimonial-link-card,.testimonial-media-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 22px;color:#eaf8ff;background:radial-gradient(circle at 50% 18%,rgba(25,161,255,.18),transparent 42%),linear-gradient(180deg,#08182b,#030a13)}
.testimonial-link-card span,.testimonial-media-fallback span{font-size:.68rem;font-weight:950;letter-spacing:.13em;color:var(--accent)}
.testimonial-link-card strong,.testimonial-media-fallback strong{font-size:1.05rem;margin-top:10px}
.testimonial-link-card small,.testimonial-media-fallback small{max-width:230px;margin-top:7px;color:var(--muted);font-size:.78rem}
.testimonial-link-card b{margin-top:18px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#00111c}
.site-footer{position:relative;margin-top:78px;padding:0;background:linear-gradient(180deg,#020711 0%,#01040a 100%);border-top:1px solid rgba(81,181,248,.16);overflow:hidden}
.site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(19,156,255,.10),transparent 28%),radial-gradient(circle at 88% 30%,rgba(43,213,255,.06),transparent 26%)}
.footer-shell{position:relative;z-index:1;padding-top:48px}
.footer-grid-premium{display:grid;grid-template-columns:1.35fr .7fr .82fr 1.12fr;gap:26px;padding:0 0 38px}
.footer-grid-premium>section{min-width:0}
.footer-about{padding-right:10px}
.footer-brand-lockup{display:inline-flex!important;align-items:center;gap:12px;margin:0 0 16px!important;color:#fff!important}
.footer-logo-wrap{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:15px;background:#020812;border:1px solid rgba(80,184,247,.18);box-shadow:0 12px 35px rgba(0,0,0,.25),0 0 28px rgba(19,156,255,.08);overflow:hidden}
.footer-logo-wrap img{width:46px;height:46px;object-fit:contain}
.footer-brand-lockup>span:last-child{display:grid;min-width:0}
.footer-brand-lockup strong{font-size:1.02rem;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-brand-lockup small{margin-top:3px;color:#55d2ff;font-size:.66rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.footer-about p{max-width:410px;margin:0;color:#8faabd;font-size:.88rem;line-height:1.75}
.footer-service-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.footer-service-tags span{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:999px;border:1px solid rgba(76,180,243,.14);background:#06111f;color:#a8cfe6;font-size:.7rem;font-weight:800}
.footer-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.footer-heading h3{margin:0!important;color:#dff3ff!important;font-size:.76rem!important;font-weight:950;letter-spacing:.11em!important;text-transform:uppercase}
.footer-heading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.footer-nav,.footer-social-list{display:grid;gap:7px}
.footer-nav a,.footer-social-list a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:38px;margin:0!important;padding:7px 10px;border-radius:10px;color:#bcd7e9!important;font-size:.82rem;border:1px solid transparent;transition:.18s}
.footer-nav a:hover,.footer-social-list a:hover{background:#061421;border-color:rgba(65,180,247,.13);color:#fff!important;transform:translateX(2px)}
.footer-nav b,.footer-social-list b{color:#48cffc;font-size:.78rem}
.social-monogram{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:linear-gradient(135deg,rgba(19,156,255,.22),rgba(43,213,255,.08));border:1px solid rgba(70,184,247,.14);color:#dff8ff;font-size:.7rem;font-weight:950}
.footer-social-list a>span:nth-child(2){margin-right:auto}
.footer-empty-social{display:block;color:#708da3;font-size:.76rem;line-height:1.5}
.footer-contact-copy{margin:0 0 12px!important;color:#829fb4!important;font-size:.79rem!important;line-height:1.65}
.footer-wa-card{display:grid!important;grid-template-columns:44px minmax(0,1fr) 26px;align-items:center;gap:10px;margin:0!important;padding:11px 12px!important;border-radius:14px;border:1px solid rgba(37,211,102,.23);background:linear-gradient(135deg,rgba(37,211,102,.09),rgba(5,19,29,.82));color:#eafff2!important;box-shadow:0 14px 35px rgba(0,0,0,.18);transition:.2s}
.footer-wa-card:hover{transform:translateY(-2px);border-color:rgba(37,211,102,.42);box-shadow:0 18px 42px rgba(0,0,0,.25),0 0 30px rgba(37,211,102,.07)}
.footer-wa-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#25D366;box-shadow:0 8px 22px rgba(37,211,102,.22)}
.footer-wa-icon img{width:25px;height:25px;object-fit:contain}
.footer-wa-copy{display:grid;min-width:0}
.footer-wa-copy small{color:#7de8a7!important;font-size:.61rem!important;font-weight:950;letter-spacing:.1em}
.footer-wa-copy strong{margin-top:2px;color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-wa-copy em{margin-top:1px;color:#85a9bb;font-size:.68rem;font-style:normal}
.footer-wa-arrow{color:#65eaa1;font-weight:950}
.footer-bottom-premium{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 28px;border-top:1px solid rgba(255,255,255,.055);color:#6f8ba0;font-size:.74rem}
.footer-quality{display:flex;align-items:center;gap:7px;color:#819db0}
.footer-quality b{width:7px;height:7px;border-radius:50%;background:#3bdd91;box-shadow:0 0 12px #3bdd91}
.footer-quality i{font-style:normal;color:#3f5a6c}
@media(max-width:1050px){.footer-grid-premium{grid-template-columns:1.15fr .85fr 1fr;}.footer-contact-column{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);column-gap:24px;align-items:center}.footer-contact-column .footer-heading,.footer-contact-column .footer-contact-copy{grid-column:1}.footer-contact-column .footer-wa-card{grid-column:2;grid-row:1/3}}
@media(max-width:760px){.site-announcement{height:36px}.announcement-track{height:36px;font-size:.75rem}.footer-shell{padding-top:38px}.footer-grid-premium{grid-template-columns:1fr 1fr;gap:24px 18px}.footer-about,.footer-contact-column{grid-column:1/-1}.footer-contact-column{display:block}.footer-contact-column .footer-heading,.footer-contact-column .footer-contact-copy,.footer-contact-column .footer-wa-card{display:flex;grid-column:auto;grid-row:auto}.footer-wa-card{display:grid!important}.footer-bottom-premium{align-items:flex-start;flex-direction:column;gap:8px}.testimonial-slide{width:min(82vw,340px);height:min(118vw,500px)}}
@media(max-width:520px){.footer-grid-premium{grid-template-columns:1fr}.footer-about,.footer-contact-column{grid-column:auto}.footer-brand-lockup strong{white-space:normal}.footer-quality{flex-wrap:wrap}.announcement-badge{height:22px;padding:0 8px}.announcement-track{gap:9px;padding:0 12px}}
/* MILKI1557 PATCH v6 - hero fit, premium footer, overlap hardening */
.hero-premium .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:58px;align-items:center}
.hero-premium .hero-copy{min-width:0;max-width:630px}
.hero-premium .hero-visual{min-width:0;width:100%;max-width:700px;justify-self:end}
.hero-premium .hero-showcase-card{width:100%;padding:9px;border-radius:25px;overflow:visible}
.hero-premium .hero-frame-contain{display:block;width:100%;padding:0!important;border-radius:18px;background:#020711!important;overflow:hidden!important}
.hero-premium .hero-frame-contain img{display:block;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border-radius:17px!important;background:transparent!important}
.hero-premium .hero-contact-card{width:100%;min-width:0;grid-template-columns:50px minmax(0,1fr) 36px;gap:13px;margin-top:10px;padding:13px 14px}
.hero-premium .hero-contact-copy{min-width:0;overflow:hidden}
.hero-premium .hero-contact-copy small{display:block;line-height:1.2;white-space:normal}
.hero-premium .hero-contact-copy strong{display:block;margin-top:4px;font-size:.98rem;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;word-break:normal}
.hero-premium .hero-contact-copy em{display:block;margin-top:3px;font-size:.72rem;line-height:1.45;white-space:normal;overflow-wrap:break-word}
.hero-premium .hero-contact-arrow{flex:0 0 auto}
.site-footer{margin-top:82px}
.footer-shell{padding-top:54px}
.footer-grid-premium{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(150px,.62fr) minmax(175px,.74fr) minmax(280px,1.08fr);gap:34px;padding:0 0 40px;align-items:start}
.footer-grid-premium>section{min-width:0}
.footer-about{padding-right:8px}
.footer-brand-lockup{display:flex!important;align-items:center;gap:13px;margin:0 0 18px!important;max-width:100%}
.footer-logo-wrap{width:56px;height:56px;flex:0 0 56px;border-radius:16px}
.footer-logo-wrap img{width:48px;height:48px;object-fit:contain}
.footer-brand-copy{display:grid!important;min-width:0;line-height:1.2}
.footer-brand-copy strong{font-size:1.05rem;line-height:1.28;letter-spacing:.055em;white-space:normal;overflow-wrap:anywhere}
.footer-brand-copy small{margin-top:5px;color:#55d2ff;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;white-space:normal}
.footer-about p{max-width:450px;margin:0;color:#8faabd;font-size:.9rem;line-height:1.82;overflow-wrap:break-word}
.footer-trust-row{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;color:#a9c7d8;font-size:.7rem;font-weight:800}
.footer-trust-row span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.footer-trust-row b{width:7px;height:7px;border-radius:50%;background:#39d989;box-shadow:0 0 12px rgba(57,217,137,.58)}
.footer-heading{display:flex;align-items:center;gap:9px;min-height:28px;margin:5px 0 16px}
.footer-heading-line{width:22px;height:2px;flex:0 0 22px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 42%,transparent)}
.footer-heading h3{margin:0!important;color:#e6f7ff!important;font-size:.75rem!important;line-height:1.2;font-weight:950;letter-spacing:.12em!important;text-transform:uppercase}
.footer-nav,.footer-social-list{display:grid;gap:6px}
.footer-nav a,.footer-social-list a{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;min-height:38px;margin:0!important;padding:8px 9px;border-radius:10px;color:#b8d3e4!important;font-size:.82rem;line-height:1.3;border:1px solid transparent;transition:.18s}
.footer-nav a:hover,.footer-social-list a:hover{background:#061421;border-color:rgba(65,180,247,.13);color:#fff!important;transform:translateX(2px)}
.footer-nav a span,.footer-social-list a>span:nth-child(2){min-width:0;overflow-wrap:break-word}
.footer-nav b,.footer-social-list b{color:#48cffc;font-size:.76rem;line-height:1}
.footer-social-list a{grid-template-columns:30px minmax(0,1fr) auto}
.social-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,rgba(19,156,255,.18),rgba(43,213,255,.06));border:1px solid rgba(70,184,247,.14);color:#dff8ff}
.social-icon svg{width:17px;height:17px;display:block}
.footer-empty-social{display:block;color:#708da3;font-size:.76rem;line-height:1.6}
.footer-contact-copy{max-width:350px;margin:0 0 13px!important;color:#829fb4!important;font-size:.79rem!important;line-height:1.7;overflow-wrap:break-word}
.footer-wa-card{display:grid!important;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:11px;width:100%;min-width:0;margin:0!important;padding:12px!important;border-radius:15px}
.footer-wa-copy{display:grid;min-width:0;overflow:hidden}
.footer-wa-copy small{display:block;font-size:.6rem!important;line-height:1.2;white-space:normal}
.footer-wa-copy strong{display:block;margin-top:3px;font-size:.9rem;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.footer-wa-copy em{display:block;margin-top:2px;font-size:.67rem;line-height:1.4;white-space:normal;overflow-wrap:break-word}
.footer-wa-arrow{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(37,211,102,.07)}
.footer-bottom-premium{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 29px;border-top:1px solid rgba(255,255,255,.055);color:#6f8ba0;font-size:.74rem;line-height:1.5}
.footer-quality{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1120px){
.hero-premium .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:44px}
.footer-grid-premium{grid-template-columns:minmax(280px,1.25fr) minmax(145px,.68fr) minmax(170px,.78fr)}
.footer-contact-column{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);column-gap:30px;align-items:center}
.footer-contact-column .footer-heading,.footer-contact-column .footer-contact-copy{grid-column:1}
.footer-contact-column .footer-wa-card{grid-column:2;grid-row:1/3}
}
@media(max-width:920px){
.hero-premium .hero-grid{grid-template-columns:1fr;gap:34px;align-items:start}
.hero-premium .hero-copy{max-width:760px}
.hero-premium .hero-visual{max-width:760px;justify-self:start}
.footer-grid-premium{grid-template-columns:1fr 1fr;gap:26px 22px}
.footer-about,.footer-contact-column{grid-column:1/-1}
.footer-contact-column{display:block}
.footer-contact-column .footer-heading,.footer-contact-column .footer-contact-copy,.footer-contact-column .footer-wa-card{grid-column:auto;grid-row:auto}
}
@media(max-width:620px){
.hero-premium .hero-showcase-card{padding:6px;border-radius:19px}
.hero-premium .hero-frame-contain{border-radius:14px}
.hero-premium .hero-frame-contain img{border-radius:13px!important}
.hero-premium .hero-contact-card{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:11px 12px;border-radius:14px}
.hero-premium .hero-contact-icon{width:44px;height:44px;border-radius:12px}
.hero-premium .hero-contact-copy strong{font-size:.9rem}
.hero-premium .hero-contact-copy em{font-size:.68rem}
.hero-premium .hero-contact-arrow{display:none}
.footer-shell{padding-top:40px}
.footer-grid-premium{grid-template-columns:1fr;gap:28px}
.footer-about,.footer-contact-column{grid-column:auto}
.footer-brand-lockup{align-items:flex-start}
.footer-bottom-premium{align-items:flex-start;flex-direction:column;gap:8px}
.footer-quality{justify-content:flex-start}
}
@media(max-width:420px){
.hero-premium .hero-contact-card{grid-template-columns:40px minmax(0,1fr);gap:10px}
.hero-premium .hero-contact-icon{width:40px;height:40px}
.hero-premium .hero-contact-copy small{font-size:.58rem}
.hero-premium .hero-contact-copy strong{font-size:.85rem}
.footer-trust-row{display:grid;grid-template-columns:1fr 1fr}
}
/* MILKI1557 PATCH v10 - external testimonial CTA only */
.conversion-section{padding-top:58px}
.conversion-stack{display:grid;gap:18px}
.testimonial-external-cta{border-color:rgba(93,181,255,.24);background:linear-gradient(135deg,#07182b 0%,#06111f 58%,#081426 100%)}
.testimonial-external-cta:before{content:"";position:absolute;left:-90px;bottom:-120px;width:250px;height:250px;border-radius:50%;background:rgba(104,82,255,.22);filter:blur(90px);pointer-events:none}
.testimonial-external-cta:after{background:#7a5cff;opacity:.16}
.testimonial-external-cta h2{max-width:720px}
.testimonial-external-cta p{max-width:760px;line-height:1.75}
.testimonial-external-btn{flex:0 0 auto;min-width:190px;background:linear-gradient(135deg,#188cff,#5cd7ff);color:#00111f;white-space:nowrap}
.testimonial-external-btn svg{width:20px;height:20px;display:block;flex:0 0 20px}
@media(max-width:720px){.conversion-stack{gap:14px}.testimonial-external-btn{width:100%;min-width:0}.cta-box h2{font-size:clamp(1.55rem,7vw,2rem)}}
/* MILKI1557 PATCH v11 - premium motion, catalog UX, responsive hardening */
html{max-width:100%;overflow-x:hidden}
body{
max-width:100%;overflow-x:hidden;
background-color:var(--bg);
background-image:
radial-gradient(900px 560px at 8% 8%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 62%),
radial-gradient(780px 520px at 92% 18%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 64%),
radial-gradient(820px 620px at 50% 92%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 68%),
linear-gradient(145deg,color-mix(in srgb,var(--bg) 94%,#071b32),var(--bg));
background-size:145% 145%,150% 150%,155% 155%,100% 100%;
animation:milki-premium-bg 22s ease-in-out infinite alternate;
}
body:before{
opacity:.48;
background-image:linear-gradient(rgba(72,177,245,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(72,177,245,.025) 1px,transparent 1px);
background-size:46px 46px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 82%);
animation:milki-grid-drift 34s linear infinite;
}
@keyframes milki-premium-bg{
0%{background-position:0% 0%,100% 12%,45% 100%,0 0}
50%{background-position:18% 10%,82% 2%,58% 86%,0 0}
100%{background-position:5% 22%,96% 28%,38% 94%,0 0}
}
@keyframes milki-grid-drift{from{background-position:0 0,0 0}to{background-position:92px 46px,46px 92px}}
main{min-width:0}
main>*{position:relative}
section,.container,.hero-grid,.section-head,.category-grid,.product-grid,.product-card,.product-body,.cta-box,.product-detail,.detail-panel,.filter-bar,.filter-field{min-width:0}
img,svg,video,iframe{max-width:100%}
h1,h2,h3,p,a,span,strong,small{overflow-wrap:break-word;word-break:normal}
.section-soft{background:linear-gradient(180deg,rgba(4,15,29,.18),rgba(7,31,57,.54),rgba(4,15,29,.18));border-top:1px solid rgba(82,180,245,.04);border-bottom:1px solid rgba(82,180,245,.04)}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.category-card{height:100%;min-height:150px;padding:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--cat-color) 10%,rgba(5,18,34,.96)),rgba(4,14,27,.96));box-shadow:0 18px 42px rgba(0,0,0,.16)}
.category-card h3{font-size:1.05rem;line-height:1.3}
.category-card p{line-height:1.62;min-height:0}
.product-card{height:100%;display:flex;flex-direction:column}
.product-body{display:flex;flex:1;flex-direction:column;min-width:0}
.product-body p{min-height:0;line-height:1.6}
.product-meta{margin-top:auto}
.product-image{aspect-ratio:1.55/1}
.product-image img{object-fit:cover}
.catalog-page-hero{padding-bottom:24px}
.catalog-page-hero p{max-width:780px;font-size:1rem}
.catalog-section{padding-top:18px}
.catalog-filter{
display:grid;
grid-template-columns:minmax(190px,.7fr) minmax(280px,1.8fr) auto;
align-items:end;
gap:12px;
padding:16px;
margin-bottom:30px;
border-radius:20px;
border:1px solid rgba(86,186,249,.18);
background:linear-gradient(145deg,rgba(7,25,45,.94),rgba(4,14,27,.96));
box-shadow:0 18px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);
}
.filter-field{display:grid;gap:7px}
.filter-field label{color:#8fc9e8;font-size:.69rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.catalog-filter input,.catalog-filter select{height:48px;width:100%;min-width:0;border-radius:13px;padding:0 14px;background:#030d19;border:1px solid rgba(101,192,248,.19);color:#edf9ff;outline:none;transition:.18s border-color,.18s box-shadow}
.catalog-filter input:focus,.catalog-filter select:focus{border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.search-input-shell{position:relative;min-width:0}
.search-input-shell>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;color:#62d6ff;font-size:1.2rem;pointer-events:none}
.search-input-shell input{padding-left:42px}
.filter-submit{height:48px;min-width:120px;border-radius:13px}
.product-detail-section{padding-top:54px}
.product-detail{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:50px}
.detail-image{display:grid;place-items:center;min-width:0;background:linear-gradient(145deg,#051321,#020912);box-shadow:0 28px 70px rgba(0,0,0,.28)}
.detail-image img{width:100%;height:auto;max-height:720px;aspect-ratio:auto;object-fit:contain;background:#020912}
.detail-panel{min-width:0;padding:12px 0}
.detail-panel h1{max-width:760px}
.detail-panel .desc{font-size:.98rem;line-height:1.82;color:#c7dcea}
.product-conversion-note{display:grid;gap:4px;margin-top:24px;padding:16px 17px;border:1px solid rgba(87,189,247,.16);border-radius:15px;background:linear-gradient(135deg,rgba(14,47,77,.55),rgba(5,18,32,.82))}
.product-conversion-note strong{font-size:.92rem;color:#eaf8ff}
.product-conversion-note span{font-size:.82rem;line-height:1.55;color:#89abc0}
.detail-actions{margin-top:18px}
.hero-premium .hero-showcase-card{background:linear-gradient(145deg,rgba(9,35,62,.88),rgba(3,12,24,.96));border:1px solid rgba(72,180,245,.14);box-shadow:0 32px 90px rgba(0,0,0,.35),0 0 90px color-mix(in srgb,var(--primary) 12%,transparent)}
.hero-visual-glow{animation:milki-glow-pulse 6s ease-in-out infinite alternate}
@keyframes milki-glow-pulse{from{transform:scale(.94);opacity:.55}to{transform:scale(1.08);opacity:.9}}
.cta-box{box-shadow:0 22px 62px rgba(0,0,0,.19)}
.stats-strip{box-shadow:0 20px 52px rgba(0,0,0,.18)}
@media(max-width:1080px){
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.catalog-filter{grid-template-columns:minmax(180px,.75fr) minmax(240px,1.5fr) auto}
.product-detail{gap:34px}
}
@media(max-width:820px){
body{animation-duration:28s}
.section{padding:58px 0}
.section-head{align-items:flex-start;flex-direction:column;gap:12px}
.section-head p{max-width:720px}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-filter{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.catalog-filter .filter-submit{grid-column:1/-1;width:100%}
.product-detail{grid-template-columns:1fr;gap:28px}
.detail-image{max-width:720px;width:100%;margin-inline:auto}
.detail-panel{max-width:760px}
}
@media(max-width:600px){
.container{width:min(100% - 24px,1180px)}
.section{padding:48px 0}
.hero{padding-top:38px}
.category-grid,.product-grid{grid-template-columns:1fr}
.category-card{min-height:132px;padding:18px}
.catalog-filter{grid-template-columns:1fr;padding:12px;border-radius:16px}
.catalog-filter .filter-submit{grid-column:auto}
.catalog-filter input,.catalog-filter select,.filter-submit{height:46px}
.page-hero h1,.detail-panel h1{overflow-wrap:anywhere}
.detail-panel .price{font-size:1.65rem}
.detail-actions{display:grid;grid-template-columns:1fr}
.detail-actions .btn{width:100%}
.stats-strip{grid-template-columns:1fr 1fr}
.stat{padding:18px 12px}
.stat b{font-size:1.3rem}
.cta-box{align-items:stretch;flex-direction:column;padding:24px 20px}
.cta-box .btn{width:100%}
}
@media(max-width:390px){
.container{width:min(100% - 18px,1180px)}
.stats-strip{grid-template-columns:1fr}
.brand strong{font-size:.84rem;letter-spacing:.09em}
.brand small{font-size:.6rem}
}
@media(prefers-reduced-motion:reduce){body,body:before,.hero-visual-glow{animation:none!important}.reveal{transition:none!important}}
/* MILKI1557 PATCH v16 - database-driven sequential product rotation */
.home-products-showcase{overflow:hidden}
.home-products-showcase:before{content:"";position:absolute;inset:8% -18% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 14%,transparent),transparent 68%);filter:blur(18px);pointer-events:none;opacity:.75}
.home-products-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:44px;margin-bottom:28px}
.home-products-heading{max-width:880px;min-width:0}
.home-products-heading h2{margin:8px 0 10px;font-size:clamp(2rem,4.1vw,3.25rem);line-height:1.05;letter-spacing:-.04em;text-wrap:balance}
.home-products-heading p{max-width:820px;margin:0;color:#9eb8ca;font-size:.97rem;line-height:1.72}
.home-products-all{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:11px 14px 11px 17px;border-radius:14px;border:1px solid rgba(84,184,248,.24);background:rgba(5,18,34,.66);backdrop-filter:blur(12px);font-weight:900;color:#dff6ff;white-space:nowrap;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.home-products-all b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#00111f}
.home-products-all:hover{transform:translateY(-2px);border-color:rgba(84,184,248,.48);background:rgba(7,28,50,.82)}
.home-product-rail{--rail-gap:14px;position:relative;z-index:2;padding:16px;border:1px solid rgba(73,184,255,.18);border-radius:25px;background:linear-gradient(145deg,rgba(8,27,50,.92),rgba(2,9,19,.97));box-shadow:0 28px 72px rgba(0,0,0,.34),0 0 60px rgba(19,156,255,.06);overflow:hidden}
.home-product-rail:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.022),transparent 32%,transparent 72%,rgba(42,204,255,.03));z-index:0}
.home-product-rail-viewport{position:relative;z-index:1;width:100%;overflow:hidden;padding:1px}
.home-product-rail-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:var(--rail-gap);width:100%}
.home-product-motion-slot{position:relative;min-width:0;height:100%;overflow:hidden;border-radius:19px;isolation:isolate;transition:box-shadow .32s ease,transform .32s ease}
.home-product-motion-slot:before{content:"";position:absolute;z-index:8;left:10%;right:10%;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--cat-color),#d8f8ff,var(--cat-color),transparent);opacity:0;transform:scaleX(.24);transform-origin:center;transition:opacity .25s ease,transform .42s ease;pointer-events:none}
.home-product-motion-slot.is-active-slot{box-shadow:0 0 0 1px color-mix(in srgb,var(--cat-color) 62%,transparent),0 0 32px color-mix(in srgb,var(--cat-color) 20%,transparent)}
.home-product-motion-slot.is-active-slot:before{opacity:1;transform:scaleX(1)}
.home-product-rail-card{position:relative;display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:1px solid rgba(84,184,248,.14);border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--cat-color) 6%,rgba(7,24,44,.97)),rgba(3,13,26,.99));box-shadow:0 16px 38px rgba(0,0,0,.2);transform:translate3d(0,0,0);opacity:1;filter:none;will-change:transform,opacity,filter;transition:transform .62s cubic-bezier(.22,.76,.2,1),opacity .42s ease,filter .42s ease,border-color .24s ease,box-shadow .24s ease}
.home-product-motion-slot.is-swap-out .home-product-rail-card{transform:translate3d(-116%,0,0);opacity:0;filter:blur(1.5px) brightness(1.12)}
.home-product-motion-slot.is-swap-prep .home-product-rail-card{transition:none!important;transform:translate3d(116%,0,0);opacity:0;filter:blur(1.5px) brightness(1.1)}
.home-product-rail-card:hover{border-color:color-mix(in srgb,var(--cat-color) 46%,rgba(84,184,248,.2));box-shadow:0 21px 44px rgba(0,0,0,.28),0 0 28px color-mix(in srgb,var(--cat-color) 10%,transparent)}
.home-product-card-media{position:relative;display:grid;place-items:center;aspect-ratio:1/1;min-height:0;padding:8px;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cat-color) 12%,transparent),transparent 64%),#03101f;border-bottom:1px solid rgba(84,184,248,.1)}
.home-product-card-media:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(to top,rgba(2,10,20,.4),transparent);pointer-events:none}
.home-product-card-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:12px;transform:scale(1.001);transition:transform .35s ease,filter .35s ease;image-rendering:auto}
.home-product-rail-card:hover .home-product-card-media img{transform:scale(1.035);filter:saturate(1.07) contrast(1.04)}
.home-product-card-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:15px 13px 13px}
.home-product-card-category{align-self:flex-start;max-width:100%;margin-bottom:10px;padding:5px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--cat-color) 40%,transparent);background:color-mix(in srgb,var(--cat-color) 11%,transparent);color:color-mix(in srgb,var(--cat-color) 74%,#fff);font-size:.58rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-product-card-body h3{margin:0 0 11px;font-size:.9rem;line-height:1.36;letter-spacing:-.016em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-product-card-body h3 a{color:#f4faff;transition:color .2s ease}
.home-product-card-body h3 a:hover{color:var(--accent)}
.home-product-card-summary{display:grid;gap:6px;margin:0 0 13px;padding:10px 10px 11px;border:1px solid rgba(84,184,248,.09);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--cat-color) 5%,rgba(5,18,33,.88)),rgba(3,13,25,.82))}
.home-product-card-summary>span{color:color-mix(in srgb,var(--cat-color) 70%,#bfefff);font-size:.53rem;font-weight:950;letter-spacing:.085em;text-transform:uppercase}
.home-product-card-description{margin:0;color:#9eb6c6;font-size:.69rem;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-product-card-footer{display:grid;grid-template-columns:1fr;gap:9px;margin-top:auto;padding-top:11px;border-top:1px solid rgba(84,184,248,.1)}
.home-product-card-price{display:grid;min-width:0;gap:4px;padding:9px 10px;border-radius:11px;background:linear-gradient(135deg,rgba(19,156,255,.08),rgba(43,213,255,.035));border:1px solid rgba(77,190,255,.11)}
.home-product-card-price span{color:#7393a8;font-size:.52rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.home-product-card-price strong{min-width:0;color:#f8fcff;font-size:clamp(.9rem,1.15vw,1.04rem);line-height:1.18;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere}
.home-product-card-detail{display:inline-flex;align-items:center;justify-content:space-between;gap:7px;width:100%;min-height:36px;padding:8px 10px;border-radius:10px;background:linear-gradient(135deg,rgba(19,156,255,.16),rgba(48,209,255,.08));border:1px solid rgba(68,190,255,.23);font-size:.64rem;font-weight:900;color:#d9f6ff;white-space:nowrap;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.home-product-card-detail:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(19,156,255,.27),rgba(48,209,255,.13));border-color:rgba(68,190,255,.46)}
.home-product-card-detail span{font-size:.82rem}
.home-product-rail script{display:none!important}
@media(max-width:1180px){.home-product-rail-track{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){
.home-products-head{grid-template-columns:1fr;gap:18px;align-items:start}
.home-products-all{justify-self:start}
.home-product-rail-track{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
.home-products-heading h2{font-size:clamp(1.9rem,8.5vw,2.6rem)}
.home-products-all{width:100%;justify-content:space-between}
.home-product-rail{padding:12px;border-radius:20px;--rail-gap:10px}
.home-product-rail-track{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-product-motion-slot{border-radius:16px}
.home-product-rail-card{border-radius:15px}
.home-product-card-body{padding:12px 11px}
.home-product-card-body h3{font-size:.83rem}
.home-product-card-description{font-size:.69rem}
.home-product-card-price strong{font-size:.96rem}
}
@media(max-width:430px){
.home-product-rail-track{grid-template-columns:1fr}
.home-product-card-media{aspect-ratio:4/3}
.home-product-card-body h3{font-size:.96rem}
.home-product-card-description{font-size:.75rem}
.home-product-card-price strong{font-size:1.05rem}
}
/* MILKI1557 PATCH v18 - performance without feature reduction */
body{animation:none!important;background-size:100% 100%,100% 100%,100% 100%,100% 100%}
body:before{inset:-56px!important;animation:milkiV18GridDrift 38s linear infinite!important;will-change:transform;transform:translate3d(0,0,0)}
body:after{content:"";position:fixed;z-index:-2;inset:-12%;pointer-events:none;opacity:.48;background:radial-gradient(circle at 18% 24%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 29%),radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 26%),radial-gradient(circle at 54% 82%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 31%);transform:translate3d(0,0,0) scale(1.04);will-change:transform;animation:milkiV18Aurora 24s ease-in-out infinite alternate}
@keyframes milkiV18GridDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(46px,46px,0)}}
@keyframes milkiV18Aurora{0%{transform:translate3d(-1.5%,-1%,0) scale(1.04)}50%{transform:translate3d(1.5%,1%,0) scale(1.07)}100%{transform:translate3d(-.5%,2%,0) scale(1.05)}}
.section{content-visibility:auto;contain-intrinsic-size:720px}
.section.hero,.hero{content-visibility:visible;contain-intrinsic-size:auto}
.product-card,.category-card{contain:layout paint style}
.category-card:after{background:radial-gradient(circle,color-mix(in srgb,var(--cat-color) 28%,transparent),transparent 68%);filter:none!important}
.cta-box:after,.testimonial-external-cta:before{background:radial-gradient(circle,color-mix(in srgb,var(--primary) 24%,transparent),transparent 68%);filter:none!important}
.hero-orb{filter:none!important}
.hero-visual-glow{filter:none!important;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 30%,transparent),transparent 70%)}
.home-products-showcase:before{filter:none!important}
.home-product-rail-card{filter:none!important;will-change:auto!important}
.home-product-motion-slot.is-active-slot .home-product-rail-card,.home-product-motion-slot.is-swap-out .home-product-rail-card,.home-product-motion-slot.is-swap-prep .home-product-rail-card{will-change:transform,opacity!important}
.home-product-motion-slot.is-swap-out .home-product-rail-card{filter:none!important}
.home-product-motion-slot.is-swap-prep .home-product-rail-card{filter:none!important}
.product-image img,.home-product-card-media img,.table-img{content-visibility:auto}
@media(max-width:720px){body:after{inset:-24%;opacity:.34;animation-duration:30s}.section{contain-intrinsic-size:560px}}
@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none!important}.home-product-rail-card{will-change:auto!important}}
/* MILKI1557 PATCH v26 - category availability sync */
.category-card{display:flex;flex-direction:column;isolation:isolate}
.category-card>*{position:relative;z-index:1}
.category-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.category-card-top .cat-dot{margin:0;flex:0 0 auto}
.category-availability{display:inline-flex;align-items:center;gap:7px;min-height:27px;padding:5px 9px;border-radius:999px;font-size:.62rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap}
.category-availability>span{width:6px;height:6px;border-radius:50%;flex:0 0 6px}
.category-availability.is-ready{color:#9ff7c5;border:1px solid rgba(71,226,143,.22);background:rgba(33,170,103,.08)}
.category-availability.is-ready>span{background:#47e28f;box-shadow:0 0 12px rgba(71,226,143,.9)}
.category-availability.is-coming{color:#b7c9d8;border:1px solid rgba(151,180,202,.16);background:rgba(112,139,162,.07)}
.category-availability.is-coming>span{background:#71889a;box-shadow:0 0 10px rgba(113,136,154,.35)}
.category-card h3{margin:18px 0 6px}
.category-card p{flex:1}
.category-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06);color:color-mix(in srgb,var(--cat-color) 62%,#dff4ff);font-size:.72rem;font-weight:900;letter-spacing:.025em}
.category-card-action b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:color-mix(in srgb,var(--cat-color) 12%,transparent);font-size:.9rem;transition:transform .2s ease,background .2s ease}
.category-card-available:hover .category-card-action b{transform:translateX(3px);background:color-mix(in srgb,var(--cat-color) 20%,transparent)}
.category-card-coming{cursor:default;border-color:rgba(120,151,176,.13)!important;background:linear-gradient(145deg,rgba(8,20,34,.84),rgba(3,11,21,.96))!important;box-shadow:0 15px 34px rgba(0,0,0,.12)!important}
.category-card-coming:after{opacity:.055!important}
.category-card-coming .cat-dot{background:#557083;box-shadow:0 0 14px rgba(85,112,131,.25)}
.category-card-coming h3{color:#a9bdcc}
.category-card-coming .category-coming-copy{display:flex;align-items:center;min-height:42px;margin:0;color:#6f899c;font-size:.78rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.category-card-coming .category-card-action-disabled{color:#607a8e;border-top-color:rgba(255,255,255,.04)}
.category-card-coming .category-card-action-disabled b{background:rgba(98,128,151,.07);color:#607a8e}
.category-card-coming:hover{transform:none!important;border-color:rgba(120,151,176,.13)!important}
@media(max-width:520px){.category-availability{font-size:.58rem;padding:4px 8px}.category-card-action{font-size:.68rem}}
/* v27 - Premium catalog */
.catalog-luxe-hero{padding-bottom:26px}.catalog-hero-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:36px;align-items:end;padding:28px;border:1px solid rgba(64,181,244,.16);border-radius:24px;background:linear-gradient(135deg,rgba(8,28,49,.9),rgba(3,13,25,.72));box-shadow:0 22px 70px rgba(0,0,0,.2);position:relative;overflow:hidden}.catalog-hero-shell:after{content:"";position:absolute;right:-100px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 19%,transparent),transparent 68%);pointer-events:none}.catalog-hero-copy{position:relative;z-index:1}.catalog-hero-copy h1{margin:10px 0 10px;font-size:clamp(2.2rem,4.5vw,4.2rem);line-height:1;letter-spacing:-.045em}.catalog-hero-copy p{margin:0;max-width:760px;color:var(--muted);font-size:.98rem}.catalog-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog-hero-stats>div,.catalog-hero-contact{min-width:0;padding:14px;border-radius:15px;background:rgba(2,13,25,.72);border:1px solid rgba(73,182,241,.14)}.catalog-hero-stats strong{display:block;color:#e8f9ff;font-size:1.25rem;line-height:1}.catalog-hero-stats span{display:block;margin-top:4px;color:#7698ad;font-size:.69rem}.catalog-hero-contact{grid-column:1/-1;display:flex;align-items:center;gap:10px}.catalog-hero-contact img{flex:0 0 auto}.catalog-hero-contact span{margin:0}.catalog-hero-contact b{display:block;color:#dff8ff;font-size:.78rem}.catalog-hero-contact small{display:block;color:#6fe1a8;font-size:.65rem}.catalog-luxe-section{padding-top:22px}.catalog-toolbar-shell{margin-bottom:24px;padding:15px;border-radius:18px;border:1px solid rgba(60,177,239,.15);background:rgba(4,18,31,.76);box-shadow:0 14px 50px rgba(0,0,0,.12)}.catalog-filter-luxe{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(280px,1.55fr) auto;gap:12px;align-items:end;margin:0}.catalog-filter-luxe .filter-field{display:grid;gap:6px}.catalog-filter-luxe label{color:#7395aa;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.catalog-filter-luxe select,.catalog-filter-luxe input{width:100%;min-height:48px;border:1px solid rgba(70,177,236,.2);border-radius:12px;background:#041321;color:#e7f8ff;outline:0}.catalog-filter-luxe select{padding:0 13px}.catalog-filter-luxe input{padding:0 13px 0 40px}.catalog-filter-luxe select:focus,.catalog-filter-luxe input:focus{border-color:rgba(62,210,255,.55);box-shadow:0 0 0 3px rgba(34,178,239,.08)}.catalog-filter-luxe .search-input-shell{position:relative}.catalog-filter-luxe .search-input-shell>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#56d1ff;font-size:1.15rem}.catalog-filter-luxe .filter-submit{min-height:48px;padding-inline:20px}.catalog-result-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:10px 4px 0;border-top:1px solid rgba(66,167,224,.1)}.catalog-result-bar>div{display:flex;align-items:center;gap:7px;color:#7392a6;font-size:.7rem}.catalog-result-bar b{color:#d9f4ff}.catalog-result-bar small{color:#6e8da1}.catalog-live-dot{width:7px;height:7px;border-radius:50%;background:#4ae2a2;box-shadow:0 0 12px rgba(74,226,162,.6)}.catalog-reset{color:#62d7ff;font-size:.7rem;font-weight:850}.catalog-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-product-card{min-width:0;overflow:hidden;border-radius:18px;border:1px solid color-mix(in srgb,var(--cat-color) 24%,rgba(60,170,231,.12));background:linear-gradient(180deg,rgba(6,24,40,.96),rgba(3,14,25,.98));box-shadow:0 16px 48px rgba(0,0,0,.17);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.catalog-product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--cat-color) 54%,transparent);box-shadow:0 24px 68px rgba(0,0,0,.25),0 0 34px color-mix(in srgb,var(--cat-color) 10%,transparent)}.catalog-product-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#020a12}.catalog-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s ease}.catalog-product-card:hover .catalog-product-image img{transform:scale(1.035);filter:saturate(1.08)}.catalog-image-shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.08) 48%,transparent 60%);transform:translateX(-130%);transition:transform .7s ease;pointer-events:none}.catalog-product-card:hover .catalog-image-shine{transform:translateX(130%)}.catalog-product-body{display:flex;min-height:250px;flex-direction:column;padding:16px}.catalog-card-topline{display:flex;align-items:center;justify-content:space-between;gap:9px}.catalog-product-body .category-badge{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-ready{display:inline-flex;align-items:center;gap:5px;color:#7ca0b6;font-size:.62rem;font-weight:850}.catalog-ready i{width:6px;height:6px;border-radius:50%;background:#48dda0;box-shadow:0 0 10px rgba(72,221,160,.55)}.catalog-product-body h3{margin:11px 0 8px;font-size:1.02rem;line-height:1.34;letter-spacing:-.018em}.catalog-product-body h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card-description{margin:0;color:#87a3b6;font-size:.76rem;line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(73,168,222,.11)}.catalog-price{min-width:0}.catalog-price small{display:block;color:#66879d;font-size:.59rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.catalog-price strong{display:block;margin-top:2px;color:#eefbff;font-size:1.08rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-detail-btn{display:inline-flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;border:1px solid color-mix(in srgb,var(--cat-color) 30%,rgba(66,172,230,.16));background:color-mix(in srgb,var(--cat-color) 7%,rgba(5,20,34,.82));color:#dff7ff;font-size:.69rem;font-weight:900}.catalog-detail-btn b{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:color-mix(in srgb,var(--cat-color) 20%,rgba(7,30,48,.9));color:#78e2ff}.catalog-empty-state{padding:54px 24px}.catalog-empty-state .empty-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 12px;border-radius:15px;background:rgba(25,160,232,.1);border:1px solid rgba(61,193,248,.18);color:#62d8ff;font-size:1.45rem}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:28px}.catalog-pagination a,.catalog-pagination span{display:grid;min-width:38px;height:38px;place-items:center;padding:0 10px;border-radius:10px;border:1px solid rgba(67,170,227,.14);background:#051625;color:#87a6ba;font-size:.72rem;font-weight:850}.catalog-pagination .active{border-color:rgba(52,201,255,.45);background:linear-gradient(135deg,rgba(15,145,225,.3),rgba(38,205,255,.18));color:#dff8ff}.catalog-pagination .page-nav{padding-inline:14px}.catalog-pagination .page-gap{border:0;background:transparent;min-width:20px;padding:0;color:#526f82}
@media(max-width:980px){.catalog-hero-shell{grid-template-columns:1fr}.catalog-hero-stats{grid-template-columns:1fr 1fr}.catalog-filter-luxe{grid-template-columns:1fr 1.5fr}.catalog-filter-luxe .filter-submit{grid-column:1/-1}.catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.catalog-hero-shell{padding:19px;border-radius:18px}.catalog-hero-stats{grid-template-columns:1fr 1fr}.catalog-filter-luxe{grid-template-columns:1fr}.catalog-filter-luxe .filter-submit{grid-column:auto}.catalog-result-bar{align-items:flex-start;flex-direction:column}.catalog-result-bar>div{align-items:flex-start;flex-wrap:wrap}.catalog-product-grid{grid-template-columns:1fr}.catalog-product-body{min-height:0}.catalog-card-footer{grid-template-columns:1fr auto}.catalog-pagination .page-nav{width:100%}}
/* v28 - premium Coming Soon category interaction */
.category-card-coming{cursor:pointer!important;outline:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important}
.category-card-coming h3{color:#c7dae7!important}
.category-card-coming p{color:#7998ad!important;line-height:1.62}
.category-card-coming .category-availability.is-coming{color:#ffd98a;border-color:rgba(255,196,85,.2);background:rgba(255,177,44,.075)}
.category-card-coming .category-availability.is-coming>span{background:#ffc253;box-shadow:0 0 13px rgba(255,194,83,.55)}
.category-card-coming .category-card-action-disabled{color:#86afc5!important}
.category-card-coming .category-card-action-disabled b{color:#8bdcff;background:rgba(49,184,247,.09)}
.category-card-coming:hover,.category-card-coming:focus-visible{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--cat-color) 30%,rgba(90,184,236,.18))!important;box-shadow:0 22px 54px rgba(0,0,0,.2),0 0 28px color-mix(in srgb,var(--cat-color) 7%,transparent)!important;background:linear-gradient(145deg,rgba(8,24,40,.94),rgba(3,13,25,.98))!important}
.category-card-coming:hover .category-card-action-disabled b,.category-card-coming:focus-visible .category-card-action-disabled b{transform:rotate(90deg);background:rgba(49,184,247,.15)}
.coming-soon-lock{overflow:hidden}
.coming-soon-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.coming-soon-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.coming-soon-backdrop{position:absolute;inset:0;background:rgba(0,7,15,.78);backdrop-filter:blur(10px)}
.coming-soon-dialog{position:relative;width:min(100%,520px);overflow:hidden;padding:30px;border:1px solid rgba(74,197,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(8,29,49,.99),rgba(3,12,24,.995));box-shadow:0 36px 100px rgba(0,0,0,.5),0 0 50px rgba(34,181,247,.08);transform:translateY(16px) scale(.985);transition:transform .24s ease;outline:none}
.coming-soon-modal.is-open .coming-soon-dialog{transform:translateY(0) scale(1)}
.coming-soon-glow{position:absolute;right:-100px;top:-110px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(48,202,255,.18),transparent 68%);pointer-events:none}
.coming-soon-close{position:absolute;right:16px;top:16px;z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(126,194,232,.16);border-radius:11px;background:rgba(3,16,28,.8);color:#a9cadb;font-size:1.2rem;cursor:pointer;transition:.18s}
.coming-soon-close:hover{border-color:rgba(82,216,255,.45);color:#fff;transform:rotate(5deg)}
.coming-soon-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:16px;border-radius:18px;background:linear-gradient(135deg,rgba(22,158,236,.2),rgba(52,218,255,.08));border:1px solid rgba(68,205,255,.18);box-shadow:0 12px 38px rgba(0,126,202,.12)}
.coming-soon-icon span{color:#65dcff;font-size:1.35rem}
.coming-soon-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,194,83,.2);background:rgba(255,177,44,.075);color:#ffd98a;font-size:.64rem;font-weight:950;letter-spacing:.1em}
.coming-soon-badge i{width:7px;height:7px;border-radius:50%;background:#ffc253;box-shadow:0 0 12px rgba(255,194,83,.65)}
.coming-soon-dialog h3{position:relative;margin:14px 0 8px;color:#f2fbff;font-size:clamp(1.55rem,4vw,2.05rem);line-height:1.15;letter-spacing:-.035em}
.coming-soon-dialog>p{position:relative;margin:0;color:#8eabbc;font-size:.92rem;line-height:1.72}
.coming-soon-note{position:relative;display:grid;gap:4px;margin-top:20px;padding:14px 15px;border-radius:14px;border:1px solid rgba(68,181,239,.12);background:rgba(4,18,31,.78)}
.coming-soon-note b{color:#d9f5ff;font-size:.78rem}.coming-soon-note span{color:#7697aa;font-size:.75rem;line-height:1.5}
.coming-soon-actions{position:relative;display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.coming-soon-actions .btn{min-height:43px}
@media(max-width:560px){.coming-soon-modal{padding:14px}.coming-soon-dialog{padding:24px 18px 18px;border-radius:19px}.coming-soon-actions{display:grid;grid-template-columns:1fr}.coming-soon-actions .btn{width:100%}.category-card-coming:hover{transform:none!important}}
\n\n/* v30: Home products are category-led, max 4 columns per row. */\n.home-category-product-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}\n.home-category-product-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--cat-color) 28%,rgba(75,183,250,.14));border-radius:22px;background:linear-gradient(155deg,color-mix(in srgb,var(--cat-color) 7%,rgba(7,25,45,.98)),rgba(2,10,21,.99));box-shadow:0 22px 54px rgba(0,0,0,.24);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}\n.home-category-product-card:before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,var(--cat-color),transparent);opacity:.8;z-index:3;pointer-events:none}\n.home-category-product-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--cat-color) 56%,rgba(80,190,255,.2));box-shadow:0 28px 66px rgba(0,0,0,.34),0 0 34px color-mix(in srgb,var(--cat-color) 10%,transparent)}\n.home-category-product-media{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;padding:10px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--cat-color) 15%,transparent),transparent 66%),#03101f;border-bottom:1px solid rgba(89,190,255,.11)}\n.home-category-product-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:14px;transform:scale(1.001);transition:transform .35s ease,filter .35s ease;image-rendering:auto}\n.home-category-product-card:hover .home-category-product-media img{transform:scale(1.028);filter:saturate(1.05) contrast(1.03)}\n.home-category-product-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.07) 48%,transparent 68%);transform:translateX(-130%);transition:transform .75s ease}\n.home-category-product-card:hover .home-category-product-shine{transform:translateX(130%)}\n.home-category-product-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:18px}\n.home-category-product-category{align-self:flex-start;max-width:100%;margin-bottom:12px;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--cat-color) 42%,transparent);background:color-mix(in srgb,var(--cat-color) 12%,transparent);color:color-mix(in srgb,var(--cat-color) 78%,#fff);font-size:.66rem;font-weight:950;letter-spacing:.065em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.home-category-product-body h3{margin:0 0 10px;font-size:1rem;line-height:1.38;letter-spacing:-.018em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}\n.home-category-product-body h3 a{color:#f4faff}\n.home-category-product-description{margin:0;color:#9fb7c8;font-size:.78rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}\n.home-category-product-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:auto;padding-top:16px}\n.home-category-product-price{display:grid;min-width:0;gap:4px}\n.home-category-product-price span{color:#7393a8;font-size:.56rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}\n.home-category-product-price strong{color:#fff;font-size:1.08rem;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}\n.home-category-product-detail{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 12px;border-radius:11px;border:1px solid rgba(74,190,255,.24);background:linear-gradient(135deg,rgba(19,156,255,.18),rgba(45,213,255,.08));color:#dff8ff;font-size:.7rem;font-weight:900;white-space:nowrap;transition:transform .2s ease,border-color .2s ease,background .2s ease}\n.home-category-product-detail:hover{transform:translateY(-1px);border-color:rgba(74,190,255,.5);background:linear-gradient(135deg,rgba(19,156,255,.29),rgba(45,213,255,.13))}\n@media(max-width:1180px){.home-category-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n@media(max-width:900px){.home-category-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-category-product-body{padding:15px}}\n@media(max-width:560px){.home-category-product-grid{grid-template-columns:1fr}.home-category-product-media{aspect-ratio:4/3}.home-category-product-body h3{font-size:1.02rem}.home-category-product-description{font-size:.8rem}.home-category-product-bottom{grid-template-columns:1fr}.home-category-product-detail{width:100%;justify-content:space-between}}\n
/* v31 - restore premium rail card style with a strict 4-column category grid. */
.home-products-category-showcase .home-product-category-rail{overflow:visible}
.home-products-category-showcase .home-product-category-rail .home-product-rail-viewport{overflow:visible}
.home-products-category-showcase .home-product-category-track{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:16px!important;
width:100%!important;
transform:none!important;
}
.home-products-category-showcase .home-product-category-slot{
min-width:0;
overflow:visible;
transform:none!important;
box-shadow:none;
}
.home-products-category-showcase .home-product-category-slot:before{opacity:.72;transform:scaleX(.7)}
.home-products-category-showcase .home-product-category-slot:hover:before{opacity:1;transform:scaleX(1)}
.home-products-category-showcase .home-product-rail-card{
height:100%;
min-height:100%;
will-change:auto;
}
.home-products-category-showcase .home-product-card-media{
aspect-ratio:16/10;
padding:9px;
}
.home-products-category-showcase .home-product-card-body{padding:16px 15px 14px}
.home-products-category-showcase .home-product-card-body h3{
font-size:.96rem;
-webkit-line-clamp:2;
min-height:2.62em;
}
.home-products-category-showcase .home-product-card-description{
font-size:.73rem;
-webkit-line-clamp:3;
}
.home-products-category-showcase .home-product-card-summary{min-height:92px}
.home-products-category-showcase .home-product-card-price strong{font-size:1.08rem}
.home-products-category-showcase .home-product-card-detail{min-height:39px;font-size:.69rem}
@media(max-width:1080px){
.home-products-category-showcase .home-product-category-track{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
.home-products-category-showcase .home-product-category-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.home-products-category-showcase .home-product-card-body{padding:13px 12px}
.home-products-category-showcase .home-product-card-summary{min-height:86px}
}
@media(max-width:480px){
.home-products-category-showcase .home-product-category-track{grid-template-columns:1fr!important}
.home-products-category-showcase .home-product-card-media{aspect-ratio:4/3}
.home-products-category-showcase .home-product-card-body h3{font-size:1rem}
}
/* v32 - sequential motion per category, 4-column layout preserved. */
.home-products-category-showcase .home-product-category-rail{
overflow:hidden;
}
.home-products-category-showcase .home-product-category-rail .home-product-rail-viewport{
overflow:visible;
}
.home-products-category-showcase .home-product-category-slot{
position:relative;
overflow:hidden!important;
isolation:isolate;
transform:translate3d(0,0,0)!important;
box-shadow:0 0 0 1px transparent;
transition:transform .28s ease,box-shadow .34s ease,border-color .34s ease;
}
.home-products-category-showcase .home-product-category-slot:before{
opacity:0!important;
transform:scaleX(.16)!important;
height:3px;
left:8%;
right:8%;
box-shadow:0 0 16px color-mix(in srgb,var(--cat-color) 42%,transparent);
transition:opacity .24s ease,transform .5s ease!important;
}
.home-products-category-showcase .home-product-category-slot:after{
content:"";
position:absolute;
z-index:0;
inset:0;
border-radius:19px;
pointer-events:none;
opacity:0;
background:
radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--cat-color) 18%,transparent),transparent 52%),
linear-gradient(135deg,color-mix(in srgb,var(--cat-color) 7%,transparent),transparent 48%);
transition:opacity .3s ease;
}
.home-products-category-showcase .home-product-category-slot.is-active-slot{
transform:translate3d(0,-2px,0)!important;
box-shadow:
0 0 0 1px color-mix(in srgb,var(--cat-color) 58%,transparent),
0 16px 38px rgba(0,0,0,.28),
0 0 34px color-mix(in srgb,var(--cat-color) 18%,transparent)!important;
}
.home-products-category-showcase .home-product-category-slot.is-active-slot:before{
opacity:1!important;
transform:scaleX(1)!important;
}
.home-products-category-showcase .home-product-category-slot.is-active-slot:after{
opacity:1;
}
.home-products-category-showcase .home-product-category-slot.is-active-slot .home-product-rail-card{
border-color:color-mix(in srgb,var(--cat-color) 54%,rgba(84,184,248,.18));
}
.home-products-category-showcase .home-product-category-slot.is-category-loading .home-product-card-media:before{
content:"";
position:absolute;
z-index:4;
inset:0;
pointer-events:none;
background:linear-gradient(105deg,transparent 34%,color-mix(in srgb,var(--cat-color) 18%,rgba(255,255,255,.08)) 50%,transparent 66%);
transform:translateX(-130%);
animation:homeCategoryPrepare 1.05s ease-in-out infinite;
}
@keyframes homeCategoryPrepare{
to{transform:translateX(130%)}
}
.home-products-category-showcase .home-product-category-slot .home-product-rail-card{
position:relative;
z-index:1;
transform:translate3d(0,0,0);
opacity:1;
transition:
transform .52s cubic-bezier(.22,.76,.2,1),
opacity .38s ease,
border-color .28s ease,
box-shadow .28s ease!important;
}
.home-products-category-showcase .home-product-category-slot.is-swap-out .home-product-rail-card{
transform:translate3d(-112%,0,0)!important;
opacity:0!important;
}
.home-products-category-showcase .home-product-category-slot.is-swap-prep .home-product-rail-card{
transition:none!important;
transform:translate3d(112%,0,0)!important;
opacity:0!important;
}
.home-products-category-showcase .home-product-category-slot.is-active-slot .home-product-rail-card,
.home-products-category-showcase .home-product-category-slot.is-swap-out .home-product-rail-card,
.home-products-category-showcase .home-product-category-slot.is-swap-prep .home-product-rail-card{
will-change:transform,opacity!important;
}
.home-category-motion-note{
display:flex;
align-items:center;
justify-content:center;
gap:9px;
margin:14px 4px 0;
padding-top:13px;
border-top:1px solid rgba(84,184,248,.08);
color:#7898ab;
font-size:.69rem;
font-weight:750;
letter-spacing:.015em;
}
.home-category-motion-dot{
width:7px;
height:7px;
border-radius:50%;
background:var(--accent);
box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent);
animation:homeCategoryDot 1.8s ease-in-out infinite;
}
@keyframes homeCategoryDot{
0%,100%{opacity:.42;transform:scale(.82)}
50%{opacity:1;transform:scale(1.08)}
}
@media(max-width:760px){
.home-category-motion-note{font-size:.64rem;text-align:center}
}
@media(prefers-reduced-motion:reduce){
.home-products-category-showcase .home-product-category-slot.is-category-loading .home-product-card-media:before,
.home-category-motion-dot{animation:none!important}
}