/* About Us panel finish for Shop cards. No dimensions or spacing are changed. */
.bs-shop-theme .categories-section .category-card,
.bs-shop-theme .featured-products-section .featured-card,
.bs-shop-theme .mobile-brand-row .brand-tile {
  border-color: #55504a !important;
  background: linear-gradient(145deg,#34312e 0%,#20201f 62%,#141515 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.16),0 9px 20px rgba(0,0,0,.5) !important;
}
.bs-shop-theme .featured-products-section .product-thumb-container {
  background: linear-gradient(145deg,#34312e 0%,#20201f 62%,#141515 100%) !important;
}
.bs-shop-theme .mobile-brand-row .brand-tile {
  border-radius: 9px !important;
}
@media (max-width: 768px) {
  /* Fill the established 2.4:1 category frame without the left-side offset. */
  .bs-shop-theme .category-slider-wrapper .category-card > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
  }
  .bs-shop-theme .categories-section .category-card::before {
    background: linear-gradient(90deg,
      rgba(52,49,46,.1) 0%,rgba(32,32,31,.08) 55%,
      rgba(20,21,21,.48) 72%,rgba(20,21,21,.86) 100%) !important;
  }
  /* Keep the live brand dots clear of the trust cards below. */
  .bs-shop-theme .mobile-brand-slider-wrapper .bs-scroll-indicator {
    margin-bottom: 26px !important;
  }
}

@media (min-width: 769px) {
  /* The earlier 104vw image bleed crops artwork past the inset frame. */
  .bs-shop-theme .image-banner.banner-carousel {
    width: min(1400px, calc(100% - 56px)) !important;
    max-width: 100% !important;
    margin: 48px auto !important;
    left: auto !important;
    transform: none !important;
  }
  .bs-shop-theme .image-banner.banner-carousel .banner-carousel-track,
  .bs-shop-theme .image-banner.banner-carousel .banner-slide {
    width: 100% !important;
    max-width: 100% !important;
  }
  .bs-shop-theme .image-banner.banner-carousel .banner-slide {
    margin-left: 0 !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .bs-shop-theme .mobile-section-title {
    justify-content: center !important;
    text-align: center;
  }
}

/* Anchor category artwork to the card before any media-editor framing is applied. */
.bs-shop-theme .categories-section .category-card > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
}