/* =========================================================
   TMV Genel Merkez — Tema 1 "Kurumsal"
   Mobile-first; RTL için mantıksal özellikler (inline/block).
   ========================================================= */

/* ---------- 1. Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
body {
  margin: 0;
  font-family: var(--f-body);
  font-size: var(--fs-base);
  line-height: var(--lh-body);
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  transition: background-color var(--t-med), color var(--t-med);
}
body.is-locked { overflow: hidden; }
img, svg, video, picture { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--c-brand-ink); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--c-text); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4, h5 { margin: 0 0 .5em; line-height: var(--lh-tight); font-weight: 700; color: var(--c-text); }
h1, h2, .display { font-family: var(--f-display); letter-spacing: -.01em; }
h3, h4 { line-height: var(--lh-snug); }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; }
:focus-visible { outline: none; box-shadow: var(--ring); border-radius: var(--r-xs); }
::selection { background: var(--c-brand); color: #fff; }
.icon { width: 1.25em; height: 1.25em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.icon--fill { fill: currentColor; stroke: none; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; inset-block-start: 8px; inset-inline-start: 8px; z-index: 1000; padding: .7rem 1.1rem; background: var(--c-navy); color: #fff; border-radius: var(--r-sm); transform: translateY(-150%); transition: transform var(--t-fast); }
.skip-link:focus { transform: none; color: #fff; }
[dir="rtl"] .flip-rtl { transform: scaleX(-1); }

.container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); }
.container--wide { max-width: var(--container-wide); }
.section { padding-block: var(--section-y); position: relative; }
.section--surface { background: var(--c-surface); }
.section--navy { background: var(--c-navy); color: var(--c-on-dark); }
.section--navy h2, .section--navy h3 { color: #fff; }

/* Motif (logo sembolünden türetilmiş geometrik desen) */
.motif { position: relative; isolation: isolate; }
.motif::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: url("../img/motif.svg"); background-size: 96px; opacity: .09;
}
.motif--fade::before { -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 70%); mask-image: linear-gradient(90deg, #000 0%, transparent 70%); }
[dir="rtl"] .motif--fade::before { -webkit-mask-image: linear-gradient(-90deg, #000 0%, transparent 70%); mask-image: linear-gradient(-90deg, #000 0%, transparent 70%); }

/* ---------- 2. Ortak bileşenler ---------- */
.eyebrow { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-gold-ink); margin-block-end: .9rem; }
.section--navy .eyebrow, .on-dark .eyebrow { color: var(--c-gold); }
.section-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; margin-block-end: clamp(1.8rem, 1rem + 2vw, 3rem); }
.section-head h2 { font-size: var(--fs-2xl); margin: 0; }
.section-head p { color: var(--c-muted); max-width: 46ch; margin: .6rem 0 0; }
.section--navy .section-head p { color: var(--c-on-dark-muted); }

.btn {
  --btn-bg: var(--c-navy); --btn-fg: #fff; --btn-bd: var(--btn-bg); --btn-hover: var(--c-navy-2);
  display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
  min-height: 48px; padding: .8rem 1.5rem; border-radius: var(--r-btn); border: 1px solid var(--btn-bd);
  background: var(--btn-bg); color: var(--btn-fg); font-weight: 600; font-size: .875rem; letter-spacing: .02em; line-height: 1.2;
  text-decoration: none; white-space: nowrap;
  transition: background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);
}
.btn:hover { background: var(--btn-hover); border-color: var(--btn-hover); color: var(--btn-fg); }
.btn .icon { width: 1.05em; height: 1.05em; transition: transform var(--t-fast); }
.btn:hover .icon--arrow { transform: translateX(3px); }
[dir="rtl"] .btn .icon--arrow { transform: scaleX(-1); }
[dir="rtl"] .btn:hover .icon--arrow { transform: scaleX(-1) translateX(3px); }
.btn--brand { --btn-bg: var(--c-btn-brand); --btn-fg: var(--c-btn-brand-fg); --btn-hover: var(--c-btn-brand-hover); }
.btn--gold { --btn-bg: var(--c-gold); --btn-fg: var(--c-navy-3); --btn-hover: #b8934c; }
.btn--ghost { --btn-bg: transparent; --btn-fg: var(--c-text); --btn-bd: var(--c-line-strong); --btn-hover: transparent; }
.btn--ghost:hover { border-color: var(--c-text); }
.btn--light { --btn-bg: #fff; --btn-fg: var(--c-navy); --btn-hover: #e9eef4; }
.btn--outline-light { --btn-bg: transparent; --btn-fg: #fff; --btn-bd: rgba(255, 255, 255, .4); --btn-hover: rgba(255, 255, 255, .08); }
.btn--outline-light:hover { border-color: #fff; }
.btn--sm { min-height: 42px; padding: .55rem 1.1rem; font-size: .84rem; }
.btn--icon { width: 48px; padding: 0; }

.link-arrow { display: inline-flex; align-items: center; gap: .45rem; font-weight: 600; font-size: var(--fs-sm); text-decoration: none; color: var(--c-brand-ink); }
.link-arrow .icon { transition: transform var(--t-fast); width: 1.05em; height: 1.05em; }
.link-arrow:hover .icon { transform: translateX(4px); }
[dir="rtl"] .link-arrow .icon { transform: scaleX(-1); }
[dir="rtl"] .link-arrow:hover .icon { transform: scaleX(-1) translateX(4px); }
.section--navy .link-arrow { color: var(--c-brand); }

.chip { display: inline-flex; align-items: center; gap: .35rem; min-height: 40px; padding: .4rem .95rem; border-radius: var(--r-btn); border: 1px solid var(--c-line-strong); background: var(--c-card); color: var(--c-text-soft); font-size: var(--fs-sm); font-weight: 500; transition: all var(--t-fast); }
.chip:hover { border-color: var(--c-brand-ink); color: var(--c-brand-ink); }
.chip[aria-pressed="true"], .chip.is-active { background: var(--c-navy); border-color: var(--c-navy); color: #fff; }
.section--navy .chip { background: transparent; color: var(--c-on-dark-muted); border-color: rgba(255, 255, 255, .2); }
.section--navy .chip[aria-pressed="true"] { background: var(--c-brand); border-color: var(--c-brand); color: var(--c-navy-3); }
.chips { display: flex; flex-wrap: wrap; gap: .5rem; }

.badge { display: inline-flex; align-items: center; gap: .3rem; padding: .22rem .5rem; text-transform: uppercase; letter-spacing: .08em; font-size: .66rem !important; border-radius: var(--r-btn); font-size: var(--fs-xs); font-weight: 600; background: var(--c-brand-soft); color: var(--c-brand-ink); }
.badge--gold { background: var(--c-gold-soft); color: var(--c-gold-ink); }
.badge--navy { background: var(--c-navy); color: #fff; }

.date-badge { display: grid; place-items: center; flex: none; width: 64px; height: 68px; border-radius: var(--r-md); background: var(--c-navy); color: #fff; line-height: 1; text-align: center; }
.date-badge b { font-family: var(--f-display); font-size: 1.6rem; }
.date-badge span { font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--c-gold); margin-block-start: .25rem; }

.breadcrumb ol { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; font-size: var(--fs-sm); color: var(--c-on-dark-muted); }
.breadcrumb li + li::before { content: "/"; margin-inline-end: .4rem; opacity: .5; }
.breadcrumb a { color: #fff; text-decoration: none; }
.breadcrumb a:hover { color: var(--c-brand); }

/* ---------- 3. Üst şerit ---------- */
.topbar { background: var(--c-navy-3); color: var(--c-on-dark-muted); font-size: var(--fs-xs); position: relative; z-index: 60; }
.topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 44px; }
.topbar__partners { display: none; align-items: center; gap: 0; list-style: none; }
.topbar__partners li + li { border-inline-start: 1px solid rgba(255, 255, 255, .18); }
.topbar__partners a { color: #e4eaf2; text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding-inline: 1rem; font-size: .8rem; font-weight: 500; letter-spacing: .01em; }
.topbar__partners li:first-child a { padding-inline-start: 0; }
.topbar__partners a .icon { width: 12px; height: 12px; color: var(--c-gold); opacity: .9; }
.topbar__partners a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.topbar .social a, .topbar .tool-btn { color: #d3dce8; }
.topbar__tools { display: flex; align-items: center; gap: .25rem; margin-inline-start: auto; }
.social { display: flex; gap: .15rem; list-style: none; }
.social a { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--r-btn); color: inherit; transition: background-color var(--t-fast), color var(--t-fast); }
.social a:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.social .icon { width: 16px; height: 16px; }
.tool-btn { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; min-width: 44px; justify-content: center; padding: 0 .6rem; background: none; border: 0; color: inherit; border-radius: var(--r-sm); font-size: var(--fs-xs); font-weight: 600; letter-spacing: .05em; }
.tool-btn:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.tool-btn .icon { width: 17px; height: 17px; }
.theme-toggle .icon-moon { display: none; }
:root[data-theme="dark"] .theme-toggle .icon-sun { display: none; }
:root[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .theme-toggle .icon-sun { display: none; }
  :root:not([data-theme="light"]) .theme-toggle .icon-moon { display: block; }
}
.lang { position: relative; }
.lang__menu { position: absolute; inset-block-start: calc(100% + 6px); inset-inline-end: 0; min-width: 190px; padding: .4rem; list-style: none; background: var(--c-card); color: var(--c-text); border: 1px solid var(--c-line); border-radius: var(--r-md); box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: all var(--t-fast) var(--ease-out); z-index: 90; }
.lang.is-open .lang__menu { opacity: 1; visibility: visible; transform: none; }
.lang__menu a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 44px; padding: .4rem .75rem; border-radius: var(--r-sm); color: inherit; text-decoration: none; font-size: var(--fs-sm); }
.lang__menu a:hover, .lang__menu a[aria-current="true"] { background: var(--c-surface-2); }
.lang__menu small { color: var(--c-muted); font-weight: 600; }

/* ---------- 4. Header & mega menü ---------- */
.site-header { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--c-bg) 92%, transparent); -webkit-backdrop-filter: saturate(1.6) blur(14px); backdrop-filter: saturate(1.6) blur(14px); border-block-end: 1px solid transparent; transition: border-color var(--t-med), box-shadow var(--t-med), background-color var(--t-med); }
.site-header.is-scrolled { border-color: var(--c-line); box-shadow: var(--shadow-sm); }
.site-header__inner { display: flex; align-items: center; gap: 1rem; height: var(--header-h); transition: height var(--t-med) var(--ease-out); }
.brand { display: flex; align-items: center; flex: none; }
.brand img { height: 46px; width: auto; transition: height var(--t-med) var(--ease-out); }
.brand .logo-dark { display: none; }
:root[data-theme="dark"] .brand .logo-light { display: none; }
:root[data-theme="dark"] .brand .logo-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .brand .logo-light { display: none; }
  :root:not([data-theme="light"]) .brand .logo-dark { display: block; }
}
.brand__ten { display: none; margin-inline-start: .9rem; padding-inline-start: .9rem; border-inline-start: 1px solid var(--c-line-strong); font-family: var(--f-display); line-height: 1; color: var(--c-gold-ink); }
.brand__ten b { display: block; font-size: 1.55rem; }
.brand__ten span { font-family: var(--f-body); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted); }

.nav { display: none; }
.nav__list { display: flex; list-style: none; gap: .1rem; }
.nav__item { position: static; }
.nav__link { position: relative; display: inline-flex; align-items: center; gap: .3rem; min-height: 44px; padding: .5rem .8rem; border: 0; background: none; color: var(--c-text); font-size: .93rem; font-weight: 600; text-decoration: none; border-radius: var(--r-sm); }
.nav__link .icon { width: 14px; height: 14px; transition: transform var(--t-fast); opacity: .6; }
.nav__link::after { content: ""; position: absolute; inset-inline: .8rem; inset-block-end: 4px; height: 2px; background: var(--c-brand); transform: scaleX(0); transform-origin: left; transition: transform var(--t-med) var(--ease-out); }
[dir="rtl"] .nav__link::after { transform-origin: right; }
.nav__link:hover, .nav__item.is-open > .nav__link, .nav__link[aria-current="page"] { color: var(--c-brand-ink); }
.nav__link:hover::after, .nav__item.is-open > .nav__link::after, .nav__link[aria-current="page"]::after { transform: scaleX(1); }
.nav__item.is-open > .nav__link .icon { transform: rotate(180deg); }

.mega { position: absolute; inset-inline: 0; inset-block-start: 100%; background: var(--c-card); border-block: 1px solid var(--c-line); box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity var(--t-med) var(--ease-out), transform var(--t-med) var(--ease-out), visibility var(--t-med); }
.nav__item.is-open > .mega { opacity: 1; visibility: visible; transform: none; }
.mega__inner { display: grid; grid-template-columns: 1.1fr 2fr 1.3fr; gap: 2.5rem; padding-block: 2.4rem; }
.mega__intro h3 { font-family: var(--f-display); font-size: 1.7rem; margin-block-end: .6rem; }
.mega__intro p { color: var(--c-muted); font-size: var(--fs-sm); }
.mega__cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: .3rem 2rem; list-style: none; align-content: start; }
.mega__cols--3 { grid-template-columns: repeat(3, 1fr); }
.mega__cols a { display: flex; align-items: center; gap: .7rem; min-height: 44px; padding: .55rem .7rem; border-radius: var(--r-sm); color: var(--c-text); text-decoration: none; font-weight: 500; font-size: var(--fs-sm); transition: background-color var(--t-fast), transform var(--t-fast); }
.mega__cols a:hover { background: var(--c-surface); color: var(--c-brand-ink); transform: translateX(4px); }
[dir="rtl"] .mega__cols a:hover { transform: translateX(-4px); }
.mega__cols a .icon { color: var(--c-brand-ink); }
.mega__cols a .ext { width: 13px; height: 13px; opacity: .55; margin-inline-start: auto; }
.mega__group { grid-column: 1 / -1; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted); padding: .8rem .7rem .2rem; }
.mega__feature { position: relative; display: block; border-radius: var(--r-lg); overflow: hidden; min-height: 220px; color: #fff; text-decoration: none; background: var(--c-navy); }
.mega__feature img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; transition: transform 1.2s var(--ease-out), opacity var(--t-med); }
.mega__feature:hover img { transform: scale(1.06); opacity: .45; }
.mega__feature span { position: absolute; inset: auto 0 0; padding: 1.3rem; background: linear-gradient(transparent, rgba(7, 21, 41, .92)); }
.mega__feature small { display: block; color: var(--c-gold); font-size: var(--fs-xs); letter-spacing: .12em; text-transform: uppercase; font-weight: 600; margin-block-end: .3rem; }
.mega__feature strong { font-family: var(--f-display); font-size: 1.15rem; line-height: 1.3; }
.mega__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; }
.mega__stats div { padding: 1rem; border-radius: var(--r-md); background: var(--c-surface); }
.mega__stats b { display: block; font-family: var(--f-display); font-size: 1.8rem; color: var(--c-gold-ink); line-height: 1.1; }
.mega__stats span { font-size: var(--fs-xs); color: var(--c-muted); font-weight: 600; }

.header-actions { display: flex; align-items: center; gap: .4rem; margin-inline-start: auto; }
.icon-btn { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r-btn); border: 1px solid transparent; background: transparent; color: var(--c-text); transition: background-color var(--t-fast), color var(--t-fast); }
.icon-btn:hover { background: var(--c-surface-2); color: var(--c-text); }
.icon-btn .icon { width: 19px; height: 19px; }
.header-actions .btn-contact, .header-actions .btn-donate { display: none; }
.header-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0 .9rem; color: var(--c-text); font-weight: 600; font-size: .9rem; text-decoration: none; border-inline-start: 1px solid var(--c-line); margin-inline-start: .3rem; }
.header-link:hover { color: var(--c-brand-ink); text-decoration: underline; text-underline-offset: 6px; }
.kbd { display: none; font-size: .68rem; padding: .1rem .35rem; border: 1px solid var(--c-line-strong); border-radius: 4px; color: var(--c-muted); }

/* Mobil menü */
.burger { display: grid; }
.drawer { position: fixed; inset: 0; z-index: 200; visibility: hidden; }
.drawer.is-open { visibility: visible; }
.drawer__backdrop { position: absolute; inset: 0; background: rgba(7, 21, 41, .55); opacity: 0; transition: opacity var(--t-med); }
.drawer.is-open .drawer__backdrop { opacity: 1; }
.drawer__panel { position: absolute; inset-block: 0; inset-inline-end: 0; width: min(420px, 100%); display: flex; flex-direction: column; background: var(--c-navy); color: var(--c-on-dark); transform: translateX(100%); transition: transform var(--t-med) var(--ease-out); overflow-y: auto; }
[dir="rtl"] .drawer__panel { transform: translateX(-100%); }
.drawer.is-open .drawer__panel { transform: none; }
.drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 1rem var(--gutter); border-block-end: 1px solid rgba(255, 255, 255, .1); }
.drawer__head img { height: 40px; width: auto; }
.drawer__close { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .2); }
.drawer nav { padding: .5rem var(--gutter) 1.5rem; flex: 1; }
.acc__item { border-block-end: 1px solid rgba(255, 255, 255, .08); }
.acc__btn, .acc__link { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 56px; padding: .6rem 0; background: none; border: 0; color: #fff; font-family: var(--f-display); font-size: 1.25rem; text-align: start; text-decoration: none; }
.acc__btn .icon { transition: transform var(--t-med); color: var(--c-brand); }
.acc__btn[aria-expanded="true"] .icon { transform: rotate(45deg); }
.acc__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--t-med) var(--ease-out); }
.acc__panel > ul { overflow: hidden; list-style: none; }
.acc__btn[aria-expanded="true"] + .acc__panel { grid-template-rows: 1fr; }
.acc__panel a { display: flex; align-items: center; min-height: 44px; padding: .3rem 0 .3rem 1rem; color: var(--c-on-dark-muted); text-decoration: none; font-size: var(--fs-sm); border-inline-start: 1px solid rgba(255, 255, 255, .12); }
.acc__panel li:last-child a { margin-block-end: 1rem; }
.acc__panel a:hover { color: #fff; border-color: var(--c-brand); }
.drawer__foot { display: grid; gap: .6rem; padding: 1.2rem var(--gutter) 2rem; border-block-start: 1px solid rgba(255, 255, 255, .1); }

/* ---------- 5. Hero slider ---------- */
.hero { position: relative; background: var(--c-navy-3); color: #fff; overflow: hidden; isolation: isolate; }
.hero__stage { position: relative; aspect-ratio: 2560 / 1200; max-height: calc(100svh - var(--header-h) - 44px); min-height: 220px; margin-inline: auto; width: 100%; }
.hero__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1.1s var(--ease-in-out), visibility 1.1s; }
.hero__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.hero__slide > a { display: block; height: 100%; }
.hero__media { position: absolute; inset: -6% 0; will-change: transform; }
.hero__media img, .hero__media video { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 8s linear; }
.hero__slide.is-active .hero__media img, .hero__slide.is-active .hero__media video { transform: scale(1); }
.hero__veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 21, 41, 0) 55%, rgba(7, 21, 41, .55) 100%); pointer-events: none; }
.hero__slide--intro .hero__veil { background: linear-gradient(90deg, rgba(7, 21, 41, .88) 0%, rgba(7, 21, 41, .4) 60%, rgba(7, 21, 41, .2)); }
[dir="rtl"] .hero__slide--intro .hero__veil { background: linear-gradient(-90deg, rgba(7, 21, 41, .88) 0%, rgba(7, 21, 41, .4) 60%, rgba(7, 21, 41, .2)); }
.hero__copy { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline: var(--gutter); max-width: var(--container); margin-inline: auto; pointer-events: none; }
.hero__copy > * { pointer-events: auto; }
.hero__copy h2 { color: #fff; font-size: var(--fs-3xl); max-width: 16ch; margin-block-end: 1rem; }
.hero__copy h2 em { font-style: italic; color: var(--c-gold); font-weight: 600; }
.hero__copy p { max-width: 46ch; color: var(--c-on-dark-muted); display: none; }
.hero__copy .eyebrow { color: var(--c-gold); }
.hero__line { overflow: hidden; display: block; }
.hero__line > span { display: inline-block; transform: translateY(105%); transition: transform 1s var(--ease-out); }
.hero__slide.is-active .hero__line > span { transform: none; transition-delay: .35s; }
.hero__slide.is-active .hero__line + .hero__line > span { transition-delay: .5s; }

.hero__bar { position: relative; z-index: 3; background: var(--c-navy); border-block-start: 1px solid rgba(255, 255, 255, .08); }
.hero__bar-inner { display: flex; align-items: center; gap: 1rem; min-height: 72px; }
.hero__caption { flex: 1; min-width: 0; display: flex; align-items: center; gap: .9rem; }
.hero__count { font-family: var(--f-display); font-size: 1.5rem; color: var(--c-gold); line-height: 1; flex: none; }
.hero__count small { font-family: var(--f-body); font-size: .8rem; color: var(--c-on-dark-muted); }
.hero__title { margin: 0; font-size: var(--fs-sm); font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hero__title a { color: inherit; text-decoration: none; }
.hero__title a:hover { color: var(--c-brand); }
.hero__progress { display: none; gap: .4rem; flex: 0 1 280px; }
.hero__dot { flex: 1; height: 28px; position: relative; padding: 0; border: 0; background: none; }
.hero__dot::before, .hero__dot i { content: ""; position: absolute; inset-inline: 0; top: 50%; height: 3px; margin-top: -1.5px; border-radius: 3px; background: rgba(255, 255, 255, .2); }
.hero__dot i { background: var(--c-brand); transform: scaleX(0); transform-origin: left; }
[dir="rtl"] .hero__dot i { transform-origin: right; }
.hero__dot.is-done i { transform: scaleX(1); }
.hero__dot.is-active i { animation: heroProgress var(--hero-dur, 7s) linear forwards; }
.hero.is-paused .hero__dot.is-active i { animation-play-state: paused; }
@keyframes heroProgress { to { transform: scaleX(1); } }
.hero__ctrls { display: flex; gap: .35rem; }
.hero__ctrls button { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r-btn); border: 1px solid rgba(255, 255, 255, .22); background: transparent; color: #fff; transition: all var(--t-fast); }
.hero__ctrls button:hover { background: var(--c-brand); border-color: var(--c-brand); color: var(--c-navy-3); }
.hero__ctrls .icon { width: 18px; height: 18px; }
.hero .icon-play { display: none; }
.hero.is-paused .icon-play { display: block; }
.hero.is-paused .icon-pause { display: none; }
.hero__scroll { display: none; }

/* ---------- 6. Rakamlarla Maarif ---------- */
.stats { position: relative; z-index: 4; padding-block-start: clamp(1.5rem, 1rem + 2vw, 3rem); }
.stats__card { position: relative; background: var(--c-card); border-radius: var(--r-xl); box-shadow: var(--shadow-lg); padding: clamp(1.6rem, 1rem + 2vw, 3rem); overflow: hidden; }
.stats__card::after { content: ""; position: absolute; inset-inline-end: -40px; inset-block-start: -40px; width: 260px; height: 260px; background: url("../img/motif.svg") center / 96px; opacity: .12; border-radius: 50%; -webkit-mask-image: radial-gradient(circle, #000 30%, transparent 70%); mask-image: radial-gradient(circle, #000 30%, transparent 70%); pointer-events: none; }
.stats__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-block-end: 1.8rem; }
.stats__head h2 { font-size: var(--fs-xl); margin: 0; }
.stats__head p { margin: 0; color: var(--c-muted); font-size: var(--fs-sm); max-width: 42ch; }
.stats__main { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.4rem 1rem; padding-block-end: 1.6rem; border-block-end: 1px solid var(--c-line); }
.stat b { display: block; font-family: var(--f-display); font-size: clamp(2.3rem, 1.6rem + 3vw, 4.2rem); font-weight: 700; line-height: 1; color: var(--c-navy); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
:root[data-theme="dark"] .stat b { color: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .stat b { color: #fff; } }
.stat b sup { font-size: .45em; color: var(--c-gold-ink); margin-inline-start: .1em; top: -1em; }
.stat__label { display: block; margin-block-start: .5rem; font-size: var(--fs-sm); font-weight: 600; color: var(--c-muted); }
.stat::before { content: ""; display: block; width: 32px; height: 2px; background: var(--c-gold); margin-block-end: .9rem; }
.stats__sub { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7rem; padding-block-start: 1.6rem; list-style: none; }
.stats__sub li { display: flex; align-items: center; gap: .8rem; padding: .8rem; border-radius: var(--r-md); background: var(--c-surface); }
.stats__sub .ic { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--c-card); color: var(--c-brand-ink); box-shadow: var(--shadow-sm); flex: none; }
.stats__sub b { display: block; font-size: 1.25rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
.stats__sub small { color: var(--c-muted); font-size: var(--fs-xs); font-weight: 600; }

/* ---------- 7. Kartlar / haberler ---------- */
.news-layout { display: grid; gap: 1.5rem; }
.card { position: relative; display: flex; flex-direction: column; background: var(--c-card); border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--c-line); transition: transform var(--t-med) var(--ease-out), box-shadow var(--t-med), border-color var(--t-med); }
.card:hover { border-color: var(--c-line-strong); }
.card__media { position: relative; aspect-ratio: 890 / 425; overflow: hidden; background: var(--c-surface-2); }
.card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out); }
.card:hover .card__media img { transform: scale(1.04); }
.card__media .badge { position: absolute; inset-block-start: .9rem; inset-inline-start: .9rem; background: rgba(255, 255, 255, .94); color: var(--c-navy); backdrop-filter: blur(4px); }
.card__body { display: flex; flex-direction: column; gap: .55rem; padding: 1.25rem 1.3rem 1.4rem; flex: 1; }
.card__meta { display: flex; align-items: center; gap: .45rem; font-size: var(--fs-xs); font-weight: 600; color: var(--c-muted); letter-spacing: .02em; }
.card__meta .icon { width: 14px; height: 14px; }
.card__title { font-size: 1.06rem; line-height: 1.4; margin: 0; }
.card__title a { color: var(--c-text); text-decoration: none; background-image: linear-gradient(var(--c-brand), var(--c-brand)); background-size: 0 2px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size var(--t-med) var(--ease-out); }
[dir="rtl"] .card__title a { background-position: 100% 100%; }
.card__title a::after { content: ""; position: absolute; inset: 0; }
.card:hover .card__title a { background-size: 100% 2px; }
.card__excerpt { color: var(--c-muted); font-size: var(--fs-sm); margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.card--lead { border: 0; color: #fff; min-height: 420px; background: var(--c-navy); }
.card--lead .card__media { position: absolute; inset: 0; aspect-ratio: auto; }
.card--lead .card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 21, 41, .1) 20%, rgba(7, 21, 41, .94) 100%); }
.card--lead .card__body { position: relative; justify-content: flex-end; padding: clamp(1.4rem, 1rem + 2vw, 2.4rem); }
.card--lead .card__title { font-family: var(--f-display); font-size: var(--fs-xl); line-height: 1.2; }
.card--lead .card__title a { color: #fff; }
.card--lead .card__excerpt { color: var(--c-on-dark-muted); -webkit-line-clamp: 2; max-width: 60ch; }
.card--lead .card__meta { color: var(--c-gold); }

.notice-panel { position: relative; border-radius: var(--r-lg); background: var(--c-navy); color: var(--c-on-dark); padding: 1.6rem; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; }
.notice-panel h3 { color: #fff; font-family: var(--f-display); font-size: 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.notice-list { list-style: none; flex: 1; }
.notice-list li + li { border-block-start: 1px solid rgba(255, 255, 255, .1); }
.notice-list a { display: flex; gap: 1rem; align-items: flex-start; padding-block: 1rem; color: #fff; text-decoration: none; }
.notice-list a:hover strong { color: var(--c-brand); }
.notice-list .date-badge { width: 54px; height: 58px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12); }
.notice-list .date-badge b { font-size: 1.3rem; }
.notice-list strong { display: block; font-size: var(--fs-sm); line-height: 1.45; transition: color var(--t-fast); }
.notice-list small { color: var(--c-on-dark-muted); font-size: var(--fs-xs); }
.news-grid { display: grid; gap: 1.5rem; grid-template-columns: 1fr; }

/* ---------- 8. Dünyada Maarif haritası ---------- */
.world { overflow: hidden; }
.world__layout { display: grid; gap: 2rem; }
.world__map { position: relative; border-radius: var(--r-xl); background: radial-gradient(ellipse at 55% 40%, rgba(0, 173, 186, .14), transparent 65%), var(--c-navy-3); border: 1px solid rgba(255, 255, 255, .06); padding: clamp(.5rem, 2vw, 1.5rem); }
.world__map { overflow: hidden; touch-action: pan-y; }
.world__map svg { width: 100%; height: auto; overflow: hidden; border-radius: var(--r-md); user-select: none; -webkit-user-select: none; }
.world__map.is-zoomed svg { cursor: grab; }
.world__map.is-dragging svg { cursor: grabbing; }
.world__map .graticule { fill: none; stroke: rgba(255, 255, 255, .06); stroke-width: .6; vector-effect: non-scaling-stroke; }
.world__map .land { fill: #19335a; stroke: var(--c-navy-3); stroke-width: .5; vector-effect: non-scaling-stroke; transition: fill .25s, opacity .3s; }
.world__map .land.is-maarif { fill: #1b6680; cursor: pointer; }
.world__map .land.is-maarif:hover, .world__map .land.is-maarif:focus-visible { fill: var(--c-brand); outline: none; }
.world__map .land.is-selected, .world__map .land.is-selected:hover { fill: var(--c-gold); }
.world__map .land.is-dim { fill: #15304f; }
.world__map .land.is-maarif.is-dim { fill: #1a3d5c; }
.world__map .land.is-home { fill: #b8934c; }
.world__map .arc { fill: none; stroke: var(--c-brand); stroke-width: 1; vector-effect: non-scaling-stroke; opacity: .4; stroke-dasharray: var(--len); stroke-dashoffset: var(--len); transition: opacity .35s, stroke .35s, stroke-width .35s; }
.world__map.is-drawn .arc { animation: drawArc 2.2s var(--ease-out) forwards; animation-delay: var(--d, 0s); }
.world__map .arc.is-dim { opacity: .08; }
.world__map .arc.is-active { opacity: 1; stroke: url(#tmv-arc); stroke-width: 2; }
@keyframes drawArc { to { stroke-dashoffset: 0; } }
.world__map .pin { fill: var(--c-brand); }
.world__map .pin-pulse { fill: var(--c-brand); opacity: .5; transform-box: fill-box; transform-origin: center; animation: pulse 2.6s ease-out infinite; animation-delay: var(--d, 0s); }
.world__map .home-pin { fill: var(--c-gold); stroke: #fff; stroke-width: .8; vector-effect: non-scaling-stroke; }
.world__map .home-pulse { fill: none; stroke: var(--c-gold); stroke-width: 1; vector-effect: non-scaling-stroke; transform-box: fill-box; transform-origin: center; animation: pulse 2.2s ease-out infinite; }
.world__map .spark { fill: #fff; filter: drop-shadow(0 0 3px #00adba); pointer-events: none; }
.world__map .spark--focus { fill: #fff3d6; filter: drop-shadow(0 0 4px #c9a45c); }
@keyframes pulse { 0% { transform: scale(.6); opacity: .8; } 100% { transform: scale(3.2); opacity: 0; } }
.world__tip { position: absolute; z-index: 3; pointer-events: none; display: grid; gap: .1rem; padding: .55rem .8rem; border-radius: var(--r-sm); background: #fff; color: var(--c-navy); font-size: var(--fs-xs); box-shadow: var(--shadow-md); transform: translate(-50%, calc(-100% - 14px)); opacity: 0; transition: opacity var(--t-fast); white-space: nowrap; border-block-start: 2px solid var(--c-gold); }
.world__tip.is-visible { opacity: 1; }
.world__tip strong { font-size: .85rem; }
.world__tip span { color: #5a677d; font-weight: 600; }
.world__ctrls { position: absolute; z-index: 2; inset-block-start: 1rem; inset-inline-end: 1rem; display: grid; border-radius: var(--r-sm); overflow: hidden; border: 1px solid rgba(255, 255, 255, .14); background: rgba(7, 21, 41, .75); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.world__ctrls button { display: grid; place-items: center; width: 40px; height: 40px; border: 0; background: transparent; color: #fff; }
.world__ctrls button + button { border-block-start: 1px solid rgba(255, 255, 255, .12); }
.world__ctrls button:hover { background: rgba(255, 255, 255, .1); }
.world__ctrls .icon { width: 17px; height: 17px; }
.world__tour { position: absolute; z-index: 2; inset-block-start: 1rem; inset-inline-start: 1rem; display: inline-flex; align-items: center; gap: .5rem; min-height: 40px; padding: 0 .95rem; border-radius: var(--r-sm); border: 1px solid rgba(255, 255, 255, .14); background: rgba(7, 21, 41, .75); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; font-size: var(--fs-xs); font-weight: 600; letter-spacing: .02em; }
.world__tour:hover { border-color: rgba(255, 255, 255, .4); }
.world__tour[aria-pressed="true"] { background: var(--c-gold); border-color: var(--c-gold); color: var(--c-navy-3); }
.world__tour .icon { width: 14px; height: 14px; }
.world__hint { position: absolute; inset-block-end: .8rem; inset-inline-start: 1rem; margin: 0; font-size: .7rem; color: var(--c-on-dark-muted); pointer-events: none; display: none; }
@media (min-width: 900px) { .world__hint { display: block; } }
.world__map .land.is-maarif.is-future { fill: #1a3a59; }
.world__map .arc.is-future { opacity: 0; }
.world__map.is-touring .world__hint { display: none; }
.world__stamp { position: absolute; z-index: 2; inset-block-end: 1rem; inset-inline-start: 1rem; display: grid; gap: .15rem; min-width: 13rem; max-width: calc(100% - 2rem); padding: .75rem 1rem .7rem; border-radius: var(--r-sm); border: 1px solid rgba(255, 255, 255, .14); border-inline-start: 3px solid var(--c-gold); background: rgba(7, 21, 41, .82); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; pointer-events: none; opacity: 0; transform: translateY(8px); transition: opacity var(--t-fast), transform var(--t-fast); }
.world__stamp.is-visible { opacity: 1; transform: none; }
.world__stamp.is-swapping .world__stamp-name, .world__stamp.is-swapping .world__stamp-date { animation: cardIn .5s var(--ease-out); }
.world__stamp-step { font-size: .7rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--c-on-dark-muted); }
.world__stamp-name { font-family: var(--f-display); font-size: clamp(1.15rem, 2.4vw, 1.6rem); line-height: 1.15; }
.world__stamp-date { font-size: var(--fs-sm, .95rem); font-weight: 600; color: var(--c-gold); font-variant-numeric: tabular-nums; }
.world__stamp-bar { display: block; height: 3px; margin-block-start: .45rem; border-radius: 3px; background: rgba(255, 255, 255, .14); overflow: hidden; }
.world__stamp-bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--c-gold), var(--c-brand)); transition: width .8s var(--ease-out); }
.world__stamp small { margin-block-start: .3rem; font-size: .65rem; color: var(--c-on-dark-muted); }
.world__sum { margin: 1rem 0 0; font-size: var(--fs-sm); color: var(--c-on-dark-muted); }
.world__sum b { color: #fff; }
.country-card .cc__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.cc__nav { display: flex; gap: .25rem; }
.cc__nav button { display: grid; place-items: center; width: 34px; height: 34px; border-radius: var(--r-sm); border: 1px solid rgba(255, 255, 255, .15); background: transparent; color: #fff; }
.cc__nav button:hover { background: rgba(255, 255, 255, .1); }
.cc__nav .icon { width: 15px; height: 15px; }
.cc__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin: 1rem 0 .3rem; }
.cc__stats div { padding: .65rem .7rem; border-radius: var(--r-sm); background: rgba(255, 255, 255, .05); border-inline-start: 2px solid var(--c-gold); }
.cc__stats dt { font-size: .68rem; color: var(--c-on-dark-muted); font-weight: 600; letter-spacing: .04em; }
.cc__stats dd { margin: 0; font-family: var(--f-display); font-size: 1.6rem; line-height: 1.1; color: #fff; font-variant-numeric: tabular-nums; }
.country-card li.more { color: var(--c-gold); font-weight: 600; }
.country-card li.more::before { display: none; }
.world__legend { display: flex; flex-wrap: wrap; gap: 1rem 1.6rem; margin-block-start: 1rem; font-size: var(--fs-xs); color: var(--c-on-dark-muted); list-style: none; }
.world__legend li { display: inline-flex; align-items: center; gap: .45rem; }
.world__legend i { width: 12px; height: 12px; border-radius: 3px; background: #1d6f86; }
.world__legend i.g { background: var(--c-gold); border-radius: 50%; }
.world__legend i.b { background: var(--c-brand); border-radius: 50%; }
.world__side { display: flex; flex-direction: column; gap: 1rem; }
.world__search { position: relative; }
.world__search input { width: 100%; min-height: 52px; padding: .8rem 1rem .8rem 2.9rem; border-radius: var(--r-btn); border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .05); color: #fff; }
[dir="rtl"] .world__search input { padding: .8rem 2.9rem .8rem 1rem; }
.world__search input::placeholder { color: var(--c-on-dark-muted); }
.world__search input:focus { outline: none; border-color: var(--c-brand); box-shadow: var(--ring); }
.world__search .icon { position: absolute; inset-inline-start: 1.1rem; top: 50%; transform: translateY(-50%); color: var(--c-on-dark-muted); }
.country-card { border-radius: var(--r-lg); background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .09); padding: 1.4rem; min-height: 220px; }
.country-card h3 { font-family: var(--f-display); font-size: 1.6rem; margin-block-end: .2rem; }
.country-card .meta { color: var(--c-gold); font-size: var(--fs-xs); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.country-card ul { list-style: none; margin-block: 1rem; display: grid; gap: .5rem; }
.country-card li { font-size: var(--fs-sm); color: var(--c-on-dark-muted); padding-inline-start: 1rem; position: relative; }
.country-card li::before { content: ""; position: absolute; inset-inline-start: 0; top: .6em; width: 5px; height: 5px; border-radius: 50%; background: var(--c-brand); }
.country-card .empty { color: var(--c-on-dark-muted); font-size: var(--fs-sm); }
.country-card.is-swapping { animation: cardIn .5s var(--ease-out); }
@keyframes cardIn { from { opacity: 0; transform: translateY(10px); } }
.country-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: .35rem; list-style: none; max-height: 260px; overflow-y: auto; padding-inline-end: .3rem; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .2) transparent; }
.country-list button { width: 100%; min-height: 40px; display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .4rem .7rem; border-radius: var(--r-sm); border: 0; background: transparent; color: var(--c-on-dark-muted); font-size: var(--fs-sm); text-align: start; }
.country-list button:hover, .country-list button[aria-pressed="true"] { background: rgba(255, 255, 255, .08); color: #fff; }
.country-list button span { font-size: var(--fs-xs); color: var(--c-gold); font-weight: 700; }

/* ---------- 9. Yayınlar ---------- */
.pubs { overflow: hidden; }
.pub-track { display: flex; gap: clamp(1rem, 2vw, 1.8rem); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); padding-block: 1rem 2.4rem; padding-inline: var(--gutter); margin-inline: calc(var(--gutter) * -1); scrollbar-width: none; cursor: grab; perspective: 1200px; }
.pub-track::-webkit-scrollbar { display: none; }
.pub-track.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.pub { flex: 0 0 clamp(220px, 60vw, 280px); scroll-snap-align: start; text-decoration: none; color: var(--c-text); }
.pub__cover { position: relative; aspect-ratio: 1; border-radius: var(--r-md); overflow: hidden; box-shadow: var(--shadow-md); transform-style: preserve-3d; transition: transform .5s var(--ease-out), box-shadow .5s; background: var(--c-surface-2); }
.pub__cover img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.pub__cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, rgba(255, 255, 255, .35) 0%, transparent 35%, transparent 70%, rgba(0, 0, 0, .15)); mix-blend-mode: soft-light; pointer-events: none; }
.pub:hover .pub__cover { box-shadow: var(--shadow-lg); }
.pub__body { padding-block-start: 1rem; padding-inline: .25rem; }
.pub__body small { color: var(--c-gold-ink); font-weight: 700; font-size: var(--fs-xs); letter-spacing: .1em; text-transform: uppercase; }
.pub__body h3 { font-size: 1rem; margin: .3rem 0 0; line-height: 1.4; }
.pub-nav { display: flex; gap: .5rem; }

/* ---------- 10. Etkinlikler ---------- */
.events { display: grid; gap: 2rem; }
.event-feature { position: relative; border-radius: var(--r-xl); overflow: hidden; color: #fff; background: var(--c-navy); min-height: 380px; display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(1.4rem, 1rem + 2vw, 2.4rem); isolation: isolate; }
.event-feature img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.event-feature::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(7, 21, 41, .1), rgba(7, 21, 41, .92)); }
.event-feature h3 { color: #fff; font-family: var(--f-display); font-size: var(--fs-xl); }
.event-feature p { color: var(--c-on-dark-muted); }
.countdown { display: flex; gap: .6rem; margin-block: .5rem 1.2rem; }
.countdown div { min-width: 64px; padding: .6rem .5rem; border-radius: var(--r-md); background: rgba(255, 255, 255, .1); backdrop-filter: blur(8px); text-align: center; line-height: 1.1; }
.countdown b { display: block; font-family: var(--f-display); font-size: 1.6rem; font-variant-numeric: tabular-nums; }
.countdown small { font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; color: var(--c-on-dark-muted); }
.event-list { list-style: none; display: grid; gap: .8rem; }
.event-row { display: flex; gap: 1rem; align-items: center; padding: 1rem; border-radius: var(--r-lg); background: var(--c-card); border: 1px solid var(--c-line); transition: transform var(--t-med) var(--ease-out), box-shadow var(--t-med); }
.event-row:hover { border-color: var(--c-line-strong); }
.event-row__body { flex: 1; min-width: 0; }
.event-row h3 { font-size: 1rem; margin: 0 0 .25rem; }
.event-row p { margin: 0; color: var(--c-muted); font-size: var(--fs-xs); display: flex; flex-wrap: wrap; gap: .3rem .9rem; }
.event-row p span { display: inline-flex; align-items: center; gap: .3rem; }
.event-row p .icon { width: 13px; height: 13px; }
.event-row__cal { display: none; gap: .3rem; }
.cal-btn { display: inline-flex; align-items: center; gap: .3rem; min-height: 36px; padding: .3rem .7rem; border-radius: var(--r-btn); border: 1px solid var(--c-line-strong); background: transparent; color: var(--c-text-soft); font-size: var(--fs-xs); font-weight: 600; text-decoration: none; }
.cal-btn:hover { border-color: var(--c-brand-ink); color: var(--c-brand-ink); }
.cal-btn .icon { width: 14px; height: 14px; }

/* ---------- 11. Medya ---------- */
.media-layout { display: grid; gap: 1.5rem; }
.video-lead { position: relative; display: block; width: 100%; border: 0; padding: 0; border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 16 / 9; background: var(--c-navy); color: #fff; text-align: start; }
.video-lead img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease-out); }
.video-lead:hover img { transform: scale(1.05); }
.video-lead::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(7, 21, 41, .9)); }
.video-lead__txt { position: absolute; inset-inline: 0; inset-block-end: 0; z-index: 2; padding: 1.5rem; }
.video-lead__txt strong { display: block; font-family: var(--f-display); font-size: var(--fs-lg); line-height: 1.3; }
.video-lead__txt small { color: var(--c-gold); font-weight: 600; font-size: var(--fs-xs); letter-spacing: .12em; text-transform: uppercase; }
.play { position: absolute; z-index: 2; inset-block-start: 50%; inset-inline-start: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .95); color: var(--c-navy); box-shadow: 0 0 0 0 rgba(255, 255, 255, .5); animation: playRing 2.4s infinite; transition: transform var(--t-fast); }
[dir="rtl"] .play { margin: -38px -38px 0 0; }
.video-lead:hover .play, .video-item:hover .play { transform: scale(1.08); }
.play .icon { width: 26px; height: 26px; margin-inline-start: 4px; }
@keyframes playRing { 70% { box-shadow: 0 0 0 22px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
.video-list { list-style: none; display: grid; gap: .8rem; }
.video-item { display: flex; gap: .9rem; align-items: center; width: 100%; padding: .55rem; border: 0; border-radius: var(--r-md); background: transparent; text-align: start; color: var(--c-text); transition: background-color var(--t-fast); }
.video-item:hover { background: var(--c-card); box-shadow: var(--shadow-sm); }
.video-item__thumb { position: relative; flex: none; width: 128px; aspect-ratio: 16 / 10; border-radius: var(--r-sm); overflow: hidden; }
.video-item__thumb img { width: 100%; height: 100%; object-fit: cover; }
.video-item__thumb .play { width: 34px; height: 34px; margin: -17px 0 0 -17px; animation: none; }
.video-item__thumb .play .icon { width: 13px; height: 13px; margin-inline-start: 2px; }
.video-item strong { font-size: var(--fs-sm); line-height: 1.4; }
.gallery-mosaic { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 120px; gap: .7rem; margin-block-start: 1.5rem; }
.gallery-mosaic a { position: relative; display: block; border-radius: var(--r-md); overflow: hidden; background: var(--c-surface-2); }
.gallery-mosaic a:first-child { grid-row: span 2; }
.gallery-mosaic img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease-out); }
.gallery-mosaic a:hover img { transform: scale(1.08); }
.gallery-mosaic span { position: absolute; inset: auto 0 0; padding: .7rem .8rem; font-size: var(--fs-xs); font-weight: 600; color: #fff; background: linear-gradient(transparent, rgba(7, 21, 41, .85)); }

/* ---------- 12. Değerler bandı ---------- */
.values { text-align: center; overflow: hidden; }
.values blockquote { margin: 0 auto; max-width: 26ch; font-family: var(--f-display); font-size: var(--fs-2xl); line-height: 1.25; color: #fff; }
.values blockquote em { color: var(--c-gold); font-style: italic; }
.values cite { display: block; margin-block-start: 1.4rem; color: var(--c-on-dark-muted); font-style: normal; font-size: var(--fs-sm); letter-spacing: .12em; text-transform: uppercase; }
.marquee { margin-block-start: clamp(2.5rem, 5vw, 4rem); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.marquee__track { display: flex; gap: 1rem; width: max-content; animation: marquee 40s linear infinite; list-style: none; }
.marquee:hover .marquee__track { animation-play-state: paused; }
[dir="rtl"] .marquee__track { animation-direction: reverse; }
.marquee li { display: inline-flex; align-items: center; gap: 1rem; font-family: var(--f-display); font-size: clamp(1.3rem, 1rem + 1.5vw, 2rem); color: var(--c-on-dark-muted); white-space: nowrap; }
.marquee li::after { content: ""; width: 10px; height: 10px; transform: rotate(45deg); border: 1px solid var(--c-gold); margin-inline-start: 1rem; }
@keyframes marquee { to { transform: translateX(-50%); } }

/* ---------- 13. CTA (bağış + bülten) ---------- */
.cta-grid { display: grid; gap: 1.5rem; }
.cta-card { position: relative; border-radius: var(--r-xl); padding: clamp(1.6rem, 1rem + 2.5vw, 3rem); overflow: hidden; isolation: isolate; }
.cta-card h2 { font-size: var(--fs-xl); }
.cta-card--donate { background: var(--c-navy); color: var(--c-on-dark); border-block-start: 3px solid var(--c-gold); }
.cta-card--donate h2 { color: #fff; }
.cta-card--donate p { color: var(--c-on-dark-muted); }
.cta-card--donate .btn { margin-block-start: .6rem; }
.cta-card--news { background: var(--c-card); border: 1px solid var(--c-line); }
.amounts { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 1.2rem 1.5rem; }
.amounts button { min-height: 44px; min-width: 84px; padding: .4rem 1rem; border-radius: var(--r-btn); border: 1px solid rgba(255, 255, 255, .25); background: transparent; color: #fff; font-weight: 600; }
.amounts button:hover { border-color: rgba(255, 255, 255, .6); }
.amounts button[aria-pressed="true"] { background: #fff; color: var(--c-navy); border-color: #fff; }

/* Formlar */
.field { display: grid; gap: .4rem; margin-block-end: 1rem; }
.field label { font-size: var(--fs-sm); font-weight: 600; }
.field label .req { color: var(--c-danger); }
.input, .select, .textarea { width: 100%; min-height: 50px; padding: .75rem 1rem; border-radius: var(--r-md); border: 1px solid var(--c-line-strong); background: var(--c-bg); color: var(--c-text); transition: border-color var(--t-fast), box-shadow var(--t-fast); }
.textarea { min-height: 150px; resize: vertical; }
.input:focus, .select:focus, .textarea:focus { outline: none; border-color: var(--c-brand-ink); box-shadow: var(--ring); }
.field.has-error .input, .field.has-error .textarea, .field.has-error .select { border-color: var(--c-danger); }
.field__error { display: none; font-size: var(--fs-xs); color: var(--c-danger); font-weight: 600; }
.field.has-error .field__error { display: block; }
.inline-form { display: flex; flex-direction: column; gap: .6rem; }
.check { display: flex; gap: .6rem; align-items: flex-start; font-size: var(--fs-xs); color: var(--c-muted); margin-block: .8rem; line-height: 1.5; }
.check input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--c-brand-ink); }
.form-note { font-size: var(--fs-xs); color: var(--c-muted); display: flex; gap: .4rem; align-items: flex-start; }
.form-note .icon { width: 15px; height: 15px; margin-block-start: .15rem; color: var(--c-brand-ink); }
.form-success { display: none; align-items: center; gap: .7rem; padding: 1rem 1.2rem; border-radius: var(--r-md); background: var(--c-brand-soft); color: var(--c-brand-ink); font-weight: 600; font-size: var(--fs-sm); }
.form-success.is-visible { display: flex; animation: cardIn .5s var(--ease-out); }
.captcha { display: flex; align-items: center; gap: .8rem; padding: .8rem 1rem; border: 1px solid var(--c-line-strong); border-radius: var(--r-sm); background: var(--c-surface); max-width: 320px; font-size: var(--fs-sm); margin-block: 1rem; }
.captcha small { margin-inline-start: auto; color: var(--c-muted); font-size: .65rem; text-align: center; line-height: 1.2; }
.file-drop { display: flex; align-items: center; gap: .8rem; padding: 1rem; border: 1.5px dashed var(--c-line-strong); border-radius: var(--r-md); color: var(--c-muted); font-size: var(--fs-sm); cursor: pointer; }
.file-drop:hover { border-color: var(--c-brand-ink); color: var(--c-brand-ink); }
.file-drop input { position: absolute; opacity: 0; width: 1px; height: 1px; }

/* ---------- 14. Partnerler ---------- */
/* Maarif Ailesi — dönen dünya küresi ve yörüngedeki markalar (brands.js) */
.brands { position: relative; overflow: hidden; isolation: isolate; color: var(--c-on-dark); padding-block: clamp(2.75rem, 2rem + 2.5vw, 4.5rem) clamp(2.25rem, 1.75rem + 2vw, 3.75rem); background: radial-gradient(ellipse 70% 60% at 72% 42%, #14365f 0%, var(--c-navy) 45%, var(--c-navy-3) 100%); }
.brands::after { content: ""; position: absolute; inset: auto 0 0; height: 30%; z-index: -1; background: linear-gradient(180deg, transparent, var(--c-navy-3)); pointer-events: none; }
.brands__sky { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .55; background-image: radial-gradient(1px 1px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 33% 72%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 58% 12%, #e9d6a8 50%, transparent 51%), radial-gradient(1px 1px at 81% 64%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 92% 22%, #bfeff2 50%, transparent 51%), radial-gradient(1.5px 1.5px at 6% 84%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 47% 44%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 70% 90%, #e9d6a8 50%, transparent 51%); background-size: 420px 380px; animation: brands-twinkle 7s ease-in-out infinite alternate; }
@keyframes brands-twinkle { to { opacity: .25; background-position: 12px -8px; } }
.brands__inner { position: relative; display: grid; gap: 1.25rem; }
.brands__head .eyebrow { margin-block-end: .5rem; }
.brands__head h2 { font-family: var(--f-display); font-size: var(--fs-xl); line-height: var(--lh-tight); font-weight: 600; max-width: 24ch; color: #fff; }
.brands .eyebrow { color: var(--c-gold); }

/* JS yokken: kart listesi */
.brands__stage { display: none; }
.brands__deck { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 2rem 1.5rem; }
.brands.is-ready .brands__stage { display: block; position: relative; width: 100%; max-width: 620px; margin-inline: auto; aspect-ratio: 1 / .7; touch-action: pan-y; cursor: grab; user-select: none; }
.brands.is-ready .brands__stage.is-drag { cursor: grabbing; }
.brands.is-ready .brands__deck { display: grid; grid-template-columns: minmax(0, 1fr); }
.brands__globe { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; }
.brands__orbit { position: absolute; inset: 0; }

/* Yörüngedeki logo madalyonları */
.brand-orb { --orb: clamp(58px, 15vw, 104px); position: absolute; left: 0; top: 0; width: var(--orb); height: var(--orb); margin: calc(var(--orb) / -2) 0 0 calc(var(--orb) / -2); padding: 0; border: 0; border-radius: 50%; cursor: pointer; display: grid; place-items: center; background: radial-gradient(circle at 30% 24%, var(--c1), var(--c2) 72%); box-shadow: 0 14px 34px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .28), inset 0 10px 18px rgba(255, 255, 255, .18); will-change: transform, opacity; transition: box-shadow var(--t-med); }
.brand-orb img { width: 58%; height: 58%; pointer-events: none; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .25)); }
.brand-orb::before { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 1px solid var(--c-gold); opacity: 0; transform: scale(.8); transition: opacity var(--t-med), transform var(--t-med) var(--ease-out); }
.brand-orb::after { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 1px solid var(--c-gold); opacity: 0; }
.brand-orb.is-active::before { opacity: .9; transform: none; }
.brand-orb.is-active::after { animation: brands-ping 2.4s var(--ease-out) infinite; }
.brand-orb:focus-visible { outline: none; box-shadow: var(--ring), 0 14px 34px rgba(0, 0, 0, .5); }
@keyframes brands-ping { 0% { opacity: .7; transform: scale(1); } 100% { opacity: 0; transform: scale(1.45); } }

/* Kart: görsel + büyük logo */
.brand-card { position: relative; }
.brands.is-ready .brand-card { grid-area: 1 / 1; visibility: hidden; opacity: 0; transition: opacity .6s var(--ease-out), visibility 0s .6s; }
.brands.is-ready .brand-card.is-active { visibility: visible; opacity: 1; transition: opacity .6s var(--ease-out); z-index: 1; }
.brands.is-ready .brand-card:not(.is-active) .brand-card__body { opacity: 0; transition: opacity .15s; }
.brand-card__media { position: relative; aspect-ratio: 21 / 9; overflow: hidden; border-radius: var(--r-xl); background: var(--c2); box-shadow: 0 30px 60px rgba(0, 0, 0, .4); }
.brand-card__media img { width: 100%; height: 100%; object-fit: cover; transform-origin: 60% 40%; }
.brand-card__media::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(135deg, var(--c1), transparent 55%); opacity: .45; mix-blend-mode: multiply; }
.brand-card__media::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 45%, rgba(7, 21, 41, .9)); }
.brand-card__body { position: relative; z-index: 2; margin-block-start: calc(-1 * clamp(36px, 4vw, 44px)); padding-inline: clamp(1rem, 3vw, 1.5rem); }
.brand-card__logo { display: grid; place-items: center; width: clamp(72px, 8vw, 88px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 30% 24%, var(--c1), var(--c2) 72%); box-shadow: 0 0 0 5px var(--c-navy-3), 0 0 0 6px rgba(201, 164, 92, .55), 0 18px 40px rgba(0, 0, 0, .5); }
.brand-card__logo img { width: 60%; height: 60%; }
.brand-card h3 { font-family: var(--f-display); font-size: var(--fs-xl); line-height: var(--lh-tight); font-weight: 600; margin-block: .7rem .3rem; color: #fff; }
.brand-card p { color: var(--c-on-dark-muted); max-width: 52ch; margin-block-end: .25rem; font-size: var(--fs-sm); }
.brand-card__go { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; color: var(--c-gold); font-weight: 600; font-size: var(--fs-sm); text-decoration: none; letter-spacing: .01em; }
.brand-card__go .icon { width: 14px; height: 14px; transition: transform var(--t-fast); }
.brand-card__go:hover { color: #fff; }
.brand-card__go:hover .icon { transform: translate(2px, -2px); }
[dir="rtl"] .brand-card__go:hover .icon { transform: translate(-2px, -2px); }

/* Etkin kart girişi */
.brands.is-ready .brand-card.is-active .brand-card__media img { animation: brands-kb 9s var(--ease-out) both; }
.brands.is-ready .brand-card.is-active .brand-card__logo { animation: brands-pop .9s var(--ease-out) .1s both; }
.brands.is-ready .brand-card.is-active h3, .brands.is-ready .brand-card.is-active p, .brands.is-ready .brand-card.is-active .brand-card__go { animation: brands-up .8s var(--ease-out) both; }
.brands.is-ready .brand-card.is-active h3 { animation-delay: .18s; }
.brands.is-ready .brand-card.is-active p { animation-delay: .26s; }
.brands.is-ready .brand-card.is-active .brand-card__go { animation-delay: .34s; }
@keyframes brands-kb { from { transform: scale(1.14); } to { transform: scale(1); } }
@keyframes brands-pop { from { transform: scale(.4) rotate(-25deg); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes brands-up { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } }

/* Gezinme */
.brands__nav { display: flex; align-items: center; gap: 1rem; }
.brands__nav[hidden] { display: none; }
.brands__btn { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); background: transparent; color: #fff; cursor: pointer; transition: background var(--t-fast), border-color var(--t-fast); }
.brands__btn:hover { background: rgba(255, 255, 255, .08); border-color: var(--c-gold); }
.brands__btn:focus-visible { outline: none; box-shadow: var(--ring); }
[dir="rtl"] .brands__btn .icon { transform: scaleX(-1); }
.brands__count { font-size: var(--fs-sm); color: var(--c-on-dark-muted); font-variant-numeric: tabular-nums; letter-spacing: .06em; }
.brands__count b { color: #fff; font-weight: 600; }
.brands__bar { position: relative; flex: 1; height: 2px; background: rgba(255, 255, 255, .15); overflow: hidden; }
.brands__bar i { position: absolute; inset: 0; background: linear-gradient(90deg, var(--c-gold), var(--c-brand)); transform: scaleX(0); transform-origin: left; }
[dir="rtl"] .brands__bar i { transform-origin: right; }
.brands__bar i.is-run { animation: brands-bar var(--dur, 6s) linear both; }
.brands.is-paused .brands__bar i { animation-play-state: paused; }
@keyframes brands-bar { to { transform: scaleX(1); } }

@media (min-width: 1100px) {
  .brands.is-ready .brands__inner { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "head stage" "deck stage" "nav stage"; column-gap: clamp(2rem, 4vw, 4.5rem); row-gap: 1.25rem; align-items: center; }
  .brands.is-ready .brands__head { grid-area: head; align-self: end; }
  .brands.is-ready .brands__deck { grid-area: deck; }
  .brands.is-ready .brands__nav { grid-area: nav; align-self: start; }
  .brands.is-ready .brands__stage { grid-area: stage; max-width: none; aspect-ratio: auto; align-self: stretch; height: 100%; min-height: 420px; margin-inline-end: calc(-1 * var(--gutter)); }
}
@media (min-width: 1280px) {
  .brands.is-ready .brands__inner { grid-template-columns: minmax(0, 2.6fr) minmax(0, 5.6fr) minmax(0, 3.8fr); grid-template-areas: "head stage deck" "nav stage deck"; grid-template-rows: 1fr auto; }
  .brands.is-ready .brands__head { align-self: start; }
  .brands.is-ready .brands__nav { align-self: end; }
  .brands.is-ready .brands__deck { align-self: center; }
  .brands.is-ready .brands__stage { min-height: 400px; margin-inline-end: 0; }
  .brands.is-ready .brand-card__media { aspect-ratio: 16 / 10; }
}
@media (prefers-reduced-motion: reduce) {
  .brands__sky, .brand-orb.is-active::after { animation: none; }
}
html[data-motion="reduce"] .brands__sky { animation: none; }

/* ---------- 15. Footer ---------- */
.site-footer { background: var(--c-navy-3); color: var(--c-on-dark-muted); font-size: var(--fs-sm); position: relative; overflow: hidden; isolation: isolate; }
.site-footer::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../img/motif.svg") 0 0 / 96px; opacity: .06; -webkit-mask-image: linear-gradient(180deg, #000, transparent 60%); mask-image: linear-gradient(180deg, #000, transparent 60%); }
.footer-top { display: grid; gap: 2.5rem; padding-block: clamp(3rem, 2rem + 4vw, 5rem) 2.5rem; }
.footer-brand img { height: 64px; width: auto; margin-block-end: 1.3rem; }
.footer-brand p { max-width: 38ch; }
.footer-brand .social { margin-block-start: 1.2rem; gap: .4rem; }
.footer-brand .social a { border: 1px solid rgba(255, 255, 255, .14); width: 44px; height: 44px; }
.footer-brand .social a:hover { background: var(--c-brand); border-color: var(--c-brand); color: var(--c-navy-3); }
.footer-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 1.5rem; }
.footer-col h2 { font-family: var(--f-body); font-size: var(--fs-xs); letter-spacing: .16em; text-transform: uppercase; color: var(--c-gold); margin-block-end: 1rem; }
.footer-col ul { list-style: none; display: grid; gap: .15rem; }
.footer-col a { display: inline-flex; min-height: 34px; align-items: center; color: var(--c-on-dark-muted); text-decoration: none; transition: color var(--t-fast), transform var(--t-fast); }
.footer-col a:hover { color: #fff; transform: translateX(3px); }
[dir="rtl"] .footer-col a:hover { transform: translateX(-3px); }
.footer-contact { display: grid; gap: 1rem; }
.footer-contact address { font-style: normal; line-height: 1.6; }
.footer-contact strong { display: block; color: #fff; margin-block-end: .2rem; }
.footer-contact a { color: #fff; text-decoration: none; }
.footer-contact a:hover { color: var(--c-brand); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .8rem 2rem; padding-block: 1.4rem; border-block-start: 1px solid rgba(255, 255, 255, .08); font-size: var(--fs-xs); }
.footer-bottom ul { display: flex; flex-wrap: wrap; gap: 1.2rem; list-style: none; }
.footer-bottom a { color: var(--c-on-dark-muted); text-decoration: none; }
.footer-bottom a:hover { color: #fff; }

/* ---------- 16. Katmanlar: arama, chatbot, çerez, popup, modal ---------- */
.overlay { position: fixed; inset: 0; z-index: 300; display: flex; align-items: flex-start; justify-content: center; padding: clamp(1rem, 8vh, 7rem) var(--gutter) 2rem; background: rgba(7, 21, 41, .72); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; visibility: hidden; transition: opacity var(--t-med), visibility var(--t-med); }
.overlay.is-open { opacity: 1; visibility: visible; }
.search-box { width: min(760px, 100%); background: var(--c-card); border-radius: var(--r-xl); box-shadow: var(--shadow-lg); overflow: hidden; transform: translateY(-20px) scale(.98); transition: transform var(--t-med) var(--ease-out); }
.overlay.is-open .search-box { transform: none; }
.search-box__field { display: flex; align-items: center; gap: .8rem; padding: 0 1.2rem; border-block-end: 1px solid var(--c-line); transition: border-color .2s; }
.search-box__field > .icon { width: 22px; height: 22px; color: var(--c-brand-ink); }
.search-box__field input { flex: 1; min-height: 70px; border: 0; background: transparent; font-size: 1.15rem; outline: none; min-width: 0; }
.search-box__field input:focus-visible { box-shadow: none; border-radius: 0; }
.search-box__field:focus-within { border-block-end-color: var(--c-brand); }
.search-box__filters { display: flex; gap: .4rem; padding: .8rem 1.2rem; overflow-x: auto; border-block-end: 1px solid var(--c-line); }
.search-box__filters .chip { min-height: 34px; padding: .2rem .8rem; flex: none; }
.search-results { max-height: min(52vh, 460px); overflow-y: auto; list-style: none; padding: .5rem; }
.search-results a { display: flex; gap: .9rem; align-items: center; padding: .7rem .8rem; border-radius: var(--r-md); color: var(--c-text); text-decoration: none; }
.search-results a:hover, .search-results a.is-active { background: var(--c-surface); }
.search-results .ic { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 10px; background: var(--c-brand-soft); color: var(--c-brand-ink); }
.search-results strong { display: block; font-size: var(--fs-sm); font-weight: 600; line-height: 1.4; }
.search-results small { color: var(--c-muted); font-size: var(--fs-xs); }
.search-results mark { background: color-mix(in srgb, var(--c-gold) 35%, transparent); color: inherit; border-radius: 3px; padding: 0 .1em; }
.search-hint { padding: 1.4rem 1.2rem; color: var(--c-muted); font-size: var(--fs-sm); }
.search-hint .chips { margin-block-start: .8rem; }
.search-box__foot { display: none; gap: 1.2rem; padding: .7rem 1.2rem; border-block-start: 1px solid var(--c-line); font-size: var(--fs-xs); color: var(--c-muted); }

.chat-fab { position: fixed; z-index: 150; inset-block-end: 1.2rem; inset-inline-end: 1.2rem; display: inline-flex; flex-direction: column; align-items: center; gap: .4rem; padding: .7rem .75rem .6rem; border: 0; border-radius: var(--r-lg); background: linear-gradient(160deg, var(--c-navy) 0%, var(--c-navy) 40%, color-mix(in srgb, var(--c-brand) 55%, var(--c-navy)) 50%, var(--c-navy) 60%, var(--c-navy) 100%) 0 100% / 100% 300%; color: #fff; box-shadow: 0 12px 30px -8px color-mix(in srgb, var(--c-brand) 60%, transparent), var(--shadow-md); font-weight: 600; cursor: pointer; isolation: isolate; transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), box-shadow var(--t-med); animation: fabIn .8s cubic-bezier(.34, 1.56, .64, 1) .6s backwards, fabShine 4.5s ease-in-out 1.6s infinite; }
.chat-fab::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; animation: fabRing 2.4s ease-out 1.4s infinite; }
.chat-fab:hover { transform: translateY(-4px) scale(1.05); box-shadow: 0 18px 36px -8px color-mix(in srgb, var(--c-brand) 75%, transparent), var(--shadow-md); }
.chat-fab:active { transform: scale(.95); transition-duration: .1s; }
.chat-fab .ava { position: relative; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--c-brand); color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .2); }
.chat-fab .ava::after { content: ""; position: absolute; inset-block-start: 2px; inset-inline-end: 2px; width: 11px; height: 11px; border-radius: 50%; background: #22c55e; border: 2px solid var(--c-navy); animation: fabOnline 2s ease-in-out infinite; }
.chat-fab__label { display: block; font-size: .72rem; line-height: 1.2; letter-spacing: .02em; white-space: nowrap; }
.bot { width: 34px; height: 34px; overflow: visible; }
.bot * { transform-box: fill-box; }
.bot__head { transform-origin: 50% 100%; animation: botBob 3.2s ease-in-out infinite; }
.bot__ant { fill: var(--c-gold, #f5c451); transform-origin: 50% 50%; animation: botAnt 1.6s ease-in-out infinite; }
.bot__face { fill: var(--c-navy); }
.bot__eyes { animation: botLook 6s ease-in-out infinite; }
.bot__eye { fill: #7df9ff; transform-origin: 50% 50%; filter: drop-shadow(0 0 1.5px #7df9ff); animation: botBlink 4s ease-in-out infinite; }
.bot__mouth { stroke: #7df9ff; }
.chat-fab:hover .bot__head { animation: botWave .8s ease-in-out; }
.chat-fab:hover .bot__mouth { d: path("M13.5 19.4q2.5 2.4 5 0"); }
.chat-fab[aria-expanded="true"], .chat-fab[aria-expanded="true"]::before, .chat-fab[aria-expanded="true"] .bot__head { animation: none; }
.chat-fab-wrap { position: fixed; z-index: 150; inset-block-end: 1.2rem; inset-inline-end: 1.2rem; }
.chat-fab-wrap .chat-fab { position: relative; z-index: 0; inset: auto; }
.chat-fab__min { position: absolute; z-index: 1; inset-block-start: -8px; inset-inline-start: -8px; display: grid; place-items: center; width: 26px; height: 26px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: var(--c-navy); color: #fff; box-shadow: var(--shadow-md); cursor: pointer; animation: fabIn .8s cubic-bezier(.34, 1.56, .64, 1) .6s backwards; }
.chat-fab__min::after { content: ""; position: absolute; inset: -9px; } /* dokunma alanı */
.chat-fab__min svg { width: 14px; height: 14px; }
.chat-fab-wrap.is-mini .chat-fab__min { display: none; }
.chat-fab-wrap.is-mini .chat-fab { padding: 0; gap: 0; background: none; box-shadow: none; border-radius: 50%; animation: none; }
.chat-fab-wrap.is-mini .chat-fab::before { border-radius: 50%; }
.chat-fab-wrap.is-mini .chat-fab__label { display: none; }
.chat-fab-wrap.is-mini .ava { width: 44px; height: 44px; box-shadow: 0 8px 20px -6px color-mix(in srgb, var(--c-brand) 60%, transparent), var(--shadow-md); }
.chat-fab-wrap.is-mini .ava::after { width: 10px; height: 10px; }
.chat-fab-wrap.is-mini .bot { width: 28px; height: 28px; }
.chat-fab-wrap { transition: opacity .3s; }
.chat-fab-wrap.is-pending { opacity: 0; pointer-events: none; }
.bot-intro { position: fixed; z-index: 190; inset: 0; display: grid; place-content: center; justify-items: center; gap: 1.4rem; padding: 1rem; pointer-events: none; }
.bot-intro::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c-navy) 55%, transparent), color-mix(in srgb, var(--c-navy) 82%, transparent) 70%); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; transition: opacity .6s; pointer-events: auto; cursor: pointer; }
.bot-intro.is-in::before { opacity: 1; }
.bot-intro__fig { position: relative; display: grid; place-items: center; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c-brand) 70%, #fff), var(--c-brand) 60%); color: #fff; box-shadow: inset 0 0 0 5px rgba(255, 255, 255, .25), 0 0 0 10px color-mix(in srgb, var(--c-brand) 25%, transparent), 0 0 80px 10px color-mix(in srgb, var(--c-brand) 55%, transparent), 0 40px 70px -20px rgba(0, 0, 0, .6); pointer-events: auto; cursor: pointer; transform: scale(0) rotate(-20deg); transition: transform .8s cubic-bezier(.34, 1.56, .64, 1); }
.bot-intro__fig::before, .bot-intro__fig::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid color-mix(in srgb, var(--c-brand) 70%, #fff); opacity: 0; }
.bot-intro.is-in .bot-intro__fig::before { animation: botPulse 2s ease-out .8s infinite; }
.bot-intro.is-in .bot-intro__fig::after { animation: botPulse 2s ease-out 1.8s infinite; }
.bot-intro__fig .bot { width: 132px; height: 132px; }
.bot-intro.is-in .bot-intro__fig { transform: scale(1) rotate(0); }
.bot-intro.is-in .bot__head { animation: botWave 1s ease-in-out .7s 2; }
.bot-intro__hand { position: absolute; inset-block-start: 4px; inset-inline-end: -22px; font-size: 3.6rem; line-height: 1; opacity: 0; transform-origin: 70% 80%; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .35)); }
.bot-intro.is-in .bot-intro__hand { animation: botHandIn .3s ease-out .6s forwards, botHand 1.2s ease-in-out .6s 2; }
.bot-intro__bubble { position: relative; margin: 0; padding: 1rem 1.5rem; border-radius: var(--r-lg); background: var(--c-card); color: var(--c-text); box-shadow: 0 20px 50px -15px rgba(0, 0, 0, .55); text-align: center; font-size: 1.25rem; font-weight: 600; line-height: 1.35; opacity: 0; transform: translateY(14px) scale(.9); transition: opacity .5s .7s, transform .5s cubic-bezier(.34, 1.56, .64, 1) .7s; }
.bot-intro__bubble b { color: var(--c-brand); }
.bot-intro__bubble small { display: block; margin-block-start: .25rem; font-size: .9rem; font-weight: 500; color: var(--c-muted); }
.bot-intro__bubble::after { content: ""; position: absolute; inset-block-start: 100%; inset-inline-start: 50%; margin-inline-start: -10px; border: 10px solid transparent; border-block-start-color: var(--c-card); }
.bot-intro.is-in .bot-intro__bubble { opacity: 1; transform: none; }
.bot-intro.is-flying::before { opacity: 0; transition-duration: .5s; }
.bot-intro.is-flying .bot-intro__fig { transition: transform .8s cubic-bezier(.65, 0, .35, 1); }
.bot-intro.is-flying .bot-intro__fig::before, .bot-intro.is-flying .bot-intro__fig::after { animation: none; }
.bot-intro.is-flying .bot-intro__bubble, .bot-intro.is-flying .bot-intro__hand { opacity: 0; transition: opacity .2s; animation: none; }
@media (max-width: 639px) {
  .bot-intro__fig { width: 160px; height: 160px; }
  .bot-intro__fig .bot { width: 104px; height: 104px; }
  .bot-intro__bubble { font-size: 1.05rem; padding: .85rem 1.2rem; }
  .bot-intro__hand { font-size: 2.8rem; inset-inline-end: -14px; }
}
@keyframes botPulse { 0% { opacity: .8; transform: scale(1); } 100% { opacity: 0; transform: scale(1.6); } }
@keyframes botHandIn { to { opacity: 1; } }
@keyframes botHand { 0%, 100% { transform: rotate(0); } 25%, 75% { transform: rotate(-22deg); } 50% { transform: rotate(18deg); } }
@keyframes fabIn { from { opacity: 0; transform: translateY(30px) scale(.6); } }
@keyframes fabShine { 0%, 55% { background-position: 0 100%; } 85%, 100% { background-position: 0 0; } }
@keyframes fabRing { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--c-brand) 55%, transparent); } 80%, 100% { box-shadow: 0 0 0 16px color-mix(in srgb, var(--c-brand) 0%, transparent); } }
@keyframes fabOnline { 50% { box-shadow: 0 0 0 4px rgba(34, 197, 94, .25); } }
@keyframes botBob { 0%, 100% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-1.5px) rotate(-4deg); } 75% { transform: translateY(-1.5px) rotate(4deg); } }
@keyframes botAnt { 50% { transform: scale(1.35); filter: drop-shadow(0 0 3px var(--c-gold, #f5c451)); } }
@keyframes botBlink { 0%, 44%, 50%, 100% { transform: scaleY(1); } 47% { transform: scaleY(.1); } }
@keyframes botLook { 0%, 20%, 50%, 100% { transform: translateX(0); } 28%, 40% { transform: translateX(-1.6px); } 60%, 72% { transform: translateX(1.6px); } }
@keyframes botWave { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(-12deg) translateY(-2px); } 45% { transform: rotate(10deg) translateY(-2px); } 70% { transform: rotate(-6deg); } }
.chat { position: fixed; z-index: 160; inset-block-end: 0; inset-inline-end: 0; width: 100%; height: min(640px, 100svh); display: flex; flex-direction: column; background: var(--c-card); border-radius: var(--r-xl) var(--r-xl) 0 0; box-shadow: var(--shadow-lg); transform: translateY(110%); transition: transform var(--t-med) var(--ease-out); overflow: hidden; }
.chat.is-open { transform: none; }
.chat__head { display: flex; align-items: center; gap: .8rem; padding: 1rem 1.2rem; background: var(--c-navy); color: #fff; }
.chat__head strong { display: block; font-size: var(--fs-sm); }
.chat__head small { color: var(--c-on-dark-muted); font-size: var(--fs-xs); }
.chat__head .icon-btn { margin-inline-start: auto; background: transparent; color: #fff; border-color: rgba(255, 255, 255, .2); width: 40px; height: 40px; }
.chat__body { flex: 1; overflow-y: auto; padding: 1.2rem; display: flex; flex-direction: column; gap: .7rem; background: var(--c-surface); }
.msg { max-width: 85%; padding: .7rem .95rem; border-radius: 16px; font-size: var(--fs-sm); line-height: 1.5; animation: cardIn .35s var(--ease-out); }
.msg--bot { align-self: flex-start; background: var(--c-card); border: 1px solid var(--c-line); border-end-start-radius: 4px; }
.msg--user { align-self: flex-end; background: var(--c-brand-ink); color: #fff; border-end-end-radius: 4px; }
.msg a { font-weight: 600; }
.msg--typing { display: inline-flex; gap: 4px; }
.msg--typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--c-muted); animation: typing 1s infinite; }
.msg--typing i:nth-child(2) { animation-delay: .15s; }
.msg--typing i:nth-child(3) { animation-delay: .3s; }
@keyframes typing { 50% { transform: translateY(-4px); opacity: .4; } }
.chat__quick { display: flex; flex-wrap: wrap; gap: .4rem; }
.chat__quick button { min-height: 36px; padding: .3rem .8rem; border-radius: var(--r-btn); border: 1px solid var(--c-brand-ink); background: transparent; color: var(--c-brand-ink); font-size: var(--fs-xs); font-weight: 600; }
.chat__quick button:hover { background: var(--c-brand-ink); color: #fff; }
.chat__form { display: flex; gap: .5rem; padding: .8rem; border-block-start: 1px solid var(--c-line); }
.chat__form input { flex: 1; min-width: 0; min-height: 46px; padding: 0 1rem; border-radius: var(--r-btn); border: 1px solid var(--c-line-strong); background: var(--c-bg); }
.chat__form input:focus { outline: none; border-color: var(--c-brand-ink); }
.chat__note { padding: 0 1rem .7rem; font-size: .68rem; color: var(--c-muted); text-align: center; }

.cookie { position: fixed; z-index: 170; inset-inline: .8rem; inset-block-end: .8rem; max-width: 560px; padding: 1.4rem; border-radius: var(--r-lg); background: var(--c-card); border: 1px solid var(--c-line); box-shadow: var(--shadow-lg); transform: translateY(140%); transition: transform var(--t-slow) var(--ease-out); }
.cookie.is-visible { transform: none; }
.cookie h2 { font-family: var(--f-body); font-size: 1rem; display: flex; align-items: center; gap: .5rem; }
.cookie p { font-size: var(--fs-xs); color: var(--c-muted); }
.cookie__prefs { display: none; gap: .6rem; margin-block: .8rem 1rem; }
.cookie.is-expanded .cookie__prefs { display: grid; }
.toggle { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem .9rem; border-radius: var(--r-md); background: var(--c-surface); font-size: var(--fs-sm); }
.toggle small { display: block; color: var(--c-muted); font-size: var(--fs-xs); }
.switch { position: relative; width: 46px; height: 26px; flex: none; }
.switch input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.switch span { position: absolute; inset: 0; border-radius: 99px; background: var(--c-line-strong); transition: background-color var(--t-fast); }
.switch span::after { content: ""; position: absolute; top: 3px; inset-inline-start: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: var(--shadow-sm); transition: transform var(--t-fast) var(--ease-out); }
.switch input:checked + span { background: var(--c-brand-ink); }
.switch input:checked + span::after { transform: translateX(20px); }
[dir="rtl"] .switch input:checked + span::after { transform: translateX(-20px); }
.switch input:disabled + span { opacity: .6; }
.switch input:focus-visible + span { box-shadow: var(--ring); }
.cookie__actions { display: flex; flex-wrap: wrap; gap: .5rem; }

.popup { position: fixed; z-index: 140; inset-inline-start: 1.2rem; inset-block-end: 1.2rem; width: min(360px, calc(100% - 2.4rem)); border-radius: var(--r-lg); overflow: hidden; background: var(--c-card); box-shadow: var(--shadow-lg); border: 1px solid var(--c-line); transform: translateY(30px); opacity: 0; visibility: hidden; transition: all var(--t-slow) var(--ease-out); }
.popup.is-visible { transform: none; opacity: 1; visibility: visible; }
.popup img { aspect-ratio: 890 / 425; object-fit: cover; width: 100%; }
.popup__body { padding: 1.1rem 1.2rem 1.3rem; }
.popup__body h2 { font-family: var(--f-body); font-size: 1rem; line-height: 1.4; }
.popup__body p { font-size: var(--fs-xs); color: var(--c-muted); }
.popup__close { position: absolute; inset-block-start: .6rem; inset-inline-end: .6rem; width: 40px; height: 40px; background: rgba(255, 255, 255, .92); color: var(--c-navy); border: 0; }

.modal { position: fixed; inset: 0; z-index: 320; display: grid; place-items: center; padding: var(--gutter); background: rgba(4, 12, 24, .9); opacity: 0; visibility: hidden; transition: all var(--t-med); }
.modal.is-open { opacity: 1; visibility: visible; }
.modal__frame { position: relative; width: min(1100px, 100%); max-height: 88vh; transform: scale(.96); transition: transform var(--t-med) var(--ease-out); }
.modal.is-open .modal__frame { transform: none; }
.modal__frame iframe, .modal__frame img { width: 100%; border: 0; border-radius: var(--r-md); background: #000; }
.modal__frame iframe { aspect-ratio: 16 / 9; height: auto; }
.modal__frame img { max-height: 82vh; object-fit: contain; }
.modal__caption { color: #fff; margin-block-start: .8rem; font-size: var(--fs-sm); text-align: center; }
.modal__close { position: absolute; inset-block-start: -56px; inset-inline-end: 0; background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .25); }
.modal__nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .25); }
.modal__nav--prev { inset-inline-start: .6rem; }
.modal__nav--next { inset-inline-end: .6rem; }
.pdf-mock { aspect-ratio: 3 / 4; max-height: 80vh; margin-inline: auto; display: grid; grid-template-rows: auto 1fr; background: #fff; color: #13213a; border-radius: var(--r-md); overflow: hidden; }
.pdf-mock__bar { display: flex; align-items: center; gap: .8rem; padding: .7rem 1rem; background: #1b2638; color: #fff; font-size: var(--fs-xs); }
.pdf-mock__bar span { margin-inline-start: auto; }
.pdf-mock__page { display: grid; place-items: center; padding: 1.5rem; background: #e9edf2; overflow: hidden; }
.pdf-mock__page img { width: auto; max-height: 100%; box-shadow: 0 10px 40px rgba(0, 0, 0, .25); border-radius: 2px; }

.to-top { position: fixed; z-index: 130; inset-block-end: 8.6rem; inset-inline-end: 1.2rem; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--c-line); background: var(--c-card); color: var(--c-text); box-shadow: var(--shadow-md); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all var(--t-med) var(--ease-out); }
.to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.to-top svg.ring { position: absolute; inset: -1px; width: 48px; height: 48px; transform: rotate(-90deg); }
.to-top svg.ring circle { fill: none; stroke: var(--c-brand); stroke-width: 2; stroke-dasharray: 144.5; stroke-dashoffset: var(--p, 144.5); }
.scroll-progress { position: fixed; z-index: 60; inset-block-start: 0; inset-inline-start: 0; height: 3px; width: 100%; background: linear-gradient(90deg, var(--c-brand), var(--c-gold)); transform-origin: left; transform: scaleX(var(--sp, 0)); pointer-events: none; }
[dir="rtl"] .scroll-progress { transform-origin: right; }

/* ---------- 17. İç sayfa başlığı ---------- */
.page-hero { position: relative; color: #fff; background: var(--c-navy); overflow: hidden; isolation: isolate; padding-block: clamp(3rem, 2rem + 5vw, 6.5rem) clamp(2.5rem, 1.5rem + 4vw, 5rem); }
.page-hero__bg { position: absolute; inset: -10% 0; z-index: -2; }
.page-hero__bg img { width: 100%; height: 100%; object-fit: cover; opacity: .28; }
.page-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--c-navy) 15%, rgba(11, 31, 58, .6)); }
[dir="rtl"] .page-hero::after { background: linear-gradient(-90deg, var(--c-navy) 15%, rgba(11, 31, 58, .6)); }
.page-hero h1 { color: #fff; font-size: var(--fs-3xl); max-width: 18ch; margin-block: 1rem .8rem; }
.page-hero p { color: var(--c-on-dark-muted); max-width: 60ch; font-size: var(--fs-md); margin: 0; }
.page-hero .motif-corner { position: absolute; inset-inline-end: -60px; inset-block-start: -60px; width: 360px; height: 360px; background: url("../img/motif.svg") center / 96px; opacity: .14; -webkit-mask-image: radial-gradient(circle, #000 25%, transparent 70%); mask-image: radial-gradient(circle, #000 25%, transparent 70%); z-index: -1; animation: spinSlow 120s linear infinite; }
@keyframes spinSlow { to { transform: rotate(360deg); } }
.page-hero__meta { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; margin-block-start: 1.4rem; font-size: var(--fs-sm); color: var(--c-on-dark-muted); }
.page-hero__meta span { display: inline-flex; align-items: center; gap: .4rem; }
.page-hero__meta .icon { width: 16px; height: 16px; color: var(--c-gold); }

html:has(.subnav) { scroll-padding-top: calc(var(--header-h) + 1px + 57px + 16px); }
.subnav { position: sticky; top: calc(var(--header-h) + 1px); z-index: 40; background: var(--c-bg); border-block-end: 1px solid var(--c-line); }
.subnav ul { display: flex; gap: .2rem; overflow-x: auto; list-style: none; scrollbar-width: none; }
.subnav a { display: inline-flex; align-items: center; min-height: 56px; padding: 0 1rem; color: var(--c-muted); font-weight: 600; font-size: var(--fs-sm); text-decoration: none; white-space: nowrap; border-block-end: 2px solid transparent; }
.subnav a:hover, .subnav a.is-active { color: var(--c-brand-ink); border-color: var(--c-brand); }

.toolbar { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between; margin-block-end: 2rem; }
.toolbar__search { position: relative; flex: 1 1 260px; max-width: 380px; }
.toolbar__search .input { padding-inline-start: 2.8rem; border-radius: var(--r-btn); }
.toolbar__search .icon { position: absolute; inset-inline-start: 1rem; top: 50%; transform: translateY(-50%); color: var(--c-muted); }
.result-count { font-size: var(--fs-sm); color: var(--c-muted); }
.pager { display: flex; justify-content: center; gap: .4rem; margin-block-start: 3rem; list-style: none; }
.pager a, .pager span { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 .6rem; border-radius: var(--r-btn); border: 1px solid var(--c-line); color: var(--c-text); text-decoration: none; font-weight: 600; font-size: var(--fs-sm); }
.pager a:hover { border-color: var(--c-brand-ink); color: var(--c-brand-ink); }
.pager [aria-current="page"] { background: var(--c-navy); color: #fff; border-color: var(--c-navy); }
.empty-state { text-align: center; padding: 3rem 1rem; color: var(--c-muted); display: none; }
.empty-state.is-visible { display: block; }

/* Makale (haber detay) */
.article-layout { display: grid; gap: 3rem; }
.article-hero-img { border-radius: var(--r-xl); overflow: hidden; margin-block: calc(clamp(2.5rem, 1.5rem + 4vw, 5rem) * -1 - 1rem) 2.5rem; position: relative; z-index: 2; box-shadow: var(--shadow-lg); aspect-ratio: 890 / 425; background: var(--c-surface-2); }
.article-hero-img img { width: 100%; height: 100%; object-fit: cover; }
.prose { font-size: 1.075rem; color: var(--c-text-soft); max-width: 72ch; }
.prose > p:first-of-type { font-size: 1.22rem; line-height: 1.6; color: var(--c-text); font-weight: 500; }
.prose h2 { font-size: var(--fs-xl); margin-block: 2.2rem 1rem; }
.prose h3 { font-size: var(--fs-lg); margin-block: 2rem .8rem; }
.prose blockquote { margin: 2.2rem 0; padding: 1.4rem 1.6rem; border-inline-start: 3px solid var(--c-gold); background: var(--c-gold-soft); border-radius: 0 var(--r-md) var(--r-md) 0; font-family: var(--f-display); font-size: 1.3rem; line-height: 1.45; color: var(--c-text); font-style: italic; }
[dir="rtl"] .prose blockquote { border-radius: var(--r-md) 0 0 var(--r-md); }
.prose blockquote cite { display: block; margin-block-start: .8rem; font-family: var(--f-body); font-style: normal; font-size: var(--fs-sm); color: var(--c-muted); }
.prose figure { margin: 2rem 0; }
.prose figure img { border-radius: var(--r-md); }
.prose figcaption { font-size: var(--fs-xs); color: var(--c-muted); margin-block-start: .6rem; }
.share { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.share strong { font-size: var(--fs-sm); margin-inline-end: .4rem; }
.share a, .share button { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r-btn); border: 1px solid var(--c-line); background: var(--c-card); color: var(--c-text); transition: all var(--t-fast); }
.share a:hover, .share button:hover { background: var(--c-navy); color: #fff; border-color: var(--c-navy); }
.share .icon { width: 17px; height: 17px; }
.aside-box { padding: 1.5rem; border-radius: var(--r-lg); background: var(--c-surface); margin-block-end: 1.5rem; }
.aside-box h2 { font-family: var(--f-body); font-size: var(--fs-xs); letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted); margin-block-end: 1rem; }
.mini-list { list-style: none; display: grid; gap: 1rem; }
.mini-list a { display: flex; gap: .8rem; color: var(--c-text); text-decoration: none; font-size: var(--fs-sm); font-weight: 600; line-height: 1.4; }
.mini-list a:hover { color: var(--c-brand-ink); }
.mini-list img { width: 86px; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-sm); flex: none; }
.mini-list small { display: block; color: var(--c-muted); font-weight: 500; font-size: var(--fs-xs); margin-block-start: .2rem; }
.tags { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; }
.tags a { display: inline-flex; min-height: 34px; align-items: center; padding: .2rem .8rem; border-radius: var(--r-btn); background: var(--c-card); border: 1px solid var(--c-line); font-size: var(--fs-xs); color: var(--c-text-soft); text-decoration: none; font-weight: 600; }
.tags a:hover { border-color: var(--c-brand-ink); color: var(--c-brand-ink); }
.reading-bar { position: sticky; top: calc(var(--header-h) + 1px); z-index: 30; height: 3px; background: transparent; }

/* Kurumsal */
.split { display: grid; gap: 2.5rem; align-items: center; }
.lead-text { font-family: var(--f-display); font-size: var(--fs-xl); line-height: 1.35; color: var(--c-text); }
.mv-grid { display: grid; gap: 1.5rem; }
.mv-card { position: relative; padding: 2rem; border-radius: var(--r-xl); background: var(--c-card); border: 1px solid var(--c-line); overflow: hidden; }
.mv-card .num { position: absolute; inset-inline-end: 1.2rem; inset-block-start: .4rem; font-family: var(--f-display); font-size: 5rem; line-height: 1; color: var(--c-line); font-weight: 700; }
.mv-card h3 { font-family: var(--f-display); font-size: 1.5rem; color: var(--c-brand-ink); position: relative; }
.mv-card p { font-size: var(--fs-md); color: var(--c-text-soft); margin: 0; position: relative; }
.values-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; list-style: none; }
.values-grid li { display: flex; align-items: center; gap: .8rem; padding: 1rem; border-radius: var(--r-md); background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .09); color: #fff; font-weight: 600; font-size: var(--fs-sm); transition: all var(--t-med) var(--ease-out); }
.values-grid li:hover { background: rgba(255, 255, 255, .09); }
.values-grid .ic { color: var(--c-gold); width: 22px; height: 22px; }
.president { display: grid; gap: 2rem; align-items: center; }
.president__photo { position: relative; max-width: 380px; }
.president__photo img { width: 100%; border-radius: var(--r-xl); aspect-ratio: 295 / 300; object-fit: cover; object-position: top; position: relative; z-index: 1; }
.president__photo::before { content: ""; position: absolute; inset: 1.2rem -1.2rem -1.2rem 1.2rem; border: 1px solid var(--c-gold); border-radius: var(--r-xl); }
[dir="rtl"] .president__photo::before { inset: 1.2rem 1.2rem -1.2rem -1.2rem; }
.president blockquote { margin: 0; font-family: var(--f-display); font-size: var(--fs-lg); line-height: 1.5; color: var(--c-text); }
.president blockquote::before { content: "“"; display: block; font-size: 5rem; line-height: .6; color: var(--c-gold); margin-block-end: .4rem; }
.signature { margin-block-start: 1.6rem; }
.signature strong { display: block; font-size: var(--fs-md); }
.signature span { color: var(--c-muted); font-size: var(--fs-sm); }
.people { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; list-style: none; }
.person { text-align: center; }
.person__img { position: relative; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 295 / 260; background: var(--c-surface-2); margin-block-end: .9rem; }
.person__img img { width: 100%; height: 100%; object-fit: cover; object-position: top; filter: grayscale(.25); transition: transform 1s var(--ease-out), filter var(--t-med); }
.person:hover .person__img img { transform: scale(1.05); filter: none; }
.person strong { display: block; font-size: var(--fs-sm); }
.person span { color: var(--c-muted); font-size: var(--fs-xs); }
.person--lead .person__img { outline: 2px solid var(--c-gold); outline-offset: 4px; }
.timeline { position: relative; list-style: none; display: grid; gap: 2rem; padding-inline-start: 2rem; }
.timeline::before { content: ""; position: absolute; inset-block: .5rem; inset-inline-start: 6px; width: 2px; background: linear-gradient(var(--c-brand), var(--c-gold)); }
.timeline li { position: relative; }
.timeline li::before { content: ""; position: absolute; inset-inline-start: calc(-2rem + 1px); top: .45rem; width: 12px; height: 12px; border-radius: 50%; background: var(--c-bg); border: 2px solid var(--c-brand); }
.timeline b { font-family: var(--f-display); font-size: 1.7rem; color: var(--c-gold-ink); line-height: 1; }
.timeline h3 { font-size: 1.05rem; margin: .4rem 0 .3rem; }
.timeline p { color: var(--c-muted); font-size: var(--fs-sm); margin: 0; }
.org-grid { display: grid; gap: 1rem; }
.org-card { padding: 1.6rem; border-radius: var(--r-lg); border: 1px solid var(--c-line); background: var(--c-card); }
.org-card b { font-family: var(--f-display); font-size: 2.4rem; color: var(--c-brand-ink); line-height: 1; }
.org-card h3 { font-size: 1.05rem; margin: .6rem 0 .3rem; }
.org-card p { color: var(--c-muted); font-size: var(--fs-sm); margin: 0; }
.video-frame { position: relative; border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 16 / 9; }

/* Yayınlar sayfası */
.tabs { display: flex; gap: 1.6rem; border-block-end: 1px solid var(--c-line); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.tabs button { min-height: 48px; padding: 0; border: 0; border-block-end: 2px solid transparent; margin-block-end: -1px; background: transparent; color: var(--c-muted); font-weight: 600; font-size: var(--fs-sm); white-space: nowrap; }
.tabs button:hover { color: var(--c-text); }
.tabs button[aria-selected="true"] { color: var(--c-text); border-color: var(--c-brand); }
.pub-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.6rem 1.2rem; }
.pub-card { display: flex; flex-direction: column; }
.pub-card .pub__cover { cursor: pointer; }
.pub-card__actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-block-start: .8rem; }
.pub-card__stats { display: flex; gap: .8rem; color: var(--c-muted); font-size: var(--fs-xs); margin-block-start: .4rem; }
.pub-card__stats span { display: inline-flex; align-items: center; gap: .25rem; }
.pub-card__stats .icon { width: 13px; height: 13px; }
.pub-feature { display: grid; gap: 2rem; align-items: center; padding: clamp(1.5rem, 1rem + 3vw, 3rem); border-radius: var(--r-xl); background: var(--c-navy); color: var(--c-on-dark); overflow: hidden; isolation: isolate; position: relative; margin-block-end: 3rem; }
.pub-feature h2 { color: #fff; font-size: var(--fs-2xl); }
.pub-feature .pub__cover { max-width: 340px; transform: rotate(-4deg); box-shadow: 0 30px 60px rgba(0, 0, 0, .45); }

/* Etkinlik takvimi */
.cal { border-radius: var(--r-xl); border: 1px solid var(--c-line); background: var(--c-card); overflow: hidden; }
.cal__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; border-block-end: 1px solid var(--c-line); }
.cal__head h2 { font-family: var(--f-display); font-size: 1.4rem; margin: 0; }
.cal__grid { display: grid; grid-template-columns: repeat(7, 1fr); }
.cal__dow { padding: .7rem .3rem; text-align: center; font-size: var(--fs-xs); font-weight: 700; color: var(--c-muted); letter-spacing: .08em; text-transform: uppercase; border-block-end: 1px solid var(--c-line); }
.cal__day { position: relative; min-height: 64px; padding: .4rem; border-inline-end: 1px solid var(--c-line); border-block-end: 1px solid var(--c-line); font-size: var(--fs-xs); font-weight: 600; color: var(--c-text-soft); background: none; border-block-start: 0; border-inline-start: 0; text-align: start; vertical-align: top; display: flex; flex-direction: column; gap: .25rem; }
.cal__day:nth-child(7n) { border-inline-end: 0; }
.cal__day.is-out { color: var(--c-line-strong); }
.cal__day.is-today > span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--c-brand-ink); color: #fff; }
.cal__day.has-event { cursor: pointer; }
.cal__day.has-event:hover { background: var(--c-surface); }
.cal__ev { display: block; border-radius: 4px; padding: .1rem .3rem; background: var(--c-gold-soft); color: var(--c-gold-ink); font-size: .62rem; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cal__ev--zirve { background: var(--c-brand-soft); color: var(--c-brand-ink); }
.events-page { display: grid; gap: 2rem; }

/* İletişim */
.contact-grid { display: grid; gap: 2rem; }
.office { padding: 1.8rem; border-radius: var(--r-xl); background: var(--c-navy); color: var(--c-on-dark); position: relative; overflow: hidden; isolation: isolate; }
.office h2 { color: #fff; font-size: 1.6rem; }
.office dl { display: grid; gap: 1.1rem; margin: 1.4rem 0 0; }
.office dt { display: flex; align-items: center; gap: .5rem; font-size: var(--fs-xs); color: var(--c-gold); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.office dt .icon { width: 15px; height: 15px; }
.office dd { margin: .25rem 0 0; color: #fff; }
.office dd a { color: #fff; text-decoration: none; }
.office dd a:hover { color: var(--c-brand); }
.map-embed { position: relative; border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 16 / 10; background: var(--c-surface-2); border: 1px solid var(--c-line); }
.map-embed iframe { width: 100%; height: 100%; border: 0; }
.map-embed__consent { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 1.5rem; background: linear-gradient(rgba(11, 31, 58, .82), rgba(11, 31, 58, .9)), url("../img/motif.svg") 0 0 / 80px; color: #fff; }
.map-embed__consent p { color: var(--c-on-dark-muted); font-size: var(--fs-sm); max-width: 40ch; margin-inline: auto; }
.form-card { padding: clamp(1.4rem, 1rem + 2vw, 2.5rem); border-radius: var(--r-xl); background: var(--c-card); border: 1px solid var(--c-line); box-shadow: var(--shadow-md); }
.form-row { display: grid; gap: 0 1rem; }

/* Dünyada Maarif sayfası */
.continent-bar { display: flex; flex-wrap: wrap; gap: .5rem; margin-block-end: 1.5rem; }
.country-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.country-grid > li { display: flex; min-width: 0; }
.country-tile { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-height: 62px; padding: .8rem 1rem; border-radius: var(--r-md); border: 1px solid var(--c-line); background: var(--c-card); color: var(--c-text); font-weight: 600; font-size: var(--fs-sm); text-align: start; transition: all var(--t-fast); }
.country-tile:hover, .country-tile[aria-pressed="true"] { border-color: var(--c-brand-ink); color: var(--c-brand-ink); transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.country-tile > span { min-width: 0; line-height: 1.3; }
.country-tile b { flex: none; display: grid; place-items: center; min-width: 32px; height: 32px; border-radius: var(--r-btn); background: var(--c-surface); font-size: var(--fs-xs); color: var(--c-gold-ink); }
.country-tile small { display: block; font-weight: 500; color: var(--c-muted); font-size: var(--fs-xs); }
.profile { padding: clamp(1.4rem, 1rem + 2vw, 2.4rem); border-radius: var(--r-xl); background: var(--c-card); border: 1px solid var(--c-line); box-shadow: var(--shadow-md); }
.profile h2 { font-size: var(--fs-xl); margin-block-end: .3rem; }
.profile__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; margin-block: 1.2rem; }
.profile__stats div { padding: .8rem; border-radius: var(--r-md); background: var(--c-surface); text-align: center; }
.profile__stats b { display: block; font-family: var(--f-display); font-size: 1.6rem; color: var(--c-brand-ink); }
.profile__stats span { font-size: var(--fs-xs); color: var(--c-muted); font-weight: 600; }
.inst-list { list-style: none; display: grid; gap: .7rem; }
.inst { padding: 1rem 1.1rem; border-radius: var(--r-md); border: 1px solid var(--c-line); }
.inst strong { display: block; font-size: var(--fs-sm); line-height: 1.4; }
.inst p { margin: .4rem 0 0; display: flex; flex-wrap: wrap; gap: .3rem 1rem; font-size: var(--fs-xs); color: var(--c-muted); }
.inst p span, .inst p a { display: inline-flex; align-items: center; gap: .3rem; }
.inst .icon { width: 13px; height: 13px; }

/* Harita + istatistik paneli (9/3) */
.dm-hub { display: grid; gap: 1.25rem; }
.dm-hub > * { min-width: 0; }
.dm-side { display: flex; flex-direction: column; gap: .75rem; }
.dm-side__block { padding: .9rem; border-radius: var(--r-xl); background: var(--c-navy-3); border: 1px solid rgba(255, 255, 255, .06); }
.dm-side__title { margin: 0 0 .65rem; font-family: var(--f-body); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--c-on-dark-muted); }
.dm-stats { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; }
.dm-stat { position: relative; display: grid; gap: 0; padding: .6rem .75rem; border-radius: var(--r-md); background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .05); transition: border-color var(--t-fast), background var(--t-fast); }
.dm-stat:hover { border-color: rgba(201, 164, 92, .35); background: rgba(255, 255, 255, .07); }
.dm-stat .icon { position: absolute; inset-block-start: .65rem; inset-inline-end: .65rem; width: 15px; height: 15px; color: var(--c-brand); opacity: .8; }
.dm-stat b { font-family: var(--f-display); font-size: 1.35rem; line-height: 1.1; color: var(--c-gold); font-variant-numeric: tabular-nums; }
.dm-stat span { font-size: var(--fs-xs); font-weight: 600; color: var(--c-on-dark-muted); }
.dm-stat--wide b { font-size: 1.75rem; }
.dm-side__title--sub { margin-block-start: 1rem; }
.dm-dist__bar { display: flex; height: 8px; border-radius: 8px; overflow: hidden; gap: 2px; margin-block-end: .6rem; background: rgba(255, 255, 255, .06); }
.dm-dist__bar i { width: var(--w); min-width: 4px; background: var(--dc); }
.dm-dist__list { list-style: none; display: grid; gap: .1rem; }
.dm-dist__list li { display: grid; grid-template-columns: 16px 1fr auto 3.2rem; align-items: center; gap: .55rem; min-height: 30px; font-size: var(--fs-xs); color: var(--c-on-dark-muted); font-weight: 600; border-block-end: 1px dashed rgba(255, 255, 255, .07); }
.dm-dist__list li:last-child { border-block-end: 0; }
.dm-dist__list .icon { width: 15px; height: 15px; color: var(--dc); }
.dm-dist__list b { color: #fff; font-size: var(--fs-sm); font-variant-numeric: tabular-nums; }
.dm-dist__list small { text-align: end; font-size: .68rem; font-variant-numeric: tabular-nums; }
.dm-dist__seg--a, .dm-dist__row--a { --dc: var(--c-brand); }
.dm-dist__seg--b, .dm-dist__row--b { --dc: var(--c-gold); }
.dm-dist__seg--c, .dm-dist__row--c { --dc: #6fa8dc; }
.dm-dist__seg--d, .dm-dist__row--d { --dc: #b88bd6; }
.dm-dist__seg--e, .dm-dist__row--e { --dc: #e8836b; }
.dm-stat--wide { grid-column: 1 / -1; padding-block: .75rem; background: linear-gradient(120deg, rgba(201, 164, 92, .16), rgba(0, 173, 186, .1)); border-color: rgba(201, 164, 92, .25); }

/* Seçili ülke özeti */
.dm-mini { padding: .9rem 1rem; border-radius: var(--r-xl); background: var(--c-navy-3); border: 1px solid rgba(255, 255, 255, .06); border-block-start: 3px solid var(--c-gold); }
.dm-mini:empty { display: none; }
.dm-mini.is-swapping h3, .dm-mini.is-swapping .dm-mini__stats { animation: cardIn .5s var(--ease-out); }
.dm-mini__top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.dm-mini__meta { font-size: .7rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--c-on-dark-muted); }
.dm-mini__nav { display: flex; gap: .25rem; }
.dm-mini__nav button { display: grid; place-items: center; width: 30px; height: 30px; border-radius: var(--r-sm); border: 1px solid rgba(255, 255, 255, .14); background: transparent; color: #fff; }
.dm-mini__nav button:hover { border-color: rgba(255, 255, 255, .4); }
.dm-mini__nav .icon { width: 14px; height: 14px; }
.dm-mini h3 { margin: .3rem 0 .6rem; font-size: 1.35rem; color: #fff; }
.dm-mini__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; margin: 0 0 .75rem; }
.dm-mini__stats div { padding: .5rem .4rem; border-radius: var(--r-sm); background: rgba(255, 255, 255, .05); text-align: center; }
.dm-mini__stats dt { font-size: .65rem; font-weight: 600; color: var(--c-on-dark-muted); }
.dm-mini__stats dd { margin: 0; font-family: var(--f-display); font-size: 1.2rem; color: #fff; }
.dm-mini .link-arrow { color: var(--c-gold); font-size: var(--fs-sm); }

@media (min-width: 700px) and (max-width: 1099px) {
  .dm-side { display: grid; grid-template-columns: 1.4fr 1fr; align-items: start; }
  .dm-stats { grid-template-columns: repeat(3, 1fr); }
  .dm-stat--wide { grid-column: auto; }
}
@media (min-width: 1100px) {
  .dm-hub { grid-template-columns: minmax(0, 9fr) minmax(0, 3fr); align-items: stretch; gap: 1.5rem; }
  .dm-hub .world__canvas { display: grid; align-content: center; }
  .dm-side .dm-mini { margin-block-start: auto; }
}

/* ---------- 18. Hareket (reveal) ---------- */
.reveal { opacity: 0; transform: translateY(34px); transition: opacity 1s var(--ease-out), transform 1s var(--ease-out); transition-delay: var(--rd, 0s); }
.reveal--left { transform: translateX(-40px); }
.reveal--right { transform: translateX(40px); }
.reveal--scale { transform: scale(.94); }
[dir="rtl"] .reveal--left { transform: translateX(40px); }
[dir="rtl"] .reveal--right { transform: translateX(-40px); }
.reveal.is-in { opacity: 1; transform: none; }
.split-words .w { display: inline-block; overflow: hidden; vertical-align: bottom; }
.split-words .w > span { display: inline-block; transform: translateY(110%); transition: transform .9s var(--ease-out); transition-delay: calc(var(--i) * 40ms); }
.split-words.is-in .w > span { transform: none; }
.no-js .reveal { opacity: 1; transform: none; }
.no-js .split-words .w > span { transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .reveal, .split-words .w > span, .hero__line > span { opacity: 1 !important; transform: none !important; }
  .world__map .arc { stroke-dashoffset: 0; }
  .marquee__track { animation: none; flex-wrap: wrap; justify-content: center; width: auto; }
}

/* ---------- 19. Kırılımlar ---------- */
@media (min-width: 480px) {
  .stats__sub { grid-template-columns: repeat(3, 1fr); }
  .gallery-mosaic { grid-template-columns: repeat(3, 1fr); }
  .people { grid-template-columns: repeat(3, 1fr); }
  .country-list { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 640px) {
  .hero__copy p { display: block; }
  .hero__progress { display: flex; }
  .stats__main { grid-template-columns: repeat(4, 1fr); }
  .news-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-cols { grid-template-columns: repeat(4, 1fr); }
  .inline-form { flex-direction: row; }
  .inline-form .input { flex: 1; }
  .event-row__cal { display: flex; }
  .pub-grid { grid-template-columns: repeat(3, 1fr); }
  .values-grid { grid-template-columns: repeat(3, 1fr); }
  .form-row { grid-template-columns: 1fr 1fr; }
  .mv-grid { grid-template-columns: 1fr 1fr; }
  .org-grid { grid-template-columns: repeat(3, 1fr); }
  .country-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .chat { inset-block-end: 8.4rem; inset-inline-end: 1.2rem; width: 390px; height: min(600px, calc(100svh - 10.4rem)); border-radius: var(--r-xl); transform: translateY(20px) scale(.96); opacity: 0; visibility: hidden; transition: all var(--t-med) var(--ease-out); }
  .chat.is-open { transform: none; opacity: 1; visibility: visible; }
  .cookie { inset-inline: 1.2rem auto; }
  .search-box__foot { display: flex; }
}
@media (min-width: 900px) {
  .topbar__partners { display: flex; }
  .brand__ten { display: block; }
  .header-actions .btn-donate { display: inline-flex; }
  .kbd { display: inline; }
  .hero__scroll { display: inline-flex; align-items: center; gap: .5rem; color: var(--c-on-dark-muted); font-size: var(--fs-xs); text-decoration: none; letter-spacing: .12em; text-transform: uppercase; }
  .news-layout { grid-template-columns: 1.65fr 1fr; }
  .card--lead { min-height: 520px; }
  .news-grid { grid-template-columns: repeat(4, 1fr); }
  .world__layout { grid-template-columns: 1.75fr 1fr; align-items: start; }
  .events { grid-template-columns: 1fr 1.1fr; align-items: stretch; }
  .media-layout { grid-template-columns: 1.6fr 1fr; }
  .cta-grid { grid-template-columns: 1fr 1fr; }
  .footer-top { grid-template-columns: 1.1fr 2.6fr; }
  .article-layout { grid-template-columns: minmax(0, 1fr) 320px; }
  .article-layout aside { position: sticky; top: 100px; align-self: start; }
  .split { grid-template-columns: 1fr 1fr; gap: 4rem; }
  .president { grid-template-columns: 380px 1fr; gap: 4rem; }
  .people { grid-template-columns: repeat(6, 1fr); }
  .pub-grid { grid-template-columns: repeat(4, 1fr); }
  .pub-feature { grid-template-columns: 1.4fr 1fr; }
  .events-page { grid-template-columns: 1.4fr 1fr; align-items: start; }
  .cal__day { min-height: 96px; }
  .contact-grid { grid-template-columns: 1fr 1.25fr; align-items: start; }
  .dm-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 2rem; align-items: start; }
  .dm-layout .profile { position: sticky; top: 96px; }
  .country-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1100px) {
  .nav { display: block; flex: 1; }
  .nav__list { justify-content: center; }
  .burger { display: none; }
  .header-actions { margin-inline-start: 0; }
  .header-actions .btn-contact { display: inline-flex; }
  .stats__sub { grid-template-columns: repeat(5, 1fr); }
  .values-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 1400px) {
  .nav__link { padding-inline: 1rem; font-size: .96rem; }
}
@media (min-width: 1900px) {
  :root { --container: 1480px; }
  html { font-size: 17px; }
}
@media (min-width: 2500px) {
  :root { --container: 1800px; }
  html { font-size: 19px; }
}
@media (max-width: 1099px) {
  .mega { display: none; }
}
@media print {
  .topbar, .site-header, .chat-fab, .chat-fab-wrap, .bot-intro, .chat, .cookie, .popup, .to-top, .site-footer, .scroll-progress { display: none !important; }
  .reveal { opacity: 1; transform: none; }
}

/* ---------- 20. Hero giriş slaytı (kolaj) ---------- */
.hero__intro { position: absolute; inset: 0; background: radial-gradient(ellipse at 75% 45%, rgba(0, 173, 186, .28), transparent 55%), radial-gradient(ellipse at 10% 100%, rgba(201, 164, 92, .18), transparent 50%), linear-gradient(120deg, var(--c-navy-3), var(--c-navy) 55%, var(--c-navy-2)); }
.hero__intro::before { opacity: .07; }
.hero__collage { position: absolute; inset-block: 0; inset-inline-end: 0; width: 58%; display: none; }
.hx { position: absolute; display: block; overflow: hidden; aspect-ratio: 1; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); box-shadow: var(--shadow-lg); opacity: 0; transform: scale(.85); transition: opacity 1.2s var(--ease-out), transform 1.2s var(--ease-out); }
.hx img { width: 100%; height: 100%; object-fit: cover; }
.hero__slide.is-active .hx { opacity: 1; transform: none; }
.hx--1 { width: 44%; inset-inline-start: 26%; top: 14%; transition-delay: .2s; }
.hx--2 { width: 26%; inset-inline-start: 6%; top: 8%; transition-delay: .4s; }
.hx--3 { width: 30%; inset-inline-start: 62%; top: 46%; transition-delay: .55s; }
.hx--4 { width: 22%; inset-inline-start: 14%; top: 56%; transition-delay: .7s; }
.hx-ring { position: absolute; width: 56%; aspect-ratio: 1; inset-inline-start: 20%; top: 6%; border: 1px solid rgba(201, 164, 92, .45); transform: rotate(45deg); border-radius: 6px; animation: spinSlow 90s linear infinite; }
@media (min-width: 760px) { .hero__collage { display: block; } }
@media (max-width: 639px) {
  .hero__copy h2 { font-size: 1.7rem; margin-block-end: .4rem; }
  .hero__copy .eyebrow { margin-block-end: .4rem; }
  .hero__copy .btn { min-height: 40px; padding: .4rem .9rem; }
  .hero__stage { aspect-ratio: auto; height: auto; min-height: 0; }
  .hero__slide { position: absolute; }
  .hero__stage::before { content: ""; display: block; padding-top: 92%; }
  .hero__slide:not(.hero__slide--intro) .hero__media { inset: 0; transform: none !important; overflow: hidden; }
  .hero__slide:not(.hero__slide--intro) .hero__media::before { content: ""; position: absolute; inset: -30px; background: var(--bg) center / cover; filter: blur(22px) brightness(.55); }
  .hero__slide:not(.hero__slide--intro) .hero__media picture, .hero__slide:not(.hero__slide--intro) .hero__media > img { position: relative; height: 100%; }
  .hero__slide:not(.hero__slide--intro) .hero__media img { object-fit: contain; transform: none !important; }
  /* Ayrı mobil görsel (1080×994, ~1:0.92) yüklenmişse kırpmasız tam alan; bulanık zemin gerekmez */
  .hero__slide.hero__slide--mobile-img .hero__media::before { content: none; }
  .hero__slide.hero__slide--mobile-img .hero__media img { object-fit: cover; }
}
.page-hero--article h1 { max-width: 28ch; font-size: var(--fs-2xl); }
.article-hero-img { aspect-ratio: 21 / 9; }
.stats__sub { grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)) !important; gap: 1rem; }
.stats__sub li { min-width: 0; }
.stats__sub small { overflow-wrap: break-word; line-height: 1.35; display: block; }
@media (max-width: 899px) {
  .reveal--left:not(.is-in), .reveal--right:not(.is-in) { transform: translateY(30px); }
}

/* Koyu zeminlerdeki ikon butonları */
.chat__head .icon-btn:hover, .drawer__close:hover, .modal__close:hover, .modal__nav:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.site-header .icon-btn { color: var(--c-text-soft); }
.nav__link { white-space: nowrap; }
@media (min-width: 1100px) and (max-width: 1349px) {
  .nav__link { padding-inline: .55rem; font-size: .88rem; }
  .brand__ten { display: none; }
}
@media (max-width: 639px) {
  .world__map { padding: .35rem; }
  .world__ctrls { inset-block-start: .5rem; inset-inline-end: .5rem; grid-auto-flow: column; }
  .world__ctrls button { width: 34px; height: 34px; }
  .world__ctrls button + button { border-block-start: 0; border-inline-start: 1px solid rgba(255, 255, 255, .12); }
  .world__tour { inset-block-start: .5rem; inset-inline-start: .5rem; min-height: 34px; padding: 0 .6rem; }
  .world__tour span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .world__stamp { inset-block-end: .5rem; inset-inline-start: .5rem; min-width: 0; padding: .45rem .65rem; }
  .world__stamp-name { font-size: 1rem; }
  .world__stamp-date { font-size: .8rem; }
  .world__stamp small { display: none; }
  .cc__stats dd { font-size: 1.3rem; }
}

/* ---------- 21. Video slayt ---------- */
.hero__slide--video .hero__media video { width: 100%; height: 100%; object-fit: cover; background: var(--c-navy-3); transform: none; }
.hero__slide--video .hero__veil { background: linear-gradient(180deg, rgba(7, 21, 41, .15) 0%, rgba(7, 21, 41, 0) 30%, rgba(7, 21, 41, .55) 100%); }
.hero__badge { position: absolute; z-index: 2; inset-block-start: 1rem; inset-inline-start: var(--gutter); display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .6rem; border-radius: var(--r-sm); background: rgba(7, 21, 41, .7); color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; pointer-events: none; }
.hero__badge .icon { width: 10px; height: 10px; color: var(--c-gold); }
.hero__sound { position: absolute; z-index: 2; inset-block-end: 1rem; inset-inline-end: var(--gutter); display: inline-flex; align-items: center; gap: .45rem; min-height: 40px; padding: 0 .85rem; border-radius: var(--r-sm); border: 1px solid rgba(255, 255, 255, .25); background: rgba(7, 21, 41, .65); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; font-size: var(--fs-xs); font-weight: 600; }
.hero__sound:hover { border-color: #fff; }
.hero__sound .icon { width: 17px; height: 17px; }
.hero__slide--video.is-loading .hero__media::after { content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 50%; width: 34px; height: 34px; margin: -17px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .25); border-top-color: #fff; animation: spinSlow .9s linear infinite; }
@media (max-width: 639px) {
  .hero__sound span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .hero__sound { padding: 0; width: 40px; justify-content: center; inset-block-end: .6rem; }
  .hero__badge { inset-block-start: .6rem; }
}
.hero__slide--video .hero__media { background: var(--c-navy-3) var(--poster) center / cover no-repeat; }
.hero__slide--video.is-error video { visibility: hidden; }
.hero__slide--video.is-error .hero__sound { display: none; }

/* ---------- 22. Ana sayfa harita paneli (sade yerleşim) ---------- */
.world__map--panel { padding: 0; display: grid; grid-template-rows: auto 1fr auto; }
.world__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem 1rem; padding: .7rem .8rem; border-block-end: 1px solid rgba(255, 255, 255, .07); }
.world__filters { display: flex; gap: .3rem; overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.world__filters::-webkit-scrollbar { display: none; }
.world__filters .chip { min-height: 34px; padding: .25rem .8rem; font-size: .8rem; flex: none; }
.world__tools { display: flex; align-items: center; gap: .5rem; margin-inline-start: auto; }
.world__ctrls--inline { position: static; grid-auto-flow: column; }
.world__ctrls--inline button { width: 36px; height: 36px; }
.world__ctrls--inline button + button { border-block-start: 0; border-inline-start: 1px solid rgba(255, 255, 255, .12); }
.world__tour--inline { position: static; min-height: 36px; }
.world__canvas { position: relative; padding: .6rem clamp(.4rem, 1.5vw, 1.2rem); }
.world__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem 1.5rem; padding: .65rem 1rem; border-block-start: 1px solid rgba(255, 255, 255, .07); }
.world__foot .world__sum, .world__foot .world__legend { margin: 0; }
.world__foot .world__legend { gap: .4rem 1.2rem; }

/* Görsel gürültüyü azalt: yaylar soluk, nabız yalnızca seçili ülkede, Türkiye altınla dolmaz */
.world__map--panel .arc { opacity: .12; }
.world__map--panel .arc.is-dim { opacity: .04; }
.world__map--panel .arc.is-active { opacity: 1; }
.world__map--panel .pin-pulse { display: none; }
.world__map--panel .pin-pulse.is-on { display: inline; }
.world__map--panel .land.is-home { fill: #1b6680; stroke: var(--c-gold); stroke-width: 1.2; }
.world__map--panel .land.is-home.is-selected { fill: var(--c-gold); }

/* Açılır ülke listesi */
.world__list { display: grid; gap: .5rem; }
.world__list-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; padding: 0 1rem; border-radius: var(--r-sm); border: 1px solid rgba(255, 255, 255, .12); background: transparent; color: #fff; font-size: var(--fs-sm); font-weight: 600; }
.world__list-toggle:hover { border-color: rgba(255, 255, 255, .35); }
.world__list-toggle .icon { width: 16px; height: 16px; transition: transform var(--t-fast); }
.world__list-toggle[aria-expanded="true"] .icon { transform: rotate(180deg); }
.world__list .country-list { max-height: 240px; }

@media (max-width: 899px) {
  .world__bar { padding: .55rem; }
  .world__tools { width: 100%; justify-content: space-between; margin: 0; }
}
.world__map--panel .arc.is-future { opacity: 0; }
.world__layout > * { min-width: 0; }
.world__bar > * { min-width: 0; }
.world__map--panel { grid-template-columns: minmax(0, 1fr); }

/* ---------- 23. Tek satır header (üst şerit kaldırıldı) ---------- */
.header-actions { gap: .15rem; }
.header-actions .tool-btn { color: var(--c-text-soft); font-size: .8rem; font-weight: 600; letter-spacing: .04em; border-radius: var(--r-btn); padding: 0 .55rem; gap: .3rem; }
.header-actions .tool-btn:hover, .header-lang.is-open .tool-btn { background: var(--c-surface-2); color: var(--c-text); }
.header-actions .tool-btn .icon { width: 17px; height: 17px; }
.header-actions .tool-btn .icon:last-child { width: 13px; height: 13px; opacity: .6; }
.header-actions .theme-toggle { color: var(--c-text-soft); }
.header-actions .header-lang, .header-actions .theme-toggle { display: none; }
.header-actions .btn-donate { margin-inline-start: .35rem; }
@media (min-width: 700px) { .header-actions .header-lang, .header-actions .theme-toggle { display: inline-flex; } .header-actions .header-lang { display: block; } }

.drawer__meta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-start: .6rem; padding-block-start: 1rem; border-block-start: 1px solid rgba(255, 255, 255, .1); }
.drawer__langs { display: flex; gap: .2rem; list-style: none; }
.drawer__langs a { display: grid; place-items: center; min-width: 40px; min-height: 40px; border-radius: var(--r-btn); color: var(--c-on-dark-muted); font-size: .8rem; font-weight: 700; text-decoration: none; }
.drawer__langs a[aria-current="true"], .drawer__langs a:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.drawer__meta .theme-toggle { color: #fff; }
.drawer__meta .theme-toggle:hover { background: rgba(255, 255, 255, .1); }
.drawer__social { color: var(--c-on-dark-muted); }
.drawer__social a { width: 40px; height: 40px; }
.drawer__partners { display: grid; gap: .1rem; list-style: none; font-size: var(--fs-xs); }
.drawer__partners a { display: inline-flex; align-items: center; gap: .4rem; min-height: 36px; color: var(--c-on-dark-muted); text-decoration: none; }
.drawer__partners a:hover { color: #fff; }
.drawer__partners .icon { width: 12px; height: 12px; color: var(--c-gold); }

.footer-partners { display: flex; flex-wrap: wrap; gap: .3rem 1.2rem; list-style: none; }
.footer-partners a { color: var(--c-on-dark-muted); text-decoration: none; }
.footer-partners a:hover { color: #fff; }
@media (min-width: 1100px) and (max-width: 1279px) {
  .header-actions .btn-contact { display: none !important; }
  .nav__link { padding-inline: .45rem; }
}

/* ---------- 24. Tema seçeneği: üst şerit (config.js → topbar) ---------- */
html[data-topbar="off"] .topbar { display: none; }
html[data-topbar="on"] .header-actions .header-lang,
html[data-topbar="on"] .header-actions .theme-toggle { display: none !important; }

/* ---------- 25. Azaltılmış hareket (ayar paneli seçimi) ---------- */
html[data-motion="reduce"] *, html[data-motion="reduce"] *::before, html[data-motion="reduce"] *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
html[data-motion="reduce"] .reveal, html[data-motion="reduce"] .split-words .w > span, html[data-motion="reduce"] .hero__line > span { opacity: 1 !important; transform: none !important; }
html[data-motion="reduce"] .world__map .arc { stroke-dashoffset: 0; }
html[data-motion="reduce"] .marquee__track { animation: none; flex-wrap: wrap; justify-content: center; width: auto; }

/* ---------- 26. Tema ayar paneli (çark) ---------- */
.cz-toggle { position: fixed; z-index: 180; inset-block-start: 50%; inset-inline-end: 0; display: grid; place-items: center; width: 44px; height: 48px; margin-block-start: -24px; border: 1px solid var(--c-line); border-inline-end: 0; border-radius: var(--r-md) 0 0 var(--r-md); background: var(--c-card); color: var(--c-text); box-shadow: var(--shadow-md); transition: background-color var(--t-fast), color var(--t-fast); }
[dir="rtl"] .cz-toggle { border-radius: 0 var(--r-md) var(--r-md) 0; }
.cz-toggle:hover, .cz-toggle.is-open { background: var(--c-navy); color: #fff; border-color: var(--c-navy); }
.cz-toggle .icon { width: 20px; height: 20px; transition: transform .6s var(--ease-out); }
.cz-toggle:hover .icon, .cz-toggle.is-open .icon { transform: rotate(90deg); }
.cz { position: fixed; z-index: 181; inset-block-start: 50%; inset-inline-end: 52px; width: min(320px, calc(100vw - 68px)); max-height: calc(100svh - 2rem); overflow-y: auto; transform: translateY(-50%); background: var(--c-card); color: var(--c-text); border: 1px solid var(--c-line); border-radius: var(--r-lg); box-shadow: var(--shadow-lg); animation: czIn .25s var(--ease-out); }
@keyframes czIn { from { opacity: 0; transform: translate(8px, -50%); } }
.cz__head { display: flex; align-items: center; justify-content: space-between; padding: .7rem .6rem .7rem 1.1rem; border-block-end: 1px solid var(--c-line); }
[dir="rtl"] .cz__head { padding: .7rem 1.1rem .7rem .6rem; }
.cz__head strong { font-size: .95rem; }
.cz__close { width: 36px; height: 36px; }
.cz__body { display: grid; gap: 1.1rem; padding: 1rem 1.1rem; }
.cz__row { display: grid; gap: .45rem; }
.cz__label { font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-muted); }
.cz__seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; padding: 3px; border-radius: var(--r-sm); background: var(--c-surface-2); }
.cz__seg button { min-height: 36px; border: 0; border-radius: 2px; background: transparent; color: var(--c-muted); font-size: .82rem; font-weight: 600; }
.cz__seg button:hover { color: var(--c-text); }
.cz__seg button[aria-checked="true"] { background: var(--c-card); color: var(--c-text); box-shadow: var(--shadow-sm); }
.cz__sws { display: flex; gap: .5rem; }
.cz__sw { display: flex; width: 48px; height: 36px; padding: 3px; border: 1px solid var(--c-line); border-radius: var(--r-sm); background: var(--c-card); }
.cz__sw i { flex: 1; border-radius: 1px; }
.cz__sw:hover { border-color: var(--c-line-strong); }
.cz__sw[aria-checked="true"] { border-color: var(--c-text); box-shadow: 0 0 0 1px var(--c-text); }
.cz__pal { font-size: .78rem; color: var(--c-text-soft); }
.cz__hint { font-size: .7rem; color: var(--c-muted); }
.cz__foot { display: grid; gap: .6rem; padding: .9rem 1.1rem 1.1rem; border-block-start: 1px solid var(--c-line); }
.cz__foot p { margin: 0; font-size: .72rem; color: var(--c-muted); }
@media print { .cz-toggle, .cz { display: none !important; } }
@media (max-width: 639px) { .cz-toggle, .cz { display: none !important; } }

/* ---------- 27. Tema seçeneği: modern menü (config.js → menu: "modern") ----------
   Klasik mega menü DOM'u korunur. Kapsül şeklinde menü çubuğu, imleçle kayan vurgu,
   açılan içeriğe göre boyut/konum değiştiren yüzen panel (morph), yön duyarlı geçiş,
   kademeli bağlantı girişi, imleci izleyen ışık ve sayfa karartması. Yalnızca ≥1100px. */
.nav-ring, .nav-pill, .nav-morph, .nav-scrim { display: none; }
.nav__roll-b { display: none; }
@property --ring-a { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@media (min-width: 1100px) {
  html[data-menu="modern"] .nav { position: relative; align-self: stretch; display: flex; align-items: center; justify-content: center; }
  /* Menü çubuğu: cam kapsül + dönen turkuaz/altın çerçeve ışığı + imleci izleyen parıltı */
  html[data-menu="modern"] .nav__list { padding: 5px; gap: 2px; border-radius: 999px; background: color-mix(in srgb, var(--c-surface) 75%, transparent); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 8px 24px -12px rgba(11, 31, 58, .25); }
  html[data-menu="modern"] .nav-ring { display: block; position: absolute; z-index: 1; left: 0; top: 0; width: var(--rw, 0); height: var(--rh, 0); transform: translate(var(--rx, 0), var(--ry, 0)); border-radius: 999px; pointer-events: none; }
  html[data-menu="modern"] .nav-ring::before, html[data-menu="modern"] .nav-ring::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-menu="modern"] .nav-ring::before { background: conic-gradient(from var(--ring-a, 0deg), var(--c-line) 0 55%, var(--c-brand) 68%, var(--c-gold) 76%, var(--c-line) 88%); animation: ringSpin 7s linear infinite; }
  html[data-menu="modern"] .nav-ring::after { background: radial-gradient(90px circle at var(--lx, -200px) var(--ly, 50%), var(--c-brand), color-mix(in srgb, var(--c-gold) 70%, transparent) 45%, transparent 75%); opacity: 0; transition: opacity .3s; }
  html[data-menu="modern"] .nav-ring.is-lit::after { opacity: 1; }
  @keyframes ringSpin { to { --ring-a: 360deg; } }

  /* Başlıklar: manyetik çekim + yukarı yuvarlanan harfler */
  html[data-menu="modern"] .nav__link { position: relative; z-index: 3; border-radius: 999px; min-height: 42px; padding-inline: 1.05rem; color: var(--c-text-soft); transition: color .35s var(--ease-out); }
  html[data-menu="modern"] .nav__link::after { display: none; }
  html[data-menu="modern"] .nav__link > * { transform: translate(var(--tx, 0), var(--ty, 0)); transition: transform .5s var(--ease-out); }
  html[data-menu="modern"] .nav__link:hover > * { transition-duration: .15s; }
  html[data-menu="modern"] .nav__roll { position: relative; display: inline-block; overflow: hidden; height: 1.3em; line-height: 1.3; vertical-align: middle; }
  html[data-menu="modern"] .nav__roll-a, html[data-menu="modern"] .nav__roll-b { display: block; transition: transform .5s var(--ease-out); }
  html[data-menu="modern"] .nav__roll-b { position: absolute; inset: 100% 0 auto; }
  html[data-menu="modern"] .nav__link:hover .nav__roll-a, html[data-menu="modern"] .nav__link:hover .nav__roll-b, html[data-menu="modern"] .nav__link:focus-visible .nav__roll-a, html[data-menu="modern"] .nav__link:focus-visible .nav__roll-b { transform: translateY(-100%); }
  html[data-menu="modern"] .nav__link .icon { opacity: .5; transition: transform .4s var(--ease-out), opacity .2s; }
  html[data-menu="modern"] .nav__link.is-pilled, html[data-menu="modern"] .nav__link.is-pilled:hover { color: #fff; }
  html[data-menu="modern"] .nav__link.is-pilled .icon { opacity: .9; }
  html[data-menu="modern"] .nav__item.is-open > .nav__link > .icon { transform: rotate(180deg); }
  html[data-menu="modern"] .nav__link[aria-current="page"]:not(.is-pilled) { color: var(--c-brand-ink); }

  /* Elastik lacivert kapsül: gidilen yöndeki kenar önden, diğeri geriden gelir */
  html[data-menu="modern"] .nav-pill { display: block; position: absolute; z-index: 2; top: var(--py, 0); left: var(--pl, 0); right: var(--pr, 100%); height: var(--ph, 0); border-radius: 999px; background: linear-gradient(135deg, var(--c-navy-2), var(--c-navy) 60%); box-shadow: 0 6px 18px -6px rgba(11, 31, 58, .55), inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .06); opacity: 0; transform: scale(.9); pointer-events: none; transition: left .45s var(--ease-out), right .45s var(--ease-out), opacity .25s, transform .35s var(--ease-out); }
  html[data-menu="modern"] .nav-pill[data-dir="next"] { transition: left .55s var(--ease-out) .06s, right .32s var(--ease-out), opacity .25s, transform .35s var(--ease-out); }
  html[data-menu="modern"] .nav-pill[data-dir="prev"] { transition: left .32s var(--ease-out), right .55s var(--ease-out) .06s, opacity .25s, transform .35s var(--ease-out); }
  html[data-menu="modern"] .nav-pill[data-dir="none"] { transition: opacity .25s, transform .35s var(--ease-out); }
  html[data-menu="modern"] .nav-pill::after { content: ""; position: absolute; inset-inline: 28%; inset-block-end: -1px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--c-brand), var(--c-gold), transparent); box-shadow: 0 0 10px var(--c-brand); }
  html[data-menu="modern"] .nav-pill.is-on { opacity: 1; transform: none; }

  /* Yüzen, biçim değiştiren panel zemini */
  html[data-menu="modern"] .nav-morph { display: block; position: absolute; z-index: 1; left: 0; top: 0; width: var(--mw, 600px); height: var(--mh, 300px); transform: translate(var(--mx, 0), var(--my, 0)) translateY(8px) scale(.97); transform-origin: var(--ax, 50%) 0; border-radius: 18px; background: radial-gradient(420px circle at var(--gx, 50%) var(--gy, 0), color-mix(in srgb, var(--c-brand) 13%, transparent), transparent 60%), var(--c-card); border: 1px solid var(--c-line); box-shadow: 0 30px 80px -20px rgba(11, 31, 58, .35), 0 10px 30px -10px rgba(11, 31, 58, .2); opacity: 0; visibility: hidden; pointer-events: none; transition: transform .5s var(--ease-out), width .5s var(--ease-out), height .5s var(--ease-out), opacity .25s, visibility .25s; }
  html[data-menu="modern"] .nav.has-open .nav-morph { opacity: 1; visibility: visible; transform: translate(var(--mx, 0), var(--my, 0)); }
  html[data-menu="modern"] .nav-morph__arrow { position: absolute; top: -7px; left: 0; width: 14px; height: 14px; transform: translateX(calc(var(--ax, 0px) - 7px)) rotate(45deg); background: var(--c-card); border-top: 1px solid var(--c-line); border-left: 1px solid var(--c-line); border-radius: 3px 0 0 0; transition: transform .5s var(--ease-out); }
  html[data-menu="modern"] .nav.no-anim .nav-pill, html[data-menu="modern"] .nav.no-anim .nav-morph, html[data-menu="modern"] .nav.no-anim .nav-morph__arrow { transition: none; }

  /* Paneller: zemin morph katmanında, içerik yön duyarlı kayarak gelir */
  html[data-menu="modern"] .mega { inset-inline: auto; left: var(--ml, 0); right: auto; top: 100%; z-index: 2; width: max-content; padding-block-start: 10px; background: none; border: 0; box-shadow: none; transform: none; transition: opacity .2s, visibility .2s; }
  html[data-menu="modern"] .mega__inner { width: auto; max-width: calc(100vw - 32px); margin: 0; padding: 14px; grid-template-columns: 230px auto 250px; gap: 1.4rem; transition: transform .45s var(--ease-out); }
  html[data-menu="modern"] .nav[data-dir="next"] .nav__item:not(.is-open) .mega__inner { transform: translateX(-60px); }
  html[data-menu="modern"] .nav[data-dir="prev"] .nav__item:not(.is-open) .mega__inner { transform: translateX(60px); }
  html[data-menu="modern"] .nav[data-dir="next"] .nav__item.is-open .mega__inner { animation: megaFromRight .45s var(--ease-out); }
  html[data-menu="modern"] .nav[data-dir="prev"] .nav__item.is-open .mega__inner { animation: megaFromLeft .45s var(--ease-out); }
  @keyframes megaFromRight { from { transform: translateX(60px); } }
  @keyframes megaFromLeft { from { transform: translateX(-60px); } }

  /* Tanıtım sütunu: lacivert, ışıltılı kart */
  html[data-menu="modern"] .mega__intro { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 1.4rem 1.3rem; border-radius: 12px; color: var(--c-on-dark); background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--c-brand) 45%, transparent), transparent 60%), radial-gradient(90% 70% at 0% 100%, color-mix(in srgb, var(--c-gold) 30%, transparent), transparent 65%), var(--c-navy); }
  html[data-menu="modern"] .mega__intro::before { content: ""; position: absolute; inset: 0; background: url("../img/motif.svg") repeat; background-size: 46px; opacity: .07; pointer-events: none; }
  html[data-menu="modern"] .mega__intro h3 { position: relative; color: #fff; font-size: 1.4rem; }
  html[data-menu="modern"] .mega__intro p { position: relative; color: var(--c-on-dark-muted); font-size: .84rem; }
  html[data-menu="modern"] .mega__intro .link-arrow { position: relative; margin-block-start: auto; color: #fff; }
  html[data-menu="modern"] .mega__intro .link-arrow .icon { transition: transform var(--t-fast); }
  html[data-menu="modern"] .mega__intro .link-arrow:hover .icon { transform: translateX(4px); }

  /* Bağlantılar: ikon çipli karolar, imleç ışığı, kademeli giriş */
  html[data-menu="modern"] .mega__cols { grid-template-columns: repeat(2, 210px); gap: 4px; padding-block: .3rem; }
  html[data-menu="modern"] .mega__cols--3 { grid-template-columns: repeat(3, 196px); }
  html[data-menu="modern"] .mega__cols a { position: relative; overflow: hidden; gap: .75rem; padding: .45rem .6rem .45rem .45rem; border-radius: 10px; isolation: isolate; }
  html[data-menu="modern"] .mega__cols a::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(160px circle at var(--gx, -200px) var(--gy, -200px), color-mix(in srgb, var(--c-brand) 16%, transparent), transparent 70%); opacity: 0; transition: opacity var(--t-fast); }
  html[data-menu="modern"] .mega__cols a:hover { background: color-mix(in srgb, var(--c-surface) 80%, transparent); color: var(--c-text); transform: none; }
  html[data-menu="modern"] .mega__cols a:hover::before { opacity: 1; }
  html[data-menu="modern"] .mega__cols a > .icon:first-child { flex: none; width: 36px; height: 36px; padding: 8px; border-radius: 9px; background: var(--c-brand-soft); color: var(--c-brand-ink); transition: background-color var(--t-fast), color var(--t-fast), transform .35s var(--ease-out); }
  html[data-menu="modern"] .mega__cols a:hover > .icon:first-child { background: var(--c-btn-brand); color: var(--c-btn-brand-fg); transform: rotate(-8deg) scale(1.06); }
  html[data-menu="modern"] .mega__group { padding: .5rem .5rem .1rem; }
  html[data-menu="modern"] .nav__item.is-open .mega__cols > li { animation: megaLinkIn .5s var(--ease-out) both; animation-delay: calc(var(--i, 0) * 28ms + 60ms); }
  @keyframes megaLinkIn { from { opacity: 0; transform: translateY(8px); } }

  /* Öne çıkan kart ve rakamlar */
  html[data-menu="modern"] .mega__feature { min-height: 0; border-radius: 12px; }
  html[data-menu="modern"] .mega__feature img { opacity: .7; }
  html[data-menu="modern"] .mega__feature:hover img { transform: scale(1.08); opacity: .55; }
  html[data-menu="modern"] .mega__stats { gap: 6px; }
  html[data-menu="modern"] .mega__stats div { border-radius: 12px; border: 1px solid var(--c-line); background: linear-gradient(160deg, var(--c-surface), var(--c-card)); }

  /* Sayfa karartması (header'ın altında) */
  html[data-menu="modern"] .nav-scrim { display: block; position: fixed; z-index: 45; inset: var(--st, 84px) 0 0; background: rgba(7, 21, 41, .28); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s, visibility .3s; }
  html[data-menu="modern"].menu-dim .nav-scrim { opacity: 1; visibility: visible; }
}
@media (min-width: 1100px) and (max-width: 1349px) {
  html[data-menu="modern"] .mega__inner { grid-template-columns: 200px auto 210px; }
  html[data-menu="modern"] .mega__cols--3 { grid-template-columns: repeat(3, 180px); }
  html[data-menu="modern"] .mega__cols--3 ~ .mega__feature { display: none; }
  html[data-menu="modern"] .mega__inner:has(.mega__cols--3) { grid-template-columns: 200px auto; }
  html[data-menu="modern"] .nav__link { padding-inline: .7rem; }
}
:root[data-theme="dark"][data-menu="modern"] .nav__list { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); }
:root[data-theme="dark"][data-menu="modern"] .nav-pill { background: linear-gradient(135deg, #2fc3cd, var(--c-brand)); box-shadow: 0 6px 20px -6px color-mix(in srgb, var(--c-brand) 70%, transparent); }
:root[data-theme="dark"][data-menu="modern"] .nav__link.is-pilled { color: var(--c-navy-3); }
:root[data-theme="dark"][data-menu="modern"] .nav-morph { box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .7); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-menu="modern"] .nav__list { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); }
  :root:not([data-theme="light"])[data-menu="modern"] .nav-pill { background: linear-gradient(135deg, #2fc3cd, var(--c-brand)); box-shadow: 0 6px 20px -6px color-mix(in srgb, var(--c-brand) 70%, transparent); }
  :root:not([data-theme="light"])[data-menu="modern"] .nav__link.is-pilled { color: var(--c-navy-3); }
  :root:not([data-theme="light"])[data-menu="modern"] .nav-morph { box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .7); }
}
@media print { .nav-ring, .nav-pill, .nav-morph, .nav-scrim { display: none !important; } }