.collection-banner__content.color-scheme{padding:var(--gutter-sm, 20px)}.collection-banner__content.color-scheme h1{padding-top:calc(4 * var(--space-unit))}.collection-banner__media{order:2}.collection-banner__heading{margin-inline-end:5px;font-size:clamp(1.6rem,4vw,2.4rem)!important;line-height:1.15!important}.cc-collection-banner:has(.collection-banner-strip){margin-top:0!important}.collection-banner-strip{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:160px;height:clamp(160px,20vw,300px);display:flex;align-items:center;overflow:hidden;background-color:#1a1a1a}.collection-banner-strip__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.collection-banner-strip__media img,.collection-banner-strip__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.collection-banner-strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#0f0f0fc7,#0f0f0f73 42%,#0f0f0f0d 75%)}.collection-banner-strip__content{position:relative;z-index:2;color:#fff;padding:0 max(24px,calc((100vw - var(--page-width, 1400px)) / 2 + 24px));max-width:640px}.collection-banner-strip__heading{color:#fff!important;font-size:clamp(1.4rem,3vw,2.1rem)!important;line-height:1.15!important;text-shadow:0 1px 6px rgba(0,0,0,.35)}.collection-banner-strip__count{color:#ffffffbf;font-size:1rem;margin-inline-start:8px}.collection-banner-strip__desc{margin-top:8px;font-size:.95rem;color:#ffffffe6;max-width:520px}@media(max-width:749px){.collection-banner-strip{height:clamp(140px,45vw,220px)}.collection-banner-strip__content{padding:0 20px}.collection-banner-strip__desc{display:none}}.collection-banner__count{color:rgba(var(--heading-color)/.6);font-size:1.4rem;line-height:1.4rem;white-space:nowrap}@media(min-width:600px){.collection-banner__content--with-media{padding-inline-end:calc(8 * var(--space-unit))}.collection-banner__content.color-scheme{padding:calc(10 * var(--space-unit))}.collection-banner__content.color-scheme h1{padding-top:calc(2 * var(--space-unit))}}@media(min-width:769px){.collection-banner__content{width:50%;min-width:400px}.collection-banner__content.color-scheme{padding:calc(12 * var(--space-unit))}.collection-banner__content-wide{width:66%}}@media(min-width:1024px){.collection-banner__content--with-media.text-start,.collection-banner__content--with-media.panel.text-start{padding-inline-end:112px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/collection-banner.css.map */