.parent-collection-page{box-sizing:border-box;width:100%}.parent-collection-page__heading{font-size:2rem;font-weight:700;margin:0 0 2.4rem}.parent-collection-page__row{width:100%}.parent-collection-page__row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.parent-collection-page__row-title{font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.04em}.parent-collection-page__show-all{font-size:1.4rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.parent-collection-page__show-all:hover{opacity:.7}.parent-collection-page__carousel-wrapper{position:relative;display:flex;align-items:center}.parent-collection-page__nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:background .2s ease,box-shadow .2s ease;padding:0}.parent-collection-page__nav:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000002e}.parent-collection-page__nav--prev{left:-1.8rem}.parent-collection-page__nav--next{right:-1.8rem}.parent-collection-page__nav--prev .icon-caret{transform:rotate(90deg)}.parent-collection-page__nav--next .icon-caret{transform:rotate(-90deg)}.parent-collection-page__nav svg{width:1.4rem;height:1.4rem}.parent-collection-page__carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--products-desktop, 4) - 1) * var(--card-gap, 12px)) / var(--products-desktop, 4));gap:var(--card-gap, 12px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding:.4rem 0 .8rem}.parent-collection-page__carousel::-webkit-scrollbar{display:none}.parent-collection-page__card-wrapper{scroll-snap-align:start;min-width:0}.parent-collection-page__empty{font-size:1.4rem;color:#999;padding:2rem 0}@media screen and (max-width:989px){.parent-collection-page__carousel{grid-auto-columns:calc((100% - 2 * var(--card-gap, 12px)) / 2.4)}.parent-collection-page__nav--prev{left:-1rem}.parent-collection-page__nav--next{right:-1rem}}@media screen and (max-width:749px){.parent-collection-page__carousel{grid-auto-columns:100%}.parent-collection-page__row-title{font-size:1.5rem!important}.parent-collection-page__nav{width:2.8rem;height:2.8rem}.parent-collection-page__nav--prev{left:-.4rem}.parent-collection-page__nav--next{right:-.4rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/parent-collection-page.css.map */