/* Small-screen fixes for the client's landing pages. Their export uses fixed desktop grids and inline styles,
   rendered by the design runtime into #dc-root, so these rules match on the rendered inline style text. */
@media (max-width: 860px) {
  #dc-root [style*="max-width: 1120px"], #dc-root [style*="max-width: 1040px"], #dc-root [style*="max-width: 900px"] {
    padding-left: 18px !important; padding-right: 18px !important;
  }
  #dc-root [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  #dc-root [style*="repeat(4, 1fr)"], #dc-root [style*="repeat(5, 1fr)"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #dc-root [style*="justify-content: space-between"] { flex-wrap: wrap; }
  /* Header: keep logo, currency switch and main button; hide the in-page anchor links. */
  #dc-root [style*="position: sticky"] a[href^="#"]:not([style*="background"]) { display: none; }
  #dc-root [style*="position: sticky"] [style*="gap: 26px"] { gap: 10px !important; flex-wrap: wrap; }
  #dc-root [style*="font-size: 62px"], #dc-root [style*="font-size: 52px"] { font-size: 40px !important; }
  #dc-root [style*="font-size: 46px"], #dc-root [style*="font-size: 44px"], #dc-root [style*="font-size: 42px"],
  #dc-root [style*="font-size: 40px"], #dc-root [style*="font-size: 38px"] { font-size: 30px !important; }
  #dc-root [style*="padding: 80px 32px"], #dc-root [style*="padding: 72px 32px"], #dc-root [style*="padding: 64px 32px"] {
    padding-top: 44px !important;
  }
  #dc-root [style*="white-space: nowrap"] { white-space: normal !important; }
  #dc-root table { display: block; overflow-x: auto; max-width: 100%; }
  #dc-root img { max-width: 100%; }
}