/* Small additions on top of the store's own CSS.
   Everything else - header, footer, cards, prices - comes from the live theme. */

/* Category slider without the Swiper library: pills in one scrollable row */
.all-category-slider.swiper-container { overflow-x: auto; scrollbar-width: none; }
.all-category-slider.swiper-container::-webkit-scrollbar { display: none; }
.all-category-slider .swiper-wrapper { display: flex; }
.all-category-slider .swiper-slide { width: auto; flex: 0 0 auto; }
.all-category-slider .swiper-slide.active a { color: #101010; background: linear-gradient(117deg, #bcbcbc -21.24%, #f9f9f9 45.08%, #bcbcbc 131.21%); }
.all-category-slider-wrapper .swiper-button-prev,
.all-category-slider-wrapper .swiper-button-next { cursor: pointer; }

/* Empty-state message and "Load more" */
.gb-message { text-align: center; color: #949494; margin: 32px 0; }
.gb-load-more-wrap { text-align: center; margin: 32px 0 16px; }
.gb-load-more { min-width: 220px; border-radius: 44px; }

/* Mobile menu: Magento opened this with JavaScript; a body class does it here */
@media (max-width: 767px) {
  .gb-nav-open .menupopup-content {
    position: fixed !important;
    inset: 0;
    z-index: 1000;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 16px !important;
    background: #101010;
  }
}
.switcher-options.active .switcher-dropdown { display: block; }