.collection-shop-by{background-color:var(--shop-by-bg, #ffffff);color:var(--shop-by-text, #323c2d);padding-top:var(--shop-by-padding-top-mobile, 24px);padding-bottom:var(--shop-by-padding-bottom-mobile, 24px)}.collection-shop-by__breadcrumbs{display:flex;align-items:center;gap:4px;margin-bottom:12px;font-size:14px;color:var(--shop-by-text, #323c2d)}.collection-shop-by__breadcrumb-link{color:inherit;text-decoration:none;transition:opacity var(--shop-by-transition-duration, .3s) ease}.collection-shop-by__breadcrumb-link:hover{opacity:.7}.collection-shop-by__breadcrumb-sep{opacity:.6}.collection-shop-by__breadcrumb-current{font-weight:500}.collection-shop-by__title{margin:0 0 24px;font-size:var(--shop-by-heading-size-mobile, 36px);font-weight:700;line-height:1.2;color:var(--shop-by-heading-color, #323c2d)}.collection-shop-by__subheading{margin:0 0 20px;font-size:var(--shop-by-subheading-size-mobile, 14px);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--shop-by-heading-color, #323c2d)}.collection-shop-by__slider-wrap{position:relative}.collection-shop-by__slider-wrap .collection-shop-by__arrow{display:none}.collection-shop-by__slider-wrap--active .collection-shop-by__arrow{display:flex;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffe6;color:var(--shop-by-heading-color, #323c2d);cursor:pointer;box-shadow:0 2px 8px #00000026;transition:opacity var(--shop-by-transition-duration, .3s) ease,background var(--shop-by-transition-duration, .3s) ease}.collection-shop-by__slider-wrap--active .collection-shop-by__arrow:hover:not(:disabled){background:#fff;opacity:.95}.collection-shop-by__slider-wrap--active .collection-shop-by__arrow:disabled{opacity:.4;cursor:not-allowed}.collection-shop-by__arrow--prev{left:4px}.collection-shop-by__arrow--next{right:4px}.collection-shop-by__dots{display:none;justify-content:center;gap:8px;margin-top:16px}.collection-shop-by__slider-wrap--active .collection-shop-by__dots{display:flex}.collection-shop-by__dot{width:8px;height:8px;border:none;border-radius:50%;background:#323c2d4d;cursor:pointer;padding:0;transition:background var(--shop-by-transition-duration, .3s) ease,transform var(--shop-by-transition-duration, .3s) ease}.collection-shop-by__dot:hover{background:#323c2d80}.collection-shop-by__dot.is-active{background:var(--shop-by-heading-color, #323c2d);transform:scale(1.2)}.collection-shop-by__grid{margin-bottom:0}@media screen and (max-width:749px){.collection-shop-by__grid[data-mobile-layout=scroll]{display:flex;flex-wrap:nowrap;gap:var(--shop-by-gap-mobile, 16px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.collection-shop-by__grid[data-mobile-layout=scroll]::-webkit-scrollbar{display:none}.collection-shop-by__grid[data-mobile-layout=scroll] .collection-shop-by__block{flex:0 0 calc((100% - (var(--shop-by-blocks-per-row-mobile, 2) - 1) * var(--shop-by-gap-mobile, 16px)) / var(--shop-by-blocks-per-row-mobile, 2));min-width:calc((100% - (var(--shop-by-blocks-per-row-mobile, 2) - 1) * var(--shop-by-gap-mobile, 16px)) / var(--shop-by-blocks-per-row-mobile, 2));scroll-snap-align:start}.collection-shop-by__grid[data-mobile-layout=grid]{display:grid;grid-template-columns:repeat(var(--shop-by-blocks-per-row-mobile, 2),1fr);gap:var(--shop-by-gap-mobile, 16px)}}.collection-shop-by__block{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden}.collection-shop-by__block-image-wrap{position:relative;aspect-ratio:var(--shop-by-block-aspect-ratio-mobile, 4/5);overflow:hidden}.collection-shop-by__block-image{width:100%;height:100%;object-fit:cover;transition:transform var(--shop-by-transition-duration, .3s) ease}.collection-shop-by__block:hover .collection-shop-by__block-image{transform:scale(1.08)}.collection-shop-by__block-placeholder{width:100%;height:100%;background:#e5e5e5;display:flex;align-items:center;justify-content:center}.collection-shop-by__block-placeholder .placeholder-svg{width:100%;height:100%;opacity:.4}.collection-shop-by__block-label{display:block;width:100%;padding:10px 12px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--shop-by-block-text-color, #ffffff);background-color:var(--block-bg-override, var(--shop-by-block-bg, rgba(128, 128, 128, .8)));transition:color var(--shop-by-transition-duration, .3s) ease,background-color var(--shop-by-transition-duration, .3s) ease}.collection-shop-by__block:hover .collection-shop-by__block-label{color:var(--shop-by-block-text-hover, #ffffff);background-color:var(--block-bg-hover-override, var(--shop-by-block-bg-hover, #323c2d))}.collection-shop-by__description{font-size:14px;line-height:1.6;color:var(--shop-by-text, #323c2d)}.collection-shop-by__description p{margin:0 0 12px}.collection-shop-by__description p:last-child{margin-bottom:0}@media screen and (min-width:750px)and (max-width:1023px){.collection-shop-by__grid[data-tablet-layout=scroll]{display:flex;flex-wrap:nowrap;gap:var(--shop-by-gap-tablet, 20px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.collection-shop-by__grid[data-tablet-layout=scroll]::-webkit-scrollbar{display:none}.collection-shop-by__grid[data-tablet-layout=scroll] .collection-shop-by__block{flex:0 0 calc((100% - (var(--shop-by-blocks-per-row-tablet, 3) - 1) * var(--shop-by-gap-tablet, 20px)) / var(--shop-by-blocks-per-row-tablet, 3));min-width:calc((100% - (var(--shop-by-blocks-per-row-tablet, 3) - 1) * var(--shop-by-gap-tablet, 20px)) / var(--shop-by-blocks-per-row-tablet, 3));scroll-snap-align:start}.collection-shop-by__grid[data-tablet-layout=grid]{display:grid;grid-template-columns:repeat(var(--shop-by-blocks-per-row-tablet, 3),1fr);gap:var(--shop-by-gap-tablet, 20px);overflow:visible;scroll-snap-type:none}.collection-shop-by__grid[data-tablet-layout=grid] .collection-shop-by__block{flex:none;min-width:auto}.collection-shop-by__block-image-wrap{aspect-ratio:var(--shop-by-block-aspect-ratio-desktop, 4/5)}}@media screen and (min-width:750px){.collection-shop-by{padding-top:var(--shop-by-padding-top-desktop, 48px);padding-bottom:var(--shop-by-padding-bottom-desktop, 48px)}.collection-shop-by__title{font-size:var(--shop-by-heading-size-desktop, 48px);margin-bottom:32px}.collection-shop-by__subheading{font-size:var(--shop-by-subheading-size-desktop, 16px);margin-bottom:28px}.collection-shop-by__block-label{font-size:14px;padding:10px 12px}.collection-shop-by__description{font-size:15px;max-width:650px}}@media screen and (min-width:1024px){.collection-shop-by__grid[data-desktop-layout=scroll]{display:flex;flex-wrap:nowrap;gap:var(--shop-by-gap-desktop, 24px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.collection-shop-by__grid[data-desktop-layout=scroll]::-webkit-scrollbar{display:none}.collection-shop-by__grid[data-desktop-layout=scroll] .collection-shop-by__block{flex:0 0 calc((100% - (var(--shop-by-blocks-per-row-desktop, 5) - 1) * var(--shop-by-gap-desktop, 24px)) / var(--shop-by-blocks-per-row-desktop, 5));min-width:calc((100% - (var(--shop-by-blocks-per-row-desktop, 5) - 1) * var(--shop-by-gap-desktop, 24px)) / var(--shop-by-blocks-per-row-desktop, 5));scroll-snap-align:start}.collection-shop-by__grid[data-desktop-layout=grid]{display:grid;grid-template-columns:repeat(var(--shop-by-blocks-per-row-desktop, 5),1fr);gap:var(--shop-by-gap-desktop, 24px);margin-bottom:40px;overflow:visible;scroll-snap-type:none}.collection-shop-by__grid[data-desktop-layout=grid] .collection-shop-by__block{flex:none;min-width:auto}.collection-shop-by__block-image-wrap{aspect-ratio:var(--shop-by-block-aspect-ratio-desktop, 4/5)}}@media screen and (max-width:600px){.collection-shop-by__block-label{padding:6px 8px;font-size:9px;position:absolute;bottom:0;left:0;right:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-collection-shop-by.css.map */