.wmd-subcat-slider{position:relative;margin:10px 0}
.wmd-subcat-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100%/2.2);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 10px;border-radius:14px}
.wmd-subcat-track::-webkit-scrollbar{height:8px}
.wmd-subcat-track::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:4px}
.wmd-subcat-card{display:flex;flex-direction:column;gap:8px;background:#fff;text-decoration:none;border:1px solid #eee;border-radius:14px;overflow:hidden;scroll-snap-align:start;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.wmd-subcat-imgwrap{aspect-ratio:4/3;width:100%;overflow:hidden;background:#f7f7f7}
.wmd-subcat-imgwrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.wmd-subcat-card:hover .wmd-subcat-imgwrap img{transform:scale(1.03)}
.wmd-subcat-meta{padding:10px 12px 12px;display:flex;flex-direction:column}
.wmd-subcat-title{font-size:14px;line-height:1.2;color:#111;font-weight:600;margin-bottom:4px}
.wmd-subcat-price{font-size:13px;color:#0a7d2f;font-weight:600}
.wmd-subcat-price--na{color:#666;font-weight:500}
.wmd-subcat-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;background:#fff;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;z-index:2}
.wmd-subcat-prev{left:-6px}
.wmd-subcat-next{right:-6px}
@media (min-width:640px){.wmd-subcat-track{grid-auto-columns:calc(100%/3.2)}}
@media (min-width:880px){.wmd-subcat-track{grid-auto-columns:calc(100%/4.2)}}
@media (min-width:1100px){.wmd-subcat-track{grid-auto-columns:calc(100%/5.2)}}
@media (min-width:1360px){.wmd-subcat-track{grid-auto-columns:calc(100%/6.2)}}

/* Force responsive images inside slider cards (override theme img rules) */
.wmd-subcat-slider .wmd-subcat-imgwrap {
  position: relative;
  aspect-ratio: 4 / 3;           /* change to taste */
  width: 100%;
  overflow: hidden;
  background: #f7f7f7;
}
.wmd-subcat-slider .wmd-subcat-imgwrap img {
  display: block;
  width: 100% !important;
  height: 100% !important;       /* beat height:auto from theme */
  max-width: none !important;
  object-fit: cover !important;  /* crop nicely */
  object-position: center center;
}

/* Fallback for browsers without aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  .wmd-subcat-slider .wmd-subcat-imgwrap { padding-top: 75%; } /* 4:3 ratio = 75% */
  .wmd-subcat-slider .wmd-subcat-imgwrap img {
    position: absolute; inset: 0; width: 100% !important; height: 100% !important;
  }
}

/* Read per-instance variables with sane defaults */
.wmd-subcat-slider .wmd-subcat-imgwrap { aspect-ratio: var(--wmd-ratio, 4 / 3); }
.wmd-subcat-slider .wmd-subcat-imgwrap img { object-fit: var(--wmd-fit, cover); }

/* Fallback for no aspect-ratio support: compute padding by common presets */
@supports not (aspect-ratio: 1 / 1) {
  .wmd-subcat-slider[style*="--wmd-ratio:1/1"] .wmd-subcat-imgwrap { padding-top: 100%; }
  .wmd-subcat-slider[style*="--wmd-ratio:4/3"] .wmd-subcat-imgwrap { padding-top: 75%; }
  .wmd-subcat-slider[style*="--wmd-ratio:3/2"] .wmd-subcat-imgwrap { padding-top: 66.6667%; }
  .wmd-subcat-slider .wmd-subcat-imgwrap img { position:absolute; inset:0; }
}