html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 980px) {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  section {
    overflow-x: clip;
  }

  header[data-screen-label="Header"] nav {
    display: none !important;
  }

  header[data-screen-label="Header"] > div {
    height: 66px !important;
    padding: 0 16px !important;
  }

  header[data-screen-label="Header"] img {
    height: 38px !important;
  }

  header[data-screen-label="Header"] a[href="#agendar"] {
    padding: 10px 14px !important;
    font-size: 13px !important;
  }

  #topo {
    height: 66px !important;
  }

  section[data-screen-label="Hero Video"],
  section[data-screen-label="Hero Vídeo"] {
    min-height: auto !important;
  }

  section[data-screen-label="Hero Video"] > div:last-child,
  section[data-screen-label="Hero Vídeo"] > div:last-child {
    padding: 78px 18px 70px !important;
  }

  section[data-screen-label="Hero Video"] h1,
  section[data-screen-label="Hero Vídeo"] h1 {
    font-size: clamp(34px, 10vw, 48px) !important;
    letter-spacing: 0 !important;
  }

  section[data-screen-label="Hero Video"] p,
  section[data-screen-label="Hero Vídeo"] p {
    font-size: 16px !important;
  }

  section[data-screen-label] > div,
  footer[data-screen-label] > div {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  section > div[style*="grid-template-columns"],
  footer > div > div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  section[data-screen-label] [style*="grid-template-columns: repeat(3"],
  section[data-screen-label] [style*="grid-template-columns: repeat(4"],
  section[data-screen-label] [style*="grid-template-columns: 1fr 1fr"],
  section[data-screen-label] [style*="grid-template-columns: minmax"] {
    grid-template-columns: 1fr !important;
  }

  .form-two {
    grid-template-columns: 1fr !important;
  }

  [style*="margin-left: -80px"] {
    margin-left: 0 !important;
  }

  h1 {
    font-size: clamp(34px, 10vw, 48px) !important;
  }

  h2 {
    font-size: clamp(28px, 8vw, 38px) !important;
  }

  form#leadForm {
    padding: 24px !important;
  }
}

@media (max-width: 560px) {
  header[data-screen-label="Header"] a[href="#agendar"] svg {
    display: none !important;
  }

  section[data-screen-label="Hero Video"] iframe,
  section[data-screen-label="Hero Vídeo"] iframe {
    display: none !important;
  }

  section[data-screen-label="Hero Video"] > div:first-child,
  section[data-screen-label="Hero Vídeo"] > div:first-child {
    background-image: url("../olho-detalhe-3.webp") !important;
  }

  [style*="width: 520px"],
  [style*="width: 560px"],
  [style*="width: 620px"],
  [style*="width: 640px"] {
    display: none !important;
  }
}