/* Yerleşim: kap (1240), ızgaralar, bölüm aralıkları, iki kolon (içerik + 320 sidebar). */
.eg-container { width: min(100% - 2 * var(--eg-gutter), var(--eg-container-desktop)); margin-inline: auto; }
.eg-container--narrow { width: min(100% - 2 * var(--eg-gutter), var(--eg-container-article)); }
.eg-main { display: block; min-height: 50vh; }

.eg-section { margin-block: 0 var(--eg-spacing-10); }
.eg-stack > * + * { margin-top: var(--eg-spacing-8); }

/* İçerik + sidebar (Figma: 840 + 40 + 360 ≈ 1240 ana sayfa; hub'larda 700 + 34 + 274 vb. — sayfa CSS'i ayarlar) */
.eg-with-sidebar { display: grid; grid-template-columns: minmax(0, 1fr) var(--eg-sidebar-w, 320px); gap: var(--eg-sidebar-gap, 32px); align-items: start; }
@media (max-width: 1023px) { .eg-with-sidebar { grid-template-columns: minmax(0, 1fr); } }
.eg-sidebar { display: grid; gap: var(--eg-spacing-5); align-content: start; }

/* Kart ızgaraları */
.eg-grid { display: grid; gap: var(--eg-grid-gap, 20px); grid-template-columns: repeat(var(--eg-cols, 3), minmax(0, 1fr)); }
.eg-grid--2 { --eg-cols: 2; }
.eg-grid--3 { --eg-cols: 3; }
.eg-grid--4 { --eg-cols: 4; }
.eg-grid--5 { --eg-cols: 5; }
@media (max-width: 1023px) { .eg-grid--4, .eg-grid--5 { --eg-cols: 3; } }
@media (max-width: 767px) {
	.eg-grid--3, .eg-grid--4, .eg-grid--5 { --eg-cols: 2; --eg-grid-gap: 12px; }
	.eg-grid--2 { --eg-cols: 1; }
	.eg-grid--m1 { --eg-cols: 1; }
}

/* Mobilde kontrollü yatay kaydırma şeridi */
.eg-scroller { display: grid; grid-auto-flow: column; grid-auto-columns: var(--eg-scroller-col, 72%); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 4px; }
.eg-scroller::-webkit-scrollbar { display: none; }
.eg-scroller > * { scroll-snap-align: start; }

/* Beyaz panel (Figma: beyaz, 1px kenarlık, radius 16, shadow/sm) */
.eg-panel { background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); border-radius: var(--eg-radius-lg); box-shadow: var(--eg-shadow-sm); }
.eg-panel--pad { padding: var(--eg-spacing-5); }

/* Sayfa üst boşluğu (breadcrumb + başlık) */
.eg-page-pad { padding-top: 28px; padding-bottom: 8px; }
.eg-page-breadcrumb { margin-bottom: 20px; }
.eg-page-title { margin-bottom: 24px; }