.subcategory-banners{background-color:var(--brand-color-accent-6);padding:3rem 0;overflow:hidden}.subcategory-banners__heading h2{margin:0 0 25px;text-align:center}@media all and (max-width: 639px){.subcategory-banners:not(.initialized) .subcategory-banner{width:32.27%}}@media all and (min-width: 640px) and (max-width: 767px){.subcategory-banners:not(.initialized) .subcategory-banner{width:24.27%}}@media all and (min-width: 768px) and (max-width: 1023px){.subcategory-banners:not(.initialized) .subcategory-banner{width:19.27%}}@media all and (min-width: 1024px) and (max-width: 1279px){.subcategory-banners:not(.initialized) .subcategory-banner{width:15.27%}}@media all and (min-width: 1280px){.subcategory-banners:not(.initialized) .subcategory-banner{width:11.27%}}.subcategory-banner__picture img{width:100%;height:100%;object-fit:cover}.subcategory-banner{position:relative;transition:transform .5s;max-width:500px;margin-right:10px}.subcategory-banner:nth-of-type(2n){background-color:var(--brand-color-accent-2)}.subcategory-banner:nth-of-type(odd){background-color:var(--brand-color-accent-1)}.subcategory-banner__content{padding-bottom:100%}@media all and (min-width: 750px){.subcategory-banner:hover{transform:scale(1.05);transition:transform .5s}}.subcategory-banner__picture{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.subcategory-banner__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;text-align:center;font-weight:800;font-size:1.4rem;color:#fff;display:flex;width:90%;height:100%;justify-content:center;align-items:center;text-transform:capitalize}picture.subcategory-banner__picture:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:#00000080}.collection.specials picture.subcategory-banner__picture:after{background:#a51e1e80}.subcategory-banner:hover picture.subcategory-banner__picture:after{background:#0000}@media all and (max-width: 749px){.collection.specials .subcategory-banner:hover picture.subcategory-banner__picture:after{background:#a51e1e80}}@media all and (min-width: 500px) and (max-width: 767px){.subcategory-banner__title{font-size:1.5rem}}@media all and (min-width: 768px){.subcategory-banner__title{font-size:1.6rem}}.swiper-container{position:relative}.swiper-scrollbar{--swiper-scrollbar-bottom: -2rem;background-color:#0003;width:100%;left:0}.swiper-container .swiper-scrollbar-drag{display:block;background-color:#fff;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/110/assets/subcategory-banners.css.map */