/* Popithere v8.10 — authoritative Recipe library layout.
   Detail mode remains owned by the legacy recipe-detail stylesheets.
   Library mode is intentionally isolated here so future CSS cannot turn
   recipe cards into postage stamps again. */
body.pih-recipes-page.recipe-library-only{
  overflow-x:hidden!important;
  background:#f7f5ef!important;
}
body.pih-recipes-page.recipe-library-only .hub-toolbar{display:none!important}
body.pih-recipes-page.recipe-library-only .app{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.pih-recipes-page.recipe-library-only .recipe-library-page{
  width:min(1480px,calc(100% - 48px))!important;
  max-width:1480px!important;
  margin:0 auto!important;
  padding:34px 0 80px!important;
  min-width:0!important;
}
.recipe-library-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:24px!important;
  padding:0 0 20px!important;
}
.recipe-library-header h1{
  margin:0!important;
  color:#102846!important;
  font-family:"Fredoka","Poppins",system-ui,sans-serif!important;
  font-size:clamp(3.1rem,5.1vw,5.6rem)!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
}
.recipe-library-header p{
  margin:8px 0 0!important;
  color:#6b7280!important;
  font-size:1rem!important;
}
.recipe-library-kicker{
  display:block!important;
  margin-bottom:8px!important;
  color:#b45309!important;
  font-size:.76rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.recipe-library-header button{
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
}
.recipe-library-tools{
  display:grid!important;
  grid-template-columns:minmax(260px,560px) auto!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  padding:14px 0!important;
  border-top:1px solid rgba(31,41,55,.14)!important;
  border-bottom:1px solid rgba(31,41,55,.14)!important;
}
.recipe-library-search{
  display:block!important;
  width:100%!important;
  max-width:560px!important;
  min-width:0!important;
}
.recipe-library-search input,
body.pih-recipes-page.recipe-library-only #searchInput{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:0 14px!important;
  border:1px solid rgba(31,41,55,.15)!important;
  border-radius:13px!important;
  background:#fffdf8!important;
  box-shadow:none!important;
  color:#102846!important;
  font-size:1rem!important;
}
.recipe-library-filters{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  min-width:max-content!important;
}
.recipe-library-filters button{
  min-height:40px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#4b5563!important;
  box-shadow:none!important;
  font-size:.9rem!important;
}
.recipe-library-filters button.active{
  background:#102846!important;
  color:#fff!important;
}
.recipe-library-count{
  display:block!important;
  padding:15px 0 10px!important;
  color:#6b7280!important;
  font-size:.86rem!important;
  font-weight:850!important;
}
body.pih-recipes-page.recipe-library-only .recipe-library-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;
  gap:22px!important;
  width:100%!important;
  min-width:0!important;
  align-items:start!important;
}
body.pih-recipes-page.recipe-library-only .recipe-library-grid .recipe-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  gap:9px!important;
  width:100%!important;
  min-width:220px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  text-align:left!important;
}
body.pih-recipes-page.recipe-library-only .recipe-library-grid .recipe-card .thumb,
body.pih-recipes-page.recipe-library-only .recipe-library-grid .recipe-card img.thumb{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  border-radius:18px!important;
  background:#ece8df!important;
  box-shadow:0 8px 24px rgba(31,41,55,.08)!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
body.pih-recipes-page.recipe-library-only .recipe-library-grid .recipe-card:hover .thumb{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(31,41,55,.13)!important;
}
body.pih-recipes-page.recipe-library-only .recipe-library-grid .recipe-title{
  display:-webkit-box!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:#102846!important;
  font-size:1.02rem!important;
  font-weight:850!important;
  line-height:1.25!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  white-space:normal!important;
}
body.pih-recipes-page.recipe-library-only .recipe-library-grid .recipe-meta{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:#788296!important;
  font-size:.82rem!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.pih-recipes-page.recipe-library-only .mobile-bottom-nav{display:none!important}

@media(max-width:1100px){
  body.pih-recipes-page.recipe-library-only .recipe-library-page{
    width:min(100% - 32px,1000px)!important;
  }
  body.pih-recipes-page.recipe-library-only .recipe-library-grid{
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;
    gap:18px!important;
  }
}
@media(max-width:760px){
  body.pih-recipes-page.recipe-library-only .recipe-library-page{
    width:100%!important;
    padding:18px 14px 92px!important;
  }
  .recipe-library-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:12px!important;
    padding-bottom:13px!important;
  }
  .recipe-library-header h1{font-size:2.8rem!important}
  .recipe-library-header p{max-width:28ch!important}
  .recipe-library-header button{
    min-height:44px!important;
    padding:0 12px!important;
  }
  .recipe-library-tools{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px 0!important;
  }
  .recipe-library-search{max-width:none!important}
  .recipe-library-filters{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.pih-recipes-page.recipe-library-only .recipe-library-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 12px!important;
  }
  body.pih-recipes-page.recipe-library-only .recipe-library-grid .recipe-card{
    min-width:0!important;
  }
  body.pih-recipes-page.recipe-library-only .recipe-library-grid .recipe-card .thumb{
    border-radius:14px!important;
  }
  body.pih-recipes-page.recipe-library-only .mobile-bottom-nav{display:grid!important}
}
@media(max-width:380px){
  .recipe-library-header p{display:none!important}
  body.pih-recipes-page.recipe-library-only .recipe-library-grid{gap:12px 9px!important}
  body.pih-recipes-page.recipe-library-only .recipe-library-grid .recipe-title{font-size:.92rem!important}
}