.promo-banner-section{padding:40px 20px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.promo-banner-section .section-header{margin-bottom:30px}.promo-banner-section .section-header.text-left{text-align:left}.promo-banner-section .section-header.text-center{text-align:center}.promo-banner-section .section-header.text-right{text-align:right}.promo-banner-section .title{font-size:28px;font-weight:600;margin:0;color:#333}.promo-banner-container{position:relative;width:100%;overflow:hidden;border-radius:8px}.promo-banner-wrapper{display:flex;transition:transform .5s ease}.promo-banner-wrapper.fade-effect .promo-banner-slide{opacity:0;transition:opacity .5s ease;position:absolute;top:0;left:0;width:100%;pointer-events:none}.promo-banner-wrapper.fade-effect .promo-banner-slide.active{opacity:1;position:relative;pointer-events:all}.promo-banner-slide{flex:0 0 100%;box-sizing:border-box}.banner-image-wrapper{position:relative;width:100%;overflow:hidden;background:#f5f5f5}.promo-banner-section[data-aspect-ratio="21x9"] .banner-image-wrapper{aspect-ratio:21 / 9}.promo-banner-section[data-aspect-ratio="16x9"] .banner-image-wrapper{aspect-ratio:16 / 9}.promo-banner-section[data-aspect-ratio="4x3"] .banner-image-wrapper{aspect-ratio:4 / 3}.promo-banner-section[data-aspect-ratio="1x1"] .banner-image-wrapper{aspect-ratio:1 / 1}.promo-banner-section[data-aspect-ratio="3x4"] .banner-image-wrapper{aspect-ratio:3 / 4}.promo-banner-section[data-aspect-ratio="9x16"] .banner-image-wrapper{aspect-ratio:9 / 16}.promo-banner-section[data-aspect-ratio=original] .banner-image-wrapper{aspect-ratio:auto}.promo-banner-section[data-aspect-ratio=original] .banner-image-wrapper img{position:relative;height:auto}.banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.banner-image-wrapper a{display:block;width:100%;height:100%;text-decoration:none}.banner-image-wrapper a:hover .banner-image{transform:scale(1.02)}.placeholder-image svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:#ddd}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 20px;box-sizing:border-box;pointer-events:none;z-index:10}.slider-prev,.slider-next{width:44px;height:44px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:auto;box-shadow:0 2px 10px #0000001a;color:#333}.slider-prev:hover,.slider-next:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 15px #00000026}.slider-prev:focus,.slider-next:focus{outline:2px solid #333;outline-offset:2px}.slider-pagination{display:flex;justify-content:center;margin-top:20px;gap:10px}.slider-pagination button{width:12px;height:12px;border-radius:50%;border:2px solid #333;background:transparent;padding:0;cursor:pointer;transition:all .3s ease}.slider-pagination button.active{background:#333;transform:scale(1.2)}.slider-pagination button:focus{outline:2px solid #333;outline-offset:2px}@media screen and (min-width:768px){.promo-banner-section{padding:60px 40px}.promo-banner-section .title{font-size:32px}.slider-prev,.slider-next{width:48px;height:48px}}@media screen and (min-width:1024px){.promo-banner-section .title{font-size:36px}.slider-nav{padding:0 30px}}@media(hover:none)and (pointer:coarse){.slider-prev,.slider-next{width:52px;height:52px;background:#fffffff2}.slider-nav{padding:0 15px}}.slider-prev:focus-visible,.slider-next:focus-visible,.slider-pagination button:focus-visible{outline:2px solid #333;outline-offset:2px}@media(prefers-reduced-motion:reduce){.promo-banner-wrapper,.promo-banner-wrapper.fade-effect .promo-banner-slide,.banner-image,.slider-prev,.slider-next{transition:none}}.promo-banner-section.full-width{max-width:100%;padding:40px 0}.promo-banner-section.full-width .promo-banner-container{border-radius:0}.promo-banner-section:has(.promo-banner-slide:only-child) .slider-nav,.promo-banner-section:has(.promo-banner-slide:only-child) .slider-pagination{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-promo-slider.css.map */