.collection-hero-banner .hero-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;padding:0 40px}.collection-hero-banner .hero-image{position:relative}.collection-hero-banner .hero-content{padding:0 110px 0 80px}.collection-hero-banner .hero-content>*{margin-bottom:10px}.collection-hero-banner .hero-content>*:last-child{margin-bottom:0}.collection-hero-banner .hero-content .breadcrumb .page-width{padding:0}.collection-hero-banner .hero-content .breadcrumbs{padding-top:0}.collection-hero-banner .collection-hero-banner--reverse .hero-image{order:2}.collection-hero-banner .collection-hero-banner--reverse .hero-content{padding:0 80px 0 110px}@media screen and (max-width:1199px){.collection-hero-banner .hero-content{padding:0 0 0 30px}.collection-hero-banner .collection-hero-banner--reverse .hero-content{padding:0 30px 0 0}}@media screen and (max-width:989px){.collection-hero-banner .hero-container{grid-template-columns:1fr;padding:0 20px}.collection-hero-banner .hero-content{padding:30px 0 0}.collection-hero-banner .collection-hero-banner--reverse .hero-image{order:unset}.collection-hero-banner .collection-hero-banner--reverse .hero-content{padding:30px 0 0}}@media screen and (max-width:749px){.collection-hero-banner .hero-content .button-wrapper{margin-top:10px}.collection-hero-banner .hero-content .button-wrapper .button{padding:0;border:0;cursor:pointer}.collection-hero-banner .hero-content .button-wrapper .button svg{rotate:90deg;transition:.3s}.collection-hero-banner .hero-content .button-wrapper .button:hover{color:#000;background:transparent}.collection-hero-banner .hero-content .hero-content__text{text-align:start;position:relative;max-height:80px;overflow:hidden;transition:max-height .5s ease}.collection-hero-banner .hero-content .hero-content__text.active{max-height:1000px}.collection-hero-banner .hero-content .hero-content__text:after{left:0;transition:.5s all;content:"";position:absolute;bottom:0;height:100px;width:100%;background:transparent linear-gradient(180deg,#fff0,#fff) 0% 0% no-repeat padding-box}.collection-hero-banner .hero-content .hero-content__text.active:after{display:none}.collection-hero-banner .hero-content .button .less{display:none;transition:.5s all}.collection-hero-banner .hero-content__text-block.active .button .less{display:block;transition:.5s all}.collection-hero-banner .hero-content__text-block.active .button .more{display:none;transition:.5s all}.collection-hero-banner .hero-content__text-block.active .button-wrapper .button svg{rotate:-90deg}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-collection-hero-banner.css.map */