/* Page-specific mobile polish for Cookbook Shelf editorial screens.
   The global shell/header/navigation belong to the mobile-shell task. */
@media(max-width:760px){
  body.cooking[data-page="home"] .cs-home,
  body.cooking[data-page="catalog"] .cs-catalog,
  body.cooking[data-page="collections"] .csx-page,
  body.cooking[data-page="authors"] .cs-authors-page,
  body.cooking[data-page="wishlist"] .cs-utility{overflow:clip}

  /* Home: one calm first-screen decision instead of a desktop hero squeezed into a phone. */
  body.cooking[data-page="home"] .cs-hero-copy{padding:26px 20px 22px!important}
  body.cooking[data-page="home"] .cs-kicker{margin-bottom:12px;font-size:10px}
  body.cooking[data-page="home"] .cs-hero h1{max-width:330px;font-size:37px!important;line-height:.98!important;letter-spacing:-1.7px!important}
  body.cooking[data-page="home"] .cs-hero-lede{max-width:335px;margin-top:13px;font-size:14.5px;line-height:1.5}
  body.cooking[data-page="home"] .cs-search{min-height:50px;margin-top:18px;border-radius:13px;box-shadow:0 8px 22px rgba(73,45,24,.09)}
  body.cooking[data-page="home"] .cs-search input{width:100%;min-width:0;padding:13px 12px 13px 15px;font-size:16px}
  body.cooking[data-page="home"] .cs-search button{min-width:92px;min-height:42px;margin:4px;padding:0 13px;border-radius:10px;font-size:12px}
  body.cooking[data-page="home"] .cs-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
  body.cooking[data-page="home"] .cs-hero-actions a{justify-content:center;min-width:0;min-height:46px;padding:9px 10px;text-align:center;font-size:11.5px;line-height:1.2}
  body.cooking[data-page="home"] .cs-hero-visual{min-height:230px!important}
  body.cooking[data-page="home"] .cs-hero-note{right:12px;bottom:12px;max-width:215px;padding:11px 13px;border-radius:12px}
  body.cooking[data-page="home"] .cs-hero-note small{font-size:8px}
  body.cooking[data-page="home"] .cs-hero-note strong{font-size:14px;line-height:1.2}
  body.cooking[data-page="home"] .cs-hero-note a{min-height:40px;margin-top:4px;padding-top:9px}
  body.cooking[data-page="home"] .cs-subject-wrap{padding:10px 0 4px!important}
  body.cooking[data-page="home"] .cs-subject-wrap>.container{padding-inline:0!important}
  body.cooking[data-page="home"] .cs-subjects{display:flex;gap:9px;overflow-x:auto;padding:0 16px 8px!important;border:0;scroll-padding-inline:16px;scroll-snap-type:x proximity;scrollbar-width:none}
  body.cooking[data-page="home"] .cs-subjects::-webkit-scrollbar{display:none}
  body.cooking[data-page="home"] .cs-subject{min-width:68%;min-height:76px;flex:0 0 68%;padding:14px;border:1px solid #e7ddd2!important;border-radius:13px;scroll-snap-align:start}
  body.cooking[data-page="home"] .cs-subject strong{font-size:13px}
  body.cooking[data-page="home"] .cs-subject small{font-size:10.5px}
  body.cooking[data-page="home"] .cs-paths,
  body.cooking[data-page="home"] .cs-rail,
  body.cooking[data-page="home"] .cs-editor,
  body.cooking[data-page="home"] .cs-shelves,
  body.cooking[data-page="home"] .cs-reference,
  body.cooking[data-page="home"] .cs-journal{padding-block:34px!important}
  body.cooking[data-page="home"] .cs-section-head{margin-bottom:17px}
  body.cooking[data-page="home"] .cs-section-head h2{font-size:27px!important}
  body.cooking[data-page="home"] .cs-section-head>a{display:inline-flex;align-items:center;min-height:42px}
  body.cooking[data-page="home"] .cs-product-grid{padding-bottom:10px}
  body.cooking[data-page="home"] .cs-product-grid>*{min-width:52%;flex-basis:52%}
  body.cooking[data-page="home"] .cs-product-grid .card-wish-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;top:7px!important;right:7px!important}
  body.cooking[data-page="home"] .cs-product-grid .pcard-title{display:flex!important;align-items:center;min-height:40px!important}
  body.cooking[data-page="home"] :is(.cs-reference,.cs-journal) a{display:flex;align-items:center;min-height:44px}
  body.cooking[data-page="home"] .cs-trust-grid{grid-template-columns:1fr}
  body.cooking[data-page="home"] .cs-trust-item{min-height:64px}

  /* Catalog: all three entry photographs are visible; no clipped pseudo-grid. */
  body.cooking[data-page="catalog"] .cs-catalog-crumb .container,
  body.cooking[data-page="catalog"] .cs-catalog-head,
  body.cooking[data-page="catalog"] .cs-index>.container{padding-inline:18px!important}
  body.cooking[data-page="catalog"] .cs-catalog-head{padding-top:20px;padding-bottom:18px}
  body.cooking[data-page="catalog"] .cs-catalog h1{max-width:340px;font-size:39px!important;line-height:.92;letter-spacing:-2.2px}
  body.cooking[data-page="catalog"] .cs-featured-subjects{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:10px;overflow:visible!important;padding:0 18px!important}
  body.cooking[data-page="catalog"] .cs-feature-card,
  body.cooking[data-page="catalog"] .cs-feature-card:first-child{grid-column:auto;grid-row:auto;width:100%;min-width:0!important;height:154px;flex:none;border-radius:15px;scroll-snap-align:none}
  body.cooking[data-page="catalog"] .cs-feature-card:first-child{height:224px}
  body.cooking[data-page="catalog"] .cs-feature-copy{padding:17px 18px}
  body.cooking[data-page="catalog"] .cs-feature-copy strong,
  body.cooking[data-page="catalog"] .cs-feature-card:not(:first-child) .cs-feature-copy strong{font-size:23px;letter-spacing:-1px}
  body.cooking[data-page="catalog"] .cs-feature-copy>span{display:inline-flex;align-items:center;min-height:40px}
  body.cooking[data-page="catalog"] .cs-index{margin-top:28px;padding:34px 0 42px}
  body.cooking[data-page="catalog"] .cs-index-head{margin-bottom:20px}
  body.cooking[data-page="catalog"] .cs-index-head h2{font-size:29px}
  body.cooking[data-page="catalog"] .cs-index-head>span{font-size:13px;line-height:1.5}
  body.cooking[data-page="catalog"] .cs-catalog-grid{gap:12px}
  body.cooking[data-page="catalog"] .cs-catalog-card{display:grid;grid-template-columns:122px minmax(0,1fr);min-height:142px;border-radius:14px}
  body.cooking[data-page="catalog"] .cs-catalog-media{height:100%;min-height:142px;aspect-ratio:auto}
  body.cooking[data-page="catalog"] .cs-catalog-media small{left:8px;bottom:8px;padding:5px 7px;font-size:8px}
  body.cooking[data-page="catalog"] .cs-catalog-copy{justify-content:center;padding:14px}
  body.cooking[data-page="catalog"] .cs-catalog-copy strong{font-size:20px}
  body.cooking[data-page="catalog"] .cs-catalog-copy>span{display:-webkit-box;overflow:hidden;margin-top:7px;font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  body.cooking[data-page="catalog"] .cs-catalog-copy b{min-height:40px;padding-top:8px}

  /* Collections: retain the photography but fit the thesis and first shelf in one viewport. */
  body.cooking[data-page="collections"] .csx-wrap{width:calc(100% - 28px)!important}
  body.cooking[data-page="collections"] .csx-hero,
  body.cooking[data-page="collections"] .csx-hero-copy{min-height:326px!important}
  body.cooking[data-page="collections"] .csx-hero{border-radius:18px;background-position:64% center}
  body.cooking[data-page="collections"] .csx-hero-copy{justify-content:flex-end;padding:24px 19px!important}
  body.cooking[data-page="collections"] .csx-kicker{margin-bottom:11px;font-size:9px}
  body.cooking[data-page="collections"] .csx-hero h1{font-size:39px!important;line-height:.94!important}
  body.cooking[data-page="collections"] .csx-lede{margin-top:12px;font-size:13px;line-height:1.45}
  body.cooking[data-page="collections"] .csx-hero-meta{gap:10px;margin-top:14px}
  body.cooking[data-page="collections"] .csx-hero-meta>a{min-height:46px;padding-inline:16px}
  body.cooking[data-page="collections"] .csx-section{padding-top:25px!important}
  body.cooking[data-page="collections"] .csx-section[id^="group-"] .csx-section-head{min-height:92px;padding:16px 17px;border-radius:14px}
  body.cooking[data-page="collections"] .csx-section[id^="group-"] .csx-section-head h2{font-size:27px!important}
  body.cooking[data-page="collections"] .csx-card{min-height:248px!important;border-radius:14px}
  body.cooking[data-page="collections"] .csx-card-media{min-height:138px!important}
  body.cooking[data-page="collections"] .csx-card-copy{min-height:110px!important;padding:15px 16px!important}
  body.cooking[data-page="collections"] .csx-card-media .csx-book-cover{height:110px!important}
  body.cooking[data-page="collections"] .csx-card-bottom a{display:grid;place-items:center;min-width:44px;min-height:44px}

  /* Authors: the image supports the directory instead of delaying it by 520px. */
  body.cooking[data-page="authors"] .cs-authors-page{padding:12px 0 88px!important}
  body.cooking[data-page="authors"] .cs-authors-page>.container{padding-inline:16px!important}
  body.cooking[data-page="authors"] .cs-authors-page .authors-hero{min-height:360px!important;border-radius:18px;background-position:68% center}
  body.cooking[data-page="authors"] .cs-authors-page .authors-hero-copy{min-height:360px!important;padding:24px 21px!important}
  body.cooking[data-page="authors"] .authors-eyebrow{margin-bottom:13px;font-size:9px}
  body.cooking[data-page="authors"] .cs-authors-page .authors-title{max-width:310px;font-size:37px!important;line-height:.97!important;letter-spacing:-1.5px!important}
  body.cooking[data-page="authors"] .authors-hero-copy>p{max-width:300px;margin-top:13px;font-size:13.5px;line-height:1.48}
  body.cooking[data-page="authors"] .authors-hero-facts{gap:7px;margin-top:16px}
  body.cooking[data-page="authors"] .authors-hero-facts>span{min-height:42px;padding:8px 12px}
  body.cooking[data-page="authors"] .authors-alpha{min-height:58px;margin:13px 0 26px!important;padding:7px!important;scroll-padding-inline:7px}
  body.cooking[data-page="authors"] .authors-alpha-letter{flex-basis:44px;min-width:44px!important;height:44px!important}
  body.cooking[data-page="authors"] .authors-directory-heading h2{font-size:28px}
  body.cooking[data-page="authors"] .authors-letter-group{margin-bottom:22px!important}
  body.cooking[data-page="authors"] .author-card{min-height:140px!important;padding:20px!important}
  body.cooking[data-page="authors"] .author-card:hover{padding:20px!important}
  body.cooking[data-page="authors"] .author-card-body{min-height:98px}
  body.cooking[data-page="authors"] .author-card-label{margin-bottom:12px}
  body.cooking[data-page="authors"] .author-card-name{font-size:24px!important}
  body.cooking[data-page="authors"] .author-card-cta{min-height:42px;padding-top:16px}

  /* Wishlist: the empty state already names the page, so remove the duplicate empty header. */
  body.cooking[data-page="wishlist"] .cs-shell{padding:14px 0 92px}
  body.cooking[data-page="wishlist"] .cs-shell>.container{padding-inline:16px!important}
  body.cooking[data-page="wishlist"] .cs-crumbs{min-height:40px;margin:0 0 12px;padding-top:8px}
  body.cooking[data-page="wishlist"] .cs-crumbs a{display:inline-flex;align-items:center;min-height:40px}
  body.cooking[data-page="wishlist"]:has(#wishEmpty[style*="grid"]) .cs-head{display:none}
  body.cooking[data-page="wishlist"] .cs-head{margin-bottom:18px;padding-bottom:18px}
  body.cooking[data-page="wishlist"] .cs-head h1{font-size:38px}
  body.cooking[data-page="wishlist"] .cs-empty--wishlist{border-radius:16px}
  body.cooking[data-page="wishlist"] .cs-empty__copy{padding:27px 20px 24px}
  body.cooking[data-page="wishlist"] .cs-empty__copy h2{max-width:315px;margin-bottom:14px;font-size:36px;line-height:1}
  body.cooking[data-page="wishlist"] .cs-empty__copy>p:not(.cs-kicker){margin-bottom:20px;font-size:14px;line-height:1.55}
  body.cooking[data-page="wishlist"] .cs-empty__copy .cs-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  body.cooking[data-page="wishlist"] .cs-empty__copy .cs-button{width:100%;min-height:48px;padding-inline:10px;font-size:11.5px;text-align:center}
  body.cooking[data-page="wishlist"] .cs-empty__facts{gap:10px;margin-top:17px;font-size:10px}
  body.cooking[data-page="wishlist"] .cs-empty__shelf{min-height:260px}
  body.cooking[data-page="wishlist"] .cs-empty__annotation{top:19px;left:20px;right:20px}
  body.cooking[data-page="wishlist"] .cs-empty__books{height:185px;bottom:40px}
  body.cooking[data-page="wishlist"] .cs-empty__book{padding:14px 8px}
  body.cooking[data-page="wishlist"] .cs-empty__book b{font-size:13px}
  body.cooking[data-page="wishlist"] .cs-empty__bookmark{right:4%;bottom:13px;min-width:118px;padding:8px 11px}
  body.cooking[data-page="wishlist"] .cs-reco{margin-top:34px;padding-top:24px}
  body.cooking[data-page="wishlist"] .cs-wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.cooking[data-page="wishlist"] .cs-wish-grid .prod-card{min-width:0;border-radius:13px!important}
  body.cooking[data-page="wishlist"] .cs-wish-grid .pcard-cover{aspect-ratio:2/3!important}
  body.cooking[data-page="wishlist"] .cs-wish-grid .pcard-title{display:flex!important;align-items:center;min-height:40px!important}
  body.cooking[data-page="wishlist"] .cs-wish-grid .card-wish-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;top:7px!important;right:7px!important}
}

@media(max-width:370px){
  body.cooking[data-page="home"] .cs-hero h1{font-size:35px!important}
  body.cooking[data-page="home"] .cs-hero-actions{grid-template-columns:1fr}
  body.cooking[data-page="catalog"] .cs-catalog-card{grid-template-columns:108px minmax(0,1fr)}
  body.cooking[data-page="authors"] .authors-title{font-size:37px!important}
  body.cooking[data-page="wishlist"] .cs-empty__copy .cs-actions{grid-template-columns:1fr}
}