: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}

.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}}