/* Full-screen phone and tablet application layout. */
@media (max-width: 759px),
       (min-width: 760px) and (max-width: 1180px),
       (min-width: 760px) and (max-width: 1366px) and (pointer: coarse) {
  html,
  body {
    width: 100%;
    min-height: 100%;
    padding: 0;
    background: var(--bg);
  }

  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    touch-action: manipulation;
  }

  body {
    overscroll-behavior-x: none;
  }

  button,
  a,
  input,
  select,
  textarea,
  [role="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .desktop-backdrop {
    display: none;
  }

  .app-shell {
    width: 100%;
    max-width: none;
    min-height: 100dvh;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .app-shell::before,
  .app-shell::after {
    display: none;
    content: none;
  }

  .screen {
    width: 100%;
    min-height: 100dvh;
  }

  .nav,
  .sticky-action,
  .support-chat-composer {
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    transform: none;
  }

  .support-chat-thread {
    height: calc(100dvh - 72px);
  }
}

@media (min-width: 760px) and (max-width: 1180px),
       (min-width: 760px) and (max-width: 1366px) and (pointer: coarse) {
  .home-map {
    height: clamp(320px, 42vw, 460px);
  }
}