/* Mobile Typography Overrides (AlifWearz) */
/* Scope: Screens up to 640px wide. Desktop remains unchanged. */
@media (max-width: 640px) {

  /* Slightly reduce the base rem so everything scales down a bit */
  html { font-size: 93.75%; /* 15px base instead of 16px */ }

  /* Downshift the largest Tailwind text utilities (safe, but strong) */
  .text-7xl, .text-6xl { font-size: 2rem !important; line-height: 1.2 !important; }   /* ~30px */
  .text-5xl { font-size: 1.75rem !important; line-height: 1.25 !important; }         /* ~26–28px */
  .text-4xl { font-size: 1.625rem !important; line-height: 1.25 !important; }        /* ~24–26px */
  .text-3xl { font-size: 1.5rem !important; line-height: 1.3 !important; }           /* ~22–24px */
  .text-2xl { font-size: 1.35rem !important; line-height: 1.35 !important; }         /* ~20–22px */
  .text-xl  { font-size: 1.125rem !important; line-height: 1.5 !important; }         /* ~18–19px */
  .text-lg  { font-size: 1rem !important; line-height: 1.55 !important; }            /* ~16px */

  /* Buttons often use text-lg in your templates—make them friendlier on phones */
  .btn-primary,
  #stickyBuy,
  #buyBtn,
  .menu-item-lg {
    font-size: 1rem !important; /* 16px */
    line-height: 1.4 !important;
  }

  /* Single product title & price (your product page uses text-4xl/3xl) */
  .single-product h1,
  .single-product .product_title,
  .single-product .font-playfair.text-4xl {
    font-size: 1.5rem !important;  /* ~24px */
    line-height: 1.25 !important;
  }
  .single-product .price,
  .single-product .price .amount,
  .single-product span[class*="text-3xl"] {
    font-size: 1.375rem !important; /* ~22px */
    line-height: 1.25 !important;
  }

  /* Section headings used across Shop/Home (Playfair headings) */
  h1.font-playfair,
  h2.font-playfair,
  h3.font-playfair {
    letter-spacing: -0.01em;
    word-break: keep-all;
  }

  /* Keep related/product cards tidy on small screens */
  .alif-card .alif-card-title { font-size: 1rem !important; line-height: 1.4 !important; }
  .alif-card .alif-card-desc  { font-size: 0.9375rem !important; line-height: 1.55 !important; } /* ~15px */

  /* Mobile menu labels already ~1.05rem; bring them to 1rem for consistency */
  #mobileMenu .menu-item-lg { font-size: 1rem !important; }

  /* Hero subtext paragraphs (frequent text-xl/2xl usage) */
  p.text-xl, p.text-2xl { font-size: 1.0625rem !important; line-height: 1.6 !important; } /* ~17px */
}