@media (max-width: 420px) {
  :root {
    --section-x: 1rem;
    --section-y: 1.25rem;
    --section-gap: 0.85rem;
    --section-inner: 0.65rem;
    --avatar-size: 112px;
    --card-outer-gap: 1rem;
  }

  .card-page {
    padding-top: calc(var(--card-outer-gap) + env(safe-area-inset-top, 0px));
    padding-right: 0.75rem;
    padding-bottom: var(--card-outer-gap);
    padding-left: 0.75rem;
  }

  .biz-card { border-radius: 18px; }

  .profile-block { padding-top: 1.75rem; }

  .profile-block__avatar { width: var(--avatar-size); height: var(--avatar-size); }
  .profile-block__initials { font-size: 1.85rem; }
  .profile-block__name { font-size: 1.25rem; }

  .quick-action { padding: 0.75rem 0.25rem; font-size: 0.62rem; }
  .quick-action i { font-size: 1rem; }

  .info-link { padding: 0.9rem 1rem; }

  .social__link { width: 42px; height: 42px; font-size: 1rem; }
}

@media (min-width: 421px) {
  .card-page {
    padding-top: calc(var(--card-outer-gap) + env(safe-area-inset-top, 0px));
    padding-bottom: var(--card-outer-gap);
  }
}