/* Fallback for browsers without container query support */
@supports not (container-type: inline-size) {
  .contact-popover {
    width: min(90vw, 400px);
  }

  @media (min-width: 768px) {
    .contact-popover {
      width: min(33vw, 500px);
    }

    .contact-popover__grid {
      grid-template-columns: 1fr 2fr;
      gap: var(--space-lg);
    }
  }

  @media (max-width: 767px) and (min-width: 480px) {
    .contact-popover {
      width: min(60vw, 400px);
    }

    .contact-popover__grid {
      grid-template-columns: 1fr 2fr;
      gap: var(--space-md);
    }

    .contact-popover__description {
      display: none;
    }
  }

  @media (max-width: 479px) {
    .contact-popover {
      width: 90vw;
    }

    .contact-popover__grid {
      grid-template-columns: 1fr;
      text-align: center;
    }

    .contact-popover__image {
      max-width: 200px;
      margin: 0 auto;
    }
  }
}