.banner-grid{display:flex;flex-direction:column;gap:20px;padding:20px 0}.banner-grid__container{display:grid;grid-template-columns:1fr;gap:20px}@media screen and (min-width:990px){.banner-grid__container{grid-template-columns:2fr 1fr}}.banner-grid__main{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}@media screen and (min-width:990px){.banner-grid__main,.banner-grid__main.slider-slide-item{aspect-ratio:auto;height:auto!important}.banner-grid__main img{height:auto!important;width:100%!important;display:block!important}.banner-grid__main-wrapper{height:auto!important}.banner-grid__main-wrapper slideshow-component{height:auto!important}.banner-grid__main-wrapper .slideshow.banner,.banner-grid__main-wrapper .slideshow__slide{height:auto!important}.banner-grid__side,.banner-grid .banner-grid__item{aspect-ratio:auto!important;height:100%!important}}.banner-grid__main img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.banner-grid__main:hover img{transform:scale(1.05)}.banner-grid__main-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(to right,rgba(0,0,0,.4),transparent);color:#fff}.banner-grid__main-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;margin:0 0 1rem;line-height:1.1;max-width:500px}.banner-grid__main-subtitle{font-size:1.2rem;margin:0 0 2rem;max-width:400px}.banner-grid__side{display:grid;aspect-ratio:1 / 1.6;grid-template-columns:repeat(2,1fr);gap:15px}.banner-grid__item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1 / 1.6;box-shadow:0 4px 15px #0000001a}.banner-grid__item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.banner-grid__item:hover img{transform:scale(1.1)}.banner-grid__item-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 40%,transparent 60%,rgba(0,0,0,.5));color:#fff;z-index:2}.banner-grid__item-title{font-size:1.5rem;font-weight:600;margin:0;letter-spacing:.5px}.banner-grid__item .banner-grid__button{margin-top:auto;align-self:flex-start;padding:10px 18px;font-size:.75rem;background:#fff;color:#000}.banner-grid__item .banner-grid__button:hover{background:#000;color:#fff}.banner-grid__button{display:inline-block;padding:12px 28px;background:#000;color:#fff;text-decoration:none;font-weight:600;border-radius:30px;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.banner-grid__button:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.banner-grid__item .banner-grid__button{margin-left:auto;margin-right:auto;padding:10px 20px;font-size:1rem}.banner-grid__side::-webkit-scrollbar{height:4px}.banner-grid__side::-webkit-scrollbar-track{background:#f1f1f1}.banner-grid__side::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.banner-grid__main-wrapper{position:relative;width:100%;height:100%}.banner-grid__main-wrapper slideshow-component{position:relative;display:block;height:100%}.banner-grid__main.slider-slide-item{height:100%;width:100%;margin:0;border-radius:12px}.banner-grid__main-wrapper .slideshow.banner{height:100%;border-radius:12px}.banner-grid__main-wrapper .slider-buttons{position:absolute;bottom:20px;left:20px;z-index:2;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:40px;padding:8px 16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.2)}@media screen and (min-width:990px){.banner-grid__main-wrapper .slider-buttons{left:40px;bottom:30px}}.banner-grid__main-wrapper .slider-button{background:transparent;color:#fff;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;transition:opacity .3s ease;width:auto;height:auto}.banner-grid__main-wrapper .slider-button:hover{opacity:.7}.banner-grid__main-wrapper .slider-button svg{width:14px;height:14px;fill:currentColor}.banner-grid__main-wrapper .slider-button--prev svg{transform:rotate(90deg)}.banner-grid__main-wrapper .slider-button--next svg{transform:rotate(-90deg)}.banner-grid__main-wrapper .slideshow__control-wrapper{display:flex;gap:6px;align-items:center}.banner-grid__main-wrapper .dot{width:6px;height:6px;border-radius:50%;background:#fff6;display:block;transition:all .3s ease}.banner-grid__main-wrapper .slider-counter__link--active .dot{background:#fff;transform:scale(1.4)}.banner-grid__main-wrapper .slideshow__autoplay{margin-left:5px;padding-left:10px;border-left:1px solid rgba(255,255,255,.2)}.banner-grid__main-wrapper .slideshow__autoplay.slideshow__autoplay--paused .icon-pause,.banner-grid__main-wrapper .slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play{display:none}.banner-grid__main-wrapper .slideshow__autoplay svg{width:10px;height:10px}.banner-grid__main-wrapper .slideshow__slide{height:100%}@media screen and (max-width:989px){.banner-grid{width:100%!important;max-width:100%!important;overflow:hidden!important}.banner-grid__container{width:100%!important;max-width:100%!important}.banner-grid__main-wrapper{width:100%!important;max-width:100%!important;min-width:0!important}.banner-grid__main-wrapper slideshow-component{width:100%!important;max-width:100%!important;overflow:hidden!important}.banner-grid .banner-grid__side{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;aspect-ratio:auto!important;padding-bottom:0!important;overflow:visible!important;width:100%!important;max-width:100%!important}.banner-grid .banner-grid__item{min-width:0!important;flex:unset!important;aspect-ratio:1 / 1.3!important;width:100%!important}.banner-grid__main{aspect-ratio:1 / 1!important;width:100%!important;max-width:100%!important}.banner-grid__main-content{padding:20px!important;width:100%!important;max-width:100%!important}.banner-grid__main-title,.banner-grid__main-subtitle{max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-banner-grid.css.map */