.banner-with-products .content-wrap{padding:0 8px;height:90vh;max-height:800px;overflow-y:auto}.banner-with-products .alpha{overflow:hidden}.banner-with-products .alpha img{transition:all .3s ease-in-out;transform:scale(1.03);will-change:transform}.banner-with-products .text-wrap .pre-title:after{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background:#f1f1f1;transition:all .3s ease-in-out}.banner-with-products .text-wrap .pre-title{position:relative;max-width:fit-content}.banner-with-products .alpha:hover .pre-title:after{width:100%}.banner-with-products .left-content:hover img{transform:scale(1)}.banner-with-products .wrapper{margin:0 -8px;flex-wrap:wrap}.banner-with-products .alpha{max-width:40%;flex:40%}.banner-with-products .beta{max-width:60%;flex:60%}.banner-with-products .left-content{position:relative;overflow:hidden}.banner-with-products .text-wrap{position:absolute;left:0;bottom:0;right:0;width:100%;padding:20px}.banner-with-products .pre-title,.banner-with-products .sub-title{color:var(--primary-color)}.banner-with-products .sub-title{margin-top:10px}.banner-with-products .item-wrap{max-width:33.33%;flex:33.33%;padding:0 8px}.banner-with-products .product-items-wrapper{flex-wrap:wrap;margin:0 -8px}.banner-with-products .product-img{height:30vh;max-height:295px;background-color:#000;overflow:hidden}.banner-with-products .item{display:block}@media (min-width: 1920px){.pre-title{font-size:80px}.sub-title{font-size:36px}.hero-banner__sub-title.sub-title{font-size:43px}.hero-banner__contents-wrap{max-width:485px}}@media (max-width: 990px){.banner-with-products .alpha,.banner-with-products .beta{max-width:100%;flex:100%}.banner-with-products .alpha{margin-bottom:10px}.banner-with-products .content-wrap{padding:0;height:85vh}.banner-with-products .wrapper{margin:0}.banner-with-products .item-wrap{padding:0 5px}.banner-with-products .product-items-wrapper{margin:0 -5px}}@media (max-width: 767px){.banner-with-products .content-wrap{height:auto;max-height:unset}.banner-with-products .item-wrap{max-width:50%;flex:50%}}@media (max-width: 479px){.banner-with-products .item-wrap{max-width:100%;flex:100%;padding:0}.banner-with-products .product-items-wrapper{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/138/assets/banner-with-products.css.map */