.catcar{padding:30px 0}.catcar__heading{text-align:center;margin:0 0 18px;font-weight:700}.catcar__wrap{position:relative;padding:0 56px}.catcar__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.catcar__viewport::-webkit-scrollbar{display:none}.catcar__rail{display:flex;gap:18px;align-items:stretch;padding:8px 0}.catcar__card{flex:0 0 calc((100% - (18px * (var(--perview-desktop) - 1))) / var(--perview-desktop));scroll-snap-align:start;text-decoration:none;color:inherit}@media (max-width: 749px){.catcar__wrap{padding:0 22px}.catcar__card{flex:0 0 calc((100% - (14px * (var(--perview-mobile) - 1))) / var(--perview-mobile))}.catcar__rail{gap:14px}}.catcar__media{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:0;overflow:hidden;background:#0000000a}.catcar__img{width:100%;height:100%;object-fit:cover;display:block}.catcar__placeholder{width:100%;height:100%;background:#00000014}.catcar__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000)}.catcar__title{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;text-transform:uppercase;font-weight:700;letter-spacing:.6px;font-size:18px;line-height:1.1;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);word-break:break-word}@media (max-width: 749px){.catcar__title{font-size:14px;left:10px;right:10px;bottom:10px}}.catcar__arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:999px;border:0;background:#fff;box-shadow:0 6px 16px #0000001f;display:grid;place-items:center;cursor:pointer;z-index:2}.catcar__arrow span{font-size:28px;line-height:1}.catcar__arrow--left{left:6px}.catcar__arrow--right{right:6px}.catcar__arrow:disabled{opacity:.35;cursor:not-allowed}.catcar__dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.catcar__dot{width:10px;height:10px;border-radius:999px;border:0;background:#0003;cursor:pointer}.catcar__dot.is-active{background:#000000bf}
/*# sourceMappingURL=/cdn/shop/t/3/assets/category-carousel.css.map */