/* Kontaktní karty výdejních míst — Harfa a Modřanská.

   Roman 6. 10. 2026 poslal předlohu: tmavá hlavička s logy GRILCENTRUM.CZ
   a Weber, název a červená čtvrť, řádky s ikonami, mapa s vystupující
   prodejnou / grilem a dvě tlačítka Navigovat a Více. „Vlož to do kontaktu,
   zaktivni čudlíky, dej to na všechny weby." Jedna sada stylů pro všechny
   stránky (Kontakt, Servis, Služby, Půjčovna). */
.kk-mrizka{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;margin:24px 0;padding:0;list-style:none}
.kk-karta{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 38px #0000001f;color:#1d1d1d;font-family:inherit}
.kk-hlava{position:relative;padding:22px 26px 18px;background:radial-gradient(ellipse at 85% 80%,#3a3a3a 0,#1a1a1a 45%,#0e0e0e 100%);color:#fff;isolation:isolate;overflow:hidden}
.kk-hlava::after{content:"";position:absolute;right:-30px;bottom:-60px;width:260px;height:180px;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#6a6a6a 0,#2b2b2b 45%,transparent 70%);opacity:.55;z-index:-1}
.kk-loga{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.kk-loga img{display:block;height:auto}
.kk-loga .kk-gc{width:min(56%,250px)}
.kk-loga .kk-weber{width:min(26%,120px)}
.kk-hlava h2,.kk-hlava h3{margin:0;font-size:clamp(26px,3.1vw,38px);line-height:1.05;font-weight:900;letter-spacing:-.01em;color:#fff;text-transform:none}
.kk-ctvrt{margin:6px 0 0;color:#ff2a36;font-size:clamp(17px,1.8vw,22px);font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.kk-telo{display:flex;flex-direction:column;flex:1;padding:18px 26px 24px}
.kk-popis{margin:0 0 12px;color:#444;font-size:16px;line-height:1.55}
.kk-udaje{margin:0 0 18px;padding:0}
.kk-udaje>div{display:grid;grid-template-columns:28px 130px minmax(0,1fr);align-items:center;gap:10px;padding:11px 0;border-top:1px solid #e9e9e9}
.kk-udaje>div:last-child{border-bottom:1px solid #e9e9e9}
.kk-udaje svg{width:22px;height:22px;fill:none;stroke:#e4002b;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kk-udaje dt{color:#666;font-size:14px}
.kk-udaje dd{margin:0;font-weight:800;font-size:15px;color:#151515;overflow-wrap:anywhere}
.kk-udaje dd a{color:inherit;text-decoration:none}
.kk-udaje dd a:hover{color:#e4002b}
.kk-mapa{display:block;margin:0 0 18px;border-radius:12px;overflow:hidden;box-shadow:0 8px 22px #0000002a}
.kk-mapa img{display:block;width:100%;height:auto;transition:transform .35s}
.kk-mapa:hover img,.kk-mapa:focus-visible img{transform:scale(1.03)}
.kk-tlacitka{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}
.kk-tlacitka a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 14px;border-radius:8px;font-weight:800;font-size:16px;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s}
.kk-navigovat{background:#e4002b;color:#fff;border:2px solid #e4002b}
.kk-navigovat:hover,.kk-navigovat:focus-visible{background:#b8001f;border-color:#b8001f;transform:translateY(-2px)}
.kk-navigovat svg{width:22px;height:22px;fill:#fff}
.kk-vice{background:#fff;color:#151515;border:2px solid #d9d9d9}
.kk-vice:hover,.kk-vice:focus-visible{border-color:#151515;transform:translateY(-2px)}
.kk-vice span{font-size:20px;line-height:1}
@media(max-width:520px){.kk-hlava,.kk-telo{padding-left:18px;padding-right:18px}.kk-udaje>div{grid-template-columns:24px 1fr;gap:4px 10px}.kk-udaje dd{grid-column:2}.kk-tlacitka{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kk-mapa img,.kk-tlacitka a{transition:none}.kk-tlacitka a:hover{transform:none}}
.kk-sirka{max-width:1100px;margin:28px auto 0}
/* Styly stránek (info-stranka.css, pujcovna.css) barví odstavce a odkazy —
   uvnitř karty platí její vlastní barvy. */
.kk-karta .kk-hlava .kk-ctvrt{color:#ff2a36}
.kk-karta .kk-hlava :is(h2,h3){color:#fff;font-size:clamp(24px,2.5vw,34px)}
.kk-karta a.kk-navigovat,.kk-karta a.kk-navigovat:hover,.kk-karta a.kk-navigovat:focus-visible{color:#fff}
.kk-karta a.kk-vice{color:#151515}
.kk-karta a.kk-vice:hover{color:#151515}
.kk-karta .kk-popis{color:#444}
.kk-karta .kk-udaje dd a{color:#151515}
.kk-karta .kk-udaje dd a:hover{color:#e4002b}
.kk-karta .kk-tlacitka a{text-align:center;line-height:1.2}
/* Roman 8. 10. 2026: „musí to být stejně vysoké a v linii, symetricky" —
   mapa a tlačítka sedí u spodku karty, takže u obou karet ve stejné výšce,
   i když má jedna karta o řádek údajů víc. */
.kk-mrizka{align-items:stretch}
.kk-karta .kk-mapa{margin-top:auto}
.kk-karta .kk-udaje{margin-bottom:18px}
.kk-karta .kk-tlacitka{margin-top:0}
/* Roman 8. 10. 2026: „tam má být gril" — v pravém dolním rohu hlavičky
   víko kotlového grilu Weber jako na předloze, místo šedé skvrny. */
.kk-hlava::after{right:-10px;bottom:-34px;width:min(42%,250px);height:auto;aspect-ratio:520/390;border-radius:0;background:url(/assets/kontakt/gril-hlavicka.webp) center/contain no-repeat;opacity:.85;filter:drop-shadow(0 8px 18px #000a)}
.kk-hlava::after{right:-6px;bottom:-44px;width:min(26%,170px);opacity:.7}
.kk-hlava::after{bottom:-22px}
/* Roman 8. 10. 2026: „takhle nevypadala předloha" — hlavička podle předlohy:
   víko grilu s párou vpravo dole (výřez z předlohy), název tučný, ne černý
   (900 kreslí Arial Black), čtvrť větší. */
.kk-hlava::after{right:0;bottom:0;width:min(48%,330px);height:auto;aspect-ratio:556/240;background:url(/assets/kontakt/viko-para.webp) right bottom/contain no-repeat;opacity:1;filter:none}
.kk-karta .kk-hlava :is(h2,h3){font-weight:700;font-size:clamp(26px,2.6vw,36px);letter-spacing:0;position:relative}
.kk-karta .kk-hlava .kk-ctvrt{font-weight:700;font-size:clamp(18px,1.75vw,22px);letter-spacing:.03em;margin-top:4px;position:relative}
.kk-loga{position:relative}
/* Velikost písma podle šířky karty, ne okna — „Výdejní místo Modřanská"
   se vejde na jeden řádek a obě hlavičky jsou stejně vysoké. */
.kk-karta{container-type:inline-size}
.kk-karta .kk-hlava :is(h2,h3),.kk-karta .kk-hlava h2.kk-nazev{font-size:clamp(22px,6.4cqi,36px);white-space:nowrap}
.kk-karta .kk-hlava p.kk-ctvrt{font-size:clamp(16px,4cqi,22px)}
.kk-karta .kk-tlacitka a{font-size:clamp(13px,3.2cqi,16px);padding:0 10px}
.kk-karta .kk-hlava :is(h2,h3),.kk-karta .kk-hlava h2.kk-nazev{font-size:clamp(22px,6.4cqi,46px)}
.kk-karta .kk-hlava p.kk-ctvrt{font-size:clamp(16px,4cqi,26px)}
/* Jako na předloze: Navigovat o kousek užší, „Více o výdejním místě" na jeden řádek. */
.kk-karta .kk-tlacitka{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.kk-karta .kk-tlacitka a{font-size:clamp(13px,3.1cqi,16px);gap:8px;white-space:nowrap}
@media(max-width:520px){.kk-karta .kk-tlacitka{grid-template-columns:1fr}}
/* Na širší kartě (půjčovna) nadpis nesmí najet do víka grilu. */
.kk-karta .kk-hlava :is(h2,h3),.kk-karta .kk-hlava h2.kk-nazev{font-size:clamp(22px,6.4cqi,38px)}