/* Liste sayfaları: Popüler (Figma 08 10:3075), Yeni (09 10:10289), Arama (10 10:16849). Önek: eg-l*, eg-rcard, eg-row, eg-s*. */

/* ---------- Hero ---------- */
.eg-lhero { position: relative; padding: 20px 0 28px; }
.eg-lhero__inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 20px; }
.eg-lhero__row { display: flex; align-items: center; gap: 24px; }
.eg-lhero__text { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.eg-lhero__title { font: var(--eg-type-display-lg); letter-spacing: var(--eg-tracking-display-lg); }
.eg-lhero__lead { font: var(--eg-type-body-md); color: var(--eg-color-text-secondary); max-width: 656px; }
.eg-lhero__media { flex: none; width: 560px; height: 233px; border-radius: var(--eg-radius-lg); overflow: hidden; }
.eg-lhero__img { width: 100%; height: 100%; object-fit: cover; }
/* Taşan görsel (Yeni / Arama): sağ kenara yaslı, soldan sayfa zeminine degrade */
.eg-lhero--bleed { padding: 20px 0 32px; }
.eg-lhero--bleed .eg-lhero__inner { gap: 16px; }
.eg-lhero--bleed .eg-lhero__text { gap: 14px; max-width: 640px; }
.eg-lhero__bleed { position: absolute; top: 0; right: 0; width: min(652px, 45.3vw); height: 300px; overflow: hidden; }
.eg-lhero__bleed::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 160px; background: linear-gradient(90deg, var(--eg-color-background-page), rgba(246, 249, 254, 0)); z-index: 1; }
.eg-lhero--search .eg-lhero__bleed { width: min(456px, 31.7vw); height: 282px; }
.eg-lhero--search .eg-lhero__bleed::before { width: 120px; }
.eg-lhero--search .eg-lhero__text { max-width: 800px; }
.eg-lhero--search .eg-lhero__title { font-weight: 500; }
.eg-lhero--search .eg-lhero__title strong { font-weight: 800; }
.eg-lhero--search.has-media .eg-lhero__text { max-width: min(800px, calc(100% - min(456px, 31.7vw) + 120px)); }
.eg-lhero--bleed.has-media:not(.eg-lhero--search) .eg-lhero__text { max-width: min(640px, calc(100% - min(652px, 45.3vw) + 60px)); }

/* Dönem düğmeleri (Figma 10:3126) */
.eg-lperiod__list { display: flex; flex-wrap: wrap; gap: 12px; }
.eg-lperiod__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 56px; padding: 0 26px; border-radius: var(--eg-radius-md);
	background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); color: var(--eg-color-text-primary); font: var(--eg-type-ui-button); white-space: nowrap;
	transition: background-color var(--eg-motion-fast) var(--eg-ease), border-color var(--eg-motion-fast) var(--eg-ease);
}
.eg-lperiod__btn:hover { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-text-primary); }
.eg-lperiod__btn.is-active { background: var(--eg-color-brand-primary); border-color: var(--eg-color-brand-primary); color: var(--eg-color-text-inverse); box-shadow: var(--eg-shadow-brand); }

/* Yeni: gerçek sayılar (Figma 10:10341) */
.eg-lstats { display: flex; flex-wrap: wrap; gap: 8px 28px; padding-top: 6px; }
.eg-lstats li { display: inline-flex; align-items: center; gap: 8px; font: var(--eg-type-body-sm); color: var(--eg-color-text-primary); }

/* ---------- Kategori chip'leri ---------- */
.eg-lcats__list { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.eg-lcats__list::-webkit-scrollbar { display: none; }
.eg-lcats__chip .eg-icon, .eg-lperiod__btn .eg-icon, .eg-lmore__btn .eg-icon, .eg-row__meta .eg-icon, .eg-rcard__meta .eg-icon { flex: none; }
.eg-lcats__chip {
	display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 18px; border-radius: 10px; white-space: nowrap;
	background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); font: var(--eg-type-label-md); color: var(--eg-color-text-primary);
	transition: background-color var(--eg-motion-fast) var(--eg-ease);
}
.eg-lcats__chip:hover { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-text-primary); }
.eg-lcats__chip.is-active { background: var(--eg-color-brand-primary); border-color: var(--eg-color-brand-primary); color: var(--eg-color-text-inverse); }
.eg-lcats--icon .eg-lcats__list > li { flex: 1 0 auto; }
.eg-lcats--icon .eg-lcats__chip { width: 100%; justify-content: center; gap: 10px; height: 56px; padding: 0 22px; box-shadow: var(--eg-shadow-xs); }
.eg-lcats--icon .eg-lcats__chip.is-active { box-shadow: var(--eg-shadow-brand); }
.eg-lpop__cats { border-top: 1px solid var(--eg-color-border-default); padding-top: 21px; }

/* ---------- İki kolon ---------- */
.eg-llayout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; padding: 24px 0 64px; }
.eg-llayout__main { min-width: 0; }
.eg-llayout__side { display: grid; gap: 20px; align-content: start; }

/* ---------- Popüler ---------- */
.eg-lpop__notice { margin-bottom: 20px; }
.eg-lpop__topgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.eg-lpop__all { margin-top: 24px; }
.eg-lpop__top + .eg-lpop__all { margin-top: 24px; }
.eg-lpop__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 8px; margin-bottom: 24px; }
.eg-lpop__h { font: var(--eg-type-heading-h3); letter-spacing: var(--eg-tracking-h3); }
.eg-lpop__ctrl { display: flex; align-items: center; gap: 12px; }
.eg-lpop__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.eg-lpop__grid > li, .eg-lpop__topgrid > li { display: flex; }
.eg-lpop__grid.is-list { grid-template-columns: minmax(0, 1fr); }

/* Görünüm değiştirici (Figma 10:3244) */
.eg-lview { display: flex; gap: 2px; padding: 2px; border-radius: 10px; background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); }
.eg-lview__btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 36px; border-radius: var(--eg-radius-sm); color: var(--eg-color-text-secondary); }
.eg-lview__btn[aria-pressed="true"] { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); }

/* Sıralama menüsü */
.eg-lsort { position: relative; }
.eg-lsort__sum {
	display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px 0 16px; border-radius: 10px; cursor: pointer; list-style: none; white-space: nowrap;
	background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); font: var(--eg-type-body-sm); color: var(--eg-color-text-primary);
}
.eg-lsort__sum::-webkit-details-marker { display: none; }
.eg-lsort--brand .eg-lsort__sum { font: var(--eg-type-label-sm); color: var(--eg-color-brand-primary); padding-left: 15px; }
.eg-lsort[open] .eg-lsort__sum .eg-icon { transform: rotate(180deg); }
.eg-lsort__menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 20; min-width: 100%; padding: 6px; background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); border-radius: var(--eg-radius-md); box-shadow: var(--eg-shadow-md); }
.eg-lsort--brand .eg-lsort__menu { left: 0; right: auto; }
.eg-lsort__opt { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; padding: 8px 12px; border-radius: var(--eg-radius-sm); font: var(--eg-type-body-sm); color: var(--eg-color-text-primary); white-space: nowrap; }
.eg-lsort__opt:hover, .eg-lsort__opt[aria-current] { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-text-primary); }

/* Sıralama kartı — Figma Card/Ranking 10:3181 */
.eg-rcard {
	position: relative; display: flex; flex-direction: column; width: 100%; overflow: hidden;
	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);
	transition: border-color var(--eg-motion-fast) var(--eg-ease), box-shadow var(--eg-motion-base) var(--eg-ease), transform var(--eg-motion-base) var(--eg-ease);
}
.eg-rcard:hover { border-color: var(--eg-color-border-brand); box-shadow: var(--eg-shadow-md); }
@media (prefers-reduced-motion: no-preference) { .eg-rcard:hover { transform: translateY(-2px); } }
.eg-rcard__media { flex: none; aspect-ratio: auto; height: 176px; margin-bottom: -16px; }
.eg-rcard--grid .eg-rcard__media { height: 118px; }
.eg-rcard__body { position: relative; flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 0 16px 16px 12px; }
.eg-rcard__tab { align-self: flex-start; display: inline-flex; padding: 6px 6px 2px; border-radius: 10px; background: var(--eg-color-surface-default); position: relative; z-index: 1; }
.eg-rcard__text { flex: 1; display: flex; flex-direction: column; gap: 8px; padding-left: 4px; }
.eg-rcard__title { font: var(--eg-type-heading-h4); letter-spacing: var(--eg-tracking-h4); color: var(--eg-color-text-primary); }
.eg-rcard--grid .eg-rcard__title { font: var(--eg-type-heading-h5); }
.eg-rcard__title a { color: inherit; }
.eg-rcard__title a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.eg-rcard__title a:focus-visible { outline: none; }
.eg-rcard:has(.eg-rcard__title a:focus-visible) { outline: 2px solid var(--eg-color-border-focus); outline-offset: 2px; }
.eg-rcard__excerpt { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.eg-rcard__meta { margin-top: auto; padding-top: 8px; display: flex; align-items: center; gap: 6px; min-height: 28px; font: 400 13px/18px var(--eg-font-family); color: var(--eg-color-text-muted); }
.eg-rcard__meta span { display: inline-flex; align-items: center; gap: 6px; }
.eg-rcard__rank {
	position: absolute; top: -1px; left: 7px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 40px; height: 44px;
	border-radius: 0 0 var(--eg-radius-sm) var(--eg-radius-sm); box-shadow: var(--eg-shadow-sm);
	font: 800 18px/26px var(--eg-font-family); letter-spacing: -0.2px; color: var(--eg-color-text-primary);
}
/* Rozet renkleri Figma 10:3199/3219/3239 (altın/gümüş/bronz — token yok, yalnız bu rozette) */
.eg-rcard__rank--1 { background: #f7c948; }
.eg-rcard__rank--2 { background: #d5dbe5; color: var(--eg-color-text-secondary); }
.eg-rcard__rank--3 { background: #c9733a; color: var(--eg-color-text-inverse); }
.eg-rcard__rank--4 { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary-strong); }
/* Liste görünümü / mobil satır */
.eg-lpop__grid.is-list .eg-rcard, .eg-rcard--row { flex-direction: row; align-items: center; gap: 12px; padding: 10px; }
.eg-lpop__grid.is-list .eg-rcard__media { width: 160px; height: 100px; margin: 0; border-radius: var(--eg-radius-sm); }
.eg-lpop__grid.is-list .eg-rcard__body { padding: 0; gap: 6px; }
.eg-lpop__grid.is-list .eg-rcard__tab { padding: 0; }
.eg-lpop__grid.is-list .eg-rcard__text { padding-left: 0; gap: 4px; }
.eg-lpop__grid.is-list .eg-rcard__meta { padding-top: 0; min-height: 0; }

/* "Daha fazla" + sayfalama */
.eg-lmore { margin-top: 24px; }
.eg-lmore__row { display: flex; justify-content: center; }
.eg-lmore__btn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 26px; border-radius: 10px; background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); font: var(--eg-type-ui-button); }
.eg-lmore__btn:hover { background: var(--eg-color-border-brand); color: var(--eg-color-brand-primary-strong); }
.eg-lmore__btn.is-loading { opacity: 0.7; pointer-events: none; }
.eg-lmore__pages .eg-pagination { margin-top: 20px; }
.eg-js .eg-lmore.is-enhanced .eg-lmore__pages { display: none; }

/* ---------- Yan kutular ---------- */
.eg-lside { 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); overflow: hidden; }
.eg-lside--pad { padding: 20px; }
.eg-lside__h { font: var(--eg-type-heading-h5); color: var(--eg-color-text-primary); }
.eg-lside__headrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.eg-lside__more { min-height: 24px; }

/* Şu anda popüler (10:3426) + Ranking Item (10:774) */
.eg-lrank__head { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: var(--eg-color-background-subtle); }
.eg-lrank__flame { color: var(--eg-color-status-danger); flex: none; }
.eg-lrank__sub { font: var(--eg-type-body-xs); color: var(--eg-color-text-muted); margin-top: 2px; }
.eg-lrank__list { display: grid; gap: 14px; padding: 16px 18px 12px; }
.eg-lrank__item { position: relative; display: flex; align-items: center; gap: 12px; }
.eg-lrank__n { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 28px; height: 28px; border-radius: var(--eg-radius-pill); background: var(--eg-color-surface-brand-soft); font: var(--eg-type-label-sm); color: var(--eg-color-text-primary); }
.eg-lrank__n.is-hot { background: var(--eg-color-surface-warning-soft); }
.eg-lrank__img { flex: none; width: 56px; height: 44px; aspect-ratio: auto; border-radius: var(--eg-radius-sm); }
.eg-lrank__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.eg-lrank__title { display: block; font: 500 14px/22px var(--eg-font-family); color: var(--eg-color-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eg-lrank__title::after { content: ""; position: absolute; inset: 0; }
.eg-lrank__title:hover { color: var(--eg-color-brand-primary); }
.eg-lrank__meta { display: inline-flex; align-items: center; gap: 6px; font: var(--eg-type-body-xs); color: var(--eg-color-text-muted); }
.eg-lrank__foot { padding: 4px 18px 18px; }
.eg-lrank__all { display: flex; align-items: center; justify-content: center; gap: 6px; height: 40px; border-radius: 10px; background: var(--eg-color-surface-brand-soft); font: var(--eg-type-label-sm); color: var(--eg-color-brand-primary); }
.eg-lrank__all:hover { background: var(--eg-color-border-brand); color: var(--eg-color-brand-primary-strong); }

/* Hızlı erişim (10:3509) */
.eg-lquick__h { display: flex; align-items: center; gap: 10px; }
.eg-lquick__ic { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: var(--eg-radius-pill); background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); flex: none; }
.eg-lquick__list { display: grid; gap: 4px; margin-top: 10px; }
.eg-lquick__list a { display: flex; align-items: center; gap: 12px; min-height: 36px; padding: 2px 0 2px 6px; font: var(--eg-type-body-sm); color: var(--eg-color-text-primary); }
.eg-lquick__list a .eg-icon { color: var(--eg-color-brand-primary); flex: none; }
.eg-lquick__list a:hover { color: var(--eg-color-brand-primary); }

/* Rehber Öner (10:3540 / 10:10730 / 10:17293) */
.eg-lsug { display: flex; flex-direction: column; gap: 14px; padding: 24px; box-shadow: none; }
.eg-lsug--popular { background: linear-gradient(131deg, #ece8ff 0%, #dbebff 62.5%); } /* Figma degradesi (token yok) */
.eg-lsug--latest { background: var(--eg-color-surface-brand-soft); border-color: transparent; padding: 22px; }
.eg-lsug--search { background: var(--eg-color-surface-brand-soft); border-color: transparent; padding: 20px; gap: 12px; }
.eg-lsug__top { display: flex; align-items: flex-start; gap: 14px; }
.eg-lsug__top--center { align-items: center; }
.eg-lsug__top > div { display: grid; gap: 6px; }
.eg-lsug__ic { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: var(--eg-radius-pill); background: var(--eg-color-surface-default); color: var(--eg-color-brand-primary); }
.eg-lsug__ic--lg { width: 48px; height: 48px; }
.eg-lsug__h4 { font: var(--eg-type-heading-h4); letter-spacing: var(--eg-tracking-h4); }
.eg-lsug__text { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-lsug__text--xs { font: var(--eg-type-body-xs); }
.eg-lsug__cta { display: flex; justify-content: center; padding-top: 4px; }
.eg-lsug--latest .eg-lsug__cta { padding-top: 0; }
.eg-lsug__btn { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 24px; border-radius: 10px; background: var(--eg-color-surface-default); box-shadow: var(--eg-shadow-sm); font: var(--eg-type-ui-button); color: var(--eg-color-text-primary); }
.eg-lsug__btn:hover { color: var(--eg-color-brand-primary); }
.eg-lsug--latest .eg-lsug__btn { padding: 0 28px; }
.eg-lsug--search .eg-lsug__btn { align-self: flex-start; padding: 0 16px 0 10px; gap: 10px; }
.eg-lsug__btnic { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--eg-radius-pill); background: var(--eg-color-brand-primary); color: var(--eg-color-text-inverse); }

/* Bülten (10:3495 / 10:10654) */
.eg-lnl { display: grid; gap: 16px; padding: 20px; }
.eg-lnl--light { background: var(--eg-color-background-subtle); box-shadow: none; }
.eg-lnl--dark { background: var(--eg-color-background-footer); border-color: var(--eg-color-background-footer); color: var(--eg-color-text-inverse); }
.eg-lnl--dark .eg-lside__h { color: var(--eg-color-text-inverse); }
.eg-lnl__top { display: flex; align-items: center; gap: 14px; }
.eg-lnl__ic { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 52px; height: 52px; border-radius: var(--eg-radius-pill); background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); }
.eg-lnl--dark .eg-lnl__ic { width: 40px; height: 40px; border-radius: 10px; background: var(--eg-color-brand-primary); color: var(--eg-color-text-inverse); }
.eg-lnl__text { font: var(--eg-type-body-xs); color: var(--eg-color-text-secondary); margin-top: 4px; }
.eg-lnl--dark .eg-lnl__text { color: var(--eg-color-text-inverse); opacity: 0.85; }

/* En yeni rehberler (10:10618) */
.eg-llatest__list { display: grid; gap: 14px; margin: 14px 0; }
.eg-llatest__item { position: relative; display: flex; align-items: center; gap: 12px; }
.eg-llatest__img { flex: none; width: 52px; height: 40px; aspect-ratio: auto; border-radius: var(--eg-radius-sm); }
.eg-llatest__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.eg-llatest__title { display: block; font: 500 14px/22px var(--eg-font-family); color: var(--eg-color-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eg-llatest__title::after { content: ""; position: absolute; inset: 0; }
.eg-llatest__title:hover { color: var(--eg-color-brand-primary); }
.eg-llatest__time { font: var(--eg-type-body-xs); color: var(--eg-color-text-muted); }
.eg-llatest__all { gap: 6px; min-height: 24px; }

/* İçerik türleri (10:10668) */
.eg-ltypes__list { display: grid; gap: 4px; margin-top: 10px; }
.eg-ltypes__row { display: flex; align-items: center; gap: 12px; min-height: 36px; color: var(--eg-color-text-primary); font: var(--eg-type-body-sm); }
.eg-ltypes__row:hover { color: var(--eg-color-brand-primary); }
.eg-ltypes__row.is-active .eg-ltypes__name { font-weight: 600; }
.eg-ltypes__ic { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 28px; height: 28px; border-radius: var(--eg-radius-sm); background: var(--eg-color-surface-muted); color: var(--eg-color-text-secondary); }
.eg-ltypes__row.is-active .eg-ltypes__ic { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); }
.eg-ltypes__name { flex: 1; min-width: 0; }
.eg-ltypes__n { color: var(--eg-color-text-secondary); }

/* Popüler markalar (10:10705) */
.eg-lbrands__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.eg-lbrands__tile { display: flex; align-items: center; justify-content: center; height: 56px; border-radius: var(--eg-radius-md); background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); transition: border-color var(--eg-motion-fast) var(--eg-ease); }
.eg-lbrands__tile:hover { border-color: var(--eg-color-border-brand); }
.eg-lbrands__logo { width: 40px; height: 38px; object-fit: contain; border-radius: 4px; }

/* ---------- Yeni içerikler ---------- */
.eg-lnew__cats { position: relative; z-index: 1; }
.eg-lnew__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }

/* Yatay liste kartı — Figma 10:10404 (latest) / 10:17064 (search) */
.eg-row {
	position: relative; display: flex; align-items: stretch; overflow: hidden;
	background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); border-radius: 14px; box-shadow: var(--eg-shadow-xs);
	transition: border-color var(--eg-motion-fast) var(--eg-ease), box-shadow var(--eg-motion-base) var(--eg-ease);
}
.eg-row:hover { border-color: var(--eg-color-border-brand); box-shadow: var(--eg-shadow-sm); }
.eg-row__media { flex: none; width: 252px; aspect-ratio: auto; min-height: 172px; }
.eg-row__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 16px 20px 16px 24px; }
.eg-row__loc { display: flex; align-items: center; gap: 6px; min-height: 24px; min-width: 0; overflow: hidden; }
.eg-row__loc .eg-eyebrow { flex: none; }
.eg-row__sep { color: var(--eg-color-text-muted); flex: none; }
.eg-row__sub { min-width: 0; font: var(--eg-type-label-xs); letter-spacing: var(--eg-tracking-label-xs); color: var(--eg-color-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eg-row__title { font: var(--eg-type-heading-h4); letter-spacing: var(--eg-tracking-h4); color: var(--eg-color-text-primary); }
.eg-row__title a { color: inherit; }
.eg-row__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.eg-row__title a:focus-visible { outline: none; }
.eg-row:has(.eg-row__title a:focus-visible) { outline: 2px solid var(--eg-color-border-focus); outline-offset: 2px; }
.eg-row__excerpt { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.eg-row__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 24px; padding-top: 4px; margin-top: auto; font: 400 13px/18px var(--eg-font-family); color: var(--eg-color-text-muted); }
.eg-row__meta > span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.eg-row--search { gap: 18px; padding: 12px; }
.eg-row--search .eg-row__media { width: 150px; height: 140px; min-height: 0; border-radius: 10px; }
.eg-row--search .eg-row__body { padding: 6px 8px 0 0; }
.eg-row--search .eg-row__meta { gap: 6px 22px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1279px) {
	.eg-lhero__media { width: 44%; height: auto; aspect-ratio: 560 / 233; }
}
@media (max-width: 1023px) {
	.eg-llayout { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-bottom: 48px; }
	.eg-llayout__side { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
	.eg-lpop__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eg-lhero__title { font: var(--eg-type-display-lg); }
	.eg-lhero__media { width: 42%; }
	.eg-lhero--popular .eg-lhero__row { align-items: flex-end; }
	.eg-lhero__bleed { width: 330px; height: 152px; }
	.eg-lhero__bleed::before { width: 80px; }
	.eg-lhero--bleed.has-media .eg-lhero__text, .eg-lhero--search.has-media .eg-lhero__text { max-width: 100%; }
	.eg-lhero--bleed.has-media .eg-lhero__title, .eg-lhero--bleed.has-media .eg-lhero__lead { max-width: calc(100% - 300px); }
	.eg-lhero--search .eg-lhero__bleed { width: 240px; height: 156px; }
	.eg-lhero--search.has-media .eg-lhero__title, .eg-lhero--search.has-media .eg-lhero__lead { max-width: calc(100% - 250px); }
	.eg-lhero--search .eg-lhero__text { max-width: 440px; }
	.eg-lstats { flex-direction: column; gap: 8px; }
	.eg-lcats__list { overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--eg-gutter)); padding: 0 var(--eg-gutter) 4px; }
	.eg-lcats__list::-webkit-scrollbar { display: none; }
	.eg-lcats--icon .eg-lcats__list > li { flex: none; }
	.eg-lcats--icon .eg-lcats__chip { padding: 0 22px; }
	.eg-row__media { width: 220px; }
}
@media (max-width: 767px) {
	.eg-lhero { padding: 16px 0 20px; }
	.eg-lhero__inner { gap: 14px; }
	.eg-lhero__text { gap: 12px; }
	.eg-lhero__title { font: var(--eg-type-mobile-h1); letter-spacing: var(--eg-tracking-mobile-h1); }
	.eg-lhero__lead { font: var(--eg-type-body-sm); }
	.eg-lhero__row { flex-direction: column; align-items: stretch; gap: 20px; }
	.eg-lhero__media { width: 100%; height: auto; aspect-ratio: 358 / 150; border-radius: var(--eg-radius-md); }
	.eg-lperiod__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.eg-lperiod__btn { width: 100%; height: 48px; padding: 0 12px; }
	/* Taşan görsel mobilde metnin altına, tam genişlik */
	.eg-lhero--bleed { display: flex; flex-direction: column; }
	.eg-lhero--bleed .eg-lhero__bleed { position: relative; order: 2; width: auto; height: auto; aspect-ratio: 358 / 165; margin: 16px var(--eg-gutter) 0; border-radius: var(--eg-radius-md); }
	.eg-lhero__bleed::before { display: none; }
	.eg-lhero--bleed.has-media .eg-lhero__title, .eg-lhero--bleed.has-media .eg-lhero__lead, .eg-lhero--search.has-media .eg-lhero__title, .eg-lhero--search.has-media .eg-lhero__lead { max-width: 100%; }
	.eg-lhero--search .eg-lhero__bleed { display: none; }
	.eg-lhero--search .eg-lhero__text { max-width: 100%; }
	.eg-lpop__cats { padding-top: 20px; }
	.eg-lcats--icon .eg-lcats__chip { height: 44px; padding: 0 18px; }
	.eg-llayout { padding-top: 20px; }
	.eg-llayout__side { grid-template-columns: minmax(0, 1fr); }
	.eg-lpop__topgrid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.eg-rcard--top .eg-rcard__media { height: 200px; }
	.eg-lpop__head { padding-top: 8px; margin-bottom: 16px; }
	.eg-lpop__h { font: var(--eg-type-heading-h4); letter-spacing: var(--eg-tracking-h4); }
	.eg-lview { display: none; }
	.eg-lpop__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.eg-lpop__grid .eg-rcard { flex-direction: row; align-items: center; gap: 12px; padding: 10px; }
	.eg-lpop__grid .eg-rcard__media { width: 112px; height: 84px; margin: 0; border-radius: var(--eg-radius-sm); }
	.eg-lpop__grid .eg-rcard__body { padding: 0; gap: 6px; }
	.eg-lpop__grid .eg-rcard__tab { padding: 0; }
	.eg-lpop__grid .eg-rcard__text { padding-left: 0; gap: 4px; }
	.eg-lpop__grid .eg-rcard__meta { padding-top: 0; min-height: 0; }
	/* Satır kartı: küçük görsel solda, özet yok */
	.eg-row, .eg-row--search { gap: 12px; padding: 10px; align-items: center; }
	.eg-row__media, .eg-row--search .eg-row__media { width: 112px; height: 96px; min-height: 0; border-radius: var(--eg-radius-sm); }
	.eg-row--search .eg-row__media { width: 100px; height: 100px; }
	.eg-row__body, .eg-row--search .eg-row__body { padding: 0; gap: 6px; }
	.eg-row__title { font: var(--eg-type-heading-h5); }
	.eg-row__excerpt, .eg-row__views, .eg-row--search .eg-row__date { display: none; }
	.eg-row--search .eg-row__views { display: inline-flex; }
	.eg-row--latest .eg-row__views { display: none; }
	.eg-row__meta { gap: 4px 16px; padding-top: 0; }
	.eg-lnew__list { gap: 12px; }
}

/* ---------- Arama (Figma 10) ---------- */
.eg-sbox { width: 100%; }
.eg-sbox .eg-search--inline { box-shadow: var(--eg-shadow-md); }
.eg-sbox .eg-search__submit--icon { border-radius: 10px; }
.eg-stabs { padding-top: 8px; }
.eg-stabs__list { display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
.eg-stabs__list::-webkit-scrollbar { display: none; }
.eg-stabs__list > li { flex: 1 0 auto; }
.eg-stabs__tab {
	display: flex; align-items: center; gap: 14px; height: 64px; padding: 0 20px 0 18px; border-radius: var(--eg-radius-md);
	background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); color: var(--eg-color-text-primary); white-space: nowrap;
}
.eg-stabs__tab:hover { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-text-primary); }
.eg-stabs__tab .eg-icon { flex: none; }
.eg-stabs__text { display: flex; flex-direction: column; gap: 1px; }
.eg-stabs__name { font: var(--eg-type-label-md); }
.eg-stabs__n { font: var(--eg-type-body-xs); color: var(--eg-color-text-muted); }
.eg-stabs__tab.is-active { background: var(--eg-color-brand-primary); border-color: var(--eg-color-brand-primary); color: var(--eg-color-text-inverse); box-shadow: var(--eg-shadow-brand); }
.eg-stabs__tab.is-active .eg-stabs__n { color: var(--eg-color-text-inverse); }

.eg-slayout { display: grid; grid-template-columns: 260px minmax(0, 1fr) 300px; gap: 20px; align-items: start; padding: 24px 0 40px; }
.eg-slayout.is-terms { grid-template-columns: minmax(0, 1fr) 300px; }
.eg-slayout__filters, .eg-slayout__side { display: grid; gap: 20px; align-content: start; min-width: 0; }
.eg-slayout__main { min-width: 0; }
.eg-sbar { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.eg-sbar__count { margin-left: auto; font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); white-space: nowrap; }
.eg-sbar__filter { display: none; align-items: center; gap: 8px; height: 44px; padding: 0 14px; border-radius: 10px; background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); font: var(--eg-type-label-md); color: var(--eg-color-text-primary); }
.eg-sbar__badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--eg-radius-pill); background: var(--eg-color-brand-primary); color: var(--eg-color-text-inverse); font: var(--eg-type-label-xs); }
.eg-slist { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.eg-slist > li, .eg-lnew__list > li { min-width: 0; }

/* Filtre paneli (10:16961) */
.eg-sf { 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-sf__head { display: flex; align-items: center; justify-content: space-between; padding: 18px; border-bottom: 1px solid var(--eg-color-border-default); }
.eg-sf__h { font: var(--eg-type-heading-h5); }
.eg-sf__close { display: none; color: var(--eg-color-text-secondary); width: 44px; height: 44px; align-items: center; justify-content: center; margin: -12px -12px -12px 0; }
.eg-sf__group { border-bottom: 1px solid var(--eg-color-border-default); padding: 16px 18px; }
.eg-sf__sum { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; font: var(--eg-type-label-md); color: var(--eg-color-text-primary); }
.eg-sf__sum::-webkit-details-marker { display: none; }
.eg-sf__group:not([open]) .eg-sf__sum .eg-icon { transform: rotate(-90deg); }
.eg-sf__set { border: 0; margin: 12px 0 0; padding: 0; display: grid; gap: 12px; min-width: 0; }
.eg-sf__opt { position: relative; display: flex; align-items: center; gap: 10px; min-height: 22px; font: var(--eg-type-body-sm); color: var(--eg-color-text-primary); cursor: pointer; }
.eg-sf__input { position: absolute; opacity: 0; width: 18px; height: 18px; margin: 0; }
.eg-sf__box { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid var(--eg-color-border-strong); background: var(--eg-color-surface-default); color: transparent; }
.eg-sf__box--radio { border-radius: 50%; }
.eg-sf__input:checked + .eg-sf__box { background: var(--eg-color-brand-primary); border-color: var(--eg-color-brand-primary); color: var(--eg-color-text-inverse); }
.eg-sf__input:checked + .eg-sf__box--radio { background: var(--eg-color-surface-default); box-shadow: inset 0 0 0 4px var(--eg-color-brand-primary); }
.eg-sf__input:focus-visible + .eg-sf__box { box-shadow: var(--eg-focus-ring); }
.eg-sf__label { flex: 1; min-width: 0; }
.eg-sf__n { font: var(--eg-type-body-xs); color: var(--eg-color-text-muted); }
.eg-sf__more { display: grid; gap: 12px; }
.eg-sf__more[open] > .eg-sf__moresum { order: 99; }
.eg-sf__moresum { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; list-style: none; font: 500 12px/18px var(--eg-font-family); color: var(--eg-color-text-secondary); }
.eg-sf__moresum::-webkit-details-marker { display: none; }
.eg-sf__foot { display: grid; gap: 10px; padding: 16px 18px 18px; }
.eg-js .eg-sf__apply { display: none; }
.eg-sf__clear { display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 10px; background: var(--eg-color-surface-brand-soft); font: var(--eg-type-label-sm); color: var(--eg-color-brand-primary); }

/* Marka kartı (10:17327) */
.eg-spromo { position: relative; overflow: hidden; display: grid; gap: 10px; padding: 20px; border-radius: var(--eg-radius-lg); background: var(--eg-color-background-footer); color: var(--eg-color-text-inverse); }
.eg-spromo.has-img { padding-right: 100px; }
.eg-spromo__media { position: absolute; right: 0; bottom: 0; width: 84px; height: 138px; }
.eg-spromo__img { width: 100%; height: 100%; object-fit: cover; }
.eg-spromo__top { display: flex; align-items: center; gap: 12px; }
.eg-spromo__ic { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; border-radius: var(--eg-radius-sm); background: var(--eg-color-surface-default); }
.eg-spromo__logo { width: 26px; height: 24px; object-fit: contain; }
.eg-spromo__h { font: var(--eg-type-heading-h5); color: var(--eg-color-text-inverse); }
.eg-spromo__text { font: var(--eg-type-body-xs); opacity: 0.9; }
.eg-spromo__btn { justify-self: start; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: var(--eg-radius-sm); background: var(--eg-color-surface-default); font: var(--eg-type-label-sm); color: var(--eg-color-text-primary); }

/* Terim listeleri (10:17215) */
.eg-sterms__list { display: grid; }
.eg-sterms__item { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--eg-color-border-default); }
.eg-sterms__item:first-child { border-top: 0; padding-top: 0; }
.eg-sterms__ic { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 10px; background: var(--eg-color-surface-muted); color: var(--eg-color-text-primary); }
.eg-sterms__ic.has-logo { background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); }
.eg-sterms__logo { width: 34px; height: 32px; object-fit: contain; }
.eg-sterms__text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.eg-sterms__name { font: var(--eg-type-label-md); color: var(--eg-color-text-primary); }
.eg-sterms__name::after { content: ""; position: absolute; inset: 0; }
.eg-sterms__name:hover { color: var(--eg-color-brand-primary); }
.eg-sterms__n { font: var(--eg-type-body-xs); color: var(--eg-color-text-muted); }
.eg-sterms__go { color: var(--eg-color-text-muted); flex: none; }
.eg-sterms__list--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
.eg-sterms__list--grid .eg-sterms__item:nth-child(2) { border-top: 0; padding-top: 0; }
.eg-stopics__list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.eg-stopics__chip { display: inline-flex; align-items: center; min-height: 32px; padding: 6px 12px; border-radius: var(--eg-radius-pill); background: var(--eg-color-surface-muted); font: var(--eg-type-body-xs); color: var(--eg-color-text-secondary); }
.eg-stopics__chip:hover { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); }

/* İlginizi çekebilir (10:17340) */
.eg-srel { margin-bottom: 64px; }
.eg-srel__box { padding: 20px; border-radius: var(--eg-radius-lg); background: var(--eg-color-background-subtle); }
.eg-srel__h { font: var(--eg-type-heading-h3); letter-spacing: var(--eg-tracking-h3); margin-bottom: 16px; }
.eg-srel__wrap { position: relative; display: flex; align-items: center; gap: 12px; }
.eg-srel__track { flex: 1; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 5); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.eg-srel__track::-webkit-scrollbar { display: none; }
.eg-srel__item { scroll-snap-align: start; }
.eg-srel__card { position: relative; height: 100%; overflow: hidden; border-radius: var(--eg-radius-md); background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); }
.eg-srel__img { display: block; height: 90px; aspect-ratio: auto; }
.eg-srel__title { padding: 10px 14px 14px; font: var(--eg-type-heading-h5); }
.eg-srel__title a { color: var(--eg-color-text-primary); }
.eg-srel__title a::after { content: ""; position: absolute; inset: 0; }
.eg-srel__arrow { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: var(--eg-radius-pill); background: var(--eg-color-surface-default); color: var(--eg-color-brand-primary); box-shadow: var(--eg-shadow-sm); }

/* Sonuç yok (27:10893) */
.eg-snone__wrap { padding: 24px 0 64px; display: grid; gap: 32px; }
.eg-snone { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 40px 24px 32px; background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); border-radius: var(--eg-radius-xl); box-shadow: var(--eg-shadow-sm); }
.eg-snone__ic { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: var(--eg-radius-pill); background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); margin-bottom: 8px; }
.eg-snone__h { font: var(--eg-type-heading-h3); letter-spacing: var(--eg-tracking-h3); }
.eg-snone__did { font: var(--eg-type-body-md); color: var(--eg-color-text-primary); }
.eg-snone__did a { font-weight: 700; text-decoration: underline; }
.eg-snone__tip { font: var(--eg-type-body-sm); color: var(--eg-color-text-muted); max-width: 520px; }
.eg-snone__alts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.eg-snone__alt { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px; border-radius: var(--eg-radius-pill); border: 1px solid var(--eg-color-border-brand); font: var(--eg-type-label-sm); color: var(--eg-color-brand-primary); }
.eg-snone__alt:hover { background: var(--eg-color-surface-brand-soft); }
.eg-snone__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 8px; }
.eg-snone__head { margin-bottom: 16px; }

@media (max-width: 1279px) {
	.eg-slayout { grid-template-columns: 240px minmax(0, 1fr); }
	.eg-slayout__side { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eg-slayout.is-terms { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1023px) {
	.eg-slayout, .eg-slayout.is-terms { grid-template-columns: minmax(0, 1fr); }
	.eg-slayout__filters { display: contents; }
	.eg-sf { display: none; order: 0; }
	.eg-sf.is-open, .eg-sf:target { display: block; }
	.eg-sf__close { display: inline-flex; }
	.eg-slayout__main { order: 1; }
	.eg-spromo { order: 3; max-width: 342px; }
	.eg-slayout__side { order: 2; }
	.eg-sbar__filter { display: inline-flex; }
	.eg-srel__track { grid-auto-columns: 42%; }
	.eg-row--search .eg-row__media { width: 170px; }
}
@media (max-width: 767px) {
	.eg-stabs__tab { height: 64px; }
	.eg-slayout { padding-top: 16px; gap: 16px; }
	.eg-slayout__side { grid-template-columns: minmax(0, 1fr); }
	.eg-sbar { flex-wrap: wrap; }
	.eg-sbar__count { font: var(--eg-type-body-xs); }
	.eg-sterms__list--grid { grid-template-columns: minmax(0, 1fr); }
	.eg-sterms__list--grid .eg-sterms__item:nth-child(2) { border-top: 1px solid var(--eg-color-border-default); padding-top: 12px; }
	.eg-srel__track { grid-auto-columns: 70%; }
	.eg-srel__arrow { display: none; }
	.eg-snone { padding: 28px 16px 24px; }
	.eg-snone__h { font: var(--eg-type-heading-h4); }
	.eg-spromo { max-width: none; }
	.eg-row--search .eg-row__media { width: 100px; height: 100px; }
}