/* Each product uses its own source image; object-fit preserves its proportions. */
.product-art{height:auto;aspect-ratio:4/5;min-height:280px;max-height:420px;border-radius:12px;isolation:isolate;perspective:1000px}
.product-float{position:absolute;inset:20px 0 28px;display:grid;place-items:center;z-index:1;pointer-events:none;transform-origin:50% 60%}
.product-packshot,.gallery-packshot,.cart-packshot,.hero-bottle img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal}
.product-packshot,.gallery-packshot{position:absolute;inset:0;min-width:0;min-height:0}
.product-packshot{top:-12.5%;height:125%}.gallery-packshot{top:-9%;height:118%}
.product-packshot{max-width:none;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotate(var(--pointer-r,0deg)) scale(var(--product-scale,1));transition:transform .55s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 17px 12px #173c2b16)}
.product-art:hover,.product-art:focus-visible{--product-scale:1.055}
.product-index,.art-footer{z-index:3;pointer-events:none}
.product-floor-shadow{position:absolute;left:28%;right:28%;bottom:14%;height:12px;background:#163c2526;filter:blur(9px);border-radius:50%;pointer-events:none}
.product:nth-child(2){--float-delay:-1.2s}.product:nth-child(3){--float-delay:-2.8s}.product:nth-child(4){--float-delay:-4s}
.motion-enabled .product-float{animation:productLevitate 6.6s ease-in-out infinite;animation-delay:var(--float-delay,0s);animation-play-state:paused}
.motion-enabled .product-art.is-in-view .product-float{animation-play-state:running}
.motion-enabled .product-floor-shadow{animation:productShadow 6.6s ease-in-out infinite;animation-delay:var(--float-delay,0s);animation-play-state:paused}
.motion-enabled .product-art.is-in-view .product-floor-shadow{animation-play-state:running}
.selection-mini{display:grid;place-items:center;overflow:hidden}.selection-mini .cart-packshot{position:static;max-width:100%;height:100%;min-height:0;transform:none}
.gallery-front{width:100%;height:100%;max-width:none;aspect-ratio:auto;background:none!important;filter:none;display:grid;place-items:center;transform-origin:50% 55%;z-index:1}
.gallery-front .gallery-packshot{max-width:none;width:100%;height:100%;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotate(var(--pointer-r,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 18px 13px #193a2c18)}
.gallery-front .gallery-packshot{height:118%}.back-bottle{height:118%}.back-label{inset:40% 22% 20%;gap:1.3cqw;font-size:3.1cqw}.back-label .back-brand{font-size:4.5cqw}.back-label .back-name{font-size:3.8cqw}.back-label b{font-size:3.1cqw}
.gallery-stage{perspective:1000px}.motion-enabled .product-dialog[open] .gallery-front{animation:productLevitate 6s ease-in-out infinite}.motion-enabled .product-dialog[open] .bottle-shadow{animation:productShadow 6s ease-in-out infinite}
.gallery-paused .gallery-front,.gallery-paused .bottle-shadow{animation-play-state:paused!important}.gallery-paused .gallery-packshot{transform:none}
.motion-enabled .gallery-slide:not([hidden]){animation:galleryReveal .45s cubic-bezier(.22,1,.36,1) both}
.gallery-arrow{transition:transform .25s,background .25s,box-shadow .25s}.gallery-arrow:hover{transform:translateY(-3px);box-shadow:0 5px 12px #193a2c15}.gallery-arrow:active{transform:scale(.93)}
.gallery-tabs button{transition:background .25s,color .25s,transform .25s}.gallery-tabs button:hover{transform:translateY(-2px)}
.botanical-photo>img{object-fit:contain;object-position:center;background:#192d22}.botanical-photo figcaption{padding-top:28px}
.hero-visual{background:radial-gradient(ellipse at 50% 50%,#4b6850,#18392b 75%)}
.hero-image.hero-product-scene{inset:0;background-image:none;transform:none;perspective:1200px}
.hero-bottle{position:absolute;width:61%;height:80%;top:12%;left:1%;transform:rotate(-10deg);transform-origin:50% 65%}
.hero-bottle-maca{left:39%;top:21%;width:58%;height:69%;transform:rotate(11deg)}
.hero-bottle img{filter:drop-shadow(0 30px 24px #071c2460)}
.motion-enabled .hero-bottle{animation:heroBottleDrift 7s ease-in-out infinite;animation-play-state:paused}.motion-enabled .hero-bottle-maca{animation:heroBottleDriftSecond 8s ease-in-out infinite;animation-delay:-2s;animation-play-state:paused}.motion-enabled .hero-visual.is-in-view .hero-bottle{animation-play-state:running}
.hero-corner,.round-note,.image-caption{z-index:2}.hero-corner{pointer-events:none}.round-note{width:100px;height:100px;bottom:40px;right:24px}
@keyframes productLevitate{0%,100%{transform:translate3d(0,6px,0) rotate(-1.8deg)}50%{transform:translate3d(0,-12px,0) rotate(1.8deg)}}
@keyframes productShadow{0%,100%{transform:scaleX(1);opacity:.6}50%{transform:scaleX(.7);opacity:.27}}
@keyframes galleryReveal{from{opacity:0;transform:translateX(var(--slide-start,18px))}to{opacity:1;transform:translateX(0)}}
@keyframes heroBottleDrift{0%,100%{transform:translateY(5px) rotate(-10deg)}50%{transform:translateY(-15px) rotate(-6deg)}}
@keyframes heroBottleDriftSecond{0%,100%{transform:translateY(-10px) rotate(11deg)}50%{transform:translateY(12px) rotate(7deg)}}
@media(min-width:801px){.gallery-front{width:100%;height:100%;max-width:none}}
@media(max-width:1100px){.product-art{min-height:0;max-height:440px}.product-float{inset:20px 0 28px}}
@media(max-width:800px){.gallery-front{width:100%;height:100%;max-width:none}.hero-visual{min-height:480px}.hero-bottle{width:59%;left:2%}.hero-bottle-maca{left:40%;width:57%}}
@media(max-width:560px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.product-art{aspect-ratio:3/4;min-height:0;max-height:none}.product-float{inset:26px -5px 19px}.product-index{font-size:10px;left:10px;top:12px;letter-spacing:0}.art-footer{font-size:9px;left:10px;bottom:10px;letter-spacing:0}.product-title h3{font-size:clamp(14px,4vw,20px);letter-spacing:-.04em}.product-title{gap:4px;margin-top:13px}.favorite{width:30px;height:30px;flex-basis:30px;font-size:20px}.product-benefits{font-size:14px;gap:5px 7px}.product-benefits span+span:before{margin-right:7px}.product>.benefit-qualifier{font-size:12px}.product-actions{gap:4px 10px}.product .discover,.reviews-trigger{font-size:13px}.product>.botanical-small{font-size:11px}.hero-visual{min-height:440px}.hero-corner{inset:22px 20px auto}.image-caption{font-size:11px}.round-note{width:84px;height:84px;font-size:10px;right:18px;bottom:36px}.round-note em{font-size:25px}}
@media(max-width:350px){.product-grid{grid-template-columns:1fr}.product-art{aspect-ratio:4/5;max-height:360px}.product-title h3{font-size:22px}.product-benefits{font-size:16px}.product-float{inset:22px 0}.hero-visual{min-height:380px}.gallery-front{width:100%;height:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){.product-float,.hero-bottle,.gallery-front,.gallery-slide,.product-floor-shadow{animation:none!important}.product-packshot,.gallery-packshot{transform:none!important;transition:none}}
.motion-off .product-float,.motion-off .hero-bottle,.motion-off .gallery-front,.motion-off .gallery-slide{animation:none!important}.motion-off .product-packshot,.motion-off .gallery-packshot{transform:none!important;transition:none}

.back-label{gap:.9cqw;bottom:18%}.back-label .back-draft{font-size:2.6cqw}
.product-float{inset:38px 0 40px}
@media(max-width:560px){.product-float{inset:30px -5px 28px}}
@media(max-width:350px){.product-float{inset:34px 0}}

/* Six references, with distinct mineral and marine identities. */
.art-magnesium{background:#e8eff2}.art-collagene{background:#f4e9e6}
.product:nth-child(5){--float-delay:-.7s}.product:nth-child(6){--float-delay:-3.5s}
@media(min-width:1101px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:46px}}
.filter-row{flex-wrap:wrap}
.mineral-ingredient{background:#dce8eb;color:#234752}.marine-ingredient{background:#f0dfda;color:#663c3c}
.mineral-symbol{border:1px solid currentColor;border-radius:16px;width:130px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:26px}.mineral-symbol small{font-size:13px;align-self:flex-start;margin-left:16px}.mineral-symbol b{font-size:46px;line-height:1.05}.mineral-symbol span{font-size:12px}.marine-waves{font-size:64px;line-height:1.2;letter-spacing:12px;margin-bottom:24px}.allergen-chip{padding:8px 14px;border:1px solid currentColor;border-radius:24px;align-self:flex-start;font-size:13px;margin-top:20px}