/* Savannah Peptide: home "Full Catalog" tile, v35 layout.
   Image on top (v25, vials centred), then "Full Catalog / N products" and the teal arrow on the card below.
   Scoped to .sp-cat-all only; the other category tiles are untouched. CSS only, no markup change.
   Load after savannah-core.css / savannah-dark.css (both inlined in storefront-style). Rollback: dequeue/delete this file. */
.sp-cats .sp-cat.sp-cat-all{display:flex!important;flex-direction:column!important;overflow:hidden}
body.sp-dark .sp-cats .sp-cat.sp-cat-all{background:#13263d!important}
.sp-cats .sp-cat.sp-cat-all:after{display:none!important}
.sp-cats .sp-cat.sp-cat-all img{display:block;width:100%!important;height:auto!important;aspect-ratio:3/1!important;object-fit:cover!important;object-position:50% 50%!important}
.sp-cats .sp-cat.sp-cat-all .sp-cat-label{position:static!important;inset:auto!important;width:auto!important;background:none!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px;
  padding:18px 26px 20px!important;color:#f1f5f9!important;border-top:1px solid rgba(255,255,255,.06)}
.sp-cats .sp-cat.sp-cat-all .sp-cat-label>span{display:flex!important;flex-direction:column;flex:1 1 auto!important;min-width:0}
.sp-cats .sp-cat.sp-cat-all .sp-cat-label strong{color:#f1f5f9!important;font-size:1.3rem!important;font-weight:600!important;line-height:1.2!important;min-height:0!important;letter-spacing:-.01em}
.sp-cats .sp-cat.sp-cat-all .sp-cat-label small{display:block;color:#a7b7c8!important;opacity:1!important;font-size:.86rem!important;margin-top:3px!important}
.sp-cats .sp-cat.sp-cat-all .sp-cat-label i{display:grid!important;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;
  font-style:normal;background:#17b3a3!important;color:#04121f!important;backdrop-filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px rgba(23,179,163,.28);transition:transform .2s,background .2s,box-shadow .2s}
.sp-cats .sp-cat.sp-cat-all:hover .sp-cat-label i{background:#3fcfbf!important;transform:translateX(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 22px rgba(63,207,191,.4)}
@media (max-width:767px){
  .sp-cats .sp-cat.sp-cat-all img{aspect-ratio:16/9!important}   /* centred crop: shows x 489-1911 of 2400; vials sit at 689-1711, inner helices stay in frame */
  .sp-cats .sp-cat.sp-cat-all .sp-cat-label{padding:12px 14px 14px!important;gap:12px}
  .sp-cats .sp-cat.sp-cat-all .sp-cat-label strong{font-size:1.12rem!important}
  .sp-cats .sp-cat.sp-cat-all .sp-cat-label small{font-size:.76rem!important;margin-top:2px!important}
  .sp-cats .sp-cat.sp-cat-all .sp-cat-label i{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){.sp-cats .sp-cat.sp-cat-all .sp-cat-label i{transition:none}.sp-cats .sp-cat.sp-cat-all:hover .sp-cat-label i{transform:none}}