/* LUUPIGO objects-2h-e-visual-mobile-fix-20260716-01 */
:root {
  --objects-shell-height: 76px;
  --objects-topbar-height: 54px;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  padding-bottom: calc(var(--objects-shell-height) + env(safe-area-inset-bottom));
}

.objects-app,
.object-detail-app,
.submit-app,
.manage-app {
  width: min(100%, 430px);
  min-height: calc(100vh - var(--objects-topbar-height));
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(var(--objects-shell-height) + 28px + env(safe-area-inset-bottom));
}

.objects-shell-topbar {
  min-height: var(--objects-topbar-height);
}

.objects-shell-bottom {
  min-height: var(--objects-shell-height);
}

body[data-objects-shell-page="home"] .bottom-nav {
  display: none !important;
}

body[data-objects-shell-page="home"] .fab {
  right: max(18px, env(safe-area-inset-right));
  bottom: calc(var(--objects-shell-height) + 22px + env(safe-area-inset-bottom));
  z-index: 35;
}

.publish-modal {
  z-index: 90;
  align-items: flex-end;
  padding: 14px;
  padding-bottom: calc(var(--objects-shell-height) + 12px + env(safe-area-inset-bottom));
}

.publish-modal[hidden] {
  display: none !important;
}

.modal-card {
  width: min(100%, 430px);
  max-height: min(78vh, 620px);
  overflow-y: auto;
  border-radius: 8px;
}

.map-preview {
  z-index: 70;
  padding-bottom: calc(var(--objects-shell-height) + env(safe-area-inset-bottom));
}

.map-preview[hidden] {
  display: none !important;
}

.fake-map {
  min-height: 52vh;
}

.map-sheet {
  bottom: calc(var(--objects-shell-height) + 10px + env(safe-area-inset-bottom));
  max-height: 34vh;
  overflow-y: auto;
}

.object-card,
.pro-card,
.choice-card,
.manage-grid article,
.manage-card,
.manage-note,
.manage-actions-card,
.object-map-card,
.object-contact-card,
.object-2h-privacy,
.submit-2h-intro,
.submit-2h-help {
  border-radius: 8px;
}

.object-list {
  padding-bottom: 16px;
}

.object-detail-content,
.submit-form,
.submit-choice,
.submit-success,
.manage-content {
  padding-bottom: calc(var(--objects-shell-height) + 20px + env(safe-area-inset-bottom));
}

.object-2h-actions,
.manage-actions-card {
  margin-bottom: calc(var(--objects-shell-height) + 20px + env(safe-area-inset-bottom));
}

.submit-primary,
.submit-secondary,
.object-primary,
.object-secondary,
.object-2h-secondary,
.manage-actions button,
.manage-secondary,
.choice-card,
.objects-type-filter button,
.category-strip button {
  min-height: 44px;
}

@media (max-width: 430px) {
  .objects-app,
  .object-detail-app,
  .submit-app,
  .manage-app {
    width: 100%;
  }

  .search-panel,
  .objects-pro-head,
  .objects-type-filter,
  .section-title,
  .object-list {
    padding-left: 14px;
    padding-right: 14px;
  }

  .objects-pro-head {
    margin-left: 0;
    margin-right: 0;
  }

  .pro-card {
    width: 100%;
  }

  .object-card h2,
  .pro-card h2,
  .object-detail-info h1,
  .submit-choice h1,
  .submit-form h1,
  .manage-content h1 {
    overflow-wrap: anywhere;
  }
}

@media (min-width: 760px) {
  body {
    background: #eaf7f3;
  }

  .publish-modal {
    align-items: center;
    padding-bottom: 14px;
  }

  .map-preview {
    left: 50%;
    right: auto;
    width: min(430px, 100%);
    transform: translateX(-50%);
    border-left: 1px solid #d8e6f7;
    border-right: 1px solid #d8e6f7;
  }
}