/* Sekcia o bezplatnej hre na stránkach postáv (pole „aplikacia“ v postava.json), 1. 10. 2026, zadanie Fabla:
   Word Search v Google Play a videá „Find the word“ June a Olive.
   Zdroj: ops/strategia/instagram/obchody/spolocne/aplikacia.css, do priečinkov postáv s touto sekciou ho kopíruje postav.mjs.
   Voliteľný súbor: načítavajú ho len stránky, ktoré majú `aplikacia`; spoločné obchod.css a obchod.js sa týmto nemenia
   (Walt sekciu nemá, jeho stránka ostáva bajt po bajte rovnaká). Farby témy, polomery a triedy .wrap, .btn a .malo sú z obchod.css. */
.aplikacia{padding:48px 0;border-top:1px solid var(--line)}
/* telefón: nadpis a maskot v jednom rade, veta a tlačidlo na celú šírku pod nimi */
.aplikacia .wrap{display:grid;grid-template-columns:minmax(0,1fr) 104px;grid-template-areas:"titul obr" "veta veta" "akcia akcia";gap:16px;align-items:center}
.aplikacia h2{grid-area:titul;font-size:clamp(28px,6vw,40px);line-height:1.1}
.aplikacia-obr{grid-area:obr;width:104px;height:auto;filter:drop-shadow(0 8px 10px rgba(28,24,16,.18))}
.aplikacia-veta{grid-area:veta;max-width:52ch}
.aplikacia-akcia{grid-area:akcia;margin-top:8px}
.aplikacia-akcia .malo{margin-top:12px;max-width:52ch}

@media (min-width:860px){
  .aplikacia{padding:64px 0}
  /* počítač: text vľavo, maskot vpravo cez všetky tri riadky (rovnaký rytmus ako pohybový moment) */
  .aplikacia .wrap{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"titul obr" "veta obr" "akcia obr";gap:16px 64px;align-items:start}
  .aplikacia-obr{width:208px;justify-self:center;align-self:center}
  .aplikacia-akcia .btn{display:inline-flex;min-width:280px}
}