.hero-product{background:none;box-shadow:none;overflow:visible;border-radius:0}.hero-product img{position:static;left:auto;top:auto;width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 20px #0004)}.hero-product figcaption{background:none}
/* Phone-first refinements shared with the existing desktop layout. */
@media(max-width:800px){
 html{scroll-padding-top:82px}body{overflow-wrap:break-word}main{min-width:0}.nav{height:68px;padding:0 20px}.nav .button{min-height:44px;font-size:12px}.nav .logo{font-size:26px}.button{min-height:48px;font-size:14px}.hero{min-height:0;padding:28px 22px 32px;gap:20px}.sample-label{font-size:8px;margin-bottom:18px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:16px}.hero h1{font-size:clamp(34px,8.8vw,46px);letter-spacing:-1.5px;line-height:1.12;margin-bottom:16px}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;margin:0 0 20px}.hero .button{width:100%;min-width:0}.hero-meta{font-size:11px;gap:8px 14px;margin-top:18px;line-height:1.7}.hero-meta span:before{margin-right:5px}.hero-number{display:none}.hero-product{width:100%;height:235px;margin:0;background:none;border-radius:0;box-shadow:none;overflow:visible}.hero-product img{position:static;width:100%;height:215px;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 14px #0004)}.hero-product figcaption{background:none;position:static;padding:4px;font-size:9px;color:#b9c7d5}.ribbon{padding:16px 18px;font-size:8px;letter-spacing:1px;line-height:1.6}.section{padding:44px 22px}.eyebrow{letter-spacing:1.5px;margin-bottom:16px}h2,.section-heading h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin-bottom:18px}.intro{gap:5px}.intro p,.detail-grid p,.section-heading>p:not(.eyebrow),.order-steps p,.faq details p,.final-cta>p:not(.eyebrow){font-size:15px;line-height:1.7}.intro .lead{font-size:20px}.fine{font-size:12px!important}.detail-grid{margin-top:24px}.detail-grid article{padding:22px}.detail-grid h3{font-size:20px}.statement{padding:42px 22px}.statement h2{font-size:30px}.statement>p{font-size:15px;line-height:1.7}.statement .button{margin-top:16px}.package-grid{gap:28px;margin-top:32px;max-width:440px}.package{padding:25px 20px;display:grid;grid-template-columns:105px minmax(0,1fr);column-gap:12px;align-items:center;text-align:left}.package .eyebrow{grid-column:2;margin:0 0 8px;font-size:9px;letter-spacing:1px}.product-bottles{grid-column:1;grid-row:1/span 5;height:165px;margin:0 -8px;align-items:center}.product-bottles img{height:155px;width:90px}.product-bottles.count-2 img{height:135px;width:78px;margin:0 -20px}.product-bottles.count-2 img:nth-child(2){height:155px}.product-bottles.count-3 img{height:125px;width:70px;margin:0 -24px}.product-bottles.count-3 img:nth-child(2){height:155px;width:86px}.package h3{grid-column:2;margin:0;font-size:24px}.package>p:not(.eyebrow){grid-column:2;margin:4px 0;font-size:12px;line-height:1.6}.package .price{grid-column:2;margin:2px 0;line-height:1.1;font-size:16px}.price strong{font-size:48px;letter-spacing:-2px}.package .button{grid-column:1/-1;margin-top:20px;text-align:center;line-height:1.5;padding:14px}.best{font-size:8px;letter-spacing:.6px;padding:7px 12px}.package:hover{transform:none}.order-steps{gap:22px}.order-steps li{padding-left:35px}.faq{gap:15px}.faq summary{font-size:15px;min-height:44px;padding:9px 0;line-height:1.6}.faq details{padding:10px 0}.final-cta{padding:44px 22px}.final-cta .button{width:100%;justify-content:center}footer{padding:32px 22px calc(100px + env(safe-area-inset-bottom));gap:24px}footer>div{gap:8px 22px;flex-wrap:wrap}footer>div a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.mobile-cta{bottom:0;left:0;width:100%;border-radius:0;min-height:58px;padding:19px 20px calc(19px + env(safe-area-inset-bottom));font-size:14px;border-top:1px solid #ffffff24}.nav,.mobile-cta{touch-action:manipulation}
}
@media(max-width:360px){.package{grid-template-columns:88px minmax(0,1fr);padding:23px 15px}.section{padding-left:18px;padding-right:18px}.hero{padding-left:18px;padding-right:18px}.hero-meta{font-size:10px}.nav{padding:0 18px}.nav .logo{font-size:23px}.nav .logo small{font-size:5px;letter-spacing:2px}}
@media(max-width:800px){.visual-statement{padding:0}.reference-hero{margin-top:0}}