/*! MAMMAL.sk 2027 · kontakt.css – sekcia „Kontakt“ (info@mammal.sk + kontaktný formulár) a oddelený preklik na SZMMA
 *  Author & Owner / Autor a vlastník: Mgr. Ing. Marek Herda · © 2026 · All rights reserved. */
.ct{background:var(--coal);color:#fff;position:relative;overflow:hidden}
.ct::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 60px,rgba(255,255,255,.03) 60px 62px);pointer-events:none}
.ct .wrap{position:relative}
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:start}
.ct-kick{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.8;margin-bottom:12px}
.ct-kick::before{content:"";width:22px;height:3px;background:var(--red)}
.ct h2{font-family:var(--display);font-size:clamp(46px,6vw,84px);font-weight:900;line-height:.86;text-transform:uppercase;margin:0 0 18px}
.ct-lead{opacity:.75;font-size:15px;line-height:1.55;max-width:46ch;margin:0 0 28px}
.ct-mail{display:flex;align-items:center;gap:16px;padding:20px 22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--red);color:#fff;text-decoration:none;transition:background .15s}
.ct-mail:hover,.ct-mail:focus-visible{background:rgba(255,255,255,.11)}
.ct-mail svg{width:30px;height:30px;flex:none;color:var(--red)}
.ct-mail small{display:block;font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:6px}
.ct-mail b{font:900 clamp(24px,2.6vw,34px)/1 var(--display);letter-spacing:.01em}
.ct-note{font-size:13px;opacity:.6;margin:14px 0 0}

.ct-form{background:var(--white);color:var(--ink);padding:clamp(20px,3vw,32px);border-top:4px solid var(--red)}
.ct-form h3{font:900 26px/1 var(--display);text-transform:uppercase;margin:0 0 18px}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ct-f{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;min-width:0}
.ct-f label{font:700 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.ct-f input,.ct-f select,.ct-f textarea{font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0;padding:12px 14px;width:100%;box-sizing:border-box}
.ct-f textarea{min-height:140px;resize:vertical}
.ct-f input:focus,.ct-f select:focus,.ct-f textarea:focus{outline:2px solid var(--red);outline-offset:0;border-color:var(--red);background:#fff}
.ct-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ct-gdpr{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--steel);margin:4px 0 16px}
.ct-gdpr input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--red);flex:none}
.ct-gdpr a{color:var(--ink)}
.ct-send{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;width:100%;border:0;cursor:pointer;background:var(--red);color:#fff;font:800 18px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;transition:background .15s}
.ct-send:hover,.ct-send:focus-visible{background:var(--red-deep)}
.ct-send[disabled]{opacity:.6;cursor:wait}
.ct-send svg{width:18px;height:18px}
.ct-msg{margin:12px 0 0;font-size:14px;font-weight:600;min-height:1.2em}
.ct-msg.ok{color:#137333}
.ct-msg.err{color:var(--red)}

/* oddelený preklik na Slovenský zväz MMA – úplne na konci */
.szs-out{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:clamp(28px,4vw,44px);padding:20px 24px;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--ink);color:var(--ink);text-decoration:none;transition:border-color .15s}
.szs-out:hover,.szs-out:focus-visible{border-left-color:var(--red)}
.szs-out small{display:block;font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:6px}
.szs-out b{font:900 clamp(20px,2.4vw,28px)/1 var(--display);text-transform:uppercase}
.szs-out .go{display:inline-flex;align-items:center;gap:10px;font:800 16px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--red)}
.szs-out .go svg{width:18px;height:18px;transition:transform .15s}
.szs-out:hover .go svg{transform:translateX(4px)}

@media (max-width:900px){.ct-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ct-row{grid-template-columns:minmax(0,1fr)}}