/* Mobilni raspored (redizajn 9/2026). Fontovi, boje, kartice i donja navigacija ostaju deo istog identiteta.
   Obuhvata: heder + pretragu, hero/pokrivenost, kartice artikala i donju navigaciju. */
.m-pokrivenost { display: none; }
@media (max-width: 700px) {
  body { font-size: 16px; padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
  .top .wrap { gap: .4rem .6rem; padding: .4rem 1rem .6rem; }
  .top .logo { min-height: 44px; display: inline-flex; align-items: center; }
  .top .trazi { order: 3; height: 46px; flex: 1 0 100%; }
  .trazi .kam { display: none; }
  .ticker { display: none; }
  .hero { padding-top: 1.25rem; padding-bottom: .25rem; }
  .hero h1 { font-size: 1.85rem; line-height: 1.08; max-width: 19ch; }
  .trazi.velika { height: 52px; margin-top: 1rem; box-shadow: none; }
  .hero .deck { font-size: .875rem; line-height: 1.5; margin-top: .75rem; }
  .m-pokrivenost { display: block; font-size: .75rem; color: var(--muted); margin: .3rem 0 .4rem; }
  .hero .brojke { display: none; }
  h2 { gap: .4rem; font-size: 1.15rem; margin-top: 1.4rem; }
  h2 .vise { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; }
  .grid { gap: 10px; }
  .k { padding: 10px; gap: 6px; }
  .ki { aspect-ratio: 1.1; }
  .kn { font-size: .875rem; line-height: 1.35; min-height: 2.7em; }
  .km { font: 400 .75rem/1.4 var(--f-tek); letter-spacing: 0; }
  .kc { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 4px; }
  .kc b { font-size: 1.25rem; overflow-wrap: anywhere; }
  .kc small { font-size: .75rem; overflow-wrap: anywhere; }
  .kc s { flex-basis: 100%; order: 3; margin: 0; font-size: .75rem; }
  .pop { font-size: .75rem; transform: none; }
  .mtab { padding: .5rem .25rem calc(.5rem + env(safe-area-inset-bottom)); }
  .mtab a { flex: 1; min-width: 0; min-height: 48px; gap: 4px; font-size: .75rem; }
  .mtab a.sk span { width: 56px; height: 56px; margin-top: -24px; box-shadow: 0 0 0 5px var(--surface); }
  .mtab a.sk { color: var(--accent-ink); }
  .prati { gap: .5rem; }
  .prati .b { flex: 1 1 auto; justify-content: center; font-size: .875rem; min-height: 48px; }
  .graf { padding: .7rem .45rem .55rem; }
  .saglasnost { bottom: calc(100px + env(safe-area-inset-bottom)); }
  .saglasnost .sg-d { width: 100%; flex-wrap: wrap; }
  .saglasnost .b, .prati .b, .pag a, .cipovi a, .filter select { min-height: 44px; }
  .cipovi a { font-size: .875rem; }
  .cipovi small, .fut .fl b { font-size: .75rem; }
}
@media (hover: none) { .k:hover { transform: none; } }