/** Shopify CDN: Minification failed

Line 1491:3 Unexpected "<"

**/
/* Built 2026-10-13 by seo-round3-2026-10-13/extract-round3.js from sections/tlc-nav.liquid for nav_palette=ivory, lv_drawer=true, section sections--16269657112705__tlc-nav. Do not edit by hand: edit the Liquid stylesheet in the section (still the source of truth and the fallback), then rebuild. */
/* ================================================================
   TLC NAV — scoped to #shopify-section-sections--16269657112705__tlc-nav
   Fixed-position drawer elements use IDs: #tlcnOverlay / #tlcnDrawer
   ================================================================ */

#shopify-section-sections--16269657112705__tlc-nav {
  /* TLC 2026-07-08: nav palette is Theme-Editor switchable (setting nav_palette): brown / red / blush / ivory.
     Ivory added 2026-07-08 — the book-literal option: Love White dominant, Ink Black text, gold hairline, burgundy confined to the utility strip only (never a full-bar wash).
     TLC 2026-07-10: default switched red -> ivory for Brand Bible compliance (full-bar red isn't a bible colour; bible caps burgundy at 5%, CTAs only). */--bg:#6E1F2B; --paper:#F8F7F3; --ink:#111111; --soft:rgba(17,17,17,.62); --line:rgba(184,155,94,.45); --acc:#9A7F45; --mega:#EFE9E1; --tile:#FBF9F5;--max:  1380px;--nh:   50px;
  position:sticky; top:0; z-index:200;
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.shopify-section--announcement-bar ~ #shopify-section-sections--16269657112705__tlc-nav {
  top:calc(var(--announcement-bar-is-sticky,0) * var(--announcement-bar-height,0px));
}/* TLC 2026-07-09 — Ivory accent pass, per founder review of the live render:
   1) primary nav-bar links (NEW / BODY CARE / etc.) → gold instead of ink
   2) mega-menu list underline / active-state indicator → gold instead of the
      hardcoded #FFFFFF (invisible against Love White — that's what was
      showing as a faint grey line under the active item)
   3) mega-menu tile cards → gold border, all tile grids
   Scoped to ivory only; brown/red/blush keep their current approved look. */
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt {
  border:1px solid var(--acc);
}/* ── Inner wrapper ── */
#shopify-section-sections--16269657112705__tlc-nav .ni {
  max-width:var(--max); margin:0 auto; padding:0 32px;
  height:var(--nh); display:flex; align-items:center;
  justify-content:space-between; gap:32px;
}

/* ── Logo — hidden on desktop (utility bar has the wordmark) ── */
#shopify-section-sections--16269657112705__tlc-nav .nl {
  display: none;
}
@media(max-width:1024px){
  #shopify-section-sections--16269657112705__tlc-nav .nl {
    display: flex;
    /* TLC 2026-05-19: mirror desktop .tlc-util-logo exactly */
    font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;
    font-weight:700; font-style:normal;
    font-size:14px; letter-spacing:.22em; text-transform:uppercase;
    color:var(--ink); -webkit-text-fill-color:var(--ink);
    text-decoration:none; white-space:nowrap;
    align-items:center;
  }
  #shopify-section-sections--16269657112705__tlc-nav .nl img { height:28px; width:auto; display:block; }
}

/* ── Desktop nav links ── */
#shopify-section-sections--16269657112705__tlc-nav .nls {
  display:flex; align-items:center; list-style:none;
  flex:1; justify-content:flex-start; margin:0; padding:0 12px;
  gap:6px;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-i { position:relative; }
/* TLC 2026-05-18: Rituals-style primary nav — UPPERCASE, weight 600, .16em tracking, pure white at 14px. Reads as a confident, scannable mast nav instead of muted title-case. */
#shopify-section-sections--16269657112705__tlc-nav .ni-i > a {
  display:flex; align-items:center; gap:4px;
  padding:0 12px; height:var(--nh);
  font-size:13px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--ink); font-family:'Hanken Grotesk',sans-serif;
  -webkit-text-fill-color:var(--ink);
  transition:color .2s, opacity .2s; white-space:nowrap; position:relative;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-i > a:hover,
#shopify-section-sections--16269657112705__tlc-nav .ni-i:hover > a { color:var(--ink); -webkit-text-fill-color:var(--ink); opacity:.78; }/* Ivory: gold nav-bar link text, placed after the base rule so it actually wins the cascade (the earlier attempt near the top of this file did not). */
#shopify-section-sections--16269657112705__tlc-nav .ni-i > a {
  color:var(--acc); -webkit-text-fill-color:var(--acc);
}
#shopify-section-sections--16269657112705__tlc-nav .ni-i > a:hover,
#shopify-section-sections--16269657112705__tlc-nav .ni-i:hover > a {
  color:var(--acc); -webkit-text-fill-color:var(--acc); opacity:.78;
}#shopify-section-sections--16269657112705__tlc-nav .ni-i > a .chv {
  display:none; /* Rituals-style: no chevron arrows next to nav labels */
}
#shopify-section-sections--16269657112705__tlc-nav .ni-i:hover > a .chv { transform:rotate(180deg); }
#shopify-section-sections--16269657112705__tlc-nav .ni-i:hover > a::after {
  content:''; position:absolute; bottom:12px; left:22px; right:22px;
  height:1.5px; background:var(--acc); border-radius:0;
}

/* ── Desktop icons ── */
#shopify-section-sections--16269657112705__tlc-nav .nr {
  display:flex; align-items:center; gap:4px; flex-shrink:0;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-ic {
  width:40px; height:40px; display:flex; align-items:center;
  justify-content:center; cursor:pointer; color:var(--soft);
  transition:color .2s; text-decoration:none; position:relative;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-ic:hover { color:var(--ink); }
#shopify-section-sections--16269657112705__tlc-nav .ni-ic svg { width:19px; height:19px; }
#shopify-section-sections--16269657112705__tlc-nav .ni-cc {
  /* TLC 2026-07-12: top -6→-2, right -8→-6 — after the nav row was trimmed to 50px
     the vertically-centred bag icon rose, and the -6px badge poked up into the
     maroon utility bar. Pulling it onto the icon keeps it inside the nav row. */
  position:absolute; top:-2px; right:-6px;
  background:var(--acc); color:#fff; border-radius:50%;
  width:16px; height:16px; font-size:.55rem; font-weight:600;
  display:flex; align-items:center; justify-content:center;
  font-family:'Hanken Grotesk',sans-serif; line-height:1;
}

/* ── NEW link highlight ── */
#shopify-section-sections--16269657112705__tlc-nav .ni-new {
  color: var(--ink) !important;
}

/* ── Inline search form ── */
#shopify-section-sections--16269657112705__tlc-nav .ni-search-form {
  display: flex;
  align-items: center;
  border: 1px solid rgba(200,160,106,.18);
  height: 34px;
  min-width: 180px;
  max-width: 220px;
  transition: border-color .2s;
  margin: 0;
}
/* Minimal underline variant (ref: "I'm looking for…") — hairline underline only,
   magnifier on the left, no box. */
#shopify-section-sections--16269657112705__tlc-nav .ni-search-form--min {
  border: none;
  border-bottom: 1px solid rgba(200,160,106,.35);
  min-width: 220px; max-width: 300px;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-search-form--min:focus-within {
  border-bottom-color: var(--acc);
}
#shopify-section-sections--16269657112705__tlc-nav .ni-search-form--min .ni-search-btn {
  border-left: none; border-right: none;
  padding: 0 8px 0 2px; order: 0;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-search-form--min .ni-search-input {
  order: 1; padding-left: 2px;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-search-input,
#shopify-section-sections--16269657112705__tlc-nav .ni-search-input::-webkit-search-decoration,
#shopify-section-sections--16269657112705__tlc-nav .ni-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-search-form:focus-within {
  border-color: rgba(200,160,106,.45);
}
#shopify-section-sections--16269657112705__tlc-nav .ni-search-input {
  flex: 1;
  background: transparent;
  border: none;
  font-family: 'Fraunces', serif;
  font-style: italic;
  /* TLC 2026-07-12: !important + 12px — the base theme forces search inputs to 16px
     (iOS-zoom guard) which was overriding this and rendering the placeholder oversized.
     Force it back down to the intended small size. */
  font-size: 12px !important;
  color: var(--soft);
  padding: 0 10px;
  outline: none;
  min-width: 0;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-search-input::placeholder {
  color: var(--soft);
}
#shopify-section-sections--16269657112705__tlc-nav .ni-search-btn {
  background: transparent;
  border: none;
  border-left: 1px solid rgba(200,160,106,.15);
  color: var(--soft);
  cursor: pointer;
  padding: 0 10px;
  height: 100%;
  display: flex;
  align-items: center;
  transition: color .2s;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-search-btn:hover { color: var(--acc); }
#shopify-section-sections--16269657112705__tlc-nav .ni-search-btn svg { width: 14px; height: 14px; }

/* TLC 2026-05-18: 'The Love of…' RE-ENABLED as a refined italic accent. Fraunces 400 italic at 16px in warm gold, with a hairline gold divider before it so it reads as a deliberate editorial flourish next to the bold uppercase nav — not as a competing nav link. Wrapping <li> override removed since the link is shown again. */
#shopify-section-sections--16269657112705__tlc-nav .ni-ritual {
  display: inline-flex !important;
  align-items: center;
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  color: var(--acc) !important;
  -webkit-text-fill-color: var(--acc) !important;
  padding-left: 22px !important;
  margin-left: 6px !important;
  position: relative;
  opacity: 1 !important;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-ritual::before {
  content: '';
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background: rgba(184, 155, 94, .35);
}
#shopify-section-sections--16269657112705__tlc-nav .ni-ritual:hover {
  color: #B89B5E !important;
  -webkit-text-fill-color: #B89B5E !important;
  opacity: 1 !important;
}
/* Suppress the white hover underline that the .ni-i:hover > a::after rule would draw beneath the italic flourish — it doesn't belong on a serif accent */
#shopify-section-sections--16269657112705__tlc-nav .ni-i:hover > .ni-ritual::after {
  display: none !important;
}

/* ── Hamburger ── */
#shopify-section-sections--16269657112705__tlc-nav .nb {
  display:none; flex-direction:column; gap:5px; cursor:pointer;
  padding:6px; margin-right:-6px; background:none; border:none;
}
#shopify-section-sections--16269657112705__tlc-nav .nb span {
  display:block; width:22px; height:1.5px;
  background:var(--ink); border-radius:2px;
  transition:transform .3s, opacity .3s;
}

/* ── Mega Menu — left slide-out drawer (desktop, click-triggered) ── */
#shopify-section-sections--16269657112705__tlc-nav .mega {
  position:fixed;
  top:var(--tlcn-top-offset, 108px);
  left:max(0px, calc((100vw - var(--max, 1380px)) / 2));
  width:640px; max-width:96vw;
  height:calc(100vh - var(--tlcn-top-offset, 108px));
  background:var(--mega);
  color:var(--ink);
  box-shadow:24px 0 64px rgba(0,0,0,.45);
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateX(-100%);
  transition:transform .45s cubic-bezier(.32,.72,.24,1), opacity .3s ease, visibility .3s ease;
  z-index:180; /* below header (200) so header stays visible above */
  overflow:hidden;
  display:flex; flex-direction:column;
}
#shopify-section-sections--16269657112705__tlc-nav .mega.open {
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateX(0);
}
/* When closed, the panel is only translated partway off-screen (its `left`
   is centered), leaving an on-screen strip. The child .nt tiles also reset
   pointer-events:auto, so they kept catching clicks over page content even
   while invisible. Force the whole closed subtree to ignore pointer events. */
#shopify-section-sections--16269657112705__tlc-nav .mega:not(.open),
#shopify-section-sections--16269657112705__tlc-nav .mega:not(.open) * {
  pointer-events:none !important;
}
/* ─────────────────────────────────────────────────────────────
   TLC 2026-07-16 — Mega/drawer bottom banner
   .mega is a fixed 640px-wide, full-height flex column. The banner is
   the last child after .mi (flex:1), so it pins to the base of the panel.
   flex-shrink:0 stops it collapsing; it hides on short viewports so the
   nav lists never lose room.
   ───────────────────────────────────────────────────────────── */
#shopify-section-sections--16269657112705__tlc-nav .mega .mega-banner{
  display:block; flex-shrink:0; line-height:0; text-decoration:none;
  border-top:1px solid rgba(255,255,255,.10);
}
#shopify-section-sections--16269657112705__tlc-nav .mega .mega-banner img{ width:100%; height:auto; display:block; }
#shopify-section-sections--16269657112705__tlc-nav .mega .mega-banner:hover img{ opacity:.94; }
@media (max-height:720px){
  #shopify-section-sections--16269657112705__tlc-nav .mega .mega-banner{ display:none; }
}
#tlcnDrawer .tlcn-banner{
  display:block; margin:4px 0 18px; border-radius:10px; overflow:hidden;
  line-height:0; text-decoration:none;
}
#tlcnDrawer .tlcn-banner img{ width:100%; height:auto; display:block; }
#shopify-section-sections--16269657112705__tlc-nav .mi {
  padding:0; flex:1; min-height:0;
  display:grid; grid-template-columns:220px 1fr;
}
/* Inner panes: left = lists, right = tiles. Same dark brown bg throughout. */
#shopify-section-sections--16269657112705__tlc-nav .mega .pg,
#shopify-section-sections--16269657112705__tlc-nav .mega .fg,
#shopify-section-sections--16269657112705__tlc-nav .mega .gg,
#shopify-section-sections--16269657112705__tlc-nav .mega .sg,
#shopify-section-sections--16269657112705__tlc-nav .mega .ag {
  grid-template-columns:1fr !important;
  padding:36px 18px 24px 28px;
  overflow-y:auto;
  background:transparent;
  gap:0 !important;
  align-content:start;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .pf,
#shopify-section-sections--16269657112705__tlc-nav .mega .gf {
  padding:36px 28px 24px 18px;
  overflow:hidden;
  margin-top:0 !important; border-top:none !important;
  background:transparent;
  display:grid;
  grid-template-rows:1fr;
  min-width:0;
}
/* All tile-sets stack in same grid cell — only .active is visible */
#shopify-section-sections--16269657112705__tlc-nav .mega .tile-set {
  grid-row:1; grid-column:1;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .25s ease, visibility .25s ease;
  min-width:0; min-height:0;
  align-content:start;
  display:flex; flex-direction:column;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.15) transparent;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tile-set::-webkit-scrollbar { width:6px; }
#shopify-section-sections--16269657112705__tlc-nav .mega .tile-set::-webkit-scrollbar-thumb {
  background:rgba(255,255,255,.15); border-radius:3px;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tile-set.active {
  opacity:1; visibility:visible; pointer-events:auto;
}
/* Each tile-set has its own eyebrow above its grid */
#shopify-section-sections--16269657112705__tlc-nav .mega .tile-set > .mega-eyebrow {
  margin-bottom:18px;
}
/* Critical: prevent grid items from overflowing their column */
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt { min-width:0; width:100%; }

/* Single-tile feature layout (Hands & Feet, Sunscreen, Baby, Men) */
#shopify-section-sections--16269657112705__tlc-nav .mega .ts-single .tg {
  display:block;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .nt-large {
  aspect-ratio:3/2;
  width:60%; max-width:340px;
  border-radius:2px;
  background-color:var(--tile);
  background-image:linear-gradient(160deg, rgba(255,255,255,.04) 0%, rgba(0,0,0,.18) 100%);
  background-size:cover; background-position:center;
  overflow:visible;
  position:relative;
  display:block;
  transition:opacity .35s ease;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .nt-large:hover { opacity:.85; }
#shopify-section-sections--16269657112705__tlc-nav .mega .nt-large .tl {
  position:absolute;
  top:calc(100% + 12px); left:0; right:0; bottom:auto;
  padding:0; text-align:center;
  font-size:15px; font-weight:400; letter-spacing:.005em;
  color:var(--ink); font-family:'Fraunces',serif;
  line-height:1.4;
}
/* Subtle indicator when a left link is being hovered (its tile group is showing) */
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a[data-tg]:hover { color:var(--ink); }
/* Megas without tile zone — let the lists span both columns */
#shopify-section-sections--16269657112705__tlc-nav .mega:not(:has(.pf)):not(:has(.gf)) .mi {
  grid-template-columns:1fr;
}
#shopify-section-sections--16269657112705__tlc-nav .mega:not(:has(.pf)):not(:has(.gf)) .pg,
#shopify-section-sections--16269657112705__tlc-nav .mega:not(:has(.pf)):not(:has(.gf)) .fg,
#shopify-section-sections--16269657112705__tlc-nav .mega:not(:has(.pf)):not(:has(.gf)) .ag {
  grid-template-columns:1fr 1fr !important;
}

/* Eyebrow "Shop: X ›" header — refined italic serif */
#shopify-section-sections--16269657112705__tlc-nav .mega-eyebrow {
  font-size:13px; font-weight:400; letter-spacing:0;
  color:var(--soft);
  margin:0 0 20px; padding:0; line-height:1;
  font-family:'Fraunces',serif; font-style:italic;
}
#shopify-section-sections--16269657112705__tlc-nav .mega-eyebrow .ar {
  margin-left:6px; opacity:.7; font-size:14px;
  display:inline-block; transform:translateY(-1px);
}

/* Section sub-header (e.g. "TARGETED SOLUTIONS") — small caps, refined */
#shopify-section-sections--16269657112705__tlc-nav .mega .ch {
  font-size:10px; font-weight:500; letter-spacing:.2em;
  text-transform:uppercase; color:rgba(200,160,106,.85);
  margin:22px 0 10px; padding-bottom:0; border-bottom:none;
  font-family:'Hanken Grotesk',sans-serif;
}

/* Category lists — compact spacing */
#shopify-section-sections--16269657112705__tlc-nav .mega .ll {
  gap:0; display:block;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li { margin:0; }
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a {
  color:var(--ink); font-size:14px; font-weight:400;
  line-height:1.4; padding:5px 0;
  letter-spacing:.005em;
  text-decoration:none;
  display:inline-block;
  position:relative;
  cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;
  transition:color .2s ease;
}
/* Underline grows in from the left on hover (fast so it doesn't linger between links) */
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a::after {
  content:''; position:absolute;
  left:0; right:auto; bottom:4px;
  height:1px; width:0;
  background:#FFFFFF;
  transition:width .15s ease-out;
}/* Ivory: the white underline above is invisible against Love White — gold instead. Placed after the base rule on purpose so it wins the cascade. */
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a::after {
  background:var(--acc);
}#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a:hover { color:var(--ink); }
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a:hover::after,
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a.tg-active::after { width:100%; }
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a.tg-active { color:var(--ink); }

/* "Shop All →" arrow link — muted gold cue */
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a.arr {
  color:var(--acc); opacity:.85; font-size:12px; margin-top:14px;
  font-weight:400; letter-spacing:.05em;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a.arr:hover { color:#B89B5E; opacity:1; }
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a.arr::after { display:none; }

/* Main list (top of left pane) — slightly larger */
#shopify-section-sections--16269657112705__tlc-nav .mega .ll-main li a {
  font-size:14.5px; padding:6px 0; font-weight:400;
}

/* Tile grids — compact 2-col with smaller row gap for tighter fit */
#shopify-section-sections--16269657112705__tlc-nav .mega .tg.c2,
#shopify-section-sections--16269657112705__tlc-nav .mega .tg.c3,
#shopify-section-sections--16269657112705__tlc-nav .mega .tg.c4 {
  grid-template-columns:1fr 1fr;
  gap:28px 12px;
}
/* TLC 2026-07-16 founder call: category tile grid 5% smaller — width trim keeps
   aspect ratios and gaps proportional, so every tile shrinks uniformly. */
#shopify-section-sections--16269657112705__tlc-nav .mega .tile-set .tg { width:95%; margin-left:auto; margin-right:auto; }
/* Unified tile placeholder — shorter 3:2 thumbs (Rituals-style) so all rows fit without scrolling */
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt {
  aspect-ratio:3/2;
  border-radius:2px;
  background-color:var(--tile);
  background-image:linear-gradient(160deg, rgba(255,255,255,.04) 0%, rgba(0,0,0,.18) 100%);
  background-size:cover; background-position:center;
  overflow:visible;
  transition:opacity .35s ease;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt.wide {
  aspect-ratio:2.6/1; grid-column:1/-1;
}
/* Override any colored gradients from .t-* classes inside mega — keep unified palette */
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt[class*="t-"] {
  background-color:var(--tile);
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt::before { display:none; }

/* Tile label below image — serif elegance, centered */
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt .tl {
  position:absolute;
  top:calc(100% + 8px); left:0; right:0; bottom:auto;
  padding:0;
  text-align:center;
  font-size:13px; font-weight:400; letter-spacing:.005em;
  color:var(--ink); text-shadow:none;
  background:transparent;
  line-height:1.3;
  font-family:'Fraunces',serif;
  transition:opacity .2s ease;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt .tl strong {
  color:var(--ink); font-weight:400; font-size:13px;
  display:block; margin:0;
}
/* Smooth opacity-only hover — no jitter, no movement */
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt:hover { opacity:.82; transform:none; box-shadow:none; }
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt:hover .tl { opacity:.85; }
/* Bottom-pull-quote (About mega) on dark */
#shopify-section-sections--16269657112705__tlc-nav .mega .bp { background:rgba(255,255,255,.04); border-left-color:var(--acc); }
#shopify-section-sections--16269657112705__tlc-nav .mega .bp p { color:var(--soft); }

/* Header lines mimicking Rituals "Shop: Beauty ›" */
#shopify-section-sections--16269657112705__tlc-nav .mega-head-l,
#shopify-section-sections--16269657112705__tlc-nav .mega-head-r {
  position:absolute; top:22px;
  font-size:.78rem; font-weight:400; letter-spacing:.02em;
  color:var(--soft);
  pointer-events:none;
}
#shopify-section-sections--16269657112705__tlc-nav .mega-head-l { left:44px; }
#shopify-section-sections--16269657112705__tlc-nav .mega-head-r { left:336px; }

/* Mega close button — minimal, no border */
#shopify-section-sections--16269657112705__tlc-nav .mega-close {
  position:absolute; top:14px; z-index:2;
  width:34px; height:34px; border-radius:0;
  background:transparent; border:none;
  color:var(--soft); cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; line-height:1; transition:color .2s;
}
#shopify-section-sections--16269657112705__tlc-nav .mega-close:hover { color:var(--ink); }
#shopify-section-sections--16269657112705__tlc-nav .mega-close.mega-close-l { right:auto; left:180px; }
#shopify-section-sections--16269657112705__tlc-nav .mega-close.mega-close-r { right:12px; }
#shopify-section-sections--16269657112705__tlc-nav .mega-close { top:12px; }
/* If no right pane (tiles), only show one close at far right */
#shopify-section-sections--16269657112705__tlc-nav .mega:not(:has(.pf)):not(:has(.gf)) .mega-close.mega-close-l { display:none; }

/* Active nav item indicator when its mega is open */
#shopify-section-sections--16269657112705__tlc-nav .ni-i.is-open > a { color:var(--ink); }
#shopify-section-sections--16269657112705__tlc-nav .ni-i.is-open > a::after {
  content:''; position:absolute; bottom:14px; left:18px; right:18px;
  height:1px; background:var(--acc); border-radius:0;
}
#shopify-section-sections--16269657112705__tlc-nav .ni-i.is-open > a .chv { transform:rotate(180deg); }

/* Backdrop for slide-out mega — sits below the header so the nav stays visible */
#tlcnMegaOverlay {
  position:fixed;
  top:var(--tlcn-top-offset, 108px); left:0; right:0; bottom:0;
  background:rgba(13,10,7,.5);
  z-index:170;
  opacity:0; visibility:hidden;
  transition:opacity .3s, visibility .3s;
}
#tlcnMegaOverlay.open { opacity:1; visibility:visible; }

/* ── Column header ── */
#shopify-section-sections--16269657112705__tlc-nav .ch {
  font-size:.62rem; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--acc);
  margin-bottom:14px; padding-bottom:8px;
  border-bottom:1px solid rgba(200,160,106,.2);
  font-family:'Hanken Grotesk',sans-serif;
}

/* ── Link list ── */
#shopify-section-sections--16269657112705__tlc-nav .ll { list-style:none; display:flex; flex-direction:column; gap:4px; padding:0; margin:0; }
#shopify-section-sections--16269657112705__tlc-nav .ll li a {
  font-size:.79rem; font-weight:400; color:var(--soft);
  text-decoration:none; letter-spacing:.03em;
  display:block; padding:3px 0; font-family:'Hanken Grotesk',sans-serif;
  transition:color .15s, padding-left .15s;
}
#shopify-section-sections--16269657112705__tlc-nav .ll li a:hover { color:var(--ink); padding-left:5px; }
#shopify-section-sections--16269657112705__tlc-nav .ll li a.arr {
  font-size:.72rem; font-weight:500; color:var(--acc);
  margin-top:4px; letter-spacing:.05em;
}
#shopify-section-sections--16269657112705__tlc-nav .ll li a.arr:hover { padding-left:7px; }

/* ── Tile grid ── */
#shopify-section-sections--16269657112705__tlc-nav .tg  { display:grid; gap:8px; }
#shopify-section-sections--16269657112705__tlc-nav .tg.c2 { grid-template-columns:1fr 1fr; }
#shopify-section-sections--16269657112705__tlc-nav .tg.c3 { grid-template-columns:1fr 1fr 1fr; }
#shopify-section-sections--16269657112705__tlc-nav .tg.c4 { grid-template-columns:1fr 1fr 1fr 1fr; }

/* ── Nav tile ── */
#shopify-section-sections--16269657112705__tlc-nav .nt,
#tlcnDrawer .nt {
  position:relative; border-radius:8px; overflow:hidden;
  cursor:pointer; display:block; text-decoration:none;
  aspect-ratio:2.2/1; transition:transform .2s, box-shadow .2s;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
#shopify-section-sections--16269657112705__tlc-nav .nt:hover,
#tlcnDrawer .nt:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(26,20,18,.22);
}
#shopify-section-sections--16269657112705__tlc-nav .nt.wide,
#tlcnDrawer .nt.wide { grid-column:1/-1; aspect-ratio:5/1; }

/* ── Photo overlay — dark gradient from bottom so label is always legible ── */
#shopify-section-sections--16269657112705__tlc-nav .nt::before,
#tlcnDrawer .nt::before {
  content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top, rgba(0,0,0,.62) 0%, rgba(0,0,0,.05) 65%);
  pointer-events:none;
}

#shopify-section-sections--16269657112705__tlc-nav .tl,
#tlcnDrawer .tl {
  position:absolute; bottom:0; left:0; right:0;
  padding:7px 10px; font-size:.62rem; font-weight:400;
  letter-spacing:.07em; color:var(--ink);
  text-shadow:0 1px 5px rgba(0,0,0,.45); line-height:1.25;
  font-family:'Hanken Grotesk',sans-serif;
  z-index:2; position:absolute;
}
#shopify-section-sections--16269657112705__tlc-nav .tl strong,
#tlcnDrawer .tl strong {
  display:block; font-size:.68rem; font-weight:500;
  margin-bottom:1px; letter-spacing:.05em;
}

/* ── Fragrance tile gradients (colour fallback when no photo loads) ── */
.t-jcb{background:linear-gradient(135deg,#f5c6c6 0%,#e8919b 50%,#d4687a 100%)}
.t-fil{background:linear-gradient(135deg,#e8a0a8 0%,#c9607a 50%,#b04060 100%)}
.t-lela{background:linear-gradient(135deg,#f0e8d4 0%,#5a8a6e 55%,#1f4e3a 100%)}
.t-sol{background:linear-gradient(135deg,#f2cdd0 0%,#d9a0b0 50%,#c08090 100%)}
.t-twl{background:linear-gradient(135deg,#d4c0e8 0%,#a890c8 50%,#8868a8 100%)}
.t-scl{background:linear-gradient(135deg,#d46878 0%,#b03050 50%,#801830 100%)}
.t-oua{background:linear-gradient(135deg,#c8a878 0%,#a88050 50%,#885830 100%)}
.t-oud{background:linear-gradient(135deg,#786050 0%,#503828 50%,#301808 100%)}
.t-bro{background:linear-gradient(135deg,#483040 0%,#280818 50%,#180008 100%)}
.t-ofa{background:linear-gradient(135deg,#a0c0a0 0%,#709070 50%,#486048 100%)}
.t-oek{background:linear-gradient(135deg,#403020 0%,#281808 50%,#100800 100%)}
.t-olv{background:linear-gradient(135deg,#d4a860 0%,#b08030 50%,#886010 100%)}
.t-ose{background:linear-gradient(135deg,#302040 0%,#180820 50%,#080010 100%)}
.t-wva{background:linear-gradient(135deg,#e8c870 0%,#c8a040 50%,#a07818 100%)}
.t-wiv{background:linear-gradient(135deg,#f0d898 0%,#d8b868 50%,#c09840 100%)}
.t-rva{background:linear-gradient(135deg,#d4a850 0%,#b88028 50%,#9a6010 100%)}
/* Solutions */
.t-hyd{background:linear-gradient(135deg,#9acce0 0%,#5898c0 50%,#2870a0 100%)}
.t-glo{background:linear-gradient(135deg,#e8d080 0%,#c8a828 50%,#a88010 100%)}
.t-sen{background:linear-gradient(135deg,#f0c8c4 0%,#d89090 50%,#c06870 100%)}
.t-frm{background:linear-gradient(135deg,#b8d4b0 0%,#789868 50%,#507040 100%)}
.t-dsp{background:linear-gradient(135deg,#c8b8e0 0%,#9068b8 50%,#684898 100%)}
.t-skl{background:linear-gradient(135deg,#e0d0b0 0%,#c0a870 50%,#988040 100%)}
.t-hfr{background:linear-gradient(135deg,#b0cce0 0%,#6890b8 50%,#406890 100%)}
.t-gcl{background:linear-gradient(135deg,#F8D9A8 0%,#c0a070 50%,#986030 100%)}
.t-smt{background:linear-gradient(135deg,#d8a8c0 0%,#a86888 50%,#884060 100%)}
.t-sal{background:linear-gradient(135deg,#2A2520 0%,#4a3828 50%,#7A4A2B 100%)}
/* Gifts */
.t-gfm{background:linear-gradient(135deg,#d4889a 0%,#b05870 50%,#904058 100%)}
.t-ghm{background:linear-gradient(135deg,#b89878 0%,#907050 50%,#705030 100%)}
.t-gfs{background:linear-gradient(135deg,#d4a840 0%,#b08020 50%,#886000 100%)}
.t-gal{background:linear-gradient(135deg,#c0a880 0%,#907050 50%,#684828 100%)}
/* Products */
.t-bdy{background:linear-gradient(135deg,#e8d0b8 0%,#c8a880 50%,#a87840 100%)}
.t-fgr{background:linear-gradient(135deg,#c8b8d8 0%,#9880b0 50%,#705888 100%)}

/* ── Mega widths — all megas use the same slide-out width now ── */
#shopify-section-sections--16269657112705__tlc-nav .m-prod,
#shopify-section-sections--16269657112705__tlc-nav .m-frag,
#shopify-section-sections--16269657112705__tlc-nav .m-gift,
#shopify-section-sections--16269657112705__tlc-nav .m-sol,
#shopify-section-sections--16269657112705__tlc-nav .m-abt { /* width set on .mega */ }

/* Mega column grids */
#shopify-section-sections--16269657112705__tlc-nav .pg { display:grid; grid-template-columns:1fr 1fr; gap:36px; }
#shopify-section-sections--16269657112705__tlc-nav .pf { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
#shopify-section-sections--16269657112705__tlc-nav .fg { display:grid; grid-template-columns:1fr 1fr 1fr; gap:36px; }
#shopify-section-sections--16269657112705__tlc-nav .gg { display:grid; grid-template-columns:1fr 1fr 1fr; gap:36px; }
#shopify-section-sections--16269657112705__tlc-nav .gf { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
#shopify-section-sections--16269657112705__tlc-nav .sg { display:grid; grid-template-columns:1fr 1fr; gap:36px; }
#shopify-section-sections--16269657112705__tlc-nav .ag { display:grid; grid-template-columns:1fr 1fr; column-gap:36px; row-gap:24px; }
#shopify-section-sections--16269657112705__tlc-nav .bp {
  grid-column:1/-1; padding:16px 20px;
  background:var(--bg); border-radius:8px;
  border-left:3px solid var(--acc);
}
#shopify-section-sections--16269657112705__tlc-nav .bp p {
  font-family:'Fraunces',serif; font-style:italic;
  font-size:.88rem; font-weight:300; color:var(--soft); line-height:1.6;
}

/* ── Mobile drawer overlay (fixed) ── */
#tlcnOverlay {
  position:fixed; inset:0;
  background:rgba(26,20,18,.4);
  /* TLC 2026-07-31: 300 -> 1950. The PLP filter panel (#lvcFPanel) sits at 1901, so at
     300 the nav drawer opened UNDERNEATH it and the MOOD row + CLEAR ALL/APPLY box
     punched through the drawer. Kept below the quick-view (9000) and welcome popup (9998). */
  z-index:1950;
  opacity:0; visibility:hidden;
  transition:opacity .3s, visibility .3s;
}
#tlcnOverlay.open { opacity:1; visibility:visible; }

/* ── Mobile drawer (fixed) ── */
#tlcnDrawer {
  position:fixed; top:0; right:0;
  width:320px; height:100%;
  background:var(--paper);
  z-index:1960; overflow-y:auto; /* see overlay note above — must clear #lvcFPanel (1901) */
  transform:translateX(100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  display:flex; flex-direction:column;
  font-family:'Hanken Grotesk',sans-serif;
}
#tlcnDrawer.open { transform:translateX(0); }

#tlcnDrawer .dh {
  display:flex; align-items:center; justify-content:flex-start;
  padding:0 18px; height:56px; flex-shrink:0;
}
#tlcnDrawer .dc {
  width:32px; height:32px; display:flex; align-items:center;
  justify-content:center; cursor:pointer; color:var(--soft);
  border:none; background:none; font-size:1.1rem;
  transition:color .2s; padding:0;
}
#tlcnDrawer .dc:hover { color:var(--ink); }

#tlcnDrawer .ds { border-bottom:1px solid rgba(255,255,255,.06); }
#tlcnDrawer .dt {
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 24px; font-size:13.5px; font-weight:400;
  letter-spacing:.02em;
  color:var(--soft); cursor:pointer; user-select:none;
  transition:color .2s;
}
#tlcnDrawer .dt:hover { color:var(--ink); }
#tlcnDrawer .dt > a { text-decoration:none; color:inherit; flex:1; display:block; }
#tlcnDrawer .dch { font-size:.52rem; opacity:.4; transition:transform .25s; }
#tlcnDrawer .ds.open .dt { color:var(--ink); }
#tlcnDrawer .ds.open .dch { transform:rotate(180deg); }

#tlcnDrawer .dp { overflow:hidden; max-height:0; transition:max-height .38s cubic-bezier(.4,0,.2,1); }
#tlcnDrawer .ds.open .dp { max-height:1000px; }
#tlcnDrawer .db { padding:2px 24px 20px; }

#tlcnDrawer .dg { margin-bottom:16px; }
#tlcnDrawer .dg:last-child { margin-bottom:0; }
#tlcnDrawer .dg h5 {
  font-size:.59rem; font-weight:600; letter-spacing:.15em;
  text-transform:uppercase; color:var(--drawer-accent); opacity:.85;
  margin:0 0 8px; padding-bottom:5px;
  border-bottom:1px solid rgba(184,155,94,.2);
}
#tlcnDrawer .dlk { list-style:none; display:flex; flex-direction:column; gap:1px; padding:0; margin:0; }
#tlcnDrawer .dlk li a {
  font-size:.79rem; font-weight:400; color:var(--soft);
  text-decoration:none; letter-spacing:.03em;
  display:block; padding:5px 0;
  transition:color .15s, padding-left .15s;
}
#tlcnDrawer .dlk li a:hover { color:var(--drawer-accent); padding-left:4px; }

/* Tile strip in drawer */
#tlcnDrawer .dtls {
  display:grid; grid-template-columns:1fr 1fr;
  gap:6px; margin-top:10px;
}
#tlcnDrawer .dtls .nt { aspect-ratio:2/1; }
#tlcnDrawer .dtls .nt.wide { aspect-ratio:4/1; grid-column:1/-1; }

/* ════════════════════════════════════════════════════════════════
   TLC 2026-05-17 mobile-drawer cleanup
   Image-tile grids (.dtls and .tg) inside the drawer were rendering
   as broken inline highlighted text on mobile because the gradient
   fallback .t-* classes only set background, and the parent grid
   wasn't winning when nested deep. The cleanest mobile UX is to
   suppress the image-tile previews entirely and keep just the
   accordion text lists — they already contain every link.
   ════════════════════════════════════════════════════════════════ */
#tlcnDrawer .dtls,
#tlcnDrawer .tg,
#tlcnDrawer .pf,
#tlcnDrawer .gf,
#tlcnDrawer .bp { display:none !important; }

/* Tighter accordion spacing on mobile + sharper list typography */
#tlcnDrawer .db { padding:4px 24px 18px !important; }
#tlcnDrawer .dg { margin-bottom:14px !important; }
#tlcnDrawer .dg:last-child { margin-bottom:6px !important; }
#tlcnDrawer .dg h5 {
  font-size:.62rem !important; letter-spacing:.18em !important;
  text-transform:uppercase !important; color:var(--soft) !important;
  margin-bottom:8px !important; padding-bottom:6px !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  font-weight:500 !important;
}
#tlcnDrawer .dlk { list-style:none !important; display:flex !important; flex-direction:column !important; gap:0 !important; padding:0 !important; margin:0 !important; }
#tlcnDrawer .dlk li a {
  display:block !important; padding:10px 0 !important;
  font-size:.92rem !important; font-weight:400 !important;
  color:var(--soft) !important; text-decoration:none !important;
  letter-spacing:.01em !important;
  border-bottom:1px solid rgba(255,255,255,.04) !important;
}
#tlcnDrawer .dlk li:last-child a { border-bottom:0 !important; }

/* ─────────────────────────────────────────────────────────────
   TLC 2026-05-31 — Hira-style mobile drawer (Body/Fragrance/Gifts/New)
   - Horizontal tab strip pinned under the drawer header
   - Per-tab panel: hero image (link) + 2x2 grid of .nt tiles
   - Tiles reuse the existing .nt component (image + label overlay)
   - Tab swap is CSS-class-driven; JS at bottom toggles .active
   ───────────────────────────────────────────────────────────── */
#tlcnDrawer .tlcn-tabs{
  display:flex; gap:18px; padding:14px 22px 0; flex-shrink:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
#tlcnDrawer .tlcn-tabs::-webkit-scrollbar{display:none}
#tlcnDrawer .tlcn-tab{
  flex-shrink:0; background:none; border:0; padding:0 0 14px;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:13px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--soft); cursor:pointer;
  position:relative; transition:color .2s;
}
#tlcnDrawer .tlcn-tab:hover{color:var(--soft)}
#tlcnDrawer .tlcn-tab.active{color:var(--ink)}
#tlcnDrawer .tlcn-tab.active::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px;
  height:2px; background:var(--drawer-accent);
}/* ══ TLC 2026-07-24 — LV restyle for the DESKTOP mega (same lv_drawer gate) ══
   Approved demo language: #FAF9F7 canvas, borderless 3/4 portrait tiles,
   captions below in Hanken 13.5px left-aligned, bigger quiet links, no gold
   frames. CSS-only — markup, settings and JS untouched. */
#shopify-section-sections--16269657112705__tlc-nav .mega{
  background:#FAF9F7;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt,
#shopify-section-sections--16269657112705__tlc-nav .mega .nt-large{
  aspect-ratio:3/4;
  border:0 !important; border-radius:0;
  background-color:#EFEAE3;
  background-image:none;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt.wide{ aspect-ratio:2.6/1; }
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt .tl,
#shopify-section-sections--16269657112705__tlc-nav .mega .nt-large .tl{
  top:calc(100% + 10px);
  text-align:left;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:13.5px; letter-spacing:.02em; line-height:1.35;
  color:#2B2118;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tg .nt .tl strong{
  font-family:'Hanken Grotesk',sans-serif; font-size:13.5px; color:#2B2118;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tg{ row-gap:56px; }
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a{
  font-size:16.5px; padding:8px 0; color:#2B2118;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .ll li a::after{ background:#2B2118; bottom:6px; }
#shopify-section-sections--16269657112705__tlc-nav .mega .ch{
  color:#6B5D50; letter-spacing:.14em;
}
#shopify-section-sections--16269657112705__tlc-nav .mega-head-l,
#shopify-section-sections--16269657112705__tlc-nav .mega-head-r{
  font-family:'Fraunces',serif; font-style:normal; font-size:15px; color:#2B2118;
}
#shopify-section-sections--16269657112705__tlc-nav .mega .tile-set{ scrollbar-color:rgba(43,33,24,.18) transparent; }
#shopify-section-sections--16269657112705__tlc-nav .mega .tile-set::-webkit-scrollbar-thumb{ background:rgba(43,33,24,.18); }
#shopify-section-sections--16269657112705__tlc-nav .mega-close{ color:#2B2118; }
/* Founder 2026-07-24: LV drawer keeps only L1 — hide the About Us foot
   accordion and the search/bag utility foot entirely in .tlv mode. */
#tlcnDrawer.tlv .tlcn-foot-nav,
#tlcnDrawer.tlv .tlcn-foot-nav ~ *{ display:none !important; }
/* Founder 2026-07-24: desktop goes full LV — inline category links retired,
   burger opens the same two-level drawer as mobile. Mega panel unreachable
   (its triggers are hidden) but left intact for gate-off rollback. */
@media(min-width:1025px){
  #shopify-section-sections--16269657112705__tlc-nav .nls{ display:none !important; }
  /* Founder 2026-07-24: utility links retired (Journal / Our Story / Help & Support
     now live inside the drawer); burger = 3-line icon + MENU on one row, vertically
     centred with the search/account/wishlist/bag group. */
  /* Founder 2026-07-24: single-row bar a la LV — burgundy utility row retired,
     wordmark centred in the main row between MENU and the icon group. */
  #shopify-section-sections--16269657112705__tlc-nav .tlc-util{ display:none !important; }
  /* Founder 2026-07-25: white mast row deepened 50px→86px (2026-09-23: 72px, BBW match) so the single LV-style
     bar reads as a mast, not a toolbar. Announcement bar above is untouched.
     Compacts to 56px (was 62px) once .is-slim fires (past 140px of scroll) so the sticky
     header stops eating the viewport — see the IntersectionObserver sentinel at
     the foot of this file. */
  #shopify-section-sections--16269657112705__tlc-nav{ --nh:72px; }
  #shopify-section-sections--16269657112705__tlc-nav.is-slim{ --nh:56px; }
  /* Founder 2026-07-25 (smoothness pass): one shared curve for everything that
     moves during the shrink, so the bar, the wordmark and the bottom shadow
     settle together instead of the height easing while the shadow snaps.
     .42s + the same cubic-bezier the LV drawer already uses. */
  #shopify-section-sections--16269657112705__tlc-nav .ni{
    transition:height .42s cubic-bezier(.32,.72,.28,1);
    overflow:hidden;
    will-change:height;
  }
  #shopify-section-sections--16269657112705__tlc-nav{
    transition:box-shadow .42s cubic-bezier(.32,.72,.28,1);
  }
  /* 2026-09-23: BBW-style hide-on-scroll — past a deeper scroll point than the
     slim threshold, the mast collapses to 0 and tlc-bbw-search-row (a sibling
     section) slides up to meet it — it reads .tlcn-hide off <html> (mirrored by
     applyHide() below) and transitions its own `top` on the same .42s curve, no
     per-frame script on either side (see the 2026-09-23 v3 comment in that
     file's <style> block for why the earlier rAF-per-frame version was dropped).
     Height only, never `opacity` and never `transform`: a separate,
     faster opacity fade left a window where the height transition (.42s) was
     still mid-flight but the content had already faded out — a blank paper-
     coloured band with no menu text/icons in it, which is exactly the "gap"
     the founder flagged mid-scroll. Letting height + the existing overflow:
     hidden do 100% of the work means there's only ever one timeline: the bar
     is either its normal height with content in it, or shorter with the
     content clipped by the same amount — never empty-but-still-tall. A
     `transform` is also out: it'd become a new containing block for this
     wrapper's position:fixed children (#tlcnOverlay / #tlcnMegaOverlay /
     #tlcnDrawer) and break the mega-menu and mobile-drawer overlays while the
     mast is hidden. Toggled by the second IntersectionObserver sentinel at
     the foot of this file. */
  #shopify-section-sections--16269657112705__tlc-nav.is-hidden{ --nh:0px; }
  #shopify-section-sections--16269657112705__tlc-nav.is-hidden .ni{ pointer-events:none; }
  /* 2026-09-23 founder ("search option mein THE LOVE CO dikh rha h, nhi dikhna chahiye"): .nl is
     position:absolute with no `top`, so its containing block is this section (position:sticky),
     not .ni — .ni's overflow:hidden never clips it, so as the mast collapses to 0 the wordmark
     keeps painting at its old centred spot, poking out above tlc-bbw-search-row (whose z-index is
     lower than the nav's, so it doesn't cover this stray element). Simplest fix: fade the
     wordmark out in lockstep with the collapse instead of relying on a clip that doesn't reach it.
     Rollback = delete this line. */
  #shopify-section-sections--16269657112705__tlc-nav.is-hidden .nl{ opacity:0; }
  #shopify-section-sections--16269657112705__tlc-nav .nl{
    display:block !important; position:absolute; left:50%; transform:translateX(-50%);
    font-size:22px; font-weight:800; letter-spacing:.24em; color:var(--ink);
    text-decoration:none; white-space:nowrap;
    transition:font-size .42s cubic-bezier(.32,.72,.28,1), letter-spacing .42s cubic-bezier(.32,.72,.28,1);
  }
  /* The wordmark eases down with the bar — a mast that only loses height reads
     as a crop; scaling the type with it reads as a deliberate compaction. */
  #shopify-section-sections--16269657112705__tlc-nav.is-slim .nl{ font-size:19px; letter-spacing:.21em; }
  #shopify-section-sections--16269657112705__tlc-nav .nb{
    display:flex !important; flex-direction:row !important; align-items:center !important;
    gap:10px !important; color:var(--soft); cursor:pointer; margin-right:0; padding:6px 0;
  }
  #shopify-section-sections--16269657112705__tlc-nav .nb::after{
    content:'Menu'; font-family:'Hanken Grotesk',sans-serif;
    font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  }
  #shopify-section-sections--16269657112705__tlc-nav .nb svg{ width:20px; height:20px; }
  /* One Last Night — desktop-only header entry, typographically identical to the
     Menu label so it reads as nav, not as a promo. */
  #shopify-section-sections--16269657112705__tlc-nav .ni-left{
    display:flex; align-items:center; gap:28px; flex:0 0 auto;
  }
  #shopify-section-sections--16269657112705__tlc-nav .ni-oln{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Hanken Grotesk',sans-serif; font-size:12px; font-weight:600;
    letter-spacing:.16em; text-transform:uppercase; color:var(--soft);
    text-decoration:none; white-space:nowrap; padding:6px 0;
    transition:opacity .18s ease;
  }
  #shopify-section-sections--16269657112705__tlc-nav .ni-oln:hover{ opacity:.62; }
  #shopify-section-sections--16269657112705__tlc-nav .ni-oln i{
    width:6px; height:6px; border-radius:50%; background:#f4e04d;
    box-shadow:0 0 0 3px rgba(244,224,77,.30); flex:0 0 auto;
  }
  /* Below 1100px the label would grow into the centred wordmark. Drop it —
     the drawer's Card Stories entry covers tablet + phone. */
  @media(max-width:1100px){ #shopify-section-sections--16269657112705__tlc-nav .ni-oln{ display:none; } }
  @media(prefers-reduced-motion:reduce){ #shopify-section-sections--16269657112705__tlc-nav .ni-oln{ transition:none; } }
  #tlcnDrawer.tlv{ box-shadow:40px 0 80px rgba(20,15,10,.25); }
  /* Founder 2026-07-24: L2 desktop layout per LV — link rail LEFT, image tiles RIGHT
     (mobile keeps list-then-tiles stacking). */
  #tlcnDrawer.tlv .tlv-panel{
    display:grid !important; grid-template-columns:200px 1fr; column-gap:44px; align-content:start;
  }
  #tlcnDrawer.tlv .tlv-l2title{ grid-column:1 / -1; }
  #tlcnDrawer.tlv .tlv-llist{ grid-column:1; margin-bottom:0; }
  #tlcnDrawer.tlv .tlv-tiles{ grid-column:2; align-self:start; }
}

/* ── Founder 2026-07-31: MAST SCALE-UP (mock: _redesign/nav-mast-bigger.html) ──
   Controls were reading as a quiet toolbar: MENU and the icons sat at 62% black,
   capped inside a 1380px container. Now full-bleed with 56px of edge margin,
   everything scaled up, and every control solid --ink instead of --soft.
   Desktop-only for sizing (mobile keeps its 50px row); the colour change applies
   to both. Revert = delete this whole block. */
@media(min-width:1025px){
  /* full-bleed row, generous edge margin */
  #shopify-section-sections--16269657112705__tlc-nav .ni{ max-width:none; padding:0 56px; gap:40px; }

  /* burger + MENU label */
  #shopify-section-sections--16269657112705__tlc-nav .nb{ gap:14px !important; color:var(--ink); }
  #shopify-section-sections--16269657112705__tlc-nav .nb svg{ width:22px; height:22px; }
  #shopify-section-sections--16269657112705__tlc-nav .nb::after{ font-size:13px; letter-spacing:.16em; }
  #shopify-section-sections--16269657112705__tlc-nav .ni-oln{ font-size:13px; }

  /* wordmark — founder 2026-07-31: 22→26px, slim state 19→22px.
     2026-09-23 BBW-match: mast 86→72px, wordmark 26→23px (slim 20px), MENU 15→13px,
     icons 46→40px — founder asked for the same menu + search sizing as bathandbodyworks.com. */
  #shopify-section-sections--16269657112705__tlc-nav .nl{ font-size:23px !important; }
  #shopify-section-sections--16269657112705__tlc-nav.is-slim .nl{ font-size:20px !important; }

  /* search — wider, taller, black rule + placeholder */
  #shopify-section-sections--16269657112705__tlc-nav .nr{ gap:10px; }
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-form--min{
    min-width:330px; max-width:380px; height:44px;
    border-bottom-color:rgba(17,17,17,.28);
  }
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-form--min:focus-within{ border-bottom-color:var(--ink); }
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-input{ font-size:15.5px; color:var(--ink); }
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-input::placeholder{ color:rgba(17,17,17,.5); }
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-btn{ color:var(--ink); }
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-btn svg{ width:19px; height:19px; }

  /* icon group */
  #shopify-section-sections--16269657112705__tlc-nav .ni-ic{ width:40px; height:40px; }
  #shopify-section-sections--16269657112705__tlc-nav .ni-ic svg{ width:20px; height:20px; }
}
/* TLC 2026-07-31: the scale-up above (wordmark 22→26px, search 220→330px) made the
   absolutely-centred wordmark collide with the search field between ~1200 and ~1350px
   — measured 7px of overlap at 1280. The wordmark can't be constrained by flex because
   it's position:absolute, so the fix is to give the band its own smaller sizes. */
@media(min-width:1025px) and (max-width:1400px){
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-form--min{ min-width:240px; max-width:260px; }
  #shopify-section-sections--16269657112705__tlc-nav .nl{ font-size:20px !important; }
  #shopify-section-sections--16269657112705__tlc-nav.is-slim .nl{ font-size:18px !important; }
  #shopify-section-sections--16269657112705__tlc-nav .ni{ padding:0 40px; }
}
/* Solid-black controls on every breakpoint — the softness is what made them recede. */
#shopify-section-sections--16269657112705__tlc-nav .ni-ic{ color:var(--ink); }

/* Outside the desktop query on purpose — plain CSS can't nest @media. */
@media (prefers-reduced-motion: reduce){
  #shopify-section-sections--16269657112705__tlc-nav,
  #shopify-section-sections--16269657112705__tlc-nav .ni,
  #shopify-section-sections--16269657112705__tlc-nav .nl{ transition:none !important; }
}/* ══ TLC 2026-07-24 — LV-pattern two-level drawer (gated: section.settings.lv_drawer) ══
   Matches the approved demo verbatim: light left drawer; L1 = range switch
   (Fragrance / ACTIVE+) + big category list + quiet links; L2 = dedicated
   .tlv-panel per category — plain link list, then 2-up portrait tiles with
   captions BELOW the image. Old tab panels untouched (render when gate off). */
#tlcnDrawer.tlv{
  left:0; right:auto; width:100%; max-width:640px;
  transform:translateX(-102%);
  --paper:#FAF9F7; --soft:#6B5D50; --ink:#2B2118; --drawer-accent:#B08D57;
  background:#FAF9F7; overflow:hidden;
}
#tlcnDrawer.tlv.open{ transform:translateX(0); }
#tlcnDrawer.tlv .tlcn-tabs, #tlcnDrawer.tlv .tlcn-panels{ display:none; }
#tlcnDrawer.tlv .dh{ border-bottom:0; gap:10px; }
#tlcnDrawer.tlv .dc{ color:#2B2118; }
#tlcnDrawer.tlv .tlv-back{
  display:none; align-items:center; gap:10px;
  background:none; border:0; padding:0; cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif; font-size:14px; color:#2B2118;
}
#tlcnDrawer.tlv.l2 .tlv-back{ display:flex; }
#tlcnDrawer.tlv.l2 .dc{ display:none; }
#tlcnDrawer.tlv .tlv-scroll{ overflow-y:auto; flex:1; padding:6px 24px 36px; }
#tlcnDrawer.tlv .tlv-range{ display:flex; flex-direction:column; gap:16px; margin:8px 0 34px; }
#tlcnDrawer.tlv .tlv-range a{
  font-family:'Hanken Grotesk',sans-serif; font-size:19px; color:#6B5D50;
  text-decoration:none; width:max-content;
}
#tlcnDrawer.tlv .tlv-range a.on{ color:#2B2118; border-bottom:1.5px solid #2B2118; padding-bottom:3px; }
/* Child entry under Card Stories — 15px matches .tlv-quiet, the drawer's existing
   secondary size, so it reads as a sub-item rather than a fourth range. */
#tlcnDrawer.tlv .tlv-range a.tlv-sub{
  display:flex; align-items:center; gap:8px;
  margin-top:-6px; padding-left:16px;
  font-size:15px; color:#6B5D50;
}
#tlcnDrawer.tlv .tlv-range a.tlv-sub i{
  width:5px; height:5px; border-radius:50%; background:#F4E04D;
  box-shadow:0 0 0 3px rgba(244,224,77,.30); flex:0 0 auto;
}
#tlcnDrawer.tlv .tlv-l1{ display:flex; flex-direction:column; gap:0; }
#tlcnDrawer.tlv .tlv-l1 > button,
#tlcnDrawer.tlv .tlv-l1 > a{
  display:block; width:100%; text-align:left;
  background:none; border:0; padding:11px 0; cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif; font-size:19px; font-weight:400;
  line-height:1.2; color:#2B2118; text-decoration:none; letter-spacing:.01em;
}
#tlcnDrawer.tlv .tlv-l1 > .tlv-quiet{ font-size:15px; color:#6B5D50; padding:7px 0; }
#tlcnDrawer.tlv .tlv-l1 > .tlv-gap{ height:14px; }
#tlcnDrawer.tlv .tlv-panel{
  display:block; position:absolute; top:56px; left:0; right:0; bottom:0;
  background:#FAF9F7; overflow-y:auto; z-index:3;
  padding:6px 24px 36px;
  transform:translateX(102%);
  transition:transform .4s cubic-bezier(.32,.72,.28,1);
  visibility:hidden;
}
#tlcnDrawer.tlv .tlv-panel.lvon{ transform:translateX(0); visibility:visible; }
#tlcnDrawer.tlv .tlv-l2title{
  font-family:Fraunces,serif; font-size:22px; font-weight:500;
  color:#2B2118; margin:6px 0 30px;
}
#tlcnDrawer.tlv .tlv-llist{ list-style:none; display:flex; flex-direction:column; gap:0; padding:0; margin:0 0 30px; }
#tlcnDrawer.tlv .tlv-llist a{
  display:block; padding:9px 0;
  font-family:'Hanken Grotesk',sans-serif; font-size:16.5px; color:#2B2118;
  text-decoration:none;
}
#tlcnDrawer.tlv .tlv-tiles{ display:grid; grid-template-columns:1fr 1fr; gap:26px 14px; }
#tlcnDrawer.tlv .tlv-tile{ text-decoration:none; color:#2B2118; }
#tlcnDrawer.tlv .tlv-tile figure{
  aspect-ratio:3/4; overflow:hidden; background:#EFEAE3; margin:0 0 10px;
}
#tlcnDrawer.tlv .tlv-tile img{ width:100%; height:100%; object-fit:cover; display:block; }
#tlcnDrawer.tlv .tlv-tile figcaption{
  font-family:'Hanken Grotesk',sans-serif; font-size:13.5px; letter-spacing:.02em; line-height:1.35;
}
#tlcnDrawer.tlv .tlcn-foot-nav{ border-top:1px solid #E8E2DA; }
#tlcnDrawer.tlv .tlcn-foot-nav .ds{ border-bottom:1px solid #E8E2DA; }
#tlcnDrawer.tlv .dt{ color:#6B5D50; }
#tlcnDrawer.tlv .ds.open .dt, #tlcnDrawer.tlv .dt:hover{ color:#2B2118; }
#tlcnDrawer.tlv .dlk li a{ color:#6B5D50; }
#tlcnDrawer.tlv .dlk li a:hover{ color:#B08D57; }

#tlcnDrawer .tlcn-panels{flex-shrink:0}
#tlcnDrawer .tlcn-panel{display:none; padding:16px 18px 22px}
#tlcnDrawer .tlcn-panel.active{display:block}
#tlcnDrawer .tlcn-hero{
  display:block; position:relative;
  aspect-ratio:16/10; border-radius:8px; overflow:hidden;
  background:#2a201a;
  background-size:cover; background-position:center;
  text-decoration:none; margin-bottom:12px;
}
#tlcnDrawer .tlcn-hero::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.6) 0%, rgba(0,0,0,.05) 65%);
}
#tlcnDrawer .tlcn-hero-label{
  position:absolute; bottom:11px; left:14px; right:14px; z-index:2;
  font-family:'Hanken Grotesk',sans-serif; color:var(--ink);
  font-size:13px; font-weight:600; letter-spacing:.03em;
  display:flex; align-items:center; gap:8px;
}
#tlcnDrawer .tlcn-hero-label::after{content:'›'; opacity:.7; font-size:16px}
#tlcnDrawer .tlcn-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px}
#tlcnDrawer .tlcn-grid .nt{aspect-ratio:1/1}
/* Lane variants — a.tlcn-lane-row turns an empty lane into a tappable
   header row (title left, "Shop all ›" right) for single-link sub-cats */
#tlcnDrawer a.tlcn-lane-row{
  display:block; text-decoration:none;
  border-top:1px solid rgba(255,255,255,.06);
}
#tlcnDrawer a.tlcn-lane-row:first-of-type{border-top:0}
#tlcnDrawer a.tlcn-lane-row .tlcn-lane-head{margin:0; padding:18px 2px}
#tlcnDrawer a.tlcn-lane-row .tlcn-lane-title{
  color:var(--ink); font-size:13px; letter-spacing:.14em;
}

/* Sub-category lanes — one stacked block per desktop sub-cat */
#tlcnDrawer .tlcn-lane{margin-top:22px}
#tlcnDrawer .tlcn-lane:first-of-type{margin-top:16px}
#tlcnDrawer .tlcn-lane-head{
  display:flex; align-items:center; justify-content:space-between;
  margin:0 0 10px; padding:0 2px;
}
#tlcnDrawer .tlcn-lane-title{
  font-family:'Hanken Grotesk',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase;
  color:rgba(245,239,229,.55); margin:0;
}
#tlcnDrawer .tlcn-lane-more{
  font-family:'Hanken Grotesk',sans-serif; font-size:11px; font-weight:500;
  color:var(--drawer-accent); text-decoration:none; letter-spacing:.04em;
  /* TLC 2026-07-16: tap-target floor — was ~15px tall, padding lifts it toward 44px without shifting the lane header (negative margin absorbs the growth). */
  display:inline-flex; align-items:center; min-height:44px; padding:4px 0; margin:-8px 0;
}
#tlcnDrawer .tlcn-lane-more::after{content:' ›'}

/* Flat footer accordion — About Us / FAQs / Blogs / Contact Us */
#tlcnDrawer .tlcn-foot-nav{border-top:1px solid rgba(255,255,255,.08); flex-shrink:0}

/* Drawer footer */
#tlcnDrawer .df {
  padding:20px 24px; margin-top:auto;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex; gap:20px; flex-shrink:0;
}
#tlcnDrawer .df a {
  font-size:.72rem; font-weight:500; letter-spacing:.08em;
  text-transform:uppercase; color:var(--soft); text-decoration:none;
  display:flex; align-items:center; gap:6px; transition:color .2s;
  /* TLC 2026-07-16: tap-target floor — footer links were ~19px tall; vertical padding + negative margin lifts to 44px, drawer footer padding absorbs it. */
  min-height:44px; padding:6px 0; margin:-6px 0;
}
#tlcnDrawer .df a:hover { color:var(--ink); }
#tlcnDrawer .df svg { width:15px; height:15px; }

#tlcnOverlay {
  background:rgba(54,22,20,.46);
}/* ─────────────────────────────────────────────────────────────
   TLC 2026-07-08 — mobile drawer palette: Ivory
   Same book-literal direction as desktop: Love White, Ink Black,
   gold as the only accent. Flat, not a gradient — restraint over
   "luxury" treatment, matching the Jo Malone reference in the book.
   ───────────────────────────────────────────────────────────── */
#tlcnDrawer {
  --drawer-bg:#F8F7F3;
  --drawer-bg-2:#F8F7F3;
  --drawer-ink:#111111;
  --drawer-soft:rgba(17,17,17,.62);
  --drawer-muted:rgba(17,17,17,.42);
  --drawer-head:#9A7F45;
  --drawer-accent:#9A7F45;
  --drawer-line:rgba(184,155,94,.35);
  --drawer-shadow:rgba(17,17,17,.14);
  background:var(--drawer-bg);
  color:var(--drawer-ink);
}
#tlcnDrawer .dh,
#tlcnDrawer .tlcn-tabs,
#tlcnDrawer .tlcn-panel,
#tlcnDrawer .tlcn-foot-nav,
#tlcnDrawer .df {
  background:transparent;
}
#tlcnDrawer .dc {
  color:var(--drawer-soft);
}
#tlcnDrawer .dc:hover {
  color:var(--drawer-ink);
}
#tlcnDrawer .ds,
#tlcnDrawer .tlcn-tabs,
#tlcnDrawer .tlcn-foot-nav,
#tlcnDrawer .df,
#tlcnDrawer a.tlcn-lane-row {
  border-color:var(--drawer-line);
}
#tlcnDrawer .dt,
#tlcnDrawer .tlcn-tab,
#tlcnDrawer .df a {
  color:var(--drawer-soft) !important;
}
#tlcnDrawer .dt:hover,
#tlcnDrawer .ds.open .dt,
#tlcnDrawer .tlcn-tab.active,
#tlcnDrawer .df a:hover {
  color:var(--drawer-ink) !important;
}
#tlcnDrawer .tlcn-tab.active::after {
  background:var(--drawer-accent);
}
#tlcnDrawer .dg h5,
#tlcnDrawer .tlcn-lane-title,
#tlcnDrawer a.tlcn-lane-row .tlcn-lane-title {
  color:var(--drawer-head) !important;
  border-color:var(--drawer-line) !important;
}
#tlcnDrawer .dlk li a {
  color:var(--drawer-soft) !important;
  border-color:rgba(17,17,17,.10) !important;
}
#tlcnDrawer .dlk li a:hover,
#tlcnDrawer .tlcn-lane-more {
  color:var(--drawer-accent) !important;
}
#tlcnDrawer .tlcn-hero,
#tlcnDrawer .nt {
  background-color:#FBF9F5;
  border:1px solid var(--drawer-accent);
  box-shadow:0 16px 30px var(--drawer-shadow);
}
#tlcnDrawer .tlcn-hero-label,
#tlcnDrawer .tl {
  /* Tile labels sit on a photo + fixed dark scrim (.nt::before), not on --drawer-bg —
     always light here, regardless of palette ink, or Ivory's dark --drawer-ink is unreadable. */
  color:#F8F7F3;
}
#tlcnDrawer .nt:hover {
  box-shadow:0 18px 34px rgba(17,17,17,.16);
}/* ── Utility bar ── */
#shopify-section-sections--16269657112705__tlc-nav .tlc-util {
  background:var(--bg);
  border-bottom:1px solid rgba(255,255,255,.08);
  height:56px;
  overflow:hidden;
  transition:height .28s ease, opacity .22s ease, border-color .22s ease;
}/* TLC 2026-05-18: slim-on-scroll — utility bar collapses after ~140px of scroll so only the main 62px nav row stays pinned. Class toggled in JS at the bottom of the file. Affects desktop only because .tlc-util is already hidden on mobile (≤1024px). */
#shopify-section-sections--16269657112705__tlc-nav.is-slim .tlc-util {
  height:0;
  opacity:0;
  border-bottom-color:transparent;
  pointer-events:none;
}
/* Soften the main nav border too so the slimmed bar feels deliberate, not severed */
#shopify-section-sections--16269657112705__tlc-nav.is-slim {
  box-shadow:0 1px 0 rgba(0,0,0,.18);
}
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-in {
  max-width:var(--max); margin:0 auto; padding:0 32px;
  height:56px; display:flex; align-items:center;
  justify-content:space-between; position:relative;
}
/* TLC 2026-05-18: wordmark RE-ENABLED as a properly bold, readable mast — Inter 700 / 14px / .22em / pure white, locked with -webkit-text-fill-color so no opacity layer can fade it. Sits absolute-centered in the utility bar above the primary nav. */
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-logo {
  font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;
  font-weight:700;
  /* TLC 2026-07-12: 14px → 19px per founder — bigger wordmark, stronger brand presence. */
  font-size:19px; letter-spacing:.24em; color:var(--ink);
  position:absolute; left:50%; transform:translateX(-50%);
  white-space:nowrap; text-decoration:none;
  text-transform:uppercase;
  -webkit-text-fill-color:var(--ink);
  display:inline-flex; align-items:center;
  transition:opacity .2s;
}
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-logo:hover {
  color:var(--ink); -webkit-text-fill-color:var(--ink); opacity:.85;
}
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-logo:hover {
  color:var(--ink); -webkit-text-fill-color:var(--ink); opacity:.85;
}
/* hover handled in the bold-white block above */
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-logo-img {
  display:block; height:24px; width:auto; max-height:24px;
}
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-logo-inv { filter:invert(1); }
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-left {
  display:flex; align-items:center;
}
/* TLC 2026-05-18: utility-bar copy upscaled for readability — delivery message + right-side links both now uppercase Inter 500 / 12px / .16em with stronger opacity. Reads cleanly without competing with the white wordmark. */
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-delivery {
  font-size:12px; letter-spacing:.16em; font-weight:500;
  text-transform:uppercase; color:var(--soft);
  font-family:'Hanken Grotesk',sans-serif;
}
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-links {
  display:flex; align-items:center; gap:0;
}
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-link {
  font-size:12px; letter-spacing:.16em; font-weight:500;
  text-transform:uppercase; color:var(--soft);
  text-decoration:none; font-family:'Hanken Grotesk',sans-serif;
  padding:0 14px; transition:color .2s, opacity .2s; white-space:nowrap;
}
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-link:hover { color:var(--ink); opacity:1; }
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-sep {
  color:rgba(200,160,106,.55); font-size:10px;
}/* Blush + Ivory cascade: the service strip stays dark (red / burgundy), so force its text light — the one exception to an otherwise dark-ink nav. Placed AFTER the base rules above on purpose so it actually wins the cascade (an earlier attempt sat before them and silently lost). */
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-logo,
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-logo:hover { color:#FFF4EE; -webkit-text-fill-color:#FFF4EE; }
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-delivery,
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-link { color:rgba(255,244,238,.80); }
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-link:hover { color:#FFF4EE; }
#shopify-section-sections--16269657112705__tlc-nav .tlc-util-sep { color:rgba(255,244,238,.40); }/* ── Hamburger (mobile only) ── */
#shopify-section-sections--16269657112705__tlc-nav .nb {
  display:none; flex-direction:column; gap:6px; cursor:pointer;
  padding:4px; margin-right:-4px; background:none; border:none; flex-shrink:0;
}
#shopify-section-sections--16269657112705__tlc-nav .nb span {
  display:block; width:22px; height:1.5px;
  background:rgba(239,232,218,.85); border-radius:1px;
}/* Ivory: the cream hamburger bars above are built for the dark palettes (brown/red/blush) and wash out to near-invisible on Love White. Deep Burgundy instead — the brand's actual "red". */
#shopify-section-sections--16269657112705__tlc-nav .nb span {
  background:#6E1F2B;
}/* ── Hide legacy header section ── */
.shopify-section--header { display:none !important; }

/* ── Petals loyalty pill ── */
.tlc-petals-pill {
  display:inline-flex; align-items:center; gap:4px;
  padding:3px 10px 3px 8px; border-radius:999px;
  border:1px solid currentColor; color:inherit;
  font-size:11px; font-weight:600; letter-spacing:.04em;
  text-decoration:none; white-space:nowrap; opacity:.85;
  transition:opacity .2s;
}
.tlc-petals-pill:hover { opacity:1; }
.tlc-petals-tier {
  font-size:9px; font-weight:500; letter-spacing:.08em;
  text-transform:uppercase; opacity:.75; margin-left:2px;
}

/* ── Tighten desktop spacing on small laptops (1024–1199px) ── */
@media(max-width:1199px) and (min-width:1025px){
  #shopify-section-sections--16269657112705__tlc-nav .ni { padding:0 16px; gap:10px; }
  #shopify-section-sections--16269657112705__tlc-nav .ni-i > a { padding:0 7px; font-size:12px; letter-spacing:.07em; }
  #shopify-section-sections--16269657112705__tlc-nav .ni-ic { width:34px; height:34px; }
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-form { min-width:140px; max-width:160px; }
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-input { font-size:11px !important; padding:0 8px; }
}

/* ── Mobile right icon group ── */
#shopify-section-sections--16269657112705__tlc-nav .nrm {
  display:none;
  align-items:center; gap:2px; flex-shrink:0;
}

/* ── Mobile/tablet breakpoint — switch to drawer ── */
@media(max-width:1024px) {
  #shopify-section-sections--16269657112705__tlc-nav .nls,
  #shopify-section-sections--16269657112705__tlc-nav .nr { display:none !important; }
  #shopify-section-sections--16269657112705__tlc-nav .nb { display:flex !important; }
  #shopify-section-sections--16269657112705__tlc-nav .nrm { display:flex !important; }
  #shopify-section-sections--16269657112705__tlc-nav .tlc-util { display:none; }
  #shopify-section-sections--16269657112705__tlc-nav { padding-top:0; }
  #shopify-section-sections--16269657112705__tlc-nav .ni { padding:0 16px; justify-content:space-between; }
  #shopify-section-sections--16269657112705__tlc-nav .nl {
    position:absolute; left:50%; transform:translateX(-50%);
    font-size:17px; font-weight:800; letter-spacing:.16em; white-space:nowrap;
  }
  #shopify-section-sections--16269657112705__tlc-nav .nb { color:var(--soft); }
  #shopify-section-sections--16269657112705__tlc-nav .nb svg { width:22px; height:22px; }
  #shopify-section-sections--16269657112705__tlc-nav .nb span { display:none; }
  #shopify-section-sections--16269657112705__tlc-nav .nrm .ni-ic { width:36px; height:36px; color:var(--soft); }
  #shopify-section-sections--16269657112705__tlc-nav .nrm .ni-ic svg { width:20px; height:20px; }
}

/* ── Phone-specific tweaks ── */
@media(max-width:480px){
  #tlcnDrawer { width:88vw; max-width:340px; }
  #shopify-section-sections--16269657112705__tlc-nav .nl { font-size:15px; letter-spacing:.14em; }
  #shopify-section-sections--16269657112705__tlc-nav .ni { padding:0 14px; }
}

/* ────────────────────────────────────────────────────────────────────
   TLC 2026-07-05: HOMEPAGE HEADER COLOUR
   The old homepage overlay forced this header transparent over the hero,
   which made the approved Blush Wine palette disappear on the home page.
   Keep the homepage header coloured instead of floating clear.
   TLC 2026-07-08: this hardcoded red gradient was firing on EVERY palette
   (brown/ivory included), silently overriding whatever was picked in the
   Theme Editor. Scoped to red/blush only — the two palettes it was built
   for. Brown and Ivory now render their own var(--paper)/var(--bg) on the
   homepage same as every interior page.
   ──────────────────────────────────────────────────────────────────── *//* TLC 2026-08-14 founder ("remove this box in the search, make it easy and free flowing"):
     the base reset ships [type=search]{appearance:textfield;outline-offset:-2px}. appearance
     textfield restores the native field chrome, and the negative outline-offset draws the
     focus ring INSIDE the field — together that is the hard black box around the placeholder,
     sitting on top of the hairline underline this variant is supposed to be.
     Strip the box. Focus is not removed, it moves to the underline, which stays visible for
     keyboard users. */
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-input,
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-input:focus,
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-input:focus-visible{
    -webkit-appearance:none!important; appearance:none!important;
    border:0!important; outline:0!important; outline-offset:0!important;
    box-shadow:none!important; background:transparent!important; border-radius:0!important;
  }
  #shopify-section-sections--16269657112705__tlc-nav .ni-search-form--min:focus-within{
    border-bottom-color:var(--acc); border-bottom-width:1.5px;
  }

  /* One Last Night — desktop-only header entry, typographically identical to the
     Menu label so it reads as nav, not as a promo. */
  #shopify-section-sections--16269657112705__tlc-nav .ni-left{
    display:flex; align-items:center; gap:28px; flex:0 0 auto;
  }
  #shopify-section-sections--16269657112705__tlc-nav .ni-oln{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Hanken Grotesk',sans-serif; font-size:12px; font-weight:600;
    letter-spacing:.16em; text-transform:uppercase; color:var(--soft);
    text-decoration:none; white-space:nowrap; padding:6px 0;
    transition:opacity .18s ease;
  }
  #shopify-section-sections--16269657112705__tlc-nav .ni-oln:hover{ opacity:.62; }
  #shopify-section-sections--16269657112705__tlc-nav .ni-oln i{
    width:6px; height:6px; border-radius:50%; background:#f4e04d;
    box-shadow:0 0 0 3px rgba(244,224,77,.30); flex:0 0 auto;
  }
  /* Below 1100px the label would grow into the centred wordmark. Drop it —
     the drawer's Card Stories entry covers tablet + phone. */
  @media(max-width:1100px){ #shopify-section-sections--16269657112705__tlc-nav .ni-oln{ display:none; } }
  @media(prefers-reduced-motion:reduce){ #shopify-section-sections--16269657112705__tlc-nav .ni-oln{ transition:none; } }

  /* TLC 2026-08-13 founder ("fix the menu, one last night is over flowing"):
     the .ni-left / .ni-oln rules above were added INSIDE the @media(min-width:1025px)
     block, so on a phone neither applied and the link rendered as a bare inline <a>,
     spilling out of the 50px header row. Worse, the max-width:1100px hide was nested
     inside min-width:1025px, which only ever means 1025-1100px - it could never fire
     on mobile. Re-declared here at top level, after that block closes. */
  #shopify-section-sections--16269657112705__tlc-nav .ni-left{
    display:flex; align-items:center; gap:28px; flex:0 0 auto;
  }
  #shopify-section-sections--16269657112705__tlc-nav .ni-oln{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Hanken Grotesk',sans-serif; font-size:12px; font-weight:600;
    letter-spacing:.16em; text-transform:uppercase; color:var(--soft);
    text-decoration:none; white-space:nowrap; padding:6px 0;
  }
  #shopify-section-sections--16269657112705__tlc-nav .ni-oln i{
    width:6px; height:6px; border-radius:50%; background:#f4e04d;
    box-shadow:0 0 0 3px rgba(244,224,77,.30); flex:0 0 auto;
  }
  /* TLC 2026-09-02: ACTIVE+ joins One Last Night beside MENU, so the left cluster grew
     by ~98px and the old single 1100px cliff would have dropped BOTH at once. Two steps
     instead: One Last Night (a single product) goes first at 1240px, ACTIVE+ (a whole
     range) holds on to 1100px. Both live in the drawer either way. */
  #shopify-section-sections--16269657112705__tlc-nav .ni-actv{ gap:0; }
  @media(max-width:1240px){
    #shopify-section-sections--16269657112705__tlc-nav .ni-oln:not(.ni-actv){ display:none !important; }
    #shopify-section-sections--16269657112705__tlc-nav .ni-left{ gap:20px; }
  }
  @media(max-width:1100px){
    #shopify-section-sections--16269657112705__tlc-nav .ni-oln{ display:none !important; }
    #shopify-section-sections--16269657112705__tlc-nav .ni-left{ gap:0; }
  }<div class="ni-left">
    <button class="nb" id="tlcnBurger" aria-label="Open menu" aria-expanded="false" aria-controls="tlcnDrawer"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 6.5h18M3 12h18M3 17.5h18"/></svg>
    </button><a href="/products/one-last-night" class="ni-oln"><i aria-hidden="true"></i>One Last Night</a>
  </div>

  /* TLC 2026-08-14 founder ("remove the black box in search"): the predictive-search DRAWER
     input is a separate field from the masthead one and lives outside this section, so the
     earlier .ni-search-input fix never reached it. Same root cause: the base reset ships
     [type=search]{appearance:textfield;outline-offset:-2px}, which restores native chrome and
     draws the focus ring inside the field. Targeted by id because the drawer is theme-level.
     Focus is preserved as a soft underline, not removed. */
  #search-drawer-input,
  #search-drawer-input:focus,
  #search-drawer-input:focus-visible,
  #search-drawer input[type="search"],
  #search-drawer input[type="search"]:focus,
  #search-drawer input[type="search"]:focus-visible{
    -webkit-appearance:none!important; appearance:none!important;
    border:0!important; border-radius:0!important; outline:0!important; outline-offset:0!important;
    box-shadow:none!important; background:transparent!important;
    border-bottom:1px solid rgba(200,160,106,.35)!important;
  }
  #search-drawer-input:focus,
  #search-drawer input[type="search"]:focus{
    border-bottom-color:rgba(110,31,43,.55)!important; border-bottom-width:1.5px!important;
  }