/* ============================================================
   astro-responsive-fix.css
   ------------------------------------------------------------
   DELETE this block from your existing stylesheet — it overrides
   the font size of every <div>, <p>, and <button> on the entire
   page at once, which is why mobile text sizing feels inconsistent
   in some places and cramped in others:

     @media (max-width: 768px) {
       h1, h2      { font-size: 20px !important; }
       h3          { font-size: 17px !important; }
       p           { font-size: 14px !important; font-weight: 400 !important; }
       div         { font-size: 12px !important; }
       button      { font-size: 12px !important; }
       .eighteenK  { font-size: 16px !important; }
       .adtext     { font-size: 9px !important; font-weight: 700 !important; }
     }

   Replace it with the block below, which only touches the specific
   components that actually need a mobile-specific size. Every other
   component (modal labels, card titles, badges, etc.) already
   defines its own font-size and is left alone.
   ============================================================ */

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

  .logo-mobile-width {
    width: 90px !important;
    height: auto !important;
  }

  .eighteenK { font-size: 16px !important; }
  .adtext    { font-size: 9px !important; font-weight: 700 !important; }

  /* Hero heading/copy — these two are intentionally page-specific,
     not a global tag override. */
  .homehero h1 { font-size: 20px !important; line-height: 1.25 !important; }
  .homehero p  { font-size: 14px !important; }
}

/* One consistent breakpoint for hiding a modal's decorative left
   panel — your existing CSS used 600px for kundali/consult and 640px
   for marriage, which meant a phone at ~620px would show one panel
   and hide the other two. Pick one and use it everywhere. */
@media (max-width: 640px) {
  .modal-left,
  .marriage-left,
  .consult-left {
    display: none !important;
  }
}