/* ---- full-pages-v26 (index.html line 942) ---- */
/* One continuous canvas, with feathered chapter edges. */
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body{--chapter-canvas:#e8f0f5;background:var(--chapter-canvas)!important}
html[data-theme=dark]:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body{--chapter-canvas:#111923}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body :is(#intro,#ranges,#catalog,#scentFamilies){border:0!important;box-shadow:none!important;background:var(--chapter-canvas)!important;mask-image:linear-gradient(transparent,#000 90px,#000 calc(100% - 110px),transparent)!important;-webkit-mask-image:linear-gradient(transparent,#000 90px,#000 calc(100% - 110px),transparent)!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #intro{mask-image:linear-gradient(#000 calc(100% - 110px),transparent)!important;-webkit-mask-image:linear-gradient(#000 calc(100% - 110px),transparent)!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #ranges{margin-top:-70px!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body :is(.range-grid,.family-grid){mask-image:none!important;-webkit-mask-image:none!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #catalog{padding-top:120px!important;padding-bottom:120px!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #scentFamilies{margin-top:-70px!important}
/* Full-window collection and perfume pages retain native focus, close and audio behavior. */
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body :is(#familyPage,#productDialog){position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overscroll-behavior:contain}
html body :is(#familyPage,#productDialog) .dialoghead{padding:14px clamp(18px,4vw,65px)!important;min-height:66px;background:var(--paper)!important}
html body #familyPageContent{max-width:none!important;width:100%!important}
html body #familyPageContent .grid{padding:24px clamp(16px,4vw,70px) 70px!important;max-width:1900px;margin:auto;gap:30px}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #productBody .detail{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;gap:clamp(24px,4vw,80px)!important;padding:0 4vw 60px 0!important;align-items:start;max-width:none!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #productBody .detail-picture{width:100%!important;align-self:start;top:66px!important;min-height:0!important}
html body #productBody .perfume-gallery{width:100%!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #productBody .gallery-track{height:calc(100dvh - 66px)!important;min-height:540px!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #productBody .gallery-frame img{object-fit:contain!important;object-position:center!important}
html body #productBody .gallery-controls{height:calc(100dvh - 66px)!important;min-height:540px}
html body #productBody .detail-content{padding:clamp(24px,4vw,64px) 0}
html body #productBody .gallery-thumbs{max-width:340px;margin:16px auto!important}
html body #productBody .detail-content h2{font-size:clamp(36px,4vw,64px)!important;font-weight:900!important}
/* Group the five destinations into a single balanced row. */
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body header .top-ranges{max-width:1500px!important;justify-content:space-between!important;gap:36px!important}
html body .nav-destinations26{display:flex;direction:rtl;align-items:center;justify-content:center;gap:28px}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body header :is(.nav-collections,.nav-experiences){display:contents!important}
html body .nav-destinations26 button{white-space:nowrap}
/* Keep the whole bottle in frame; crossfade photographs instead of cropping the cap. */
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #intro.hero{height:max(720px,calc(100svh - var(--rp-header,180px)))!important;max-height:none!important;min-height:720px!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #intro .hero-scene{inset:0 42% 0 0!important;overflow:hidden;background:var(--chapter-canvas)!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #intro .hero-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center top!important;transition:opacity 1.2s ease!important;transform:none!important}
html body #intro .hero-scene>img.hero-cross26{z-index:1;pointer-events:none}
html body #intro .scene-shade{z-index:2;pointer-events:none}
html body #intro .hero-peeks{z-index:4}
html body #intro .hero-peeks button[aria-current=true]{outline:2px solid #d5b77d;outline-offset:3px}
@media(max-width:800px){
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body header .top-ranges{gap:12px!important;padding:12px!important}
html body .nav-destinations26{width:100%;gap:clamp(10px,3vw,25px);justify-content:center}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body .nav-destinations26 button{font-size:11px!important;padding:4px 0!important;min-width:0!important}
html body .nav-destinations26 button svg{width:28px!important;height:28px!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #productBody .detail{grid-template-columns:1fr!important;padding:0 0 40px!important;gap:12px!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #productBody .detail-picture{position:relative!important;top:0!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #productBody .gallery-track{height:70svh!important;min-height:420px!important}
html body #productBody .gallery-controls{height:70svh!important;min-height:420px}
html body #productBody .detail-content{padding:20px 22px}
html body #familyPageContent .grid{gap:16px!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #intro.hero{height:940px!important;min-height:940px!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #intro .hero-scene{inset:290px 0 70px!important}
html:not(#rp-a):not(#rp-b):not(#rp-c):not(#rp-d) body #intro .hero-scene>img{object-position:center!important}
html body #intro .hero-peeks{bottom:90px!important}
}
@media(prefers-reduced-motion:reduce){html body #intro .hero-scene>img{transition:none!important}}