/* Homepage title and its primary action share one centered reading axis. */
.paged .product-hero .hero-copy{inset:24px 5vw auto;padding:0;text-align:center}
.paged .product-hero .hero-copy .eyebrow{font-size:14px;letter-spacing:.22em}
.paged .product-hero h1{font-size:clamp(40px,4.1vw,68px);line-height:1.25;margin:14px 0 12px;letter-spacing:.05em;text-shadow:none}
.paged .product-hero .hero-copy .link{position:static;display:inline-flex;align-items:center;justify-content:center;font-size:20px;gap:22px;margin:0;padding:10px 6px;min-height:48px}
@media(max-width:760px){
 .paged .product-hero .hero-copy{inset:27px 5vw auto}
 .paged .product-hero .hero-copy .eyebrow{font-size:12px;letter-spacing:.15em}
 .paged .product-hero h1{font-size:clamp(28px,7.6vw,42px);letter-spacing:0;margin:16px 0 12px;white-space:nowrap}
 .paged .product-hero .hero-copy .link{font-size:18px}
}
@media(max-height:650px) and (min-width:761px){
 .paged .product-hero .hero-copy{top:14px}
 .paged .product-hero h1{font-size:36px;margin:8px 0}
}

header>.logo{text-align:center}header>.logo small{text-align:center}

/* Wide, shallow windows: fit copy above the bottles without moving the image. */
@media(min-width:761px) and (min-aspect-ratio: 8/5){
 .paged .product-hero .hero-copy{inset:6px 5vw auto}
 .paged .product-hero .hero-copy .eyebrow{font-size:12px;line-height:1.4}
 .paged .product-hero h1{font-size:clamp(26px,3.5dvh,40px);line-height:1.15;margin:5px 0 0}
 .paged .product-hero .hero-copy .link{position:fixed;inset:auto auto 65px 5vw;font-size:20px;margin:0}
}


.paged .unisex-message{justify-content:flex-start;align-items:center;text-align:center;gap:18px}.paged .unisex-message .link{align-self:center;margin-top:0}


/* Campaign text groups share a centered title/action axis. */
.paged .men-copy,.paged .women-series-copy,.paged #refill .refill-heading{text-align:center}
.paged .men-copy>.link,.paged .women-series-copy>.link,.paged #refill .refill-heading>.link{justify-content:center}

/* Place the headline on a white panel over the lower bottle area. */
.paged .product-hero h1{position:fixed;top:auto;right:auto;bottom:20%;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;margin:0;padding:16px 34px;background:transparent;color:#f6dfaa;text-shadow:0 1px 3px #21180dcc,0 2px 9px #21180d80;font-size:clamp(28px,3.1vw,48px);line-height:1.3;letter-spacing:.05em;white-space:nowrap}
@media(max-width:760px){.paged .product-hero h1{bottom:23%;font-size:clamp(23px,6vw,34px);padding:13px 20px;letter-spacing:0}}