/* Compact, GPU-friendly product spotlight. All motion is transform/opacity only. */
.hero.hero-dynamic{min-height:350px;padding-block:32px;isolation:isolate;align-items:center;background:linear-gradient(115deg,#fff9eb 0%,#fffdf8 42%,#def6f1 70%,#bee9e2 100%)}
.hero-dynamic:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(115deg,#faf7ed,#fff 41%,#cff5ef 63%,#097c87 140%);background-size:220% 220%;animation:cartlane-gradient 15s ease-in-out infinite alternate}
.hero-copy{position:relative;max-width:570px!important}.hero-copy h1{font-size:clamp(39px,4.6vw,61px);margin:4px 0 13px}.hero-copy p:not(.eyebrow){font-size:16px;margin:0 0 16px}.hero-glow{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(8px);opacity:.5;will-change:transform}.glow-one{width:300px;height:300px;right:7%;top:-155px;background:#23ced9;animation:cartlane-float 10s ease-in-out infinite}.glow-two{width:190px;height:190px;right:36%;bottom:-145px;background:#fca47c;animation:cartlane-float 12s ease-in-out -5s infinite}.hero-beam{position:absolute;right:30%;top:-45%;height:190%;width:110px;background:linear-gradient(90deg,transparent,#ffffffa6,transparent);transform:rotate(25deg);opacity:.65;z-index:-1;animation:cartlane-beam 10s linear infinite}
.hero-spotlight{position:absolute;right:clamp(60px,9vw,150px);top:18px;width:min(420px,37vw);height:310px;display:grid;place-items:center}.hero-loading{font-weight:700;color:#377a7e}.hero-product{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:10px;padding:22px;border-radius:24px;border:1px solid #ffffffa6;background:linear-gradient(135deg,#ffffff8f,#ffffff44);box-shadow:0 22px 55px #0756612b,inset 0 0 25px #ffffffa8;backdrop-filter:blur(8px);opacity:0;transform:translateX(20px) scale(.98);transition:opacity .55s ease,transform .55s ease}.hero-product.is-active{opacity:1;transform:none}.hero-product:after{content:"";position:absolute;inset:2px;border-radius:22px;padding:1px;background:linear-gradient(120deg,#23ced9,#a1cca6,#fca47c,#23ced9);background-size:300% 300%;animation:cartlane-gradient 9s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.hero-image{height:255px;display:grid;place-items:center;position:relative;animation:cartlane-product-float 5s ease-in-out infinite}.hero-image:before{content:"";width:200px;height:200px;border-radius:50%;position:absolute;background:radial-gradient(circle,#ffffffd6,#23ced955 47%,transparent 70%);filter:blur(3px);animation:cartlane-glow 5s ease-in-out infinite}.hero-image img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 15px #07363c45);mix-blend-mode:multiply}.hero-details{position:relative;z-index:1}.hero-tag{display:inline-block;background:#097c87;color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;letter-spacing:.7px;font-weight:800;text-transform:uppercase}.hero-details h2{font:700 clamp(23px,2vw,31px)/1.05 Georgia,serif;margin:13px 0 6px;color:var(--ink)}.hero-details p{font-size:13px;color:#46666b;margin:0}.hero-controls{position:absolute;right:clamp(60px,9vw,150px);bottom:18px;width:min(420px,37vw);z-index:3;display:flex;justify-content:flex-end;align-items:center;gap:8px}.hero-controls button{width:30px;height:30px;border-radius:50%;border:1px solid #097c8766;background:#ffffffe6;color:var(--teal);cursor:pointer;font-size:17px;line-height:1}.hero-controls button:hover{background:var(--teal);color:#fff}.hero-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#097c8744;margin:0 3px;border:0;padding:0}.hero-dot.active{background:var(--coral);transform:scale(1.35)}
@keyframes cartlane-gradient{to{background-position:100% 100%}}@keyframes cartlane-float{50%{transform:translate3d(16px,18px,0) scale(1.08)}}@keyframes cartlane-beam{to{transform:translateX(-520px) rotate(25deg)}}@keyframes cartlane-product-float{50%{transform:translateY(-8px)}}@keyframes cartlane-glow{50%{transform:scale(1.12);opacity:.75}}
@media(max-width:900px){.hero.hero-dynamic{min-height:330px}.hero-spotlight{right:20px;width:370px}.hero-controls{right:20px;width:370px}.hero-copy{max-width:48%!important}.hero-image{height:220px}.hero-product{padding:16px}}
@media(max-width:760px){.hero.hero-dynamic{min-height:295px;padding:25px 20px}.hero-copy{max-width:61%!important}.hero-copy h1{font-size:37px}.hero-copy p:not(.eyebrow){font-size:14px;max-width:100%}.hero-spotlight{right:-42px;top:23px;width:230px;height:235px}.hero-product{grid-template-columns:1fr;padding:14px}.hero-image{height:165px}.hero-details{display:none}.hero-controls{right:13px;bottom:12px;width:auto}.hero-glow{opacity:.34}.glow-one{width:180px;height:180px;right:-35px}.glow-two{display:none}.hero-beam{display:none}}
@media(prefers-reduced-motion:reduce){.hero-dynamic:before,.hero-glow,.hero-beam,.hero-product:after,.hero-image{animation:none!important}.hero-product{transition:none}}