/* QDRO Works — responsive overrides for mobile.
   The site uses inline styles; these rules override them at small widths
   via attribute selectors (both raw and browser-normalized serializations). */

html { -webkit-text-size-adjust: 100%; }
img, svg { max-width: 100%; }
input, select, textarea, button { font-size: 16px !important; }
input { min-width: 0; } /* let flex-row inputs shrink */ /* prevent iOS zoom-on-focus */

@media (max-width: 720px) {
  /* hide desktop nav link row (logo + CTA remain) */
  [style*="gap:17px"][style*="font-size:13.5px"][style*="font-weight:500"],
  [style*="gap: 17px"][style*="font-size: 13.5px"][style*="font-weight: 500"] { display: none !important; }

  /* two-column feature/hero grids -> single column */
  [style*="grid-template-columns:1.05fr"], [style*="grid-template-columns: 1.05fr"],
  [style*="grid-template-columns:1.1fr"],  [style*="grid-template-columns: 1.1fr"],
  [style*="grid-template-columns:1.3fr"],  [style*="grid-template-columns: 1.3fr"],
  [style*="grid-template-columns:.9fr"],   [style*="grid-template-columns: 0.9fr"],
  [style*="grid-template-columns:280px"],  [style*="grid-template-columns: 280px"],
  [style*="grid-template-columns:64px"],   [style*="grid-template-columns: 64px"] { grid-template-columns: 1fr !important; }

  /* 3-col card rows -> single column */
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }

  /* 4-col rows -> 2 columns */
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns: repeat(4, 1fr)"],
  [style*="grid-template-columns:1.4fr"],
  [style*="grid-template-columns: 1.4fr"] { grid-template-columns: 1fr 1fr !important; }

  /* type scale */
  [style*="font-size:48px"], [style*="font-size: 48px"],
  [style*="font-size:52px"], [style*="font-size: 52px"] { font-size: 33px !important; }
  [style*="font-size:42px"], [style*="font-size: 42px"] { font-size: 30px !important; }
  [style*="font-size:33px"], [style*="font-size: 33px"] { font-size: 27px !important; }

  /* right-aligned CTA cells read better left on mobile */
  [style*="text-align:right"], [style*="text-align: right"] { text-align: left !important; }

  /* tighten big gaps and section padding */
  [style*="gap:56px"], [style*="gap: 56px"],
  [style*="gap:52px"], [style*="gap: 52px"],
  [style*="gap:48px"], [style*="gap: 48px"] { gap: 28px !important; }
  [style*="padding:64px 0"],   [style*="padding: 64px 0"]   { padding-top: 44px !important; padding-bottom: 44px !important; }
  [style*="padding:62px 0"],   [style*="padding: 62px 0"]   { padding-top: 44px !important; padding-bottom: 44px !important; }
  [style*="padding:56px 0"],   [style*="padding: 56px 0"]   { padding-top: 40px !important; padding-bottom: 36px !important; }
}

@media (max-width: 560px) {
  /* everything single column */
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns: repeat(4, 1fr)"],
  [style*="grid-template-columns:1.4fr"],
  [style*="grid-template-columns: 1.4fr"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }

  /* review list label column */
  [style*="grid-template-columns:200px"],
  [style*="grid-template-columns: 200px"] { grid-template-columns: 110px 1fr !important; }

  [style*="font-size:48px"], [style*="font-size: 48px"],
  [style*="font-size:52px"], [style*="font-size: 52px"] { font-size: 28px !important; }

  /* trust strip: wrap tighter, hide divider pipes */
  [style*="gap:40px"], [style*="gap: 40px"] { gap: 12px 18px !important; }

  /* large card padding */
  [style*="padding:44px 40px"], [style*="padding: 44px 40px"],
  [style*="padding:42px 40px"], [style*="padding: 42px 40px"],
  [style*="padding:40px 44px"], [style*="padding: 40px 44px"] { padding: 26px 20px !important; }
  [style*="padding:32px"], [style*="padding: 32px"] { padding: 22px 18px !important; }
}

/* prevent sideways scroll from decorative offsets */
body { overflow-x: hidden; }
@media (max-width: 720px) {
  /* hero price-card amber backdrop: keep inside viewport */
  [style*="inset:14px -14px"], [style*="inset: 14px -14px"] { inset: 10px 0px -10px 10px !important; }
}