/* v61 — Phase 1 redesign, direction A (dark luxe). Loaded last (prio 99, dep mlv60). */

/* 1.1 / 1.2 type scale + contrast */
:root{
  --paper:#0E0D0C;--ink:#FAF7F2;--ink-2:#ece5d8;--muted:#cfc6b6;--line-strong:#8a8072;
  --ml61-cream:#F3EDE4;--ml61-black:#0E0D0C;
  --t-base:1.0625rem;--t-sm:1rem;--t-xs:.875rem;
}
body{font-size:var(--t-base);line-height:1.65;color:var(--ink)}
main h1,.ml5-hero__title{font-size:clamp(2.25rem,1.5rem + 2.4vw,3rem);line-height:1.08}
main h2{font-size:clamp(1.75rem,1.3rem + 1.4vw,2.25rem);line-height:1.15}
main h3{font-size:1.5rem;line-height:1.25}
.ml4-kicker,.ml5-notes dt,.ml4-link{font-size:.75rem!important;letter-spacing:.16em;text-transform:uppercase}
.ml4-card__line,.ml5-notes dd,.ml4-acc__body,.ml5-ritual__steps p{color:var(--muted)}

/* 1.7 cream sections (tokens re-scoped so every component flips) */
.ml61-cream{
  --paper:var(--ml61-cream);--paper-2:var(--ml61-cream);--card:#ebe3d6;--ink:#0E0D0C;--ink-2:#2a2520;
  --muted:#4d453b;--line:#d8cdbb;--line-strong:#9c8f7c;--gold:#8a6a2e;
  background:var(--ml61-cream)!important;color:var(--ink)
}
.ml61-cream h2,.ml61-cream h3,.ml61-cream p{color:inherit}
.ml61-cream .ml4-kicker{color:var(--gold)}

/* 1.3 buttons: solid, 48px */
.ml4-btn,.ml61-btn,.single_add_to_cart_button{min-height:48px!important;display:inline-flex!important;align-items:center;justify-content:center;
  padding:0 1.75rem!important;background:var(--ink)!important;color:var(--paper)!important;border:1px solid var(--ink)!important;
  font-family:var(--sans);font-size:.8125rem!important;letter-spacing:.14em;text-transform:uppercase;text-decoration:none!important;border-radius:0;box-shadow:none}
.ml4-btn:hover,.ml61-btn:hover,.single_add_to_cart_button:hover{opacity:.88}
.ml4-btn--line,.ml61-btn-line{background:transparent!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important}
.ml61-btn-line{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 1.25rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none!important;margin-top:auto}
.ml61-btn-line::after{display:none!important}
/* "Choose a scent" is a solid button too (still disabled until a scent is chosen) */
.single_add_to_cart_button.disabled,.single_add_to_cart_button.ml51-needs-choice{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important;opacity:.92!important}
.ml4-pdp__buy .single_add_to_cart_button{width:100%}

/* 1.4 equal-height cards, price + button aligned */
.ml4-grid{align-items:stretch}
.ml4-card{border-top:0!important}
.ml4-card__title{min-height:2.5em}
.ml4-card__foot{border-top:0!important;display:grid!important;grid-template-rows:auto 1.4rem auto;row-gap:.6rem!important;justify-items:stretch!important}
.ml4-card__foot .ml4-price{grid-template-rows:auto!important}
.ml60-anchor{margin:0!important;font-size:.8125rem;letter-spacing:.04em;color:var(--gold);opacity:1;line-height:1.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml4-card__foot .ml61-btn{width:100%;justify-self:stretch!important}
.ml4-card__foot .ml61-btn::after{display:none!important}

/* 1.5 notes: elegant Top / Middle / Dry down (labels + wording unchanged) */
.ml5-notes{border-top:0!important;padding-top:0;gap:.85rem!important}
.ml5-notes div{grid-template-columns:1fr!important;gap:.15rem!important}
.ml5-notes dt{color:var(--gold);font-size:.6875rem!important;letter-spacing:.2em}
.ml5-notes dd{font-family:var(--serif);font-size:1.0625rem;line-height:1.4;color:var(--ink-2)}
.ml5-notes .ml5-notes__family dd{font-style:italic}
.ml51-notes .ml5-notes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}
.ml51-notes .ml5-notes .ml5-notes__family{grid-column:1/-1}

/* 1.6 no empty black blocks: tighter rhythm, images always fill */
.ml4-section,.ml5-ritual,.ml4-craft,.ml60-trade{padding-block:clamp(3.5rem,2.5rem + 3vw,5.5rem)!important}
.ml51-band img,.ml4-craft__media img,.ml61-editorial__media img{width:100%;height:100%;object-fit:cover;display:block}
.ml51-band:empty,.ml4-craft__media:empty{display:none}

/* 2.1 trust strip */
.ml61-trust{padding:.9rem 0;border-bottom:1px solid var(--line)}
.ml61-trust ul{list-style:none;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 2.5rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}
.ml61-trust li{margin:0}

/* editorial cream band */
.ml61-editorial{padding-block:clamp(3.5rem,2.5rem + 3vw,5.5rem)}
.ml61-editorial__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,4vw,4.5rem);align-items:center}
.ml61-editorial__media{margin:0;aspect-ratio:3/2;overflow:hidden}
.ml61-editorial__copy h2{margin:.5rem 0 1.75rem}
.ml61-tagline{font-family:var(--serif);font-size:1.375rem;color:var(--ink)!important;margin:0 0 .75rem}
.ml60-trade{border-top:0}
.ml60-trade p{opacity:1;color:var(--muted)}

/* 1.8 mobile: scent cards one column, image left */
@media (max-width:720px){
  .ml4-scentblocks__list{grid-template-columns:1fr!important;gap:1.75rem!important}
  .ml4-scentblock{display:grid!important;grid-template-columns:38% minmax(0,1fr);column-gap:1rem;align-items:start}
  .ml4-scentblock__img{grid-row:1 / span 3;margin:0}
  .ml4-scentblock>*:not(.ml4-scentblock__img){grid-column:2;min-width:0}
  .ml61-btn-line{width:100%;padding:0 .5rem}
  .ml61-editorial__grid{grid-template-columns:1fr}
  .ml61-trust ul{gap:.35rem 1.25rem;font-size:.6875rem}
  .ml51-notes .ml5-notes{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ml4-card__foot .ml61-btn{font-size:.6875rem!important;padding:0 .5rem!important;letter-spacing:.1em}
  .ml60-anchor{font-size:.75rem;white-space:normal;line-height:1.2rem}
  .ml4-card__foot{grid-template-rows:auto 2.4rem auto}
}

/* 1.9 PDP cleanup: fewer hairlines, quieter meta */
.ml4-pdp .variations,.ml4-pdp .variations td,.ml4-pdp .variations th,.ml4-pdp .variations tr{border:0!important;background:transparent!important}
.ml4-pdp__buy hr,.ml4-pdp .ml51-notes__name{border:0!important}
.ml4-pdp .ml4-acc{border-color:var(--line)!important}
.ml4-pdp .ml4-acc+.ml4-acc{border-top:0!important}
.ml4-pdp .product_meta,.ml4-pdp .sku_wrapper,.ml4-pdp .ml60-meta{font-size:.75rem;letter-spacing:.08em;color:var(--muted);opacity:.85;border:0!important}
.ml4-pdp .sku_wrapper{display:none!important}
