.cat-cards-section{width:100%}.cat-cards-heading{text-align:center;font-size:28px;margin:0 0 24px}.cat-cards-wrap{position:relative;margin:0 auto}.cat-cards-wrap--page{max-width:1400px}.cat-cards-wrap--full{max-width:100%}.cat-cards-container{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.cat-cards-container::-webkit-scrollbar{display:none}.cat-card{position:relative;display:block;flex:0 0 auto;width:var(--cat-card-width, 260px);border-radius:12px;overflow:hidden;text-decoration:none;background-color:#2b1810;box-shadow:0 4px 12px #00000026;scroll-snap-align:start}.cat-card-image-wrap{position:relative;width:100%;aspect-ratio:var(--cat-card-ratio, .66);background-color:#2b1810}.cat-card-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.cat-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cat-card-placeholder-svg{width:60%;height:60%;opacity:.4}.cat-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000059,#0000 25% 65%,#0000008c);pointer-events:none}.cat-card-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:0 18px 18px;pointer-events:none}.cat-card-title{color:#fff;font-size:22px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.5)}.cat-card-more{color:#fff;font-size:11px;font-weight:500;letter-spacing:.6px;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.5)}.cat-cards-empty{text-align:center;color:#888;padding:40px 0}.cat-cards-dots{display:flex;align-items:center;gap:8px;margin-top:16px;padding:0 4px}.cat-cards-dots--center{justify-content:center}.cat-cards-dots--left{justify-content:flex-start}.cat-cards-dots--right{justify-content:flex-end}.cat-cards-dot{width:5px;height:5px;border-radius:50%;border:none;padding:0;background:#0003;cursor:pointer;transition:background .2s ease,transform .2s ease}.cat-cards-dot--active{background:#000000d9;transform:scale(1.2)}@media screen and (max-width:749px){.cat-card{width:min(var(--cat-card-width, 260px),68vw)}.cat-card-title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/category-cards.css.map */