.collection-banner{background-color:#ededed;position:relative}.collection-banner .collection-banner__content{padding:3.5rem 20px}.collection-banner .collection-banner__content h1{margin:0}.collection-banner .collection-banner__content .h1+.sub-h1{margin-top:1rem}@media screen and (min-width:768px){.collection-banner{position:relative}.collection-banner:after{background-color:#f4f4f4;bottom:0;content:"";display:block;height:3rem;position:absolute;right:0;width:60%}.collection-banner.collection-banner--with-image .collection-banner__inner{display:flex;gap:40px}.collection-banner.collection-banner--with-image .collection-banner__content{background:linear-gradient(101.24deg,#fff 31.45%,hsla(0,0%,98%,0) 84.12%),#ededed;display:flex;flex-direction:column;justify-content:center}.collection-banner--center{text-align:center}.collection-banner--right{text-align:right}.collection-banner.collection-banner--image_first .collection-banner__inner{flex-direction:row-reverse}.collection-banner.collection-banner--image_first .collection-banner__content{padding-left:3rem}.collection-banner .collection-banner__content{flex-grow:1}.collection-banner .collection-banner__image{min-width:40%}}@media screen and (min-width:1280px){.collection-banner .collection-banner__content .h1+.sub-h1{margin-top:1.5rem}}@media screen and (min-width:1480px){.collection-banner .collection-banner__content{padding:5rem calc(50vw - var(--page-width)/2 + 20px)}}