/* PLP subcategory cards (zibana-plp-subcats.php): desktop 6.2, tablet 3.3, phones 2.2 visible. Card = DS product card (border 1.5px Black/50, radius 12, no shadow). */
.zb-subcats{position:relative;margin:0 0 24px}
.zb-subcat-list{--zb-sc-per:6.2;--zb-sc-gaps:6;--zb-sc-gap:16px;display:flex;gap:var(--zb-sc-gap);margin:0;padding:2px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.zb-subcat-list::-webkit-scrollbar{display:none}
.zb-subcat-list.zb-snap{scroll-snap-type:x proximity;scroll-behavior:smooth}
.zb-subcat-list.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.zb-subcat-card{flex:0 0 calc((100% - var(--zb-sc-gaps) * var(--zb-sc-gap)) / var(--zb-sc-per));min-width:0;margin:0;scroll-snap-align:start}
.zb-subcat-card a{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;box-sizing:border-box;padding:8px 8px 12px;border:1.5px solid var(--zb-black-50,#f0f3eb);border-radius:12px;background:var(--zb-black-20,#fff);color:var(--zb-black-1000,#202020)!important;text-decoration:none!important;transition:border-color .2s}
.zb-subcat-card a:hover{border-color:var(--zb-pink-100,#ffaebb)}
.zb-subcat-card a:focus-visible{outline:2px solid var(--zb-pink-300,#f45170);outline-offset:2px}
.zb-subcat-img{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:8px}
.zb-subcat-img img{display:block;width:100%!important;height:100%!important;object-fit:contain;margin:0!important}
.zb-subcat-name{font-size:14px;font-weight:500;line-height:24px;text-align:center;overflow-wrap:anywhere}
@media (max-width:1024px){.zb-subcat-list{--zb-sc-per:3.3;--zb-sc-gaps:3}}
@media (max-width:767px){.zb-subcats{margin-bottom:16px}.zb-subcat-list{--zb-sc-per:2.2;--zb-sc-gaps:2;--zb-sc-gap:12px}.zb-subcat-name{font-size:12px}}
@media (prefers-reduced-motion:reduce){.zb-subcat-list.zb-snap{scroll-behavior:auto}.zb-subcat-card a{transition:none}}