.sub-collections{--sc-gap: 24px;--sc-per-view: 5;--sc-radius: 24px;position:relative;margin:24px 0}.container-fluid.section-full{padding-top:33px}.sub-collections__track{display:flex;gap:var(--sc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sub-collections__track::-webkit-scrollbar{display:none}.sub-collections__item{position:relative;flex:0 0 calc((100% - (var(--sc-per-view) - 1) * var(--sc-gap)) / var(--sc-per-view));aspect-ratio:3 / 4;border-radius:var(--sc-radius);overflow:hidden;scroll-snap-align:start;text-decoration:none;color:#fff;background:#eee}.sub-collections__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.sub-collections__img img,.sub-collections__img svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.sub-collections__item:hover .sub-collections__img img,.sub-collections__item:hover .sub-collections__img svg{transform:scale(1.06)}.sub-collections__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 45%);pointer-events:none}.sub-collections__title{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;display:inline-block;width:fit-content;max-width:calc(100% - 40px);font-size:18px;line-height:1.3;color:#fff;text-decoration:underline;text-underline-offset:5px}.sub-collections__item.is-active .sub-collections__title{font-weight:700}.sub-collections__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:0 2px 8px #00000040;font-size:14px;line-height:1;cursor:pointer}.sub-collections__arrow{display:none}.sub-collections.has-slider .sub-collections__arrow{display:flex}.sub-collections__arrow.prev{left:10px}.sub-collections__arrow.next{right:10px}@media(min-width:769px){.sub-collections:not(.has-slider) .sub-collections__track{justify-content:center}}@media(max-width:1024px){.sub-collections{--sc-per-view: 3}}@media(max-width:768px){.sub-collections{--sc-per-view: 1;--sc-gap: 12px;--sc-radius: 18px}.sub-collections__item{aspect-ratio:4 / 3}.sub-collections .sub-collections__arrow{display:flex;width:36px;height:36px}.sub-collections__arrow.prev{left:8px}.sub-collections__arrow.next{right:8px}.sub-collections__title{left:16px;bottom:16px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map?subset=AAAAAAAAQA */
