/* ==========================================================================
   Kurumsal sayfalar — Hakkımızda (10:4905), Editöryal (10:9991), İletişim (27:8825, durumlar 28:188),
   Yasal metin (28:13802), 404 (10:428), genel sayfa. Önek: eg-pg / eg-cf / eg-legal / eg-404.
   ========================================================================== */

/* --- Ortak: ikon dairesi, panel ----------------------------------------- */
.eg-pg-ic { display: inline-flex; align-items: center; justify-content: center; flex: none; border-radius: 50%; background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); }
.eg-pg-ic--44 { width: 44px; height: 44px; }
.eg-pg-ic--52 { width: 52px; height: 52px; }
.eg-pg-ic--56 { width: 56px; height: 56px; }
.eg-pg-ic--64 { width: 64px; height: 64px; }
.eg-pg-panel { background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); border-radius: 14px; box-shadow: var(--eg-shadow-sm); padding: 26px 24px; }
.eg-pg-panel__head { display: grid; gap: 4px; }
.eg-pg-panel__title { font: var(--eg-type-heading-h3); letter-spacing: var(--eg-tracking-h3); }
.eg-pg-panel__sub { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }

/* --- Hero (Hakkımızda / Editöryal) ---------------------------------------- */
.eg-pg-hero { position: relative; background: var(--eg-color-surface-default); overflow: hidden; }
.eg-pg-hero__text { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 20px 0 44px; max-width: 660px; }
.eg-pg-hero--editorial .eg-pg-hero__text { max-width: 540px; }
.eg-pg-hero__crumb { margin-bottom: 28px; }
.eg-pg-hero__title { font: var(--eg-type-display-xl); letter-spacing: var(--eg-tracking-display-xl); }
.eg-pg-hero__lead { font: var(--eg-type-body-lg); color: var(--eg-color-text-secondary); }
.eg-pg-hero--editorial .eg-pg-hero__text { padding-bottom: 40px; }
.eg-pg-hero__media img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1024px) {
	.eg-pg-hero.has-media .eg-pg-hero__media { position: absolute; top: 0; bottom: 0; right: 0; left: calc(max(var(--eg-gutter), 50% - 620px) + 660px); }
	.eg-pg-hero--editorial.has-media .eg-pg-hero__media { left: calc(max(var(--eg-gutter), 50% - 620px) + 540px); -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%); mask-image: linear-gradient(90deg, transparent 0, #000 22%); }
	.eg-pg-hero.has-media .eg-pg-hero__text { min-height: 438px; }
	.eg-pg-hero--editorial.has-media .eg-pg-hero__text { min-height: 362px; }
}
.eg-pg-stats { display: flex; gap: 18px; width: 100%; padding-top: 14px; }
.eg-pg-stats__item { flex: 1 1 0; display: flex; align-items: center; gap: 10px; min-width: 0; }
.eg-pg-stats__icon { color: var(--eg-color-brand-primary); flex: none; }
.eg-pg-stats__text { display: flex; flex-direction: column; min-width: 0; }
.eg-pg-stats__text strong { font: 800 16px/24px var(--eg-font-family); color: var(--eg-color-text-primary); }
.eg-pg-stats__text span { font: var(--eg-type-body-xs); color: var(--eg-color-text-secondary); }

/* --- Bölümler ------------------------------------------------------------- */
.eg-pg-body { padding: 40px 0 20px; }
.eg-pg-body--editorial { padding-top: 0; }
.eg-pg-sec { margin-bottom: 44px; }
.eg-pg-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.eg-pg-head__title { font: var(--eg-type-heading-h2); letter-spacing: var(--eg-tracking-h2); scroll-margin-top: calc(var(--eg-header-height) + 24px); }
.eg-pg-head__sub { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-pg-body--editorial .eg-pg-head { margin-bottom: 22px; }
.eg-pg-body--editorial .eg-pg-head__title { font: var(--eg-type-heading-h3); letter-spacing: var(--eg-tracking-h3); }

/* Biz kimiz (10:4988) */
.eg-pg-intro__inner { display: grid; gap: 40px; }
.eg-pg-intro.has-media .eg-pg-intro__inner { grid-template-columns: 488px minmax(0, 1fr); align-items: start; }
.eg-pg-intro__media img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--eg-radius-lg); }
.eg-pg-intro__text { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding-top: 4px; }
.eg-pg-intro__title { font: var(--eg-type-heading-h2); letter-spacing: var(--eg-tracking-h2); scroll-margin-top: calc(var(--eg-header-height) + 24px); }
.eg-pg-intro__desc { font: 400 16px/28px var(--eg-font-family); color: var(--eg-color-text-secondary); }
.eg-pg-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; padding-top: 10px; }
.eg-pg-feature { display: flex; flex-direction: column; gap: 14px; padding: 22px 20px 24px; 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-xs); }
.eg-pg-feature__title { font: 700 15px/22px var(--eg-font-family); color: var(--eg-color-text-primary); }

/* Kartlar (10:5022 / 10:10073) */
.eg-pg-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.eg-pg-card { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px 22px 26px; 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-xs); }
.eg-pg-card .eg-pg-ic { margin-bottom: 14px; }
.eg-pg-card__title { font: var(--eg-type-heading-h5); }
.eg-pg-card__text { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-pg-cards-sec--editorial .eg-pg-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 18px; }
.eg-pg-cards-sec--editorial .eg-pg-card { gap: 12px; padding: 30px 28px 32px; border-radius: 14px; }
.eg-pg-cards-sec--editorial .eg-pg-card .eg-pg-ic { margin-bottom: 18px; }
.eg-pg-cards-sec--editorial .eg-pg-card__title { font: 700 18px/24px var(--eg-font-family); }
.eg-pg-cards-sec--editorial .eg-pg-card__text { line-height: 24px; }

/* Alıntı (10:5016) */
.eg-pg-quote { display: flex; align-items: flex-start; gap: 20px; padding: 32px 36px; background: var(--eg-color-surface-brand-soft); border-radius: var(--eg-radius-md); }
.eg-pg-body--editorial .eg-pg-quote { padding: 34px 36px; }
.eg-pg-quote__mark { font: 800 56px/48px var(--eg-font-family); letter-spacing: -1.2px; color: var(--eg-color-brand-primary); height: 30px; }
.eg-pg-quote__body { flex: 1; min-width: 0; display: flex; align-items: flex-end; gap: 12px; }
.eg-pg-quote__text { flex: 1; min-width: 0; margin: 0; font: var(--eg-type-body-lg); color: var(--eg-color-text-primary); }
/* Hakkımızda alıntısı tırnaklı (Figma 10:4905); Editöryal tırnaksız (10:9991). */
.eg-pg-body--about .eg-pg-quote__text p::before { content: "\201C"; }
.eg-pg-body--about .eg-pg-quote__text p::after { content: "\201D"; }
.eg-pg-quote__cite { font: 700 13px/18px var(--eg-font-family); color: var(--eg-color-text-primary); white-space: nowrap; }

/* CTA bandı (10:5057) */
.eg-pg-cta { display: flex; align-items: center; gap: 20px; padding: 36px 40px; border-radius: var(--eg-radius-lg); background: linear-gradient(90deg, var(--eg-color-brand-primary-strong), var(--eg-color-brand-primary)); color: var(--eg-color-text-inverse); }
.eg-pg-cta__text { flex: 1; min-width: 0; display: grid; gap: 10px; }
.eg-pg-cta__title { font: 800 28px/36px var(--eg-font-family); letter-spacing: -0.5px; color: inherit; max-width: 440px; scroll-margin-top: calc(var(--eg-header-height) + 24px); }
.eg-pg-cta__desc { font: var(--eg-type-body-md); }
.eg-pg-cta__desc a { color: inherit; text-decoration: underline; }
.eg-pg-cta__art { flex: none; color: var(--eg-color-text-inverse); opacity: 0.5; }
.eg-pg-cta__btn { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 160px; height: 48px; padding: 0 22px; border-radius: 10px; background: var(--eg-color-surface-default); color: var(--eg-color-brand-primary); font: var(--eg-type-ui-button); }
.eg-pg-cta__btn:hover { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary-strong); }

/* Zaman çizelgesi (10:5071) */
.eg-pg-body > :last-child { margin-bottom: 0; }
.eg-pg-body { padding-bottom: 0; }
.eg-pg-timeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.eg-pg-timeline__item { display: flex; flex-direction: column; gap: 6px; }
.eg-pg-timeline__rail { position: relative; display: block; height: 24px; }
.eg-pg-timeline__rail::before { content: ""; position: absolute; left: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; background: var(--eg-color-brand-primary); box-shadow: 0 0 0 3px var(--eg-color-surface-brand-soft) inset; }
.eg-pg-timeline__item:not(:last-child) .eg-pg-timeline__rail::after { content: ""; position: absolute; left: 12px; right: 0; top: 5px; height: 2px; background: var(--eg-color-border-brand); }
.eg-pg-timeline__title { font: var(--eg-type-heading-h5); }
.eg-pg-timeline__text { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }

/* Sekmeler (10:10043) */
.eg-pg-tabs { margin-bottom: 44px; }
.eg-pg-tabs__list { display: flex; gap: 12px; }
.eg-pg-tabs__list > li { flex: 1 1 0; min-width: 0; display: flex; }
.eg-pg-tab { flex: 1; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 18px 16px; border-radius: var(--eg-radius-md); background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); box-shadow: var(--eg-shadow-xs); font: var(--eg-type-label-sm); color: var(--eg-color-text-primary); text-align: center; transition: background-color var(--eg-motion-fast) var(--eg-ease); }
.eg-pg-tab svg { flex: none; }
.eg-pg-tab:hover { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-text-primary); }
.eg-pg-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-pg-tabs + .eg-pg-body { padding-top: 0; }

/* Süreç adımları (10:10133) */
.eg-pg-steps-sec .eg-pg-head { margin-bottom: 28px; }
.eg-pg-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.eg-pg-step { display: flex; flex-direction: column; gap: 12px; }
.eg-pg-step__body { display: grid; gap: 4px; padding-top: 4px; }
.eg-pg-step__title { font: 700 15px/22px var(--eg-font-family); color: var(--eg-color-text-primary); }
.eg-pg-step__text { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }

/* Yan yana kartlar (10:10178) */
.eg-pg-callouts { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.eg-pg-callout { display: flex; align-items: flex-start; gap: 18px; padding: 26px 28px; background: var(--eg-color-surface-brand-soft); border-radius: 14px; }
.eg-pg-callout__ic { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--eg-color-surface-default); color: var(--eg-color-brand-primary); }
.eg-pg-callout__body { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.eg-pg-callout__title { font: var(--eg-type-heading-h5); scroll-margin-top: calc(var(--eg-header-height) + 24px); }
.eg-pg-callout__text { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); margin-bottom: 6px; }
.eg-pg-callout__text a { color: inherit; }
.eg-pg-callout__btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 10px; background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); font: 700 13px/18px var(--eg-font-family); color: var(--eg-color-text-primary); }
.eg-pg-callout__btn:hover { border-color: var(--eg-color-border-brand); color: var(--eg-color-brand-primary); }
.eg-pg-prose { max-width: var(--eg-container-article); }

/* --- İletişim (27:8825) ---------------------------------------------------- */
.eg-cf-hero__inner { display: grid; grid-template-columns: minmax(0, 630px) minmax(0, 570px); justify-content: space-between; gap: 40px; align-items: center; padding: 56px 0 36px; }
.eg-cf-hero:not(.has-media) .eg-cf-hero__inner { grid-template-columns: minmax(0, 760px); }
.eg-cf-hero__text { display: flex; flex-direction: column; gap: 16px; }
.eg-cf-hero__eyebrow { font: 700 13px/18px var(--eg-font-family); color: var(--eg-color-brand-primary); }
.eg-cf-hero__title { font: 800 60px/66px var(--eg-font-family); letter-spacing: -1.5px; text-wrap: wrap; /* Figma: "Bizimle İletişime / Geçin" (balance değil) */ }
.eg-cf-hero__lead { font: var(--eg-type-body-lg); color: var(--eg-color-text-secondary); max-width: 480px; }
.eg-cf-hero__media img { width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; border-radius: var(--eg-radius-lg); }

.eg-cf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; margin-bottom: 32px; }
.eg-cf { scroll-margin-top: calc(var(--eg-header-height) + 16px); }
.eg-cf:focus { outline: none; }
.eg-cf__form { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; }
.eg-cf__field { display: flex; flex-direction: column; gap: 8px; }
.eg-cf__label { font: 500 15px/22px var(--eg-font-family); color: var(--eg-color-text-primary); }
.eg-cf__req { font-weight: 600; color: var(--eg-color-status-danger); }
.eg-cf__input { width: 100%; height: 52px; padding: 0 14px 0 16px; border-radius: 10px; background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-strong); font: var(--eg-type-body-md); color: var(--eg-color-text-primary); transition: border-color var(--eg-motion-fast) var(--eg-ease), box-shadow var(--eg-motion-fast) var(--eg-ease), background-color var(--eg-motion-fast) var(--eg-ease); }
.eg-cf__input::placeholder { color: var(--eg-color-text-muted); opacity: 1; }
.eg-cf__input:focus { outline: none; border-color: var(--eg-color-border-focus); box-shadow: var(--eg-focus-ring); }
.eg-cf__input[aria-invalid="true"] { border-color: var(--eg-color-status-danger); }
.eg-cf__textarea { height: 150px; padding-top: 14px; resize: vertical; }
.eg-cf__select-wrap { position: relative; display: block; }
.eg-cf__select { appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer; }
.eg-cf__select:has(option[value=""]:checked) { color: var(--eg-color-text-muted); }
.eg-cf__select option { color: var(--eg-color-text-primary); }
.eg-cf__chev { position: absolute; right: 14px; top: 17px; pointer-events: none; color: var(--eg-color-text-primary); }
.eg-cf__check { display: flex; align-items: flex-start; gap: 10px; }
.eg-cf__check input { flex: none; appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin: 1px 0 0; border: 1.5px solid var(--eg-color-border-strong); border-radius: 5px; background: var(--eg-color-surface-default) no-repeat center / 14px; cursor: pointer; }
.eg-cf__check input:checked { background-color: var(--eg-color-brand-primary); border-color: var(--eg-color-brand-primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.eg-cf__check input:focus-visible { outline: 2px solid var(--eg-color-border-focus); outline-offset: 2px; }
.eg-cf__check input[aria-invalid="true"] { border-color: var(--eg-color-status-danger); }
.eg-cf__check label { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); cursor: pointer; }
.eg-cf__check label a { color: var(--eg-color-text-link); text-decoration: underline; text-underline-offset: 2px; }
.eg-cf__consent .eg-cf__error { padding-left: 30px; }
.eg-cf__error { display: flex; align-items: center; gap: 6px; font: var(--eg-type-body-xs); color: var(--eg-color-status-danger); }
.eg-cf__error svg { flex: none; }
.eg-cf__alert { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; padding: 12px 16px; border: 1px solid var(--eg-color-status-danger); border-radius: 10px; background: var(--eg-color-surface-danger-soft); font: var(--eg-type-body-sm); color: var(--eg-color-text-primary); }
.eg-cf__alert svg { flex: none; margin-top: 2px; color: var(--eg-color-status-danger); }
.eg-cf__spam { display: flex; align-items: center; gap: 8px; font: var(--eg-type-body-xs); color: var(--eg-color-text-muted); }
.eg-cf__spam svg { flex: none; }
.eg-cf__submit { height: 52px; border-radius: 10px; gap: 10px; box-shadow: none; }
.eg-cf__form.is-loading .eg-cf__input { background: var(--eg-color-surface-muted); }
.eg-cf__form.is-loading .eg-cf__submit { background: var(--eg-color-brand-primary); color: var(--eg-color-text-inverse); cursor: progress; justify-content: flex-start; padding-left: 24px; }
.eg-cf__form.is-loading .eg-cf__submit svg { animation: eg-spin 0.9s linear infinite; }
.eg-cf__success { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 38px 16px 40px; }
.eg-cf__success-ic { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: 12px; border-radius: 50%; background: var(--eg-color-surface-success-soft); color: var(--eg-color-status-success); }
.eg-cf__success-title { font: var(--eg-type-heading-h3); letter-spacing: var(--eg-tracking-h3); }
.eg-cf__success-text { font: var(--eg-type-body-md); color: var(--eg-color-text-secondary); max-width: 480px; }
.eg-cf__success-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 12px; }

.eg-cf-aside { display: flex; flex-direction: column; gap: 20px; }
.eg-cf-channels { padding-bottom: 12px; }
.eg-cf-channels .eg-pg-panel__head { padding-bottom: 12px; }
.eg-cf-channel { display: flex; align-items: center; gap: 14px; padding: 16px 0; }
.eg-cf-channel + .eg-cf-channel { border-top: 1px solid var(--eg-color-border-default); }
.eg-cf-channel__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.eg-cf-channel__text strong { font: 700 15px/22px var(--eg-font-family); color: var(--eg-color-text-primary); }
.eg-cf-channel__text > span { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-cf-channel__value, .eg-cf-channel__text > .eg-cf-channel__value { font: var(--eg-type-body-md); color: var(--eg-color-text-primary); overflow-wrap: anywhere; }
.eg-cf-channel__note { flex: none; width: 190px; font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); text-align: right; }
.eg-cf-channel__social { display: flex; gap: 8px; }
.eg-cf-channel__social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--eg-radius-sm); color: var(--eg-color-text-primary); }
.eg-cf-channel__social a:hover { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); }
.eg-cf-faq { flex: 1; }
.eg-cf-faq__list { margin-top: 8px; }
.eg-cf-faq__item + .eg-cf-faq__item { border-top: 1px solid var(--eg-color-border-default); }
.eg-cf-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 51px; padding: 12px 0; list-style: none; cursor: pointer; font: var(--eg-type-body-md); color: var(--eg-color-text-primary); }
.eg-cf-faq__q::-webkit-details-marker { display: none; }
.eg-cf-faq__q:hover { color: var(--eg-color-brand-primary); }
.eg-cf-faq__chev { flex: none; color: var(--eg-color-text-secondary); transition: transform var(--eg-motion-base) var(--eg-ease); }
.eg-cf-faq__item[open] .eg-cf-faq__chev { transform: rotate(90deg); }
.eg-cf-faq__a { padding: 0 30px 14px 0; font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }

.eg-cf-suggest-wrap { padding: 12px 0 0; }
.eg-cf-suggest { display: flex; align-items: center; gap: 20px; padding: 34px 52px; border-radius: 14px; background: var(--eg-color-surface-brand-soft); }
.eg-cf-suggest__text { flex: 1; min-width: 0; display: grid; gap: 8px; }
.eg-cf-suggest__title { font: 800 22px/30px var(--eg-font-family); letter-spacing: -0.3px; }
.eg-cf-suggest__desc { font: var(--eg-type-body-md); color: var(--eg-color-text-secondary); }
.eg-cf-suggest__btn { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 52px; padding: 0 28px; border-radius: var(--eg-radius-md); background: var(--eg-color-surface-default); box-shadow: var(--eg-shadow-sm); color: var(--eg-color-brand-primary); font: var(--eg-type-ui-button); }
.eg-cf-suggest__btn:hover { color: var(--eg-color-brand-primary-strong); box-shadow: var(--eg-shadow-md); }

/* --- Yasal metin (28:13802) ---------------------------------------------- */
.eg-legal-hero { background: var(--eg-color-surface-default); padding: 20px 0 32px; }
.eg-legal-hero > .eg-container { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.eg-legal-hero__title { font: var(--eg-type-display-lg); letter-spacing: var(--eg-tracking-display-lg); }
.eg-legal-hero__lead { font: var(--eg-type-body-lg); color: var(--eg-color-text-secondary); max-width: 760px; }
.eg-legal-hero__meta { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.eg-legal-hero__meta li { display: inline-flex; align-items: center; gap: 6px; font: var(--eg-type-ui-meta); color: var(--eg-color-text-secondary); }
.eg-legal-docs { padding-top: 8px; width: 100%; }
.eg-legal-docs__list { display: flex; flex-wrap: wrap; gap: 12px; }
.eg-legal-doc { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 14px 16px; border-radius: var(--eg-radius-md); background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); box-shadow: var(--eg-shadow-xs); font: var(--eg-type-label-sm); color: var(--eg-color-text-primary); }
.eg-legal-doc:hover { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-text-primary); }
.eg-legal-doc.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-legal { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 40px; align-items: start; padding: 40px 0 0; }
.eg-legal__sticky { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 16px; }
.eg-legal-toc--card, .eg-legal-others { padding: 22px 20px 18px; background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); border-radius: 14px; box-shadow: var(--eg-shadow-xs); }
.eg-legal-toc__head { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; font: 700 15px/22px var(--eg-font-family); color: var(--eg-color-text-primary); }
.eg-legal-toc__head svg, .eg-legal-toc__ic { color: var(--eg-color-brand-primary); flex: none; }
.eg-legal-toc__list { display: flex; flex-direction: column; gap: 4px; }
.eg-legal-toc__link { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 9px 10px 9px 12px; border-radius: var(--eg-radius-sm); font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-legal-toc__link:hover { background: var(--eg-color-surface-muted); color: var(--eg-color-text-primary); }
.eg-legal-toc__num { flex: none; font: 700 11px/14px var(--eg-font-family); letter-spacing: 0.6px; color: var(--eg-color-text-muted); }
.eg-legal-toc__link.is-active { background: var(--eg-color-surface-brand-soft); color: var(--eg-color-brand-primary); font-weight: 600; }
.eg-legal-toc__link.is-active .eg-legal-toc__num { color: var(--eg-color-brand-primary); }
.eg-legal-others { padding: 20px 20px 16px; }
.eg-legal-others__title { font: 700 15px/22px var(--eg-font-family); color: var(--eg-color-text-primary); margin-bottom: 4px; }
.eg-legal-others a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 38px; padding: 8px 0; font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-legal-others a:hover { color: var(--eg-color-brand-primary); }
.eg-legal-help { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 20px; border-radius: 14px; background: var(--eg-color-surface-brand-soft); }
.eg-legal-help__ic { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--eg-color-surface-default); color: var(--eg-color-brand-primary); }
.eg-legal-help__title { font: 700 15px/22px var(--eg-font-family); color: var(--eg-color-text-primary); }
.eg-legal-help__text { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-legal-help .eg-link-more { min-height: 18px; }
.eg-legal-help--inline, .eg-legal-toc--dropdown { display: none; }

.eg-legal__doc { padding: 48px; 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-xs); }
.eg-legal__warn { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 36px; padding: 16px 18px; border: 1px solid var(--eg-color-status-warning); border-radius: var(--eg-radius-md); background: var(--eg-color-surface-warning-soft); font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-legal__warn > svg { flex: none; color: var(--eg-color-status-warning); margin-top: 1px; }
.eg-legal__warn div { display: grid; gap: 4px; }
.eg-legal__warn-title { font: 700 15px/22px var(--eg-font-family); color: var(--eg-color-text-primary); }
.eg-legal__body { font: 400 16px/28px var(--eg-font-family); color: var(--eg-color-text-secondary); overflow-wrap: break-word; }
.eg-legal__body > * + * { margin-top: 14px; }
.eg-legal__body > h2 { margin-top: 36px; }
.eg-legal__body > :first-child { margin-top: 0; }
.eg-legal__body h2 { display: flex; align-items: center; gap: 12px; font: var(--eg-type-heading-h3); letter-spacing: var(--eg-tracking-h3); scroll-margin-top: calc(var(--eg-header-height) + 24px); }
.eg-legal__num { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--eg-radius-sm); background: var(--eg-color-surface-brand-soft); font: 700 13px/18px var(--eg-font-family); letter-spacing: 0; color: var(--eg-color-brand-primary); }
.eg-legal__body h3 { font: var(--eg-type-heading-h4); letter-spacing: var(--eg-tracking-h4); margin-top: 24px; scroll-margin-top: calc(var(--eg-header-height) + 24px); }
.eg-legal__body strong { font-weight: 600; color: var(--eg-color-text-primary); }
.eg-legal__body a:not([class]) { color: var(--eg-color-text-link); text-decoration: underline; text-underline-offset: 3px; }
.eg-legal__body ul:not([class]), .eg-legal__body ul.wp-block-list { list-style: none; padding: 0 0 0 4px; }
.eg-legal__body ul:not([class]) > li, .eg-legal__body ul.wp-block-list > li { position: relative; padding-left: 18px; }
.eg-legal__body ul:not([class]) > li::before, .eg-legal__body ul.wp-block-list > li::before { content: ""; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--eg-color-brand-primary); }
.eg-legal__body ol { padding-left: 1.4em; }
.eg-legal__body li + li { margin-top: 10px; }
.eg-legal__body table { width: 100%; border-collapse: collapse; font: var(--eg-type-body-sm); }
.eg-legal__body th, .eg-legal__body td { border: 1px solid var(--eg-color-border-default); padding: 10px 12px; text-align: left; }
.eg-legal__facts { padding: 6px 18px; border-radius: var(--eg-radius-md); background: var(--eg-color-surface-muted); }
.eg-legal__facts > div { display: flex; gap: 16px; padding: 10px 0; }
.eg-legal__facts > div + div { border-top: 1px solid var(--eg-color-border-default); }
.eg-legal__facts dt { flex: none; width: 140px; font: 700 13px/18px var(--eg-font-family); color: var(--eg-color-text-primary); padding-top: 2px; }
.eg-legal__facts dd { flex: 1; min-width: 0; margin: 0; font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-legal-hero--plain { padding-bottom: 28px; }
.eg-page-plain { padding: 40px 0 0; }
.eg-page-plain .eg-legal__doc { max-width: 900px; margin-inline: auto; }
.eg-legal__body--plain > h2 { display: block; }

/* --- 404 (10:428) --------------------------------------------------------- */
.eg-404-hero { background: linear-gradient(180deg, var(--eg-color-surface-default) 0, var(--eg-color-background-page) 370px); padding-bottom: 56px; }
.eg-404-art { position: relative; height: 370px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.eg-404-art__img { width: 100%; height: 100%; object-fit: cover; }
.eg-404-art__svg { width: min(560px, 90%); height: auto; }
.eg-404-art__s1 { stop-color: var(--eg-color-brand-sky); stop-opacity: 0.45; }
.eg-404-art__s2 { stop-color: var(--eg-color-brand-primary); stop-opacity: 0.75; }
.eg-404-art__shadow { fill: var(--eg-color-border-brand); opacity: 0.35; }
.eg-404-art__num { font-family: var(--eg-font-family); }
.eg-404-art__lens { stroke: var(--eg-color-text-primary); }
.eg-404-art__glass { fill: var(--eg-color-surface-default); }
.eg-404-art__glint { stroke: var(--eg-color-brand-primary); }
.eg-404-hero__text { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-top: 4px; text-align: center; }
.eg-404-hero__title { font: var(--eg-type-display-lg); letter-spacing: var(--eg-tracking-display-lg); }
.eg-404-hero__lead { display: grid; gap: 2px; font: var(--eg-type-body-lg); color: var(--eg-color-text-secondary); }
.eg-404-hero__lead strong { font-weight: 600; }
.eg-404-search { width: min(100%, 856px); margin-top: 38px; text-align: left; }
.eg-404-search .eg-search--large { height: 58px; padding: 0 0 0 24px; border-radius: var(--eg-radius-md); box-shadow: var(--eg-shadow-md); }
.eg-404-search .eg-search__icon svg { width: 22px; height: 22px; }
.eg-404-search .eg-search__submit--text { align-self: stretch; width: 158px; margin: -1px -1px -1px 0; padding: 0; border-radius: var(--eg-radius-md); }
.eg-404-search .eg-search__clear { margin-right: 4px; }

.eg-404-sec { margin-bottom: 44px; }
.eg-404-sec--last { margin-bottom: 0; }
.eg-404-sec__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.eg-404-sec__title { font: 700 20px/26px var(--eg-font-family); letter-spacing: -0.2px; }
.eg-404-sec > .eg-404-sec__title { margin-bottom: 18px; }
.eg-404-more--short { display: none; }
.eg-404-links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.eg-404-link { display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 14px; height: 100%; padding: 20px 16px 18px 20px; 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-xs); color: var(--eg-color-text-primary); transition: border-color var(--eg-motion-fast) var(--eg-ease), box-shadow var(--eg-motion-base) var(--eg-ease); }
.eg-404-link:hover { border-color: var(--eg-color-border-brand); box-shadow: var(--eg-shadow-sm); color: var(--eg-color-text-primary); }
.eg-404-link__ic { color: var(--eg-color-brand-primary); }
.eg-404-link__ic--flame { color: var(--eg-color-status-warning); }
.eg-404-link__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.eg-404-link__text strong { font: 700 15px/22px var(--eg-font-family); }
.eg-404-link__text span { font: var(--eg-type-body-sm); color: var(--eg-color-text-secondary); }
.eg-404-link__arrow { grid-column: 2; margin-top: 12px; color: var(--eg-color-brand-primary); }
.eg-404-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.eg-card--404 .eg-media { aspect-ratio: 233 / 110; }
.eg-404-cats { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 16px; }
.eg-404-cats .eg-cat-tile { height: 100%; }

/* --- Tablet ≤1023 ---------------------------------------------------------- */
@media (max-width: 1023px) {
	.eg-pg-hero__text { max-width: none; padding-bottom: 24px; }
	.eg-pg-hero--editorial .eg-pg-hero__text { max-width: none; }
	.eg-pg-hero__title { font: var(--eg-type-heading-h1); letter-spacing: var(--eg-tracking-h1); }
	.eg-pg-hero__media { aspect-ratio: 2 / 1; }
	.eg-pg-intro.has-media .eg-pg-intro__inner { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.eg-pg-intro__media img { aspect-ratio: 704 / 380; }
	.eg-pg-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eg-pg-cards-sec--editorial .eg-pg-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eg-pg-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.eg-pg-tabs__list { flex-wrap: wrap; }
	.eg-pg-tabs__list > li { flex: 1 1 calc(33.333% - 8px); }

	.eg-cf-hero__inner { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 40px 0 28px; }
	.eg-cf-hero__title { font: var(--eg-type-display-lg); letter-spacing: var(--eg-tracking-display-lg); }
	.eg-cf-grid { grid-template-columns: minmax(0, 1fr); }

	.eg-legal-docs__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eg-legal { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 20px; }
	.eg-legal__aside { display: none; }
	.eg-legal-toc--dropdown { display: block; margin-bottom: 20px; background: var(--eg-color-surface-default); border: 1px solid var(--eg-color-border-default); border-radius: 14px; box-shadow: var(--eg-shadow-xs); }
	.eg-legal-toc__summary { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 12px 18px; list-style: none; cursor: pointer; }
	.eg-legal-toc__summary::-webkit-details-marker { display: none; }
	.eg-legal-toc__stack { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; column-gap: 6px; }
	.eg-legal-toc__label { font: var(--eg-type-label-sm); color: var(--eg-color-text-primary); }
	.eg-legal-toc__label::after { content: " ·"; }
	.eg-legal-toc__current { font: var(--eg-type-label-sm); color: var(--eg-color-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.eg-legal-toc__chev { flex: none; color: var(--eg-color-text-secondary); transition: transform var(--eg-motion-base) var(--eg-ease); }
	.eg-legal-toc--dropdown[open] .eg-legal-toc__chev { transform: rotate(180deg); }
	.eg-legal-toc--dropdown nav { padding: 0 12px 14px; }
	.eg-legal-help--inline { display: flex; margin-top: 20px; }
	.eg-legal-help--inline .eg-legal-help__ic { display: none; }
	.eg-legal__doc { padding: 32px; }

	.eg-404-links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.eg-404-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.eg-404-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.eg-404-art { height: 250px; }
}

/* --- Mobil ≤767 ------------------------------------------------------------ */
@media (max-width: 767px) {
	.eg-pg-hero__text { gap: 12px; padding: 16px 0 20px; }
	.eg-pg-hero__crumb { margin-bottom: 12px; }
	.eg-pg-hero__title { font: var(--eg-type-mobile-h1); letter-spacing: var(--eg-tracking-mobile-h1); }
	.eg-pg-hero__lead { font: var(--eg-type-mobile-body); }
	.eg-pg-hero__media { aspect-ratio: 390 / 300; margin-inline: calc(-1 * var(--eg-gutter)); } /* Figma 10:7591: kenardan kenara */
	.eg-pg-hero--editorial .eg-pg-hero__media { aspect-ratio: 390 / 220; } /* Figma 10:14961 */
	.eg-pg-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; padding-top: 4px; }
	.eg-pg-body { padding-top: 24px; }
	.eg-pg-sec { margin-bottom: 32px; }
	.eg-pg-head { flex-direction: column; align-items: flex-start; gap: 2px; margin-bottom: 16px; }
	.eg-pg-head__title, .eg-pg-intro__title { font: var(--eg-type-mobile-h2); letter-spacing: var(--eg-tracking-mobile-h2); }
	.eg-pg-intro__desc { font: var(--eg-type-mobile-body); }
	.eg-pg-intro__media img { aspect-ratio: 358 / 290; }
	.eg-pg-features { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.eg-pg-feature { flex-direction: row; align-items: center; padding: 14px 16px; }
	.eg-pg-cards, .eg-pg-cards-sec--editorial .eg-pg-cards { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.eg-pg-cards-sec--editorial .eg-pg-card { padding: 22px 20px 24px; }
	.eg-pg-quote, .eg-pg-body--editorial .eg-pg-quote { gap: 14px; padding: 20px; }
	.eg-pg-quote__mark { font-size: 44px; }
	.eg-pg-quote__body { flex-direction: column; align-items: flex-start; }
	.eg-pg-quote__text { font: var(--eg-type-mobile-body); }
	.eg-pg-cta { flex-direction: column; align-items: flex-start; padding: 24px 20px; }
	.eg-pg-cta__title { font-size: 22px; line-height: 28px; }
	.eg-pg-cta__art { display: none; }
	.eg-pg-timeline { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-left: 18px; border-left: 2px solid var(--eg-color-border-brand); margin-left: 5px; }
	.eg-pg-timeline__item { position: relative; gap: 2px; }
	.eg-pg-timeline__rail { position: absolute; left: -25px; top: 6px; height: 12px; width: 12px; }
	.eg-pg-timeline__item:not(:last-child) .eg-pg-timeline__rail::after { display: none; }
	.eg-pg-tabs { margin-bottom: 28px; }
	.eg-pg-tabs__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.eg-pg-tab { min-height: 44px; padding: 10px 12px; }
	.eg-pg-steps { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.eg-pg-step { flex-direction: row; align-items: flex-start; gap: 14px; }
	.eg-pg-step .eg-pg-ic--64 { width: 44px; height: 44px; }
	.eg-pg-step .eg-pg-ic--64 svg { width: 20px; height: 20px; }
	.eg-pg-step__body { padding-top: 0; }
	.eg-pg-callouts { grid-template-columns: minmax(0, 1fr); }
	.eg-pg-callout { padding: 20px; gap: 14px; }

	.eg-cf-hero__inner { padding: 24px 0 20px; gap: 16px; }
	.eg-cf-hero__text { gap: 10px; }
	.eg-cf-hero__title { font: var(--eg-type-mobile-h1); letter-spacing: var(--eg-tracking-mobile-h1); max-width: 290px; } /* Figma 27:11303: "Bizimle İletişime / Geçin" */
	.eg-cf-hero__lead { font: var(--eg-type-mobile-body); }
	.eg-pg-panel { padding: 22px 16px; }
	.eg-cf-channel { flex-wrap: wrap; align-items: flex-start; }
	.eg-cf-channel .eg-pg-ic--52 { width: 44px; height: 44px; }
	.eg-cf-channel__note { width: auto; flex: 1 1 100%; padding-left: 58px; text-align: left; font: var(--eg-type-body-xs); color: var(--eg-color-text-muted); margin-top: -8px; }
	.eg-cf-channel__social { flex: 1 1 100%; padding-left: 50px; }
	.eg-cf-suggest { flex-direction: column; align-items: stretch; padding: 24px 20px; }
	.eg-cf-suggest__br { display: none; }
	.eg-cf-suggest__btn { width: 100%; }

	.eg-legal-hero { padding: 16px 0 24px; }
	.eg-legal-hero > .eg-container { gap: 12px; }
	.eg-legal-hero__title { font: var(--eg-type-mobile-h1); letter-spacing: var(--eg-tracking-mobile-h1); }
	.eg-legal-hero__lead { font: var(--eg-type-mobile-body); }
	.eg-legal-hero__meta { flex-direction: column; }
	.eg-legal-docs__list { gap: 10px; }
	.eg-legal-doc { padding: 10px 12px; font-size: 12px; }
	.eg-legal__doc { padding: 20px 16px; }
	.eg-legal__body { font: var(--eg-type-mobile-body); }
	.eg-legal__body > h2 { margin-top: 28px; }
	.eg-legal__body h2 { font: var(--eg-type-heading-h4); align-items: flex-start; }
	.eg-legal__num { width: 28px; height: 28px; font-size: 12px; }
	.eg-legal__facts { padding: 4px 14px; }
	.eg-legal__facts > div { flex-direction: column; gap: 2px; }
	.eg-legal__warn { margin-bottom: 24px; padding: 14px; }
	.eg-page-plain { padding-top: 20px; }

	.eg-404-hero { padding-bottom: 32px; background: var(--eg-color-background-page); }
	.eg-404-art { height: auto; aspect-ratio: 358 / 181; margin: 0 var(--eg-gutter); }
	.eg-404-hero__text { gap: 10px; padding-top: 0; }
	.eg-404-hero__title { font: var(--eg-type-mobile-h1); letter-spacing: var(--eg-tracking-mobile-h1); }
	.eg-404-hero__lead { gap: 2px; font: var(--eg-type-body-md); }
	.eg-404-search { margin-top: 20px; }
	.eg-404-search .eg-search--large { height: 52px; padding-left: 16px; }
	.eg-404-search .eg-search__submit--text { width: 84px; }
	.eg-404-sec { margin-bottom: 32px; }
	.eg-404-sec__title { font: 700 20px/29px var(--eg-font-family); }
	.eg-404-more--long { display: none; }
	.eg-404-more--short { display: inline; }
	.eg-404-links { grid-template-columns: minmax(0, 1fr); }
	.eg-404-link { grid-template-columns: 26px minmax(0, 1fr) 18px; align-items: center; min-height: 80px; padding: 16px 16px 16px 20px; }
	.eg-404-link__arrow { grid-column: 3; grid-row: 1; margin-top: 0; }
	.eg-404-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.eg-card--404 .eg-media { aspect-ratio: 171 / 96; }
	.eg-card--404 .eg-card__body { padding: 12px; }
	.eg-404-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
:where(.eg-legal-others ul, .eg-legal-toc__list, .eg-pg-features, .eg-pg-cards, .eg-pg-steps, .eg-pg-timeline, .eg-pg-tabs__list, .eg-pg-stats, .eg-404-links, .eg-404-cats, .eg-cf-channels__list, .eg-legal-docs__list, .eg-legal-hero__meta) { list-style: none; margin: 0; padding: 0; }
.eg-cf-hero__title { max-width: 600px; }