/* Inka Farmacia — phone layout guards for content (29.09.2026, owner rule §7).
   Loaded on every page after the page's own CSS. Desktop is untouched: everything sits
   behind a max-width query. */
@media (max-width: 767px) {
  /* Comparison tables fit the screen instead of scrolling sideways: fixed layout, full
     width, smaller type and padding; long words wrap inside their cell. */
  main table, main table[class] {
    display: table !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    table-layout: fixed; overflow: visible !important; font-size: .8rem; border-collapse: collapse;
  }
  main table thead { display: table-header-group !important; }
  main table tbody { display: table-row-group !important; }
  main table tr { display: table-row !important; }
  main table th, main table td {
    display: table-cell !important; padding: 8px 6px !important; min-width: 0 !important; width: auto !important;
    white-space: normal !important; overflow-wrap: anywhere; word-break: normal; hyphens: auto; vertical-align: top;
  }
  main table caption { display: table-caption !important; max-width: 100%; }
  main .table-wrap, main [class*="tablewrap"], main [class*="table-wrap"], main [class*="tbl-wrap"] { overflow-x: visible !important; }

  /* Text links: 44 px tap area without moving the text (padding + equal negative margin). */
  main a:not([class]), main a.author-name,
  .breadcrumbs a, [class*="crumbs"]:not(.lg-crumbs) a, .back a, .affiliate-notice a, .references-section a:not([class]) {
    padding: 15px 8px; margin: -15px -8px;
  }

  /* Honeypot of the order forms: keep it off-screen to the left without an inner scroll box. */
  .lead-form .hp { width: auto !important; height: auto !important; overflow: visible !important; }
}