.collection__banner{padding-top:20px;padding-bottom:20px;color:#fff;display:grid;grid-gap:20px;text-align:center;overflow:hidden;position:relative}.collection__banner-info h1{margin-bottom:10px}.collection__banner-media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.collection__banner-media:before{content:"";width:100%;height:100%;display:block;background:linear-gradient(to right,var(--left-banner-opacity, rgba(0,0,0,.7)),var(--right-banner-opacity, rgba(0,0,0,.3)));z-index:1;position:absolute;top:0;left:0}.collection__banner-media img{width:100%;height:100%;object-fit:cover;object-position:center}.collection__banner-info,.collection__banner-cta{position:relative;z-index:2}.collection__sub-colls{width:100vw;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.collection__sub-items::-webkit-scrollbar,.collection__sub-colls::-webkit-scrollbar{display:none}.collection__sub-colls h2{text-align:center}.collection__sub-items{overflow-x:scroll;white-space:nowrap;padding:0 25px;margin:0 0 20px}.collection__sub-item{vertical-align:top;display:inline-block;white-space:normal;border-bottom:1px solid #e4e4e4;transition:border-bottom .3s ease;padding-bottom:8px;width:calc(60% - 20px)}.collection__sub-item p{text-transform:uppercase;font-size:10px;letter-spacing:.12em}.collection__sub-item:not(:last-child){margin-right:10px}.collection__sub-inner{display:grid;grid-template-columns:auto 1fr;grid-gap:8px;align-items:center;background:var(--color-text-primary)}.collection__sub-inner img{height:30px}@media screen and (min-width: 768px){.collection__banner{padding-top:40px;padding-bottom:40px;grid-gap:40px}.collection__sub-items{padding:0 60px;margin:0 0 40px}.collection__sub-item{width:calc(40% - 10px)}}@media screen and (min-width: 1024px){.collection__banner{min-height:200px;padding-top:0;align-items:flex-end;grid-template-columns:1fr auto;text-align:left}.collection__banner-info{width:calc(100% * (2 / 3))}.collection__sub-items{padding:0 40px}.collection__sub-item{width:calc(26% - 10px)}.collection__sub-item:hover{border-bottom:1px solid black}}@media screen and (min-width: 1280px){.collection__sub-item{width:calc(20% - 10px)}}
/*# sourceMappingURL=/cdn/shop/t/373/assets/section-collection-banner.css.map */