:root{--ivory:#f7f3ed;--cream:#e9ded0;--gold:#aa8357;--gold-dark:#87653e;--ink:#24201d;--muted:#625a52;--line:#d9cec1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:14px/1.65 Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3,blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.04}h1{font-size:clamp(3.5rem,7.3vw,7.5rem)}h2{font-size:clamp(2.6rem,4.1vw,4.75rem)}h3{font-size:2.5rem}em{font-weight:400}p{color:var(--muted)}:focus-visible{outline:2px solid var(--gold-dark);outline-offset:4px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:5px}.demo-ribbon{height:27px;display:flex;gap:14px;justify-content:center;align-items:center;background:#251e1a;color:#f8eadd;letter-spacing:.13em;font-size:9px;text-align:center}.demo-ribbon a{text-decoration:underline}.header{position:absolute;z-index:30;left:4.5%;right:4.5%;top:45px;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:rgba(247,243,237,.76);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.6);transition:background .35s,top .35s,box-shadow .35s}.header.is-scrolled{position:fixed;top:0;box-shadow:0 12px 35px #3020130c;background:rgba(247,243,237,.96)}.logo{font-family:'Cormorant Garamond',serif;letter-spacing:.1em;font-size:30px;line-height:1}.navigation,.header-actions{display:flex;align-items:center;gap:35px}.navigation a{font-size:12px;position:relative}.navigation a:after,.inline-link:after{content:'';position:absolute;left:0;right:100%;height:1px;bottom:-6px;background:var(--gold);transition:right .35s}.navigation a:hover:after,.navigation a[aria-current=page]:after,.inline-link:hover:after{right:0}.header-actions{gap:17px}.icon-button{border:0;background:transparent;color:var(--ink);font-size:24px;position:relative;line-height:1;padding:7px}.cart-count{position:absolute;top:0;right:-6px;font:700 9px Manrope;background:var(--ink);color:white;border-radius:50%;min-width:15px;height:15px;display:grid;place-items:center}.mobile-toggle,.mobile-menu{display:none}.eyebrow{display:block;color:var(--gold-dark);font-size:10px;letter-spacing:.26em;font-weight:700;margin-bottom:20px}.btn{border:1px solid var(--gold);min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:0 25px;font-size:10px;letter-spacing:.15em;font-weight:700;transition:background .28s,color .28s,transform .28s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:var(--gold)}.btn-primary:hover{background:var(--gold-dark)}.btn span{font-size:18px}.inline-link{font-size:10px;letter-spacing:.12em;font-weight:700;position:relative}.hero{min-height:780px;height:min(920px,100svh);position:relative;overflow:hidden;background:#decab0}.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo{background-position:center 54%;background-size:cover;animation:heroBloom 2.2s both}.hero-overlay{background:linear-gradient(90deg,rgba(250,247,241,.95) 0%,rgba(250,247,241,.79) 30%,rgba(250,247,241,.05) 70%)}.hero-content{position:absolute;z-index:2;top:50%;left:8%;transform:translateY(-38%);width:min(560px,55%)}.hero-title{margin:5px 0 18px;font-size:clamp(74px,7.4vw,117px);letter-spacing:-.045em}.hero-content p{max-width:405px;font-size:15px;line-height:1.85}.hero-ctas{display:flex;gap:25px;align-items:center;margin-top:32px}.text-action{background:none;border:0;font-size:10px;letter-spacing:.12em;font-weight:700}.hero-aside{position:absolute;right:7%;top:36%;display:grid;gap:6px;font-size:9px;letter-spacing:.22em}.hero-indicator{position:absolute;right:5%;bottom:10%;display:flex;align-items:center;gap:10px;font-size:11px}.indicator-line{width:50px;height:1px;background:#8c7963}.scroll-cue{position:absolute;bottom:9%;left:8%;font-size:10px;letter-spacing:.2em;display:flex;align-items:center;gap:22px}.scroll-cue span{font-size:20px}.intro{animation:rise .85s both}.hero-title{animation-delay:.28s}.hero-content>p{animation-delay:.48s}.hero-ctas{animation-delay:.65s}.section{padding:100px max(6%,calc((100vw - 1470px)/2));}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-top h2{margin-bottom:0}.collection-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-tile{position:relative;min-height:370px;overflow:hidden;background:#eadfce}.collection-tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1)}.collection-tile:hover img,.product-photo:hover img{transform:scale(1.065)}.collection-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,240,231,.95),transparent 85%)}.collection-body{position:absolute;z-index:2;left:9%;top:12%;display:grid;gap:12px}.collection-body strong{font:500 31px 'Cormorant Garamond',serif}.collection-body small{color:var(--muted)}.collection-body>span{font-size:10px;letter-spacing:.18em;border-bottom:1px solid var(--gold);width:max-content;padding-bottom:5px}.ingredients-band{display:grid;grid-template-columns:1fr 1.12fr .9fr;background:#ede2d4;align-items:center;min-height:560px}.ingredients-copy{padding:65px 12%;}.ingredients-copy p{max-width:350px}.ingredients-visual{height:100%;overflow:hidden}.ingredients-visual img{height:100%;width:100%;object-fit:cover}.notes{padding:40px 12% 40px 7%}.note-button{border:0;border-bottom:1px solid #bdb1a3;padding:18px 0;text-align:left;background:none;display:block;width:100%;color:var(--ink)}.note-button span{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em}.note-button small{color:var(--muted)}.note-button.active{color:var(--gold-dark)}.note-description{font:italic 22px 'Cormorant Garamond';margin-top:25px}.story{display:grid;grid-template-columns:1fr .72fr 1fr;min-height:520px}.story>div{position:relative;overflow:hidden}.story img{width:100%;height:100%;object-fit:cover}.story-image blockquote{position:absolute;bottom:35px;left:35px;color:white;font-size:33px;max-width:260px;text-shadow:0 2px 15px #0007}.story-copy{padding:85px 9%;background:#fbf9f5}.story-copy p{line-height:1.9}.story-landscape span{position:absolute;top:30px;right:20px;width:170px;color:#fff;letter-spacing:.16em;font-size:10px;text-shadow:0 2px 10px #000}.product-card{background:#faf8f4;min-width:0}.product-photo{height:390px;display:block;position:relative;overflow:hidden;background:#e8ded1}.product-photo img{height:100%;width:100%;object-fit:cover;transition:transform .7s ease}.product-tag{position:absolute;top:18px;left:18px;background:#2a1d17;color:white;padding:7px 11px;font-size:9px;letter-spacing:.12em}.photo-arrow{position:absolute;right:17px;bottom:18px;background:#ffffffd9;border-radius:50%;height:43px;width:43px;display:grid;place-items:center;font-size:20px;transition:transform .3s}.product-photo:hover .photo-arrow{transform:rotate(45deg)}.product-info{padding:20px;display:flex;justify-content:space-between;align-items:end}.product-name{font:500 29px 'Cormorant Garamond',serif}.product-info p{margin:0 0 7px;font-size:12px}.product-info strong{font-size:13px}.bag-small{border:0;background:var(--gold-dark);color:white;border-radius:50%;height:42px;width:42px;font-size:22px;transition:transform .3s}.bag-small:hover{transform:scale(1.1)}.quote-banner{background:linear-gradient(90deg,#e8d9c7,#f8f4ed 45%,#e7d7c3);padding:90px 20px;text-align:center}.quote-inner blockquote{font-size:clamp(34px,4vw,60px);margin:0 0 22px}.quote-inner>span:last-child{font-size:11px;color:var(--muted);letter-spacing:.12em}.invitation{display:grid;grid-template-columns:1fr 1fr;min-height:450px}.invite-copy{padding:90px 13%}.invite-copy p{max-width:420px}.invite-photo img{width:100%;height:100%;object-fit:cover}.newsletter{margin-top:20px}.newsletter label{font-size:11px}.input-row{display:flex;margin-top:7px;border:1px solid var(--line);max-width:410px;height:48px}.input-row input{flex:1;min-width:0;border:0;background:#fff7;padding:0 12px}.input-row button{width:54px;border:0;background:var(--gold);color:white;font-size:23px}.footer{padding:65px 7% 22px;background:#efe7dd}.footer-inner,.footer-bottom{display:flex;justify-content:space-between;gap:25px}.footer-inner nav{display:flex;gap:25px;flex-wrap:wrap}.footer-inner nav a{font-size:12px}.footer-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;color:var(--muted);font-size:10px}.inner-hero{min-height:600px;position:relative;display:flex;align-items:center;overflow:hidden;background:#ddcbb4}.inner-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f2e9ef 0%,#f8f2e9b7 32%,transparent 85%)}.inner-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.inner-hero-content{position:relative;z-index:2;padding:160px 8% 80px;max-width:680px}.inner-hero h1{font-size:clamp(55px,6vw,95px);margin:0 0 10px}.inner-hero h2{font-size:clamp(29px,3vw,43px)}.inner-hero p{max-width:410px}.filter-row{display:flex;gap:10px;margin:30px 0;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:11px 20px}.filter.active,.filter:hover{background:var(--gold);color:white}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.editorial-card{background:#faf9f6}.editorial-card img{height:360px;width:100%;object-fit:cover}.editorial-card>div{padding:25px}.editorial-card p{font-size:13px}.story-feature{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#eadfd3}.story-feature img{height:590px;width:100%;object-fit:cover}.story-feature>div{padding:10%}.wide-editorial{height:520px;width:100%;object-fit:cover}.story-feature+.section .editorial-grid{grid-template-columns:1fr 1fr}.scent-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-bottom:90px}.scent-pyramid{display:flex;flex-direction:column;align-items:center;gap:5px}.scent-pyramid button{height:105px;border:0;background:#d9c6ae;width:85%;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);font-size:19px;font-family:'Cormorant Garamond';transition:background .3s}.scent-pyramid button:first-child{width:40%;clip-path:polygon(50% 0,100% 100%,0 100%)}.scent-pyramid button:nth-child(2){width:65%}.scent-pyramid button:hover,.scent-pyramid button.active{background:#b89361}.scent-pyramid span{display:block;font:10px Manrope}.scent-detail img{height:350px;width:100%;object-fit:cover}.ingredient-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ingredient-cards button,.static-note{background:#eadfd2;border:1px solid var(--line);min-height:160px;text-align:left;padding:22px;font:30px 'Cormorant Garamond';transition:background .3s}.ingredient-cards button:hover{background:#d6bfa3}.ingredient-cards span{display:block;font:11px Manrope;margin-top:10px}.ingredient-result{padding:20px 0}.product-detail{display:grid;grid-template-columns:1.13fr 1fr;min-height:760px;background:#f5efe6}.product-gallery{position:relative;background:#eadac6;min-height:710px}.product-gallery>img{width:100%;height:760px;object-fit:cover;transition:opacity .3s}.gallery-thumbs{display:flex;gap:10px;position:absolute;bottom:24px;left:24px}.gallery-thumbs button{border:2px solid #fff;background:#f9f7f2;padding:0;width:75px;height:85px}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.product-purchase{padding:155px 13% 70px}.product-purchase h1{margin:0;font-size:clamp(65px,6vw,100px)}.product-purchase h2{font-size:30px}.product-price{font:38px 'Cormorant Garamond';display:block;margin:25px 0}.option-label{font-size:11px;letter-spacing:.13em}.size-options{display:flex;gap:10px;margin:12px 0 30px}.size-options button{border:1px solid var(--line);background:transparent;padding:12px 24px}.size-options button.selected{border-color:var(--gold);background:#e9dac8}.purchase-row{display:flex;gap:10px;align-items:center}.quantity{display:flex;align-items:center;border:1px solid var(--line);height:50px}.quantity button{border:0;background:none;padding:0 14px;font-size:20px}.quantity output{min-width:24px;text-align:center}.fineprint{font-size:11px;margin-top:18px}.scrim{position:fixed;inset:0;background:#1c1512a8;z-index:45}.cart-drawer,.search-layer{position:fixed;z-index:50;background:#fcfaf7;box-shadow:-5px 0 50px #0002;visibility:hidden;pointer-events:none;transition:transform .45s,visibility .45s}.cart-drawer{right:0;top:0;bottom:0;width:min(470px,100%);transform:translateX(105%);display:flex;flex-direction:column;padding:35px}.cart-drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.cart-heading,.search-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.cart-heading h2{font-size:40px;margin:0}.cart-lines{flex:1;overflow:auto;padding:24px 0}.cart-line{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-line img{width:80px;height:90px;object-fit:cover}.cart-line div{flex:1}.cart-line h3{font-size:25px;margin:0}.cart-line p{font-size:11px;margin:2px 0}.cart-line button{background:none;border:0;text-decoration:underline;font-size:11px}.cart-total{display:flex;justify-content:space-between}.cart-bottom .btn{width:100%}.search-layer{left:50%;top:15%;transform:translate(-50%,-30px);width:min(620px,90vw);padding:35px}.search-layer.open{visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.search-top h2{font-size:45px;margin:0}.search-layer label{display:block;margin:30px 0 8px}.search-layer input{width:100%;padding:15px;border:1px solid var(--line)}#search-results{padding-top:10px}#search-results a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.18,.8,.22,1)}.reveal.in-view{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroBloom{from{transform:scale(1.07);filter:brightness(1.1)}to{transform:scale(1);filter:brightness(1)}}@media(max-width:1024px){.hero{min-height:680px}.ingredients-band{grid-template-columns:1fr 1fr}.notes{grid-column:1/-1;padding:30px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.notes>.eyebrow,.note-description{grid-column:1/-1}.story{grid-template-columns:1fr 1fr}.story-landscape{display:none}.navigation{gap:18px}.header{padding:0 20px}.collection-tile{min-height:300px}.product-photo{height:300px}}@media(max-width:720px){.demo-ribbon{font-size:7px;line-height:1.4;padding:0 7px}.header{top:37px;left:4%;right:4%;height:61px;padding:0 14px}.header.is-scrolled{top:0}.logo{font-size:25px}.navigation{display:none}.mobile-toggle{display:block}.mobile-menu{display:grid;position:absolute;top:98px;left:4%;right:4%;z-index:40;background:#f9f5ee;padding:20px;box-shadow:0 12px 30px #0002}.mobile-menu a{padding:14px;border-bottom:1px solid var(--line);font:28px 'Cormorant Garamond'}.hero{height:760px;min-height:0}.hero-photo{background-position:63% center}.hero-overlay{background:linear-gradient(180deg,#faf6efb8,#faf6ef7a 58%,transparent)}.hero-content{top:28%;left:7%;width:86%;transform:none}.hero-title{font-size:clamp(56px,12vw,83px)}.hero-content p{font-size:13px;max-width:315px}.hero-ctas{align-items:start;flex-direction:column;gap:15px}.hero-aside,.hero-indicator{display:none}.section{padding:65px 5%}.section-top{align-items:start;flex-direction:column}.collection-grid,.product-grid,.editorial-grid{grid-template-columns:1fr}.collection-tile{height:330px}.ingredients-band{grid-template-columns:1fr}.ingredients-copy{padding:55px 7%}.ingredients-visual{height:300px}.notes{display:block;padding:35px 7%}.story{grid-template-columns:1fr}.story-image{height:420px}.story-copy{padding:65px 7%}.story-landscape{display:block;height:350px}.product-photo{height:430px}.invitation{grid-template-columns:1fr}.invite-copy{padding:60px 7%}.invite-photo{height:300px}.footer-inner,.footer-bottom{flex-direction:column}.inner-hero{min-height:650px;align-items:end}.inner-hero>img{object-position:60%}.inner-hero:after{background:linear-gradient(180deg,#f8f2e9b0,#f8f2e9ea)}.inner-hero-content{padding:170px 7% 70px}.inner-hero h1{font-size:55px}.story-feature{grid-template-columns:1fr}.story-feature img{height:450px}.story-feature>div{padding:50px 7%}.story-feature+.section .editorial-grid{grid-template-columns:1fr}.wide-editorial{height:350px}.scent-detail{grid-template-columns:1fr}.ingredient-cards{grid-template-columns:1fr 1fr}.product-detail{grid-template-columns:1fr}.product-gallery{min-height:0}.product-gallery>img{height:510px}.product-purchase{padding:60px 7%}.product-purchase h1{font-size:74px}.cart-drawer{padding:20px}.search-layer{padding:20px}}@media(max-width:400px){.ingredient-cards{grid-template-columns:1fr}.purchase-row{flex-wrap:wrap}.purchase-row .btn{flex:1}.header-actions{gap:6px}.hero-title{font-size:56px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.intro,.hero-photo{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.collection-tile img,.product-photo img{transition:none}}

/* v2.33 — Cinematic HERO photo: reliable local static assets, no inline broken paths */
.hero{background:#f7f3ed;isolation:isolate}
.hero-photo{display:block;position:absolute;inset:0;overflow:hidden;animation:heroBloom 2.2s both}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-overlay{pointer-events:none;background:linear-gradient(90deg,rgba(250,247,241,.30) 0%,rgba(250,247,241,.08) 42%,transparent 75%)}
.hero-content{width:min(580px,47%);transform:translateY(-35%)}
.hero-title{line-height:.94}
.hero-aside{z-index:2}
.hero-indicator,.scroll-cue{z-index:2}
@media(max-width:1024px) and (min-width:721px){.hero-content{width:50%;left:6%}.hero-title{font-size:clamp(64px,7vw,96px)}}
@media(max-width:720px){
 .hero{height:760px;min-height:720px;background:#f7f3ed}
 .hero-photo img{object-fit:cover;object-position:center 47%}
 .hero-overlay{background:linear-gradient(180deg,rgba(251,248,243,.94) 0%,rgba(251,248,243,.85) 35%,rgba(251,248,243,.04) 68%,rgba(251,248,243,.1) 100%)}
 .hero-content{top:17%;left:7%;width:86%;transform:none}
 .hero-title{font-size:clamp(52px,12vw,77px)}
 .hero-content p{max-width:320px}
 .scroll-cue{bottom:4%}
}
@media(prefers-reduced-motion:reduce){.hero-photo{animation:none!important}}


/* v2.34 — AURELLE Cinematic Luxury homepage motion. Progressive, optional, reduced-motion safe. */
@media (prefers-reduced-motion: no-preference){
  .hero-photo img{will-change:transform;transform:scale(1.035) translate3d(0,var(--hero-drift,0px),0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  .hero-photo{animation:none}
  .hero::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(107deg,transparent 32%,rgba(255,255,255,.10) 46%,transparent 59%);transform:translateX(-120%);animation:aurelle-light-pass 2.1s .45s both}
  .collection-tile::before{content:"";position:absolute;z-index:2;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .35s}
  .collection-tile:is(:hover,:focus-visible)::before{border-color:rgba(170,131,87,.64)}
  .collection-tile .collection-body>span{transition:letter-spacing .3s,color .3s}
  .collection-tile:is(:hover,:focus-visible) .collection-body>span{letter-spacing:.23em;color:var(--gold-dark)}
  .collection-grid .reveal:nth-child(2){transition-delay:.10s}
  .collection-grid .reveal:nth-child(3){transition-delay:.2s}
  .product-grid .reveal:nth-child(2){transition-delay:.09s}
  .product-grid .reveal:nth-child(3){transition-delay:.18s}
  .story-image img,.story-landscape img,.invite-photo img{transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
  .story-image.in-view img,.story-landscape.in-view img,.invite-photo:has(.in-view) img{transform:scale(1.025)}
  .bag-small:active,.icon-button:active{transform:scale(.92)}
  @keyframes aurelle-light-pass{0%{transform:translateX(-120%);opacity:0}20%{opacity:1}100%{transform:translateX(120%);opacity:0}}
}
/* Always keep content usable without JavaScript. */
/* v2.35 — clear, always-visible scroll reading progress */
.motion-progress{position:fixed;z-index:110;left:0;right:0;top:0;height:5px;background:rgba(135,101,62,.24);pointer-events:none;box-shadow:0 1px 3px rgba(36,32,29,.10)}
.motion-progress-fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,#87653e,#c69a60);transform:scaleX(0);transform-origin:left center;will-change:transform}
.motion-progress-label{position:fixed;z-index:82;right:18px;bottom:17px;padding:8px 12px;background:rgba(250,247,241,.95);border:1px solid rgba(170,131,87,.55);box-shadow:0 4px 24px rgba(36,32,29,.08);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;color:#725131;font:600 10px/1.2 Manrope,Arial,sans-serif;letter-spacing:.14em;pointer-events:none}
.motion-progress-label strong{font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums;min-width:35px;text-align:right}
.hero-discover{position:absolute;z-index:3;right:5.7%;bottom:13.7%;display:flex;align-items:center;gap:9px;border:1px solid rgba(135,101,62,.5);background:rgba(250,247,241,.72);backdrop-filter:blur(8px);color:var(--ink);padding:11px 17px;font-size:10px;letter-spacing:.12em;transition:background .3s,transform .3s}
.hero-discover:hover{background:#fff;transform:translateY(-3px)}
.cart-count.bump{animation:bag-pulse .45s ease}
@keyframes bag-pulse{50%{transform:scale(1.3)}}
@media(max-width:720px){.hero-discover{right:6%;bottom:6%;font-size:9px;padding:9px 12px}.motion-progress{height:4px}.motion-progress-label{right:10px;bottom:10px;padding:7px 9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero::after{animation:none!important;display:none}.hero-photo img{transform:none!important;transition:none!important}.cart-count.bump{animation:none}}


/* v2.36 — HERO precision rebuild */

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body .header{top:43px;left:4.7%;right:4.7%;height:78px;padding:0 10px 0 2px;background:transparent;border:0;backdrop-filter:none;box-shadow:none}
body .header.is-scrolled{top:10px;background:rgba(247,243,237,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.52);box-shadow:0 18px 40px rgba(48,32,19,.10)}
body .navigation{gap:34px;margin-left:auto;margin-right:42px}
body .navigation a{font-size:12px;font-weight:600;letter-spacing:.01em}
body .header-actions{gap:12px}
body .icon-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:999px;color:#3d322b}
body .icon-button svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.65}
body .mobile-toggle svg{width:21px;height:21px}
body .cart-count{top:-4px;right:-3px;background:transparent;color:var(--ink);font-weight:600;min-width:auto;height:auto;border-radius:0;font-size:12px;line-height:1}
body[data-page="home"] .hero{background:#f7f2eb;min-height:820px;height:min(980px,calc(100svh - 27px));isolation:isolate}
body[data-page="home"] .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.46),transparent 32%),linear-gradient(90deg,rgba(249,245,238,.72) 0%,rgba(249,245,238,.28) 26%,transparent 52%);z-index:1;pointer-events:none}
body[data-page="home"] .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.02) translate3d(0,var(--hero-drift,0px),0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .55s ease}
body[data-page="home"] .hero-overlay{background:linear-gradient(90deg,rgba(249,245,238,.96) 0%,rgba(249,245,238,.88) 17%,rgba(249,245,238,.67) 31%,rgba(249,245,238,.18) 49%,rgba(249,245,238,0) 65%)}
body[data-page="home"] .hero-content{z-index:3;top:52%;left:8.4%;transform:translateY(-50%);width:min(520px,37vw)}
body[data-page="home"] .hero-title{margin:7px 0 20px;font-size:clamp(76px,7.6vw,112px);line-height:.92;letter-spacing:-.058em}
body[data-page="home"] .hero-title span{display:block}
body[data-page="home"] .hero-content p{max-width:460px;font-size:15px;line-height:1.72;color:#4f4741}
body[data-page="home"] .hero-ctas{gap:26px;align-items:center;margin-top:36px}
body[data-page="home"] .btn-primary{padding:0 28px;min-width:248px;background:linear-gradient(180deg,#b58a5c,#9d7448);border-color:#a57849;box-shadow:0 12px 28px rgba(157,116,72,.12)}
body[data-page="home"] .btn-primary:hover{background:linear-gradient(180deg,#a37b4f,#8c653c)}
.hero-play{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:0;font-size:10px;letter-spacing:.18em;font-weight:700;color:#3b3029}
.hero-play-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(135,101,62,.58);border-radius:50%;background:rgba(255,255,255,.45);backdrop-filter:blur(6px);transition:transform .3s ease,background .3s ease}
.hero-play-icon svg{width:20px;height:20px;stroke:#806346;fill:none;stroke-width:1.2}
.hero-play:hover .hero-play-icon{transform:translateY(-2px);background:#fff}
.hero-orbit{position:absolute;z-index:3;right:9.3%;top:47%;width:246px;height:246px;transform:translateY(-50%)}
.hero-orbit-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.62);box-shadow:0 0 0 1px rgba(217,206,193,.12) inset}
.hero-orbit-copy{position:absolute;right:-2px;top:52px;display:grid;gap:8px;color:#6b5c4f;font-size:12px;letter-spacing:.25em}
.hero-pagination{position:absolute;z-index:3;right:4.5%;bottom:16%;display:flex;flex-direction:column;gap:12px}
.hero-slide-btn{display:flex;align-items:center;justify-content:flex-end;gap:12px;border:0;background:none;padding:0;color:#8e7f71;opacity:.52;cursor:pointer;transition:opacity .28s,color .28s,transform .28s}
.hero-slide-number{font:600 25px 'Cormorant Garamond',Georgia,serif;line-height:1}
.hero-slide-btn .line{width:70px;height:1px;background:#cdb9a4;transform-origin:left center;transform:scaleX(0);transition:transform .35s ease,background .35s ease}
.hero-slide-btn.active{opacity:1;color:#2f2621}
.hero-slide-btn.active .line{transform:scaleX(1);background:#907055}
.hero-slide-btn:hover{opacity:.9;transform:translateX(-4px)}
.scroll-cue{z-index:3;left:4.2%;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:11px;letter-spacing:.24em;color:#6f6053}
.scroll-cue-line{display:block;width:1px;height:58px;background:#c5b3a0}
.hero-discover{display:none!important}
.film-layer{position:fixed;z-index:55;left:50%;top:50%;transform:translate(-50%,-48%);width:min(980px,92vw);background:#fcfaf7;border:1px solid rgba(214,201,187,.7);box-shadow:0 35px 90px rgba(24,16,10,.28);padding:26px 26px 30px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.film-layer.open{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
.film-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}
.film-top h2{font-size:48px;margin:2px 0 0}
.film-stage{display:grid;grid-template-columns:1.18fr .82fr;gap:24px;padding-top:22px;align-items:center}
.film-stage img{width:100%;height:430px;object-fit:cover;border-radius:2px}
.film-copy p{margin-bottom:22px;font-size:14px;line-height:1.75}
.hero-image-fade{opacity:.28}
@media(max-width:1100px){
  body[data-page="home"] .hero-content{left:6.5%;width:min(500px,44vw)}
  .hero-orbit{right:7.2%;width:220px;height:220px}
  .hero-pagination{right:3.6%;bottom:13%}
  .film-top h2{font-size:40px}
}
@media(max-width:720px){
  body .header{top:36px;left:4%;right:4%;height:62px;padding:0 6px 0 2px}
  body .header.is-scrolled{top:0}
  body .header-actions{gap:4px}
  body .icon-button{width:34px;height:34px}
  body .cart-count{font-size:10px;top:-3px;right:-2px}
  body[data-page="home"] .hero{height:780px;min-height:760px}
  body[data-page="home"] .hero::before{background:linear-gradient(180deg,rgba(249,245,238,.88) 0%,rgba(249,245,238,.82) 32%,rgba(249,245,238,.22) 68%,rgba(249,245,238,.06) 100%)}
  body[data-page="home"] .hero-overlay{background:linear-gradient(180deg,rgba(249,245,238,.68) 0%,rgba(249,245,238,.48) 45%,rgba(249,245,238,.06) 76%,rgba(249,245,238,.12) 100%)}
  body[data-page="home"] .hero-content{top:17%;left:7%;width:86%;transform:none}
  body[data-page="home"] .hero-title{font-size:clamp(56px,12vw,84px);line-height:.93}
  body[data-page="home"] .hero-content p{max-width:320px;font-size:13px;line-height:1.68}
  body[data-page="home"] .hero-ctas{flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}
  body[data-page="home"] .btn-primary{min-width:0;width:auto}
  .hero-orbit,.hero-pagination{display:none}
  .scroll-cue{left:7%;bottom:18px;gap:10px}
  .scroll-cue-line{height:44px}
  .film-layer{width:94vw;padding:20px;max-height:min(86svh,760px);overflow:auto}
  .film-stage{grid-template-columns:1fr}
  .film-stage img{height:280px}
  .film-top h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .hero-photo img{transition:none!important;transform:none!important}
  .film-layer{transition:none!important}
}

/* v2.37 — HERO typography + orbit readability */
@media(min-width:1101px){
  body[data-page="home"] .hero-content{left:7.8%;width:min(760px,46vw)}
  body[data-page="home"] .hero-title{font-size:clamp(70px,5.85vw,106px);line-height:.96;letter-spacing:-.046em;max-width:none}
  body[data-page="home"] .hero-title span{white-space:nowrap}
  body[data-page="home"] .hero-content p{max-width:490px}
}
@media(min-width:721px) and (max-width:1100px){
  body[data-page="home"] .hero-content{width:56vw;left:6.5%}
  body[data-page="home"] .hero-title{font-size:clamp(58px,6vw,82px);line-height:.97}
  body[data-page="home"] .hero-title span{white-space:nowrap}
}
@media(min-width:721px){body .mobile-toggle{display:none!important}}
@media(min-width:721px){
  .hero-orbit{right:6.4%;top:44%;width:220px;height:220px}
  .hero-orbit-ring{border:1px solid rgba(102,74,47,.72);background:rgba(248,243,234,.19);box-shadow:0 0 0 1px rgba(255,255,255,.28) inset}
  .hero-orbit-copy{right:15px;top:62px;gap:7px;color:#34271c;font-size:12px;font-weight:700;letter-spacing:.19em;text-shadow:0 1px 10px rgba(252,248,240,.92)}
}
@media(max-width:720px){
 body[data-page="home"] .hero-title span{white-space:normal}
 body .mobile-toggle{display:grid!important}
}


/* v2.40 — Discreet HERO scene navigation: bare numbers and a soft halo.
   No panel, labels, card backgrounds or borders. */
body[data-page="home"] .hero-pagination{
  z-index:6;
  right:4.6%;
  bottom:15.5%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  width:auto;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
body[data-page="home"] .hero-slide-btn{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:13px;
  padding:4px 0;
  width:auto;
  min-height:38px;
  border:0;
  background:none;
  color:#36291e;
  opacity:.75;
  transition:opacity .28s ease,color .28s ease,transform .28s ease;
}
body[data-page="home"] .hero-slide-btn.active{color:#211811;opacity:1}
body[data-page="home"] .hero-slide-btn:hover{opacity:1;transform:translateX(-3px)}
body[data-page="home"] .hero-slide-number{
  position:relative;
  isolation:isolate;
  font:600 27px/1 'Cormorant Garamond',Georgia,serif;
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 6px rgba(255,252,247,.96),0 0 13px rgba(255,252,247,.80);
}
body[data-page="home"] .hero-slide-number::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-12px -17px;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,250,242,.79) 0%,rgba(255,250,242,.44) 42%,transparent 75%);
  filter:blur(7px);
}
body[data-page="home"] .hero-slide-btn .line{
  display:block;
  width:45px;
  height:1px;
  background:rgba(83,64,45,.53);
  transform:scaleX(.35);
  transform-origin:left center;
  transition:transform .35s ease,background .35s ease;
}
body[data-page="home"] .hero-slide-btn.active .line{
  background:#745434;
  transform:scaleX(1);
}
body[data-page="home"] .hero-slide-btn:focus-visible{
  outline:2px solid #6f4d2d;
  outline-offset:5px;
}
@media(max-width:720px){
  body[data-page="home"] .hero-pagination{
    display:flex!important;
    right:19px;
    bottom:77px;
    flex-direction:row;
    align-items:center;
    gap:14px;
  }
  body[data-page="home"] .hero-slide-btn{
    min-width:44px;
    min-height:44px;
    padding:8px 4px;
    justify-content:center;
  }
  body[data-page="home"] .hero-slide-number{font-size:26px}
  body[data-page="home"] .hero-slide-btn .line{display:none}
  body[data-page="home"] .hero[data-hero-active="1"] .hero-photo img,
  body[data-page="home"] .hero[data-hero-active="2"] .hero-photo img{
    object-position:76% center;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .hero-slide-btn,
  body[data-page="home"] .hero-slide-btn .line{transition:none!important}
}


/* ============================================================
   v2.41 · Naše ikonické kolekce — reference-accurate editorial cards
   Scoped to homepage so other pages/components remain untouched.
   ============================================================ */
body[data-page="home"] .collections-signature{
  padding:74px max(6.3%,calc((100vw - 1600px)/2)) 106px;
  background:#fbfaf7;
}
body[data-page="home"] .collections-signature .section-top{
  margin:0 0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
body[data-page="home"] .collections-signature .section-top h2{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:500;
  letter-spacing:-.028em;
  line-height:1.06;
  font-size:clamp(39px,3.2vw,53px);
  margin:0;
}
body[data-page="home"] .collections-signature .collections-all-link{
  display:inline-flex;
  align-items:center;
  gap:17px;
  border-bottom:1px solid rgba(78,61,44,.4);
  padding-bottom:3px;
  flex-shrink:0;
  font-size:11px;
  font-weight:700;
  letter-spacing:.13em;
  transition:color .3s,border-color .3s;
}
body[data-page="home"] .collections-signature .collections-all-link::after{display:none}
body[data-page="home"] .collections-signature .collections-all-link span{
  font:400 23px/1 'Cormorant Garamond',Georgia,serif;
  transition:transform .3s ease;
}
body[data-page="home"] .collections-signature .collections-all-link:hover,
body[data-page="home"] .collections-signature .collections-all-link:focus-visible{
  color:var(--gold-dark);border-color:var(--gold-dark);
}
body[data-page="home"] .collections-signature .collections-all-link:hover span{transform:translateX(4px)}
body[data-page="home"] .collections-signature .collection-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
body[data-page="home"] .collections-signature .collection-tile{
  --wash:#f7f3ed;
  position:relative;
  display:block;
  isolation:isolate;
  overflow:hidden;
  height:auto;
  min-height:0;
  aspect-ratio:2.04/1;
  background:#ede4d8;
  border-radius:0;
  color:#29231e;
  transition:box-shadow .5s ease;
}
body[data-page="home"] .collections-signature .collection-tile img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:60% 50%;
  transform:scale(1.015);
  transition:transform .95s cubic-bezier(.2,.72,.2,1),filter .95s ease;
}
body[data-page="home"] .collections-signature .collection-tile--ombre img{object-position:63% 50%}
body[data-page="home"] .collections-signature .collection-tile--lumiere img{object-position:62% 50%}
body[data-page="home"] .collections-signature .collection-tile::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(249,246,240,.97) 0%,rgba(249,246,240,.94) 25%,rgba(249,246,240,.77) 39%,rgba(249,246,240,.18) 65%,transparent 78%);
}
body[data-page="home"] .collections-signature .collection-tile--ombre::before{
  background:linear-gradient(90deg,rgba(247,243,236,.98) 0%,rgba(247,243,236,.93) 26%,rgba(247,243,236,.71) 40%,rgba(247,243,236,.08) 64%,transparent 76%);
}
body[data-page="home"] .collections-signature .collection-tile::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.11) 49%,transparent 60%);
  transform:translateX(-140%);
  transition:transform 1.25s ease;
}
body[data-page="home"] .collections-signature .collection-body{
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:57%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  padding:8.9% 0 6.2% 7.5%;
  pointer-events:none;
}
body[data-page="home"] .collections-signature .collection-body strong{
  font:500 clamp(24px,2.0vw,35px)/1.05 'Cormorant Garamond',Georgia,serif;
  letter-spacing:.028em;
  white-space:nowrap;
  color:#302820;
}
body[data-page="home"] .collections-signature .collection-body small{
  display:block;
  font:600 10px/1.35 Manrope,Arial,sans-serif;
  letter-spacing:.20em;
  white-space:nowrap;
  margin-top:13px;
  color:#6b625a;
}
body[data-page="home"] .collections-signature .collection-description{
  display:block;
  font:500 clamp(12px,.91vw,15px)/1.7 Manrope,Arial,sans-serif;
  letter-spacing:0;
  margin-top:17px;
  color:#68625c;
}
body[data-page="home"] .collections-signature .collection-explore{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-top:auto;
  padding-bottom:4px;
  border-bottom:1px solid rgba(83,66,50,.55);
  font:700 11px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
  color:#4a3d33;
  transition:gap .3s ease,color .3s ease,border-color .3s ease;
}
body[data-page="home"] .collections-signature .collection-explore b{
  font:400 21px/10px 'Cormorant Garamond',Georgia,serif;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  body[data-page="home"] .collections-signature .collection-tile:hover img{transform:scale(1.055);filter:saturate(1.04)}
  body[data-page="home"] .collections-signature .collection-tile:hover::after{transform:translateX(140%)}
  body[data-page="home"] .collections-signature .collection-tile:hover .collection-explore{gap:21px;color:var(--gold-dark);border-color:var(--gold-dark)}
}
body[data-page="home"] .collections-signature .collection-tile:focus-visible{
  outline:3px solid var(--gold-dark);outline-offset:4px;
}
body[data-page="home"] .collections-signature .collection-tile:focus-visible .collection-explore{
  color:var(--gold-dark);border-color:var(--gold-dark);
}
@media(max-width:1250px){
  body[data-page="home"] .collections-signature{padding-inline:5.5%}
  body[data-page="home"] .collections-signature .collection-grid{gap:14px}
  body[data-page="home"] .collections-signature .collection-tile{aspect-ratio:1.62/1}
  body[data-page="home"] .collections-signature .collection-body{width:62%;padding:10.5% 0 8% 7%}
  body[data-page="home"] .collections-signature .collection-body strong{font-size:clamp(23px,2.25vw,30px)}
  body[data-page="home"] .collections-signature .collection-body small{font-size:9px;margin-top:10px;letter-spacing:.15em}
  body[data-page="home"] .collections-signature .collection-description{font-size:12px;margin-top:12px}
  body[data-page="home"] .collections-signature .collection-explore{font-size:10px}
}
@media(max-width:940px){
  body[data-page="home"] .collections-signature{padding:67px 5% 80px}
  body[data-page="home"] .collections-signature .collection-grid{grid-template-columns:1fr 1fr}
  body[data-page="home"] .collections-signature .collection-tile{aspect-ratio:1.8/1}
  body[data-page="home"] .collections-signature .collection-tile:last-child{grid-column:1/-1;aspect-ratio:3.4/1}
  body[data-page="home"] .collections-signature .collection-body{width:55%;padding:8.5% 0 7% 7%}
}
@media(max-width:720px){
  body[data-page="home"] .collections-signature{padding:54px 6% 76px}
  body[data-page="home"] .collections-signature .section-top{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:22px}
  body[data-page="home"] .collections-signature .section-top h2{font-size:clamp(36px,8.3vw,47px)}
  body[data-page="home"] .collections-signature .collections-all-link{font-size:10px}
  body[data-page="home"] .collections-signature .collection-grid{grid-template-columns:1fr;gap:16px}
  body[data-page="home"] .collections-signature .collection-tile,
  body[data-page="home"] .collections-signature .collection-tile:last-child{
    grid-column:auto;
    aspect-ratio:1.78/1;
    min-height:225px;
  }
  body[data-page="home"] .collections-signature .collection-body{width:63%;padding:8% 0 8% 7.5%}
  body[data-page="home"] .collections-signature .collection-body strong{font-size:clamp(26px,6vw,33px)}
  body[data-page="home"] .collections-signature .collection-body small{font-size:9px;margin-top:10px}
  body[data-page="home"] .collections-signature .collection-description{font-size:12px;margin-top:10px}
  body[data-page="home"] .collections-signature .collection-explore{font-size:10px}
}
@media(max-width:400px){
  body[data-page="home"] .collections-signature .collection-tile,
  body[data-page="home"] .collections-signature .collection-tile:last-child{min-height:235px;aspect-ratio:1.5/1}
  body[data-page="home"] .collections-signature .collection-body{width:67%}
  body[data-page="home"] .collections-signature .collection-body small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .collections-signature .collection-tile img,
  body[data-page="home"] .collections-signature .collection-tile::after,
  body[data-page="home"] .collections-signature .collection-explore{transition:none!important;transform:none!important}
}


/* ============================================================
   v2.42 · Kolekce — mobile cinematic reveal & seamless edges
   Desktop intentional unchanged. Card remains a real link.
   ============================================================ */
@media (max-width: 720px) {
  /* Remove the leftover 1px pseudo-border from older global tile styles.
     Keep photographic edges clean rather than drawing a frame. */
  body[data-page="home"] .collections-signature .collection-tile {
    border: 0;
    outline: 0;
    border-radius: 0;
    box-shadow: none;
    background: #f8f5ef;
    -webkit-tap-highlight-color: transparent;
    backface-visibility: hidden;
  }
  body[data-page="home"] .collections-signature .collection-tile::before {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    /* Natural soft fade at the left, no visible vertical seam. */
    background: linear-gradient(90deg,
      rgba(249,246,240,.98) 0%,
      rgba(249,246,240,.96) 18%,
      rgba(249,246,240,.79) 35%,
      rgba(249,246,240,.34) 53%,
      rgba(249,246,240,.0) 78%);
  }
  body[data-page="home"] .collections-signature .collection-tile--ombre::before {
    border: 0;
    background: linear-gradient(90deg,
      rgba(249,246,240,.99) 0%,
      rgba(249,246,240,.96) 17%,
      rgba(249,246,240,.77) 35%,
      rgba(249,246,240,.30) 53%,
      rgba(249,246,240,0) 78%);
  }
  body[data-page="home"] .collections-signature .collection-tile::after {
    display: none;
  }
  body[data-page="home"] .collections-signature .collection-tile:focus-visible {
    outline: 2px solid #87653e;
    outline-offset: 4px;
  }
}
@media (max-width: 720px) and (prefers-reduced-motion: no-preference) {
  /* Staggered editorial entrance as each card enters the viewport. */
  body[data-page="home"] .collections-signature .collection-tile.reveal {
    opacity: 0;
    transform: translate3d(0,26px,0);
    transition: opacity .82s cubic-bezier(.2,.72,.2,1),
                transform 1.05s cubic-bezier(.18,.78,.2,1);
  }
  body[data-page="home"] .collections-signature .collection-tile.reveal.in-view {
    opacity: 1;
    transform: translate3d(0,0,0);
  }
  body[data-page="home"] .collections-signature .collection-grid .reveal:nth-child(n) {
    transition-delay: 0s;
  }
  body[data-page="home"] .collections-signature .collection-tile img {
    transform: scale(1.105) translate3d(7px,0,0);
    transform-origin: 72% center;
    transition: transform 1.65s cubic-bezier(.15,.76,.17,1),
                filter 1.1s ease;
    filter: saturate(.94);
  }
  body[data-page="home"] .collections-signature .collection-tile.in-view img {
    transform: scale(1.015) translate3d(0,0,0);
    filter: saturate(1);
  }
  body[data-page="home"] .collections-signature .collection-body > strong,
  body[data-page="home"] .collections-signature .collection-body > small,
  body[data-page="home"] .collections-signature .collection-description,
  body[data-page="home"] .collections-signature .collection-explore {
    opacity: 0;
    transform: translate3d(0,10px,0);
    transition: opacity .65s ease, transform .85s cubic-bezier(.2,.76,.2,1),
                color .3s ease, border-color .3s ease;
  }
  body[data-page="home"] .collections-signature .collection-tile.in-view .collection-body > strong,
  body[data-page="home"] .collections-signature .collection-tile.in-view .collection-body > small,
  body[data-page="home"] .collections-signature .collection-tile.in-view .collection-description,
  body[data-page="home"] .collections-signature .collection-tile.in-view .collection-explore {
    opacity: 1;
    transform: translate3d(0,0,0);
  }
  body[data-page="home"] .collections-signature .collection-body > strong { transition-delay: .10s; }
  body[data-page="home"] .collections-signature .collection-body > small { transition-delay: .17s; }
  body[data-page="home"] .collections-signature .collection-description { transition-delay: .24s; }
  body[data-page="home"] .collections-signature .collection-explore { transition-delay: .33s; }
  /* Light tactile feedback while pressing, without hijacking navigation. */
  body[data-page="home"] .collections-signature .collection-tile:active img {
    transform: scale(1.04) translate3d(0,0,0);
    transition-duration: .25s;
  }
  body[data-page="home"] .collections-signature .collection-tile:active .collection-explore {
    color: #87653e;
    border-color: #87653e;
  }
}
@media (max-width: 720px) and (prefers-reduced-motion: reduce) {
  body[data-page="home"] .collections-signature .collection-tile,
  body[data-page="home"] .collections-signature .collection-tile img,
  body[data-page="home"] .collections-signature .collection-tile .collection-body > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ============================================================
   v2.43 · Desktop collection cards: borderless editorial edges.
   The old global :hover/:focus-visible rule added a gold 1px
   border to ::before. Mobile already neutralized it in v2.42.
   Keep the soft image wash and all hover/motion interactions.
   ============================================================ */
@media (min-width: 721px) {
  body[data-page="home"] .collections-signature .collection-tile {
    border: 0;
    box-shadow: none;
    border-radius: 0;
  }
  body[data-page="home"] .collections-signature .collection-tile::before,
  body[data-page="home"] .collections-signature .collection-tile:is(:hover, :focus-visible)::before {
    border: 0;
    box-shadow: none;
    border-radius: 0;
  }
  /* Accessible keyboard focus remains outside the card. */
  body[data-page="home"] .collections-signature .collection-tile:focus-visible {
    outline: 2px solid #87653e;
    outline-offset: 4px;
  }
}

/* v2.44 — preserve the refined 1px golden hover outline without drawing
   a border on top of the photograph/wash pseudo-element.
   The old ::before border made hard vertical seams over the image edges. */
@media (min-width: 721px) and (hover: hover) {
  body[data-page="home"] .collections-signature .collection-tile {
    outline: 1px solid transparent;
    outline-offset: 0;
    transition: outline-color .38s ease, box-shadow .5s ease;
  }
  body[data-page="home"] .collections-signature .collection-tile:hover {
    outline-color: rgba(170,131,87,.64);
  }
  body[data-page="home"] .collections-signature .collection-tile:focus-visible {
    outline: 2px solid #87653e;
    outline-offset: 4px;
  }
}
/* Ensure the actual photographic layer touches the card edges: no fine
   subpixel hairline from rounded image scaling/compositing on desktop. */
@media (min-width: 721px) {
  body[data-page="home"] .collections-signature .collection-tile img {
    inset: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
  }
}


/* ===============================================================
   v2.45 — AURELLE · The Art of Scent
   Source: approved editorial reference; responsive, keyboard and
   touch enabled. All selectors scoped to homepage only.
   =============================================================== */
body[data-page="home"] .ingredients-maison{
  display:block;position:relative;min-height:440px;
  background:#f8f5ef;
  overflow:hidden;isolation:isolate;
}
body[data-page="home"] .ingredients-maison::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse at 49% 49%,rgba(255,255,255,.68),transparent 56%),
    linear-gradient(90deg,rgba(250,247,241,.72) 0%,rgba(250,247,241,.26) 24%,rgba(250,247,241,0) 38%,rgba(250,247,241,0) 61%,rgba(250,247,241,.24) 76%,rgba(250,247,241,.68) 100%),
    linear-gradient(180deg,rgba(250,247,241,.22),rgba(250,247,241,0) 22%,rgba(250,247,241,0) 78%,rgba(250,247,241,.2));
}
body[data-page="home"] .ingredients-maison-inner{
  display:grid;grid-template-columns:minmax(0,31%) minmax(0,30%) minmax(0,39%);
  align-items:center;position:relative;z-index:1;
  max-width:1700px;margin:auto;
  min-height:440px;
  padding:39px clamp(34px,6.25vw,115px);
}
body[data-page="home"] .ingredients-maison .ingredients-copy{
  position:relative;z-index:2;padding:10px 0 12px;
}
body[data-page="home"] .ingredients-maison .ingredients-copy .eyebrow{
  color:#87715b;margin:0 0 15px;font-size:11px;letter-spacing:.27em;
}
body[data-page="home"] .ingredients-maison .ingredients-copy h2{
  font-size:clamp(46px,3.72vw,67px);letter-spacing:-.039em;
  line-height:.95;font-weight:400;margin:0 0 20px;
}
body[data-page="home"] .ingredients-maison .ingredients-copy p{
  font-size:clamp(13px,1.04vw,15px);line-height:1.72;
  color:#625a52;max-width:385px;margin:0 0 24px;
}
body[data-page="home"] .ingredients-maison .ingredients-cta{
  min-height:48px;padding:0 22px;gap:26px;
  min-width:0;max-width:100%;font-size:11px;letter-spacing:.12em;
  font-weight:650;white-space:nowrap;
}
body[data-page="home"] .ingredients-maison .ingredients-cta span{font-size:18px;line-height:1}
body[data-page="home"] .ingredients-maison .ingredient-floral{
  position:relative;align-self:stretch;
  min-height:350px;
  display:flex;align-items:center;justify-content:center;
  overflow:visible;z-index:1;
  transform:translateY(0);
  isolation:isolate;
}
body[data-page="home"] .ingredients-maison .ingredient-floral img{
  width:128%;max-width:none;height:405px;object-fit:cover;
  object-position:50% 56%;
  opacity:.98;
  -webkit-mask-image:
    radial-gradient(ellipse 67% 58% at 50% 54%,#000 36%,rgba(0,0,0,.96) 55%,rgba(0,0,0,.78) 69%,rgba(0,0,0,.4) 83%,transparent 100%),
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.52) 8%,#000 19%,#000 81%,rgba(0,0,0,.52) 92%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.68) 10%,#000 25%,#000 76%,rgba(0,0,0,.68) 90%,transparent 100%);
  mask-image:
    radial-gradient(ellipse 67% 58% at 50% 54%,#000 36%,rgba(0,0,0,.96) 55%,rgba(0,0,0,.78) 69%,rgba(0,0,0,.4) 83%,transparent 100%),
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.52) 8%,#000 19%,#000 81%,rgba(0,0,0,.52) 92%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.68) 10%,#000 25%,#000 76%,rgba(0,0,0,.68) 90%,transparent 100%);
  transition:transform 1.35s cubic-bezier(.16,.74,.2,1),filter .6s ease;
  transform:scale(1.03);
  filter:saturate(.88) brightness(1.05);
}
body[data-page="home"] .ingredients-maison .ingredient-floral.in-view img{
  transform:scale(1);
}
body[data-page="home"] .ingredients-maison .ingredient-floral::after{
  content:"";position:absolute;inset:-6% -12%;pointer-events:none;z-index:2;
  background:
    linear-gradient(90deg,var(--ivory) 0%,rgba(247,243,237,0) 16%,rgba(247,243,237,0) 84%,var(--ivory) 100%),
    radial-gradient(ellipse at center,rgba(247,243,237,0) 56%,rgba(247,243,237,.28) 74%,rgba(247,243,237,.92) 100%);
}
body[data-page="home"] .ingredients-maison .scent-composition{
  position:relative;display:grid;grid-template-columns:minmax(170px,48%) minmax(0,52%);
  gap:0;align-items:center;
  padding-left:0;min-height:345px;
}
body[data-page="home"] .ingredients-maison .scent-pyramid-interactive{
  width:100%;height:300px;position:relative;
  align-self:center;isolation:isolate;
  filter:drop-shadow(0 14px 24px rgba(173,150,120,.08));
}
body[data-page="home"] .ingredients-maison .pyramid-photo{
  position:absolute;inset:0;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  background:
    linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.06)),
    linear-gradient(160deg,rgba(255,255,255,.54),rgba(224,208,186,.12)),
    url('/demo/aurelle/assets/ingredients-harmonie-v246.webp') center 56% / cover no-repeat;
  opacity:.62;filter:saturate(.58) brightness(1.01);
  border:1px solid rgba(180,157,126,.22);
}
body[data-page="home"] .ingredients-maison .scent-tier{
  position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;
  border:0;background:rgba(191,170,144,.06);
  transition:background .38s ease,filter .38s ease,box-shadow .38s ease;
  -webkit-tap-highlight-color:transparent;
}
body[data-page="home"] .ingredients-maison .scent-tier--head{
  clip-path:polygon(50% 0,66.2% 31.5%,33.8% 31.5%);
}
body[data-page="home"] .ingredients-maison .scent-tier--heart{
  clip-path:polygon(33.2% 34%,66.8% 34%,82.5% 64.8%,17.5% 64.8%);
}
body[data-page="home"] .ingredients-maison .scent-tier--base{
  clip-path:polygon(16.8% 67.3%,83.2% 67.3%,100% 100%,0 100%);
}
body[data-page="home"] .ingredients-maison .scent-tier:is(:hover,.active){
  background:rgba(171,133,87,.22);
  filter:brightness(.97);
  box-shadow:inset 0 0 0 1px rgba(171,133,87,.18);
}
body[data-page="home"] .ingredients-maison .scent-tier:focus-visible{
  outline:none;background:rgba(171,133,87,.32);
  filter:drop-shadow(0 0 2px #87653e);
}
body[data-page="home"] .ingredients-maison .pyramid-line{
  position:absolute;z-index:3;height:2px;background:rgba(255,251,245,.88);pointer-events:none;box-shadow:0 0 0 1px rgba(201,183,161,.14);
}
body[data-page="home"] .ingredients-maison .pyramid-line--first{top:32.6%;left:33%;width:34%}
body[data-page="home"] .ingredients-maison .pyramid-line--second{top:66%;left:17%;width:66%}
body[data-page="home"] .ingredients-maison .scent-notes{
  display:grid;align-content:center;gap:16px;min-width:0;
  background:none;padding:0 0 0 12px;
}
body[data-page="home"] .ingredients-maison .scent-notes .note-button{
  border:0;background:transparent;padding:8px 2px 9px 6px;
  width:100%;min-width:0;min-height:75px;color:#332a26;
  text-align:left;position:relative;
  transition:color .25s ease,transform .3s ease;
}
body[data-page="home"] .ingredients-maison .scent-notes .note-button::before{
  content:"";position:absolute;top:22px;left:-62px;width:54px;height:1px;
  background:#baa88f;opacity:1;pointer-events:none;
}
body[data-page="home"] .ingredients-maison .scent-notes .note-button .scent-note-heading{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font:600 19px/1.1 'Cormorant Garamond',Georgia,serif;
  letter-spacing:.025em;
}
body[data-page="home"] .ingredients-maison .scent-notes .note-button b{
  font:400 25px/1 'Cormorant Garamond',Georgia,serif;
  color:#8c775c;transition:transform .25s ease;
}
body[data-page="home"] .ingredients-maison .scent-notes .note-button small{
  display:block;font:400 clamp(11px,.84vw,13px)/1.45 Manrope,Arial,sans-serif;
  margin-top:7px;color:#625a52;
}
body[data-page="home"] .ingredients-maison .scent-notes .note-button:is(:hover,.active){color:#906d44}
body[data-page="home"] .ingredients-maison .scent-notes .note-button.active b{transform:rotate(45deg)}
body[data-page="home"] .ingredients-maison .scent-note-description{
  margin:0 0 0 6px;display:none;
  color:#806246;font:italic 18px/1.23 'Cormorant Garamond',Georgia,serif;
  max-width:270px;
}
body[data-page="home"] .ingredients-maison .scent-notes.has-selection .scent-note-description{display:block;animation:scentDesc .38s ease both}
@keyframes scentDesc{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  body[data-page="home"] .ingredients-maison .scent-notes .note-button:hover{transform:translateX(4px)}
  body[data-page="home"] .ingredients-maison .scent-tier:hover{filter:brightness(.95)}
}
@media(max-width:1280px){
  body[data-page="home"] .ingredients-maison-inner{grid-template-columns:32% 27% 41%;padding-inline:4.5%}
  body[data-page="home"] .ingredients-maison .ingredients-copy h2{font-size:clamp(42px,4vw,60px)}
  body[data-page="home"] .ingredients-maison .scent-pyramid-interactive{height:265px}
  body[data-page="home"] .ingredients-maison .scent-composition{grid-template-columns:44% 56%}
  body[data-page="home"] .ingredients-maison .scent-notes{gap:8px}
  body[data-page="home"] .ingredients-maison .scent-notes .note-button{min-height:68px}
  body[data-page="home"] .ingredients-maison .scent-notes .note-button::before{left:-30px;width:24px}
}
@media(max-width:980px){
  body[data-page="home"] .ingredients-maison-inner{grid-template-columns:43% 57%;padding:62px 6% 48px;gap:0}
  body[data-page="home"] .ingredients-maison .ingredients-copy{grid-column:1;grid-row:1;padding-right:20px}
  body[data-page="home"] .ingredients-maison .ingredient-floral{grid-column:2;grid-row:1;min-height:300px}
  body[data-page="home"] .ingredients-maison .ingredient-floral img{height:340px;object-position:50% 54%;width:126%}
  body[data-page="home"] .ingredients-maison .scent-composition{grid-column:1/-1;grid-row:2;max-width:670px;width:100%;margin:20px auto 0;min-height:0;grid-template-columns:42% 58%}
  body[data-page="home"] .ingredients-maison .scent-pyramid-interactive{height:260px}
  body[data-page="home"] .ingredients-maison .scent-notes{gap:10px}
  body[data-page="home"] .ingredients-maison .scent-notes .note-button::before{left:-46px;width:38px}
}
@media(max-width:620px){
  body[data-page="home"] .ingredients-maison-inner{display:flex;flex-direction:column;align-items:stretch;padding:56px 7% 60px}
  body[data-page="home"] .ingredients-maison .ingredients-copy{padding:0}
  body[data-page="home"] .ingredients-maison .ingredients-copy h2{font-size:clamp(45px,10vw,62px);line-height:1.02}
  body[data-page="home"] .ingredients-maison .ingredients-copy p{max-width:420px;font-size:14px}
  body[data-page="home"] .ingredients-maison .ingredient-floral{align-self:center;min-height:0;width:100%;max-width:480px;height:270px;margin:15px auto 3px;overflow:visible}
  body[data-page="home"] .ingredients-maison .ingredient-floral img{width:120%;height:294px;object-position:50% 54%}
  body[data-page="home"] .ingredients-maison .scent-composition{margin:0 auto;grid-template-columns:40% 60%;max-width:500px;min-height:295px}
  body[data-page="home"] .ingredients-maison .scent-pyramid-interactive{height:247px}
  body[data-page="home"] .ingredients-maison .scent-notes{gap:3px;padding-left:0}
  body[data-page="home"] .ingredients-maison .scent-notes .note-button{min-height:69px;padding-left:12px}
  body[data-page="home"] .ingredients-maison .scent-notes .note-button::before{left:-17px;width:26px;top:23px}
  body[data-page="home"] .ingredients-maison .scent-notes .note-button .scent-note-heading{font-size:17px}
  body[data-page="home"] .ingredients-maison .scent-notes .note-button small{font-size:11px}
  body[data-page="home"] .ingredients-maison .scent-note-description{font-size:17px}
}
@media(max-width:370px){
  body[data-page="home"] .ingredients-maison .scent-composition{grid-template-columns:37% 63%}
  body[data-page="home"] .ingredients-maison .scent-pyramid-interactive{height:210px}
  body[data-page="home"] .ingredients-maison .scent-notes .note-button{min-height:63px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .ingredients-maison .ingredient-floral img{transition:none!important;transform:none!important}
  body[data-page="home"] .ingredients-maison .scent-tier,body[data-page="home"] .ingredients-maison .scent-notes .note-button,body[data-page="home"] .ingredients-maison .scent-note-description{animation:none!important;transition:none!important}
}

/* v2.45 responsive safeguard: legacy .notes tablet grid must not split the scent notes into columns. */
body[data-page="home"] .ingredients-maison .scent-notes{grid-template-columns:minmax(0,1fr);grid-column:auto;min-width:0}

/* v2.48 — transparent botanical asset + clear glass pyramid. */
body[data-page="home"] .ingredients-maison{background:#f8f5ef}
body[data-page="home"] .ingredients-maison::before{background:none!important}
body[data-page="home"] .ingredients-maison .ingredient-floral{isolation:auto;overflow:visible}
body[data-page="home"] .ingredients-maison .ingredient-floral::after{display:none!important}
body[data-page="home"] .ingredients-maison .ingredient-floral img{
  display:block;width:138%;max-width:none;height:auto;aspect-ratio:1680 / 1254;
  object-fit:contain;object-position:center;
  -webkit-mask-image:none!important;mask-image:none!important;
  opacity:1;filter:none;
  transform:scale(1.03);
  transition:transform 1.15s cubic-bezier(.18,.8,.2,1);
}
body[data-page="home"] .ingredients-maison .ingredient-floral.in-view img{transform:scale(1)}
body[data-page="home"] .ingredients-maison .scent-pyramid-interactive{
  isolation:isolate; filter:drop-shadow(0 10px 22px rgba(130,102,69,.09));
}
body[data-page="home"] .ingredients-maison .pyramid-photo{display:none!important}
body[data-page="home"] .ingredients-maison .scent-pyramid-illustration{
  position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1;overflow:visible;
}
body[data-page="home"] .ingredients-maison .scent-tier{background:transparent;z-index:2}
body[data-page="home"] .ingredients-maison .scent-tier:is(:hover,.active){background:rgba(163,116,61,.18);filter:none;box-shadow:none}
body[data-page="home"] .ingredients-maison .scent-tier:focus-visible{background:rgba(163,116,61,.24);filter:none}
body[data-page="home"] .ingredients-maison .pyramid-line{display:none!important}
@media(max-width:980px){
  body[data-page="home"] .ingredients-maison .ingredient-floral img{
    width:127%;max-width:none;height:auto;object-fit:contain;object-position:center;
  }
}
@media(max-width:720px){
  body[data-page="home"] .ingredients-maison .ingredient-floral img{
    width:118%;height:auto;max-width:none;object-fit:contain;object-position:center;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .ingredients-maison .ingredient-floral img{transform:none!important;transition:none!important}
}

/* v2.50 — single SVG geometry for painting, hit testing and transparent illustrations. */
body[data-page="home"] .ingredients-maison .scent-pyramid-illustration{
  position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;
  pointer-events:auto;z-index:1;
  opacity:1;
  filter:drop-shadow(0 12px 22px rgba(125,94,60,.10));
}
body[data-page="home"] .ingredients-maison .scent-svg-tier{
  cursor:pointer;outline:none;isolation:isolate;
}
body[data-page="home"] .ingredients-maison .scent-svg-tier .scent-tier-fill{
  fill:rgba(167,119,66,0);
  stroke:transparent;
  transition:fill .45s cubic-bezier(.22,.75,.26,1),stroke .35s ease;
}
body[data-page="home"] .ingredients-maison .scent-svg-tier:hover .scent-tier-fill{
  fill:rgba(164,118,66,.105);
}
body[data-page="home"] .ingredients-maison .scent-svg-tier.active .scent-tier-fill{
  fill:rgba(164,113,55,.22);
}
body[data-page="home"] .ingredients-maison .scent-svg-tier:focus-visible .scent-tier-fill{
  fill:rgba(164,113,55,.22);
  stroke:#805e3e;stroke-width:2.2px;
}
body[data-page="home"] .ingredients-maison .pyramid-botanical{
  pointer-events:none;
  opacity:.84;
  filter:saturate(.74) brightness(1.04);
  transition:opacity .52s ease,filter .52s ease,transform .7s cubic-bezier(.2,.74,.2,1);
  transform-box:fill-box;
  transform-origin:center center;
}
body[data-page="home"] .ingredients-maison .scent-svg-tier.active .pyramid-botanical,
body[data-page="home"] .ingredients-maison .scent-svg-tier:hover .pyramid-botanical,
body[data-page="home"] .ingredients-maison .scent-svg-tier:focus-visible .pyramid-botanical{
  opacity:1;
  filter:saturate(.94) brightness(1.02);
  transform:scale(1.065);
}
@media(prefers-reduced-motion:no-preference){
  body[data-page="home"] .ingredients-maison .scent-composition.in-view .scent-pyramid-illustration{
    animation:pyramidAppear 1.1s cubic-bezier(.19,.7,.25,1) both;
  }
  body[data-page="home"] .ingredients-maison .scent-composition.in-view .scent-svg-tier:nth-of-type(2) .pyramid-botanical{
    animation:pyramidBotanicalArrival 1.15s .15s ease backwards;
  }
  body[data-page="home"] .ingredients-maison .scent-composition.in-view .scent-svg-tier:nth-of-type(3) .pyramid-botanical{
    animation:pyramidBotanicalArrival 1.15s .3s ease backwards;
  }
}
@keyframes pyramidAppear{
  from{opacity:0;transform:translateY(12px) scale(.965)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes pyramidBotanicalArrival{
  from{opacity:0;filter:blur(4px) saturate(.75)}
  to{opacity:.84;filter:blur(0) saturate(.74) brightness(1.04)}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .ingredients-maison .scent-pyramid-illustration,
  body[data-page="home"] .ingredients-maison .scent-svg-tier .scent-tier-fill,
  body[data-page="home"] .ingredients-maison .pyramid-botanical{
    animation:none!important;transition:none!important;transform:none!important;
  }
}


/* v2.51 — mobile scent pyramid: preserve the true 1:1 SVG proportions.
   The previous 40/60 mobile grid squeezed a 300×300 viewBox into a tall
   narrow column (≈125×247px), distorting the botanical photographs. */
@media (max-width: 620px) {
  body[data-page="home"] .ingredients-maison .scent-composition {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 420px;
    min-height: 0;
    margin: 13px auto 0;
  }
  body[data-page="home"] .ingredients-maison .scent-pyramid-interactive {
    position: relative;
    align-self: center;
    flex: 0 0 auto;
    width: min(100%, 276px);
    height: auto !important;
    aspect-ratio: 1 / 1;
    filter: drop-shadow(0 10px 20px rgba(130,102,69,.08));
  }
  body[data-page="home"] .ingredients-maison .scent-pyramid-illustration {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
  }
  body[data-page="home"] .ingredients-maison .scent-notes {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    align-content: start;
    gap: 3px;
    width: min(100%, 410px);
    margin: 0 auto;
    padding: 3px 0 0;
  }
  body[data-page="home"] .ingredients-maison .scent-notes .note-button {
    width: 100%;
    min-height: 0;
    padding: 13px 6px 14px;
    border-bottom: 1px solid rgba(171,145,116,.26);
  }
  body[data-page="home"] .ingredients-maison .scent-notes .note-button::before {
    display: none;
  }
  body[data-page="home"] .ingredients-maison .scent-notes .note-button .scent-note-heading {
    font-size: 19px;
  }
  body[data-page="home"] .ingredients-maison .scent-notes .note-button small {
    font-size: 12px;
    line-height: 1.5;
  }
  body[data-page="home"] .ingredients-maison .scent-note-description {
    margin: 12px 6px 0;
    max-width: none;
  }
}
@media (max-width: 370px) {
  body[data-page="home"] .ingredients-maison .scent-pyramid-interactive {
    width: min(100%, 254px);
    height: auto !important;
    aspect-ratio: 1 / 1;
  }
}


/* v2.52 — AURELLE / Náš příběh: cinematic editorial triptych */
body[data-page="home"] .story-cinematic {
  display:grid;
  grid-template-columns:33% 30% 37%;
  min-height:0;
  height:clamp(390px,30vw,525px);
  margin:0;
  background:#fbf9f5;
  overflow:hidden;
  isolation:isolate;
}
body[data-page="home"] .story-cinematic .story-panel{
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  isolation:isolate;
}
body[data-page="home"] .story-cinematic .story-portrait,
body[data-page="home"] .story-cinematic .story-scenery{background:#b6a187}
body[data-page="home"] .story-cinematic .story-panel img{
  display:block;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform 1.9s cubic-bezier(.18,.77,.25,1),filter 1.2s ease;
  transform:scale(1.085);
  will-change:transform;
}
body[data-page="home"] .story-cinematic .story-portrait img{object-position:center 47%}
body[data-page="home"] .story-cinematic .story-scenery img{object-position:center 57%}
body[data-page="home"] .story-cinematic .story-panel.in-view img{transform:scale(1)}
body[data-page="home"] .story-cinematic .story-portrait::after{
  content:"";position:absolute;inset:40% 0 0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(33,20,11,.52));
}
body[data-page="home"] .story-cinematic .story-scenery::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(26,25,23,.16),transparent 40%,rgba(36,30,25,.06));
}
body[data-page="home"] .story-cinematic .story-quote{
  position:absolute;z-index:2;
  bottom:clamp(26px,4vw,62px);left:clamp(22px,4.8vw,75px);right:22px;
  color:#fff8ef;
  text-shadow:0 2px 15px rgba(37,22,10,.35);
}
body[data-page="home"] .story-cinematic .story-quote blockquote{
  font:italic 400 clamp(23px,2.1vw,37px)/1.13 'Cormorant Garamond',Georgia,serif;
  margin:0 0 20px;max-width:390px;
}
body[data-page="home"] .story-cinematic .story-quote span{
  font:600 10px/1.3 Manrope,Arial,sans-serif;
  letter-spacing:.23em;
}
body[data-page="home"] .story-cinematic .story-editorial{
  display:flex;align-items:center;justify-content:center;
  padding:clamp(26px,3.3vw,58px) clamp(25px,3.1vw,59px);
  background:#fcfaf6;
  box-shadow:0 0 0 1px rgba(158,132,101,.035) inset;
  z-index:2;
}
body[data-page="home"] .story-cinematic .story-editorial-inner{
  width:100%;max-width:420px;
}
body[data-page="home"] .story-cinematic .story-editorial .eyebrow{
  color:#89755f;font-size:10px;letter-spacing:.25em;margin:0 0 16px;
}
body[data-page="home"] .story-cinematic .story-editorial h2{
  font-size:clamp(32px,2.55vw,46px);
  letter-spacing:-.042em;line-height:.98;
  font-weight:400;
  margin:17px 0 21px;
}
body[data-page="home"] .story-cinematic .story-editorial h2 em{
  font-style:normal;font-weight:400;
}
body[data-page="home"] .story-cinematic .story-editorial p{
  font:400 clamp(12px,.86vw,14px)/1.8 Manrope,Arial,sans-serif;
  color:#59534d;max-width:410px;margin:0 0 23px;
}
body[data-page="home"] .story-cinematic .story-button{
  min-height:44px;min-width:0;
  padding:0 23px;
  gap:22px;
  font-size:10px;letter-spacing:.15em;
  white-space:nowrap;
}
body[data-page="home"] .story-cinematic .story-button span{font-size:19px;line-height:1}
body[data-page="home"] .story-cinematic .story-scenery-caption{
  position:absolute;right:clamp(20px,3vw,56px);top:clamp(22px,3vw,53px);z-index:2;
  font:600 clamp(9px,.65vw,11px)/1.75 Manrope,Arial,sans-serif;
  letter-spacing:.23em;
  color:#fffdf8;text-shadow:0 2px 8px rgba(30,25,20,.65);
}
/* The original reveal observer already drives .in-view. Stagger each of the three editorial panels. */
body[data-page="home"] .story-cinematic .story-panel.reveal{transition-delay:0s}
body[data-page="home"] .story-cinematic .story-editorial.reveal{transition-delay:.11s}
body[data-page="home"] .story-cinematic .story-scenery.reveal{transition-delay:.2s}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body[data-page="home"] .story-cinematic .story-portrait:hover img,
  body[data-page="home"] .story-cinematic .story-scenery:hover img{transform:scale(1.055)}
}
@media(max-width:1250px){
  body[data-page="home"] .story-cinematic{grid-template-columns:32% 35% 33%;height:clamp(420px,38vw,530px)}
  body[data-page="home"] .story-cinematic .story-editorial{padding:30px 34px}
  body[data-page="home"] .story-cinematic .story-editorial h2{font-size:clamp(31px,2.9vw,40px)}
}
@media(max-width:850px){
  body[data-page="home"] .story-cinematic{grid-template-columns:1fr 1fr;height:auto}
  body[data-page="home"] .story-cinematic .story-portrait{grid-column:1;min-height:480px}
  body[data-page="home"] .story-cinematic .story-editorial{grid-column:2;padding:45px 8%;min-height:480px}
  body[data-page="home"] .story-cinematic .story-scenery{grid-column:1/-1;height:380px}
  body[data-page="home"] .story-cinematic .story-scenery img{object-position:center 59%}
  body[data-page="home"] .story-cinematic .story-editorial h2{font-size:clamp(37px,4.7vw,54px)}
}
@media(max-width:620px){
  body[data-page="home"] .story-cinematic{display:flex;flex-direction:column;height:auto}
  body[data-page="home"] .story-cinematic .story-portrait{width:100%;min-height:0;height:clamp(370px,112vw,500px)}
  body[data-page="home"] .story-cinematic .story-portrait img{object-position:center 48%}
  body[data-page="home"] .story-cinematic .story-quote{bottom:29px;left:7%;right:7%}
  body[data-page="home"] .story-cinematic .story-quote blockquote{font-size:clamp(28px,8vw,40px);margin-bottom:11px}
  body[data-page="home"] .story-cinematic .story-editorial{min-height:0;display:block;width:100%;padding:67px 7% 70px}
  body[data-page="home"] .story-cinematic .story-editorial-inner{max-width:500px}
  body[data-page="home"] .story-cinematic .story-editorial h2{font-size:clamp(45px,10vw,60px);margin:13px 0 23px}
  body[data-page="home"] .story-cinematic .story-editorial p{font-size:14px;margin-bottom:25px}
  body[data-page="home"] .story-cinematic .story-scenery{width:100%;height:clamp(300px,83vw,400px)}
  body[data-page="home"] .story-cinematic .story-scenery img{object-position:center 55%}
  body[data-page="home"] .story-cinematic .story-scenery-caption{top:21px;right:7%;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .story-cinematic .story-panel img{transition:none!important;transform:none!important;will-change:auto}
  body[data-page="home"] .story-cinematic .story-panel.reveal{transition-delay:0s!important}
}


/* v2.53 — AURELLE Maison bestsellers (scoped) */
body[data-page="home"] .bestseller-maison{padding-top:84px;padding-bottom:86px;background:#fbf9f5}
body[data-page="home"] .bestsellers-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 24px}
body[data-page="home"] .bestsellers-header .eyebrow{font-size:11px;letter-spacing:.26em;color:#7c6a59;margin-bottom:6px}
body[data-page="home"] .bestsellers-header h2{font-size:clamp(36px,3.1vw,52px);font-weight:400;letter-spacing:-.03em;margin:0;line-height:1.06}
body[data-page="home"] .bestsellers-all{position:relative;display:inline-flex;align-items:center;gap:16px;white-space:nowrap;font:700 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.105em;padding:8px 0;color:#3b312a}
body[data-page="home"] .bestsellers-all span{font-size:23px;font-weight:400;line-height:0}
body[data-page="home"] .bestsellers-all::after{content:"";height:1px;background:#a78761;position:absolute;left:0;bottom:4px;right:0;transform-origin:left;transform:scaleX(.45);transition:transform .4s ease}
body[data-page="home"] .bestsellers-all:hover::after{transform:scaleX(1)}
body[data-page="home"] .bestsellers-slider{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
body[data-page="home"] .bestseller-card{position:relative;min-height:232px;background:#f0eae1;isolation:isolate;overflow:hidden;display:flex;align-items:center;transition:box-shadow .4s,transform .5s;}
body[data-page="home"] .bestseller-card:nth-child(2){background:#eee6dc}
body[data-page="home"] .bestseller-card:nth-child(3){background:#f3ece2}
body[data-page="home"] .bestseller-card:nth-child(4){background:#f4e9e3}
body[data-page="home"] .bestseller-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(247,242,235,.16) 31%,rgba(247,242,235,.82) 48%,rgba(247,242,235,.98) 63%,rgba(247,242,235,.99) 100%)}
body[data-page="home"] .bestseller-card:nth-child(4)::before{background:linear-gradient(90deg,transparent 0%,rgba(251,243,237,.16) 31%,rgba(251,243,237,.83) 48%,rgba(251,243,237,.98) 63%,rgba(251,243,237,.99) 100%)}
body[data-page="home"] .bestseller-card::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;border:1px solid rgba(170,131,87,0);transition:border-color .45s ease}
body[data-page="home"] .bestseller-card:hover::after{border-color:rgba(170,131,87,.42)}
body[data-page="home"] .bestseller-photo{position:absolute;z-index:0;inset:0 auto 0 0;width:64%;display:block;overflow:hidden}
body[data-page="home"] .bestseller-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;transition:transform 1s cubic-bezier(.2,.72,.2,1),filter .7s;filter:saturate(.91)}
body[data-page="home"] .bestseller-card:nth-child(4) .bestseller-photo img{object-position:50% 48%;}
body[data-page="home"] .bestseller-card:hover .bestseller-photo img{transform:scale(1.06);filter:saturate(1.04)}
body[data-page="home"] .bestseller-details{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-left:49%;padding:28px 14px 23px 0;width:51%;min-width:0}
body[data-page="home"] .bestseller-name{font:500 clamp(17px,1.48vw,23px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.022em;color:#312923;text-transform:uppercase}
body[data-page="home"] .bestseller-kind{font-size:8px;font-weight:700;letter-spacing:.13em;color:#807265}
body[data-page="home"] .bestseller-price{font-size:13px;font-weight:700;color:#3d342e;letter-spacing:.01em}
body[data-page="home"] .bestseller-rating{display:flex;align-items:center;gap:6px;color:#a47a46;white-space:nowrap;font-size:13px;letter-spacing:.045em;line-height:1}
body[data-page="home"] .bestseller-rating small{font:600 8px/1.4 Manrope,Arial,sans-serif;letter-spacing:.04em;color:#8f8271}
body[data-page="home"] .bestseller-badge{position:absolute;top:10px;right:11px;background:#9f794d;color:#fff;font:700 8px/1 Manrope,Arial,sans-serif;letter-spacing:.11em;padding:6px 7px}
body[data-page="home"] .bestseller-bag{position:absolute;bottom:13px;right:11px;z-index:6;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(134,94,57,.4);border-radius:50%;background:#a17b51;color:#fff;box-shadow:0 8px 18px rgba(91,61,36,.13);transition:transform .3s ease,background .3s,box-shadow .3s}
body[data-page="home"] .bestseller-bag:hover{transform:translateY(-3px);background:#775635;box-shadow:0 10px 24px rgba(91,61,36,.2)}
body[data-page="home"] .bestseller-demo-note{font-size:10px;line-height:1.5;letter-spacing:.01em;color:#8d8174;margin:14px 0 0}
body[data-page="home"] .bestsellers-mobile-footer{display:none}
@media(min-width:1500px){body[data-page="home"] .bestseller-card{min-height:254px}body[data-page="home"] .bestseller-details{padding-top:32px}}
@media(max-width:1190px){body[data-page="home"] .bestsellers-slider{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-page="home"] .bestseller-card{min-height:255px}body[data-page="home"] .bestseller-name{font-size:24px}body[data-page="home"] .bestseller-details{margin-left:48%}}
@media(max-width:680px){
  body[data-page="home"] .bestseller-maison{padding:65px 0 60px 0}
  body[data-page="home"] .bestsellers-header{padding:0 6%;display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}
  body[data-page="home"] .bestsellers-header h2{font-size:clamp(36px,9vw,44px);line-height:1.05}
  body[data-page="home"] .bestsellers-all{font-size:10px}
  body[data-page="home"] .bestsellers-slider{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:6%;padding:0 6% 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body[data-page="home"] .bestsellers-slider::-webkit-scrollbar{display:none}
  body[data-page="home"] .bestseller-card{flex:0 0 min(83vw,355px);height:255px;min-height:255px;scroll-snap-align:start;transform:none}
  body[data-page="home"] .bestseller-name{font-size:22px}
  body[data-page="home"] .bestseller-details{margin-left:48%;width:52%;padding-top:27px}
  body[data-page="home"] .bestsellers-mobile-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 6% 0;color:#887362;font-size:9px;letter-spacing:.10em}
  body[data-page="home"] .bestsellers-mobile-controls{display:flex;align-items:center;gap:13px;font-size:11px;color:#685543;white-space:nowrap}
  body[data-page="home"] .bestsellers-mobile-controls button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #d0bda9;background:transparent;border-radius:50%;font-size:16px;color:#6b4c30}
  body[data-page="home"] .bestsellers-mobile-controls button:disabled{opacity:.36;cursor:default}
  body[data-page="home"] .bestseller-demo-note{padding:0 6%;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .bestseller-photo img,body[data-page="home"] .bestseller-bag,body[data-page="home"] .bestseller-card::after{transition:none!important}}

body[data-page="home"] .bestseller-card:nth-child(4) .bestseller-name{font-size:clamp(15px,1.14vw,19px);letter-spacing:0;white-space:nowrap}


/* v2.55 — AURELLE testimonial banner precision rebuild (reference-aligned) */
body[data-page="home"] .testimonials-band{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  min-height:198px;
  padding:20px 0 22px;
  background:linear-gradient(101deg,#f5efe7 0%,#fcf9f4 36%,#f8f4ee 56%,#e6d7c8 100%);
}
body[data-page="home"] .testimonials-band::before{
  content:"";
  position:absolute;
  inset:0 0 0 40%;
  pointer-events:none;
  z-index:-1;
  background:url('/demo/aurelle/assets/testimonials-silk-v255.svg') center right / cover no-repeat;
  opacity:.65;
}
body[data-page="home"] .testimonials-shell{
  width:min(1550px,calc(100% - 10.5vw));
  margin:0 auto;
  position:relative;
  border:0;
  background:none;
  box-shadow:none;
  padding:0;
  overflow:visible;
}
body[data-page="home"] .testimonial-kicker{
  margin:0 0 9px;
  color:#6d645c;
  font:700 10px/1.3 Manrope,Arial,sans-serif;
  letter-spacing:.31em;
}
body[data-page="home"] .testimonials-row{
  display:grid;
  grid-template-columns:100px minmax(0,1fr) 210px;
  gap:30px;
  align-items:center;
}
body[data-page="home"] .testimonial-avatar-frame{
  width:88px;height:88px;
  align-self:start;
  margin:9px 0 0;
}
body[data-page="home"] .testimonial-avatar{
  width:88px;height:88px;
  border-radius:50%;
  object-fit:cover;
  object-position:center 27%;
  border:1px solid rgba(142,111,78,.3);
  box-shadow:0 6px 12px rgba(77,53,29,.06);
  transition:transform .4s ease,opacity .35s ease,filter .35s ease;
}
body[data-page="home"] .testimonials-content{min-width:0;align-self:start}
body[data-page="home"] .testimonial-quote{
  max-width:935px;
  margin:0 0 14px;
  font:italic 500 clamp(25px,1.75vw,32px)/1.08 'Cormorant Garamond',Georgia,serif;
  letter-spacing:-.015em;
  color:#2c2825;
  transition:opacity .33s ease,transform .4s cubic-bezier(.2,.75,.2,1),filter .35s ease;
}
body[data-page="home"] .testimonial-person-meta{
  transition:opacity .33s ease,transform .4s cubic-bezier(.2,.75,.2,1),filter .35s ease;
}
body[data-page="home"] .testimonial-person-meta strong{
  display:block;
  color:#302b27;
  font:700 12px/1.25 Manrope,Arial,sans-serif;
  letter-spacing:.16em;
  margin-bottom:4px;
}
body[data-page="home"] .testimonial-person-meta span{
  display:block;
  color:#71675e;
  font:500 10px/1.3 Manrope,Arial,sans-serif;
}
body[data-page="home"] .testimonials-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  align-self:center;
  padding-top:2px;
  white-space:nowrap;
}
body[data-page="home"] .testimonial-arrow{
  display:grid;
  place-items:center;
  width:44px;height:44px;
  border:1px solid rgba(140,104,65,.8);
  border-radius:50%;
  background:rgba(255,255,255,.18);
  color:#785a3a;
  transition:transform .24s ease,background .24s ease,box-shadow .24s ease;
}
body[data-page="home"] .testimonial-arrow svg{width:19px;height:19px}
body[data-page="home"] .testimonial-arrow:hover{transform:scale(1.06);background:rgba(255,255,255,.45);box-shadow:0 4px 16px rgba(77,53,29,.10)}
body[data-page="home"] .testimonial-counter{color:#453a30;font:700 12px/1 Manrope,Arial,sans-serif;letter-spacing:.12em}
body[data-page="home"] :is(.testimonial-quote,.testimonial-person-meta,.testimonial-avatar).is-transitioning{opacity:.08;transform:translateY(7px);filter:blur(3px)}
body[data-page="home"] .testimonial-arrow:focus-visible{outline:2px solid #8c704f;outline-offset:3px}
@media(max-width:1100px){
  body[data-page="home"] .testimonials-shell{width:calc(100% - 9vw)}
  body[data-page="home"] .testimonials-row{grid-template-columns:86px minmax(0,1fr) 155px;gap:18px}
  body[data-page="home"] .testimonial-avatar-frame,body[data-page="home"] .testimonial-avatar{width:74px;height:74px}
  body[data-page="home"] .testimonial-quote{font-size:clamp(25px,2.5vw,30px)}
  body[data-page="home"] .testimonial-arrow{width:38px;height:38px}
  body[data-page="home"] .testimonials-controls{gap:8px}
}
@media(max-width:760px){
  body[data-page="home"] .testimonials-band{padding:27px 0 28px;min-height:0}
  body[data-page="home"] .testimonials-band::before{inset:0 0 0 6%;opacity:.48}
  body[data-page="home"] .testimonials-shell{width:calc(100% - 12vw)}
  body[data-page="home"] .testimonial-kicker{margin-bottom:17px;font-size:9px}
  body[data-page="home"] .testimonials-row{
    grid-template-columns:66px minmax(0,1fr);
    grid-template-areas:'avatar quote' 'controls controls';
    gap:11px 15px;
    align-items:start;
  }
  body[data-page="home"] .testimonial-avatar-frame{grid-area:avatar;margin:6px 0 0;width:62px;height:62px}
  body[data-page="home"] .testimonial-avatar{width:62px;height:62px}
  body[data-page="home"] .testimonials-content{grid-area:quote}
  body[data-page="home"] .testimonial-quote{font-size:clamp(22px,5.7vw,28px);line-height:1.13;margin:0 0 13px}
  body[data-page="home"] .testimonials-controls{grid-area:controls;justify-self:end;min-width:170px;margin-top:5px}
  body[data-page="home"] .testimonial-arrow{width:38px;height:38px}
  body[data-page="home"] .testimonial-person-meta strong{font-size:11px}
  body[data-page="home"] .testimonial-person-meta span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .testimonials-band :is(.testimonial-avatar,.testimonial-quote,.testimonial-person-meta,.testimonial-arrow){transition:none!important;animation:none!important}
}

/* v2.56 — AURELLE final newsletter invitation section */
body[data-page="home"] .invitation-editorial{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);
  align-items:stretch;
  min-height:260px;
  background:linear-gradient(90deg,#fbf8f3 0%,#f8f4ee 48%,#efe3d6 100%);
  overflow:hidden;
}
body[data-page="home"] .invitation-editorial::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 83% 18%,rgba(255,255,255,.78),transparent 19%),
    linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0) 55%);
  pointer-events:none;
}
body[data-page="home"] .invitation-editorial .invite-copy{
  position:relative;
  z-index:1;
  padding:28px clamp(26px,6vw,96px) 30px max(7%,clamp(30px,6vw,90px));
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body[data-page="home"] .invitation-editorial h2{
  margin:0 0 18px;
  font-size:clamp(44px,4.25vw,66px);
  line-height:.98;
  letter-spacing:-.035em;
  max-width:560px;
}
body[data-page="home"] .invitation-editorial p{
  margin:0 0 22px;
  max-width:560px;
  font-size:14px;
  line-height:1.7;
}
body[data-page="home"] .newsletter-editorial{
  max-width:720px;
}
body[data-page="home"] .input-row-editorial{
  max-width:372px;
  height:52px;
  border:1px solid rgba(182,161,136,.45);
  background:rgba(255,255,255,.74);
  box-shadow:0 10px 24px rgba(132,106,77,.05);
}
body[data-page="home"] .input-row-editorial input{
  padding:0 22px;
  font-size:14px;
  color:#41362e;
  background:transparent;
}
body[data-page="home"] .input-row-editorial input::placeholder{color:#837466}
body[data-page="home"] .input-row-editorial button{
  width:68px;
  flex:0 0 68px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#b58c5b,#a87b45);
  color:#fff;
  transition:transform .28s ease,filter .28s ease;
}
body[data-page="home"] .input-row-editorial button:hover{transform:translateY(-1px);filter:brightness(1.04)}
body[data-page="home"] .input-row-editorial button svg{width:24px;height:24px}
body[data-page="home"] .newsletter-consent{
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px 0 16px;
  color:#76675a;
  font-size:12px;
}
body[data-page="home"] .newsletter-consent input{
  width:17px;
  height:17px;
  margin:0;
  accent-color:#a87b45;
}
body[data-page="home"] .newsletter-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:18px 26px;
  align-items:center;
}
body[data-page="home"] .benefit-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#6b5b4d;
  font-size:12px;
  white-space:nowrap;
}
body[data-page="home"] .benefit-icon{
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(170,131,87,.48);
  color:#a67f4f;
  background:rgba(255,255,255,.58);
}
body[data-page="home"] .benefit-icon svg{width:15px;height:15px}
body[data-page="home"] .newsletter-editorial [data-newsletter-message]{
  min-height:18px;
  margin-top:12px;
  font-size:12px;
  color:#886740;
}
body[data-page="home"] .invite-visual{
  position:relative;
  min-height:260px;
  overflow:hidden;
}
body[data-page="home"] .invite-visual-media{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(247,242,235,.08) 0%,rgba(247,242,235,.04) 36%,rgba(247,242,235,.0) 100%),
    url('/demo/aurelle/assets/hero-fleur-v236-desktop.webp') center 28%/cover no-repeat;
  filter:saturate(.78) brightness(1.07);
  transform:scale(1.05);
}
body[data-page="home"] .invite-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(250,246,240,.86) 0%,rgba(250,246,240,.18) 34%,rgba(250,246,240,0) 64%);
}
body[data-page="home"] .invite-envelope{
  position:absolute;
  right:clamp(22px,6vw,76px);
  top:20px;
  width:min(390px,76%);
  aspect-ratio:1.2/1;
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(255,248,240,.98),rgba(233,215,198,.92));
  box-shadow:0 32px 50px rgba(75,50,25,.16), inset 0 0 0 1px rgba(155,127,95,.16);
  transform:rotate(8.5deg);
}
body[data-page="home"] .invite-envelope::before{
  content:"";
  position:absolute;
  inset:22% 0 auto 0;
  height:1px;
  background:rgba(145,115,84,.14);
}
body[data-page="home"] .invite-envelope::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:47px;
  width:118px;
  height:118px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle at 32% 28%,#d9b16b 0%,#bf8a37 56%,#8b602f 100%);
  box-shadow:0 12px 24px rgba(125,90,44,.22), inset 0 1px 5px rgba(255,245,221,.75);
}
body[data-page="home"] .invite-envelope-brand{
  position:absolute;
  top:40px;
  left:0;
  right:0;
  text-align:center;
  font:500 clamp(26px,3vw,44px)/1 'Cormorant Garamond',serif;
  letter-spacing:.08em;
  color:#81603d;
}
body[data-page="home"] .invite-seal{
  position:absolute;
  left:50%;
  bottom:81px;
  z-index:1;
  transform:translateX(-50%);
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font:600 38px/1 'Cormorant Garamond',serif;
  color:#f8ebd5;
  text-shadow:0 1px 1px rgba(91,61,27,.35);
}
@media (max-width: 1180px){
  body[data-page="home"] .invitation-editorial{grid-template-columns:minmax(0,1fr) minmax(290px,.86fr)}
  body[data-page="home"] .invitation-editorial h2{font-size:clamp(38px,4vw,54px)}
  body[data-page="home"] .invite-envelope{right:22px;width:min(330px,78%)}
}
@media (max-width: 720px){
  body[data-page="home"] .invitation-editorial{grid-template-columns:1fr;min-height:0}
  body[data-page="home"] .invitation-editorial .invite-copy{padding:54px 7% 20px}
  body[data-page="home"] .invitation-editorial h2{max-width:none;font-size:clamp(40px,12vw,58px)}
  body[data-page="home"] .newsletter-benefits{gap:12px 14px}
  body[data-page="home"] .benefit-pill{font-size:11px;white-space:normal}
  body[data-page="home"] .invite-visual{min-height:250px}
  body[data-page="home"] .invite-visual::after{background:linear-gradient(180deg,rgba(250,246,240,.84) 0%,rgba(250,246,240,.12) 34%,rgba(250,246,240,0) 70%)}
  body[data-page="home"] .invite-envelope{top:20px;right:50%;width:min(320px,79%);transform:translateX(50%) rotate(6deg)}
}
@media (max-width: 460px){
  body[data-page="home"] .input-row-editorial{max-width:none}
  body[data-page="home"] .newsletter-consent{align-items:flex-start}
  body[data-page="home"] .newsletter-benefits{display:grid;grid-template-columns:1fr;align-items:start}
  body[data-page="home"] .benefit-pill{font-size:11px}
  body[data-page="home"] .invite-visual{min-height:220px}
  body[data-page="home"] .invite-envelope{width:min(280px,82%);top:16px}
  body[data-page="home"] .invite-envelope::after{width:92px;height:92px;bottom:34px}
  body[data-page="home"] .invite-envelope-brand{top:28px;font-size:30px}
  body[data-page="home"] .invite-seal{bottom:51px;width:48px;height:48px;font-size:31px}
}


/* v2.57 — photorealistic newsletter section using the supplied OpenArt image.
   One continuous background/fade; no hard midpoint border or synthetic envelope. */
body[data-page="home"] .invitation-photo-v257{
  display:block;
  position:relative;
  isolation:isolate;
  min-height:340px;
  overflow:hidden;
  background:#f8f4ed;
}
body[data-page="home"] .invitation-photo-v257::after{
  content:"";
  position:absolute;inset:0;
  z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#f8f4ed 0%,rgba(248,244,237,.98) 28%,rgba(248,244,237,.92) 43%,rgba(248,244,237,.58) 55%,transparent 72%);
}
body[data-page="home"] .invitation-photo-v257 .invite-photography{
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url('/demo/aurelle/assets/newsletter-envelope-v257.webp');
  background-position:right 51%;
  background-size:auto 151%;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 28%,rgba(0,0,0,.24) 41%,#000 64%);
  mask-image:linear-gradient(90deg,transparent 28%,rgba(0,0,0,.24) 41%,#000 64%);
  pointer-events:none;
}
body[data-page="home"] .invitation-photo-v257 .invite-grid{
  width:min(1130px,68%);
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(260px,45%) minmax(320px,55%);
  align-items:center;
  gap:clamp(20px,3vw,54px);
  padding:47px 0 38px clamp(45px,7.2vw,130px);
  min-height:340px;
}
body[data-page="home"] .invitation-photo-v257 .invite-copy{
  padding:0;
  min-width:0;
  background:transparent;
}
body[data-page="home"] .invitation-photo-v257 .invite-copy .eyebrow{
  margin:0 0 17px;
  color:#7c6651;
  letter-spacing:.23em;
  font-size:10px;
}
body[data-page="home"] .invitation-photo-v257 .invite-copy h2{
  font-size:clamp(32px,3vw,53px);
  line-height:1.0;
  max-width:none;
  margin:0 0 16px;
  letter-spacing:-.035em;
}
body[data-page="home"] .invitation-photo-v257 .invite-copy p{
  max-width:420px;
  margin:0;
  font-size:13px;
  line-height:1.8;
  color:#5d5853;
}
body[data-page="home"] .invitation-photo-v257 .invite-signup{
  min-width:0;
}
body[data-page="home"] .invitation-photo-v257 .newsletter-editorial{
  margin:0;
  max-width:510px;
}
body[data-page="home"] .invitation-photo-v257 .input-row-editorial{
  width:min(100%,380px);
  max-width:none;
  height:54px;
  margin:0;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(186,165,142,.42);
  box-shadow:0 8px 26px rgba(100,72,42,.045);
}
body[data-page="home"] .invitation-photo-v257 .newsletter-consent{
  margin:11px 0 25px;
  font-size:11px;
  color:#65584c;
}
body[data-page="home"] .invitation-photo-v257 .newsletter-benefits{
  flex-wrap:nowrap;
  gap:clamp(9px,1.4vw,25px);
}
body[data-page="home"] .invitation-photo-v257 .benefit-pill{
  font-size:10px;
  gap:7px;
}
body[data-page="home"] .invitation-photo-v257 .benefit-icon{
  width:24px;height:24px;flex:0 0 24px;
}
body[data-page="home"] .invitation-photo-v257 [data-newsletter-message]{
  min-height:1.2em;
  font-size:11px;
  margin:9px 0 0;
}
@media (max-width:1180px){
  body[data-page="home"] .invitation-photo-v257 .invite-grid{
    width:73%;
    grid-template-columns:minmax(240px,46%) minmax(280px,54%);
    gap:22px;
    padding-left:5%;
  }
  body[data-page="home"] .invitation-photo-v257 .invite-copy h2{font-size:clamp(32px,3.4vw,44px)}
  body[data-page="home"] .invitation-photo-v257 .newsletter-benefits{gap:10px;flex-wrap:wrap}
}
@media (max-width:1180px){
  body[data-page="home"] .invitation-photo-v257{display:flex;flex-direction:column;min-height:0}
  body[data-page="home"] .invitation-photo-v257::after{display:none}
  body[data-page="home"] .invitation-photo-v257 .invite-grid{
    order:0;
    grid-template-columns:1fr;
    width:100%;
    min-height:0;
    gap:24px;
    padding:48px 6.5% 32px;
  }
  body[data-page="home"] .invitation-photo-v257 .invite-copy h2{font-size:clamp(41px,8.5vw,58px)}
  body[data-page="home"] .invitation-photo-v257 .invite-copy p{max-width:550px}
  body[data-page="home"] .invitation-photo-v257 .input-row-editorial{width:min(100%,470px)}
  body[data-page="home"] .invitation-photo-v257 .newsletter-benefits{gap:12px 22px;flex-wrap:wrap}
  body[data-page="home"] .invitation-photo-v257 .invite-photography{
    position:relative;
    order:1;
    height:clamp(240px,49vw,360px);
    min-height:240px;
    width:100%;
    background-size:cover;
    background-position:77% 49%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.88) 23%,#000 48%);
    mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.88) 23%,#000 48%);
  }
}
@media (max-width:480px){
  body[data-page="home"] .invitation-photo-v257 .invite-grid{padding:43px 7% 29px;gap:22px}
  body[data-page="home"] .invitation-photo-v257 .invite-copy h2{font-size:clamp(38px,11.2vw,50px);line-height:.99}
  body[data-page="home"] .invitation-photo-v257 .invite-copy p{font-size:12px}
  body[data-page="home"] .invitation-photo-v257 .newsletter-benefits{
    display:flex;flex-direction:column;align-items:flex-start;gap:9px;
  }
  body[data-page="home"] .invitation-photo-v257 .invite-photography{height:260px;min-height:260px;background-position:77% center}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .invitation-photo-v257 :is(.input-row-editorial button,.benefit-pill){transition:none!important;animation:none!important}
}


/* v2.58 — remove the desktop hard join entirely.
   The desktop backdrop is a single 2400px-wide premixed photograph;
   no two side-by-side boxes, alpha masks, or independent overlay gradients. */
@media (min-width:1181px){
  body[data-page="home"] .invitation-photo-v257{
    background:#f8f4ed url('/demo/aurelle/assets/newsletter-seamless-v258.webp') center center / cover no-repeat;
  }
  body[data-page="home"] .invitation-photo-v257::after,
  body[data-page="home"] .invitation-photo-v257 .invite-photography{
    display:none;
  }
}
@media (max-width:1180px){
  body[data-page="home"] .invitation-photo-v257{
    background:#f8f4ed;
  }
}


/* ============================================================================
   AURELLE v2.59 — Cinematic Luxury unified motion direction
   Change these tokens for future tuning; only homepage is affected.
   Scene/reveal motion stays deliberate, UI feedback remains responsive.
   No endless animations, no automatic carousel transitions.
   ============================================================================ */
body[data-page="home"] {
  --a-motion-entrance: 1.18s;
  --a-motion-entrance-travel: 1.35s;
  --a-motion-image: 1.95s;
  --a-motion-image-filter: 1.2s;
  --a-motion-ui: .36s;
  --a-motion-content: .88s;
  --a-ease-cinematic: cubic-bezier(.19,.79,.22,1);
  --a-ease-ui: cubic-bezier(.2,.72,.28,1);
}
@media (prefers-reduced-motion:no-preference) {
  /* Shared scroll arrivals: opacity starts together with a slower upward drift. */
  body[data-page="home"] .reveal {
    transition-property: opacity, transform;
    transition-duration: var(--a-motion-entrance), var(--a-motion-entrance-travel);
    transition-timing-function: ease-out, var(--a-ease-cinematic);
  }
  /* Intro should feel like one editorial sequence, not disjointed cues. */
  body[data-page="home"] .hero .intro {
    animation-duration: var(--a-motion-entrance);
    animation-timing-function: var(--a-ease-cinematic);
  }
  body[data-page="home"] .hero .hero-photo img {
    transition: transform var(--a-motion-image) var(--a-ease-cinematic),
                opacity .58s ease;
  }
  body[data-page="home"] .hero::after {
    animation-duration: 2.65s;
  }
  /* Keep approved golden 1px desktop outline; only match its pacing. */
  body[data-page="home"] .collections-signature .collection-tile {
    transition: opacity var(--a-motion-entrance) ease-out,
                transform var(--a-motion-entrance-travel) var(--a-ease-cinematic),
                outline-color var(--a-motion-ui) ease,
                box-shadow var(--a-motion-ui) ease;
  }
  body[data-page="home"] .collections-signature .collection-tile img,
  body[data-page="home"] .bestseller-maison .bestseller-photo img,
  body[data-page="home"] .story-cinematic .story-panel img,
  body[data-page="home"] .ingredients-maison .ingredient-floral img {
    transition: transform var(--a-motion-image) var(--a-ease-cinematic),
                filter var(--a-motion-image-filter) ease;
  }
  body[data-page="home"] .ingredients-maison .scent-composition.in-view .scent-pyramid-illustration {
    animation-duration: 1.38s;
    animation-timing-function: var(--a-ease-cinematic);
  }
  body[data-page="home"] .ingredients-maison .scent-composition.in-view .pyramid-botanical {
    animation-duration: 1.45s;
    animation-timing-function: var(--a-ease-cinematic);
  }
  body[data-page="home"] .ingredients-maison .scent-note-description {
    animation-duration: .52s;
    animation-timing-function: var(--a-ease-cinematic);
  }
  body[data-page="home"] .bestseller-maison .bestseller-card::after,
  body[data-page="home"] .hero-slide-btn .line,
  body[data-page="home"] .bestsellers-all::after {
    transition-duration: var(--a-motion-ui);
    transition-timing-function: var(--a-ease-ui);
  }
  body[data-page="home"] .bestseller-maison .bestseller-bag,
  body[data-page="home"] .testimonial-arrow,
  body[data-page="home"] .input-row-editorial button {
    transition-duration: var(--a-motion-ui);
    transition-timing-function: var(--a-ease-ui);
  }
  body[data-page="home"] .testimonial-quote,
  body[data-page="home"] .testimonial-person-meta,
  body[data-page="home"] .testimonial-avatar {
    transition: opacity .45s ease, transform .50s var(--a-ease-cinematic),
                filter .45s ease;
  }
  /* Smaller, coordinated stagger only inside the same visible section. */
  body[data-page="home"] .collections-signature .collection-grid .collection-tile.reveal:nth-child(1),
  body[data-page="home"] .bestseller-maison .bestseller-card.reveal:nth-child(1),
  body[data-page="home"] .story-cinematic .story-panel.reveal:nth-child(1) {transition-delay:0s}
  body[data-page="home"] .collections-signature .collection-grid .collection-tile.reveal:nth-child(2),
  body[data-page="home"] .bestseller-maison .bestseller-card.reveal:nth-child(2),
  body[data-page="home"] .story-cinematic .story-panel.reveal:nth-child(2) {transition-delay:.11s}
  body[data-page="home"] .collections-signature .collection-grid .collection-tile.reveal:nth-child(3),
  body[data-page="home"] .bestseller-maison .bestseller-card.reveal:nth-child(3),
  body[data-page="home"] .story-cinematic .story-panel.reveal:nth-child(3) {transition-delay:.22s}
  body[data-page="home"] .bestseller-maison .bestseller-card.reveal:nth-child(4) {transition-delay:.33s}
  /* Match the mobile card's nested image and text to the shared motion rhythm. */
  @media(max-width:720px){
    body[data-page="home"] .collections-signature .collection-tile.reveal {
      transition-duration:var(--a-motion-entrance),var(--a-motion-entrance-travel);
      transition-timing-function:ease-out,var(--a-ease-cinematic);
      transition-delay:0s;
    }
    body[data-page="home"] .collections-signature .collection-tile img {
      transition:transform var(--a-motion-image) var(--a-ease-cinematic),
                 filter var(--a-motion-image-filter) ease;
    }
    body[data-page="home"] .collections-signature .collection-body > strong,
    body[data-page="home"] .collections-signature .collection-body > small,
    body[data-page="home"] .collections-signature .collection-description,
    body[data-page="home"] .collections-signature .collection-explore {
      transition-duration:var(--a-motion-content),var(--a-motion-content),var(--a-motion-ui),var(--a-motion-ui);
      transition-timing-function:ease-out,var(--a-ease-cinematic),ease,ease;
    }
    /* No incremental delays across cards on a small viewport. */
    body[data-page="home"] .collections-signature .collection-grid .collection-tile.reveal:nth-child(n),
    body[data-page="home"] .bestseller-maison .bestseller-card.reveal:nth-child(n),
    body[data-page="home"] .story-cinematic .story-panel.reveal:nth-child(n) {transition-delay:0s}
  }
}
@media (prefers-reduced-motion:reduce) {
  body[data-page="home"] .reveal,
  body[data-page="home"] .hero .intro,
  body[data-page="home"] .hero .hero-photo img,
  body[data-page="home"] .collections-signature .collection-tile img,
  body[data-page="home"] .ingredients-maison .ingredient-floral img,
  body[data-page="home"] .story-cinematic .story-panel img,
  body[data-page="home"] .bestseller-maison .bestseller-photo img,
  body[data-page="home"] .testimonial-quote,
  body[data-page="home"] .testimonial-person-meta,
  body[data-page="home"] .testimonial-avatar {
    animation:none!important;transition:none!important;
  }
  body[data-page="home"] .reveal {opacity:1!important;transform:none!important}
}


/* AURELLE v2.61 — Hybrid Cinematic Luxury.
   Section reveals run only once. Hover, product interactions and review navigation
   continue normally. A very small photo drift is limited to desktop editorial art. */
@media (min-width: 851px) and (prefers-reduced-motion: no-preference) {
  body[data-page="home"] .story-cinematic .story-portrait img,
  body[data-page="home"] .story-cinematic .story-scenery img {
    translate: 0 var(--a-photo-drift, 0px);
  }
  /* Provide the image bleed needed for an 8px drift without exposing panel edges. */
  body[data-page="home"] .story-cinematic .story-panel.in-view:is(.story-portrait,.story-scenery) img {
    transform: scale(1.055);
  }
  body[data-page="home"] .story-cinematic .story-panel:is(.story-portrait,.story-scenery):hover img {
    transform: scale(1.075);
  }
}
@media (max-width: 850px), (prefers-reduced-motion: reduce) {
  body[data-page="home"] .story-cinematic .story-portrait img,
  body[data-page="home"] .story-cinematic .story-scenery img {
    translate: none;
  }
}


/* v2.62 — shared HERO glass navigation on every AURELLE page */
/* No background panel at the top; the same floating glass treatment is used after scrolling. */
body .header { transition: background .35s ease, top .35s ease, box-shadow .35s ease, border-color .35s ease, backdrop-filter .35s ease; }
body .navigation a[aria-current="page"]::after { right:0; }
.header .icon-button:hover { background:rgba(255,255,255,.32); }
/* The mobile menu is a separate sibling; it must follow the fixed/scrolled header. */
.mobile-menu[hidden] { display:none!important; }
@media (max-width:720px) {
  body .mobile-menu { position:fixed; top:var(--aurelle-menu-top,108px); left:4%; right:4%; z-index:45; padding:13px 20px 18px; background:rgba(250,247,242,.96); border:1px solid rgba(255,255,255,.68); box-shadow:0 16px 44px rgba(48,32,19,.13); backdrop-filter:blur(18px); }
  body .mobile-menu a[aria-current="page"] { color:var(--gold-dark); }
}
@media (prefers-reduced-motion:reduce) { body .header { transition:none!important; } }

/* AURELLE v2.66 — Parfemy: three reference-driven editorial sections.
   Page-specific rules do not touch the approved home HERO or shared header. */
body[data-page="parfemy"] { background:#faf7f3; }
body[data-page="parfemy"] .perfume-hero {position:relative;isolation:isolate;overflow:hidden;height:clamp(535px,42vw,630px);background:#bfa789;}
body[data-page="parfemy"] .perfume-hero-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;animation:perfume-hero-settle 2.4s cubic-bezier(.2,.7,.22,1) both;}
body[data-page="parfemy"] .perfume-hero-wash {position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(251,247,240,.88) 0%,rgba(251,247,240,.10) 21%,transparent 36%),linear-gradient(90deg,rgba(251,247,241,.96) 0%,rgba(251,247,241,.87) 28%,rgba(251,247,241,.47) 49%,rgba(251,247,241,.04) 71%,rgba(26,15,9,.12) 100%);}
body[data-page="parfemy"] .perfume-hero-copy {position:absolute;z-index:2;left:7.55%;top:31%;width:min(680px,53%);animation:perfume-copy-rise 1.25s .08s both cubic-bezier(.18,.8,.2,1);}
body[data-page="parfemy"] .perfume-hero-copy h1 {font-size:clamp(76px,7vw,107px);font-weight:500;letter-spacing:-.045em;line-height:.88;margin:0 0 12px;color:#251c16;}
body[data-page="parfemy"] .perfume-hero-copy h2 {font-size:clamp(31px,3.1vw,45px);line-height:1.02;margin:0 0 24px;letter-spacing:-.015em;color:#2b241e;white-space:nowrap;}
body[data-page="parfemy"] .perfume-hero-copy p {max-width:510px;font-size:15px;line-height:1.8;font-weight:500;color:#4f453c;margin:0;}
body[data-page="parfemy"] .perfume-hero-discover {position:absolute;z-index:3;right:4.55%;bottom:105px;display:inline-flex;flex-direction:row;gap:14px;align-items:center;color:#fff8ed;font-size:16px;font-weight:600;letter-spacing:-.02em;text-shadow:0 1px 12px #1b0f0a88;transition:transform .36s ease;}
body[data-page="parfemy"] .perfume-hero-discover-icon {display:grid;place-items:center;width:55px;height:55px;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:rgba(246,242,235,.4);backdrop-filter:blur(10px);font:25px 'Cormorant Garamond',serif;transition:background .36s ease,transform .36s ease;}
body[data-page="parfemy"] .perfume-hero-discover:hover {transform:translateX(3px)}
body[data-page="parfemy"] .perfume-hero-discover:hover .perfume-hero-discover-icon {background:rgba(255,255,255,.6);transform:translateX(3px)}
body[data-page="parfemy"] .perfume-category-tabs {position:absolute;z-index:3;bottom:31px;left:7.65%;display:flex;gap:42px;align-items:center;max-width:calc(100% - 12%);overflow-x:auto;scrollbar-width:none;}
body[data-page="parfemy"] .perfume-category-tabs::-webkit-scrollbar {display:none}
body[data-page="parfemy"] .perfume-category-tabs button {flex-shrink:0;border:0;border-bottom:2px solid transparent;padding:6px 3px 13px;background:none;color:#5f5247;font:500 19px 'Cormorant Garamond',Georgia,serif;white-space:nowrap;transition:color .36s ease,border-color .36s ease;}
body[data-page="parfemy"] .perfume-category-tabs button:hover,body[data-page="parfemy"] .perfume-category-tabs button.is-active {color:#211811;border-color:#241b15;}
body[data-page="parfemy"] .perfume-catalog {padding:24px clamp(24px,3.3vw,60px) 29px;background:#faf7f3;}
body[data-page="parfemy"] .perfume-toolbar {display:flex;align-items:center;gap:16px;min-height:44px;margin-bottom:27px;}
body[data-page="parfemy"] .perfume-filter-toggle,body[data-page="parfemy"] .perfume-select {height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1d8cd;border-radius:7px;background:#faf7f3;color:#332c25;}
body[data-page="parfemy"] .perfume-filter-toggle {gap:9px;padding:0 18px;box-shadow:0 1px 5px #9b765c0b;font-size:13px;font-weight:600;white-space:nowrap;transition:background .35s ease,border-color .35s ease;}
body[data-page="parfemy"] .perfume-filter-toggle:hover {background:#f1e9df;border-color:#ccb59a;}
body[data-page="parfemy"] .perfume-filter-toggle svg {width:17px;height:17px;}
body[data-page="parfemy"] .perfume-filter-controls {display:flex;align-items:center;gap:13px;min-width:0;flex-wrap:wrap;}
body[data-page="parfemy"] .perfume-select {position:relative;min-width:100px;overflow:hidden;box-shadow:0 1px 5px #9b765c09;transition:border-color .35s ease;}
body[data-page="parfemy"] .perfume-select:hover {border-color:#bfa17f;}
body[data-page="parfemy"] .perfume-select select {appearance:none;background:transparent;color:inherit;border:0;border-radius:inherit;height:100%;width:100%;padding:0 32px 0 17px;font-size:12px;cursor:pointer;outline-offset:-3px;}
body[data-page="parfemy"] .perfume-select select:focus-visible {outline:2px solid var(--gold-dark)}
body[data-page="parfemy"] .perfume-chevron {position:absolute;right:13px;top:6px;color:#60574f;font-size:21px;line-height:1;pointer-events:none;font-family:Georgia,serif;}
body[data-page="parfemy"] .perfume-sort {display:flex;gap:12px;align-items:center;margin-left:auto;white-space:nowrap;font-size:12px;color:#40362e;}
body[data-page="parfemy"] .perfume-sort .perfume-select {min-width:152px;}
body[data-page="parfemy"] .perfume-filter-controls[hidden] {display:none!important;}
body[data-page="parfemy"] .perfume-shop-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:start;}
body[data-page="parfemy"] .perfume-shop-card {min-width:0;background:transparent;}
body[data-page="parfemy"] .perfume-card-visual {position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:5px;background:#eee4d6;}
body[data-page="parfemy"] .perfume-card-image-link {display:block;width:100%;height:100%;}
body[data-page="parfemy"] .perfume-card-visual img {width:100%;height:100%;object-fit:cover;object-position:center 44%;transition:transform 1.15s cubic-bezier(.18,.8,.2,1);}
body[data-page="parfemy"] .perfume-card-image-link:hover img {transform:scale(1.065)}
body[data-page="parfemy"] .perfume-card-badge {position:absolute;top:15px;left:16px;padding:4px 10px 5px;border:1px solid rgba(251,231,203,.7);border-radius:5px;box-shadow:0 2px 8px #130f098c;background:#281b14;color:#fbf0df;font:500 12px 'Cormorant Garamond',serif;line-height:1;pointer-events:none;}
body[data-page="parfemy"] .perfume-favourite {position:absolute;top:13px;right:12px;width:35px;height:35px;padding:7px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(250,245,237,.48);backdrop-filter:blur(4px);color:#45372d;transition:background .35s ease,color .35s ease,transform .35s ease;}
body[data-page="parfemy"] .perfume-favourite:hover {background:rgba(255,252,247,.9);transform:scale(1.05);}
body[data-page="parfemy"] .perfume-favourite[aria-pressed="true"] {color:#9b674b;background:#fff4e9;}
body[data-page="parfemy"] .perfume-favourite[aria-pressed="true"] svg {fill:#c99480;}
body[data-page="parfemy"] .perfume-favourite svg {width:21px;height:21px;}
body[data-page="parfemy"] .perfume-card-details {position:relative;padding:11px 58px 20px 4px;min-height:111px;}
body[data-page="parfemy"] .perfume-card-title {font:500 clamp(21px,2vw,27px) 'Cormorant Garamond',serif;line-height:1.05;display:inline-block;}
body[data-page="parfemy"] .perfume-card-title:hover {text-decoration:underline;text-decoration-color:#bc946b;text-underline-offset:4px;}
body[data-page="parfemy"] .perfume-card-details p {font-size:12px;line-height:1.55;margin:2px 0 12px;color:#635a52;}
body[data-page="parfemy"] .perfume-card-details strong {font:500 20px 'Cormorant Garamond',serif;}
body[data-page="parfemy"] .perfume-card-cart {position:absolute;right:5px;bottom:22px;border:0;background:#231912;color:#fff;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;transition:background .35s ease,transform .35s ease;}
body[data-page="parfemy"] .perfume-card-cart:hover {background:#855b3b;transform:translateY(-3px);}
body[data-page="parfemy"] .perfume-card-cart svg {width:20px;height:20px;}
body[data-page="parfemy"] .perfume-empty {max-width:650px;margin:25px auto 20px;text-align:center;font-size:14px;}
body[data-page="parfemy"] .perfume-empty button {border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--gold-dark);padding:0 2px 3px;}
body[data-page="parfemy"] .perfume-shop-card.reveal {transition:opacity 1.17s cubic-bezier(.2,.7,.2,1),transform 1.17s cubic-bezier(.18,.8,.2,1);}
body[data-page="parfemy"] .perfume-shop-card.reveal:nth-child(2) {transition-delay:.08s}
body[data-page="parfemy"] .perfume-shop-card.reveal:nth-child(3) {transition-delay:.16s}
body[data-page="parfemy"] .perfume-shop-card.reveal:nth-child(4) {transition-delay:.24s}
body[data-page="parfemy"] .perfume-editorial-wrap {padding:0 clamp(24px,2.4vw,45px) 85px;background:#faf7f3;}
body[data-page="parfemy"] .perfume-editorial {height:clamp(310px,24vw,380px);position:relative;isolation:isolate;overflow:hidden;border-radius:7px;background:#5d4030;}
body[data-page="parfemy"] .perfume-editorial-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
body[data-page="parfemy"] .perfume-editorial-copy {position:absolute;z-index:2;left:7%;top:18%;color:#fcf1e6;}
body[data-page="parfemy"] .perfume-editorial-kicker {font-size:11px;font-weight:700;letter-spacing:.19em;display:block;margin-bottom:12px;}
body[data-page="parfemy"] .perfume-editorial-copy h2 {font-size:clamp(48px,5vw,73px);letter-spacing:-.03em;margin:0 0 5px;color:#fff4e9;text-shadow:0 1px 15px #39251a33;}
body[data-page="parfemy"] .perfume-editorial-copy p {font-size:clamp(17px,1.6vw,25px);margin:0;color:#efe2d4;}
body[data-page="parfemy"] .perfume-editorial-link {display:inline-flex;align-items:center;justify-content:space-between;gap:19px;min-height:47px;margin-top:24px;padding:0 19px;border:1px solid rgba(248,230,212,.65);border-radius:5px;background:rgba(127,87,62,.15);color:#fff7ed;font-size:14px;font-weight:600;transition:background .35s ease,transform .35s ease;}
body[data-page="parfemy"] .perfume-editorial-link:hover {background:rgba(245,225,210,.20);transform:translateX(3px)}
body[data-page="parfemy"] .perfume-editorial-link span {font-size:24px;font-weight:400;line-height:1;}
body[data-page="parfemy"] .perfume-editorial.reveal {transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.18,.8,.2,1)}
@keyframes perfume-hero-settle {from{transform:scale(1.055)}to{transform:scale(1)}}
@keyframes perfume-copy-rise {from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1130px){
  body[data-page="parfemy"] .perfume-toolbar {flex-wrap:wrap;}
  body[data-page="parfemy"] .perfume-sort {margin-left:auto;}
  body[data-page="parfemy"] .perfume-category-tabs {gap:30px}
  body[data-page="parfemy"] .perfume-hero-copy {width:60%;left:6.8%;}
  body[data-page="parfemy"] .perfume-hero-copy h2 {font-size:clamp(29px,3.2vw,39px);}
  body[data-page="parfemy"] .perfume-card-details p {font-size:11px;}
}
@media(max-width:900px){
  body[data-page="parfemy"] .perfume-hero {height:590px}
  body[data-page="parfemy"] .perfume-hero-copy {top:32%;width:72%}
  body[data-page="parfemy"] .perfume-hero-copy h1 {font-size:75px}
  body[data-page="parfemy"] .perfume-hero-copy h2 {white-space:normal;line-height:1.04;max-width:560px}
  body[data-page="parfemy"] .perfume-hero-copy p {max-width:440px}
  body[data-page="parfemy"] .perfume-hero-discover {right:6%;bottom:102px;font-size:14px}
  body[data-page="parfemy"] .perfume-filter-controls {order:3;flex-basis:100%;}
  body[data-page="parfemy"] .perfume-shop-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px;}
  body[data-page="parfemy"] .perfume-editorial {height:325px;}
  body[data-page="parfemy"] .perfume-editorial-copy h2 {font-size:52px}
}
@media(max-width:720px){
  body[data-page="parfemy"] .perfume-hero {height:745px;min-height:0;}
  body[data-page="parfemy"] .perfume-hero-image {object-position:73% center;}
  body[data-page="parfemy"] .perfume-hero-wash {background:linear-gradient(180deg,rgba(251,247,240,.96) 0%,rgba(251,247,240,.91) 24%,rgba(251,247,240,.58) 49%,rgba(251,247,240,.07) 75%,rgba(251,247,240,.81) 100%)}
  body[data-page="parfemy"] .perfume-hero-copy {left:7%;top:21%;width:86%;}
  body[data-page="parfemy"] .perfume-hero-copy h1 {font-size:clamp(65px,14vw,83px)}
  body[data-page="parfemy"] .perfume-hero-copy h2 {font-size:clamp(30px,7.3vw,40px);max-width:360px;margin-bottom:18px;}
  body[data-page="parfemy"] .perfume-hero-copy p {font-size:13px;line-height:1.72;max-width:325px;}
  body[data-page="parfemy"] .perfume-hero-discover {right:7%;bottom:121px;font-size:13px;gap:10px;}
  body[data-page="parfemy"] .perfume-hero-discover-icon {height:43px;width:43px;font-size:23px;}
  body[data-page="parfemy"] .perfume-category-tabs {bottom:20px;left:7%;right:0;max-width:none;gap:26px;padding-right:7%;}
  body[data-page="parfemy"] .perfume-category-tabs button {font-size:17px;padding-bottom:10px;}
  body[data-page="parfemy"] .perfume-catalog {padding:24px 5% 35px;}
  body[data-page="parfemy"] .perfume-toolbar {gap:10px;margin-bottom:22px;}
  body[data-page="parfemy"] .perfume-filter-toggle {padding:0 12px;font-size:12px;}
  body[data-page="parfemy"] .perfume-sort {font-size:11px;gap:7px;}
  body[data-page="parfemy"] .perfume-sort .perfume-select {min-width:140px;}
  body[data-page="parfemy"] .perfume-filter-controls {flex-wrap:nowrap;overflow:auto hidden;width:100%;padding:3px 0 6px;scrollbar-width:thin;}
  body[data-page="parfemy"] .perfume-filter-controls>.perfume-select {flex:0 0 auto;}
  body[data-page="parfemy"] .perfume-card-visual {border-radius:4px;}
  body[data-page="parfemy"] .perfume-shop-grid {gap:18px 11px;}
  body[data-page="parfemy"] .perfume-card-badge {top:9px;left:9px;padding:5px 7px;font-size:10px;}
  body[data-page="parfemy"] .perfume-favourite {width:31px;height:31px;top:7px;right:6px;}
  body[data-page="parfemy"] .perfume-favourite svg {width:18px;height:18px;}
  body[data-page="parfemy"] .perfume-card-details {padding:10px 1px 16px;min-height:126px;}
  body[data-page="parfemy"] .perfume-card-title {font-size:23px;}
  body[data-page="parfemy"] .perfume-card-details p {font-size:11px;min-height:35px;margin:3px 0 7px;padding-right:1px;line-height:1.5;}
  body[data-page="parfemy"] .perfume-card-details strong {font-size:19px;}
  body[data-page="parfemy"] .perfume-card-cart {bottom:9px;right:2px;width:35px;height:35px;}
  body[data-page="parfemy"] .perfume-card-cart svg {width:17px;height:17px;}
  body[data-page="parfemy"] .perfume-editorial-wrap {padding:0 5% 62px;}
  body[data-page="parfemy"] .perfume-editorial {height:520px;}
  body[data-page="parfemy"] .perfume-editorial-image {object-position:74% center;filter:brightness(.77);}
  body[data-page="parfemy"] .perfume-editorial:before {content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(39,24,16,.72),transparent 68%,rgba(35,24,17,.62));pointer-events:none}
  body[data-page="parfemy"] .perfume-editorial-copy {left:7%;right:7%;top:9%;}
  body[data-page="parfemy"] .perfume-editorial-copy h2 {font-size:clamp(43px,10vw,60px);line-height:.93;max-width:400px;}
  body[data-page="parfemy"] .perfume-editorial-copy p {font-size:18px;max-width:280px;line-height:1.45;margin-top:11px;}
  body[data-page="parfemy"] .perfume-editorial-link {font-size:13px;margin-top:22px;}
}
@media(max-width:390px){
  body[data-page="parfemy"] .perfume-hero-copy h1 {font-size:64px;}
  body[data-page="parfemy"] .perfume-hero-copy h2 {font-size:29px;}
  body[data-page="parfemy"] .perfume-sort .perfume-select {min-width:129px;}
  body[data-page="parfemy"] .perfume-sort .perfume-select select {padding-left:9px;font-size:11px;}
  body[data-page="parfemy"] .perfume-card-title {font-size:21px;}
  body[data-page="parfemy"] .perfume-card-details strong {font-size:17px;}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="parfemy"] .perfume-hero-image,body[data-page="parfemy"] .perfume-hero-copy {animation:none!important;transform:none!important;opacity:1!important;}
  body[data-page="parfemy"] .perfume-shop-card.reveal,body[data-page="parfemy"] .perfume-editorial.reveal {transition:none!important;opacity:1!important;transform:none!important;}
  body[data-page="parfemy"] .perfume-card-visual img {transition:none!important;}
}

/* v2.66 mobile: dedicated clean portrait crop (no text baked into the photograph). */
body[data-page="parfemy"] .perfume-editorial-picture{position:absolute;inset:0;display:block;width:100%;height:100%}
@media(max-width:720px){
 body[data-page="parfemy"] .perfume-hero-discover{color:#35271d;text-shadow:none}
 body[data-page="parfemy"] .perfume-hero-discover-icon{border-color:rgba(75,51,32,.40);background:rgba(250,245,236,.65)}
 body[data-page="parfemy"] .perfume-editorial-image{object-position:center center}
}

/* AURELLE v2.67 — Perfume-page refinements: the approved fresh 03 photo,
   and a real accessible HTML editorial link instead of copy baked into the image. */
body[data-page="parfemy"] .perfume-hero-discover {
  color:#362a20;
  text-shadow:0 1px 14px rgba(255,255,255,.72);
}
body[data-page="parfemy"] .perfume-hero-discover-icon {
  color:#37281c;
  border-color:rgba(86,62,43,.5);
  background:rgba(250,246,239,.72);
}
body[data-page="parfemy"] .perfume-hero-discover:hover .perfume-hero-discover-icon {
  background:rgba(255,255,255,.92);
}
body[data-page="parfemy"] .perfume-editorial-side-link {
  position:absolute;
  z-index:3;
  right:4.1%;
  bottom:22.5%;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:17px;
  color:#fff8ef;
  text-decoration:none;
  text-shadow:0 1px 10px rgba(21,13,9,.55);
  font-family:Manrope,Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.115em;
  white-space:nowrap;
  transition:transform .36s ease,color .36s ease;
}
body[data-page="parfemy"] .perfume-editorial-side-link:hover {
  transform:translateX(4px);
  color:#fff;
}
body[data-page="parfemy"] .perfume-editorial-side-link:focus-visible {
  outline:2px solid #fff4dd;
  outline-offset:7px;
}
body[data-page="parfemy"] .perfume-editorial-side-icon {
  display:grid;
  place-items:center;
  flex:none;
  width:52px;
  height:52px;
  border:1px solid rgba(255,249,239,.88);
  border-radius:50%;
  font:28px Cormorant Garamond,Georgia,serif;
  line-height:1;
  background:rgba(45,28,20,.12);
  backdrop-filter:blur(2px);
  transition:background .36s ease,transform .36s ease;
}
body[data-page="parfemy"] .perfume-editorial-side-link:hover .perfume-editorial-side-icon {
  transform:translateX(2px);
  background:rgba(255,249,239,.14);
}
@media(max-width:900px) and (min-width:721px) {
  body[data-page="parfemy"] .perfume-editorial-side-link {font-size:9px;gap:9px;right:3.5%;}
  body[data-page="parfemy"] .perfume-editorial-side-icon {width:41px;height:41px;font-size:23px;}
}
@media(max-width:720px) {
  body[data-page="parfemy"] .perfume-editorial-side-link {
    bottom:25px;
    left:7%;
    right:7%;
    justify-content:space-between;
    gap:10px;
    font-size:10px;
    letter-spacing:.1em;
  }
  body[data-page="parfemy"] .perfume-editorial-side-text {white-space:normal;}
  body[data-page="parfemy"] .perfume-editorial-side-icon {width:40px;height:40px;font-size:24px;}
}
@media(prefers-reduced-motion:reduce) {
  body[data-page="parfemy"] .perfume-editorial-side-link,
  body[data-page="parfemy"] .perfume-editorial-side-icon {transition:none!important;}
}



/* v2.70 product detail redesign */
body[data-page="product"] .header{position:relative;top:0;left:0;right:0;width:auto;margin:45px 4.5% 0;}
body[data-page="product"] .header.is-scrolled{position:fixed;top:0;left:4.5%;right:4.5%;margin-top:0;}
.ap-product-page{padding-bottom:40px;background:linear-gradient(180deg,#f8f4ef 0%,#fbf7f2 100%)}
.ap-product-shell,.ap-story-shell,.ap-pyramid-shell{width:min(1240px,calc(100% - 40px));margin:0 auto;}
.ap-product-hero-section{padding:22px 0 18px;}
.ap-product-shell{background:#fbf6ef;border:1px solid #e5d9cb;border-radius:28px;padding:18px 24px 26px;box-shadow:0 20px 45px rgba(58,35,13,.05)}
.ap-breadcrumbs{display:flex;align-items:center;gap:11px;font-size:14px;color:#8b7d70;margin:6px 10px 18px;flex-wrap:wrap}
.ap-breadcrumbs strong{color:#463a30;font-weight:600}
.ap-product-detail-grid{display:grid;grid-template-columns:94px minmax(0,1.08fr) minmax(360px,.9fr);gap:26px;align-items:start}
.ap-product-thumbs{display:flex;flex-direction:column;gap:10px;padding-top:38px}
.ap-thumb,.ap-thumb-more{border:1px solid #dbcdbd;background:#fff7ef;border-radius:16px;padding:0;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;color:#755c41}
.ap-thumb{height:102px;width:94px}
.ap-thumb img{width:100%;height:100%;object-fit:cover}
.ap-thumb:hover,.ap-thumb.is-active{border-color:#aa8357;box-shadow:0 10px 24px rgba(170,131,87,.16);transform:translateY(-2px)}
.ap-thumb-more{height:58px;width:58px;display:grid;place-items:center;margin:10px auto 0;font-size:26px;line-height:1;background:#f8f0e6}
.ap-product-stage{min-height:610px;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#efe2d2,#f8f1e8);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(222,209,193,.75)}
.ap-product-stage img{width:100%;height:100%;object-fit:cover;min-height:610px;transition:opacity .28s ease}
.ap-product-summary{padding:56px 4px 0 0}
.ap-kicker,.ap-section-kicker,.ap-pyramid-kicker{display:block;color:#90704c;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;margin-bottom:14px}
.ap-product-summary h1{font-size:clamp(4rem,5.7vw,5.8rem);margin:0 0 10px;letter-spacing:-.04em}
.ap-product-summary h2{font-size:clamp(2rem,2.9vw,3rem);margin:0 0 14px;line-height:1.04}
.ap-rating{display:flex;align-items:center;gap:12px;color:#b47f2a;font-size:22px;margin:4px 0 18px}
.ap-rating span{font:500 14px/1.4 Manrope,Arial,sans-serif;color:#65594d}
.ap-product-summary p{font-size:16px;line-height:1.65;max-width:470px;color:#5f5248}
.ap-product-summary .product-price{font-size:58px;line-height:1;letter-spacing:-.02em;margin:28px 0 20px;color:#241f1c}
.ap-product-summary .size-options{margin:0 0 20px;display:flex;gap:12px;flex-wrap:wrap}
.ap-product-summary .size-options button{min-width:88px;height:52px;border-radius:12px;border:1px solid #d7c8b7;background:#fcf8f2;padding:0 18px;font-size:18px;color:#5a4d42;transition:all .25s}
.ap-product-summary .size-options button.selected,.ap-product-summary .size-options button:hover{border-color:#b38b5a;background:#f4ebdf;color:#2f241b}
.ap-purchase-row{margin-bottom:34px;gap:14px;align-items:stretch}
.ap-purchase-row .quantity{height:58px;border-radius:12px;background:#fcf8f2;border:1px solid #d7c8b7;padding:0 8px}
.ap-purchase-row .quantity button{padding:0 14px;color:#63584e}
.ap-purchase-row .quantity output{min-width:30px;font-size:20px;color:#3c322b}
.ap-add-cart{min-height:58px;border-radius:12px;padding:0 30px;justify-content:center;min-width:280px;font-size:14px;letter-spacing:.13em}
.ap-favorite{width:58px;height:58px;border:1px solid #d7c8b7;border-radius:12px;background:#fffaf4;font-size:28px;color:#5b4b41;transition:all .25s}
.ap-favorite:hover{border-color:#aa8357;color:#2f241b;transform:translateY(-2px)}
.ap-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid #eadfd4;padding-top:28px}
.ap-benefit{display:flex;align-items:flex-start;gap:13px}
.ap-benefit-icon{width:28px;height:28px;display:grid;place-items:center;color:#b08a59;flex:0 0 auto}
.ap-benefit-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.ap-benefit strong{display:block;font-size:14px;color:#473a30;margin-bottom:4px}
.ap-benefit span{display:block;font-size:13px;color:#7c6f61;line-height:1.45}
.ap-story-section{padding:12px 0 20px}
.ap-story-shell{background:#fffaf4;border:1px solid #ebdfd1;border-radius:20px;overflow:hidden}
.ap-story-tabs{display:flex;gap:34px;padding:18px 28px;border-bottom:1px solid #ecdfd2;flex-wrap:wrap}
.ap-story-tabs button{border:0;background:none;padding:0 0 12px;font-size:16px;color:#4c4036;position:relative}
.ap-story-tabs button:after{content:'';position:absolute;left:0;right:100%;height:2px;bottom:0;background:#b08a59;transition:right .25s}
.ap-story-tabs button.is-active:after{right:0}
.ap-story-tabs button.is-active{font-weight:700}
.ap-story-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:stretch;min-height:420px}
.ap-story-copy{padding:28px 28px 34px}
.ap-story-copy h2{font-size:clamp(3rem,4.2vw,4.6rem);line-height:.98;margin:0 0 18px;letter-spacing:-.03em}
.ap-story-copy p{font-size:18px;line-height:1.55;max-width:490px;margin:0 0 26px}
.ap-outline-btn{background:transparent;color:#906d44;border-color:#b18b5f;min-height:50px;gap:18px;border-radius:10px;padding:0 18px}
.ap-outline-btn:hover{background:#f6ece0;color:#6d5233}
.ap-story-image{position:relative;min-height:100%}
.ap-story-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,249,243,.95) 0%,rgba(255,249,243,.22) 26%,rgba(255,249,243,0) 48%);z-index:1}
.ap-story-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.ap-story-image-soft img{object-position:center}
.ap-ingredient-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;max-width:420px}
.ap-ingredient-list li{display:grid;gap:3px;padding:15px 16px;border:1px solid #e6d7c7;border-radius:14px;background:#fdf8f2}
.ap-ingredient-list strong{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#8f714d}
.ap-ingredient-list span{font-size:15px;color:#4f443a}
.ap-pyramid-section{padding:12px 0 10px}
.ap-pyramid-shell{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(290px,.95fr) minmax(320px,1fr);gap:28px;align-items:center;background:#fffaf4;border:1px solid #ebdfd1;border-radius:20px;padding:30px 28px}
.ap-pyramid-copy h2{font-size:clamp(3rem,4vw,4.55rem);line-height:.98;margin:0 0 16px;letter-spacing:-.03em}
.ap-pyramid-copy p{font-size:18px;max-width:320px;line-height:1.55}
.ap-pyramid-visual{display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 0 0}
.ap-pyramid-tier{border:1px solid rgba(255,255,255,.45);position:relative;overflow:hidden;color:#fff;background:#d5b487;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:.16em;font:700 22px/1 Manrope,Arial,sans-serif;min-height:120px;width:88%;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);padding:0 18px;cursor:pointer;transition:transform .25s,box-shadow .25s,filter .25s}
.ap-pyramid-tier:first-child{width:47%;clip-path:polygon(50% 0,100% 100%,0 100%);min-height:95px}
.ap-pyramid-tier:nth-child(2){width:68%;min-height:108px}
.ap-pyramid-tier:last-child{width:88%;min-height:120px}
.ap-pyramid-tier:before{content:'';position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(255,255,255,.1),rgba(0,0,0,.06)),var(--tier-image);background-size:cover;background-position:center;filter:saturate(1.02)}
.ap-pyramid-tier:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(113,67,22,.18))}
.ap-pyramid-tier span{position:relative;z-index:1;font-size:13px;letter-spacing:.26em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.2)}
.ap-pyramid-tier:hover,.ap-pyramid-tier.is-active{transform:translateY(-2px);box-shadow:0 18px 30px rgba(132,96,47,.18)}
.ap-pyramid-detail{position:relative;padding-right:12px}
.ap-pyramid-nav{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}
.ap-pyramid-nav button{width:42px;height:42px;border-radius:50%;border:1px solid #e1d2c0;background:#fffdf9;color:#7c6547;font-size:28px;line-height:1;display:grid;place-items:center;transition:all .25s}
.ap-pyramid-nav button:hover{border-color:#b08a59;background:#f7ecde}
.ap-pyramid-panel h3{font-size:clamp(2.1rem,2.5vw,2.7rem);line-height:1.05;margin:0 0 8px}
.ap-pyramid-panel p{font-size:16px;line-height:1.65;margin:0 0 16px;max-width:430px}
.ap-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ap-note-thumb{margin:0}
.ap-note-thumb img{width:100%;height:88px;object-fit:cover;border-radius:12px;border:1px solid #e7d9cb;background:#f7efe4}
.ap-note-thumb figcaption{margin-top:6px;font-size:13px;color:#594e44;text-align:center}
.ap-pyramid-panel[hidden]{display:none !important}
@media (max-width: 1120px){
  .ap-product-detail-grid{grid-template-columns:82px minmax(0,1fr);}
  .ap-product-summary{grid-column:1 / -1;padding-top:12px}
  .ap-product-stage{min-height:520px}.ap-product-stage img{min-height:520px}
  .ap-pyramid-shell{grid-template-columns:1fr;gap:22px}.ap-pyramid-copy p{max-width:none}.ap-pyramid-detail{padding-right:0}
}
@media (max-width: 760px){
  body[data-page="product"] .header{margin:37px 4% 0} body[data-page="product"] .header.is-scrolled{left:4%;right:4%;margin-top:0}
  .ap-product-shell,.ap-story-shell,.ap-pyramid-shell{width:min(100% - 18px,1240px)}
  .ap-product-shell{padding:14px 12px 18px;border-radius:22px}
  .ap-breadcrumbs{font-size:13px;margin:4px 4px 14px}
  .ap-product-detail-grid{grid-template-columns:1fr;gap:16px}
  .ap-product-thumbs{order:2;flex-direction:row;overflow:auto;padding-top:0;padding-bottom:6px}.ap-thumb{width:84px;height:92px;flex:0 0 auto}.ap-thumb-more{display:none}
  .ap-product-stage{order:1;min-height:430px;border-radius:24px}.ap-product-stage img{min-height:430px}
  .ap-product-summary{order:3;padding:4px 2px 0}.ap-product-summary h1{font-size:4.25rem}.ap-product-summary h2{font-size:2.3rem}.ap-product-summary .product-price{font-size:48px}
  .ap-purchase-row{flex-wrap:wrap}.ap-add-cart{min-width:0;flex:1}.ap-benefits{grid-template-columns:1fr;gap:15px}
  .ap-story-tabs{gap:22px;padding:16px 18px}.ap-story-panel{grid-template-columns:1fr}.ap-story-copy{padding:22px 18px 28px}.ap-story-image{min-height:320px}.ap-story-image:before{background:linear-gradient(180deg,rgba(255,249,243,.3),rgba(255,249,243,0))}
  .ap-pyramid-shell{padding:22px 18px}.ap-note-grid{grid-template-columns:repeat(3,minmax(78px,1fr))}
}
@media (max-width: 430px){
  .ap-product-summary h1{font-size:3.35rem}.ap-product-summary h2,.ap-story-copy h2,.ap-pyramid-copy h2{font-size:2.7rem}
  .ap-product-summary .size-options{gap:8px}.ap-product-summary .size-options button{flex:1;min-width:0;font-size:16px;height:48px}
  .ap-purchase-row .quantity{width:100%;justify-content:center}
  .ap-pyramid-tier{min-height:100px}.ap-pyramid-tier:first-child{min-height:78px}.ap-pyramid-tier:nth-child(2){min-height:92px}
  .ap-note-grid{grid-template-columns:1fr 1fr 1fr;gap:10px}.ap-note-thumb img{height:78px}
}



/* v2.71 product detail reference match */
body[data-page="product"] .header{margin:26px 4.6% 0;background:rgba(255,252,248,.9);backdrop-filter:blur(14px);}
body[data-page="product"] .header.is-scrolled{top:14px;left:4.6%;right:4.6%;border-color:rgba(212,194,169,.58)}
.ap-product-page{padding-bottom:48px;background:#f7f4ef}
.ap-product-shell,.ap-story-shell,.ap-pyramid-shell{width:min(1260px,calc(100% - 32px))}
.ap-product-hero-section{padding:18px 0 14px}
.ap-product-shell{padding:18px 22px 20px;border-radius:26px;background:#fbf7f1;border-color:#e0d4c6;box-shadow:none}
.ap-breadcrumbs{margin:2px 8px 16px;font-size:13px;color:#8a7c6f}
.ap-product-detail-grid{grid-template-columns:78px minmax(540px,1.08fr) minmax(390px,.88fr);gap:22px;align-items:stretch}
.ap-product-thumbs{padding-top:42px;gap:9px}
.ap-thumb{width:68px;height:104px;border-radius:12px;background:#fcf8f2;border-color:#dacdbc}
.ap-thumb-more{width:54px;height:54px;border-radius:50%;background:#fffaf5;border-color:#dccdb9;margin-top:8px}
.ap-product-stage{min-height:586px;height:100%;border-radius:30px;background:linear-gradient(180deg,#efe4d6,#f6f1eb);box-shadow:none}
.ap-product-stage img{min-height:586px;height:100%;object-position:center center}
.ap-product-summary{padding:36px 6px 0 0;display:flex;flex-direction:column}
.ap-kicker,.ap-section-kicker,.ap-pyramid-kicker{margin-bottom:10px;font-size:10px;letter-spacing:.28em;color:#9a774d}
.ap-product-summary h1{font-size:clamp(4.4rem,5vw,5rem);line-height:.9;margin:0 0 12px;letter-spacing:-.045em}
.ap-product-summary h2{font-size:clamp(2.1rem,2.75vw,2.95rem);line-height:1.02;margin:0 0 16px;max-width:460px;letter-spacing:-.03em}
.ap-rating{font-size:17px;gap:10px;margin:0 0 16px}
.ap-rating span{font-size:13px}
.ap-product-summary p{font-size:14px;line-height:1.55;max-width:455px;color:#65584d;margin:0 0 14px}
.ap-product-summary .product-price{font-size:47px;line-height:1;margin:18px 0 16px}
.ap-product-summary .size-options{gap:12px;margin:0 0 18px}
.ap-product-summary .size-options button{height:50px;min-width:85px;font-size:16px;border-radius:10px;background:#fbf7f1}
.ap-purchase-row{gap:10px;margin-bottom:20px}
.ap-purchase-row .quantity{height:56px;padding:0 10px;border-radius:10px}
.ap-add-cart{min-width:270px;min-height:56px;font-size:13px;letter-spacing:.12em;border-radius:10px}
.ap-favorite{width:56px;height:56px;border-radius:10px;font-size:24px}
.ap-benefits{padding-top:18px;gap:18px;border-top:1px solid #e8ddd1;align-items:start}
.ap-benefit{gap:11px}
.ap-benefit strong{font-size:13px;margin-bottom:2px}
.ap-benefit span{font-size:12px;line-height:1.42}

.ap-story-section{padding:18px 0 16px}
.ap-story-shell{background:#fbf7f1;border-color:#e3d7c9;border-radius:18px;box-shadow:none}
.ap-story-tabs{padding:0 28px;border-bottom:1px solid #e6dacd;gap:34px;min-height:66px;align-items:end}
.ap-story-tabs button{font-size:15px;padding:0 0 16px}
.ap-story-tabs button.is-active{font-weight:600}
.ap-story-panel{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:314px}
.ap-story-copy{padding:28px 28px 28px 28px;display:flex;flex-direction:column;justify-content:center}
.ap-story-copy h2{font-size:clamp(3.4rem,4vw,4.6rem);line-height:1.02;margin:0 0 16px;max-width:520px}
.ap-story-copy p{font-size:17px;line-height:1.48;max-width:500px;margin:0 0 24px;color:#605449}
.ap-outline-btn{min-height:48px;padding:0 20px;gap:14px;border-radius:10px;font-size:14px;letter-spacing:.1em;width:max-content}
.ap-story-image{min-height:314px}
.ap-story-image:before{background:linear-gradient(90deg,rgba(251,247,241,.94) 0%,rgba(251,247,241,.58) 16%,rgba(251,247,241,.18) 30%,rgba(251,247,241,0) 50%)}
.ap-story-image img{object-position:center 24%}
.ap-ingredient-list{gap:10px;max-width:450px}
.ap-ingredient-list li{padding:14px 16px;border-radius:12px}
.ap-ingredient-list span{font-size:14px}

.ap-pyramid-section{padding:14px 0 8px}
.ap-pyramid-shell{grid-template-columns:minmax(235px,.82fr) minmax(300px,.95fr) minmax(310px,.9fr);gap:24px;padding:24px 26px;border-radius:18px;background:#fbf7f1;border-color:#e3d7c9;position:relative;overflow:hidden}
.ap-pyramid-shell::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%, rgba(231,214,189,.26), transparent 27%),radial-gradient(circle at 82% 35%, rgba(231,214,189,.22), transparent 24%);pointer-events:none}
.ap-pyramid-copy,.ap-pyramid-visual,.ap-pyramid-detail{position:relative;z-index:1}
.ap-pyramid-copy h2{font-size:clamp(3.15rem,3.6vw,4.15rem);line-height:1;margin:0 0 16px;max-width:320px}
.ap-pyramid-copy p{font-size:16px;line-height:1.58;max-width:300px;color:#62574c}
.ap-pyramid-visual{padding:8px 0 0}
.ap-pyramid-tier{width:89%;min-height:112px;font-size:18px;border-color:rgba(255,255,255,.55);box-shadow:0 8px 24px rgba(181,140,88,.08)}
.ap-pyramid-tier:first-child{width:45%;min-height:92px}
.ap-pyramid-tier:nth-child(2){width:67%;min-height:100px}
.ap-pyramid-tier:last-child{width:89%;min-height:112px}
.ap-pyramid-tier span{font-size:12px;letter-spacing:.28em}
.ap-pyramid-detail{padding-right:0;padding-top:10px}
.ap-pyramid-nav{justify-content:flex-end;gap:10px;margin-bottom:10px}
.ap-pyramid-nav button{width:40px;height:40px;font-size:24px}
.ap-pyramid-panel h3{font-size:clamp(2.2rem,2.65vw,2.8rem);line-height:1.08;margin:0 0 6px;max-width:310px}
.ap-pyramid-panel p{font-size:15px;line-height:1.45;margin:0 0 14px;max-width:330px;color:#62574c}
.ap-note-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:378px}
.ap-note-thumb img{height:74px;border-radius:8px}
.ap-note-thumb figcaption{margin-top:5px;font-size:12px}

@media (max-width: 1280px){
  .ap-product-detail-grid{grid-template-columns:72px minmax(470px,1fr) minmax(350px,.86fr)}
  .ap-product-stage,.ap-product-stage img{min-height:540px}
  .ap-product-summary h1{font-size:4.2rem}
  .ap-product-summary h2{font-size:2.4rem}
}
@media (max-width: 1120px){
  .ap-product-detail-grid{grid-template-columns:72px minmax(0,1fr)}
  .ap-product-summary{grid-column:1 / -1;padding-top:18px}
  .ap-product-stage,.ap-product-stage img{min-height:500px}
  .ap-story-panel{grid-template-columns:1fr}
  .ap-story-image{min-height:360px}
  .ap-pyramid-shell{grid-template-columns:1fr;gap:22px}
  .ap-pyramid-copy p,.ap-pyramid-panel p{max-width:none}
  .ap-note-grid{max-width:none}
}
@media (max-width: 760px){
  body[data-page="product"] .header{margin:24px 4% 0}
  body[data-page="product"] .header.is-scrolled{left:4%;right:4%}
  .ap-product-shell,.ap-story-shell,.ap-pyramid-shell{width:min(100% - 18px,1260px)}
  .ap-product-shell{padding:14px 12px 18px}
  .ap-product-detail-grid{grid-template-columns:1fr;gap:16px}
  .ap-product-thumbs{order:2;flex-direction:row;padding-top:0}.ap-thumb{width:74px;height:90px}.ap-thumb-more{display:none}
  .ap-product-stage{order:1;min-height:410px;border-radius:22px}.ap-product-stage img{min-height:410px}
  .ap-product-summary{order:3;padding:2px 2px 0}.ap-product-summary h1{font-size:4rem}.ap-product-summary h2{font-size:2.15rem}.ap-product-summary .product-price{font-size:44px}
  .ap-benefits{grid-template-columns:1fr;gap:14px}
  .ap-story-tabs{padding:0 18px;min-height:60px}.ap-story-panel{min-height:unset}.ap-story-copy{padding:22px 18px 26px}.ap-story-image{min-height:300px}.ap-story-image:before{background:linear-gradient(180deg,rgba(251,247,241,.35),rgba(251,247,241,0))}
  .ap-pyramid-shell{padding:22px 18px}.ap-note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 430px){
  .ap-product-summary h1{font-size:3.2rem}.ap-product-summary h2,.ap-story-copy h2,.ap-pyramid-copy h2{font-size:2.6rem}
}


/* v2.72 — full-bleed product detail faithful to reference */
/* The opening product section is one continuous editorial photograph,
   not a boxed card with a narrow product image. */
body[data-page="product"] .header{position:absolute;top:45px;left:4.5%;right:4.5%;margin:0;width:auto;z-index:35}
body[data-page="product"] .header.is-scrolled{position:fixed;top:0;left:0;right:0;margin:0}
body[data-page="product"] .ap-product-page{background:#faf7f2;padding-bottom:30px}
body[data-page="product"] .ap-product-hero-section{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(710px,58vw,870px);padding:0;background:#f5eee6}
body[data-page="product"] .ap-product-shell{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;min-height:clamp(710px,58vw,870px);padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
/* The blending occurs over a single unbroken photographic layer. */
body[data-page="product"] .ap-product-shell::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,transparent 36%,rgba(247,241,234,.03) 44%,rgba(247,241,234,.55) 55%,#f5eee6 70%,#f5eee6 100%)}
body[data-page="product"] .ap-breadcrumbs{position:relative;z-index:3;display:flex;align-items:center;gap:14px;margin:0;padding:142px max(4.5%,calc((100vw - 1700px)/2)) 14px;color:#655a50;font-size:13px;line-height:1.5}
body[data-page="product"] .ap-breadcrumbs strong{color:#28211b;font-weight:500}
body[data-page="product"] .ap-product-detail-grid{display:grid;position:relative;z-index:2;grid-template-columns:11% minmax(0,47%) minmax(0,42%);gap:0;align-items:start;min-height:590px}
body[data-page="product"] .ap-product-stage{position:absolute;z-index:-2;top:-195px;left:0;bottom:auto;width:100%;height:calc(100% + 195px);min-height:0;border:0;border-radius:0;overflow:hidden;box-shadow:none;background:transparent;display:block;pointer-events:none}
body[data-page="product"] .ap-product-stage img{position:absolute;top:50%;left:-2.5vw;display:block;width:min(74vw,1320px);height:auto;min-height:0;max-width:none;object-fit:unset;object-position:initial;transform:translateY(-40%);transition:opacity .25s ease}
body[data-page="product"] .ap-product-thumbs{position:relative;z-index:3;grid-column:1;display:flex;flex-direction:column;align-items:start;gap:9px;padding-top:20px;padding-left:max(4.5vw,calc((100vw - 1700px)/2));margin:0}
body[data-page="product"] .ap-thumb{display:block;width:clamp(64px,6.8vw,96px);height:clamp(76px,8vw,104px);flex:0 0 auto;border:1px solid rgba(246,240,232,.95);border-radius:10px;box-shadow:0 2px 8px rgba(46,28,12,.1);background:rgba(255,255,255,.8)}
body[data-page="product"] .ap-thumb:hover,body[data-page="product"] .ap-thumb.is-active{border-color:#b79464;box-shadow:0 4px 13px rgba(66,37,12,.19);transform:translateY(-1px)}
body[data-page="product"] .ap-thumb-more{width:52px;height:52px;margin:6px 0 0 13px;border:0;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 4px 16px rgba(44,35,25,.14)}
body[data-page="product"] .ap-product-summary{position:relative;grid-column:3;z-index:3;padding:10px clamp(28px,3.7vw,72px) 26px 10px;margin:0;background:transparent;display:block}
body[data-page="product"] .ap-product-summary h1{font-size:clamp(61px,5.9vw,100px);line-height:.94;letter-spacing:-.052em;margin:0 0 7px}
body[data-page="product"] .ap-product-summary h2{font-size:clamp(26px,2.35vw,43px);letter-spacing:-.025em;line-height:1.05;margin:0 0 15px;max-width:none}
body[data-page="product"] .ap-kicker{font-size:10px;letter-spacing:.23em;margin-bottom:17px;color:#926b41}
body[data-page="product"] .ap-rating{font-size:19px;line-height:1.2;gap:9px;margin:0 0 20px}
body[data-page="product"] .ap-rating span{font-size:13px;color:#74695f}
body[data-page="product"] .ap-product-summary p{font-size:clamp(13px,1.04vw,17px);line-height:1.56;max-width:580px;margin:0 0 14px;color:#5e5851}
body[data-page="product"] .ap-product-summary .product-price{font-size:clamp(39px,3.2vw,54px);line-height:1.02;margin:18px 0 15px;color:#2d2824}
body[data-page="product"] .ap-product-summary .size-options{margin:0 0 18px;gap:12px;flex-wrap:nowrap}
body[data-page="product"] .ap-product-summary .size-options button{height:50px;min-width:0;width:94px;flex:0 1 94px;padding:0 5px;border-radius:8px;font-size:15px;background:rgba(255,255,255,.28)}
body[data-page="product"] .ap-product-summary .size-options button.selected{background:rgba(244,235,221,.8)}
body[data-page="product"] .ap-purchase-row{display:flex;gap:10px;align-items:stretch;flex-wrap:nowrap;margin-bottom:28px}
body[data-page="product"] .ap-purchase-row .quantity{height:54px;flex:0 0 128px;padding:0;border-radius:8px;background:rgba(255,255,255,.32)}
body[data-page="product"] .ap-purchase-row .quantity button{padding:0 9px}
body[data-page="product"] .ap-add-cart{min-height:54px;min-width:0;flex:1 1 auto;padding:0 12px;border-radius:8px;white-space:nowrap;font-size:clamp(10px,.78vw,13px);letter-spacing:.12em}
body[data-page="product"] .ap-favorite{width:54px;min-width:48px;height:54px;flex:0 0 54px;border-radius:8px;font-size:23px}
body[data-page="product"] .ap-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;border-top:0;padding:12px 0 0;margin-top:0}
body[data-page="product"] .ap-benefit{display:flex;align-items:flex-start;gap:8px}
body[data-page="product"] .ap-benefit-icon{width:25px;height:25px}
body[data-page="product"] .ap-benefit-icon svg{width:23px;height:23px}
body[data-page="product"] .ap-benefit strong{font-size:clamp(10px,.73vw,12px);line-height:1.35;margin:0;color:#4c4238}
body[data-page="product"] .ap-benefit span{font-size:clamp(9px,.71vw,12px);line-height:1.35;color:#6c6258}

/* Keep the two approved lower sections exactly as they were in v2.71. */
@media(max-width:1150px) and (min-width:851px){
 body[data-page="product"] .ap-product-summary{padding-right:22px}
 body[data-page="product"] .ap-product-detail-grid{grid-template-columns:10% 45% 45%}
 body[data-page="product"] .ap-product-summary h1{font-size:clamp(58px,6vw,75px)}
 body[data-page="product"] .ap-product-summary h2{font-size:clamp(25px,2.7vw,33px)}
 body[data-page="product"] .ap-product-summary .size-options button{width:80px}
 body[data-page="product"] .ap-purchase-row .quantity{flex-basis:110px}
 body[data-page="product"] .ap-benefits{gap:8px}
}
@media(max-width:850px){
 body[data-page="product"] .ap-product-hero-section{min-height:0;overflow:visible;background:#f8f3ed}
 body[data-page="product"] .ap-product-shell{min-height:0;padding:122px 4% 32px}
 body[data-page="product"] .ap-product-shell::after{display:none}
 body[data-page="product"] .ap-breadcrumbs{padding:8px 0 15px;margin:0;font-size:12px}
 body[data-page="product"] .ap-product-detail-grid{display:grid;grid-template-columns:1fr;min-height:0;gap:0}
 body[data-page="product"] .ap-product-stage{grid-column:1;grid-row:1;position:relative;top:auto;left:auto;bottom:auto;z-index:auto;width:100%;height:auto;min-height:0;aspect-ratio:1 / .98;border-radius:18px;overflow:hidden;pointer-events:auto;background:#f0e3d2}
 body[data-page="product"] .ap-product-stage img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;min-height:0;object-fit:cover;transform:none}
 body[data-page="product"] .ap-product-thumbs{grid-column:1;grid-row:2;flex-direction:row;gap:8px;padding:12px 0 6px;overflow-x:auto}
 body[data-page="product"] .ap-thumb{width:75px;height:79px;flex:0 0 75px}
 body[data-page="product"] .ap-thumb-more{display:none}
 body[data-page="product"] .ap-product-summary{grid-column:1;grid-row:3;padding:26px 2px 0}
 body[data-page="product"] .ap-product-summary h1{font-size:clamp(56px,9vw,82px)}
 body[data-page="product"] .ap-product-summary h2{font-size:clamp(26px,4.9vw,37px)}
 body[data-page="product"] .ap-product-summary p{font-size:15px}
 body[data-page="product"] .ap-product-summary .product-price{font-size:45px}
 body[data-page="product"] .ap-add-cart{font-size:12px}
 body[data-page="product"] .ap-benefit strong,body[data-page="product"] .ap-benefit span{font-size:12px}
}
@media(max-width:470px){
 body[data-page="product"] .ap-product-shell{padding:111px 14px 26px}
 body[data-page="product"] .ap-product-summary h1{font-size:clamp(51px,13vw,68px)}
 body[data-page="product"] .ap-product-summary h2{font-size:clamp(25px,7vw,33px)}
 body[data-page="product"] .ap-purchase-row{flex-wrap:wrap;gap:8px}
 body[data-page="product"] .ap-purchase-row .quantity{flex:1 1 95px}
 body[data-page="product"] .ap-add-cart{flex:3 1 165px}
 body[data-page="product"] .ap-favorite{flex-basis:48px;width:48px}
 body[data-page="product"] .ap-benefits{gap:8px;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body[data-page="product"] .ap-product-stage img{transition:none}}

/* v2.72 final – composited wide photograph, no hard photographic edge */
@media (min-width:851px){
  body[data-page="product"] .ap-product-shell::after{display:none}
  body[data-page="product"] .ap-product-stage{top:-185px;height:calc(100% + 185px);width:100%;overflow:hidden}
  body[data-page="product"] .ap-product-stage img{top:0;left:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center center;transform:none}
  body[data-page="product"] .ap-product-detail-grid{min-height:665px}
}
@media(max-width:850px){
  body[data-page="product"] .ap-product-stage img{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:31% center;transform:none}
}
/* Ensure gallery previews sit above the photographic stage on all desktop sizes. */
@media(min-width:851px){
  body[data-page="product"] .ap-product-thumbs{z-index:20;isolation:isolate}
  body[data-page="product"] .ap-thumb{background:#fff}
  body[data-page="product"] .ap-thumb img{position:relative;z-index:1;opacity:1}
}
/* Compact desktop uses a shorter photographic stage so the flacon base remains in view. */
@media (min-width:851px) and (max-width:1150px){
  body[data-page="product"] .ap-product-detail-grid{min-height:555px}
}

/* v2.74 — EXACT shared AURELLE header and compact reference story banner
   Product pages no longer create an independent rectangular header. */
body[data-page="product"] .header {
  position:absolute;
  top:43px;
  left:4.7%;
  right:4.7%;
  height:78px;
  margin:0;
  padding:0 10px 0 2px;
  width:auto;
  z-index:35;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body[data-page="product"] .header.is-scrolled {
  position:fixed;
  top:10px;
  left:4.7%;
  right:4.7%;
  margin:0;
  background:rgba(247,243,237,.82);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 18px 40px rgba(48,32,19,.10);
}

/* The story layout is an editorial strip, not a portrait-height card. */
body[data-page="product"] .ap-story-section {padding:0 0 20px;}
body[data-page="product"] .ap-story-shell {
  width:100%;
  max-width:none;
  margin:0;
  background:#fbf7f1;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}
body[data-page="product"] .ap-story-tabs {
  display:flex;
  align-items:flex-end;
  gap:38px;
  min-height:62px;
  padding:0 max(4.6%,calc((100vw - 1700px)/2));
  border-bottom:1px solid #e6dacd;
}
body[data-page="product"] .ap-story-tabs button {
  font-size:15px;
  line-height:1;
  padding:0 0 14px;
  color:#40342c;
}
body[data-page="product"] .ap-story-tabs button.is-active {font-weight:700;}
body[data-page="product"] .ap-story-tabs button.is-active::after {height:2px;background:#2d2722;}
body[data-page="product"] .ap-story-panel {
  position:relative;
  display:grid;
  grid-template-columns:46% minmax(0,54%);
  height:320px;
  min-height:0;
  align-items:stretch;
  overflow:hidden;
}
body[data-page="product"] .ap-story-copy {
  position:relative;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  flex-direction:column;
  padding:22px 18px 18px max(4.6vw,calc((100vw - 1700px)/2));
}
body[data-page="product"] .ap-section-kicker {
  color:#9a774f;
  font-size:13px;
  line-height:1.2;
  letter-spacing:0;
  text-transform:none;
  font-weight:500;
  margin:0 0 8px;
}
body[data-page="product"] .ap-story-copy h2 {
  font-size:clamp(36px,3vw,51px);
  line-height:1.04;
  letter-spacing:-.025em;
  margin:0 0 12px;
  max-width:570px;
}
body[data-page="product"] .ap-story-copy p {
  max-width:540px;
  margin:0 0 15px;
  font-size:15px;
  line-height:1.48;
  color:#62584e;
}
body[data-page="product"] .ap-story-copy .ap-outline-btn {
  min-height:44px;
  padding:0 22px;
  font-size:12px;
  margin:0;
  border-radius:6px;
  gap:16px;
}
body[data-page="product"] .ap-story-image {
  position:relative;
  height:100%;
  min-height:0;
  overflow:hidden;
}
body[data-page="product"] .ap-story-image img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center 31%;
}
body[data-page="product"] .ap-story-image::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#fbf7f1 0%,rgba(251,247,241,.82) 12%,rgba(251,247,241,.34) 28%,rgba(251,247,241,0) 52%);
}
/* Ingredients contain additional content; they may grow without affecting Popis. */
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] {
  height:auto;
  min-height:380px;
  overflow:hidden;
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-image {min-height:380px;}
body[data-page="product"] .ap-story-panel[hidden] {display:none !important;}

@media (max-width:850px) {
  body[data-page="product"] .header {top:36px;left:4%;right:4%;height:62px;padding:0 6px 0 2px;}
  body[data-page="product"] .header.is-scrolled {top:0;left:4%;right:4%;}
  body[data-page="product"] .ap-story-tabs {min-height:58px;padding:0 18px;gap:28px;}
  body[data-page="product"] .ap-story-panel,
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] {
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
  }
  body[data-page="product"] .ap-story-copy {padding:22px 19px 24px;}
  body[data-page="product"] .ap-story-copy h2 {font-size:clamp(36px,8.4vw,50px);}
  body[data-page="product"] .ap-story-copy p {font-size:15px;}
  body[data-page="product"] .ap-story-image,
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-image {
    height:290px;
    min-height:0;
  }
  body[data-page="product"] .ap-story-image::before {background:linear-gradient(180deg,rgba(251,247,241,.18),rgba(251,247,241,0) 35%);}
}


/* v2.75 — SINGLE product detail template, header and compact story */
/* The header is identical in layout and scroll behaviour to AURELLE's home
   page. No rectangular header, no product-specific panel. */
body[data-page="product"] .header {
  position:absolute;top:43px;left:4.7%;right:4.7%;height:78px;
  margin:0;padding:0 10px 0 2px;width:auto;z-index:35;
  background:transparent;border:0;border-radius:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:background .35s ease,top .35s ease,box-shadow .35s ease,border-color .35s ease,backdrop-filter .35s ease;
}
body[data-page="product"] .header.is-scrolled {
  position:fixed;top:10px;left:4.7%;right:4.7%;margin:0;
  background:rgba(247,243,237,.82);backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 18px 40px rgba(48,32,19,.10);
}
/* Ombre's dark photograph previously rendered the (correctly transparent)
   header unreadable. A soft photographic wash, not a header rectangle,
   keeps navigation legible without changing the standard header itself. */
body[data-page="product"] .ap-product-hero-section::before {
  content:"";position:absolute;left:0;right:0;top:0;height:170px;
  z-index:4;pointer-events:none;
  background:linear-gradient(180deg,rgba(248,244,237,.42) 0%,rgba(248,244,237,.16) 62%,rgba(248,244,237,0) 100%);
}
body[data-product-slug="ombre"] .ap-product-hero-section::before {
  background:linear-gradient(180deg,rgba(248,244,237,.90) 0%,rgba(248,244,237,.61) 48%,rgba(248,244,237,0) 100%);
}
/* The product header lives above the hero. Keep the common header accessible. */
body[data-page="product"] .ap-product-page {position:relative;z-index:1;}
body[data-page="product"] .header {z-index:80;}
/* Always render the second section in the exact same horizontal template.
   The image is constrained by panel height, never by its native proportions. */
body[data-page="product"] .ap-story-section {padding:0 0 20px;margin:0;}
body[data-page="product"] .ap-story-shell {
  width:100%;max-width:none;margin:0;border:0;border-radius:0;
  background:#fbf7f1;overflow:hidden;box-shadow:none;
}
body[data-page="product"] .ap-story-tabs {
  display:flex;align-items:flex-end;gap:38px;min-height:62px;
  padding:0 max(4.6%,calc((100vw - 1700px)/2));
  border-bottom:1px solid #e6dacd;
}
body[data-page="product"] .ap-story-tabs button {font-size:15px;padding:0 0 14px;line-height:1;color:#40342c;}
body[data-page="product"] .ap-story-tabs button.is-active::after {height:2px;background:#2d2722;}
body[data-page="product"] .ap-story-panel[data-detail-panel="description"] {
  display:grid;grid-template-columns:46% minmax(0,54%);
  height:320px;min-height:0;max-height:320px;overflow:hidden;
}
body[data-page="product"] .ap-story-panel[hidden] {display:none!important;}
body[data-page="product"] .ap-story-copy {
  position:relative;z-index:3;display:flex;flex-direction:column;
  justify-content:flex-start;align-items:flex-start;
  padding:22px 16px 16px max(4.6%,calc((100vw - 1700px)/2));
  min-width:0;
}
body[data-page="product"] .ap-story-copy .ap-section-kicker {font-size:13px;line-height:1.2;letter-spacing:0;text-transform:none;color:#9a774f;margin:0 0 8px;}
body[data-page="product"] .ap-story-copy h2 {
  font-size:clamp(35px,2.95vw,49px);line-height:1.03;
  margin:0 0 11px;letter-spacing:-.025em;max-width:580px;
}
body[data-page="product"] .ap-story-copy p {font-size:15px;line-height:1.46;max-width:535px;margin:0 0 14px;color:#62584e;}
body[data-page="product"] .ap-story-copy .ap-outline-btn {min-height:43px;padding:0 20px;margin:0;font-size:12px;border-radius:6px;gap:16px;}
body[data-page="product"] .ap-story-image {
  position:relative;height:100%;min-height:0;overflow:hidden;
}
body[data-page="product"] .ap-story-image img {
  position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center 31%;
}
body[data-page="product"] .ap-story-image::before {
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#fbf7f1 0%,rgba(251,247,241,.82) 12%,rgba(251,247,241,.34) 28%,rgba(251,247,241,0) 52%);
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] {
  display:grid;grid-template-columns:46% minmax(0,54%);
  height:380px;min-height:0;max-height:380px;overflow:hidden;
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-image {min-height:0;height:100%;}
@media (max-width:850px){
  body[data-page="product"] .header {top:36px;left:4%;right:4%;height:62px;padding:0 6px 0 2px;}
  body[data-page="product"] .header.is-scrolled {top:0;left:4%;right:4%;}
  body[data-page="product"] .ap-story-tabs {min-height:58px;gap:28px;padding:0 18px;}
  body[data-page="product"] .ap-story-panel[data-detail-panel="description"],
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] {
    display:grid;grid-template-columns:1fr;
    height:auto;min-height:0;max-height:none;
  }
  body[data-page="product"] .ap-story-copy {padding:22px 19px 24px;}
  body[data-page="product"] .ap-story-copy h2 {font-size:clamp(36px,8.4vw,50px);}
  body[data-page="product"] .ap-story-image,
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-image {height:290px;min-height:0;}
  body[data-page="product"] .ap-story-image::before {background:linear-gradient(180deg,rgba(251,247,241,.18),rgba(251,247,241,0) 35%);}
}
@media (prefers-reduced-motion:reduce){body[data-page="product"] .header{transition:none}}

/* Narrow-phone safeguard: the size selector must not widen the detail grid. */
@media (max-width:470px){
  body[data-page="product"] .ap-product-detail-grid {grid-template-columns:minmax(0,1fr);min-width:0;}
  body[data-page="product"] .ap-product-summary,body[data-page="product"] .ap-product-stage,body[data-page="product"] .ap-product-thumbs {min-width:0;}
  body[data-page="product"] .ap-product-summary .size-options {display:flex;gap:7px;min-width:0;}
  body[data-page="product"] .ap-product-summary .size-options button {min-width:0;width:auto;flex:1 1 0;padding:0 2px;}
}


/* v2.76 — consistent transparent header, edge-to-edge product photography,
   and full-bleed interactive fragrance pyramid. */
/* Heading is transparent over every perfume, including the dark Ombre image. */
body[data-page="product"] .header:not(.is-scrolled),
body[data-page="product"] .header.header--over-hero {
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
/* Instead of an opaque rectangular light wash, adapt only the logo colour
   when it is placed against the dark wood photograph. */
body[data-product-slug="ombre"] .header.header--over-hero .logo {
  color:#fff9ee;
  text-shadow:0 1px 13px rgba(20,10,5,.65),0 1px 2px rgba(20,10,5,.55);
}
body[data-product-slug="ombre"] .header.header--over-hero .navigation,
body[data-product-slug="ombre"] .header.header--over-hero .header-actions {
  color:#332720;
}
/* The previous diffuse photo overlay made a pale horizontal strip. The new
   composite image already fades naturally to cream, so no extra wash is needed. */
body[data-page="product"] .ap-product-hero-section::before {
  display:none;
}
/* Desktop: position photo against the shell, whose bottom IS the section bottom. */
@media (min-width:851px) {
  body[data-page="product"] .ap-product-shell {
    position:relative;
    overflow:hidden;
  }
  body[data-page="product"] .ap-product-stage {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:#f5eee6;
  }
  body[data-page="product"] .ap-product-stage img {
    display:block;
    position:absolute;
    inset:0 auto 0 0;
    width:100%;
    height:100%;
    min-height:0;
    max-width:none;
    transform:none;
    object-fit:contain;
    object-position:left bottom;
  }
  body[data-page="product"] .ap-breadcrumbs,
  body[data-page="product"] .ap-product-detail-grid {
    position:relative;
    z-index:2;
  }
  body[data-page="product"] .ap-product-detail-grid {
    min-height:665px;
    overflow:visible;
  }
}
@media (min-width:851px) and (max-width:1150px) {
  body[data-page="product"] .ap-product-detail-grid {min-height:555px;}
}
/* Mobile: stage is part of the normal product flow, as in v2.75. */
@media (max-width:850px) {
  body[data-page="product"] .ap-product-stage {
    position:relative;
    inset:auto;
    grid-column:1;
    grid-row:1;
    width:100%;
    height:auto;
    min-height:0;
    z-index:auto;
    aspect-ratio:1/.98;
    overflow:hidden;
    border-radius:18px;
    pointer-events:auto;
  }
  body[data-page="product"] .ap-product-stage img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    max-width:100%;
    object-fit:cover;
    object-position:31% center;
    transform:none;
  }
}
/* Pyramid is a complete page-width editorial band, not a floating rounded card. */
body[data-page="product"] .ap-pyramid-section {
  padding:0;
  margin:0;
  width:100%;
  background:#faf6f0;
}
body[data-page="product"] .ap-pyramid-shell {
  width:100%;
  max-width:none;
  margin:0;
  padding:42px max(5.5%,calc((100vw - 1720px)/2)) 44px;
  display:grid;
  grid-template-columns:minmax(240px,.95fr) minmax(300px,1.15fr) minmax(320px,1fr);
  gap:clamp(22px,3.1vw,64px);
  align-items:center;
  background:radial-gradient(circle at 15% 25%,rgba(227,211,186,.22),transparent 34%),#faf6f0;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
body[data-page="product"] .ap-pyramid-shell::before {
  inset:0;
  border-radius:0;
}
body[data-page="product"] .ap-pyramid-copy h2 {max-width:420px;}
body[data-page="product"] .ap-pyramid-copy p {max-width:370px;}
body[data-page="product"] .ap-pyramid-panel h3 {max-width:420px;}
body[data-page="product"] .ap-pyramid-panel p {max-width:390px;}
body[data-page="product"] .ap-note-grid {max-width:390px;}
@media (max-width:1020px) {
  body[data-page="product"] .ap-pyramid-shell {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:24px;
    row-gap:22px;
    padding:36px 6% 40px;
  }
  body[data-page="product"] .ap-pyramid-detail {grid-column:1 / -1;}
  body[data-page="product"] .ap-pyramid-copy h2 {font-size:clamp(42px,5.3vw,65px);}
  body[data-page="product"] .ap-note-grid {max-width:480px;}
}
@media (max-width:650px) {
  body[data-page="product"] .ap-pyramid-shell {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    padding:35px 6% 42px;
    gap:20px;
  }
  body[data-page="product"] .ap-pyramid-detail {grid-column:1;}
  body[data-page="product"] .ap-pyramid-visual {max-width:490px;width:100%;margin:0 auto;}
  body[data-page="product"] .ap-pyramid-copy h2 {font-size:clamp(39px,10vw,58px);}
}
/* The full-width photograph precedes the grid in the document; on mobile the
   thumbnail row is therefore the first grid row, followed by product details. */
@media (max-width:850px) {
  body[data-page="product"] .ap-product-thumbs {grid-column:1;grid-row:1;}
  body[data-page="product"] .ap-product-summary {grid-column:1;grid-row:2;}
}
/* Mobile header is positioned above the image on a light background: keep
   the same dark wordmark as the other three product pages. */
@media (max-width:850px) {
  body[data-product-slug="ombre"] .header.header--over-hero .logo {
    color:#24201d;
    text-shadow:none;
  }
}


/* v2.77 — Ingredient tab: three readable scent layers, never clipped.
   Popis remains the original compact 320px editorial banner. */
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] {
  height:auto;
  min-height:344px;
  max-height:none;
  overflow:visible;
  align-items:stretch;
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-copy {
  padding-top:22px;
  padding-bottom:22px;
  justify-content:center;
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-copy h2 {
  font-size:clamp(33px,2.65vw,45px);
  line-height:1.04;
  margin-bottom:11px;
  max-width:545px;
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-copy p {
  font-size:14px;
  line-height:1.48;
  margin-bottom:0;
  max-width:545px;
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-ingredient-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  max-width:545px;
  margin:20px 0 0;
  padding:0;
  gap:10px;
  list-style:none;
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-ingredient-list li {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  min-height:80px;
  min-width:0;
  padding:13px 12px;
  gap:7px;
  border:1px solid #e6d7c7;
  border-radius:10px;
  background:rgba(255,251,247,.8);
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-ingredient-list strong {
  font-size:10px;
  line-height:1.3;
  letter-spacing:.14em;
  color:#95744f;
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-ingredient-list span {
  display:block;
  font-size:12px;
  line-height:1.42;
  color:#52483f;
  overflow-wrap:break-word;
}
body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-image {
  min-height:344px;
  height:100%;
  overflow:hidden;
}
@media(max-width:850px){
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] {
    min-height:0;
    grid-template-columns:minmax(0,1fr);
  }
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-copy {
    padding:24px 19px 26px;
  }
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-image {
    height:290px;
    min-height:0;
  }
}
@media(max-width:560px){
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-story-copy h2 {
    font-size:clamp(34px,8.5vw,45px);
  }
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-ingredient-list {
    grid-template-columns:minmax(0,1fr);
    max-width:none;
    gap:8px;
    margin-top:17px;
  }
  body[data-page="product"] .ap-story-panel[data-detail-panel="ingredients"] .ap-ingredient-list li {
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    align-items:center;
    min-height:54px;
    padding:10px 13px;
    gap:10px;
  }
}


/* AURELLE v2.78 — Ingredients page, 4 sequential editorial sections */
body[data-page="ingredience"] { background:#faf6f0; }
body[data-page="ingredience"] .ing-page { overflow:clip; background:#faf6f0; }
body[data-page="ingredience"] .ing-eyebrow { color:#806449; font:700 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.21em;text-transform:uppercase;display:block; }
body[data-page="ingredience"] .ing-button { display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:45px;padding:0 19px;border:1px solid #8f6d47;font:700 10px/1.3 Manrope,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;transition:background .28s,color .28s,transform .28s; white-space:normal; }
body[data-page="ingredience"] .ing-button:hover { transform:translateY(-2px); }
body[data-page="ingredience"] .ing-button span {font-size:18px;font-weight:400;letter-spacing:normal;}
body[data-page="ingredience"] .ing-button-solid {background:linear-gradient(125deg,#775337,#a77c4c);color:#fff;box-shadow:0 6px 19px rgba(83,48,20,.15)}
body[data-page="ingredience"] .ing-button-solid:hover{background:#785537}
body[data-page="ingredience"] .ing-button-outline { color:#fff; background:rgba(119,80,43,.55);border-color:rgba(255,235,201,.7); }
body[data-page="ingredience"] .ing-button-outline:hover{background:#a77c4c}

/* Section 01 — cinematic photographic Hero */
body[data-page="ingredience"] .ing-hero{position:relative;height:clamp(540px,48vw,745px);min-height:540px;overflow:hidden;isolation:isolate;background:#f7efe5}
body[data-page="ingredience"] .ing-hero-photo{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2}
body[data-page="ingredience"] .ing-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}
body[data-page="ingredience"] .ing-hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(249,245,239,.7) 0%,rgba(249,245,239,.42) 32%,transparent 58%),linear-gradient(180deg,rgba(247,243,237,.80) 0,transparent 24%)}
body[data-page="ingredience"] .ing-hero-copy{position:absolute;top:52%;left:max(7.8%,calc((100vw - 1580px)/2));width:min(785px,57vw);transform:translateY(-40%);z-index:2}
body[data-page="ingredience"] .ing-hero-copy .ing-eyebrow{margin-bottom:15px}
body[data-page="ingredience"] .ing-hero h1{font-size:clamp(52px,4.45vw,85px);line-height:.9;letter-spacing:-.052em;margin:0 0 23px;max-width:770px;color:#241c17}
body[data-page="ingredience"] .ing-hero-copy p{max-width:510px;color:#5c5249;font-size:clamp(14px,1.1vw,18px);line-height:1.65;margin:0 0 26px}
body[data-page="ingredience"] .ing-hero-seal{position:absolute;right:4.7%;top:24%;width:176px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(250,245,235,.8);border-radius:50%;background:rgba(250,245,236,.14);backdrop-filter:blur(2px);z-index:2;text-align:center;box-shadow:0 0 0 1px rgba(87,65,43,.1) inset}
body[data-page="ingredience"] .ing-hero-seal span{font:600 10px/1.75 Manrope,Arial,sans-serif;letter-spacing:.13em;color:#6e5236}

/* Section 02 — 3-column scented-note pyramid */
body[data-page="ingredience"] .ing-pyramid-band{background:#fbf8f2;min-height:405px;position:relative;isolation:isolate;border-top:1px solid rgba(227,216,201,.6);border-bottom:1px solid rgba(227,216,201,.64);overflow:hidden}
body[data-page="ingredience"] .ing-pyramid-band:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 41% 22%,rgba(240,220,190,.3),transparent 38%),radial-gradient(ellipse at 68% 78%,rgba(231,209,177,.19),transparent 38%)}
body[data-page="ingredience"] .ing-pyramid-layout{width:min(1600px,92%);margin:auto;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr) minmax(0,1.05fr);gap:clamp(14px,2.5vw,52px);align-items:center;padding:35px 0 29px}
body[data-page="ingredience"] .ing-pyramid-intro{align-self:center}
body[data-page="ingredience"] .ing-pyramid-intro .ing-eyebrow{margin-bottom:14px}
body[data-page="ingredience"] .ing-pyramid-intro h2{font-size:clamp(47px,4vw,66px);line-height:.96;letter-spacing:-.045em;margin:0 0 20px}
body[data-page="ingredience"] .ing-pyramid-intro p{font-size:clamp(13px,.96vw,16px);line-height:1.73;max-width:430px;margin:0 0 22px;color:#675c50}
body[data-page="ingredience"] .ing-pyramid-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;padding:0}
body[data-page="ingredience"] .ing-pyr-layer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;text-align:center;padding:0 14px 15px;border:0;overflow:hidden;isolation:isolate;cursor:pointer;transition:filter .32s,transform .32s;background:#dab88c;color:#3b2e22}
body[data-page="ingredience"] .ing-pyr-layer:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(180deg,rgba(255,255,255,.23),rgba(93,51,18,.07)),var(--ing-pyramid-photo);background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
body[data-page="ingredience"] .ing-pyr-layer:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(249,238,218,.22),rgba(247,222,188,.22))}
body[data-page="ingredience"] .ing-pyr-layer:hover:before{transform:scale(1.08)}
body[data-page="ingredience"] .ing-pyr-layer.is-selected{filter:saturate(1.13);transform:translateY(-1px)}
body[data-page="ingredience"] .ing-pyr-layer span{font:700 13px/1.2 Manrope,Arial,sans-serif;letter-spacing:.15em}
body[data-page="ingredience"] .ing-pyr-layer small{font:500 11px/1.3 Manrope,Arial,sans-serif;color:#5b4938}
body[data-page="ingredience"] .ing-pyr-head{--ing-pyramid-photo:url('/demo/aurelle/assets/ing-bergamot-v278.webp');width:33%;height:104px;clip-path:polygon(50% 0,100% 100%,0 100%)}
body[data-page="ingredience"] .ing-pyr-heart{--ing-pyramid-photo:url('/demo/aurelle/assets/ing-jasmin-v278.webp');width:67%;height:118px;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}
body[data-page="ingredience"] .ing-pyr-base{--ing-pyramid-photo:url('/demo/aurelle/assets/botanical.webp');width:100%;height:126px;clip-path:polygon(17% 0,83% 0,100% 100%,0 100%)}
body[data-page="ingredience"] .ing-pyramid-notes{min-width:0;align-self:center}
body[data-page="ingredience"] .ing-note-tabs{display:flex;gap:0;border-bottom:1px solid #dfd4c4;margin-bottom:18px;justify-content:space-between}
body[data-page="ingredience"] .ing-note-tabs button{position:relative;flex:1;min-width:0;text-align:center;background:transparent;border:0;padding:6px 3px 14px;color:#675b51;letter-spacing:.1em;font-size:11px;font-weight:600}
body[data-page="ingredience"] .ing-note-tabs button:after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:-1px;background:#936a3e;transition:right .3s}
body[data-page="ingredience"] .ing-note-tabs button.is-selected:after{right:0}
body[data-page="ingredience"] .ing-note-tabs button.is-selected{color:#2c251f}
body[data-page="ingredience"] .ing-notes-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:120px}
body[data-page="ingredience"] .ing-note{min-width:0;margin:0}
body[data-page="ingredience"] .ing-note img{width:100%;aspect-ratio:1.22;object-fit:cover;border-radius:7px;box-shadow:0 0 0 1px rgba(148,118,89,.13)}
body[data-page="ingredience"] .ing-note figcaption{display:grid;gap:1px;padding-top:7px}
body[data-page="ingredience"] .ing-note figcaption strong{font-size:11px;color:#28231f;line-height:1.25;font-weight:700}
body[data-page="ingredience"] .ing-note figcaption span{font-size:10px;color:#70665d;line-height:1.35}
body[data-page="ingredience"] .ing-note-description{font-size:13px;line-height:1.6;color:#62564b;margin:14px 0 12px;min-height:64px}
body[data-page="ingredience"] .ing-note-footer{display:flex;align-items:center;justify-content:flex-end;gap:20px;color:#795c40;font-size:10px;letter-spacing:.18em;font-weight:700}
body[data-page="ingredience"] .ing-note-footer>div{display:flex;gap:8px}
body[data-page="ingredience"] .ing-note-footer button{width:35px;height:35px;border:1px solid #cbb79c;border-radius:50%;background:rgba(255,255,255,.5);font-size:22px;display:grid;place-items:center;color:#94744e;line-height:1;transition:background .25s,transform .25s}
body[data-page="ingredience"] .ing-note-footer button:hover{background:#f2e4d4;transform:translateY(-1px)}

/* Section 03 — photographic library */
body[data-page="ingredience"] .ing-icons{background:#fbf8f2;padding:38px 0 46px}
body[data-page="ingredience"] .ing-icons-shell{width:min(1600px,92%);margin:auto}
body[data-page="ingredience"] .ing-icons h2{font-size:clamp(36px,3.2vw,53px);letter-spacing:-.033em;line-height:1;margin:0 0 25px}
body[data-page="ingredience"] .ing-ingredient-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
body[data-page="ingredience"] .ing-ingredient-card{display:block;text-align:left;background:#fffaf4;border:1px solid #eadcc9;min-width:0;padding:0;border-radius:8px;overflow:hidden;color:#24201d;transition:transform .35s,box-shadow .35s,border-color .35s}
body[data-page="ingredience"] .ing-ingredient-card:hover,body[data-page="ingredience"] .ing-ingredient-card.is-open{transform:translateY(-4px);box-shadow:0 12px 32px rgba(73,43,20,.1);border-color:#bc986b}
body[data-page="ingredience"] .ing-ingredient-card>img{width:100%;height:clamp(110px,10.9vw,183px);object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
body[data-page="ingredience"] .ing-ingredient-card:hover>img{transform:scale(1.045)}
body[data-page="ingredience"] .ing-card-caption{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:10px 9px 11px}
body[data-page="ingredience"] .ing-card-caption>span:first-child{display:grid;gap:2px;min-width:0}
body[data-page="ingredience"] .ing-card-caption strong{font:600 clamp(16px,1.45vw,22px)/1.1 'Cormorant Garamond',Georgia,serif;white-space:normal}
body[data-page="ingredience"] .ing-card-caption small{font-size:clamp(9px,.71vw,11px);line-height:1.35;color:#655b51}
body[data-page="ingredience"] .ing-card-plus{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #bda383;border-radius:50%;font-size:19px;line-height:1;font-weight:400;color:#89683e}
body[data-page="ingredience"] .ing-ingredient-card.is-open .ing-card-plus{transform:rotate(45deg)}
body[data-page="ingredience"] .ing-ingredient-detail{position:relative;margin-top:14px;border:1px solid #e5d5c1;padding:15px 48px 15px 19px;background:#f6eee3;border-radius:8px;color:#4b4139}
body[data-page="ingredience"] .ing-ingredient-detail[hidden]{display:none}
body[data-page="ingredience"] .ing-ingredient-detail strong{font:600 23px/1.1 'Cormorant Garamond',Georgia,serif}
body[data-page="ingredience"] .ing-ingredient-detail p{margin:3px 0 0;font-size:13px}
body[data-page="ingredience"] .ing-ingredient-detail button{position:absolute;right:13px;top:9px;border:0;background:transparent;color:#6d533c;font-size:23px}

/* Section 04 — edge-to-edge cinematic journey */
body[data-page="ingredience"] .ing-journey{display:grid;grid-template-columns:37% 63%;width:100%;min-height:282px;background:#3b2a1a;border-top:4px solid #fff9f0}
body[data-page="ingredience"] .ing-journey-lead,body[data-page="ingredience"] .ing-journey-step{background-image:linear-gradient(90deg,rgba(28,17,10,.77) 0%,rgba(40,25,13,.42) 75%),var(--step-photo);background-size:cover;background-position:center;position:relative;overflow:hidden;color:#fff9f0;}
body[data-page="ingredience"] .ing-journey-lead{display:flex;align-items:center;padding:24px 9% 28px 21%}
body[data-page="ingredience"] .ing-journey-lead-copy{position:relative;z-index:1;max-width:440px}
body[data-page="ingredience"] .ing-journey .ing-eyebrow{color:#e1c39a;margin-bottom:9px}
body[data-page="ingredience"] .ing-journey h2{color:#fff8ed;font-size:clamp(34px,3vw,51px);margin:0 0 9px;line-height:1.05;letter-spacing:-.027em}
body[data-page="ingredience"] .ing-journey-lead p{font-size:clamp(12px,.95vw,14px);line-height:1.55;color:#f4e7d8;margin:0 0 15px}
body[data-page="ingredience"] .ing-journey-lead .ing-button{min-height:40px;padding:0 13px;font-size:9px;gap:12px}
body[data-page="ingredience"] .ing-journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-width:0;background:#f6ede2}
body[data-page="ingredience"] .ing-journey-step{display:flex;align-items:flex-end;min-height:282px;background-image:linear-gradient(180deg,rgba(26,15,7,.1),rgba(22,14,8,.82)),var(--step-photo);transition:filter .28s}
body[data-page="ingredience"] .ing-journey-step:hover{filter:brightness(1.12)}
body[data-page="ingredience"] .ing-step-content{padding:16px 12px 23px;position:relative;z-index:1}
body[data-page="ingredience"] .ing-step-content>span{font:600 clamp(22px,2vw,35px)/1 'Cormorant Garamond',Georgia,serif}
body[data-page="ingredience"] .ing-step-content h3{font:600 clamp(18px,1.7vw,26px)/1.05 'Cormorant Garamond',Georgia,serif;margin:6px 0 4px;color:#fff}
body[data-page="ingredience"] .ing-step-content p{font-size:clamp(9px,.74vw,11px);color:#f0e0ca;margin:0;line-height:1.4}

@media(max-width:1150px){
 body[data-page="ingredience"] .ing-pyramid-layout{width:94%;grid-template-columns:minmax(0,.94fr) minmax(0,.93fr) minmax(0,1fr);gap:18px}
 body[data-page="ingredience"] .ing-pyramid-intro h2{font-size:46px}
 body[data-page="ingredience"] .ing-pyramid-intro p{font-size:13px}
 body[data-page="ingredience"] .ing-pyr-head{height:93px}
 body[data-page="ingredience"] .ing-pyr-heart{height:104px}
 body[data-page="ingredience"] .ing-pyr-base{height:112px}
 body[data-page="ingredience"] .ing-icons-shell{width:94%}
 body[data-page="ingredience"] .ing-ingredient-grid{gap:9px}
 body[data-page="ingredience"] .ing-journey-lead{padding-left:8%;padding-right:6%}
}
@media(max-width:800px){
 body[data-page="ingredience"] .ing-hero{height:665px;min-height:610px}
 body[data-page="ingredience"] .ing-hero-photo img{object-position:58% center}
 body[data-page="ingredience"] .ing-hero-shade{background:linear-gradient(180deg,rgba(249,245,239,.91) 0%,rgba(249,245,239,.78) 36%,rgba(249,245,239,.05) 80%)}
 body[data-page="ingredience"] .ing-hero-copy{top:140px;left:6%;width:88%;transform:none}
 body[data-page="ingredience"] .ing-hero h1{font-size:clamp(50px,8.6vw,76px);max-width:610px;margin-bottom:16px}
 body[data-page="ingredience"] .ing-hero-copy p{max-width:510px;font-size:14px;margin-bottom:18px}
 body[data-page="ingredience"] .ing-hero-seal{width:115px;top:auto;bottom:22px;right:5%}
 body[data-page="ingredience"] .ing-hero-seal span{font-size:7px}
 body[data-page="ingredience"] .ing-pyramid-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;padding:45px 0}
 body[data-page="ingredience"] .ing-pyramid-intro{grid-column:1 / -1}
 body[data-page="ingredience"] .ing-pyramid-intro p{max-width:650px}
 body[data-page="ingredience"] .ing-ingredient-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-page="ingredience"] .ing-ingredient-card>img{height:155px}
 body[data-page="ingredience"] .ing-journey{grid-template-columns:1fr}
 body[data-page="ingredience"] .ing-journey-lead{min-height:275px;padding:30px 5%}
 body[data-page="ingredience"] .ing-journey-step{min-height:215px}
}
@media(max-width:540px){
 body[data-page="ingredience"] .ing-hero{height:665px;min-height:0}
 body[data-page="ingredience"] .ing-hero-photo img{object-position:59% center}
 body[data-page="ingredience"] .ing-hero-copy{top:132px;left:6%;width:88%}
 body[data-page="ingredience"] .ing-hero h1{font-size:clamp(48px,11.5vw,63px);line-height:.92;letter-spacing:-.052em}
 body[data-page="ingredience"] .ing-hero-copy p{font-size:13px;line-height:1.55;max-width:310px}
 body[data-page="ingredience"] .ing-hero-copy .ing-eyebrow{font-size:9px}
 body[data-page="ingredience"] .ing-hero-copy .ing-button{font-size:9px;gap:12px;padding:0 12px;min-height:44px}
 body[data-page="ingredience"] .ing-hero-seal{width:92px;right:5%;bottom:16px}
 body[data-page="ingredience"] .ing-hero-seal span{font-size:6px;line-height:1.7}
 body[data-page="ingredience"] .ing-pyramid-layout{grid-template-columns:1fr;gap:23px;width:90%;padding:36px 0 34px}
 body[data-page="ingredience"] .ing-pyramid-intro h2{font-size:47px}
 body[data-page="ingredience"] .ing-pyramid-intro p{line-height:1.65}
 body[data-page="ingredience"] .ing-pyramid-art{max-width:340px;margin:0 auto}
 body[data-page="ingredience"] .ing-pyr-head{height:86px}
 body[data-page="ingredience"] .ing-pyr-heart{height:98px}
 body[data-page="ingredience"] .ing-pyr-base{height:108px}
 body[data-page="ingredience"] .ing-pyramid-notes{width:100%}
 body[data-page="ingredience"] .ing-note-description{min-height:0}
 body[data-page="ingredience"] .ing-icons{padding:34px 0}
 body[data-page="ingredience"] .ing-icons-shell{width:90%}
 body[data-page="ingredience"] .ing-icons h2{font-size:40px;line-height:1.05;margin-bottom:19px}
 body[data-page="ingredience"] .ing-ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 body[data-page="ingredience"] .ing-ingredient-card>img{height:125px}
 body[data-page="ingredience"] .ing-card-caption{padding:10px 9px}
 body[data-page="ingredience"] .ing-card-caption strong{font-size:20px}
 body[data-page="ingredience"] .ing-card-caption small{font-size:10px}
 body[data-page="ingredience"] .ing-journey-lead{min-height:245px}
 body[data-page="ingredience"] .ing-journey h2{font-size:42px}
 body[data-page="ingredience"] .ing-journey-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
 body[data-page="ingredience"] .ing-journey-step{min-height:205px}
 body[data-page="ingredience"] .ing-step-content{padding:13px}
 body[data-page="ingredience"] .ing-step-content h3{font-size:23px}
}
@media(max-width:350px){
 body[data-page="ingredience"] .ing-hero h1{font-size:45px}
 body[data-page="ingredience"] .ing-hero-copy p{max-width:250px}
 body[data-page="ingredience"] .ing-ingredient-card>img{height:105px}
 body[data-page="ingredience"] .ing-note figcaption strong{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="ingredience"] .ing-button,body[data-page="ingredience"] .ing-ingredient-card,body[data-page="ingredience"] .ing-ingredient-card>img,body[data-page="ingredience"] .ing-pyr-layer{transition:none!important;transform:none!important}
}


/* AURELLE v2.79 — cinematic story page and mobile ingredient choreography */
body[data-page="o-znacce"]{background:#f9f5ef}
body[data-page="o-znacce"] .st-page{overflow:clip}
.st-page .st-kicker{display:inline-flex;align-items:center;gap:14px;color:#94714d;font:700 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.22em}
.st-page .st-dash{display:inline-block;width:30px;height:1px;background:#ab8b66}
.st-page h1,.st-page h2,.st-page h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.048em}
.st-page em{font-style:italic;font-weight:400}
.st-page .st-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:52px;padding:0 22px;border:1px solid #a78057;font:700 10px/1.2 Manrope,Arial,sans-serif;letter-spacing:.14em;transition:background .3s,transform .3s,box-shadow .3s}
.st-page .st-btn:hover{transform:translateY(-3px);box-shadow:0 14px 24px rgba(106,76,46,.14)}
.st-page .st-btn span{font-size:18px;font-weight:400}
.st-page .st-btn-filled{color:#fff;background:linear-gradient(125deg,#967047,#ae8759)}
.st-page .st-text-link{font:700 11px/1.2 Manrope,Arial,sans-serif;color:#795b3b;letter-spacing:.15em;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #ad8d6a;padding-bottom:9px;transition:gap .25s}
.st-page .st-text-link:hover{gap:39px}
/* Hero editorial split */
.st-hero{position:relative;height:min(850px,calc(100svh - 27px));min-height:660px;overflow:hidden;background:#eadbc8;isolation:isolate}
.st-hero-landscape{position:absolute;inset:0;z-index:-3;background-image:url('/demo/aurelle/assets/terrace.webp');background-position:center 46%;background-size:cover;filter:saturate(.76) sepia(.08)}
.st-hero-portrait{position:absolute;z-index:-2;inset:0 0 0 auto;width:54%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 27%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%)}
.st-hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 32%;transform:scale(1.035);animation:stHeroImage 11s cubic-bezier(.18,.65,.22,1) both}
.st-hero-veil{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(250,246,238,.98) 0%,rgba(250,246,238,.95) 27%,rgba(250,246,238,.72) 44%,rgba(250,246,238,.08) 69%,rgba(250,246,238,0) 100%)}
.st-hero-content{position:absolute;top:47%;left:max(7.6%,calc((100vw - 1570px)/2));width:min(790px,58%);transform:translateY(-42%)}
.st-hero-content h1{font-size:clamp(90px,8vw,149px);line-height:.82;margin:20px 0 27px;color:#29221d}
.st-hero-content h1 em{color:#866241}
.st-hero-content p{max-width:490px;font-size:clamp(16px,1.18vw,19px);line-height:1.8;margin:0 0 34px;color:#554d43}
.st-hero-bottom{position:absolute;bottom:28px;left:7.6%;right:7.6%;display:flex;justify-content:space-between;color:#675b4c;letter-spacing:.19em;font:700 10px Manrope,Arial,sans-serif}
.st-hero-bottom b{font-size:23px;font-weight:400;vertical-align:-5px;margin-left:14px}
.st-hero .st-hero-entrance{animation:stEntrance 1.3s .15s both}
@keyframes stEntrance{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes stHeroImage{from{transform:scale(1.10) translateY(15px)}to{transform:scale(1.035) translateY(0)}}
/* Manifest */
.st-manifest{position:relative;min-height:570px;padding:110px 24px 100px;background:#faf7f2;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.st-manifest:before,.st-manifest:after{content:'';position:absolute;width:500px;height:500px;border:1px solid rgba(176,141,103,.10);border-radius:50%;pointer-events:none}
.st-manifest:before{left:-280px;top:-300px}.st-manifest:after{right:-300px;bottom:-350px}
.st-manifest-ornament{font:italic 190px/.8 'Cormorant Garamond',Georgia,serif;color:rgba(171,137,94,.075);position:absolute;top:34px;left:50%;transform:translateX(-50%);pointer-events:none}
.st-manifest h2{font-size:clamp(51px,5.2vw,85px);line-height:1.08;margin:31px auto 25px;max-width:1050px}
.st-manifest h2 em{color:#a1815f}
.st-gold-line{height:1px;width:80px;background:#b69b77;display:block;margin:0 auto 26px}
.st-manifest p{font-size:15px;max-width:640px;line-height:1.85;margin:0 auto 29px}
.st-manifest-signature{font-size:9px;letter-spacing:.24em;color:#91785e;font-weight:700}
/* Art of perfume */
.st-craft{display:grid;grid-template-columns:49% 51%;min-height:620px;background:#eee4d8}
.st-craft-media{position:relative;min-height:600px;overflow:hidden}
.st-craft-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform 1.6s ease}
.st-craft-media:hover img{transform:scale(1.025)}
.st-media-stamp{position:absolute;bottom:34px;left:7.5%;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.28em;color:#fff;text-shadow:0 2px 8px rgba(30,20,12,.44)}
.st-craft-copy{padding:90px max(9%,calc((100vw - 1480px)/3)) 90px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.st-chapter{display:flex;gap:13px;align-items:center;color:#94714d;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.2em}
.st-chapter i{width:39px;height:1px;background:#b69879}
.st-craft-copy h2{font-size:clamp(56px,5.3vw,90px);line-height:.99;margin:28px 0 23px}
.st-craft-copy h2 em{color:#977450}
.st-craft-copy p{font-size:16px;max-width:510px;line-height:1.85;margin:0 0 17px}
.st-craft-copy .st-text-link{margin-top:22px}
/* Pillars */
.st-pillars{padding:95px max(5%,calc((100vw - 1580px)/2)) 120px;background:#fbf8f3}
.st-pillars-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:0 0 35px}
.st-pillars-heading h2{font-size:clamp(54px,5.4vw,91px);margin:10px 0 0}
.st-pillars-heading h2 em{color:#99724e}
.st-pillars-heading p{max-width:280px;font-size:14px;line-height:1.8;margin:0 0 10px}
.st-pillars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.st-pillar{height:clamp(395px,38vw,540px);position:relative;overflow:hidden;isolation:isolate;background:#765139}
.st-pillar:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,20,14,.22),transparent 30%,transparent 40%,rgba(30,19,13,.82));z-index:-1}
.st-pillar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform 1.15s cubic-bezier(.2,.72,.2,1)}
.st-pillar:hover img{transform:scale(1.065)}
.st-pillar-number{position:absolute;top:23px;left:25px;color:#fff;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.22em;text-shadow:0 1px 8px #0005}
.st-pillar-caption{position:absolute;bottom:32px;left:25px;right:25px;color:#fff}
.st-pillar h3{font-size:clamp(39px,3.15vw,55px);margin:0 0 9px;color:#fff;line-height:1}
.st-pillar p{font-size:13px;color:#f0e3d6;margin:0}
/* Quiet cinematic interlude */
.st-film{height:clamp(490px,48vw,720px);position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;text-align:center;background:#66513e}
.st-film-photo{position:absolute;inset:-25px;z-index:-2;background-image:url('/demo/aurelle/assets/hero-ombre-v238-desktop.webp');background-size:cover;background-position:center 52%;transform:scale(1.08);transition:transform 1.5s}
.st-film-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(34,20,10,.70),rgba(34,20,10,.38) 60%,rgba(34,20,10,.53))}
.st-film-content{padding:30px;max-width:1000px}
.st-film-content .st-kicker{color:#e4cba7}
.st-film-content h2{font-size:clamp(60px,7.6vw,123px);line-height:.99;color:#fff8ee;margin:26px 0 25px}
.st-film-content p{color:#e8d9c8;font-size:17px;margin:0}
.st-film-side{position:absolute;bottom:27px;right:4%;color:#f1e1cc;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.24em}
/* Invitation */
.st-ending{display:grid;grid-template-columns:1fr 1fr;background:#f7f0e8;align-items:center;min-height:580px;gap:0}
.st-ending-copy{padding:90px 7% 90px max(10%,calc((100vw - 1540px)/2));}
.st-ending h2{font-size:clamp(59px,5.4vw,92px);line-height:.97;margin:22px 0 24px}
.st-ending h2 em{color:#9a7651}
.st-ending p{max-width:460px;font-size:16px;line-height:1.85;margin:0 0 33px}
.st-ending-photo{height:580px;position:relative;overflow:hidden;background:#e8dcca}
.st-ending-photo img{width:100%;height:100%;object-fit:cover;object-position:56% 50%;transition:transform 1.4s}
.st-ending-photo:hover img{transform:scale(1.035)}
.st-ending-photo span{position:absolute;bottom:24px;right:28px;color:#5c4533;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.19em}
/* Story scroll reveals remain visible without JS */
body[data-page="o-znacce"].st-motion-ready .st-motion{opacity:0;transform:translate3d(0,34px,0);transition:opacity 1.05s cubic-bezier(.18,.68,.22,1),transform 1.1s cubic-bezier(.18,.68,.22,1)}
body[data-page="o-znacce"].st-motion-ready .st-motion.is-awake{opacity:1;transform:translate3d(0,0,0)}
.st-pillars-grid .st-pillar:nth-child(2){transition-delay:.13s}.st-pillars-grid .st-pillar:nth-child(3){transition-delay:.26s}
@media(max-width:1050px){
 .st-hero-content h1{font-size:clamp(70px,8vw,92px)}.st-hero-portrait{width:58%}
 .st-craft-copy{padding:65px 8%}.st-craft-copy h2{font-size:63px}
 .st-ending-copy{padding:65px 8%}.st-ending h2{font-size:62px}
}
@media(max-width:760px){
 .st-hero{height:790px;min-height:760px;max-height:none}
 .st-hero-landscape{background-position:58% center}
 .st-hero-portrait{width:100%;height:64%;top:auto;bottom:0;mask-image:linear-gradient(180deg,transparent,#000 26%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 26%)}
 .st-hero-portrait img{object-position:center 35%;}
 .st-hero-veil{background:linear-gradient(180deg,rgba(249,245,238,.96) 0%,rgba(249,245,238,.93) 34%,rgba(249,245,238,.55) 53%,rgba(249,245,238,0) 79%)}
 .st-hero-content{top:185px;left:6%;right:6%;width:auto;transform:none}
 .st-hero-content h1{font-size:clamp(61px,12.7vw,91px);line-height:.91;margin:17px 0 18px}
 .st-hero-content p{font-size:14px;line-height:1.7;max-width:365px;margin-bottom:23px}
 .st-hero-bottom{bottom:19px;left:6%;right:6%;font-size:9px;color:#fff9ee;text-shadow:0 2px 6px #44362a9c}
 .st-hero-bottom b{font-size:18px}
 .st-manifest{min-height:480px;padding:75px 6%}
 .st-manifest h2{font-size:clamp(43px,8.5vw,65px);margin:22px auto}
 .st-manifest p{font-size:14px;line-height:1.7}
 .st-craft{grid-template-columns:1fr}
 .st-craft-media{height:410px;min-height:410px}
 .st-craft-media img{object-position:center 47%}
 .st-craft-copy{padding:60px 7% 70px}
 .st-craft-copy h2{font-size:clamp(58px,11vw,78px)}
 .st-craft-copy p{font-size:15px;line-height:1.75}
 .st-pillars{padding:70px 5% 80px}
 .st-pillars-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:25px}
 .st-pillars-heading h2{font-size:clamp(56px,10vw,78px)}
 .st-pillars-heading p{font-size:13px;max-width:340px}
 .st-pillars-grid{grid-template-columns:1fr;gap:12px}
 .st-pillar{height:360px}
 .st-pillar h3{font-size:48px}
 .st-film{height:525px}
 .st-film-photo{background-position:67% center}
 .st-film-content h2{font-size:clamp(53px,10vw,78px)}
 .st-film-content p{font-size:14px}
 .st-film-side{font-size:9px;right:5%}
 .st-ending{grid-template-columns:1fr}
 .st-ending-copy{padding:72px 7%}
 .st-ending h2{font-size:clamp(53px,10.6vw,76px)}
 .st-ending-photo{height:380px}
 .st-page .st-btn{min-height:49px;font-size:10px;padding:0 18px}
}
@media(max-width:400px){.st-hero{height:765px}.st-hero-content h1{font-size:58px}.st-manifest h2{font-size:43px}.st-hero-bottom{font-size:8px}.st-craft-media{height:345px;min-height:345px}}
/* Ingredients: mobile interactive cinematic sequences, no layout shift or intrusive looping */
body[data-page="ingredience"] .ing-hero-photo img{will-change:auto}
body[data-page="ingredience"] .ing-pyr-layer.is-selected:after{background:linear-gradient(150deg,rgba(255,255,255,.32),rgba(210,161,88,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
body[data-page="ingredience"] .ing-ingredient-card.is-open .ing-card-plus{transform:rotate(45deg);transition:transform .4s ease}
body[data-page="ingredience"] .ing-read-progress{position:fixed;z-index:70;left:0;top:0;transform-origin:left center;width:100%;height:2px;background:linear-gradient(90deg,#e2c294,#997148);transform:scaleX(0);pointer-events:none;opacity:.95}
@media(max-width:760px){
 body[data-page="ingredience"].ing-motion-ready .ing-motion{opacity:0;transform:translate3d(0,38px,0) scale(.975);transition:opacity .85s cubic-bezier(.2,.68,.2,1),transform 1.05s cubic-bezier(.2,.68,.2,1)}
 body[data-page="ingredience"].ing-motion-ready .ing-motion.is-awake{opacity:1;transform:translate3d(0,0,0) scale(1)}
 body[data-page="ingredience"] .ing-ingredient-card:nth-child(2n){transition-delay:.10s}
 body[data-page="ingredience"] .ing-journey-step:nth-child(2){transition-delay:.10s}
 body[data-page="ingredience"] .ing-journey-step:nth-child(3){transition-delay:.08s}
 body[data-page="ingredience"] .ing-journey-step:nth-child(4){transition-delay:.18s}
 body[data-page="ingredience"] .ing-hero-photo{overflow:hidden}
 body[data-page="ingredience"] .ing-hero-photo img{transform:translate3d(0,var(--ing-photo-drift,0px),0) scale(1.075);transform-origin:center center}
 body[data-page="ingredience"] .ing-hero-entrance{animation:ingHeroArrival 1.25s cubic-bezier(.18,.72,.17,1) both}
 body[data-page="ingredience"] .ing-hero-seal{animation:ingHeroArrival 1.55s .26s both,ingSealBreath 8s 2s ease-in-out infinite}
 body[data-page="ingredience"] .ing-hero-copy .ing-eyebrow{animation:ingGoldLetter 1.3s .3s both}
 body[data-page="ingredience"] .ing-pyr-layer{transition:filter .35s,transform .43s cubic-bezier(.18,.72,.2,1)}
 body[data-page="ingredience"] .ing-pyr-layer.is-selected{filter:saturate(1.2) brightness(1.045);transform:translateY(-3px) scale(1.02)}
 body[data-page="ingredience"] .ing-pyr-layer:before{transition:transform .9s cubic-bezier(.18,.72,.2,1)}
 body[data-page="ingredience"] .ing-note{animation:ingNoteFloat .58s cubic-bezier(.19,.72,.2,1) both}
 body[data-page="ingredience"] .ing-note:nth-child(2){animation-delay:.065s}
 body[data-page="ingredience"] .ing-note:nth-child(3){animation-delay:.13s}
 body[data-page="ingredience"] .ing-note:nth-child(4){animation-delay:.195s}
 body[data-page="ingredience"] .ing-note-description{animation:ingNoteFloat .64s ease both}
 body[data-page="ingredience"] .ing-ingredient-card:active{transform:scale(.975);transition-duration:.18s}
 body[data-page="ingredience"] .ing-ingredient-card.is-open{border-color:#a57a50;box-shadow:0 14px 30px rgba(91,58,29,.12)}
 body[data-page="ingredience"] .ing-ingredient-detail:not([hidden]){animation:ingNoteFloat .55s ease both}
 body[data-page="ingredience"] .ing-journey-step.is-awake:after{animation:ingJourneySheen 1.15s .4s ease-out 1}
 body[data-page="ingredience"] .ing-journey-step{overflow:hidden}
 body[data-page="ingredience"] .ing-journey-step:after{content:'';position:absolute;inset:-80%;background:linear-gradient(108deg,transparent 45%,rgba(255,237,195,.14) 50%,transparent 55%);pointer-events:none;transform:translateX(-65%);}
}
@keyframes ingHeroArrival{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ingGoldLetter{from{opacity:0;letter-spacing:.38em}to{opacity:1;letter-spacing:.21em}}
@keyframes ingSealBreath{0%,100%{box-shadow:0 0 0 1px rgba(87,65,43,.1) inset}50%{box-shadow:0 0 0 1px rgba(87,65,43,.18) inset,0 0 30px rgba(255,249,227,.32)}}
@keyframes ingNoteFloat{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes ingJourneySheen{from{transform:translateX(-65%)}to{transform:translateX(65%)}}
@media(prefers-reduced-motion:reduce){
 body[data-page="o-znacce"] .st-motion,body[data-page="ingredience"] .ing-motion{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
 .st-hero-portrait img,.st-page .st-hero-entrance,body[data-page="ingredience"] .ing-hero-entrance,body[data-page="ingredience"] .ing-hero-seal,body[data-page="ingredience"] .ing-note,body[data-page="ingredience"] .ing-note-description{animation:none!important;transform:none!important;transition:none!important}
 body[data-page="ingredience"] .ing-hero-photo img{transform:none!important}
}

/* Final mobile refinements: cards expand across both columns, measured HERO entrance */
@media (max-width:760px){
  body[data-page="ingredience"] .ing-ingredient-grid > .ing-ingredient-detail{grid-column:1/-1;width:100%;margin:2px 0 12px;min-width:0}
  .st-hero-content > .st-kicker{animation:stHeroText 1s .1s both}
  .st-hero-content > h1{animation:stHeroText 1.15s .18s both}
  .st-hero-content > p{animation:stHeroText 1.2s .34s both}
  .st-hero-content > .st-btn{animation:stHeroText 1.2s .5s both}
}
@keyframes stHeroText{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.st-hero-content > *{animation:none!important}}


/* v2.80 — AURELLE Ingredience: layered cinematic entrances on desktop & mobile */
/* The initial state is enabled ONLY after JS has installed IntersectionObserver.
   No-JS pages and reduced-motion devices show normal static content. */
body[data-page="ingredience"].ing-cinema-ready [data-ing-enter]{
  opacity:0;
  translate:0 60px;
  scale:.976;
  filter:blur(2.5px);
  transition:opacity 1.05s cubic-bezier(.19,.75,.20,1),
             translate 1.24s cubic-bezier(.16,.8,.16,1),
             scale 1.28s cubic-bezier(.16,.8,.16,1),
             filter 1.02s ease;
  transition-delay:var(--ing-delay,0ms);
}
body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="left"]{translate:-75px 10px}
body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="right"]{translate:72px 8px}
body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="up"]{translate:0 78px}
body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="pyramid"]{translate:0 50px;scale:.90;filter:blur(4px)}
body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="card"]{translate:0 62px;scale:.92;filter:blur(4px)}
body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="step"]{translate:0 45px;scale:.95;filter:brightness(.67) blur(3px)}
body[data-page="ingredience"].ing-cinema-ready [data-ing-enter].ing-in-view{
  opacity:1;
  translate:0 0;
  scale:1;
  filter:none;
}
/* Keep the hero copy positioned by layout rather than the old single group animation. */
body[data-page="ingredience"] .ing-hero-copy.ing-hero-entrance{animation:none}
body[data-page="ingredience"].ing-cinema-ready .ing-hero-photo[data-ing-enter="photo"]{
  opacity:.48;clip-path:inset(0 0 0 19%);
  translate:0 0;scale:1;filter:brightness(1.09);
  transition:opacity 1.9s ease,clip-path 2s cubic-bezier(.15,.75,.15,1),filter 1.6s ease;
}
body[data-page="ingredience"].ing-cinema-ready .ing-hero-photo[data-ing-enter="photo"].ing-in-view{
  opacity:1;clip-path:inset(0 0 0 0);filter:none;
}
/* Static notes are revealed on scroll; dynamically swapped notes retain the original switch animation. */
body[data-page="ingredience"].ing-cinema-ready .ing-note[data-ing-enter],
body[data-page="ingredience"].ing-cinema-ready .ing-note-description[data-ing-enter]{animation:none}
/* Cinematic visual details: decorative rules appear as sections come into view. */
body[data-page="ingredience"] .ing-pyramid-layout{position:relative}
body[data-page="ingredience"] .ing-pyramid-layout:before{
  content:'';position:absolute;top:19px;left:0;width:68px;height:1px;
  background:linear-gradient(90deg,#b9976a,#d9c3a7);
  transform-origin:left center;transform:scaleX(0);opacity:0;
  transition:transform 1.25s .25s ease,opacity .6s .25s ease;pointer-events:none;
}
body[data-page="ingredience"] .ing-pyramid-band.ing-section-in .ing-pyramid-layout:before{transform:scaleX(1);opacity:1}
body[data-page="ingredience"] .ing-icons h2{position:relative;width:max-content;max-width:100%}
body[data-page="ingredience"] .ing-icons h2:after{content:'';display:block;width:58px;height:1px;background:#b89365;margin-top:12px;transform:scaleX(0);transform-origin:left;transition:transform 1.3s .4s cubic-bezier(.15,.75,.15,1)}
body[data-page="ingredience"] .ing-icons.ing-section-in h2:after{transform:scaleX(1)}
/* Each photo unfurls after its card, then retains the existing gold hover behavior. */
body[data-page="ingredience"].ing-cinema-ready .ing-ingredient-card[data-ing-enter="card"]>img{
  transform:scale(1.11);filter:saturate(.75) brightness(1.10);
  transition:transform 1.6s cubic-bezier(.15,.75,.15,1),filter 1.5s ease;
}
body[data-page="ingredience"].ing-cinema-ready .ing-ingredient-card[data-ing-enter="card"].ing-in-view>img{transform:scale(1);filter:none}
body[data-page="ingredience"].ing-cinema-ready .ing-ingredient-card.ing-in-view:hover>img{transform:scale(1.065)}
body[data-page="ingredience"].ing-cinema-ready .ing-ingredient-card[data-ing-enter="card"] .ing-card-caption{
  opacity:0;translate:0 12px;
  transition:opacity .7s .22s ease,translate .8s .22s cubic-bezier(.18,.7,.2,1);
}
body[data-page="ingredience"].ing-cinema-ready .ing-ingredient-card[data-ing-enter="card"].ing-in-view .ing-card-caption{opacity:1;translate:0 0}
/* The photostrip gets a softer staggered unveiling, plus a one-time light sweep. */
body[data-page="ingredience"] .ing-journey-step.ing-in-view:after{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,235,196,.17) 50%,transparent 66%);
  transform:translateX(-120%);
  animation:ing280Sweep 1.6s var(--ing-sweep-delay,.6s) ease-out both;
}
@keyframes ing280Sweep{to{transform:translateX(125%)}}
/* Finishing touches for pyramid & note selection. */
body[data-page="ingredience"] .ing-pyr-layer.ing-in-view:before{animation:ing280PyramidImage 2s ease both}
@keyframes ing280PyramidImage{from{filter:brightness(1.2) saturate(.7)}to{filter:none}}
body[data-page="ingredience"] .ing-note-tabs button:after{transition:right .55s cubic-bezier(.14,.76,.2,1)}
body[data-page="ingredience"] .ing-ingredient-card:focus-visible,
body[data-page="ingredience"] .ing-pyr-layer:focus-visible{outline:2px solid #946b43;outline-offset:3px}
/* Mobile motion is deliberately perceptible, but composited and not endless. */
@media(max-width:760px){
 body[data-page="ingredience"].ing-cinema-ready [data-ing-enter]{
   transition-duration:1.05s,1.18s,1.2s,1s;
 }
 body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="left"]{translate:-48px 14px}
 body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="right"]{translate:45px 14px}
 body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="card"]{translate:0 58px;scale:.89}
 body[data-page="ingredience"].ing-cinema-ready [data-ing-enter="step"]{translate:0 58px;scale:.90}
 body[data-page="ingredience"] .ing-journey-step.ing-in-view:after{opacity:.9}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="ingredience"].ing-cinema-ready [data-ing-enter],
 body[data-page="ingredience"].ing-cinema-ready .ing-ingredient-card[data-ing-enter] > img,
 body[data-page="ingredience"].ing-cinema-ready .ing-ingredient-card[data-ing-enter] .ing-card-caption{
   opacity:1!important;translate:none!important;scale:1!important;filter:none!important;
   transition:none!important;animation:none!important;
 }
 body[data-page="ingredience"].ing-cinema-ready .ing-hero-photo[data-ing-enter]{clip-path:none!important;opacity:1!important}
 body[data-page="ingredience"] .ing-journey-step.ing-in-view:after{animation:none!important;display:none}
}

body[data-page="ingredience"].ing-cinema-ready .ing-hero-copy .ing-eyebrow[data-ing-enter]{animation:none}


/* v2.81 — AURELLE cart editorial redesign · intentionally scoped to the drawer */
body .scrim:not([hidden]){background:rgba(20,14,10,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body .aurelle-cart{
 --ac-ink:#2e261f;--ac-gold:#a67a46;--ac-border:#e7dccd;
 width:min(528px,100%);padding:0;background:#faf7f1;color:var(--ac-ink);
 display:flex;flex-direction:column;box-shadow:-34px 0 100px rgba(20,12,6,.22);
 overflow:hidden;transform:translateX(106%);transition:transform .6s cubic-bezier(.2,.76,.2,1),visibility .6s;
}
body .aurelle-cart.open{transform:translateX(0)}
.aurelle-cart::before{content:"";height:4px;flex:0 0 4px;background:linear-gradient(90deg,#755031,#d6bb8c 53%,#9d754c)}
.aurelle-cart .cart-heading{padding:29px 34px 20px;border-bottom:1px solid var(--ac-border);display:flex;align-items:flex-start;gap:14px;flex:none}
.aurelle-cart .cart-heading-copy{min-width:0;flex:1}
.aurelle-cart .cart-overline{display:block;font:700 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.25em;color:#9c784c}
.aurelle-cart .cart-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(39px,4vw,48px);font-weight:500;line-height:1.04;letter-spacing:-.025em;margin:6px 0 4px;display:flex;align-items:center;gap:13px}
.aurelle-cart .cart-heading p{color:#827568;font-size:12px;margin:0}
.aurelle-cart .cart-count-pill{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border:1px solid #d4b58c;border-radius:50%;font:700 11px Manrope,Arial,sans-serif;color:#8b693e;background:#fffaf3;letter-spacing:0}
.aurelle-cart .cart-icon-btn{background:#fffaf3;border:1px solid #e5d8c7;width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#665547;transition:background .25s,transform .25s,border-color .25s}
.aurelle-cart .cart-icon-btn:hover{background:#f0e5d6;border-color:#c8aa81;transform:rotate(7deg)}
.aurelle-cart .cart-icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.aurelle-cart .cart-shipping{margin:18px 30px 12px;padding:15px 17px 16px;background:linear-gradient(125deg,#f4ebde,#faf5ec);border:1px solid #e7d7c3;border-radius:13px;flex:none;transition:background .35s}
.aurelle-cart .cart-shipping.is-complete{background:linear-gradient(120deg,#f2eadc,#f8f4ea)}
.aurelle-cart .cart-shipping-head{display:flex;align-items:center;gap:13px;min-width:0}
.aurelle-cart .cart-shipping-symbol{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:#fffaf3;color:#92724c;box-shadow:0 1px 4px rgba(75,52,32,.06)}
.aurelle-cart .cart-shipping-symbol svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.aurelle-cart .cart-shipping-head strong{display:block;font:700 12px/1.42 Manrope,Arial,sans-serif;color:#574332}
.aurelle-cart .cart-shipping-head small{display:block;color:#84705d;font:500 11px/1.45 Manrope,Arial,sans-serif;margin-top:2px}
.aurelle-cart .cart-progress{margin:14px 0 0;height:5px;border-radius:20px;overflow:hidden;background:#e4d5c2}
.aurelle-cart .cart-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ac824c,#d1b484);border-radius:inherit;transition:width .8s cubic-bezier(.2,.7,.2,1)}
.aurelle-cart .cart-shipping.is-complete .cart-progress>span{background:linear-gradient(90deg,#8d704b,#bf9a61)}
.aurelle-cart .cart-notice{margin:0 30px 4px;padding:9px 12px;border-radius:8px;flex:none;background:#ede2d2;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#6d5032}
.aurelle-cart .cart-notice button{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#61442b;font-size:11px;font-weight:700;white-space:nowrap;padding:3px}
.aurelle-cart .cart-lines{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:7px 30px 12px;scrollbar-color:#ceb99f transparent;scrollbar-width:thin}
.aurelle-cart .cart-line{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;align-items:start;border:0;border-bottom:1px solid var(--ac-border);padding:18px 0 20px;animation:cartLineArrive .4s ease both}
@keyframes cartLineArrive{from{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.aurelle-cart .cart-line-photo{display:block;width:105px;min-height:134px;overflow:hidden;border-radius:7px;background:#efe4d5;box-shadow:inset 0 0 0 1px rgba(149,115,77,.1)}
.aurelle-cart .cart-line-photo img{display:block;width:100%;height:134px;object-fit:cover;transition:transform .6s}
.aurelle-cart .cart-line-photo:hover img{transform:scale(1.045)}
.aurelle-cart .cart-line-info{min-width:0;flex:unset}
.aurelle-cart .cart-line-intro{display:flex;justify-content:space-between;align-items:start;gap:5px}
.aurelle-cart .cart-line-intro>span{font-size:9px;font-weight:700;letter-spacing:.16em;color:#a38664;padding-top:1px}
.aurelle-cart .cart-remove{padding:0 0 7px 7px;display:grid;place-items:center;align-self:start;color:#8d8074;border:0;background:transparent;opacity:.8}
.aurelle-cart .cart-remove:hover{color:#4a3421;opacity:1}
.aurelle-cart .cart-remove svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.aurelle-cart .cart-line-title{display:block;font:500 29px/.95 'Cormorant Garamond',Georgia,serif;color:#30271f;letter-spacing:-.025em;margin:4px 0 13px}
.aurelle-cart .cart-line-title:hover{color:#946f42}
.aurelle-cart .cart-variant-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}
.aurelle-cart .cart-variant-row label{color:#8a7b69;font-size:10px;display:flex;align-items:center;gap:7px}
.aurelle-cart .cart-variant{appearance:none;-webkit-appearance:none;font:600 11px Manrope,Arial,sans-serif;min-width:76px;padding:8px 21px 8px 10px;color:#67513c;background:#fffaf4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%2390714d' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 5px center;background-size:14px;border:1px solid #d9c7ae;border-radius:7px}
.aurelle-cart .cart-item-price{font:600 17px 'Cormorant Garamond',Georgia,serif;white-space:nowrap;color:#3f3225}
.aurelle-cart .cart-qty-row{display:flex;align-items:center;justify-content:space-between;gap:5px}
.aurelle-cart .cart-qty-row small{color:#8c8072;font-size:10px;white-space:nowrap}
.aurelle-cart .cart-quantity{height:33px;display:flex;align-items:center;border:1px solid #dfd1be;border-radius:7px;background:#fffaf4}
.aurelle-cart .cart-quantity button{font:500 17px Manrope,Arial,sans-serif;color:#695848;border:0;background:transparent;width:33px;height:31px;padding:0;display:grid;place-items:center}
.aurelle-cart .cart-quantity button:hover:not(:disabled){color:#b08247;background:#f5ebdd}
.aurelle-cart .cart-quantity button:disabled{opacity:.3;cursor:not-allowed}
.aurelle-cart .cart-quantity output{text-align:center;width:25px;font:600 12px Manrope,Arial,sans-serif;color:#45372a}
.aurelle-cart .cart-bottom{flex:none;border-top:1px solid var(--ac-border);padding:15px 30px 18px;background:#fbf8f3;box-shadow:0 -8px 22px rgba(74,52,27,.035)}
.aurelle-cart .cart-gift{display:flex;align-items:center;gap:11px;padding-bottom:10px}
.aurelle-cart .cart-gift-crest{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;font:26px 'Cormorant Garamond',serif;color:#a57c4b;background:#f4ecdf;border:1px solid #e3d5c3;border-radius:50%}
.aurelle-cart .cart-gift div{flex:1;min-width:0}
.aurelle-cart .cart-gift strong{display:block;font:600 12px/1.4 Manrope,Arial,sans-serif;color:#594733}
.aurelle-cart .cart-gift small{display:block;font:500 10px/1.4 Manrope,Arial,sans-serif;color:#9c8a76}
.aurelle-cart .cart-gift-check{color:#927448;font-size:16px}
.aurelle-cart .cart-dedication{border-top:1px solid #eadfd3;border-bottom:1px solid #eadfd3}
.aurelle-cart .cart-dedication summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;min-height:36px;padding:8px 0;font:600 11px Manrope,Arial,sans-serif;color:#665748}
.aurelle-cart .cart-dedication summary::-webkit-details-marker{display:none}
.aurelle-cart .cart-dedication summary span:nth-child(1){font-size:10px;color:#9b8b77;font-weight:400}
.aurelle-cart .cart-dedication-chevron{margin-left:auto;font-size:20px;line-height:.7;transition:transform .25s}
.aurelle-cart .cart-dedication[open] .cart-dedication-chevron{transform:rotate(180deg)}
.aurelle-cart .cart-dedication textarea{resize:vertical;width:100%;max-height:85px;min-height:48px;padding:10px;border:1px solid #ded0bf;background:white;border-radius:7px;color:#514236;font-size:12px;outline-offset:2px}
.aurelle-cart .cart-dedication>small{display:block;text-align:right;padding-bottom:6px;font-size:10px;color:#998d7c}
.aurelle-cart .cart-totals{display:grid;gap:8px;padding:13px 0 12px}
.aurelle-cart .cart-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.aurelle-cart .cart-totals>div>span:first-child{color:#817566;font-size:12px}
.aurelle-cart .cart-totals strong{font:500 31px/1 'Cormorant Garamond',Georgia,serif;color:#2c241e;white-space:nowrap}
.aurelle-cart .cart-totals>div>span:last-child{font-size:12px;color:#8c6d45}
.aurelle-cart .cart-review-button{min-height:50px;width:100%;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(120deg,#ac8254,#947045);border:1px solid #9e774c;border-radius:7px;box-shadow:0 8px 18px rgba(125,85,44,.1);font:700 11px Manrope,Arial,sans-serif;letter-spacing:.14em;color:white;transition:background .25s,transform .25s,box-shadow .25s}
.aurelle-cart .cart-review-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.aurelle-cart .cart-review-button:hover:not(:disabled){background:linear-gradient(120deg,#957046,#7e5c37);transform:translateY(-1px);box-shadow:0 12px 25px rgba(125,85,44,.18)}
.aurelle-cart .cart-review-button:disabled{opacity:.44;cursor:not-allowed;box-shadow:none}
.aurelle-cart .cart-continue{margin:12px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;font:500 11px Manrope,Arial,sans-serif;color:#79644d;text-decoration:underline;text-decoration-color:#ceb697;text-underline-offset:5px}
.aurelle-cart .cart-continue:hover{color:#9d713f}
.aurelle-cart .cart-demo-note{margin:9px 0 0;text-align:center;font-size:9px;color:#a3978a;line-height:1.45}
/* Empty bag: no fake purchase, real links and actionable suggestions. */
.aurelle-cart .cart-empty-editorial{padding:19px 3px 16px;text-align:center;color:#453528}
.aurelle-cart .cart-empty-mark{display:grid;place-items:center;margin:0 auto 15px;width:62px;height:62px;border-radius:50%;border:1px solid #d8bf9c;font:44px 'Cormorant Garamond',serif;color:#ba9467;background:linear-gradient(125deg,#f8f1e4,#fffdf8)}
.aurelle-cart .cart-empty-editorial h3{font:500 39px/.94 'Cormorant Garamond',serif;margin:10px 0 13px;letter-spacing:-.02em}
.aurelle-cart .cart-empty-editorial h3 em{font-style:italic;color:#a88052}
.aurelle-cart .cart-empty-editorial>p{max-width:300px;margin:0 auto 17px;color:#776b5f;font-size:12px;line-height:1.7}
.aurelle-cart .cart-empty-link{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #9f8055;padding:0 2px 7px;color:#82633f;font-size:10px;letter-spacing:.12em;font-weight:700}
.aurelle-cart .cart-empty-recs{margin-top:29px;text-align:left}
.aurelle-cart .cart-empty-recs>.cart-overline{margin-bottom:9px}
.aurelle-cart .cart-rec{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #e6dccc}
.aurelle-cart .cart-rec img{width:56px;height:61px;object-fit:cover;border-radius:4px;background:#f0e5d7}
.aurelle-cart .cart-rec div{flex:1;min-width:0}
.aurelle-cart .cart-rec div a{display:block;font:500 22px 'Cormorant Garamond',serif;color:#362a21}
.aurelle-cart .cart-rec small{display:block;font-size:10px;color:#8c7a67}
.aurelle-cart .cart-rec button{width:35px;height:35px;border:1px solid #cdb699;border-radius:50%;background:#fffaf3;color:#987245;font-size:23px;line-height:1}
.aurelle-cart .cart-rec button:hover{background:#ede0cf}
/* Optional illustrative order overview (not a checkout). */
.aurelle-cart .cart-preview{position:absolute;inset:4px 0 0;z-index:4;background:#faf7f1;display:flex;flex-direction:column;overflow-y:auto;padding:30px 32px;animation:cartPreviewEnter .4s ease both}
@keyframes cartPreviewEnter{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
.aurelle-cart .cart-preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--ac-border)}
.aurelle-cart .cart-preview-inner{flex:1;display:flex;flex-direction:column;padding:32px 2px 18px}
.aurelle-cart .cart-preview-emblem{font:54px/.7 'Cormorant Garamond',serif;color:#b28b56;margin-bottom:16px}
.aurelle-cart .cart-preview h3{font-size:52px;line-height:.88;letter-spacing:-.04em;margin:0 0 20px}
.aurelle-cart .cart-preview h3 em{font-style:italic;color:#967447}
.aurelle-cart .cart-preview-inner>p{font-size:13px;line-height:1.7;color:#817266;margin-bottom:28px}
.aurelle-cart .cart-preview-list{border-top:1px solid #e5d7c6;margin-bottom:20px}
.aurelle-cart .cart-preview-item{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e5d7c6;font-size:12px}
.aurelle-cart .cart-preview-item strong{white-space:nowrap;color:#56422e}
.aurelle-cart .cart-preview-total{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #dbbd96;padding-top:17px;font-size:12px;color:#635345}
.aurelle-cart .cart-preview-total strong{font:500 30px 'Cormorant Garamond',serif;color:#2a231c}
.aurelle-cart .cart-preview-shipping{font-size:11px!important;margin:7px 0 12px!important;color:#866b48!important}
.aurelle-cart .cart-preview-note{border-left:2px solid #b28e63;padding:9px 14px;background:#f4ebdc;margin-bottom:15px!important;overflow-wrap:anywhere}
.aurelle-cart .cart-preview-info{background:#f1e6d6;border-radius:9px;padding:16px 17px;font-size:12px;color:#725f4a;line-height:1.65;margin-top:auto}
.aurelle-cart .cart-preview>.cart-review-button{flex:none;margin-top:17px}
@media(max-width:600px){
 body .aurelle-cart{width:100%;max-width:none}
 .aurelle-cart .cart-heading{padding:22px 21px 17px}
 .aurelle-cart .cart-heading h2{font-size:42px}
 .aurelle-cart .cart-shipping{margin:13px 19px 9px;padding:13px 14px}
 .aurelle-cart .cart-notice{margin:0 19px 2px}
 .aurelle-cart .cart-lines{padding:5px 19px 12px}
 .aurelle-cart .cart-bottom{padding:12px 19px max(13px,env(safe-area-inset-bottom))}
 .aurelle-cart .cart-line{grid-template-columns:91px minmax(0,1fr);gap:12px;padding:15px 0 17px}
 .aurelle-cart .cart-line-photo{width:91px;min-height:116px}
 .aurelle-cart .cart-line-photo img{height:116px}
 .aurelle-cart .cart-line-title{font-size:26px}
 .aurelle-cart .cart-variant-row{margin-bottom:7px}
 .aurelle-cart .cart-qty-row{gap:4px}
 .aurelle-cart .cart-gift{padding-bottom:8px}
 .aurelle-cart .cart-preview{padding:22px 20px max(20px,env(safe-area-inset-bottom))}
}
@media(max-height:740px){
 .aurelle-cart .cart-heading{padding-top:14px;padding-bottom:10px}
 .aurelle-cart .cart-shipping{margin-top:9px;margin-bottom:6px;padding-top:9px;padding-bottom:10px}
 .aurelle-cart .cart-bottom{padding-top:9px;padding-bottom:10px}
 .aurelle-cart .cart-gift{padding-bottom:5px}
 .aurelle-cart .cart-totals{padding:8px 0}
 .aurelle-cart .cart-review-button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 body .aurelle-cart, .aurelle-cart .cart-progress>span,.aurelle-cart .cart-line,.aurelle-cart .cart-preview{animation:none!important;transition:none!important}
}

/* The product pages intentionally use z-index:80 on their header.
   All modal panels must sit above that header, including their scrim. */
body .scrim{z-index:130}
body .aurelle-cart{z-index:140}
body .search-layer,body .film-layer{z-index:140}