@font-face{font-family:Bellefair;src:url('assets/fonts/bellefair-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Heebo;src:url('assets/fonts/heebo-light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Heebo;src:url('assets/fonts/heebo-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ivory:#f5f2ec;--ink:#292824;--muted:#726e66;--line:#d9d4ca;--champagne:#b1a38e;--product-scale:1;--product-x:0px;--copy-opacity:1;--lighting-opacity:0;--gutter:clamp(32px,4.45vw,80px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Heebo,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button{border:0;background:none}
button:focus-visible,a:focus-visible{outline:2px solid #897b65;outline-offset:7px}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.campaign{min-height:100svh;position:relative;overflow:hidden}
.header{height:96px;margin-inline:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:5}
.desktop-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:400}
.desktop-nav a,.desktop-nav button{position:relative;padding:10px 0;white-space:nowrap}
.desktop-nav a::after,.desktop-nav button::after{content:'';position:absolute;bottom:2px;right:0;left:0;height:1px;background:var(--champagne);transform:scaleX(0);transform-origin:right;transition:transform .25s}
.desktop-nav [aria-current]::after,.desktop-nav a:hover::after,.desktop-nav button:hover::after{transform:scaleX(1)}
.brand{display:flex;align-items:center;justify-content:center;width:154px;height:82px;overflow:hidden}
.brand img{display:block;width:138px;height:170px;object-fit:cover;object-position:center 56%;mix-blend-mode:multiply}
.brand-mark{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-size:47px;line-height:.95;letter-spacing:-3.5px;padding-right:3px}
.brand-name{font-family:Arial,sans-serif;font-size:9px;letter-spacing:4px;margin-top:8px;margin-left:4px}
.header-actions{display:flex;align-items:center;gap:18px;justify-self:end;direction:rtl}
.icon-button{width:40px;height:44px;padding:9px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}
.icon-button:hover{opacity:.55}
.icon-button svg{width:21px;height:21px}
.menu-button,.mobile-nav{display:none}
/* A continuous photograph carries both the product and editorial copy. */
.hero{position:relative;min-height:600px;height:calc(100svh - 96px);max-height:1000px;isolation:isolate}
.hero-visual{position:absolute;inset:0;z-index:-2;overflow:hidden;transform:translateX(var(--product-x)) scale(var(--product-scale));transform-origin:30% 62%}
.hero-visual picture{display:block;width:100%;height:100%}
.campaign-image{height:100%;width:100%;object-fit:cover;object-position:50% 50%;display:block}
.hero::after{content:'';position:absolute;inset:0;background:#fff8e7;opacity:var(--lighting-opacity);z-index:-1;pointer-events:none}
.hero-copy{position:absolute;inset-inline-start:13%;top:44%;transform:translateY(-50%);width:39%;max-width:600px;opacity:var(--copy-opacity)}
h1{font-family:Bellefair,Heebo,serif;font-size:clamp(66px,6.8vw,110px);line-height:.94;letter-spacing:-1.7px;font-weight:400;margin:0 0 27px}
h1 span{display:block;white-space:nowrap}
.description{font-size:14px;line-height:1.9;color:#625e56;max-width:326px;margin:0 0 23px;font-weight:300;text-wrap:balance}
.collection-cta{min-height:44px;width:169px;border-bottom:1px solid #8d8271;display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px;font-weight:400;transition:color .25s,border-color .25s}
.collection-cta svg{width:20px;transition:transform .25s}
.collection-cta:hover{color:#74654e;border-color:currentColor}
.collection-cta:hover svg{transform:translateX(-5px)}
.preview-dialog{color:var(--ink);background:var(--ivory);border:1px solid var(--line);padding:64px 42px 40px;width:min(440px,calc(100% - 40px));box-shadow:0 30px 100px #29282420;text-align:right}
.preview-dialog::backdrop{background:#37332b30;backdrop-filter:blur(5px)}
.close-dialog{position:absolute;left:12px;top:10px}
.dialog-brand{font:10px Arial,sans-serif;letter-spacing:3px}
.preview-dialog h2{font-size:30px;font-weight:300;margin:24px 0 12px}
.preview-dialog p{font-size:14px;line-height:1.9;color:var(--muted)}
.dialog-back{display:flex;gap:28px;align-items:center;border-bottom:1px solid var(--champagne);padding:14px 0 8px;font-size:13px;margin-top:24px}
/* One full-screen editorial spread. Only IMAGINE is populated. */
.fragrance-explorer{position:relative;height:100svh;min-height:800px;background:var(--ivory);display:grid;grid-template-rows:86px minmax(0,1fr) 92px;overflow:hidden;isolation:isolate;touch-action:pan-y;overflow-anchor:none}
.fragrance-explorer:focus{outline:none}
.explorer-heading{margin:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);z-index:2}
.explorer-heading h2{font-weight:400;font-size:13px;margin:0}
.explorer-heading p{font-family:Bellefair,Heebo,serif;font-size:26px;margin:0;color:#756f63}
.explorer-stage{position:relative;min-width:0;touch-action:pan-y;outline-offset:-5px}
.explorer-stage:focus:not(:focus-visible){outline:none}
.explorer-fragrance{position:relative;width:100%;height:100%;display:grid;grid-template-columns:44% 56%;grid-template-areas:'information photograph'}
.explorer-art{grid-area:photograph;margin:0;position:relative;overflow:hidden;cursor:grab;isolation:isolate}
.explorer-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 71%;transform:scale(1.32);transform-origin:70% 78%;pointer-events:none;user-select:none}
.explorer-art figcaption{position:absolute;bottom:30px;left:var(--gutter);font:8px Arial,sans-serif;letter-spacing:2.3px;color:#5e685f;display:flex;gap:14px}
.explorer-art figcaption span{opacity:.5}
.explorer-information{grid-area:information;align-self:center;width:calc(100% - 130px);max-width:402px;margin-inline:auto;position:relative;z-index:1;padding:25px 0}
.fragrance-badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 13px;margin-bottom:15px;border:1px solid color-mix(in srgb,var(--fragrance-ink) 42%,transparent);color:var(--fragrance-ink);font-size:10px;font-weight:400;letter-spacing:.04em;background:#fffdf88c;backdrop-filter:blur(6px)}
.fragrance-badge[hidden]{display:none}
.fragrance-identity h3{font-family:Bellefair,Georgia,serif;font-size:clamp(70px,6.3vw,98px);font-weight:400;line-height:.93;letter-spacing:.015em;text-align:right;margin:0 0 10px;color:#303a35}
.fragrance-inspiration{font-size:15px;line-height:1.5;margin:0;color:#6b685f}
.fragrance-inspiration bdi{font-weight:400}
.fragrance-family{font-size:14px;font-weight:400;color:#68796c;margin:26px 0 11px;display:flex;gap:13px;align-items:center}
.fragrance-family span{font-size:12px;color:#9c9e8f}
.explorer-description{font-size:16px;line-height:1.85;font-weight:300;margin:0 0 24px;max-width:355px;color:#65645b;text-wrap:pretty}
.fragrance-profile{margin:0 0 22px}
.profile-row{display:grid;grid-template-columns:64px 1fr 76px;gap:17px;align-items:center;min-height:33px;font-size:14px}
.profile-meter{display:flex;gap:5px;height:14px;align-items:center}
.profile-meter i{height:2px;flex:1;background:#deddd3}
.profile-meter i.filled{background:#7c8c7c}
.profile-value{font-size:12px;color:#787a6c;text-align:left;white-space:nowrap}
.profile-note{font-size:10px;line-height:1.6;color:#8a857b;margin:8px 0 0}
.fragrance-occasions{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;gap:18px;color:#646c62}
.fragrance-occasions li{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}
.fragrance-occasions svg{width:17px;height:17px;stroke-width:1.1}
.explorer-product-action{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:27px;padding-top:19px}
.fragrance-action{display:flex;align-items:center;justify-content:space-between;width:151px;min-height:44px;font-size:13px;font-weight:400;padding:8px 0;border-bottom:1px solid #9a9d8c;transition:color .25s,border-color .25s}
.fragrance-action svg{width:20px;transition:transform .25s}
.fragrance-action:hover{color:#66756b;border-color:currentColor}
.fragrance-action:hover svg{transform:translateX(-5px)}
.fragrance-price{font-size:28px;line-height:1.2;margin:0;font-weight:300;white-space:nowrap;color:#393d35}
.fragrance-price span{font-size:15px;margin-inline-start:3px}
.explorer-navigation{margin:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);position:relative;z-index:2}
.fragrance-nav{display:flex;gap:18px;align-items:center;min-height:48px;font-size:12px;font-weight:300;padding:8px 0;transition:opacity .2s,color .2s}
.fragrance-nav svg{width:28px}
.fragrance-nav:hover:not(:disabled){color:#738270}
.fragrance-nav:disabled{opacity:.28;cursor:default}
.previous-fragrance{justify-self:start}.previous-fragrance svg{transform:rotate(180deg)}
.next-fragrance{justify-self:end}
.explorer-position{text-align:center}
.position-count{display:flex;align-items:baseline;justify-content:center;gap:15px;font-weight:300;margin:0;line-height:1.2}
.current-position{font-size:23px}.position-total{font-size:12px;color:#817f73}.position-slash{font-size:12px;color:#b3ada0}
.explorer-gesture{font-size:9px;color:#8a8579;margin:8px 0 0}
.mobile-gesture{display:none}
.is-dragging,.is-dragging .explorer-art{cursor:grabbing;user-select:none}
.explorer-pending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}
.explorer-pending[hidden],.explorer-fragrance[hidden]{display:none}
.pending-number{font-family:Bellefair,Georgia,serif;font-size:110px;color:#c3baaa;line-height:1;margin-bottom:18px}
.explorer-pending h3{font:400 45px Bellefair,Heebo,serif;margin:0 0 15px}
.explorer-pending p{font-size:14px;color:var(--muted);margin:0 0 30px}
.pending-return{display:flex;align-items:center;gap:6px;font-size:13px;min-height:44px;border-bottom:1px solid #aaa08c}
.pending-return svg{margin-inline-start:25px;width:20px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-dialog #dialog-description{white-space:pre-line}
@media(min-width:1600px){.explorer-information{max-width:440px}}
@media(max-width:1100px) and (min-width:701px){
  .explorer-fragrance{grid-template-columns:48% 52%}
  .explorer-information{width:calc(100% - 65px)}
  .fragrance-identity h3{font-size:clamp(58px,7vw,78px)}
  .profile-row{grid-template-columns:54px 1fr 67px;gap:10px}
  .fragrance-occasions{gap:9px}.fragrance-occasions li{gap:5px;font-size:11px}
  .explorer-art img{object-position:80% 70%;transform:scale(1.2)}
}

/* Legal, consent and accessibility layer */
.skip-link{position:fixed;z-index:10000;top:10px;right:10px;transform:translateY(-150%);padding:11px 16px;background:#263027;color:#fff}.skip-link:focus{transform:none}
.legal-content{max-width:920px!important;padding-bottom:100px!important}.legal-content>h1{text-align:center;font-size:clamp(44px,5vw,70px);margin:58px 0 42px}.legal-content h2{font-size:22px;font-weight:400;color:#384137;margin:40px 0 12px;padding-bottom:10px;border-bottom:1px solid #d8cebd}.legal-content p,.legal-content li{font-size:15px;line-height:1.9;color:#54544e}.legal-content a{border-bottom:1px solid #9a876a}.legal-content .legal-updated{text-align:center;font-size:11px;color:#8b8275}.legal-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.legal-cards a{display:flex;flex-direction:column;gap:7px;min-height:110px;padding:22px;border:1px solid #d6ccbb;background:#f9f6ef}.legal-cards strong{font-size:17px;font-weight:400;color:#374036}.legal-cards span{font-size:12px;color:#797267}
.footer-legal a,.footer-legal button{font:inherit;color:inherit}.footer-legal button{border:0;background:transparent;padding:0;border-bottom:1px solid #a99b87;cursor:pointer}
.cookie-banner{position:fixed;z-index:9000;right:24px;bottom:24px;width:min(520px,calc(100% - 48px));display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px 24px;background:#f8f5ee;border:1px solid #bbaa8f;box-shadow:0 24px 70px rgba(45,39,31,.18)}.cookie-banner[hidden]{display:none}.cookie-banner strong{font-size:16px;font-weight:400;color:#354034}.cookie-banner p{font-size:11px;line-height:1.7;color:#666158;margin:6px 0}.cookie-banner a{font-size:10px;border-bottom:1px solid #9d8c71}.cookie-actions{display:flex;gap:8px;flex-direction:column}.cookie-actions button{min-width:116px;padding:10px 13px;border:1px solid #465140;background:#465140;color:#fff;cursor:pointer}.cookie-actions button:first-child{background:transparent;color:#465140}
.accessibility-trigger{position:fixed;z-index:8500;left:18px;bottom:18px;width:58px;height:58px;border-radius:50%;border:1px solid #8f7f65;background:#f8f5ed;color:#354034;box-shadow:0 12px 35px rgba(50,43,34,.18);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}.accessibility-trigger:hover,.accessibility-trigger[aria-expanded="true"]{background:#3d493a;color:#fff;transform:translateY(-2px)}.accessibility-symbol{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.accessibility-panel{position:fixed;z-index:9100;left:18px;bottom:88px;width:300px;padding:20px;background:#faf7f0;border:1px solid #a9997e;box-shadow:0 24px 65px rgba(45,39,31,.22);direction:rtl}.accessibility-panel[hidden]{display:none}.accessibility-panel>div{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.accessibility-panel h2{font-size:19px;font-weight:400;margin:0;color:#2f392f}.accessibility-panel #accessibility-description{font-size:11px;line-height:1.55;color:#6b665c;margin:4px 0 0}.accessibility-panel button:not(.accessibility-close),.accessibility-panel>a{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 10px;text-align:right;border:0;border-bottom:1px solid #ddd3c3;background:transparent;color:#303a31;cursor:pointer;font-size:13px}.accessibility-panel button:not(.accessibility-close)>span{width:27px;text-align:center;font-weight:400}.accessibility-panel button[aria-pressed="true"]{background:#e6eadf;color:#233020;font-weight:400}.accessibility-panel button[aria-pressed="true"]::after{content:"פעיל";margin-inline-start:auto;font-size:9px;letter-spacing:.04em;color:#52644e}.accessibility-close{width:44px;height:44px;min-width:44px;border:0;background:transparent;font-size:27px;line-height:1;cursor:pointer}.accessibility-panel>a{justify-content:center;margin-top:10px;text-align:center;border:1px solid #465140;font-weight:400}
html.a11y-contrast body{background:#fff!important;color:#000!important}html.a11y-contrast *{border-color:#000!important}html.a11y-links a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px}html.a11y-motion *,html.a11y-motion *:before,html.a11y-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:700px){.legal-content>h1{margin:38px 0 30px}.legal-content h2{font-size:19px}.legal-content p,.legal-content li{font-size:14px}.legal-cards{grid-template-columns:1fr}.cookie-banner{right:12px;bottom:12px;width:calc(100% - 24px);grid-template-columns:1fr;padding:18px}.cookie-actions{flex-direction:row}.cookie-actions button{flex:1;min-width:0}.accessibility-trigger{left:12px;bottom:12px}.accessibility-panel{left:12px;bottom:74px;width:calc(100% - 24px)}}
@media(max-width:700px){
  .fragrance-explorer{height:100svh;min-height:840px;grid-template-rows:60px minmax(0,1fr) 76px}
  .explorer-heading{gap:10px}.explorer-heading h2{font-size:11px}.explorer-heading p{font-size:18px}
  .explorer-stage{min-height:0}
  .explorer-fragrance{grid-template-columns:1fr;grid-template-rows:285px auto;grid-template-areas:'photograph' 'information';height:auto}
  .explorer-art{height:285px}
  .explorer-art img{width:calc(100% + 140px);left:-140px;right:auto;object-position:50% 62%;transform:none}
  .explorer-art figcaption{font-size:6px;bottom:17px;letter-spacing:1.7px}
  .explorer-information{width:calc(100% - 48px);max-width:none;padding:18px 0 17px}
  .fragrance-identity h3{font-size:54px;line-height:.94;margin-bottom:8px}
  .fragrance-inspiration{font-size:12px}
  .fragrance-family{font-size:12px;margin:14px 0 7px}
  .explorer-description{font-size:13px;line-height:1.7;margin-bottom:14px}
  .profile-row{min-height:33px;gap:2px 8px;grid-template-columns:1fr 1fr;font-size:12px}
  .profile-meter{grid-column:1/-1;grid-row:2;height:8px}
  .profile-value{grid-column:2;grid-row:1;font-size:11px}
  .profile-note{grid-column:1/-1;margin:0;font-size:9px}
  .fragrance-profile{display:grid;grid-template-columns:1fr 1fr;gap:9px 25px;margin-bottom:16px}
  .fragrance-occasions li{font-size:11px;gap:6px}.fragrance-occasions{gap:10px}
  .explorer-product-action{margin-top:17px;padding-top:10px}
  .fragrance-action{font-size:12px;width:145px}
  .fragrance-price{font-size:24px}
  .fragrance-nav{gap:9px;font-size:10px}.fragrance-nav svg{width:23px}
  .current-position{font-size:20px}.position-count{gap:11px}
  .explorer-gesture{font-size:8px}
  .desktop-gesture{display:none}.mobile-gesture{display:inline}
  .explorer-pending{min-height:640px}
  .fragrance-explorer.is-pending .explorer-stage{min-height:0}
  .fragrance-explorer.is-pending .explorer-pending{min-height:0}
}

.coming-soon-price{font-size:18px;font-weight:400;color:var(--fragrance-ink);line-height:1.35}
.fragrance-explorer.is-coming-soon .explorer-commerce-footer .commerce-cluster{grid-template-columns:1fr 1fr;width:min(620px,100%)}
.fragrance-explorer.is-coming-soon .explorer-commerce-footer .pair-offer{display:none}
@media(max-width:700px){
 .coming-soon-price{font-size:12px}
 .fragrance-explorer.is-coming-soon .explorer-commerce-footer .commerce-cluster{grid-template-columns:1fr 1fr}
}

/* Simplified conversion area: one price, one action, one clear offer badge. */
.fragrance-badges{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:12px}
.fragrance-badges .fragrance-badge{margin:0}
.collection-offer-badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 13px;border:1px solid rgba(151,128,91,.5);background:rgba(232,222,204,.58);color:#675944;font-size:10px;font-weight:400;white-space:nowrap;backdrop-filter:blur(6px)}
.explorer-commerce-footer .pair-offer,.explorer-commerce-footer .explorer-position{display:none!important}
.collection-page .fragrance-explorer{grid-template-rows:minmax(0,1fr) 116px}
.explorer-commerce-footer{min-height:116px;display:flex;align-items:center;justify-content:center;padding:18px var(--gutter);background:#f4f0e8}
.explorer-commerce-footer .commerce-cluster,.fragrance-explorer.is-coming-soon .explorer-commerce-footer .commerce-cluster{width:min(650px,100%);min-height:78px;display:block;background:transparent;border:0}
.explorer-commerce-footer .explorer-product-action{height:100%;display:grid;grid-template-columns:minmax(210px,1fr) minmax(190px,.8fr);align-items:center;gap:34px}
.explorer-commerce-footer .fragrance-price{height:auto;padding:0;border:0;align-items:flex-start;justify-content:center}
.explorer-commerce-footer .fragrance-price .sale-label{font-size:10px;letter-spacing:.08em;margin-bottom:4px}
.explorer-commerce-footer .fragrance-price .sale-price{font:400 40px/1 Bellefair,Heebo,serif;color:#354034}
.explorer-commerce-footer .fragrance-price .sale-price span{font-size:20px}
.explorer-commerce-footer .fragrance-price .original-price{font-size:13px}
.explorer-commerce-footer .fragrance-price .price-saving{font-size:10px;margin-top:4px}
.explorer-commerce-footer .fragrance-order{height:auto;padding:0;gap:7px}
.explorer-commerce-footer .fragrance-action{min-height:56px;padding:13px 21px;background:#414a3b;color:#fffdf7;border:1px solid #414a3b;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font-size:14px;letter-spacing:.01em;box-shadow:none}
.explorer-commerce-footer .fragrance-action:hover{background:#303a2d;border-color:#303a2d;color:#fffdf7}
.explorer-commerce-footer .fragrance-action:hover svg{transform:translateX(-3px)}
.explorer-commerce-footer .cta-note{font-size:9px}
.collection-page .site-footer{margin-top:clamp(54px,6vw,92px);position:relative}
.collection-page .site-footer:before{content:'';position:absolute;left:var(--gutter);right:var(--gutter);top:calc(clamp(54px,6vw,92px) * -0.5);height:1px;background:#d8d0c3}
.fragrance-explorer.is-coming-soon .explorer-commerce-footer .explorer-product-action{grid-template-columns:minmax(230px,1fr) minmax(190px,.8fr)}
@media(max-width:700px){
 .fragrance-badges{gap:6px;flex-wrap:wrap}
 .collection-offer-badge,.fragrance-badges .fragrance-badge{font-size:9px;min-height:24px;padding:4px 9px}
 .collection-page .fragrance-explorer{grid-template-rows:minmax(0,1fr) 102px}
 .explorer-commerce-footer{min-height:102px;padding:12px 18px}
 .explorer-commerce-footer .commerce-cluster{min-height:0}
 .explorer-commerce-footer .explorer-product-action,.fragrance-explorer.is-coming-soon .explorer-commerce-footer .explorer-product-action{grid-template-columns:1fr 1.1fr;gap:16px}
 .explorer-commerce-footer .fragrance-price{height:auto;padding:0}
 .explorer-commerce-footer .fragrance-price .sale-price{font-size:30px}
 .explorer-commerce-footer .fragrance-price .original-price{font-size:11px}
 .explorer-commerce-footer .fragrance-action{min-height:48px;padding:10px 13px;font-size:11px}
 .collection-page .site-footer{margin-top:44px}
}
@media(min-width:701px) and (max-height:820px){
  .fragrance-explorer{min-height:740px;grid-template-rows:70px minmax(0,1fr) 76px}
  .explorer-information{padding:12px 0}
  .fragrance-identity h3{font-size:76px}
  .fragrance-family{margin-top:18px}
  .explorer-description{margin-bottom:16px}
  .fragrance-profile{margin-bottom:17px}.profile-row{min-height:28px}
  .explorer-product-action{margin-top:19px;padding-top:13px}
}
/* Shared catalogue structure for all five NJ fragrances. */
.explorer-information{width:calc(100% - 110px);max-width:430px;padding:18px 0}
.fragrance-identity h3{height:96px;display:flex;flex-direction:column;justify-content:center;font-size:82px;line-height:.93;margin:0 0 5px;color:var(--fragrance-ink,#303a35)}
.fragrance-identity h3 span{display:block;white-space:nowrap}
.fragrance-identity h3.long-title{font-size:53px;line-height:.88;letter-spacing:.025em}
.fragrance-identity h3.medium-title{font-size:63px}
.fragrance-inspiration{font-size:12px;line-height:1.65;min-height:32px;margin:0;color:#79736b;font-weight:300}
.fragrance-inspiration bdi{font-weight:300}
.fragrance-classification{display:flex;align-items:center;gap:12px;margin:9px 0 11px;min-height:22px}
.fragrance-gender{font-size:11px;color:#746f64;border-inline-end:1px solid #c9c2b5;padding-inline-end:12px;white-space:nowrap}
.fragrance-family{display:block;font-size:12px;line-height:1.7;margin:0;color:var(--fragrance-ink,#303a35)}
.explorer-description{font-size:14px;line-height:1.8;min-height:76px;max-width:none;margin:0 0 15px}
.fragrance-profile{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:0 0 16px}
.profile-row{grid-template-columns:1fr 1fr;min-height:32px;gap:2px 8px;font-size:12px}
.profile-meter{grid-row:2;grid-column:1/-1;height:9px}
.profile-meter i.filled{background:var(--fragrance-accent,#7c8c7c)}
.profile-value{grid-row:1;grid-column:2;font-size:10px}
.profile-note{grid-column:1/-1;margin:0;font-size:9px}
.fragrance-notes{min-height:68px;margin-bottom:12px}
.fragrance-notes h4{font:400 11px Heebo,Arial,sans-serif;color:#5e6257;margin:0 0 5px}
.notes-list{font-size:12px;line-height:1.9;color:#747568;margin:0;text-wrap:pretty}
.fragrance-occasions{gap:10px;min-height:23px;align-items:center}
.fragrance-occasions li{font-size:10px;gap:5px}
.fragrance-occasions svg{width:15px;height:15px}
.fragrance-mood{display:flex;gap:12px;font-size:11px;line-height:1.8;color:#747568;margin:12px 0 0}
.fragrance-mood>span:first-child{font-size:10px;color:#909083;white-space:nowrap}
.explorer-product-action{margin-top:17px;padding-top:13px}
@media(max-width:1100px) and (min-width:701px){
  .explorer-information{width:calc(100% - 58px)}
  .fragrance-identity h3{font-size:66px;height:93px}
  .fragrance-identity h3.long-title{font-size:44px}
  .fragrance-identity h3.medium-title{font-size:50px}
  .fragrance-classification{gap:8px}.fragrance-gender{padding-inline-end:8px}
  .explorer-description{font-size:13px;min-height:76px}
  .fragrance-profile{gap:8px 20px}
  .fragrance-occasions{gap:6px;flex-wrap:wrap}.fragrance-occasions li{font-size:9px;gap:4px}
}
@media(min-width:701px) and (max-height:820px){
  .fragrance-explorer{grid-template-rows:62px minmax(0,1fr) 66px}
  .explorer-information{padding:8px 0}
  .fragrance-identity h3{height:79px;font-size:68px}
  .fragrance-identity h3.long-title{font-size:44px}
  .fragrance-identity h3.medium-title{font-size:52px}
  .fragrance-inspiration{min-height:25px;font-size:11px}
  .fragrance-classification{margin:4px 0 7px}
  .explorer-description{font-size:13px;min-height:68px;margin-bottom:10px}
  .fragrance-profile{margin-bottom:10px;gap:7px 20px}
  .profile-row{min-height:28px}
  .fragrance-notes{min-height:59px;margin-bottom:8px}
  .notes-list{font-size:11px;line-height:1.8}
  .fragrance-mood{margin-top:8px}
  .explorer-product-action{margin-top:10px;padding-top:8px}
}
@media(max-width:700px){
  .fragrance-explorer{height:100svh;min-height:680px;grid-template-rows:60px minmax(0,1fr) 76px}
  .explorer-stage{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c6c0b3 transparent;overscroll-behavior-x:none}
  .explorer-fragrance{grid-template-rows:235px auto}
  .explorer-art{height:235px}
  .explorer-art img{width:calc(100% + 80px);left:-80px;object-position:50% 64%}
  .explorer-information{width:calc(100% - 48px);padding:20px 0 28px}
  .fragrance-identity h3{height:84px;font-size:57px}
  .fragrance-identity h3.long-title{font-size:43px}
  .fragrance-identity h3.medium-title{font-size:49px}
  .fragrance-inspiration{min-height:30px;font-size:11px}
  .fragrance-classification{gap:9px;margin:7px 0 11px}
  .fragrance-gender{font-size:10px;padding-inline-end:9px}
  .fragrance-family{font-size:11px}
  .explorer-description{font-size:13px;min-height:0;margin-bottom:17px}
  .fragrance-profile{gap:10px 24px;margin-bottom:20px}
  .profile-row{font-size:12px;min-height:32px}
  .profile-value{font-size:10px}
  .fragrance-notes{min-height:0;margin-bottom:19px}
  .notes-list{font-size:12px}
  .fragrance-occasions{gap:13px 16px;flex-wrap:wrap;justify-content:flex-start}
  .fragrance-occasions li{font-size:11px;gap:5px}
  .fragrance-mood{margin-top:17px;font-size:11px}
  .explorer-product-action{margin-top:18px;padding-top:14px}
}
@media(min-width:1700px){.hero-copy{inset-inline-start:12%}}
@media(max-width:1050px) and (min-width:701px){
  .desktop-nav{gap:20px}
  .hero-copy{inset-inline-start:6%;width:45%}
  h1{font-size:clamp(51px,6.7vw,70px);letter-spacing:-1.8px}
  .campaign-image{object-position:42% 50%}
  .description{max-width:280px;font-size:13px}
}
@media(max-width:700px){
  :root{--gutter:24px}
  .header{height:83px;grid-template-columns:1fr auto 1fr}
  .desktop-nav{display:none}.menu-button{display:flex;justify-self:start;margin-right:-8px}
  .header-actions{gap:0;margin-left:-8px}.account-button{display:none}
  .brand-mark{font-size:37px;letter-spacing:-2.5px}.brand-name{font-size:7px;letter-spacing:3.3px;margin-top:6px}.brand{padding-bottom:5px}
  .hero{height:calc(100svh - 83px);min-height:690px;max-height:1000px}
  .hero-copy{top:28px;inset-inline-start:var(--gutter);width:calc(100% - 48px);max-width:none;transform:none}
  h1{font-size:57px;line-height:1.04;letter-spacing:-1.65px;margin-bottom:18px}
  .description{font-size:13px;line-height:1.9;max-width:315px;margin-bottom:12px}
  .collection-cta{width:151px;font-size:12px}
  .hero-visual{left:0;right:0;top:278px;bottom:0;width:100%;height:auto;transform-origin:50% 60%}
  .campaign-image{object-position:50% 50%}
  .mobile-nav:not([hidden]){display:flex;position:absolute;z-index:6;top:83px;right:0;left:0;padding:24px;gap:12px;flex-direction:column;align-items:flex-start;background:var(--ivory);border-bottom:1px solid var(--line);box-shadow:0 18px 35px #2928240a}
  .mobile-nav a,.mobile-nav button{font-size:15px;padding:8px 0}
}
@media(max-width:360px){h1{font-size:49px}.description{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* A quiet typographic opening; photography belongs to the collection. */
.campaign{min-height:0}
.hero{height:auto;min-height:0;max-height:none;padding:54px var(--gutter) 62px;border-bottom:1px solid var(--line)}
.hero-copy{position:static;transform:none;width:100%;max-width:none;display:grid;grid-template-columns:1fr 300px;column-gap:60px;align-items:center}
.hero h1{grid-row:1/3;margin:0;font-size:clamp(54px,5.8vw,88px);line-height:1.1}
.hero h1 span{display:inline}
.hero .description{margin:0 0 12px;font-size:13px}
.hero .collection-cta{font-size:12px}
.profile-character{display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:11px}
.character-description{font-size:12px;font-weight:400;color:var(--fragrance-ink);line-height:1.4}
.explorer-navigation{border-top:0}
.explorer-navigation:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:var(--line)}
.nav-caption{display:flex;flex-direction:column;gap:5px;text-align:right}
.nav-caption small{font-size:10px;color:#847c70;font-weight:300}
.nav-product{font-family:Bellefair,Georgia,serif;font-size:19px;letter-spacing:.06em;line-height:1.1}
.fragrance-nav{gap:24px;transition:color .4s}
.fragrance-nav svg{width:48px;height:22px;transition:transform .6s cubic-bezier(.16,1,.3,1);stroke-width:1}
.next-fragrance:hover:not(:disabled) svg{transform:translateX(-8px)}
.previous-fragrance:hover:not(:disabled) svg{transform:translateX(8px) rotate(180deg)}
.chapter-track{display:flex;direction:rtl;gap:6px;margin:9px auto 0;width:110px}
.chapter-track i{height:1px;flex:1;background:#d3cbbf;transition:background .5s,flex .5s}
.chapter-track i.active{background:var(--fragrance-ink);flex:2}
.explorer-gesture{margin-top:6px}
.current-position{font-family:Bellefair,Georgia,serif;font-size:28px}
@media(max-width:700px){
 .hero{padding:28px 24px 34px}
 .hero-copy{display:block}
 .hero h1{font-size:46px;margin-bottom:16px}
 .hero h1 span{display:block}
 .hero .description{max-width:290px;font-size:12px}
 .fragrance-nav{gap:7px;max-width:124px}
 .fragrance-nav svg{width:25px;flex-shrink:0}
 .nav-caption small{font-size:9px}
 .nav-product{font-size:12px;letter-spacing:.02em;max-width:89px;white-space:normal}
 .chapter-track{width:56px;gap:4px;margin-top:5px}
 .explorer-gesture{font-size:7px}
 .position-count{gap:8px}.current-position{font-size:23px}
 .character-description{font-size:11px}
}

/* Editorial brand opening, without a second product photograph. */
.hero{height:calc(88svh - 96px);min-height:570px;max-height:850px;padding:50px var(--gutter) 76px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f3f0e9}
.hero-light{position:absolute;width:47%;height:140%;top:-24%;left:-17%;transform:rotate(28deg);background:#faf8f2;box-shadow:30px 0 65px #b8ac9610,100px 0 120px #b8ac960c;pointer-events:none;z-index:-1}
.hero:after{display:none}
.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;inset:auto;z-index:1}
.hero-signature{font:11px Arial,sans-serif;letter-spacing:.42em;color:#7e7362;margin:0 0 36px;padding-left:.42em}
.hero h1{font-size:clamp(76px,8.7vw,132px);line-height:.98;letter-spacing:-2px;margin:0 0 28px;font-weight:400}
.hero h1 span{display:block}
.hero h1 span:last-child{margin-top:8px}
.hero .description{font-size:14px;max-width:350px;line-height:1.9;margin:0 0 23px;text-wrap:balance;color:#756d60}
.hero .collection-cta{width:166px;font-size:12px;padding-bottom:12px;border-color:#b2a591}
.hero-baseline{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;color:#8a8070;font-size:11px}
.hero-baseline [lang=en]{font:8px Arial,sans-serif;letter-spacing:.23em}
@media(max-width:700px){
 .hero{height:calc(88svh - 83px);min-height:540px;max-height:740px;padding:38px 24px 76px}
 .hero-signature{font-size:9px;letter-spacing:.36em;margin-bottom:34px}
 .hero h1{font-size:clamp(59px,17vw,82px);line-height:1.03;letter-spacing:-1.5px;margin-bottom:24px}
 .hero .description{font-size:13px;max-width:280px;margin-bottom:23px}
 .hero-light{width:70%;left:-49%;top:-20%}
 .hero-baseline{bottom:23px;justify-content:center;font-size:10px}
 .hero-baseline [lang=en]{display:none}
}

/* Responsive catalogue: portrait tablets use an uninterrupted vertical spread. */
@media (min-width:701px) and (max-width:1000px) and (orientation:portrait){
 :root{--gutter:36px}
 .header{height:90px}.desktop-nav{gap:18px;font-size:12px}
 .hero{height:calc(78svh - 90px);min-height:570px}
 .hero h1{font-size:100px}
 .fragrance-explorer{height:100svh;min-height:740px;grid-template-rows:72px minmax(0,1fr) 90px}
 .explorer-stage{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c6c0b3 transparent}
 .explorer-fragrance{height:auto;grid-template-columns:1fr;grid-template-rows:360px auto;grid-template-areas:'photograph' 'information'}
 .explorer-art{height:360px}
 .explorer-art img{width:100%;height:100%;transform:none;object-position:50% 58%}
 .explorer-information{width:calc(100% - 96px);max-width:620px;padding:30px 0 36px}
 .fragrance-identity h3{height:auto;min-height:82px;font-size:76px}
 .fragrance-identity h3.long-title{font-size:54px}.fragrance-identity h3.medium-title{font-size:65px}
 .fragrance-inspiration{font-size:13px;min-height:24px}
 .fragrance-classification{margin:12px 0}.fragrance-family{font-size:13px}
 .explorer-description{min-height:0;font-size:15px;margin-bottom:22px}
 .fragrance-profile{gap:14px 36px;margin-bottom:22px}
 .profile-row{font-size:13px}.profile-value{font-size:11px}
 .character-description{font-size:13px}
 .fragrance-notes{min-height:0;margin-bottom:20px}.notes-list{font-size:13px}
 .fragrance-occasions li{font-size:12px}.fragrance-occasions svg{width:18px;height:18px}
 .fragrance-mood{font-size:12px;margin-top:18px}
 .explorer-product-action{margin-top:20px;padding-top:16px}
 .desktop-gesture{display:none}.mobile-gesture{display:inline}
}
@media(max-width:700px){
 .explorer-information{min-width:0}
 .fragrance-identity h3{font-size:clamp(44px,14.5vw,65px)}
 .fragrance-identity h3.long-title{font-size:clamp(33px,10.8vw,48px)}
 .fragrance-identity h3.medium-title{font-size:clamp(38px,12.5vw,54px)}
 .fragrance-classification{align-items:flex-start}
 .fragrance-family{min-width:0}
 .explorer-heading p{font-size:clamp(15px,4.6vw,20px)}
 .explorer-heading h2{white-space:nowrap}
 .preview-dialog{max-height:calc(100svh - 32px);overflow-y:auto}
}
@media(max-width:360px){
 :root{--gutter:18px}
 .hero{padding-inline:18px}.hero h1{font-size:55px}
 .explorer-information{width:calc(100% - 36px)}
 .fragrance-nav{max-width:104px;gap:5px}
 .nav-product{font-size:11px;max-width:74px}
 .fragrance-nav svg{width:20px}
 .chapter-track{width:42px}.explorer-gesture{font-size:6px}
 .nav-caption small{font-size:8px}
}
@media(pointer:coarse){
 .fragrance-nav,.fragrance-action,.collection-cta{min-height:48px}
 .desktop-gesture{display:none}.mobile-gesture{display:inline}
}
@media(max-height:600px) and (orientation:landscape){
 .hero{height:auto;min-height:470px}
 .fragrance-explorer{height:auto;min-height:740px;grid-template-rows:62px minmax(600px,1fr) 78px}
}
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){
 .explorer-art{background:#f2eee5}
 .explorer-art img{object-fit:contain;object-position:center}
}

/* Sale pricing keeps the current price prominent and the previous price secondary. */
.fragrance-price{display:flex;flex-direction:column;gap:5px}
.fragrance-price .sale-label{font:400 10px Heebo,Arial,sans-serif;color:var(--fragrance-ink);margin:0}
.price-amounts{display:flex;align-items:baseline;gap:12px}
.fragrance-price .original-price{font:300 14px Heebo,Arial,sans-serif;color:#82796b;text-decoration-thickness:1px}
.fragrance-price .sale-price{font-weight:400}
@media(max-width:360px){.price-amounts{gap:7px}.fragrance-price .original-price{font-size:12px}.fragrance-action{width:130px}.explorer-product-action{gap:12px}}

/* Clear commercial emphasis within the warm editorial palette. */
.hero-offer{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#544b3e;margin:0 0 20px}
.hero-offer>bdi{font-size:23px;font-weight:400;color:#343c31}
.hero-offer>span{font-size:12px;color:#776d5d}
.hero .description{margin-bottom:14px}
.hero .collection-cta{width:220px;min-height:50px;background:#414b3b;color:#fffdf7;border:1px solid #414b3b;padding:12px 18px;font-size:13px;transition:background .2s}
.hero .collection-cta:hover{background:#303c2c;color:#fffdf7}
.explorer-product-action{align-items:center;border-top:1px solid #c6baa5;padding-top:15px}
.fragrance-action{width:180px;min-height:50px;padding:12px 16px;background:#414b3b;color:#fffdf7;border:1px solid #414b3b;font-size:13px;transition:background .2s}
.fragrance-action:hover{background:#303c2c;color:#fffdf7;border-color:#303c2c}
.fragrance-price{gap:4px}
.fragrance-price .sale-label{font-size:11px;font-weight:400;color:#544b3e}
.fragrance-price .sale-price{font-size:34px;color:#343c31;line-height:1.1}
.fragrance-price .sale-price span{font-size:17px}
.fragrance-price .original-price{font-size:15px}
.fragrance-price .price-saving{font-size:10px;margin:0;color:#665741;font-weight:400}
@media(max-width:700px){
 .hero-signature{margin-bottom:25px}
 .hero h1{margin-bottom:20px}
 .hero-offer{font-size:12px;gap:7px;margin-bottom:18px}
 .hero-offer>bdi{font-size:22px}.hero-offer>span{font-size:11px}
 .fragrance-action{width:155px;padding-inline:12px;font-size:12px}
 .explorer-product-action{gap:14px}
 .fragrance-price .sale-price{font-size:30px}
 .fragrance-price .original-price{font-size:13px}
}
@media(max-width:360px){
 .fragrance-action{width:133px;padding-inline:9px}
 .fragrance-price .sale-price{font-size:28px}
 .fragrance-price .original-price{font-size:12px}
 .explorer-product-action{gap:10px}
}

/* A silent campaign film plays once behind the usable opening. */
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;opacity:0;transition:opacity .8s;pointer-events:none}
.hero.film-ready .hero-film{opacity:.68}
.hero.film-ready .hero-light{opacity:0}
.film-control{position:absolute;top:22px;left:var(--gutter);display:flex;gap:9px;align-items:center;min-height:44px;padding:8px 0;font-size:10px;color:#665e51;z-index:2}
.film-control[hidden]{display:none}
.film-control-symbol{font:16px Arial,sans-serif;width:16px;text-align:center}
@media(max-width:700px){.film-control{top:8px;font-size:9px}.hero-film{object-position:85% center}.hero.film-ready .hero-film{opacity:.48}}

/* Campaign composition: crisp motion on the left, Hebrew editorial copy on the right. */
.hero{height:calc(100svh - 96px);min-height:660px;max-height:960px;justify-content:flex-start;padding-inline:7%;background:#f3f0e9}
.hero-copy{width:47%;align-items:flex-start;text-align:right}
.hero h1{font-size:clamp(76px,7.8vw,120px);line-height:1.02}
.hero h1 span:last-child{white-space:normal;max-width:560px}
.hero-signature{margin-bottom:28px;font-size:10px;letter-spacing:.4em}
.hero .description{max-width:325px;font-size:14px;color:#625b50}
.hero-offer{justify-content:flex-start;margin-top:9px}
.hero-film{object-position:center;object-fit:cover;transition:opacity 1.1s;background:#f3f0e9}
.hero.film-ready .hero-film{opacity:1}
.hero .collection-cta{width:226px;min-height:52px}
.hero-baseline{color:#6e6659}
.film-control{top:auto;bottom:20px;left:7%;color:#514c42;gap:10px;font-size:10px}
.film-progress{width:62px;height:1px;background:#b8ac9670;display:block;margin-inline-start:8px;direction:ltr}
.film-progress i{display:block;width:100%;height:1px;background:#665f51;transform:scaleX(var(--film-progress,0));transform-origin:left}
.hero-baseline [lang=en]{display:none}
.hero-baseline{justify-content:flex-start}
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){
 .hero{height:calc(86svh - 90px);min-height:650px;padding-inline:6%}
 .hero-copy{width:51%}.hero h1{font-size:78px}.hero .description{font-size:13px}
 .hero-film{object-position:42% center}
}
@media(max-width:700px){
 .hero{height:auto;min-height:0;max-height:none;padding:330px 24px 82px;display:block}
 .hero-film{height:320px;object-position:27% center;object-fit:cover;background:#f3f0e9}
 .hero.film-ready .hero-film{opacity:1}
 .hero-copy{width:100%;align-items:center;text-align:center}
 .hero-signature{font-size:9px;margin-bottom:19px}
 .hero h1{font-size:clamp(56px,15vw,74px);line-height:1.02;margin-bottom:19px}
 .hero h1 span:last-child{white-space:nowrap}
 .hero .description{font-size:13px;max-width:290px;margin-bottom:8px}
 .hero-offer{justify-content:center;margin-bottom:18px}
 .hero-baseline{justify-content:center;bottom:20px;font-size:9px}
 .film-control{top:10px;bottom:auto;left:20px;font-size:9px}
 .film-progress{width:42px}
 .hero-light{height:320px;top:0}
}
@media(max-height:600px) and (min-width:701px){.hero{height:auto;min-height:600px}}

.hero-film[poster]{opacity:1}
.hero-film{filter:none}
.hero-signature{color:#665e50}
@media(max-width:700px){.hero-copy{padding-top:13px}}

/* Product art must remain fully visible at every breakpoint. */
.brand img{width:124px;height:78px;object-fit:contain;object-position:center;mix-blend-mode:normal}
.explorer-art{background:#f5f1e9}
.explorer-art img{inset:0;left:0;right:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transform-origin:center}
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){
 .explorer-fragrance{grid-template-rows:440px auto}
 .explorer-art{height:440px}
}
@media(max-width:700px){
 .brand img{width:106px;height:68px}
 .explorer-fragrance{grid-template-rows:360px auto}
 .explorer-art{height:360px}
 .explorer-art img{inset:0;left:0;right:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
}
@media(min-width:1001px){
 .explorer-fragrance{display:block;position:relative}
 .explorer-art{position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .explorer-art img{inset:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
 .explorer-information{position:absolute;z-index:1;top:50%;right:clamp(46px,5.5vw,104px);transform:translateY(-50%);width:min(44vw,570px);max-width:570px;margin:0;padding:30px 36px 27px;background:rgba(247,244,237,.84);box-shadow:0 0 80px 46px rgba(247,244,237,.58);backdrop-filter:blur(3px);text-shadow:none}
 .fragrance-identity h3{color:#2e3832}
 .fragrance-inspiration,.explorer-description,.notes-list,.fragrance-mood{color:#53544e}
 .fragrance-family{color:#4f6355}
 .explorer-information .pair-offer{justify-content:flex-start;margin:17px 0 0;padding:13px 0 0;border-top:1px solid #bdb39f;gap:7px 10px}
 .explorer-information .pair-offer-kicker{font-size:10px;color:#655b4d}
 .explorer-information .pair-offer strong{font-size:18px;color:#343d32}
 .explorer-information .pair-offer small{text-align:right;color:#70695e}
 .explorer-product-action{margin-top:12px}
}

.explorer-information .pair-offer{border-top:1px solid #c9bfad;padding-top:12px}
.explorer-information .pair-offer strong{font-weight:400}
@media(max-width:700px){
 .explorer-information .pair-offer{justify-content:start;margin:16px 0 0;padding-top:12px;text-align:right}
 .explorer-information .pair-offer-kicker,.explorer-information .pair-offer small{grid-column:1/-1;text-align:right}
}

/* A wide architectural rhombus joins the copy to the campaign photograph. */
@media(min-width:1001px){
 .explorer-information{isolation:isolate;background:transparent;box-shadow:none;backdrop-filter:none;padding:34px 48px 31px}
 .explorer-information::before,.explorer-information::after{content:'';position:absolute;pointer-events:none;clip-path:polygon(13% 0,100% 0,87% 100%,0 100%)}
 .explorer-information::before{inset:-25px -64px;background:rgba(167,149,119,.48);z-index:-2}
 .explorer-information::after{inset:-24px -62px;background:rgba(247,244,237,.9);backdrop-filter:blur(6px);z-index:-1}
}

/* Desktop: one uninterrupted campaign image with the information composed
   directly into its quiet right-hand space. */
@media(min-width:1001px){
 .explorer-fragrance{display:block;position:relative}
 .explorer-art{position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .explorer-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
 .explorer-information{position:absolute;z-index:1;top:50%;right:clamp(52px,6vw,116px);transform:translateY(-50%);width:min(42vw,540px);max-width:540px;margin:0;padding:24px 0;text-shadow:0 1px 16px rgba(250,248,243,.9)}
 .fragrance-identity h3{font-size:clamp(72px,6.2vw,104px)}
 .explorer-description{max-width:430px;color:#55564f}
 .explorer-art figcaption{left:var(--gutter);bottom:25px;color:#4f5a51}
}

/* A deliberate pause separates the campaign from fragrance selection. */
.collection-introduction{min-height:270px;padding:55px 24px 58px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--ivory)}
.collection-divider{display:block;width:1px;height:40px;background:#b7a991;margin-bottom:24px}
.collection-introduction h2{font:400 12px Heebo,Arial,sans-serif;color:#756b5b;margin:0 0 13px}
.collection-introduction p{font:400 clamp(30px,3vw,44px)/1.2 Bellefair,Heebo,serif;color:#514b40;margin:0;text-wrap:balance}
.pair-offer{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px;color:#514b40}
.pair-offer-kicker{font-size:10px;letter-spacing:.08em;color:#7a6a52}
.pair-offer strong{font-size:19px;font-weight:400;color:#333b31}
.pair-offer>span:not(.pair-offer-kicker){font-size:12px;color:#786f62}
.pair-offer small{flex-basis:100%;font-size:9px;color:#8c8376;margin-top:-4px}
.hero .pair-offer{justify-content:flex-start;margin:0 0 16px}
.fragrance-explorer{grid-template-rows:minmax(0,1fr) 92px;border-top:1px solid #ded6c8}
@media(min-width:701px) and (max-height:820px){.fragrance-explorer{grid-template-rows:minmax(0,1fr) 76px}}
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){.fragrance-explorer{grid-template-rows:minmax(0,1fr) 90px}}
@media(max-width:700px){
 .brand{width:126px;height:76px}.brand img{width:120px;height:148px}
 .pair-offer{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:8px;row-gap:3px;margin-top:19px}
 .pair-offer-kicker{grid-column:1/-1}.pair-offer strong{font-size:18px}.pair-offer small{grid-column:1/-1;margin-top:1px}
 .hero .pair-offer{justify-content:center;display:grid;margin-bottom:17px}
 .collection-introduction{min-height:215px;padding:35px 24px 40px}
 .collection-divider{height:30px;margin-bottom:21px}
 .collection-introduction h2{font-size:11px;margin-bottom:12px}
 .collection-introduction p{font-size:30px;max-width:310px}
 .fragrance-explorer{grid-template-rows:minmax(0,1fr) 76px}
}
@media(max-height:600px) and (orientation:landscape){.fragrance-explorer{grid-template-rows:minmax(600px,1fr) 78px}}
.hero-origin{font-size:12px;color:#665c4c;font-weight:400;margin:-10px 0 24px}
.hero .description{max-width:355px}
.collection-page .collection-introduction{min-height:140px;padding:27px 24px;gap:10px}
.collection-page .collection-introduction h1{font:400 16px Heebo,Arial,sans-serif;letter-spacing:0;line-height:1.5;margin:0;color:#665c4c}
.collection-page .collection-introduction p{font-size:32px}
.collection-page .fragrance-explorer{height:calc(100svh - 236px);min-height:740px}
@media(max-width:700px){
 .hero-origin{font-size:11px;margin:-5px 0 19px}
 .collection-page .collection-introduction{min-height:124px;padding:24px}
 .collection-page .collection-introduction h1{font-size:14px}
 .collection-page .collection-introduction p{font-size:27px}
 .collection-page .fragrance-explorer{height:calc(100svh - 83px);min-height:680px}
}
@media(min-width:1001px) and (min-height:821px){.collection-page .fragrance-explorer{min-height:800px}}

.explorer-stage{cursor:grab;user-select:none;-webkit-user-select:none}
.explorer-stage.is-dragging{cursor:grabbing}

.fragrance-order{display:flex;flex-direction:column;gap:7px}
.delivery-note{font-size:11px;line-height:1.5;color:#555c4d;margin:0;text-align:center;white-space:nowrap}
@media(max-width:360px){.delivery-note{font-size:10px}}

/* Final responsive image rules intentionally override legacy campaign crops. */
.brand img{width:124px;height:78px;object-fit:contain;object-position:center;mix-blend-mode:normal}
.explorer-art img{inset:0;left:0;right:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transform-origin:center}
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){
 .explorer-fragrance{grid-template-rows:440px auto}
 .explorer-art{height:440px}
}
@media(max-width:700px){
 .brand img{width:106px;height:68px}
 .explorer-fragrance{grid-template-rows:360px auto}
 .explorer-art{height:360px}
 .explorer-art img{inset:0;left:0;right:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
}
@media(min-width:1001px){
 .explorer-fragrance{display:block;position:relative}
 .explorer-art{position:absolute;inset:0;width:100%;height:100%;z-index:0}
 .explorer-art img{inset:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}
 .explorer-information{position:absolute;z-index:1;top:50%;right:clamp(52px,6vw,116px);transform:translateY(-50%);width:min(42vw,540px);max-width:540px;margin:0;padding:24px 0;text-shadow:0 1px 16px rgba(250,248,243,.9)}
}

/* Contained, symmetrical jewel geometry. */
@media(min-width:1001px){
 .explorer-information{right:clamp(28px,3.6vw,70px);width:min(47vw,620px);max-width:620px;max-height:calc(100% - 34px);padding:27px 70px 25px;background:transparent;box-shadow:none;backdrop-filter:none;text-shadow:none}
 .explorer-information::before,.explorer-information::after{clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}
 .explorer-information::before{inset:0;background:rgba(161,143,113,.54)}
 .explorer-information::after{inset:2px;background:rgba(247,244,237,.92);backdrop-filter:blur(6px)}
 .fragrance-identity h3{font-size:clamp(66px,5.4vw,88px);line-height:.94;margin-bottom:8px}
 .fragrance-family{margin-top:18px}
 .explorer-description{margin-bottom:17px;line-height:1.72}
 .fragrance-profile{margin-bottom:15px}
 .fragrance-notes{margin-bottom:10px}
 .fragrance-mood{margin-top:8px}
 .explorer-information .pair-offer{margin-top:12px;padding-top:10px}
 .explorer-product-action{margin-top:9px;padding-top:9px}
}

/* The order action uses the same quiet editorial language as the fragrance copy. */
.fragrance-action{width:190px;min-height:46px;padding:8px 0;background:transparent;color:var(--fragrance-ink);border:0;border-bottom:1px solid var(--fragrance-ink);font-size:13px;font-weight:400}
.fragrance-action:hover{background:transparent;color:var(--fragrance-ink);border-color:var(--fragrance-ink);opacity:.72}
.fragrance-action svg{width:19px}
.delivery-note{text-align:right;color:#655f54}
@media(min-width:1001px){
 .explorer-product-action{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px}
 .fragrance-order{align-items:stretch}
 .fragrance-action{width:100%}
 .fragrance-price{align-items:flex-start}
}

/* The desktop commerce line keeps offer, unit price and order action inside
   the jewel instead of stacking below its visual boundary. */
@media(min-width:1001px){
 .explorer-information{max-height:none;padding:24px 58px 22px}
 .commerce-cluster{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:18px;align-items:end;margin-top:10px;padding-top:11px;border-top:1px solid #c9bfad}
 .commerce-cluster>.pair-offer{display:block;margin:0;padding:0;border:0;text-align:right;align-self:center}
 .commerce-cluster>.pair-offer .pair-offer-kicker,.commerce-cluster>.pair-offer strong,.commerce-cluster>.pair-offer>span,.commerce-cluster>.pair-offer small{display:block;margin:0}
 .commerce-cluster>.pair-offer strong{font-size:16px;line-height:1.45}
 .commerce-cluster>.pair-offer>span{font-size:10px;line-height:1.5}
 .commerce-cluster>.pair-offer small{font-size:8px;line-height:1.5;margin-top:2px}
 .commerce-cluster .explorer-product-action{display:contents}
 .commerce-cluster .fragrance-order{gap:5px;align-self:center}
 .commerce-cluster .fragrance-action{font-size:12px;min-height:42px}
 .commerce-cluster .delivery-note{font-size:9px;white-space:normal;line-height:1.4}
 .commerce-cluster .fragrance-price{align-self:center;gap:2px}
 .commerce-cluster .fragrance-price .sale-price{font-size:27px}
 .commerce-cluster .fragrance-price .original-price{font-size:12px}
 .commerce-cluster .fragrance-price .price-saving{font-size:9px}
 .profile-note{display:none}
}

/* Keep the complete purchase decision visible on common laptop screens.
   This compacts the editorial rhythm as one system instead of letting the
   price or order action fall below the visual frame. */
@media(min-width:1001px) and (max-height:950px){
 .explorer-information{padding:18px 58px 16px}
 .fragrance-badge{min-height:23px;margin-bottom:8px;padding:3px 11px}
 .fragrance-identity h3{height:68px;font-size:clamp(54px,4.7vw,72px);margin-bottom:3px}
 .fragrance-identity h3.long-title{font-size:42px}
 .fragrance-identity h3.medium-title{font-size:49px}
 .fragrance-inspiration{min-height:23px;font-size:11px;line-height:1.45}
 .fragrance-classification{margin:3px 0 6px}
 .explorer-description{min-height:0;margin-bottom:8px;font-size:12px;line-height:1.65}
 .fragrance-profile{margin-bottom:7px;gap:5px 22px}
 .profile-row{min-height:25px}
 .fragrance-notes{min-height:0;margin-bottom:5px}
 .notes-list{font-size:10px;line-height:1.65}
 .fragrance-occasions{min-height:18px}
 .fragrance-mood{margin-top:5px;font-size:9px;line-height:1.5}
 .commerce-cluster{margin-top:7px;padding-top:8px}
 .commerce-cluster>.pair-offer{min-height:0}
 .commerce-cluster>.pair-offer strong{font-size:14px}
 .commerce-cluster .fragrance-price .sale-price{font-size:24px}
}

/* Product-native purchase wing: attached to the editorial information rather
   than separated into a site-wide commerce bar. */
.fragrance-explorer.is-pair-ineligible .collection-offer-badge{display:none}
.collection-page .fragrance-explorer{display:block;height:calc(100svh - 236px);min-height:740px}
.collection-page .explorer-stage{height:100%}
.product-detail-stack{grid-area:information;position:relative;z-index:3}
.product-purchase-panel{position:relative;z-index:4;background:rgba(247,244,237,.96);border:1px solid rgba(161,143,113,.58);box-shadow:0 18px 45px rgba(61,53,42,.08)}
.product-purchase-panel .explorer-product-action{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:24px;margin:0;padding:0;border:0}
.product-purchase-panel .fragrance-price{align-items:flex-start;gap:3px;padding:0}
.product-purchase-panel .sale-label{font-size:9px;letter-spacing:.08em;color:#807567}
.product-purchase-panel .sale-price{font:400 38px/1 Bellefair,Heebo,serif;color:var(--fragrance-ink,#354034)}
.product-purchase-panel .sale-price span{font-size:19px}
.product-purchase-panel .original-price{font-size:12px}
.product-purchase-panel .price-saving{font-size:9px;color:#8a7254}
.product-purchase-panel .fragrance-order{gap:6px}
.product-purchase-panel .fragrance-action{width:100%;min-height:51px;padding:12px 18px;background:var(--fragrance-ink,#414a3b);color:#fffdf7;border:1px solid var(--fragrance-ink,#414a3b);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);font-size:13px}
.product-purchase-panel .fragrance-action:hover{background:#30372f;color:#fffdf7;border-color:#30372f}
.product-purchase-panel .cta-note{font-size:8px;color:#7d7569;text-align:center}
.explorer-commerce-footer{display:none!important}
@media(min-width:1001px){
 .product-detail-stack{position:absolute;top:42%;right:clamp(28px,3.6vw,70px);transform:translateY(-50%);width:min(47vw,620px);max-width:620px}
 .product-detail-stack .explorer-information{position:relative;top:auto;right:auto;transform:none;width:100%;max-width:none;margin:0;padding:24px 58px 28px}
 .product-purchase-panel{width:calc(100% - 116px);margin:-12px auto 0;padding:16px 20px 15px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px)}
 .fragrance-profile{bottom:34px}
}
@media(min-width:1001px) and (max-width:1120px){
 .product-detail-stack{right:18px;width:min(49vw,540px)}
 .product-detail-stack .explorer-information{padding-inline:46px}
 .product-purchase-panel{width:calc(100% - 88px);gap:16px}
}
@media(max-width:1000px){
 .collection-page .fragrance-explorer{display:block;height:auto;min-height:680px}
 .collection-page .explorer-stage{height:auto}
 .product-detail-stack{width:calc(100% - 48px);margin:0 auto}
 .product-detail-stack .explorer-information{width:100%;margin:0;padding:20px 0 14px}
 .product-purchase-panel{margin:0 0 22px;padding:14px 16px}
 .product-purchase-panel .explorer-product-action{grid-template-columns:1fr 1.15fr;gap:14px}
 .product-purchase-panel .sale-price{font-size:30px}
 .product-purchase-panel .fragrance-action{min-height:46px;font-size:11px;padding:9px 12px}
 .fragrance-profile{width:calc(100% - 48px)}
}
@media(max-width:700px){
 .product-detail-stack{width:calc(100% - 36px)}
 .product-purchase-panel{padding:12px}
 .product-purchase-panel .explorer-product-action{gap:10px}
 .product-purchase-panel .sale-price{font-size:27px}
 .product-purchase-panel .sale-price span{font-size:14px}
 .product-purchase-panel .fragrance-action{font-size:10px}
 .product-purchase-panel .cta-note{display:none}
 .fragrance-profile{width:calc(100% - 36px)}
}

/* A separate fragrance signature keeps comparison data out of the story. */
.profile-heading{margin:0;font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--fragrance-ink,#303a35)}
@media(min-width:1001px){
 .explorer-information{top:42%;}
 .fragrance-profile{position:absolute;z-index:2;right:clamp(28px,3.6vw,70px);bottom:52px;width:min(47vw,620px);margin:0;padding:14px 34px 13px;display:grid;grid-template-columns:auto repeat(4,1fr);align-items:center;gap:18px;background:rgba(247,244,237,.9);border:1px solid rgba(161,143,113,.62);box-shadow:0 18px 55px rgba(71,61,47,.08);backdrop-filter:blur(8px);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
 .fragrance-profile .profile-row{display:grid;grid-template-columns:1fr;gap:5px;min-width:0;min-height:0}
 .fragrance-profile .profile-label{font-size:10px;color:#68675f}
 .fragrance-profile .profile-value{grid-column:1;grid-row:2;text-align:right;font-size:9px;color:#89857a}
 .fragrance-profile .profile-meter{grid-column:1;grid-row:3;width:100%;height:5px;gap:3px}
 .fragrance-profile .profile-meter i{height:1px}
}
@media(min-width:1001px) and (max-width:1120px){
 .fragrance-profile{right:18px;width:min(49vw,540px);padding-inline:24px;gap:11px}
}
@media(max-width:1000px){
 .fragrance-profile{position:relative;width:calc(100% - 48px);max-width:none;margin:0 auto 24px;padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;border:1px solid rgba(161,143,113,.5);background:rgba(250,248,243,.72)}
 .fragrance-profile .profile-heading{grid-column:1/-1}
}

/* Final interaction polish: arrows never flip or expose clipped hover copy. */
.fragrance-explorer>.fragrance-nav .nav-caption{display:none!important}
.fragrance-explorer>.previous-fragrance:hover:not(:disabled) svg{transform:none}
.fragrance-explorer>.next-fragrance:hover:not(:disabled) svg{transform:rotate(180deg)}
.fragrance-explorer>.fragrance-nav:hover:not(:disabled){color:var(--fragrance-ink);background:rgba(255,253,248,.96);border-color:rgba(71,72,65,.48);box-shadow:0 16px 38px rgba(63,55,44,.13)}

/* A calm, conversion-led purchase dock. */
.collection-page .fragrance-explorer{grid-template-rows:minmax(0,1fr) 124px}
.explorer-commerce-footer{min-height:124px;grid-template-columns:minmax(0,1fr) 126px;gap:46px;padding:20px clamp(72px,7vw,120px);box-shadow:0 -18px 55px rgba(61,54,45,.045)}
.explorer-commerce-footer .commerce-cluster{width:min(900px,100%);grid-template-columns:1.15fr .8fr 1fr;gap:0;background:#fbf9f4;border:1px solid #d8cdbb;min-height:82px}
.explorer-commerce-footer .commerce-cluster>.pair-offer,.explorer-commerce-footer .fragrance-price,.explorer-commerce-footer .fragrance-order{height:100%;padding:15px 28px;display:flex;flex-direction:column;justify-content:center}
.explorer-commerce-footer .commerce-cluster>.pair-offer,.explorer-commerce-footer .fragrance-price{border-inline-start:1px solid #e1d8c9}
.explorer-commerce-footer .commerce-cluster>.pair-offer{gap:2px;background:rgba(221,209,189,.18)}
.explorer-commerce-footer .commerce-cluster>.pair-offer .pair-offer-kicker{font-size:9px;letter-spacing:.08em;color:#877864}
.explorer-commerce-footer .commerce-cluster>.pair-offer strong{font:400 18px/1.35 Heebo,Arial,sans-serif;color:#354034}
.explorer-commerce-footer .commerce-cluster>.pair-offer>span{font-size:10px;color:#867d70}
.explorer-commerce-footer .fragrance-price{align-items:flex-start}
.explorer-commerce-footer .fragrance-price .sale-label{font-size:9px;letter-spacing:.06em;color:#807567}
.explorer-commerce-footer .fragrance-price .sale-price{font-size:29px;line-height:1}
.explorer-commerce-footer .fragrance-price .original-price{font-size:12px}
.explorer-commerce-footer .fragrance-price .price-saving{font-size:9px;color:#8a7254}
.explorer-commerce-footer .fragrance-order{padding:12px 22px;gap:5px}
.explorer-commerce-footer .fragrance-action{min-height:48px;padding:12px 17px;background:#3f4939;color:#fffdf7;border:1px solid #3f4939;font-size:13px}
.explorer-commerce-footer .fragrance-action:hover{background:#2f392c;color:#fffdf7;border-color:#2f392c}
.cta-note{font-size:8px;color:#81796d;text-align:center;font-weight:300;letter-spacing:.03em}
.explorer-commerce-footer .explorer-position{display:flex;flex-direction:column;justify-content:center;align-items:center}

/* The header now resolves into a restrained brand footer. */
.site-footer{background:#ebe6dc;color:#3b3a35;border-top:1px solid #d1c7b7;padding:0 var(--gutter)}
.footer-service{min-height:66px;display:flex;align-items:center;justify-content:center;gap:26px;border-bottom:1px solid #d1c7b7;font-size:11px;color:#655f55}
.footer-service i{width:1px;height:15px;background:#bfb4a2}
.footer-main{min-height:220px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:60px}
.footer-brand{justify-self:start;text-align:center;color:#776b59}
.footer-brand img{display:block;width:132px;height:92px;object-fit:contain;margin:auto}
.footer-brand p{font:8px Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;margin:0}
.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 48px;font-size:12px}
.footer-nav a{position:relative;padding-bottom:4px}
.footer-nav a:after{content:'';position:absolute;right:0;bottom:0;width:0;height:1px;background:#8d7b61;transition:width .25s}
.footer-nav a:hover:after{width:100%}
.footer-statement{justify-self:end;text-align:right;font:400 22px/1.55 Bellefair,Heebo,serif;color:#514b41;margin:0}
.footer-legal{min-height:48px;border-top:1px solid #d1c7b7;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#837b6e}
@media(max-width:1000px){
 .collection-page .fragrance-explorer{grid-template-rows:minmax(0,1fr) 112px}
 .explorer-commerce-footer{min-height:112px;grid-template-columns:1fr auto;gap:12px;padding:10px 18px}
 .explorer-commerce-footer .commerce-cluster{min-height:90px;grid-template-columns:1fr 1fr;gap:0}
 .explorer-commerce-footer .commerce-cluster>.pair-offer{grid-column:1/-1;height:auto;min-height:28px;padding:5px 12px;display:flex;flex-direction:row;justify-content:center;gap:6px;border:0;border-bottom:1px solid #e1d8c9}
 .explorer-commerce-footer .commerce-cluster>.pair-offer .pair-offer-kicker{display:none}
 .explorer-commerce-footer .fragrance-price,.explorer-commerce-footer .fragrance-order{height:60px;padding:8px 12px}
 .explorer-commerce-footer .fragrance-price{border-inline-start:1px solid #e1d8c9}
 .explorer-commerce-footer .fragrance-action{min-height:36px;padding:7px 10px;font-size:10px}
 .explorer-commerce-footer .fragrance-price .sale-price{font-size:20px}
 .cta-note{display:none}
 .footer-main{min-height:260px;grid-template-columns:1fr 1fr;gap:30px}
 .footer-brand{grid-column:1/-1;justify-self:center;margin-top:30px}
 .footer-statement{font-size:18px}
}
@media(max-width:700px){
 .explorer-commerce-footer{grid-template-columns:minmax(0,1fr) 48px;padding-inline:10px;gap:8px}
 .explorer-commerce-footer .commerce-cluster>.pair-offer strong{font-size:11px}
 .explorer-commerce-footer .commerce-cluster>.pair-offer>span{font-size:8px}
 .explorer-commerce-footer .fragrance-price .sale-label,.explorer-commerce-footer .fragrance-price .price-saving{display:none}
 .explorer-commerce-footer .explorer-position{min-width:48px}
 .footer-service{gap:10px;font-size:9px;flex-wrap:wrap;padding-block:14px}
 .footer-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:32px 0;text-align:center}
 .footer-brand{margin:0}
 .footer-nav{gap:12px 34px}
 .footer-statement{justify-self:auto;text-align:center;font-size:18px}
 .footer-legal{gap:16px;font-size:8px}
}

/* Navigation belongs to the image; commerce owns the bottom bar. */
.fragrance-explorer>.fragrance-nav{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:52px;height:52px;min-height:52px;padding:0;border:1px solid rgba(71,72,65,.28);background:rgba(247,244,237,.78);backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(63,55,44,.08)}
.fragrance-explorer>.previous-fragrance{left:24px}
.fragrance-explorer>.next-fragrance{right:24px}
.fragrance-explorer>.fragrance-nav .nav-caption{position:absolute;top:62px;left:50%;transform:translateX(-50%);opacity:0;white-space:nowrap;transition:opacity .2s;color:#4c4c45}
.fragrance-explorer>.fragrance-nav:hover .nav-caption{opacity:1}
.fragrance-explorer>.fragrance-nav svg{width:22px}
.fragrance-explorer>.previous-fragrance svg{transform:none}
.fragrance-explorer>.next-fragrance svg{transform:rotate(180deg)}
.explorer-commerce-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;padding-inline:clamp(70px,7vw,120px);margin:0;border-top:1px solid var(--line);background:rgba(247,244,237,.96)}
.explorer-commerce-footer .commerce-cluster{width:min(780px,100%);display:grid;grid-template-columns:1.15fr .9fr .9fr;align-items:center;gap:28px;margin:0;padding:0;border:0}
.explorer-commerce-footer .commerce-cluster>.pair-offer{margin:0;padding:0;border:0;text-align:right}
.explorer-commerce-footer .commerce-cluster>.pair-offer>*{display:block}
.explorer-commerce-footer .commerce-cluster>.pair-offer strong{font-size:15px;font-weight:400}
.explorer-commerce-footer .commerce-cluster>.pair-offer>span{font-size:9px}
.explorer-commerce-footer .explorer-product-action{display:contents;margin:0;padding:0;border:0}
.explorer-commerce-footer .fragrance-order{align-self:center}
.explorer-commerce-footer .fragrance-action{width:100%;min-height:42px}
.explorer-commerce-footer .fragrance-price{align-items:flex-start;gap:2px}
.explorer-commerce-footer .fragrance-price .sale-price{font-size:25px}
.explorer-commerce-footer .fragrance-price .original-price{font-size:11px}
.explorer-commerce-footer .fragrance-price .price-saving{font-size:9px}
.explorer-commerce-footer .explorer-position{min-width:120px}
@media(max-width:1000px){
 .fragrance-explorer>.fragrance-nav{top:265px;width:44px;height:44px;min-height:44px}
 .fragrance-explorer>.previous-fragrance{left:12px}
 .fragrance-explorer>.next-fragrance{right:12px}
 .fragrance-explorer>.fragrance-nav .nav-caption{display:none}
 .explorer-commerce-footer{grid-template-columns:1fr auto;gap:14px;padding:10px 18px;min-height:92px}
 .explorer-commerce-footer .commerce-cluster{grid-template-columns:1fr 1fr;gap:10px 18px}
 .explorer-commerce-footer .commerce-cluster>.pair-offer{grid-column:1/-1;display:flex;align-items:baseline;gap:7px}
 .explorer-commerce-footer .commerce-cluster>.pair-offer .pair-offer-kicker{display:none}
 .explorer-commerce-footer .commerce-cluster>.pair-offer strong{font-size:12px}
 .explorer-commerce-footer .commerce-cluster>.pair-offer>span{font-size:8px}
 .explorer-commerce-footer .fragrance-action{min-height:34px;font-size:11px}
 .explorer-commerce-footer .fragrance-price .sale-price{font-size:20px}
 .explorer-commerce-footer .price-saving{display:none}
 .explorer-commerce-footer .explorer-position{min-width:62px}
 .explorer-commerce-footer .explorer-gesture{display:none}
}

@media(min-width:1001px) and (max-width:1120px){
 .explorer-information{right:18px;width:min(49vw,540px);padding-inline:46px}
 .commerce-cluster{grid-template-columns:1.12fr .9fr .94fr;gap:10px}
 .commerce-cluster>.pair-offer strong{font-size:13px}
 .commerce-cluster .fragrance-action{font-size:11px}
}

/* Collection summary: keep only the information needed to choose quickly.
   Full note and mood detail remains in the product data for its product page. */
.fragrance-notes,.fragrance-mood{display:none}
.fragrance-occasions li:nth-child(n+5){display:none}
.delivery-note{display:none}
@media(min-width:1001px){
 .explorer-information{padding-top:28px;padding-bottom:28px}
 .explorer-description{min-height:0;max-width:440px;margin-bottom:14px;font-size:13px;line-height:1.65}
 .fragrance-profile{margin-bottom:14px}
 .fragrance-occasions{justify-content:flex-start;gap:24px;margin-top:2px}
 .commerce-cluster{margin-top:14px;padding-top:13px}
}
@media(min-width:1001px) and (max-height:950px){
 .explorer-information{padding-top:24px;padding-bottom:24px}
 .explorer-description{margin-bottom:11px}
 .commerce-cluster{margin-top:11px;padding-top:10px}
}

/* Desktop purchase controls belong inside the fragrance jewel. */
@media(min-width:1001px){
 .product-detail-stack .explorer-information{padding-bottom:118px}
 .product-detail-stack .product-purchase-panel{position:absolute;z-index:5;right:58px;bottom:24px;width:calc(100% - 116px);margin:0;padding:15px 0 0;background:transparent;border:0;border-top:1px solid rgba(161,143,113,.52);box-shadow:none;clip-path:none}
 .product-purchase-panel .explorer-product-action{grid-template-columns:minmax(190px,1.08fr) minmax(135px,.72fr);gap:28px}
 .product-purchase-panel .fragrance-order{grid-column:1;grid-row:1}
 .product-purchase-panel .fragrance-price{grid-column:2;grid-row:1}
 .product-purchase-panel .fragrance-action{min-height:48px;padding:11px 17px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
}
@media(min-width:1001px) and (max-width:1120px){
 .product-detail-stack .product-purchase-panel{right:46px;width:calc(100% - 92px)}
 .product-purchase-panel .explorer-product-action{gap:18px;grid-template-columns:minmax(170px,1fr) minmax(125px,.72fr)}
}

/* Slightly larger desktop reading sizes without changing the composition. */
@media(min-width:1001px){
 .fragrance-badges .fragrance-badge,.collection-offer-badge{font-size:11px;min-height:28px;padding:5px 12px}
 .fragrance-inspiration{font-size:12px;line-height:1.6}
 .fragrance-gender{font-size:12px}
 .fragrance-family{font-size:13px;line-height:1.7}
 .explorer-description{font-size:14px;line-height:1.72}
 .fragrance-occasions li{font-size:11px}
 .fragrance-profile .profile-heading{font-size:11px}
 .fragrance-profile .profile-label{font-size:11px}
 .fragrance-profile .profile-value{font-size:10px}
 .product-purchase-panel .sale-label,.product-purchase-panel .price-saving{font-size:10px}
 .product-purchase-panel .original-price{font-size:13px}
 .product-purchase-panel .fragrance-action{font-size:14px}
 .product-purchase-panel .cta-note{font-size:9px}
}

/* Desktop jewel alignment: every text block shares one centered axis. */
@media(min-width:1001px){
 .explorer-information,.fragrance-identity,.fragrance-identity h3,.fragrance-inspiration,.explorer-description{text-align:center}
 .fragrance-badges,.fragrance-classification,.fragrance-occasions{justify-content:center}
 .explorer-description{max-width:450px;margin-inline:auto}
 .fragrance-family{display:flex;justify-content:center;align-items:center}
 .product-purchase-panel .explorer-product-action{grid-template-columns:1fr 1fr}
 .product-purchase-panel .fragrance-price{align-items:center;text-align:center}
 .product-purchase-panel .fragrance-order{align-items:stretch;text-align:center}
 .fragrance-profile .profile-heading{text-align:center}
 .fragrance-profile .profile-label,.fragrance-profile .profile-value{text-align:center}
}
/* Branded page-loading skeleton */
.site-skeleton{position:fixed;inset:0;z-index:100000;background:#f4f0e8;color:#403d35;display:grid;grid-template-rows:96px 1fr;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility 0s linear .42s;overflow:hidden}
.site-is-loading .site-skeleton{opacity:1;visibility:visible;pointer-events:auto;transition:none}
.skeleton-header{height:96px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfc6b5}
.skeleton-header i{display:block;width:112px;height:9px;background:#ded7ca}
.skeleton-header b{display:block;width:112px;height:50px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#d4c9b6}
.skeleton-stage{display:grid;grid-template-columns:54% 46%;min-height:0}
.skeleton-visual{position:relative;background:linear-gradient(120deg,#e8e1d5 0%,#f8f5ef 38%,#e5ddd0 72%);overflow:hidden}
.skeleton-visual:before,.skeleton-copy:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.72) 50%,transparent 65%);animation:skeleton-sheen 1.65s ease-in-out infinite}
.skeleton-visual span{position:absolute;width:19%;height:58%;left:38%;bottom:15%;background:#d5ccbe;clip-path:polygon(15% 0,85% 0,91% 8%,87% 18%,82% 22%,86% 100%,14% 100%,18% 22%,13% 18%,9% 8%);opacity:.72}
.skeleton-copy{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:8vw;gap:18px;overflow:hidden}
.skeleton-copy em{width:22%;height:9px;background:#d8d0c3}
.skeleton-copy strong{width:82%;height:clamp(34px,5vw,70px);background:#d9d1c4}
.skeleton-copy strong+strong{width:63%}
.skeleton-copy span{width:72%;height:10px;background:#e0d9cd}
.skeleton-copy span+span{width:54%}
.skeleton-copy button{width:220px;height:52px;border:1px solid #c7bcaa;background:transparent;margin-top:12px}
.skeleton-mark{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font:10px/1 Arial,sans-serif;letter-spacing:.25em;color:#8a8173}
.skeleton-mark i{width:34px;height:1px;background:#b9ad99}.skeleton-mark small{font-size:7px;letter-spacing:.3em}
@keyframes skeleton-sheen{to{transform:translateX(110%)}}
@media(max-width:700px){
 .site-skeleton{grid-template-rows:84px 1fr}
 .skeleton-header{height:84px;padding:0 22px}.skeleton-header i{width:36px;height:7px}.skeleton-header b{width:76px;height:40px}
 .skeleton-stage{display:flex;flex-direction:column}
 .skeleton-visual{height:320px;flex:none}.skeleton-visual span{width:25%;height:62%;left:21%;bottom:13%}
 .skeleton-copy{justify-content:flex-start;align-items:center;padding:54px 28px 90px;gap:15px}
 .skeleton-copy em{width:30%}.skeleton-copy strong{width:74%;height:46px}.skeleton-copy strong+strong{width:88%}
 .skeleton-copy span{width:83%}.skeleton-copy span+span{width:68%}.skeleton-copy button{width:76%;height:50px}
 .skeleton-mark{bottom:17px}
}
@media(prefers-reduced-motion:reduce){.site-skeleton{transition:none}.skeleton-visual:before,.skeleton-copy:before{animation:none;display:none}}

/* A soft editorial light field keeps the moving film behind the message. */
@media(min-width:701px){
 .hero::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(270deg,rgba(246,243,236,.96) 0%,rgba(246,243,236,.9) 28%,rgba(246,243,236,.68) 47%,rgba(246,243,236,.18) 66%,transparent 79%)}
 .hero-copy{z-index:1;text-shadow:0 1px 18px rgba(249,247,241,.8)}
 .hero h1{color:#24231f}
 .hero-origin{color:#554e43}
 .hero .description{color:#4f4b43;font-weight:400}
 .hero-offer,.hero .pair-offer{color:#383b34}
 .hero-baseline{z-index:1;color:#59564e}
}

/* Fragrance profile: restrained color language by measured level. */
.profile-meter i{transition:background-color .35s ease,opacity .35s ease}
.profile-meter[data-level="1"] i.filled{background:#aab4b0}
.profile-meter[data-level="2"] i.filled{background:#93a294}
.profile-meter[data-level="3"] i.filled{background:#b39d78}
.profile-meter[data-level="4"] i.filled{background:#9a7258}
.profile-meter[data-level="5"] i.filled{background:#76524c}
.profile-meter[data-level] i:not(.filled){background:rgba(132,126,114,.18)}

/* Accessibility controls use a flat, high-contrast interface. */
.accessibility-trigger,.accessibility-trigger:hover,.accessibility-trigger[aria-expanded="true"]{width:60px;height:60px;background:#075dad;color:#fff;border:3px solid #fff;outline:2px solid #075dad;box-shadow:none;transform:none}
.accessibility-trigger:hover{background:#004785}
.accessibility-trigger:focus-visible{outline:4px solid #111;outline-offset:3px}
.accessibility-symbol{width:34px;height:34px;stroke-width:2.6}
.accessibility-panel{width:320px;padding:0;background:#fff;color:#111;border:3px solid #111;box-shadow:none}
.accessibility-panel>div{min-height:76px;margin:0;padding:14px 16px;background:#075dad;color:#fff;align-items:center}
.accessibility-panel h2{color:#fff;font:700 20px/1.25 Heebo,Arial,sans-serif}
.accessibility-panel #accessibility-description{color:#fff;font-size:12px;margin-top:5px}
.accessibility-close{color:#fff;border:2px solid #fff;font-weight:700}
.accessibility-panel button:not(.accessibility-close),.accessibility-panel>a{min-height:52px;padding:12px 16px;border-bottom:1px solid #777;background:#fff;color:#111;font-size:15px;font-weight:400}
.accessibility-panel button:not(.accessibility-close):hover{background:#e8f2fb}
.accessibility-panel button:not(.accessibility-close):focus-visible,.accessibility-panel>a:focus-visible{outline:4px solid #075dad;outline-offset:-5px}
.accessibility-panel button[aria-pressed="true"]{background:#111;color:#fff}
.accessibility-panel button[aria-pressed="true"]::after{color:#fff;font-size:11px;font-weight:700}
.accessibility-panel>a{justify-content:center;margin:0;border:0;border-top:2px solid #111;color:#075dad;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.accessibility-trigger{width:56px;height:56px}.accessibility-panel{left:10px;bottom:78px;width:calc(100% - 20px);max-height:calc(100svh - 96px);overflow:auto}}
