/* V6: plum is primary; exact brand pink is a small secondary accent, not a page-wide fill.
   Small text is NEVER #F16787 on light, or white/plum on #F16787. See PINK-V6.md. */
:root{--plum:#6A306D;--pink:#F16787;--pink-50:#FDEBEF;--pink-200:#F7B3C3;--pink-ink:#A52A53;--ink:#1F1420;--header-clearance:112px}
body{color:var(--ink)}
h1,h2,h3,.hero h1,.phero h1,.buybox h1,.account-editorial h1,.account-editorial h2,.account-title,.cinema-caption strong{color:var(--plum)}
/* One slim, recognisable brand stripe; no new large saturated blocks. */
.ship,.home-cinematic .ship{background:var(--pink);color:var(--ink)}
.count{background:var(--pink);color:var(--ink)}
/* A deeper pink is necessary: the exact brand pink is only 2.87:1 on cream. */
.cinema-hero h1 .script{color:var(--pink-ink)}
.cinema-light{background:radial-gradient(ellipse at 80% 60%,rgba(241,103,135,.68),transparent 42%),linear-gradient(120deg,transparent 50%,rgba(255,244,239,.7) 70%,transparent 85%)}
.cinema-caption>span:last-child{border-bottom-color:var(--pink-ink)}
.hero-bottom{align-items:center}.cinema-hero .hero-bottom::after{content:'';width:72px;height:1px;background:var(--pink);flex:none}
/* Primary actions remain plum/white. The single gifting action is secondary pink/ink. */
.btn{background:var(--plum);border-color:var(--plum);color:#fff}.btn:hover{background:#542657;border-color:#542657}
.btn.btn--secondary{background:var(--pink);border-color:var(--pink-ink);color:var(--ink)}
.btn.btn--secondary:hover{background:var(--pink-200);border-color:var(--pink-ink);color:var(--ink)}
.add{border-color:var(--pink-ink);color:var(--plum)}.add:hover{background:var(--pink-50);color:var(--plum)}
.link{border-bottom-color:var(--pink-ink)}.link:hover,.text-button:hover{color:var(--pink-ink)}
.nav a:hover{text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:6px;color:var(--plum)}
/* Two quiet editorial surfaces + reusable commerce summary; all their copy stays plum/ink. */
.ritual-section,.latest-journal,.order-card{background:var(--pink-50);color:var(--ink)}
.order-card{border-color:var(--pink-200)}
:is(.ritual-section,.latest-journal,.order-card) :is(p,.small,.lead,.post-meta,.ritual-caption,.ritual-step>span,.prototype-note,.promo-form,.promo-status,.commerce-line p){color:var(--ink)}
:is(.ritual-section,.latest-journal,.order-card) :is(.eyebrow,.link,.post-meta,.summary-toggle){color:var(--plum)}
:is(.ritual-section,.latest-journal,.order-card) .link:hover{color:var(--plum)}
.ritual-step,.latest-journal{border-color:var(--pink-200)}
/* Selected formats have a blush surface and high-contrast plum text; scent colours remain exact. */
.size[aria-pressed=true]{background:var(--pink-50);color:var(--plum);border-color:var(--pink-ink);box-shadow:inset 0 0 0 1px var(--pink-ink)}
.scent-swatch:hover{border-color:var(--pink-ink);box-shadow:0 0 0 2px var(--pink-200)}
.scent-swatch.is-selected{border-color:var(--plum)}
.account-tabs a[aria-current=page]::after{background:var(--pink-ink)}
.checkout-progress li[aria-current=step],.checkout-progress li.done{border-color:var(--pink-ink);color:var(--plum)}
.checkout-progress li[aria-current=step]>span{background:var(--pink-50);color:var(--plum)}
.bar,.shipping-progress>div{background:var(--pink-200)}.bar i,.shipping-progress i,.reading-progress i{background:var(--pink-ink)}
.review{border-left-color:var(--pink)}.article-body blockquote{border-color:var(--pink-200);color:var(--plum)}
.confirmation-check circle{fill:var(--pink);stroke:var(--plum)}.confirmation-check path{stroke:var(--ink)}
/* Keyboard outline stays plum (>3:1); pink is only its supplementary halo. */
:focus-visible,:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--plum);outline-offset:3px;box-shadow:0 0 0 5px var(--pink-200)}
.field input:focus{border-color:var(--pink-ink);outline:1px solid var(--plum);background:var(--pink-50);color:var(--ink)}
.field input:focus+label{color:var(--plum)}
.order-card input{color:var(--ink);background:var(--paper)}.order-card input::placeholder{color:var(--plum);opacity:1}
::selection{background:var(--pink-200);color:var(--ink)}
.footer{background:var(--paper);color:var(--ink);border-top-color:var(--pink)}.footer h2{color:var(--plum)}
/* Responsive root fixes: intrinsic grid widths, anchor clearance and bounded purchase layers. */
.card,.post-card,.buybox,.gallery,.checkout-main,.order-card,.commerce-line>div,.lux-hero__inner>*{min-width:0}
.thumbs{flex-wrap:wrap;max-width:100%}
main[id],main [id],.checkout-step{scroll-margin-top:var(--header-clearance)}
.lock .mbar,.search-open .mbar{visibility:hidden;transform:translateY(120%)}
@media(max-width:959px){:root{--header-clearance:104px}}
@media(max-width:599px){
 :root{--header-clearance:96px}
 /* Separate copy/action and foreground lanes, including short phone viewports. */
 .cinema-hero .hero-copy .lead{max-width:min(26ch,calc(100% - 154px))}
 .cinema-hero .hero-copy .btn{max-width:176px;padding-inline:16px;gap:12px;font-size:11px}
 .cinema-product{width:134px;right:0;bottom:112px}
 .jar-parallax{width:134px;max-width:100%}
 .cinema-caption{width:100%;max-width:100%;padding:8px;gap:7px}
 .cinema-caption strong{font-size:16px;overflow-wrap:normal}
 .cinema-caption>span:first-child{font-size:6px}
 .cinema-caption>span:last-child{font-size:8px}
 .cinema-hero .hero-bottom{align-items:center}
 .cinema-hero .hero-bottom>span{max-width:27ch}
 .cinema-hero .hero-bottom::after{width:48px}
}

/* First scent tooltip is edge-aligned at every breakpoint, not just phones. */
.scent-options:not(.scent-options--compact) .scent-list li:first-child .swatch-tooltip{left:0;transform:translate(0,4px)}
.scent-options:not(.scent-options--compact) .scent-list li:first-child .scent-swatch:is(:hover,:focus-visible) .swatch-tooltip{transform:translate(0,0)}
.order-card .text-button:hover{color:var(--plum)}

.size[aria-pressed=true] small{color:var(--plum)}
.demo,.payment-placeholder{background:var(--pink-50);color:var(--ink)}
.payment-placeholder p,.payment-placeholder .small,.payment-visual span{color:var(--ink)}
.instant-result:is(:hover,[aria-selected=true],:focus-visible){background:var(--pink-50);border-color:var(--pink-ink);color:var(--plum)}
.instant-result:is(:hover,[aria-selected=true],:focus-visible) small{color:var(--ink)}

/* Footer context disables the purchase layer immediately, including during fast scroll/anchor jumps. */
.mbar.at-footer{visibility:hidden;transition:transform .75s var(--motion-ease),visibility 0s}

main:focus-visible{outline:none;box-shadow:none} /* Skip-link landmark, not an interactive control. */

/* Reserve a genuine tooltip lane: scent names never cover the label, price or purchase controls. */
.scent-options{padding-bottom:40px}
.buybox .scent-options{padding-bottom:24px}
.scent-options .swatch-tooltip{top:calc(100% + 6px);bottom:auto}
.card__buy{margin-top:auto}