:root{--collection-orange:#c86422;--collection-ink:#2b2118;--collection-paper:#f8f2ea;--collection-line:#e4d5c7;--collection-muted:#75685d}

body.cooking[data-page="category"] .cat-hero--collection{padding:24px 0 34px!important;background:#f8f2ea!important}
body.cooking[data-page="category"] .cat-hero--collection:after{display:none!important}
body.cooking[data-page="category"] .cat-hero--collection>.container{height:430px;border-color:var(--collection-line);border-radius:26px;background:#fffdf9;box-shadow:0 24px 62px rgba(66,43,27,.11)}
body.cooking[data-page="category"] .cat-hero--collection .cat-hero-content{height:100%;min-height:0;padding:30px clamp(34px,4.3vw,68px)}
body.cooking[data-page="category"] .cat-hero--collection .cat-hero-content:after{right:-100px;width:101px;background:linear-gradient(90deg,#fffdf9,rgba(255,253,249,0))}
.collection-hero-kicker{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--collection-orange);font:850 11px/1 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.collection-hero-kicker:before{content:"";width:30px;height:3px;border-radius:99px;background:var(--collection-orange)}
body.cooking[data-page="category"] .cat-hero--collection .cat-hero-h1{max-width:560px!important;font-size:clamp(50px,4.7vw,68px)!important;line-height:.96!important}
body.cooking[data-page="category"] .cat-hero--collection .cat-hero-row{margin-bottom:0!important}
body.cooking[data-page="category"] .cat-hero--collection .cat-hero-desc,body.cooking[data-page="category"] .cat-hero--collection .seo-intro{max-width:560px;margin-top:12px!important;color:var(--collection-muted)!important;font-size:15px!important;line-height:1.52!important}
body.cooking[data-page="category"] .cat-hero--collection .cat-hero-visual{height:430px}
body.cooking[data-page="category"] .cat-hero--collection .cat-hero-visual img{filter:saturate(.9) contrast(.98)}
body.cooking[data-page="category"] .cat-hero--collection .cat-hero-visual:after{background:linear-gradient(180deg,transparent 58%,rgba(43,33,24,.2))}
.collection-hero-meta{display:flex;align-items:center;gap:22px;margin-top:16px;padding-top:14px;border-top:1px solid #eadfd5;color:var(--collection-muted);font-size:12px;font-weight:700}
.collection-hero-meta strong{margin-right:5px;color:var(--collection-ink);font:800 21px/1 Georgia,serif}
.collection-hero-meta a{margin-left:auto;color:var(--collection-orange);font-weight:800;text-decoration:none}
.collection-hero-meta a:hover{text-decoration:underline;text-underline-offset:4px}

/* Esoterica collection detail: a cinematic subject-room cover using the collection's own image. */
body.esoterica[data-page="category"] .cat-hero--collection{padding:24px 0 30px!important;background:linear-gradient(180deg,#f5efe6,#fbf8f3)!important}
body.esoterica[data-page="category"] .cat-hero--collection:after{display:none!important}
body.esoterica[data-page="category"] .cat-hero--collection>.container{position:relative!important;display:block!important;width:min(1680px,calc(100% - 64px));min-height:440px;overflow:hidden;border:1px solid rgba(213,184,139,.46);border-radius:30px;background:#171011;box-shadow:0 26px 74px rgba(48,28,25,.2);box-sizing:border-box}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-content{position:relative;z-index:2;display:flex;width:min(760px,62%);min-height:440px;align-items:flex-end;padding:58px clamp(34px,5vw,78px);box-sizing:border-box;background:transparent!important}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-content:after{display:none!important}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-copy{width:100%;min-width:0;color:#fff8ed}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-copy:before,body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-copy:after{display:none!important}
body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-kicker{margin-bottom:20px;color:#e7b75d;text-shadow:0 1px 14px rgba(0,0,0,.35)}
body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-kicker:before{width:42px;height:1px;background:#e7b75d}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-row{margin-bottom:0!important}
body.esoterica[data-page="category"] .cat-hero--collection .cat-h1-total{display:none!important}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-h1{max-width:760px!important;margin:0!important;color:#fffaf1!important;font:720 clamp(58px,5.5vw,86px)/.88 'Playfair Display',Georgia,serif!important;letter-spacing:-.055em!important;text-wrap:balance;text-shadow:0 5px 28px rgba(0,0,0,.35)}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-desc{max-width:650px!important;margin:24px 0 0!important;color:rgba(255,248,237,.82)!important;font-size:16px!important;line-height:1.58!important;text-shadow:0 2px 18px rgba(0,0,0,.44)}
body.esoterica[data-page="category"] .cat-hero--collection .seo-intro-row{display:none!important}
body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-meta{gap:24px;margin-top:30px;padding-top:20px;border-color:rgba(255,248,237,.28);color:rgba(255,248,237,.72)}
body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-meta strong{color:#f0bd60;font:720 29px/1 'Playfair Display',Georgia,serif}
body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-meta a{display:inline-flex;min-height:40px;align-items:center;gap:18px;padding:0 17px;border:1px solid rgba(255,248,237,.34);border-radius:999px;color:#fffaf1;background:rgba(21,13,14,.2);backdrop-filter:blur(8px);text-decoration:none}
body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-meta a:hover{border-color:#e7b75d;background:#e7b75d;color:#211719;text-decoration:none}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-visual{position:absolute;z-index:0;inset:0;width:100%;height:100%;min-width:0;min-height:0;margin:0;overflow:hidden;border-radius:inherit;background:#211718;box-shadow:none}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-visual:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,12,14,.98) 0%,rgba(26,15,17,.92) 30%,rgba(29,17,18,.55) 58%,rgba(22,13,14,.1) 85%),linear-gradient(0deg,rgba(18,11,12,.42),transparent 48%);content:"";pointer-events:none}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.78) contrast(1.06) brightness(.82);transform:scale(1.01)}
body.esoterica[data-page="category"] .cat-hero--collection+.cat-products{padding-top:30px!important}

@media(max-width:1050px){
  body.esoterica[data-page="category"] .cat-hero--collection>.container{width:calc(100% - 36px);min-height:410px}
  body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-content{width:min(700px,72%);min-height:410px;padding:46px 42px}
  body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-h1{font-size:clamp(52px,7vw,72px)!important}
}
@media(max-width:760px){
  body.esoterica[data-page="category"] .cat-hero--collection{padding:10px 0 18px!important}
  body.esoterica[data-page="category"] .cat-hero--collection>.container{width:calc(100% - 20px);min-height:500px;border-radius:23px}
  body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-content{width:100%;min-height:500px;align-items:flex-end;padding:30px 22px}
  body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-kicker{margin-bottom:16px}
  body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-h1{font-size:clamp(43px,13vw,58px)!important;line-height:.91!important}
  body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-desc{margin-top:17px!important;font-size:13.5px!important;line-height:1.5!important}
  body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-meta{align-items:flex-start;flex-direction:column;gap:13px;margin-top:22px;padding-top:17px}
  body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-meta a{min-height:38px;margin-left:0;padding-inline:14px}
  body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-visual:after{background:linear-gradient(0deg,rgba(20,12,14,.99) 0%,rgba(25,15,17,.86) 43%,rgba(24,14,16,.28) 73%,rgba(20,12,14,.12) 100%)}
  body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-visual img{object-position:60% center}
  body.esoterica[data-page="category"] .cat-hero--collection+.cat-products{padding-top:18px!important}
}
@media(max-width:420px){
  body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-meta{align-items:flex-start;flex-direction:column}
  body.esoterica[data-page="category"] .cat-hero--collection .collection-hero-meta a{margin-left:0}
}

.collection-directory-page{padding:0 0 72px;background:var(--collection-paper);color:var(--collection-ink)}
.collection-directory-wrap{width:min(1680px,calc(100% - 64px));margin:auto}
.collection-directory-crumbs{display:flex;align-items:center;gap:9px;padding:19px 0;color:#8c7d72;font-size:13px}
.collection-directory-crumbs a{color:var(--collection-orange);font-weight:700;text-decoration:none}
.collection-directory-crumbs strong{color:var(--collection-ink)}
.collection-directory-hero{display:grid;grid-template-columns:minmax(0,.83fr) minmax(520px,1.17fr);min-height:430px;overflow:hidden;border:1px solid var(--collection-line);border-radius:26px;background:#fffdf9;box-shadow:0 24px 62px rgba(66,43,27,.11)}
.collection-directory-copy{display:flex;flex-direction:column;justify-content:center;padding:52px clamp(36px,5vw,76px)}
.collection-directory-copy h1{max-width:620px;margin:0;color:var(--collection-ink);font:750 clamp(54px,5.5vw,82px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.055em}
.collection-directory-copy>p:not(.collection-hero-kicker){max-width:580px;margin:24px 0 0;color:var(--collection-muted);font-size:16px;line-height:1.62}
.collection-directory-meta{display:flex;align-items:center;gap:24px;margin-top:30px;padding-top:20px;border-top:1px solid #eadfd5;color:var(--collection-muted);font-size:12px;font-weight:700}
.collection-directory-meta strong{margin-right:5px;color:var(--collection-ink);font:800 22px/1 Georgia,serif}
.collection-directory-meta a{margin-left:auto;color:var(--collection-orange);font-weight:800;text-decoration:none}
.collection-directory-primary{display:inline-flex;width:max-content;min-height:50px;align-items:center;gap:24px;margin-top:28px;padding:0 20px;border-radius:14px;background:var(--collection-orange);color:#fff;font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 10px 24px rgba(200,100,34,.2);transition:transform .2s,background .2s}
.collection-directory-primary:hover{transform:translateY(-2px);background:#a94f18}
.collection-directory-hero figure{position:relative;min-width:0;margin:0;overflow:hidden;background:#dfd1c4}
.collection-directory-hero figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,33,24,.04),transparent 30%),linear-gradient(180deg,transparent 68%,rgba(43,33,24,.16));pointer-events:none}
.collection-directory-hero img{width:100%;height:100%;object-fit:cover}
.collection-directory-list{padding-top:66px}
.collection-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.collection-directory-heading .collection-hero-kicker{margin-bottom:12px}
.collection-directory-heading h2{margin:0;color:var(--collection-ink);font:750 clamp(34px,3.4vw,50px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.collection-directory-heading>span{padding:9px 13px;border-radius:99px;background:#ede4da;color:#77685c;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.collection-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.collection-directory-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:16px;min-height:126px;padding:22px;border:1px solid var(--collection-line);border-radius:18px;background:#fff;color:var(--collection-ink);text-decoration:none;box-shadow:0 7px 22px rgba(65,42,27,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.collection-directory-card:hover{transform:translateY(-3px);border-color:#d3ad91;box-shadow:0 18px 34px rgba(65,42,27,.11)}
.collection-directory-number{grid-row:1/3;display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#f6e9dd;color:var(--collection-orange);font-size:11px;font-weight:900}
.collection-directory-card strong{font:750 20px/1.15 Georgia,serif}
.collection-directory-card>span:nth-of-type(2){align-self:start;margin-top:5px;color:var(--collection-muted);font-size:12px}
.collection-directory-card b{grid-column:3;grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;border:1px solid #ead9cb;border-radius:50%;color:var(--collection-orange);font-size:16px}
.collection-directory-actions{margin-top:28px;text-align:right}
.collection-directory-actions a{color:var(--collection-orange);font-weight:850;text-decoration:none}

/* A directory with one or two shelves is a choice page, not a catalogue grid. */
.collection-directory-page--sparse{padding-bottom:56px}
.collection-directory-page--sparse .collection-directory-wrap{width:min(1520px,calc(100% - 64px))}
.collection-directory-hero--sparse{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);min-height:360px}
.collection-directory-hero--sparse .collection-directory-copy{padding-block:42px}
.collection-directory-hero--sparse .collection-directory-copy h1{max-width:700px;font-size:clamp(46px,4.5vw,68px)}
.collection-directory-hero--sparse .collection-directory-copy>p:not(.collection-hero-kicker){max-width:610px;margin-top:18px}
.collection-directory-list--sparse{display:grid;grid-template-columns:minmax(270px,.62fr) minmax(0,1.38fr);gap:56px;padding:48px 0 8px}
.collection-directory-list--sparse .collection-directory-heading{display:block;margin:0;padding:22px 0}
.collection-directory-list--sparse .collection-directory-heading h2{max-width:420px;font-size:clamp(38px,3.6vw,55px);line-height:.98}
.collection-directory-list--sparse .collection-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.collection-directory-list--sparse .collection-directory-grid:has(>a:only-child){grid-template-columns:minmax(0,720px)}
.collection-directory-card--featured{display:flex;min-height:210px;align-items:flex-start;flex-direction:column;padding:30px 76px 30px 30px;border-radius:22px;background:#fffdf9}
.collection-directory-card--featured .collection-directory-card-label{color:var(--collection-orange);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.collection-directory-card--featured strong{margin-top:24px;font-size:clamp(28px,2.4vw,38px)}
.collection-directory-card--featured>span:nth-of-type(2){max-width:420px;margin-top:10px;color:var(--collection-muted);font-size:13px;line-height:1.45}
.collection-directory-card--featured b{position:absolute;right:26px;top:50%;width:42px;height:42px;transform:translateY(-50%);border-color:#dfc8b6;background:#fff;color:var(--collection-orange)}
.collection-directory-card--featured:hover b{background:var(--collection-orange);color:#fff}

@media(max-width:1100px){
  body.cooking[data-page="category"] .cat-hero--collection>.container{height:390px}
  body.cooking[data-page="category"] .cat-hero--collection .cat-hero-visual{height:390px}
  .collection-directory-hero{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);min-height:390px}
  .collection-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collection-directory-hero--sparse{grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);min-height:350px}
  .collection-directory-list--sparse{grid-template-columns:1fr;gap:20px}
  .collection-directory-list--sparse .collection-directory-heading{padding-bottom:0}
}
@media(max-width:760px){
  body.cooking[data-page="category"] .cat-hero--collection{padding:0 0 22px!important}
  body.cooking[data-page="category"] .cat-hero--collection>.container{height:auto;border-radius:0 0 20px 20px}
  body.cooking[data-page="category"] .cat-hero--collection .cat-hero-visual{height:auto;min-height:215px;aspect-ratio:16/9}
  body.cooking[data-page="category"] .cat-hero--collection .cat-hero-content{padding:28px 18px 26px}
  body.cooking[data-page="category"] .cat-hero--collection .cat-hero-h1{font-size:44px!important}
  .collection-hero-kicker{margin-bottom:13px;font-size:10px}
  .collection-hero-meta{align-items:flex-start;flex-direction:column;gap:11px;margin-top:20px;padding-top:16px}
  .collection-hero-meta a{margin-left:0}
  .collection-directory-wrap{width:min(100% - 28px,1680px)}
  .collection-directory-crumbs{overflow:hidden;white-space:nowrap}
  .collection-directory-hero{display:flex;min-height:0;flex-direction:column-reverse;border-radius:20px}
  .collection-directory-hero figure{min-height:215px;aspect-ratio:16/9}
  .collection-directory-copy{padding:28px 20px 30px}
  .collection-directory-copy h1{font-size:46px}
  .collection-directory-copy>p:not(.collection-hero-kicker){margin-top:17px;font-size:14px}
  .collection-directory-meta{align-items:flex-start;flex-direction:column;gap:12px;margin-top:22px}
  .collection-directory-meta a{margin-left:0}
  .collection-directory-primary{width:100%;justify-content:space-between;box-sizing:border-box}
  .collection-directory-list{padding-top:44px}
  .collection-directory-heading{align-items:flex-start;flex-direction:column;gap:12px}
  .collection-directory-grid{grid-template-columns:1fr}
  .collection-directory-card{min-height:112px;padding:18px;border-radius:16px}
  .collection-directory-page--sparse .collection-directory-wrap{width:min(100% - 28px,1520px)}
  .collection-directory-hero--sparse{min-height:0}
  .collection-directory-list--sparse{display:block;padding-top:36px}
  .collection-directory-list--sparse .collection-directory-heading{padding:0 0 19px}
  .collection-directory-list--sparse .collection-directory-heading h2{font-size:40px}
  .collection-directory-list--sparse .collection-directory-grid{grid-template-columns:1fr}
  .collection-directory-card--featured{min-height:180px;padding:24px 68px 24px 24px}
  .collection-directory-card--featured strong{margin-top:18px;font-size:29px}
  .collection-directory-card--featured b{right:20px}
}
@media(prefers-reduced-motion:reduce){.collection-directory-card{transition:none}}

/* Esoterica: no cover-photo hero on a collection. The flagship's category page opens
   with a compact header — kicker, H1, one line of description, the count — and the
   books start inside the first screen. This shop was spending ~500px of viewport on a
   dark photographic panel whose only call to action pointed away from the shelf, so a
   visitor who arrived to buy a book saw no book at all until they scrolled. The header
   itself stays: the H1 and the description are what rank the page. */
body.esoterica[data-page="category"] .cat-hero--collection{
  padding: 22px 0 18px !important;
  background: transparent !important;
}
body.esoterica[data-page="category"] .cat-hero--collection > .container{
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  display: block !important;
  padding: 0 !important;
}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-visual,
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-content:after,
body.esoterica[data-page="category"] .cat-hero--collection:after{ display: none !important; }
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-content{
  padding: 0 !important;
  background: none !important;
  min-height: 0 !important;
}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-h1{
  color: var(--primary) !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  margin: 6px 0 8px !important;
}
body.esoterica[data-page="category"] .cat-hero--collection .cat-hero-desc,
body.esoterica[data-page="category"] .cat-hero--collection .cat-h1-total{ color: #5b514c !important; }