/*! MAMMAL.sk 2027 · szmma.css – sekcia „Slovenský zväz MMA“ + SZMMA NEWS (pod Fighters to watch)
 *  Author & Owner / Autor a vlastník: Mgr. Ing. Marek Herda · © 2026 · All rights reserved. */
#fighters .fx{grid-template-columns:minmax(0,1fr)}

.szs{background:var(--paper);position:relative;overflow:hidden;border-top:1px solid var(--line)}
.szs::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 60px,rgba(14,14,16,.035) 60px 62px);pointer-events:none}
.szs .wrap{position:relative}
.szs-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.szs-kick{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.szs-kick::before{content:"";width:22px;height:3px;background:var(--red)}
.szs h2{font-family:var(--display);font-size:clamp(46px,6vw,84px);font-weight:900;line-height:.86;text-transform:uppercase;margin:0}
.szs-lead{max-width:44ch;color:var(--steel);margin:0;font-size:15px;line-height:1.5}

.szs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:18px;align-items:stretch}
.szs-grid > *{min-width:0}
.szs-grid .szmma{height:100%}

.szs-news{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;background:var(--coal);color:#fff;text-decoration:none;overflow:hidden;border-top:4px solid var(--red);isolation:isolate}
.szs-news::before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(115deg,transparent 0 60px,rgba(255,255,255,.035) 60px 62px)}
.szs-news .szs-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.45;transition:transform .5s}
.szs-news::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,23,26,0) 20%,rgba(23,23,26,.92) 75%)}
.szs-news .szs-wm{position:absolute;right:-18px;top:-26px;z-index:-1;font:900 clamp(110px,16vw,220px)/.8 var(--display);color:rgba(255,255,255,.05);letter-spacing:-.02em;pointer-events:none}
.szs-news .szs-in{padding:clamp(22px,3vw,36px)}
.szs-tag{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;font:800 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px}
.szs-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff}
.szs-news time{display:block;margin:16px 0 8px;font:700 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.szs-news h3{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(28px,3.4vw,46px);line-height:.95;margin:0 0 14px;max-width:22ch}
.szs-news p{margin:0 0 22px;max-width:62ch;font-size:15px;line-height:1.55;opacity:.85}
.szs-more{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 20px;background:var(--red);font:800 17px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;transition:background .15s}
.szs-more svg{width:18px;height:18px;transition:transform .15s}
.szs-news:hover .szs-more,.szs-news:focus-visible .szs-more{background:var(--red-deep)}
.szs-news:hover .szs-more svg{transform:translateX(4px)}
.szs-news:hover .szs-bg{transform:scale(1.03)}
.szs-news:focus-visible{outline:3px solid var(--red);outline-offset:3px}

@media (max-width:900px){
  .szs-grid{grid-template-columns:minmax(0,1fr)}
  .szs-news{order:-1;min-height:360px}
}
@media (prefers-reduced-motion:reduce){.szs-news .szs-bg,.szs-more svg{transition:none}}