/* Pagini publice pe telefon (08.10.2026). Încărcat după public.min.css pe tema dark (app-shell.inc.php).
   Selectorii încep cu body.public ca să treacă și peste <style>-urile scrise în pagini. */
@media (max-width: 640px) {
  /* Antetul paginilor: mai puțin gol sub textul introductiv */
  body.public .page-hero { padding: 2.75rem 0 1.25rem; }
  body.public .page-hero__title { font-size: clamp(1.9rem, 8.5vw, 2.4rem); margin-bottom: .85rem; }
  body.public .page-hero__lead { font-size: 1rem; line-height: 1.6; }
  body.public .vbm-section { padding: 2.25rem 0; }
  body.public .al-section { padding: 2.25rem 0; }

  /* Carduri cu iconiță: iconița mică, pe același rând cu titlul (Prima vizită, Tu pentru ce alergi) */
  body.public .pv-grid { gap: 12px; }
  body.public .pv-item,
  body.public .al-card { display: grid; grid-template-columns: 42px 1fr; column-gap: 14px; align-items: center; padding: 16px 18px; }
  body.public .pv-item .ic,
  body.public .al-card .ic { width: 42px; height: 42px; font-size: 1rem; border-radius: 12px; margin: 0; }
  body.public .pv-item h3,
  body.public .al-card h3 { margin: 0; font-size: 1.15rem; }
  body.public .pv-item > *:not(.ic):not(h3),
  body.public .al-card > *:not(.ic):not(h3) { grid-column: 1 / -1; }
  body.public .pv-item p { margin-top: 8px; font-size: .95rem; }
  body.public .al-card p { margin: 10px 0 14px; }
  body.public .al-cards { gap: 14px; }

  /* Carduri generice */
  body.public .glass-card.p-4,
  body.public .glass-card.p-5 { padding: 1.25rem !important; }
  body.public .icon-badge { width: 42px; height: 42px; }

  /* Subsolul: legăturile pe două coloane */
  body.public .site-footer { margin-top: 2rem; padding: 2.25rem 0 1.5rem; }
  body.public .site-footer__grid { grid-template-columns: 1fr 1fr; gap: 1.5rem 1rem; padding: 0 1.25rem; }
  body.public .site-footer__grid > div:first-child { grid-column: 1 / -1; }
  body.public .site-footer__links a { padding: 4px 0; display: inline-block; }
}