.section-collection-tabs{overflow-x:clip}.section-collection-tabs collection-tabs{display:block}.section-collection-tabs .collection-tabs{--edge-gap: max(var(--gutter), calc((100vw - var(--page-width)) / 2))}.section-collection-tabs .collection-tabs__header{margin-bottom:1rem}.section-collection-tabs .collection-tabs__body{display:block}.section-collection-tabs .collection-tabs__nav{margin-bottom:clamp(1.4rem,3vw,2.4rem);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.section-collection-tabs .collection-tabs__nav::-webkit-scrollbar{display:none}.section-collection-tabs .collection-tabs__tab{flex:none;white-space:nowrap;transition:color .3s var(--ease)}.section-collection-tabs .collection-tabs__tab:hover{color:var(--c-heading)}.section-collection-tabs .collection-tabs__nav--slash .collection-tabs__tab{font-size:clamp(.82rem,1.1vw,.95rem);letter-spacing:.06em}.section-collection-tabs .collection-tabs__tab-index{display:none}.section-collection-tabs .collection-tabs__track{margin:0;padding:0;list-style:none}.section-collection-tabs .collection-tabs__item{min-width:0}.section-collection-tabs .collection-tabs__panel:not([hidden]) .collection-tabs__item{animation:collection-tabs-in .75s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes collection-tabs-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.section-collection-tabs .collection-tabs--bleed .collection-tabs__track{margin-inline-end:calc(var(--edge-gap) * -1);padding-inline-end:var(--edge-gap)}.section-collection-tabs .collection-tabs__progress{max-width:420px}.section-collection-tabs .collection-tabs__more{height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;padding:1.5rem;border-radius:var(--radius-card);border:1px solid var(--c-border);background:var(--c-bg-alt);color:var(--c-heading);transition:background-color .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}.section-collection-tabs .collection-tabs__more-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;transition:transform .5s var(--ease-out)}.section-collection-tabs .collection-tabs__more-icon svg{width:20px;height:20px}.section-collection-tabs .collection-tabs__more-label{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.section-collection-tabs .collection-tabs__more-title{font-family:var(--font-accent);font-style:italic;font-size:1.25rem}.section-collection-tabs .collection-tabs__more:hover{background:var(--c-heading);color:var(--c-bg);border-color:var(--c-heading)}.section-collection-tabs .collection-tabs__more:hover .collection-tabs__more-icon{transform:rotate(45deg)}.tab-card{position:relative;height:100%}.tab-card__link{display:block;position:relative;border-radius:var(--radius-card);overflow:hidden;color:#fff}.tab-card__media{position:relative;aspect-ratio:var(--tab-card-ratio, 3 / 4);background:var(--c-image)}.tab-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.2s var(--ease-out)}.tab-card__img--alt{opacity:0}.tab-card__media:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent);pointer-events:none}.tab-card__badge{position:absolute;top:12px;left:12px;z-index:2}.tab-card__caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1rem 4rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem}.tab-card__title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:1.02rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tab-card__price{font-size:.86rem;color:#fff}.tab-card__price .price__compare{color:#ffffffb3}.tab-card__bag{position:absolute;right:12px;bottom:12px;z-index:3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#000;transition:background-color .3s,color .3s,transform .45s var(--ease-out),opacity .35s}.tab-card__bag svg{width:18px;height:18px}.tab-card__bag:hover{background:#000;color:#fff}@media(hover:hover){.tab-card__price{opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .45s var(--ease-out)}.tab-card__bag{opacity:0;transform:translateY(10px) scale(.9)}.tab-card:hover .tab-card__price,.tab-card:focus-within .tab-card__price{opacity:1;transform:none}.tab-card:hover .tab-card__bag,.tab-card:focus-within .tab-card__bag{opacity:1;transform:none}.tab-card:hover .tab-card__img--alt{opacity:1}.tab-card:hover .tab-card__img{transform:scale(1.04)}}@media(min-width:990px){.section-collection-tabs .collection-tabs--vertical .collection-tabs__body{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,3fr);gap:clamp(2rem,4vw,4rem);align-items:start}.section-collection-tabs .collection-tabs--vertical .collection-tabs__nav{flex-direction:column;align-items:flex-start;gap:.2rem;margin:0;overflow:visible;position:sticky;top:calc(var(--header-height) + 1.5rem)}.section-collection-tabs .collection-tabs--vertical .collection-tabs__tab{display:flex;align-items:baseline;gap:.8rem;padding:.5rem 0;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:clamp(1.3rem,2vw,1.9rem);letter-spacing:var(--heading-letter-spacing);text-transform:none;text-decoration:none;white-space:normal;text-align:left}.section-collection-tabs .collection-tabs--vertical .collection-tabs__tab:before{content:none}.section-collection-tabs .collection-tabs--vertical .collection-tabs__tab-index{display:inline;font-family:var(--font-body);font-size:.75rem;letter-spacing:.08em;color:var(--c-text-faint)}.section-collection-tabs .collection-tabs--vertical .collection-tabs__tab[aria-selected=true]{text-decoration:none}.section-collection-tabs .collection-tabs--vertical .collection-tabs__tab[aria-selected=true] .collection-tabs__tab-label{font-family:var(--font-accent);font-style:italic}}@media(max-width:749px){.section-collection-tabs .collection-tabs--bleed .collection-tabs__track,.section-collection-tabs .collection-tabs__track.slider,.section-collection-tabs .collection-tabs__nav{margin-inline-end:calc(var(--gutter) * -1);padding-inline-end:var(--gutter)}}@media(max-width:749px){.section-collection-tabs .collection-tabs__progress{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-collection-tabs.css.map */
