.category-banners-section{max-width:1400px;margin:0 auto;padding-left:24px;padding-right:24px}.category-banners__heading{font-size:28px;font-weight:700;margin:0 0 24px;text-align:center}.category-banners__track{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-banner{position:relative;display:block;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;text-decoration:none;background:#f2f2f2}.category-banner__image-wrap,.category-banner__image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.category-banner__placeholder{width:100%;height:100%;background:#e6e6e6}.category-banner__placeholder-svg{width:100%;height:100%}.category-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0000008c,#0000 45%);pointer-events:none}.category-banner__content{position:absolute;left:20px;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px}.category-banner__badge{display:inline-block;align-self:flex-start;background:#000000a6;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:4px}.category-banner__title{display:flex;flex-direction:column;line-height:1.1}.category-banner__title-line1,.category-banner__title-line2{font-size:26px;font-weight:800;text-transform:uppercase;color:#fff}.category-banners__dots{display:none;justify-content:center;gap:8px;margin-top:16px}.category-banners__dot{width:7px;height:7px;border-radius:50%;background:#d0d0d0;transition:background .2s ease,transform .2s ease}.category-banners__dot.is-active{background:#222;transform:scale(1.2)}@media screen and (max-width:749px){.category-banners-section{padding-left:16px;padding-right:16px}.category-banners__heading{font-size:22px;margin-bottom:16px}.category-banners__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.category-banners__track::-webkit-scrollbar{display:none}.category-banner{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;aspect-ratio:16 / 10;border-radius:24px}.category-banners__dots{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/category-banners.css.map */