.section-hero{overflow:hidden}section.section-hero.carousel{padding-top:0;margin-bottom:0}.hero-banner-wrapper{position:relative}.section-hero .brand-hero-banner-wrap{padding:0;overflow:hidden;display:flex;width:100%;justify-content:flex-start;align-items:flex-end;position:absolute;bottom:0}.brand-hero-list .brand-banner-content{padding:0px 0px var(--spacing4XL) var(--spacing80px);position:relative;z-index:4;max-width:550px;box-sizing:content-box}.brand-hero-list .brand-hero-subtitle{font-size:1.4rem;font-weight:500;margin-top:0;margin-bottom:var(--spacingM);line-height:2.3rem}.brand-hero-list .brand-hero-banner-btn{font-size:1.4rem;line-height:1.8rem;letter-spacing:1px;font-weight:600;margin:0;padding-left:var(--spacingM);padding-right:var(--spacingM)}.brand-hero-list .carousel__navigation-item{position:relative}.brand-hero-list .brand-hero__title{font-size:4.2rem;line-height:5rem;font-weight:400}.swiper-slide img.web-banner-img{object-fit:cover;object-position:right top}.swiper-slide img.mob-banner-img{display:none}.swiper .swiper-pagination-bullet{width:8px;height:8px}.brand-hero-list .brand-hero__title{color:rgba(var(--color-foreground))}.brand-hero-list .brand-hero-subtitle{color:rgb(var(--color-subtext))}.brand-hero-list .brand-hero-banner-btn{color:rgba(var(--color-button-text));background-color:rgba(var(--color-button))}.brand-hero-list .brand-hero-banner-btn:focus{outline:1px solid rgba(var(--color-button))!important;outline-offset:3px}.brand-hero-list .btn:not(.btn--secondary):not(.btn-reverse):not(.btn--inverse):not(.btn--body):not(.btn--static):hover.brand-hero-banner-btn:hover{color:rgba(var(--color-button-hover-text));background-color:rgba(var(--color-button-hover-background))}.swiper .swiper-pagination-bullet{background-color:rgba(var(--color-dots-background))}.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(var(--color-active-dots));opacity:1}.swiper .swiper-pagination{right:auto;padding-left:var(--spacing80px);bottom:var(--spacing80px);width:auto;background-color:unset}.swiper .swiper-navigation .swiper-button-prev,.swiper .swiper-navigation .swiper-button-next{display:flex;width:32px;height:32px;background:rgba(var(--color-button));border-radius:50%}:is(.swiper .swiper-navigation .swiper-button-prev,.swiper .swiper-navigation .swiper-button-next) svg{width:9px}:is(.swiper .swiper-navigation .swiper-button-prev,.swiper .swiper-navigation .swiper-button-next) svg path{fill:rgba(var(--color-button-text))}@media screen and (max-width:767px){.swiper .swiper-navigation .swiper-button-prev,.swiper .swiper-navigation .swiper-button-next{top:120px!important}}@media screen and (min-width:768px){.swiper .swiper-navigation .swiper-button-prev,.swiper .swiper-navigation .swiper-button-next{transform:translateY(0)}}@media screen and (max-width:1080px){.swiper .swiper-navigation .swiper-button-prev,.swiper .swiper-navigation .swiper-button-next{top:50%}}@media screen and (min-width:1281px){.swiper .swiper-navigation{display:flex;gap:30px;align-items:center;position:absolute;left:var(--spacing80px);bottom:var(--spacingL)}.swiper .swiper-navigation .swiper-pagination{position:static;padding-left:0}.swiper .swiper-navigation .swiper-button-prev,.swiper .swiper-navigation .swiper-button-next{position:relative;inset:auto;margin-top:auto;box-shadow:0 4px 9px #00000059}}@media screen and (min-width:1401px){.swiper .swiper-navigation{left:var(--spacing6XL)}}.brand-hero-list .swiper-slide.image-with-no-content{display:flex;height:auto}.brand-hero-list .swiper-slide.image-with-no-content img.web-banner-img{position:relative;max-height:550px}.brand-hero-list .brand-hero__link.web_link{display:block}.brand-hero-list .brand-hero__link.mobile_link{display:none}@media screen and (min-width:1281px){.swiper-slide img.web-banner-img,.brand-hero-list .swiper-slide.image-with-no-content img.web-banner-img{max-height:550px}}@media screen and (min-width: 1401px){.brand-hero-list .brand-banner-content{padding:0px 0px var(--spacing4XL) var(--spacing6XL)}.swiper .swiper-pagination{padding-left:var(--spacing6XL)}}@media screen and (max-width:1280px){.brand-hero-list .brand-banner-content{padding:0px 0px var(--spacing90px) var(--spacing90px)}.brand-hero-list .brand-hero__title{font-size:3rem;line-height:3.6rem;margin-bottom:var(--spacing2XS)}.swiper .swiper-pagination{padding-left:var(--spacing90px);bottom:var(--spacing60px)}.swiper-slide img.web-banner-img,.brand-hero-list .swiper-slide.image-with-no-content img.web-banner-img{max-height:420px}}@media screen and (max-width:1024px){.brand-hero-list .brand-banner-content{padding:0px 0px var(--spacing80px) var(--spacing72px);max-width:355px}.brand-hero-list .brand-hero-subtitle{margin-bottom:var(--spacingS)}.brand-hero-list .brand-hero__title{font-size:3rem;line-height:3.6rem}.swiper .swiper-pagination{bottom:var(--spacingL)}.swiper-slide img.web-banner-img,.brand-hero-list .swiper-slide.image-with-no-content img.web-banner-img{max-height:360px}.swiper .swiper-pagination{padding-left:var(--spacing72px)}}@media screen and (max-width: 768px){.brand-hero-list .brand-banner-content{padding:0 0 var(--spacing60px) var(--spacingL);max-width:270px}.brand-hero-list .brand-hero__title{font-size:2.6rem;line-height:3.1rem}.swiper .swiper-pagination{padding-left:var(--spacingL);bottom:var(--spacingS)}}@media screen and (max-width: 767px){.swiper-slide img.web-banner-img{display:none}.swiper-slide img.mob-banner-img,.brand-hero-list .swiper-slide.image-with-no-content img.mob-banner-img{height:100%;object-fit:cover;position:relative;display:block;max-height:240px;object-position:top}.brand-hero-list .brand-hero-subtitle{margin-bottom:var(--spacingXS);line-height:2.3rem}.brand-hero-list .brand-hero__title{font-size:3rem;line-height:3.7rem}.swiper .swiper-pagination{padding-left:var(--spacingS);bottom:var(--spacing26px)}.brand-hero-list .brand-banner-content{background-color:rgb(var(--color-background));padding:var(--spacingS) var(--spacingS) var(--spacing26px);max-width:100%}.section-hero .brand-hero-banner-wrap{position:static;flex-direction:column;justify-content:space-between;align-items:flex-start}.brand-hero-list .swiper-slide{height:auto}.section-hero .hero-banner-wrapper{display:flex;flex-direction:column;align-items:stretch}}@media screen and (max-width:375px){.swiper .swiper-pagination{padding-left:var(--spacingS);bottom:var(--spacingS)}.brand-hero-list .brand-hero__title{font-size:2.6rem}}
/*# sourceMappingURL=/cdn/shop/t/157/assets/hero-theme-based.css.map */