/* ===================================================================
   Indian Loop Premium — layout.css
   Grid system + content/sidebar split.
   =================================================================== */

.ilp-grid--with-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--ilp-gap-lg);
}
@media (max-width: 900px) {
    .ilp-grid--with-sidebar { grid-template-columns: 1fr; }
}

.ilp-col-main { min-width: 0; }
.ilp-col-side { min-width: 0; }
.ilp-sticky-inner { position: sticky; top: calc(var(--ilp-header-h) + 16px); }
@media (max-width: 900px) {
    .ilp-sticky-inner { position: static; }
}

/* Card grids */
.ilp-card-grid {
    display: grid; gap: var(--ilp-gap);
}
.ilp-card-grid--2 { grid-template-columns: repeat(2, 1fr); }
.ilp-card-grid--3 { grid-template-columns: repeat(3, 1fr); }
.ilp-card-grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) {
    .ilp-card-grid--3, .ilp-card-grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .ilp-card-grid--3, .ilp-card-grid--4 { grid-template-columns: 1fr; }
    .ilp-card-grid--2 { grid-template-columns: 1fr; }
}

/* Page wrapper */
.ilp-page { padding: 32px 0 64px; }
.ilp-page__article { background: var(--ilp-bg); }
.ilp-page__hero img { width: 100%; border-radius: var(--ilp-radius); margin-bottom: 24px; }
.ilp-page__body { max-width: 760px; margin: 0 auto; }