/* seasoningwarehouse restore overrides — fix oversized/stretched promo banners */

/* Full-width promo banners used tiny (~350px) stock images stretched to 1100px wide
   -> width:100% + auto height made 1650px-tall blurry walls. Cap to a proper banner
   height with cover-crop so they read as intentional hero/promo strips. */
.tt-promo-fullwidth {
  display: block;
  width: 100%;
  max-height: 380px;
  overflow: hidden;
}
.tt-promo-fullwidth img,
.respimgsize .tt-promo-fullwidth img,
a.tt-promo-fullwidth img.lazyload {
  width: 100% !important;
  height: 380px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block;
}

@media (max-width: 768px) {
  .tt-promo-fullwidth { max-height: 240px; }
  .tt-promo-fullwidth img,
  a.tt-promo-fullwidth img.lazyload { height: 240px !important; }
}

/* === Homepage hero banners (2026-06-18) ===
   Original branded Artboard banners are unrecoverable (Shopify CDN not archived) and the
   restore filled 7 full-width slots with tiny 350px stock => blurry, stretched, "по-даунски".
   Keep ONE high-res hero; hide the other 6 (their category links remain in the header menu). */
[class*="sectionbigbanners"] .row.no-gutter > .col-sm-12:not(:first-child){ display:none !important; }
.tt-promo-fullwidth img{ width:100% !important; height:440px !important; object-fit:cover !important; object-position:center !important; display:block; }
@media(max-width:768px){ .tt-promo-fullwidth img{ height:230px !important; } }

/* back-to-top button: theme icon-font glyph is broken (renders as empty square) -> clean unicode arrow */
.tt-back-to-top{ font-size:0 !important; text-indent:0 !important; display:flex !important; align-items:center; justify-content:center; }
.tt-back-to-top:before, .tt-back-to-top:after{ content:"" !important; }
.tt-back-to-top::before{ content:"\2191" !important; font-family:Arial,Helvetica,sans-serif !important; font-size:22px !important; line-height:1 !important; color:#fff !important; }

/* Header logo rendered ~220px tall -> stretched header row (Sign In flies up). Cap to normal size.
   Scoped to .tt-obj-logo (header only) so the footer brand logo is untouched. */
.tt-obj-logo img{ max-height:92px !important; width:auto !important; height:auto !important; }
.tt-obj-logo, .tt-obj-logo .tt-logo{ height:auto !important; min-height:0 !important; }