/* ═══════════════════════════════════════════════════════
   OnlyTopic — Mobile Homepage Layout
   Clean, card-first, search-focused. No map, no hero bloat.
   Applied only on max-width: 768px
═══════════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* ── Hide desktop hero entirely on mobile ── */
    #ot-hero-section,
    #ot-hero-map {
        display: none !important;
    }

    /* ── Mobile hero replacement ── */
    #ot-mobile-hero {
        display: block !important;
    }

    /* ── Hide desktop search section ── */
    #ot-search-section {
        display: none !important;
    }

    /* ── Show mobile search ── */
    #ot-mobile-search {
        display: block !important;
    }

}

@media (min-width: 769px) {
    /* Hide mobile-only elements on desktop */
    #ot-mobile-hero,
    #ot-mobile-search {
        display: none !important;
    }
}