@charset "UTF-8";
/*
  Home-page carousel (card #271).

  /!\ NEVER put transform / filter / perspective / will-change / contain on .bc-carousel-track nor
  on any of its ancestors. The product modals are children of the track and are position:fixed;
  overflow does not clip them, but any one of those properties would create a containing block and
  trap them inside the track. Scrolling goes through scrollBy(), not a translation, for that single
  reason.
*/
body {
  /*
    The home page loads scss/shop.css for the card styling (see index_bc.html.twig). That sheet
    opens on `body .header { height: 264px; background-size: cover !important; }`
    (public/scss/shop.scss:1-5) — and the Busch Collectibles home hero carries exactly that .header
    class (templates/home_page/index_bc.html.twig:31). Today the hero sizes itself on its content:
    base_common.scss:45-48 gives it background-size and background-repeat, no height at all.
    Without the rule below, adding shop.css would freeze it at 264 px — a visible regression of the
    home page, against the ticket's own acceptance criterion.

    This sheet is linked AFTER shop.css and the selector has the same specificity (0,0,2): it wins
    on cascade order. Do not move it before shop.css in the stylesheets block.
  */
}
body .header {
  height: auto;
}
body .bc-carousel .bc-carousel-head {
  margin-bottom: 0.75rem;
}
body .bc-carousel .bc-carousel-nav button {
  width: 36px;
  height: 36px;
  line-height: 1;
  font-size: 1.4rem;
  border: 1px solid #353535;
  background: transparent;
  border-radius: 50%;
  color: #353535;
}
body .bc-carousel .bc-carousel-nav button:hover:not(:disabled) {
  border-color: #A98738;
  color: #A98738;
}
body .bc-carousel .bc-carousel-nav button:disabled {
  opacity: 0.3;
  cursor: default;
}
body .bc-carousel .container-filters-result .result .row.bc-carousel-track {
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
body .bc-carousel .container-filters-result .result .row.bc-carousel-track::-webkit-scrollbar {
  display: none;
}
body .bc-carousel .container-filters-result .result .row.bc-carousel-track > [class*=col-] {
  flex: 0 0 auto;
  scroll-snap-align: start;
}