.collection-grid-banner{grid-column:1 / -1;width:100%;list-style:none;margin:0;display:none}@media screen and (max-width: 749px){.collection-products-grid.cpg-mobile-2 .collection-grid-banner{display:block}}.collection-banner-wrapper{position:relative;width:100%;height:60rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#1a1b2e;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:0;margin-top:24px;margin-bottom:24px}.collection-banner-wrapper[data-image-position=center]{background-position:center center}.collection-banner-wrapper[data-image-position=center-left]{background-position:center left}.collection-banner-wrapper[data-image-position=center-right]{background-position:center right}.collection-banner-wrapper[data-image-position=top]{background-position:top center}.collection-banner-wrapper[data-image-position=top-left]{background-position:top left}.collection-banner-wrapper[data-image-position=top-right]{background-position:top right}.collection-banner-wrapper[data-image-position=bottom]{background-position:bottom center}.collection-banner-wrapper[data-image-position=bottom-left]{background-position:bottom left}.collection-banner-wrapper[data-image-position=bottom-right]{background-position:bottom right}.collection-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,calc(var(--mobile-overlay, 60) / 100));pointer-events:none;z-index:1}.collection-banner-content{position:relative;z-index:2;width:100%;max-width:1200px;padding:3rem 2rem;color:#fff;height:100%;display:flex;align-items:center;justify-content:center}.collection-banner-content-inner{max-width:800px;text-align:center;color:#fff}@media screen and (min-width: 750px){.collection-banner-overlay{background-color:rgba(0,0,0,calc(var(--desktop-overlay, 50) / 100))}}.collection-banner-heading{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2;margin:0 0 1.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.collection-banner-body{font-size:1.4rem;line-height:1.6;margin:0 0 2rem;color:#ffffffe6}.collection-banner-body p{margin:0 0 1rem}.collection-banner-body p:last-child{margin-bottom:0}.collection-banner-button{display:inline-block;padding:1rem 2.5rem;background-color:#ffffff1a;border:2px solid #ffffff;color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;border-radius:4px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collection-banner-button:hover{background-color:#fff;color:#1a1b2e;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.collection-grid-banner{opacity:0;transform:translateY(30px);animation:bannerFadeIn .8s ease forwards}@keyframes bannerFadeIn{to{opacity:1;transform:translateY(0)}}.collection-banner-wrapper{will-change:transform;transition:transform .3s ease-out}@media screen and (min-height: 1000px){.collection-banner-heading{font-size:clamp(2.5rem,5vw,4rem)}.collection-banner-button{font-size:1.2rem;padding:1.2rem 3rem}}@media screen and (min-width: 1400px){.collection-banner-content{max-width:1400px}.collection-banner-content-inner{max-width:700px}}@media screen and (max-width: 749px){.collection-banner-content{padding:2rem 1.5rem}}@media (prefers-reduced-motion: reduce){.collection-grid-banner{animation:none;opacity:1;transform:none}.collection-banner-wrapper,.collection-banner-button{transition:none}}@media (prefers-contrast: high){.collection-banner-button{border-width:3px}.collection-banner-heading{text-shadow:0 2px 4px rgba(0,0,0,.8)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/collection-banner.css.map */