.collection-banner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius);background:var(--c-bg-gradient);color:var(--c-text);isolation:isolate}.collection-banner--full{border-radius:0}.collection-banner--small{min-height:clamp(210px,19.2vw,300px)}.collection-banner--medium{min-height:clamp(280px,24.5vw,360px)}.collection-banner--large{min-height:clamp(360px,40vw,560px)}.collection-banner__inner{position:relative;z-index:1;width:100%;max-width:1040px;padding:clamp(2.25rem,4.4vw,3.75rem) var(--gutter);display:flex;flex-direction:column;gap:clamp(.65rem,1.1vw,1rem)}.collection-banner--center .collection-banner__inner{align-items:center;text-align:center;margin-inline:auto}.collection-banner--left{justify-content:flex-start}.collection-banner--left .collection-banner__inner{align-items:flex-start;text-align:left}.collection-banner--full .collection-banner__inner{max-width:calc(var(--page-width) + var(--gutter) * 2)}.collection-banner__crumbs{justify-content:inherit}.collection-banner--center .collection-banner__crumbs{justify-content:center}.collection-banner__title{margin:0;font-size:calc(clamp(3.05rem,6.82vw,6.667rem) * var(--heading-scale, 1));line-height:1;letter-spacing:-.04em;overflow-wrap:anywhere}.collection-banner--title-md .collection-banner__title{font-size:calc(clamp(2.2rem,4.3vw,3.9rem) * var(--heading-scale, 1));line-height:1.08}.collection-banner__count{font-size:.3em;font-weight:500;vertical-align:super;margin-left:.2em;color:var(--c-text-soft);letter-spacing:0}.collection-banner__text{max-width:640px;color:var(--c-text);font-size:clamp(.9rem,1.05vw,1rem);line-height:1.65}.collection-banner__text>*{margin:0}.collection-banner--image .collection-banner__text{max-width:640px;opacity:.92}.collection-banner--center .collection-banner__text{margin-inline:auto}.collection-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;--c-overlay: #000}.collection-banner--image,.collection-banner--image .collection-banner__title,.collection-banner--image .collection-banner__count,.collection-banner--image .collection-banner__text,.collection-banner--image .breadcrumbs{color:#fff}.collection-banner--image .breadcrumbs a:hover{color:#fff;opacity:.8}.collection-banner__links{margin-top:.6rem;width:100%}.collection-banner__subs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.collection-banner--center .collection-banner__subs{justify-content:center}.collection-banner__sub{display:inline-flex;align-items:center;gap:.6rem;font-size:.86rem;font-weight:500;color:var(--c-heading);transition:background-color .25s,color .25s,border-color .25s}.collection-banner__subs--pills .collection-banner__sub{padding:.6rem 1.2rem;border:1px solid color-mix(in srgb,var(--c-heading) 25%,transparent);border-radius:99px}.collection-banner__subs--pills .collection-banner__sub:hover,.collection-banner__subs--pills .collection-banner__sub.is-current{background:var(--c-heading);color:var(--c-bg);border-color:var(--c-heading)}.collection-banner__subs--thumbs{gap:1rem 1.4rem}.collection-banner__subs--thumbs .collection-banner__sub{flex-direction:column;gap:.5rem}.collection-banner__sub-media{width:76px;height:76px;border-radius:50%;outline:1px solid transparent;outline-offset:3px;transition:outline-color .25s}.collection-banner__sub-media img{transition:transform .8s var(--ease-out)}.collection-banner__sub:hover .collection-banner__sub-media img{transform:scale(1.08)}.collection-banner__sub:hover .collection-banner__sub-media,.collection-banner__sub.is-current .collection-banner__sub-media{outline-color:var(--c-heading)}.collection-banner--image .collection-banner__sub{color:#fff}.collection-banner--image .collection-banner__subs--pills .collection-banner__sub{border-color:#ffffff80}.collection-banner--image .collection-banner__subs--pills .collection-banner__sub:hover,.collection-banner--image .collection-banner__subs--pills .collection-banner__sub.is-current{background:#fff;color:#000;border-color:#fff}@media(max-width:749px){.collection-banner__subs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start!important;padding-bottom:2px}.collection-banner__subs::-webkit-scrollbar{display:none}.collection-banner__subs>li{flex:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-main-collection-banner.css.map */