/* UI-only overlay on the already published VK and guest PWA bundles. */
.vkuiPanelHeader__host {
  display: none !important;
}

@media (max-width: 560px) {
  .app-shell {
    height: calc(100dvh - var(--bottom-nav-offset));
    padding-top: calc(var(--ulta-safe-top) + 12px);
  }

  .tab-section[data-tab-section="home"] {
    padding-bottom: 12px;
  }

  .hero {
    box-sizing: border-box;
  }
}

@media (min-width: 360px) and (max-width: 400px) and (max-height: 860px) {
  .app-shell {
    padding-top: calc(var(--ulta-safe-top) + 8px);
  }

  .club-profile-screen:not(.club-profile-subscreen) {
    gap: 3px;
  }

  .club-profile-package-preview {
    min-height: 150px;
    padding-top: 10px;
  }

  .club-profile-preview-head {
    padding-bottom: 9px;
  }

  .club-profile-preview-package {
    min-height: 76px;
  }

  .club-profile-package-preview > button {
    min-height: 34px;
  }
}