.collection-hero{position:relative;margin-bottom:1rem;border-radius:12px;overflow:hidden}.collection-hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.collection-hero__track::-webkit-scrollbar{display:none}.collection-hero__slide{flex:none;width:100%;height:220px;scroll-snap-align:start;background:#f1f1f1}.collection-hero__slide img{width:100%;height:100%;object-fit:cover;display:block}.collection-hero__slide--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.02) 0 16px,transparent 16px 32px)}.collection-hero__slide--placeholder:nth-child(2){background-color:#e9e6ef}.collection-hero__slide--placeholder:nth-child(3){background-color:#e4e9e6}.collection-hero__ph-label{font-family:monospace;font-size:.625rem;letter-spacing:1.5px;text-transform:uppercase;color:#9aa0aa}.collection-hero__ph-sub{font-family:monospace;font-size:.5625rem;color:#b8bdc6;margin-top:6px}.collection-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:#ffffffe6;color:#131923;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f;z-index:2}.collection-hero__arrow--prev{left:10px}.collection-hero__arrow--next{right:10px}.collection-hero__dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:2}.collection-hero__dot{width:7px;height:7px;border-radius:4px;background:#13192347;cursor:pointer;transition:all .25s}.collection-hero__dot--active{width:18px;background:#131923}@media(min-width:1024px){.collection-hero__slide{height:min(24vw,400px)}.collection-hero__slide:first-child img{object-position:50% 62%}.collection-hero__slide:nth-child(2) img{object-position:50% 88%}}.collection-usps{display:flex;align-items:center;justify-content:space-between;gap:.4rem;overflow-x:auto;scrollbar-width:none;width:100vw;max-width:100vw;margin:.5rem 0 .9rem calc(50% - 50vw);padding:.6rem var(--gutter, 15px);background:#f1f1f1;border-radius:0;font-size:.6875rem;font-weight:500;color:#131923}.collection-usps__item svg{width:12px;height:12px}@media(max-width:389px){.collection-usps{font-size:.65rem}.collection-usps__sep{display:none}}@media(max-width:350px){.collection-usps__item svg{display:none}}.collection-usps::-webkit-scrollbar{display:none}.collection-usps__item{display:flex;align-items:center;gap:5px;white-space:nowrap;flex:none}.collection-usps__sep{width:4px;height:4px;border-radius:50%;background:#b8bdc6;flex:none}@media(min-width:1024px){.collection-usps{justify-content:center;gap:2.5rem;padding-block:.7rem}}.collection-usps--attached{margin-top:0;margin-bottom:1.1rem;justify-content:center}.collection-hero:has(+.collection-usps--attached){margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.collection-intro__toggle-input{display:none}.collection-intro__toggle{display:none;align-items:center;gap:5px;padding:.35rem 0 0;font-size:.78125rem;font-weight:600;color:#131923;cursor:pointer}.collection-intro__toggle:after{content:"\2304";font-size:.8125rem;line-height:1;transition:transform .2s}.collection-header__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%}.collection-intro__toggle{display:inline-flex}.collection-intro__toggle-input:checked~.collection-header__description{display:block;-webkit-line-clamp:unset}.collection-intro__toggle-input:checked~.collection-intro__toggle:after{transform:rotate(180deg)}.collection-intro__toggle .collection-intro__more{display:inline}.collection-intro__toggle .collection-intro__less{display:none}.collection-intro__toggle-input:checked~.collection-intro__toggle .collection-intro__more{display:none}.collection-intro__toggle-input:checked~.collection-intro__toggle .collection-intro__less{display:inline}html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}.main-collection-banner .section-heading__text{min-width:0;max-width:100%;padding-inline-end:0}.collection-intro{max-width:100%;min-width:0}
/*# sourceMappingURL=/cdn/shop/t/32/assets/collection-header.css.map */