/* layouts/app/profile-layout.css
 * v1.1.3.303 — Profile public pages layout.
 *
 * Wider content area для cards-grid, mobile-friendly.
 */

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

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

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

/* Profile body — slight tinted background */
body.kp-route-profile {
  background: var(--n-bg);
}

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