/* Spices To Snacks v2.2.5 final fixes: header cart + static pages */

/* Keep the desktop cart fully inside the header safe area. */
@media (min-width:1025px){
  #sts-storefront .header-single-line .container-1570,
  #sts-storefront .section-header-single-line .container-1570{
    padding-right:58px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  #sts-storefront .header-single-line__content{
    padding-right:10px!important;
    overflow:visible!important;
  }
  #sts-storefront .header-single-line__item--cart{
    flex:0 0 72px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    margin-right:8px!important;
    padding:0 8px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  #sts-storefront .header-single-line__item--cart .header__iconItem,
  #sts-storefront .header-single-line__item--cart .header__group,
  #sts-storefront .header-single-line__item--cart .header__icon--cart,
  #sts-storefront .header-single-line__item--cart .cart-icon-bubble{
    position:relative!important;
    width:100%!important;
    min-width:52px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  #sts-storefront .header-single-line__item--cart .header__icon--cart svg{
    display:block!important;
    width:30px!important;
    height:30px!important;
    margin:0 auto!important;
  }
  #sts-storefront .header-single-line__item--cart .cart-text{
    display:block!important;
    width:100%!important;
    margin-top:10px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  #sts-storefront .header-single-line__item--cart .cart-count-bubble{
    position:absolute!important;
    right:2px!important;
    top:-9px!important;
    z-index:8!important;
    overflow:visible!important;
  }
}

/* FAQ rebuilt with native <details>, so opening does not depend on theme JS. */
#sts-storefront .sts-static-v225-main{width:100%!important;margin:0!important;padding:0!important}
#sts-storefront #stsFaq225,
#sts-storefront #stsTrack225{
  width:min(1170px,calc(100% - 60px))!important;
  margin:0 auto!important;
  padding:62px 0 90px!important;
  color:#232323!important;
  box-sizing:border-box!important;
}
#sts-storefront #stsFaq225 * ,#sts-storefront #stsTrack225 *{box-sizing:border-box}
#sts-storefront #stsFaq225>h1,
#sts-storefront #stsTrack225>h1{margin:0 0 38px!important;font-size:30px!important;line-height:1.25!important;font-weight:600!important;color:#171717!important}
#sts-storefront #stsFaq225 .sts-faq225-intro{margin:0 0 34px!important;font-size:14px!important;line-height:1.7!important}
#sts-storefront #stsFaq225 .sts-faq225-intro a{color:inherit!important;text-decoration:none!important}
#sts-storefront #stsFaq225 .sts-faq225-filter-label{display:inline-block!important;margin-right:22px!important;font-size:14px!important}
#sts-storefront #stsFaq225 .sts-faq225-filter{width:160px!important;height:42px!important;padding:0 14px!important;border:1px solid #ccc!important;background:#fff!important;color:#232323!important;font-size:14px!important}
#sts-storefront #stsFaq225 .sts-faq225-layout{display:grid!important;grid-template-columns:245px minmax(0,1fr)!important;gap:54px!important;align-items:start!important;margin-top:48px!important}
#sts-storefront #stsFaq225 aside h2,
#sts-storefront #stsFaq225 .sts-faq225-group>h2{display:inline-block!important;margin:0 0 30px!important;padding:0 0 7px!important;border-bottom:3px solid #67c798!important;font-size:28px!important;line-height:1.2!important;font-weight:500!important;color:#171717!important}
#sts-storefront #stsFaq225 aside p{margin:0!important;color:#878787!important;font-size:14px!important;line-height:1.8!important}
#sts-storefront #stsFaq225 .sts-faq225-group{display:block!important;margin:0 0 50px!important}
#sts-storefront #stsFaq225 .sts-faq225-list{display:grid!important;gap:14px!important}
#sts-storefront #stsFaq225 .sts-faq225-item{display:block!important;margin:0!important;padding:0!important;border:0!important;background:#fafafa!important;color:#232323!important}
#sts-storefront #stsFaq225 .sts-faq225-item>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:74px!important;padding:20px 30px!important;list-style:none!important;cursor:pointer!important;font-size:15px!important;line-height:1.5!important;font-weight:600!important;color:#171717!important}
#sts-storefront #stsFaq225 .sts-faq225-item>summary::-webkit-details-marker{display:none!important}
#sts-storefront #stsFaq225 .sts-faq225-chevron{position:relative!important;display:block!important;width:16px!important;height:16px!important;flex:0 0 16px!important}
#sts-storefront #stsFaq225 .sts-faq225-chevron:before,
#sts-storefront #stsFaq225 .sts-faq225-chevron:after{content:""!important;position:absolute!important;top:7px!important;width:9px!important;height:1.5px!important;background:#232323!important;transition:transform .18s ease!important}
#sts-storefront #stsFaq225 .sts-faq225-chevron:before{left:0!important;transform:rotate(45deg)!important}
#sts-storefront #stsFaq225 .sts-faq225-chevron:after{right:0!important;transform:rotate(-45deg)!important}
#sts-storefront #stsFaq225 .sts-faq225-item[open] .sts-faq225-chevron:before{transform:rotate(-45deg)!important}
#sts-storefront #stsFaq225 .sts-faq225-item[open] .sts-faq225-chevron:after{transform:rotate(45deg)!important}
#sts-storefront #stsFaq225 .sts-faq225-answer{display:block!important;margin:0 30px!important;padding:0 0 28px!important;border-top:1px solid #232323!important}
#sts-storefront #stsFaq225 .sts-faq225-answer p{margin:24px 0 0!important;font-size:14px!important;line-height:1.75!important;color:#333!important}

/* Reference-style Track Your Order page. */
#sts-storefront #stsTrack225{width:min(1500px,calc(100% - 120px))!important;padding-top:28px!important}
#sts-storefront #stsTrack225>h1{font-size:34px!important;font-weight:500!important;margin-bottom:34px!important}
#sts-storefront #stsTrack225 h2{font-size:22px!important;margin:0 0 24px!important;font-weight:700!important}
#sts-storefront #stsTrack225 h3{font-size:18px!important;margin:28px 0 14px!important;font-weight:700!important}
#sts-storefront #stsTrack225 p,#sts-storefront #stsTrack225 li{font-size:14px!important;line-height:1.75!important;color:#232323!important}
#sts-storefront #stsTrack225 ul{margin:0 0 22px 18px!important;padding:0!important}
#sts-storefront #stsTrack225 a{color:inherit!important}

@media(max-width:767px){
  #sts-storefront #stsFaq225,#sts-storefront #stsTrack225{width:100%!important;padding:28px 16px 70px!important}
  #sts-storefront #stsFaq225 .sts-faq225-layout{grid-template-columns:1fr!important;gap:32px!important;margin-top:34px!important}
  #sts-storefront #stsFaq225 aside{display:none!important}
  #sts-storefront #stsFaq225 .sts-faq225-group>h2{font-size:23px!important;margin-bottom:20px!important}
  #sts-storefront #stsFaq225 .sts-faq225-item>summary{min-height:64px!important;padding:17px 18px!important;font-size:14px!important}
  #sts-storefront #stsFaq225 .sts-faq225-answer{margin:0 18px!important;padding-bottom:20px!important}
  #sts-storefront #stsFaq225 .sts-faq225-answer p{margin-top:18px!important}
}

/* Footer All Categories target: alphabetical grouping like reference. */
#sts-storefront #stsAllCategories225{width:min(1500px,calc(100% - 120px));margin:0 auto;padding:40px 0 90px;color:#232323}
#sts-storefront #stsAllCategories225>h1{margin:0 0 18px;font-size:34px;line-height:1.25;font-weight:500}
#sts-storefront #stsAllCategories225>p{margin:0 0 38px;font-size:14px;line-height:1.7}
#sts-storefront #stsAllCategories225 .sts-allcats225-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 60px;align-items:start}
#sts-storefront #stsAllCategories225 .sts-allcats225-group h2{margin:0 0 13px;padding-bottom:7px;border-bottom:2px solid #67c798;font-size:24px;line-height:1.2}
#sts-storefront #stsAllCategories225 .sts-allcats225-group ul{margin:0;padding:0;list-style:none}
#sts-storefront #stsAllCategories225 .sts-allcats225-group li{margin:0 0 9px;font-size:14px;line-height:1.55}
#sts-storefront #stsAllCategories225 .sts-allcats225-group a{color:#232323;text-decoration:none}
#sts-storefront #stsAllCategories225 .sts-allcats225-group span{color:#888}
@media(max-width:767px){#sts-storefront #stsAllCategories225{width:100%;padding:28px 16px 70px}#sts-storefront #stsAllCategories225 .sts-allcats225-grid{grid-template-columns:1fr;gap:28px}}