/* Options comparison table (.svc-optable) — mobile responsive: scroll instead of clip,
   and stack each row into a labelled card on phones. 2026-08-27 */
.svc-optwrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
@media (max-width: 900px) {
  .svc-optwrap { overflow-x: visible !important; }
  .svc-optable, .svc-optable > tbody, .svc-optable > tbody > tr, .svc-optable td {
    display: block !important; width: 100% !important;
  }
  .svc-optable thead { display: none !important; }
  .svc-optable > tbody > tr {
    margin: 0 0 14px !important;
    border: 1px solid var(--border-default, #e2e8f0) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
  }
  .svc-optable td { border: 0 !important; padding: 10px 16px !important; text-align: left !important; }
  .svc-optable td[data-label]::before {
    content: attr(data-label);
    display: block; font-weight: 700; font-size: 11px; letter-spacing: 0.05em;
    text-transform: uppercase; color: var(--text-brand, #2397A6); margin-bottom: 3px;
  }
  .svc-optable td:first-child {
    font-weight: 700; font-size: 16px;
    background: var(--teal-50, #eef8f9) !important; color: var(--text-strong, #0f172a) !important;
  }
}