/* ══════════════════════════════════════════════════════════════════════
   ROZCESTNÍKY – barevný blok na mobilu kompaktněji (28. 10. 2026, Martin)
   Blok .mk-hub (16-hub-blok.css, wplama_mk_hub_blok): rozcestník čaker,
   znamení, účinků, léčivé kameny, účinek na mysl, ezoterika, Feng shui.
   Jen do 640 px: obrázek malý vedle nadpisu, text pod ním na celou šířku
   (dřív úzký sloupec vedle obrázku), menší tlačítka. Texty a odkazy beze
   změny, počítač beze změny. Selektory s „body“ (viz 25-kp-mobil-v2.css).
   Vrácení = smazat tento soubor.
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:640px){
  body .mk-hub{padding:18px 16px !important;gap:0 !important}
  body .mk-hub:has(.mk-hub-pic){display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start}
  body .mk-hub:has(.mk-hub-pic) .mk-hub-text{display:contents}
  body .mk-hub:has(.mk-hub-pic) .mk-hub-text > *{grid-column:1 / -1}
  body .mk-hub:has(.mk-hub-pic) .mk-hub-text > .mk-hub-eb,
  body .mk-hub:has(.mk-hub-pic) .mk-hub-text > h1,
  body .mk-hub:has(.mk-hub-pic) .mk-hub-text > .mk-hub-sub{grid-column:1}
  body .mk-hub-pic{grid-column:2;grid-row:1 / span 3}
  body .mk-hub-pic img{width:64px !important;height:64px !important;border-radius:12px}
  body .mk-hub h1{font-size:24px;margin-bottom:2px}
  body .mk-hub-sub{margin:0 0 8px;font-size:14px}
  body .mk-hub-intro p{font-size:14.5px;line-height:1.5;margin:0 0 8px}
  body .mk-hub-chips{gap:6px;margin:4px 0 2px}
  body .mk-hub-chips a{padding:5px 11px;font-size:13px}
  body .mk-hub-jump{padding:9px 16px;font-size:14px}
}