/* Spices To Snacks 2.2.4 — stable Collections, header cart, FAQ support */

/* Desktop header: reserve enough room for the cart icon and its count bubble. */
@media (min-width:1025px){
  body #sts-storefront .section-header-single-line .container-1570{
    padding-left:28px!important;
    padding-right:34px!important;
    box-sizing:border-box!important;
  }
  body #sts-storefront .header-single-line__item--cart{
    width:58px!important;
    min-width:58px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body #sts-storefront .header-single-line__item--cart .header__group,
  body #sts-storefront .header-single-line__item--cart .header__icon--cart{
    overflow:visible!important;
    position:relative!important;
  }
  body #sts-storefront .header-single-line .header__icon--cart .cart-count-bubble{
    right:-2px!important;
    top:-8px!important;
  }
}

/* Collections: deliberately simple compositor-safe grid. */
body #sts-storefront .sts5-collections-page{
  width:100%!important;
  max-width:1510px!important;
  margin:0 auto!important;
  padding:34px 20px 90px!important;
  box-sizing:border-box!important;
}
body #sts-storefront .sts5-collections-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:56px 28px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body #sts-storefront .sts5-collection-card{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  contain:none!important;
  isolation:auto!important;
  clip-path:none!important;
  transform:none!important;
  filter:none!important;
  box-sizing:border-box!important;
  text-align:center!important;
  background:#fff!important;
}
body #sts-storefront .sts5-collection-image{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:0 0 28px!important;
  padding:0!important;
  overflow:hidden!important;
  contain:none!important;
  clip-path:none!important;
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
  background:#f7f3ee!important;
  box-sizing:border-box!important;
}
body #sts-storefront .sts5-collection-image::before,
body #sts-storefront .sts5-collection-image::after,
body #sts-storefront .sts5-collection-card::before,
body #sts-storefront .sts5-collection-card::after{content:none!important;display:none!important}
body #sts-storefront .sts5-collection-image img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
body #sts-storefront .sts5-collection-image img:not(:first-of-type){display:none!important}
body #sts-storefront .sts5-collection-extra{display:none!important}
body #sts-storefront .sts5-collections-page.is-expanded .sts5-collection-extra{display:block!important}
@media(max-width:767px){
  body #sts-storefront .sts5-collections-page{padding:22px 14px 80px!important}
  body #sts-storefront .sts5-collections-grid{grid-template-columns:1fr!important;gap:38px!important}
}

/* FAQ: answer panes are controlled by faq-v224.js; this keeps the visual state deterministic. */
body #sts-storefront .faqs-item .collapse{display:none!important}
body #sts-storefront .faqs-item .collapse.sts-faq-open{display:block!important}
body #sts-storefront .faqs-filterDropdown.sts-faq-filter-open .faqs-filterDropdown-menu{
  display:block!important;opacity:1!important;visibility:visible!important
}