/* Care at Every Step / How Are We Best tabs + candidate/laser (.svc-equip) mobile fixes. Global. 2026-08-27 */

@media (max-width: 960px) {
  /* Stack the vertical-tab grid to one column. The parent of a vertical tablist
     is the tab grid; the cost tabs use a horizontal tablist and are untouched. */
  *:has(> [role="tablist"][aria-orientation="vertical"]) {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  /* The vertical tab list ('filters') -> compact horizontal scroll strip on top */
  [role="tablist"][aria-orientation="vertical"] {
    position: static !important;
    top: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding-bottom: 6px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  [role="tablist"][aria-orientation="vertical"] > button {
    flex: 0 0 auto !important;
    width: auto !important;
    white-space: nowrap !important;
  }
  /* Drop the per-chip chevron on mobile so the filter chips stay compact */
  [role="tablist"][aria-orientation="vertical"] > button svg { display: none !important; }
  /* Content panel: full width, never overflow its track */
  *:has(> [role="tablist"][aria-orientation="vertical"]) > *:not([role="tablist"]) { min-width: 0 !important; }

  /* Candidate-first / laser-second + equipment image blocks: single image per row */
  .svc-equip { grid-template-columns: 1fr !important; }
  .svc-equip > * { grid-column: auto !important; grid-row: auto !important; }
}
/* Doctor Instructions video cards (.svc-grid3) — single card per row on phones */
@media (max-width: 600px) {
  .svc-grid3 { grid-template-columns: 1fr !important; }
  .svc-grid3 > * { grid-column: auto !important; grid-row: auto !important; }
}