/* Scrollprise v33.3 — corrections requested 2026-08-22 */

/* 01 — Categories hero: the three-step explainer panel has been removed.
   Let the hero copy occupy the composition naturally instead of leaving a dead right column. */
body.traditional-categories-page .category-hero-grid{
  grid-template-columns:minmax(0,900px)!important;
  justify-content:start!important;
  gap:0!important;
}
body.traditional-categories-page .category-hero-grid>div:first-child{
  width:100%!important;
  max-width:900px!important;
}
body.traditional-categories-page .category-hero h1{
  max-width:880px!important;
}
body.traditional-categories-page .category-hero p{
  max-width:720px!important;
}

/* 02 — Homepage feed cap: keep it as a compact end-note, not a product-card-height panel.
   The legacy grid used grid-auto-rows:1fr, which made this final row inherit card-like height. */
#picks #productGrid{
  grid-auto-rows:auto!important;
}
#picks .feed-cap-prompt{
  grid-column:1/-1!important;
  justify-self:center!important;
  align-self:start!important;
  width:max-content!important;
  max-width:min(100%,680px)!important;
  min-height:0!important;
  height:auto!important;
  margin:20px auto 2px!important;
  padding:8px 9px 8px 15px!important;
  gap:11px!important;
  flex-wrap:nowrap!important;
  border:1px solid rgba(17,20,17,.10)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  color:#686a65!important;
  box-shadow:0 8px 22px rgba(0,0,0,.055)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  font-size:11px!important;
  line-height:1.2!important;
}
#picks .feed-cap-prompt span{
  white-space:nowrap!important;
}
#picks .feed-cap-prompt a{
  min-height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

@media(max-width:700px){
  body.traditional-categories-page .category-hero-grid{
    grid-template-columns:1fr!important;
  }
  #picks .feed-cap-prompt{
    width:100%!important;
    max-width:420px!important;
    padding:9px 9px 9px 13px!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  #picks .feed-cap-prompt span{
    white-space:normal!important;
    font-size:10px!important;
  }
}