/*
 * =========================
 * Global Reset & Layout
 * =========================
 */
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Prevents unwanted horizontal scrollbars */
}







  /* ✅ Default: hide both */
  .mobile-header, .desktop-header {
    display: none;
  }

  /* ✅ Mobile (0 - 767px) */
  @media (max-width: 1023px) {
    .mobile-header {
      display: block ;
    }
  }

  

  /* ✅ Laptop and Desktop (1024px – 4000px) */
  @media (min-width: 1024px) and (max-width: 4000px) {
   .desktop-header {
      display: block ;
    }
  }