/* layouts/app/listings-layout.css
 * v1.1.3.308 — Listings (board) layout.
 *
 * Wide container для cards grid.
 */

.app-page-wrapper--listings {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.container--listings {
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  padding: var(--n-s-4, 18px) var(--n-s-3, 14px);
}

@media (min-width: 720px) {
  .container--listings {
    padding: var(--n-s-5, 20px) var(--n-s-4, 18px);
  }
}

/* Logged in mobile — bottom nav padding */
@media (max-width: 768px) {
  body.kp-route-listings[data-kp-mobile-bottom-nav="1"] .app-page-wrapper--listings {
    padding-bottom: var(--kp-bottom-nav-h, 64px);
  }
}