/**
 * Section visibility classes — używane przez sekcje z meta.hide_on.
 *
 * Ładowane ZAWSZE (nie tylko w edit mode), żeby publiczna strona respektowała ustawienia.
 *
 * Breakpoints zsynchronizowane z Bootstrap 5:
 *   - mobile: < 576px
 *   - tablet: 576px - 991.98px
 *   - desktop: ≥ 992px
 */

@media (max-width: 575.98px) {
    .bp-hide-on-mobile { display: none !important; }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .bp-hide-on-tablet { display: none !important; }
}

@media (min-width: 992px) {
    .bp-hide-on-desktop { display: none !important; }
}