.shop-by-category{--gap: 30px;--card-radius: 15px;--shadow: 0 2px 4px rgba(0, 0, 0, .04), 0 6px 18px -4px rgba(0, 0, 0, .06);background:#f4f4f4;clip-path:inset(10px 20px)}.shop-by-category--wide>.page-width{display:flex;flex-direction:column;margin:auto;padding:var(--section-pt) var(--sds-size-space-4000);padding-top:var(--section-pt);padding-bottom:var(--section-pb);padding-left:var(--sds-size-space-4000);padding-right:var(--sds-size-space-4000);gap:var(--sds-size-space-800)}@media (min-width: 1440px){.shop-by-category--wide>.page-width{max-width:1440px;width:100%}}.shop-by-category__heading{text-align:var(--sbcat-heading-align-mobile, var(--sbcat-heading-align, center));font-size:var(--sbcat-heading-size, 18px);letter-spacing:2px;font-weight:600;text-transform:uppercase;font-family:Inter;margin:0}@media (min-width: 750px){.shop-by-category__heading{text-align:var(--sbcat-heading-align-desktop, var(--sbcat-heading-align-mobile, center))}}.shop-by-category__viewport{position:relative}.shop-by-category__track{display:flex;gap:var(--gap);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box}@media (min-width: 1200px){.shop-by-category__track{justify-content:center;overflow:visible;scroll-snap-type:none;flex-wrap:nowrap}.shop-by-category__card{width:calc((min(1440px,100%) - (var(--gap) * 4)) / 5);max-width:260px}.shop-by-category--wide>.page-width{display:flex;flex-direction:column;align-items:center;overflow:hidden}}@media (max-width: 1199px){.shop-by-category{--gap: 26px}.shop-by-category__viewport{overflow-x:clip}.shop-by-category__nav.prev{left:4px}.shop-by-category__nav.next{right:4px}}.shop-by-category__track::-webkit-scrollbar{display:none}.shop-by-category__card{flex:0 0 auto;width:180px;scroll-snap-align:start;list-style:none}@media (min-width: 600px){.shop-by-category__card{width:200px}}.shop-by-category__link{display:block;text-decoration:none;color:inherit}.shop-by-category__media{position:relative;aspect-ratio:1 / 1;border-radius:var(--card-radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}.shop-by-category__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:200px;object-fit:cover;transition:opacity .4s ease;background:#fff}.shop-by-category__img.is-secondary{opacity:0}.shop-by-category__card:hover .shop-by-category__img.is-secondary,.shop-by-category__link:focus .shop-by-category__img.is-secondary{opacity:1}.shop-by-category__card:hover .shop-by-category__img.is-primary,.shop-by-category__link:focus .shop-by-category__img.is-primary{opacity:0}.shop-by-category__title{text-align:var(--sbcat-title-align-mobile, var(--sbcat-title-align, center));font-family:Inter;text-transform:uppercase;font-size:14px;font-style:normal;padding-top:16px;font-weight:500;line-height:130%}@media (min-width: 750px){.shop-by-category__title{text-align:var(--sbcat-title-align-desktop, var(--sbcat-title-align-mobile, center))}}.shop-by-category__ph{width:100%;height:100%;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);animation:ph 1.2s linear infinite}@keyframes ph{0%{background-position:0 0}to{background-position:200% 0}}.shop-by-category__empty{text-align:center;color:#666;font-size:14px}.shop-by-category__link:focus-visible{outline:3px solid #111;outline-offset:4px}.shop-by-category__nav{position:absolute;top:40%;transform:translateY(-50%);background:#fff;border:1px solid #ddd;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .25s}.shop-by-category__nav:hover{background:#f0f0f0}.shop-by-category__nav.prev{left:-12px}.shop-by-category__nav.next{right:-12px}@media (max-width: 699px){.shop-by-category__nav{display:none}}@media (max-width: 767px){.shop-by-category{--gap: 16px}.shop-by-category--wide>.page-width{width:100%;padding-top:var(--section-pt-mobile, 40px);padding-bottom:var(--section-pb-mobile, 40px);padding-left:20px;padding-right:0;gap:var(--sds-size-space-600)}.shop-by-category__heading{font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:130%;letter-spacing:1.6px;text-transform:uppercase}.shop-by-category__card.swiper-slide.swiper-slide-active,.shop-by-category__card.swiper-slide.swiper-slide-next{margin-right:0!important}.shop-by-category__card:hover .shop-by-category__img.is-secondary{object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/559/assets/shop-by-13lune.css.map */