/* Cookbook Shelf collections: editorial photography and a calmer, consistent card system. */
body.cooking[data-page="collections"] .csx-hero,
body.cooking[data-page="collections"] .csx-hero-copy{min-height:330px}
body.cooking[data-page="collections"] .csx-hero-copy{max-width:700px;padding:42px clamp(38px,4vw,62px)}
body.cooking[data-page="collections"] .csx-hero h1{font-size:clamp(44px,4.4vw,62px)!important}
body.cooking[data-page="collections"] .csx-lede{max-width:590px;margin-top:15px;font-size:15px}
body.cooking[data-page="collections"] .csx-hero-meta{margin-top:20px}

body.cooking[data-page="collections"] .csx-section{padding-top:38px}
body.cooking[data-page="collections"] .csx-section[id^="group-"] .csx-section-head{
  position:relative;isolation:isolate;min-height:132px;align-items:end;overflow:hidden;
  margin-bottom:18px;padding:25px 27px;border-radius:18px;background-position:center;
  background-size:cover;box-shadow:0 12px 30px rgba(47,31,20,.11)
}
body.cooking[data-page="collections"] .csx-section[id^="group-"] .csx-section-head:before{
  content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(90deg,rgba(29,19,13,.84),rgba(29,19,13,.48) 54%,rgba(29,19,13,.12))
}
body.cooking[data-page="collections"] #group-theme .csx-section-head,
body.cooking[data-page="collections"] #group-genre .csx-section-head{background-image:url("/static/img/cooking/collections-subject-v1.webp")}
body.cooking[data-page="collections"] #group-demo .csx-section-head{background-image:url("/static/img/cooking/collections-reader-v1.webp");background-position:center 47%}
body.cooking[data-page="collections"] #group-format .csx-section-head{background-image:url("/static/img/cooking/collections-format-v1.webp");background-position:center 51%}
body.cooking[data-page="collections"] #group-mood .csx-section-head{background-image:url("/static/img/cooking/collections-mood-v1.webp");background-position:center 57%}
body.cooking[data-page="collections"] .csx-section[id^="group-"] .csx-section-head h2{
  color:#fff!important;font-size:clamp(30px,2.7vw,43px)!important;text-shadow:0 2px 16px rgba(0,0,0,.22)
}
body.cooking[data-page="collections"] .csx-section[id^="group-"] .csx-section-head>span{
  border:1px solid rgba(255,255,255,.3);background:rgba(28,19,13,.45);color:#fff;backdrop-filter:blur(8px)
}

body.cooking[data-page="collections"] .csx-grid{gap:17px}
body.cooking[data-page="collections"] .csx-card{min-height:294px;border-color:#ddd1c5;background:#fffdf9;box-shadow:0 7px 20px rgba(61,42,28,.06)}
body.cooking[data-page="collections"] .csx-card-media{
  min-height:164px;background-color:#e9e2d9!important;
  background-image:linear-gradient(145deg,#f1ece5 0%,#ddd3c8 100%)!important
}
body.cooking[data-page="collections"] .csx-card-media:before{
  content:"";position:absolute;inset:15px;border:1px solid rgba(87,65,49,.1);border-radius:10px;pointer-events:none
}
body.cooking[data-page="collections"] .csx-card-media:after{
  background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.58),transparent 35%),linear-gradient(180deg,transparent 65%,rgba(38,25,17,.07))
}
body.cooking[data-page="collections"] .csx-card-media .csx-book-cover{
  height:132px;max-width:76%;border-radius:2px;transform:none!important;box-shadow:0 12px 23px rgba(31,21,14,.24)
}
body.cooking[data-page="collections"] .csx-card:hover .csx-book-cover{transform:translateY(-4px) scale(1.025)!important}
body.cooking[data-page="collections"] .csx-card-copy{min-height:130px;padding:18px 19px 16px}
body.cooking[data-page="collections"] .csx-card-number{color:#a94d19;letter-spacing:.1em;text-transform:uppercase}
body.cooking[data-page="collections"] .csx-card h3{margin-top:8px}
body.cooking[data-page="collections"] .csx-card-bottom b{background:#f0e7de}

body.cooking[data-page="collections"] .csx-grid:has(> .csx-card:only-child)>.csx-card{grid-template-columns:minmax(270px,38%) 1fr;min-height:205px}
body.cooking[data-page="collections"] .csx-grid:has(> .csx-card:only-child) .csx-card-media{min-height:205px}
body.cooking[data-page="collections"] .csx-grid:has(> .csx-card:only-child) .csx-card-media .csx-book-cover{height:158px}
body.cooking[data-page="collections"] .csx-grid:has(> .csx-card:only-child) .csx-card-copy{min-height:205px;padding:26px 32px}

@media(max-width:720px){
  body.cooking[data-page="collections"] .csx-hero,
  body.cooking[data-page="collections"] .csx-hero-copy{min-height:350px}
  body.cooking[data-page="collections"] .csx-hero-copy{padding:22px 20px}
  body.cooking[data-page="collections"] .csx-section{padding-top:30px}
  body.cooking[data-page="collections"] .csx-section[id^="group-"] .csx-section-head{min-height:104px;padding:19px 18px;border-radius:15px}
  body.cooking[data-page="collections"] .csx-section[id^="group-"] .csx-section-head h2{font-size:29px!important}
  body.cooking[data-page="collections"] .csx-section[id^="group-"] .csx-section-head>span{padding:7px 9px;font-size:8px}
  body.cooking[data-page="collections"] .csx-card,
  body.cooking[data-page="collections"] .csx-grid:has(> .csx-card:only-child)>.csx-card{min-height:270px}
  body.cooking[data-page="collections"] .csx-card-media,
  body.cooking[data-page="collections"] .csx-grid:has(> .csx-card:only-child) .csx-card-media{min-height:152px}
  body.cooking[data-page="collections"] .csx-card-media .csx-book-cover,
  body.cooking[data-page="collections"] .csx-grid:has(> .csx-card:only-child) .csx-card-media .csx-book-cover{height:122px}
  body.cooking[data-page="collections"] .csx-card-copy,
  body.cooking[data-page="collections"] .csx-grid:has(> .csx-card:only-child) .csx-card-copy{min-height:118px;padding:16px 17px}
}