/* Add custom CSS styles below */ 

@media only screen and (min-width: 1025px) {
    .mainmenu--default .main-menu li > .sub-menu {
        max-height: calc(100vh - 250px);
        overflow-y: auto;
     }
}


@media (min-width: 640px) {
    .sm\:gap-8 {
        gap: 1rem;
    }
	
}
@media (min-width: 768px) {
	section.s-block.s-block--banners.container:first-of-type .banner-entry {
		border-radius: .375rem;
		height: 370px;
    
}
section.s-block.s-block--banners.container:first-of-type .lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-size: cover !important;
}
}

.banner--fixed img, .banner-entry {
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: transparent !important;
}

@media (min-width: 768px) {
    .md\:grid-cols-3:nth-of-type(1) {
        grid-template-columns: repeat(4, minmax(0, 1fr)) ! IMPORTANT;
    }
}
section.s-block.s-block--banners.container .gap-3 {
    grid-template-columns: 1fr 1fr 1fr;
}
**************************
@media (max-width: 768px) {
  .grid.one-row {
    display: flex !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
  }

  .grid.one-row .banner-entry {
    flex: 0 0 80%;
    scroll-snap-align: center;
    border-radius: 10px;
    transition: transform 0.3s ease;
  }

  .grid.one-row .banner-entry:active {
    transform: scale(0.97);
  }

  /* Optional: hide scroll bar */
  .grid.one-row::-webkit-scrollbar {
    display: none;
  }
.banner-swiper .banner-entry {
    CORNER-SHAPE: SUPERELLIPSE(0.5);
    border-radius: 8px;
    overflow: hidden;
    display: block;
    HEIGHT: 335px !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

    display: none;
}
}


.banner-swiper .banner-entry {
    CORNER-SHAPE: SUPERELLIPSE(0.5);
    border-radius: 8px;
    overflow: hidden;
    display: block;
    HEIGHT: 335px !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

    display: none;
}
.filter-form-container {
    flex-direction: column !important;
    align-items: flex-end !important;
}
.filter-form-container img.filter-product-image {
}