.homepage-banner{width:100%;margin:0;position:relative}.homepage-banner__slider .swiper-wrapper{display:flex}.banner-block{position:relative;overflow:hidden}.banner-block__link{display:block;height:100%}.banner-block__image{width:100%;height:auto;display:block}.banner-block__title{position:absolute;top:50%;left:0;padding:0;border-radius:5px;right:0;margin:0 auto;max-width:80%;transform:translateY(-50%);text-align:center;z-index:1}.banner-block__title .button{background:#8fdcf1;color:#1a343c}.banner-block__title h3{font-family:Gotham Font!important;font-size:31px;text-align:center;color:#fff;line-height:1.2;margin:0}.banner-block__image-wrapper:after{content:"";position:absolute;height:100%;width:100%;top:0;background-color:var(--section-overlay-color);opacity:var(--section-overlay-opacity)}.banner-block__image-wrapper{position:relative;width:100%;overflow:hidden;height:100%;aspect-ratio:3.7 / 4}.banner-block__image{width:100%;height:100%;object-fit:cover}.homepage-banner .swiper-button-next{width:40px;height:40px;background-color:#fff}.homepage-banner .swiper-button-next:after,.homepage-banner .swiper-button-prev:after{font-size:16px;color:#000}.homepage-banner .swiper-button-next,.homepage-banner .swiper-button-prev{width:40px;height:40px;background-color:#fff;display:none}.homepage-banner .label__title{margin:0;background-color:#000;color:#fff;font-weight:600;font-family:Gotham Font!important;font-size:20px;text-align:center;line-height:1;padding:23px 0 10px;position:absolute;top:0;z-index:1;width:100%;border-bottom:3px solid #fff}.swiper-slide:nth-child(2){order:-1}@media screen and (min-width: 768px){.homepage-banner__slider:not(.is-swiper-active) .swiper-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.homepage-banner__slider:not(.is-swiper-active) .swiper-slide{width:auto!important;flex-shrink:0}}@media screen and (min-width: 1024px){.homepage-banner__slider:not(.is-swiper-active) .swiper-wrapper{gap:20px;padding:20px}}@media screen and (max-width: 1199px){.banner-block__title h3{font-size:20px}}@media screen and (max-width: 1024px){.banner-block__image-wrapper{aspect-ratio:3 / 4}.banner-block__title{max-width:100%}.banner-block__title .button{font-size:11px;line-height:1;padding:16px 12px}.homepage-banner .label__title{font-size:16px}}@media screen and (max-width: 767px){.banner-block__title h3{font-size:26px}.homepage-banner .swiper-button-next,.homepage-banner .swiper-button-prev{display:flex}.homepage-banner{padding:20px}.homepage-banner .swiper-button-next{right:20px}.banner-block__title .button{font-size:14px;padding:16px 20px}.homepage-banner .swiper-button-prev{left:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/homepage-banner.css.map */