.welcome-popup-overlay {
  padding: 16px;
}

.welcome-popup {
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

@media (max-width: 640px) {
  .welcome-popup-overlay {
    padding: 10px;
  }

  .welcome-popup {
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
    padding: 20px 16px 16px;
    border-radius: 16px;
  }

  .popup-close {
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
  }

  .popup-brand {
    gap: 12px;
    padding-right: 30px;
  }

  .popup-logo {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
  }

  .popup-brand h2 {
    font-size: 21px;
  }

  .popup-brand p {
    font-size: 10px;
    letter-spacing: 1px;
  }

  .popup-contact {
    gap: 8px;
    margin-top: 16px;
    padding: 12px;
  }

  .popup-contact div {
    gap: 8px;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .popup-services {
    margin-top: 16px;
  }

  .popup-services h3 {
    margin-bottom: 8px;
    font-size: 19px;
  }

  .popup-services ul {
    gap: 6px;
  }

  .popup-services li {
    padding: 6px 8px;
    font-size: 13px;
  }

  .popup-actions {
    gap: 8px;
    margin-top: 16px;
  }

  .popup-actions .btn {
    min-height: 44px;
    padding: 10px 14px;
  }
}

@media (max-width: 380px) {
  .welcome-popup-overlay {
    padding: 8px;
  }

  .welcome-popup {
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);
    padding: 18px 13px 14px;
  }

  .popup-brand h2 {
    font-size: 19px;
  }

  .popup-contact div {
    font-size: 12px;
  }
}