/* NETVOR cPanel completion fixes — 2026-09-19 */

@media (max-width: 767px) {
  /* Tailwind's md-only declaration leaves these grids on an auto-sized track
     below the breakpoint. Long card content can therefore widen the page. */
  .grid.md\:grid-cols-3.gap-5 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .grid.md\:grid-cols-3.gap-5 > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Keep decorative card circles inside the viewport without hiding real
     content or masking layout overflow at the page root. */
  [class*="translate-x-1/2"][class*="right-0"][class*="w-32"] {
    --tw-translate-x: 0px !important;
  }

  /* Brand placeholders and long URLs must be allowed to wrap inside cards. */
  .card-hover,
  .card-hover * {
    min-width: 0;
  }

  .card-hover [class*="text-6xl"] {
    overflow-wrap: anywhere;
    word-break: break-word;
    font-size: clamp(1.75rem, 11vw, 3.25rem);
  }
}