/* Мобильная геометрия общего лендинга: текст над сеткой протоколов. */
@media (max-width: 760px) {
  html { touch-action: pan-x pan-y; }
  .protocol-panel { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 22px 18px; }
  .protocol-copy, .protocol-grid, .protocol-logo { min-width: 0; max-width: 100%; }
  .protocol-copy h3 { font-size: 22px; line-height: 1.25; overflow-wrap: anywhere; }
  .protocol-grid, .m-proto-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .protocol-grid .protocol-logo { padding: 14px 12px; min-height: 130px; }
  .protocol-grid .protocol-mark { width: 100%; min-width: 0; height: 40px; }
  .protocol-grid .protocol-mark img { max-width: 100%; width: 100%; height: 32px; object-fit: contain; object-position: left center; }
  .protocol-grid .protocol-logo strong { font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
  .protocol-grid .protocol-logo > span:last-child { font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
}