/* =========================================
   HARD GATING LAYER (LOAD LAST)
   ========================================= */

/* Default safe state:
   - Desktop visible
   - Mobile hidden
   (Prevents blank page if JS fails)
*/

.mobile-container {
  display: none !important;
}

.desktop-container {
  display: block !important;
}

/* JS Overrides */
.mobile-container.gate-show {
  display: block !important;
}

.mobile-container.gate-hide {
  display: none !important;
}

.desktop-container.gate-show {
  display: block !important;
}

.desktop-container.gate-hide {
  display: none !important;
}



/*  visibility CSS */
    @media (min-width: 768px) {
      .hide-on-desktop { display: none !important; opacity: 0 !important; }
    }

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