/* layout.css — აპლიკაციის ჩარჩო: sidebar + მთავარი სვეტი, breakpoint-ები */
.app-shell {
  display: grid;
  grid-template-columns: var(--sidebar-w) minmax(0, 1fr);
  min-height: 100vh;
  min-height: 100dvh;
}

.app-main {
  position: relative;
  min-width: 0;
}

.main { outline: none; }

.feed {
  display: flex;
  flex-direction: column;
  gap: clamp(26px, 2.6vw, 36px);
  padding: clamp(8px, 1vw, 14px) 0 48px;
}

.main.is-heroless .feed { padding-top: 96px; }

.drawer-backdrop { display: none; }

/* ── ტაბლეტი / მობილური (< 900px) ─────────────────────────── */
@media (max-width: 899px) {
  .app-shell { grid-template-columns: minmax(0, 1fr); }

  .drawer-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 60;
    background: rgba(3, 5, 9, 0.62);
    backdrop-filter: blur(2px);
  }

  .feed {
    gap: 26px;
    padding: 18px 0 calc(var(--bottom-nav-h) + var(--safe-bottom) + 28px);
  }

  .main.is-heroless .feed { padding-top: 18px; }
}

/* შიდა გვერდები (პროფილი, ძიება, ჟანრები…) — desktop-ზე ზედა ზოლის ქვეშ ადგილი */
.main--page { padding: 96px var(--gutter) 64px; }
@media (max-width: 899px) {
  .main--page { padding: 16px 16px calc(var(--bottom-nav-h) + var(--safe-bottom) + 28px); }
}