.hero{padding:7rem 0 5rem}body:not(.js-reveal) .reveal{opacity:1;transform:none}.hero-actions .btn,.cta-band-inner .btn{padding:.62em 1.35em;font-size:.86rem;letter-spacing:.01em;box-shadow:0 4px 14px #66e40f24}.hero-actions .btn-primary:hover,.cta-band-inner .btn-primary:hover{box-shadow:0 8px 22px #66e40f47}.hero-actions .btn svg,.cta-band-inner .btn svg{width:15px;height:15px}.product-layout{display:grid;grid-template-columns:.82fr 1fr;gap:3rem;align-items:center}.product-media{position:relative;aspect-ratio:4 / 3;display:grid;place-items:center;padding:2.4rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:radial-gradient(ellipse at 50% 28%,rgb(102 228 15 / 10%),transparent 68%),repeating-linear-gradient(90deg,rgb(255 255 255 / 2.5%) 0 1px,transparent 1px 42px),linear-gradient(165deg,var(--surface-2),var(--surface));box-shadow:0 1px #ffffff0a inset,0 24px 50px -24px #000000a6}.product-media:before{content:"";position:absolute;inset:-20%;z-index:0;background:radial-gradient(circle,rgb(102 228 15 / 16%),transparent 62%);animation:product-glow 6s ease-in-out infinite}@keyframes product-glow{0%,to{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}.product-media img{position:relative;z-index:1;max-width:82%;max-height:82%;object-fit:contain;filter:drop-shadow(0 22px 30px rgb(0 0 0 / 50%))}@media(prefers-reduced-motion:reduce){.product-media:before{animation:none;opacity:.7}}.product-type{display:inline-flex;align-items:center;gap:.5em;width:fit-content;margin-bottom:1.1rem;padding:.32em .85em;border:1px solid rgb(227 163 77 / 25%);border-radius:999px;background:#e3a34d12;font-size:.76rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--amber)}.product-type:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px #e3a34d99;flex-shrink:0}.product-type.is-wash{border-color:#4bd0c940;background:#4bd0c912;color:var(--cyan)}.product-type.is-wash:before{background:var(--cyan);box-shadow:0 0 8px #4bd0c999}.product-info .hero-title{font-size:clamp(2.2rem,4.4vw,3.4rem);margin-bottom:1rem}.product-lead{font-size:1.02rem;color:#d7ddd6;max-width:56ch}.product-stat-strip{display:flex;flex-wrap:wrap;gap:1.8rem;margin:1.8rem 0;padding-top:1.6rem;border-top:1px solid var(--line)}.product-stat-strip .stat{position:relative;padding-bottom:.6rem;transition:transform .25s var(--ease)}.product-stat-strip .stat:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--green);transition:width .3s var(--ease)}.product-stat-strip .stat:hover{transform:translateY(-2px)}.product-stat-strip .stat:hover:after{width:100%}.product-stat-strip .stat b{display:block;font:500 1.35rem var(--font-display);background:linear-gradient(135deg,var(--ink),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.product-stat-strip .stat span{color:var(--ink-muted);font-size:.8rem}.specs{padding:5rem 0 6rem;background:var(--bg-alt);border-top:1px solid var(--line)}.spec-sheet{max-width:860px;margin:0 auto;border-top:1px solid var(--line);counter-reset:spec}.spec-row{position:relative;display:grid;grid-template-columns:230px 1fr 2.4rem;align-items:start;gap:2.6rem;padding:1.8rem 0 1.8rem 1.3rem;margin-left:-1.3rem;border-bottom:1px solid var(--line-soft);counter-increment:spec;transition:background .3s var(--ease),padding-left .3s var(--ease),margin-left .3s var(--ease)}.spec-row:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:2px;background:var(--green);transform:scaleY(0);transform-origin:top;transition:transform .3s var(--ease)}.spec-row:after{content:counter(spec,decimal-leading-zero);justify-self:end;padding-top:.1rem;font:500 .74rem var(--font-display);color:var(--line-soft);transition:color .3s var(--ease)}.spec-row:hover{background:#66e40f08;padding-left:1.8rem}.spec-row:hover:before{transform:scaleY(1)}.spec-row:hover:after{color:#66e40f73}.spec-row h3{font:500 .96rem var(--font-display);color:var(--ink);letter-spacing:.01em;transition:color .3s var(--ease)}.spec-row:hover h3{color:var(--green)}.spec-value p{margin:0 0 .6rem;font-size:.95rem;line-height:1.7;color:var(--ink-muted)}.spec-value p:last-child{margin-bottom:0}.spec-value b{color:var(--ink);font-weight:500}.spec-value ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.spec-value li{position:relative;padding-left:1.05rem;font-size:.95rem;line-height:1.6;color:var(--ink-muted)}.spec-value li:before{content:"\2013";position:absolute;left:0;color:var(--green)}.spec-value li b{color:var(--ink);font-weight:500}.category-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2.6rem;margin-top:.5rem;border-top:1px solid var(--line)}.category-nav a{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-muted);font-size:.92rem;font-weight:500;transition:color .2s var(--ease)}.category-nav a:hover{color:var(--green)}.category-nav svg{width:16px;height:16px;transition:transform .25s var(--ease)}.category-nav a:hover svg{transform:translate(-3px)}@media(max-width:980px){.product-layout{grid-template-columns:1fr;gap:2.2rem}.product-media{max-width:420px;margin-inline:auto}}@media(max-width:1100px){.spec-row{grid-template-columns:230px 1fr}.spec-row:after{display:none}}@media(max-width:720px){.hero{padding:5.5rem 0 3.5rem}.spec-row{grid-template-columns:1fr;gap:.5rem;padding:1.5rem 0}.spec-row h3{color:var(--green)}.product-stat-strip{gap:1.2rem}}
