/* Two viewport views, with separate rails for navigation and fragrance copy. */
html:has(.fragrance-product-hero[data-intense3d-embed-url]){scroll-padding-top:var(--card-header-height,88px);scrollbar-width:none;scrollbar-gutter:auto}
html:has(.fragrance-product-hero[data-intense3d-embed-url])::-webkit-scrollbar{display:none}
.fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-product-hero{box-sizing:border-box;height:calc(100svh - var(--card-header-height,88px));min-height:0;scroll-margin-top:0}
.fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-view{height:calc(100svh - var(--card-header-height,88px) - 64px);min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:16px;scroll-margin-top:0}
.fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-content{min-height:0;max-height:100%;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;align-self:stretch;align-items:start;padding:2px 4px 8px 0}
.fragrance-reading-content:focus-visible{outline:1px solid #818477;outline-offset:3px}
.fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-end{min-width:0;flex:none}
@media(min-width:1041px){
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-content{align-items:safe center}
}
@media(min-width:701px){
 .fragrance-detail-page .fragrance-product-hero[data-control-design="v10"]{grid-template-rows:64px minmax(0,1fr) 56px;padding:16px 0 20px}
 .fragrance-detail-page .fragrance-product-hero[data-control-design="v10"]>.fragrance-back{position:static;grid-column:1;grid-row:1;align-self:center;transform:none;margin:0}
 .fragrance-product-hero[data-control-design="v10"] .product-hero-copy{grid-column:1;grid-row:2;display:flex;margin:0;justify-content:center}
 .fragrance-product-hero[data-control-design="v10"] .card-primary{align-self:auto;margin:0}
 .fragrance-product-hero[data-control-design="v10"] .product-hero-stage{grid-column:2;grid-row:1/3;margin-bottom:0}
 .fragrance-product-hero[data-control-design="v10"] .interactive-enter{top:8px}
 .fragrance-product-hero[data-control-design="v10"]>.product-hero-navigation{position:relative;inset:auto;grid-column:2;grid-row:3;align-self:center;margin:0}
 .fragrance-product-hero[data-control-design="v10"]>.product-hero-story-link{position:static;inset:auto;grid-column:1;grid-row:3;align-self:center;transform:none;margin:0}
 .fragrance-product-hero[data-control-design="v10"] .interactive-controls{top:calc(100% + 8px)!important}
}
@media(min-width:701px) and (max-height:650px){
 .fragrance-detail-page .fragrance-product-hero[data-control-design="v10"]{grid-template-rows:52px minmax(0,1fr) 52px;padding:8px 0 12px}
 .fragrance-detail-page .fragrance-product-hero[data-control-design="v10"] .product-hero-copy h1{font-size:clamp(48px,12svh,78px)}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-view{padding:8px 0;gap:10px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-end{padding-top:8px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-copy h2{font-size:34px;margin-bottom:12px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-copy .eyebrow{margin-bottom:8px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .full-fragrance-description{font-size:13px;line-height:1.6}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-lead{font-size:22px;margin-bottom:10px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-notes{padding:14px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-notes>h3{margin-bottom:8px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-layers{gap:10px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-layers>section+section{padding-top:10px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-layers h4{font-size:24px;margin-bottom:6px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-layers p{font-size:12px;line-height:1.6}
}
@media(max-width:700px){
 .fragrance-detail-page .fragrance-product-hero[data-control-design="v10"]{grid-template-rows:44px 24px auto minmax(0,1fr) 56px 44px;padding:8px 0 12px}
 .fragrance-detail-page .fragrance-product-hero[data-control-design="v10"]>.fragrance-back{position:static;grid-column:1;grid-row:1;justify-self:start;margin:0}
 .fragrance-product-hero[data-control-design="v10"] .product-hero-introduction>.eyebrow{grid-column:1;grid-row:2;justify-self:start;margin:0}
 .fragrance-product-hero[data-control-design="v10"] .fragrance-name-lockup{grid-column:1;grid-row:3;max-width:100%}
 .fragrance-detail-page .fragrance-product-hero[data-control-design="v10"] .product-hero-copy h1{font-size:clamp(40px,min(14vw,9svh),68px);margin:8px 0;line-height:.94}
 .fragrance-product-hero[data-control-design="v10"] .product-hero-family{font-size:17px;line-height:1.25}
 .fragrance-product-hero[data-control-design="v10"] .product-hero-stage{grid-column:1;grid-row:4;height:auto;margin:8px 0 0;min-height:0}
 .fragrance-product-hero[data-control-design="v10"]>.product-hero-navigation{position:relative;inset:auto;grid-row:5;margin:0;align-self:center}
 .fragrance-product-hero[data-control-design="v10"]>.product-hero-story-link{position:static;grid-row:6;margin:0;align-self:center}
 .fragrance-product-hero[data-control-design="v10"] .interactive-controls{top:calc(100% + 8px)!important}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-view{padding:16px 0 12px;gap:12px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-end{grid-template-columns:1fr auto;gap:4px 12px;padding-top:10px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-reading-end>a:first-child{grid-column:1/-1;font-size:25px}
 .fragrance-detail-page:has([data-intense3d-embed-url]) .fragrance-partner-link{font-size:9px}
}