/* Speezy – kategórie Muži / Ženy / Deti (inšpirované jdsports.sk) */
.sz-gender { --sz-gender-gap: 8px; }
.sz-gender__track { display: grid; grid-template-columns: repeat(var(--sz-gender-n, 3), minmax(0, 1fr)); gap: var(--sz-gender-gap); }
.sz-gender__card { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--sz-chalk, #F3F2EF); }
.sz-gender__card.is-empty { background: linear-gradient(160deg, #2a2a2a 0%, var(--sz-ink, #111) 70%); }
.sz-gender__media, .sz-gender__media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.sz-gender__media img { object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.sz-gender__card:hover .sz-gender__media img { transform: scale(1.04); }
.sz-gender__card::after { content: ""; position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0)); pointer-events: none; }
.sz-gender__overlay { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: 24px; }
.sz-gender__name { margin: 0 0 14px !important; color: #fff !important; font-family: var(--sz-display, "Unbounded", sans-serif) !important; font-weight: 700 !important; font-size: clamp(24px, 2.6vw, 38px) !important; line-height: 1 !important; letter-spacing: -.01em; text-transform: uppercase; text-shadow: 0 1px 16px rgba(0,0,0,.25); }
.sz-gender__name a { color: inherit !important; text-decoration: none !important; }
/* celá dlaždica je klikateľná na hlavnú kategóriu */
.sz-gender__name a::after { content: ""; position: absolute; inset: 0; z-index: 0; }
.sz-gender__btns { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; }
.sz-gender__btn { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 18px; border-radius: 999px; background: #fff; color: var(--sz-ink, #111) !important; font: 600 14px/1 "Jost", sans-serif; letter-spacing: .02em; text-decoration: none !important; transition: background-color .2s ease, transform .2s ease; }
.sz-gender__btn::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--sz-i-arrow) center/contain no-repeat; mask: var(--sz-i-arrow) center/contain no-repeat; }
.sz-gender__btn:hover { background: var(--sz-coral, #FF5A36); transform: translateY(-1px); }
.sz-gender__btn:focus-visible, .sz-gender__name a:focus-visible { outline: 2px solid var(--sz-coral, #FF5A36); outline-offset: 3px; }

@media (max-width: 991px) {
  .sz-gender__overlay { padding: 18px; }
  .sz-gender__btn { min-height: 36px; padding: 0 14px; font-size: 13px; }
}
/* mobil: posúvanie prstom, vidno kúsok ďalšej dlaždice */
@media (max-width: 767px) {
  .sz-gender__track { display: flex; overflow-x: auto; margin: 0 -12px; padding: 0 12px; scroll-padding-inline: 12px; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .sz-gender__track::-webkit-scrollbar { display: none; }
  .sz-gender__card { flex: 0 0 78%; scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) { .sz-gender__media img, .sz-gender__btn { transition: none; } }