/* DaylyBread Marketplace Mobile Header & Layout Fixes */
@media screen and (max-width: 768px) {
  /* Ensure the page body doesn't overflow horizontally */
  body {
    overflow-x: hidden;
  }

  /* Target the main hero section wrapper and add top spacing to clear fixed nav */
  section:first-of-type, 
  .min-h-screen,
  div[class*="hero"] {
    padding-top: 5rem !important;
  }

  /* Push down the "COMING" badge so it doesn't overlap the navbar or logo */
  .coming-badge,
  div:has(> span:text-is("COMING")),
  .tracking-widest {
    margin-top: 1.5rem !important;
    display: block !important;
  }

  /* Fix the main heading text spacing */
  h1 {
    margin-top: 1rem !important;
    line-height: 1.15 !important;
  }

  /* Fix floating absolute/fixed icon overlap */
  .absolute, .fixed {
    z-index: 30;
  }
}