/**
 * Branike Blocks — viditeľnosť podľa šírky obrazovky
 *
 * 🔴 `!important` je tu zámerne a je to jediné miesto, kde ho v blokoch
 * pripúšťame: sú to utility triedy, ktorých jediná úloha je VYHRAŤ. Blok má
 * vlastné `display` (flex, grid, block) nastavené pravidlom s rovnakou alebo
 * vyššou špecificitou — bez `!important` by skrytie prehralo kaskádu a klikátko
 * by ticho nerobilo nič. [[feedback_css_rule_must_win_not_exist]]
 *
 * 🔴 Hranice sedia s ostatnými blokmi: mobil do 767 px (rovnako ako H-Scroll
 * a Stĺpce), tablet 768–1023 px, desktop od 1024 px. Tri pásma sa nikde
 * neprekrývajú, takže na poradí pravidiel nezáleží.
 *
 * 🔴 `display: none` skryje obsah AJ pre čítačku obrazovky — to je zámer.
 * Skrytý blok sa však stále STIAHNE; je to nástroj na rozloženie, nie na
 * zrýchlenie stránky.
 */

@media (max-width: 767px) {
    .bb-hide-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bb-hide-tablet {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .bb-hide-desktop {
        display: none !important;
    }
}