/* ==========================================================================
   Akgün Şirketler Grubu — ön yüz stilleri
   Tek dosya, framework yok. Renk ve boşluklar değişkenlerde; koyu bantlar
   (.koyu) kendi değişkenlerini ezer, bileşenler iki zeminde de çalışır.

   Kimlik: lacivert zemin, ölçülü altın vurgu, başlıklarda Newsreader (serif),
   metinde Inter. Marka renkleri satır içi stil OLMADAN, duzen.php'deki nonce'lu
   bloktan [data-marka] seçicisiyle --marka değişkeni olarak gelir.
   Kontrast: gövde metni 9:1, soluk metin 5.3:1, altın-koyu metin 4.9:1.
   ========================================================================== */

/* --- Yazı tipleri (yerel; Türkçe harfler küçük ayrı alt kümede) ----------- */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../font/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-011D, U+0120-012F, U+0132-0151, U+0154-015D, U+0160-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20B9, U+20BB-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../font/inter-tr.woff2') format('woff2'); unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../font/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400 650; font-display: swap;
  src: url('../font/newsreader-tr.woff2') format('woff2'); unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA; }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400 650; font-display: swap;
  src: url('../font/newsreader-latin.woff2') format('woff2');
  unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+2013-2014, U+2018-201D, U+2022, U+2026, U+2039-203A, U+2122; }
@font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 400 650; font-display: swap;
  src: url('../font/newsreader-italik-tr.woff2') format('woff2'); unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA; }
@font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 400 650; font-display: swap;
  src: url('../font/newsreader-italik-latin.woff2') format('woff2');
  unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+2013-2014, U+2018-201D, U+2022, U+2026, U+2039-203A, U+2122; }

:root {
  --lacivert-950: #050e1f;
  --lacivert-900: #07142b;
  --lacivert-800: #0b1d3a;
  --lacivert-700: #132a52;
  --lacivert-600: #1d3a6e;
  --mavi: #1d5fd0;
  --mavi-koyu: #1849a8;
  --mavi-acik: #e8effc;
  --altin: #c6a15b;
  --altin-acik: #dcc28d;
  --altin-koyu: #8a6a2e;
  --altin-zemin: #f6efe1;

  --murekkep: #0d1b2e;
  --metin: #3a475a;
  --soluk: #5f6b7d;
  --cizgi: #e2e7ee;
  --cizgi-2: #eef2f6;
  --zemin: #ffffff;
  --zemin-2: #f5f7fa;
  --zemin-3: #eef2f7;
  --baglanti: var(--mavi);
  --vurgu: var(--altin-koyu);

  --basari: #0e7a54; --basari-zemin: #e7f5ee;
  --hata: #b8322a;   --hata-zemin: #fcecea;
  --uyari: #94560a;  --uyari-zemin: #fdf3e2;

  --yazi: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --baslik-yazi: 'Newsreader', 'Iowan Old Style', 'Palatino Linotype', Georgia, 'Times New Roman', serif;

  --fs-h1: clamp(2.35rem, 1.3rem + 3.9vw, 4.5rem);
  --fs-h2: clamp(1.85rem, 1.25rem + 2.1vw, 3rem);
  --fs-h3: clamp(1.3rem, 1.15rem + .55vw, 1.6rem);
  --fs-giris: clamp(1.05rem, .98rem + .3vw, 1.2rem);

  --kap: 1240px;
  --kenar: clamp(16px, 4vw, 32px);
  --bolum: clamp(72px, 8.5vw, 120px);
  --ust-y: 84px;

  --r-kucuk: 8px;
  --r: 14px;
  --r-buyuk: 20px;

  --golge-1: 0 1px 2px rgba(10, 22, 40, .05), 0 2px 8px -2px rgba(10, 22, 40, .06);
  --golge-2: 0 18px 44px -22px rgba(7, 20, 43, .32), 0 2px 6px rgba(7, 20, 43, .05);
  --golge-3: 0 40px 90px -40px rgba(5, 14, 31, .55);
  --gecis: cubic-bezier(.2, .7, .2, 1);
}

.koyu {
  --murekkep: #ffffff;
  --metin: #c3cddb;
  --soluk: #97a5ba;
  --cizgi: rgba(255, 255, 255, .12);
  --cizgi-2: rgba(255, 255, 255, .07);
  --baglanti: var(--altin-acik);
  --vurgu: var(--altin-acik);
  color: var(--metin);
}

/* --- Temel ---------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--ust-y) + 16px); }
body {
  margin: 0; background: var(--zemin); color: var(--metin);
  font: 400 1.03rem/1.7 var(--yazi); font-feature-settings: 'cv11', 'ss01';
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
  overflow-x: clip;
}
body.kilitli { overflow: hidden; }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; display: block; }
a { color: var(--baglanti); text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { text-decoration-color: currentColor; }
p { margin: 0 0 1em; }
h1, h2, h3, h4 { font-family: var(--baslik-yazi); color: var(--murekkep); font-weight: 500; margin: 0 0 .5em; letter-spacing: -.012em; text-wrap: balance; }
h1 { font-size: var(--fs-h1); line-height: 1.06; }
h2 { font-size: var(--fs-h2); line-height: 1.12; }
h3 { font-size: var(--fs-h3); line-height: 1.25; }
h4 { font-size: 1.15rem; line-height: 1.3; }
strong { font-weight: 600; color: var(--murekkep); }
::selection { background: rgba(198, 161, 91, .35); color: inherit; }
:focus-visible { outline: 2px solid var(--mavi); outline-offset: 3px; border-radius: 4px; }
.koyu :focus-visible { outline-color: var(--altin-acik); }
main:focus { outline: none; }
button { font: inherit; }

.atla { position: absolute; left: 16px; top: -60px; z-index: 200; background: var(--altin); color: var(--lacivert-900); padding: 10px 16px; border-radius: var(--r-kucuk); font-weight: 600; text-decoration: none; transition: top .2s; }
.atla:focus { top: 12px; }
.gizli-metin { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ikon { width: 1.15em; height: 1.15em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.18em; }
.ikon--marka { fill: currentColor; stroke: none; }
.ikon-kume { position: absolute; width: 0; height: 0; overflow: hidden; }

/* --- Yerleşim ------------------------------------------------------------- */
.kap { width: 100%; max-width: calc(var(--kap) + 2 * var(--kenar)); margin-inline: auto; padding-inline: var(--kenar); }
.kap--dar { max-width: calc(860px + 2 * var(--kenar)); }
.bolum { padding-block: var(--bolum); position: relative; }
.bolum--gri { background: var(--zemin-2); }
.izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.izgara > * { min-width: 0; }

.ust-baslik {
  display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px;
  font: 600 .76rem/1.3 var(--yazi); letter-spacing: .18em; text-transform: uppercase; color: var(--vurgu);
}
.ust-baslik::before { content: ''; width: 28px; height: 1px; background: currentColor; opacity: .8; }
.ust-baslik a { color: inherit; text-decoration: none; }
.ust-baslik a:hover { text-decoration: underline; }

.bolum-bas { max-width: 760px; margin-bottom: clamp(36px, 4.5vw, 56px); }
.bolum-bas h2 { margin-bottom: .4em; }
.bolum-bas > p:not(.ust-baslik), .bolum-bas > div > p:not(.ust-baslik) { font-size: var(--fs-giris); color: var(--soluk); margin: 0; max-width: 640px; }
.bolum-bas--yan { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 48px; flex-wrap: wrap; }
.bolum-bas--yan > div { max-width: 720px; }

.ok-baglanti {
  display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: .95rem;
  color: var(--murekkep); text-decoration: none; white-space: nowrap;
}
.ok-baglanti .ikon { color: var(--vurgu); transition: transform .25s var(--gecis); }
.ok-baglanti:hover .ikon { transform: translateX(4px); }
.ok-baglanti:hover { color: var(--murekkep); text-decoration: underline; text-decoration-color: var(--altin); }

.cip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 999px; background: var(--zemin-3); color: var(--metin); font-size: .8rem; font-weight: 600; text-decoration: none; }
.cip--marka { background: var(--altin-zemin); color: var(--altin-koyu); }
.koyu .cip { background: rgba(255, 255, 255, .08); color: #fff; }
.meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: .86rem; color: var(--soluk); }
.meta span { display: inline-flex; align-items: center; gap: 6px; }

/* --- Düğmeler -------------------------------------------------------------- */
.dugme {
  --d-zemin: var(--lacivert-800); --d-metin: #fff; --d-cizgi: transparent;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 12px 24px; border-radius: var(--r-kucuk);
  border: 1px solid var(--d-cizgi); background: var(--d-zemin); color: var(--d-metin);
  font: 600 .95rem/1.2 var(--yazi); letter-spacing: .005em; text-decoration: none; cursor: pointer;
  transition: background-color .2s, color .2s, border-color .2s, transform .2s var(--gecis), box-shadow .2s;
}
.dugme:hover { transform: translateY(-1px); text-decoration: none; }
.dugme:active { transform: none; }
.dugme--birincil { --d-zemin: var(--lacivert-800); }
.dugme--birincil:hover { --d-zemin: var(--lacivert-700); box-shadow: 0 12px 26px -14px rgba(7, 20, 43, .7); }
.koyu .dugme--birincil { --d-zemin: var(--mavi); }
.koyu .dugme--birincil:hover { --d-zemin: var(--mavi-koyu); }
.dugme--altin { --d-zemin: var(--altin); --d-metin: var(--lacivert-900); }
.dugme--altin:hover { --d-zemin: var(--altin-acik); box-shadow: 0 12px 28px -14px rgba(198, 161, 91, .75); }
.dugme--cizgi { --d-zemin: transparent; --d-metin: var(--murekkep); --d-cizgi: #c9d2de; }
.dugme--cizgi:hover { --d-cizgi: var(--murekkep); }
.dugme--cizgi-acik { --d-zemin: transparent; --d-metin: #fff; --d-cizgi: rgba(255, 255, 255, .38); }
.dugme--cizgi-acik:hover { --d-zemin: rgba(255, 255, 255, .08); --d-cizgi: rgba(255, 255, 255, .7); }
.dugme--kucuk { min-height: 40px; padding: 8px 18px; font-size: .9rem; }
.dugme--buyuk { min-height: 56px; padding: 15px 30px; font-size: 1rem; }
.dugme--tam { width: 100%; }
.dugme__ok { transition: transform .25s var(--gecis); }
.dugme:hover .dugme__ok { transform: translateX(3px); }
.dugme--yukleniyor { pointer-events: none; opacity: .75; }
.dugme--yukleniyor::after { content: ''; width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: don .7s linear infinite; }
@keyframes don { to { transform: rotate(360deg); } }
.dugmeler { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.ikon-dugme { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.ikon-dugme:hover { background: rgba(255, 255, 255, .08); }
.ikon-dugme .ikon { width: 22px; height: 22px; }
.ikon-kutu { display: inline-grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 50%; background: var(--lacivert-800); color: var(--altin-acik); }
.ikon-kutu .ikon { width: 21px; height: 21px; }

/* --- Üst bar --------------------------------------------------------------- */
.ust {
  position: fixed; inset: 0 0 auto; z-index: 100; color: #fff;
  background: linear-gradient(180deg, rgba(5, 14, 31, .6), rgba(5, 14, 31, 0));
  transition: background-color .3s, box-shadow .3s;
}
.ust::before {
  content: ''; position: absolute; inset: 0; z-index: -1; opacity: 0;
  background: rgba(7, 20, 43, .94); -webkit-backdrop-filter: blur(14px) saturate(140%); backdrop-filter: blur(14px) saturate(140%);
  border-bottom: 1px solid rgba(255, 255, 255, .08); transition: opacity .3s;
}
.ust--dolu::before, .ust--menu-acik::before { opacity: 1; }
.ust--dolu { box-shadow: 0 12px 30px -20px rgba(0, 0, 0, .6); }
.ust__ic { display: flex; align-items: center; gap: 28px; height: var(--ust-y); }
.logo { display: inline-flex; align-items: center; flex: none; color: #fff; }
.logo__gorsel { height: 40px; width: auto; }
.logo__gorsel--kucuk { height: 34px; }
.ust__menu { margin-left: auto; }
.ana-menu { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.ana-menu__oge { position: relative; }
.ana-menu__oge--mega { position: static; }
.ana-menu__baglanti, .ana-menu__ac {
  position: relative; display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 14px;
  border: 0; background: none; color: rgba(255, 255, 255, .86); cursor: pointer;
  font: 500 .95rem/1 var(--yazi); text-decoration: none; white-space: nowrap;
}
.ana-menu__ac .ikon { width: 15px; height: 15px; opacity: .7; transition: transform .25s; }
.ana-menu__baglanti::after, .ana-menu__ac::after {
  content: ''; position: absolute; left: 14px; right: 14px; bottom: 6px; height: 1px; background: var(--altin);
  transform: scaleX(0); transform-origin: left; transition: transform .3s var(--gecis);
}
.ana-menu__baglanti:hover, .ana-menu__ac:hover, .ana-menu__oge--acik > .ana-menu__ac { color: #fff; }
.ana-menu__baglanti:hover::after, .ana-menu__oge--acik > .ana-menu__ac::after,
.ana-menu__baglanti[aria-current="page"]::after, .ana-menu__oge--aktif > .ana-menu__ac::after { transform: scaleX(1); }
.ana-menu__oge--acik > .ana-menu__ac .ikon { transform: rotate(180deg); }
.ana-menu__oge--dugme { margin-left: 14px; }
.ust__sag { display: flex; align-items: center; gap: 12px; }
.ust__dugme { display: none; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, .25); border-radius: var(--r-kucuk); background: transparent; color: #fff; cursor: pointer; place-items: center; }
.ust__dugme .ikon { width: 22px; height: 22px; }

/* Açılır paneller: kendi zemin ve metin rengiyle (şeffaf üst barın beyaz yazısını miras almaz). */
.acilir {
  --murekkep: #0d1b2e; --metin: #3a475a; --soluk: #5f6b7d; --cizgi: #e2e7ee; --vurgu: var(--altin-koyu); --baglanti: var(--mavi);
  position: absolute; top: 100%; z-index: 5; color: var(--metin); background: #fff;
  visibility: hidden; opacity: 0; transform: translateY(-6px);
  transition: opacity .18s ease, transform .22s var(--gecis), visibility 0s linear .22s;
}
.ana-menu__oge--acik > .acilir { visibility: visible; opacity: 1; transform: none; transition: opacity .18s ease, transform .22s var(--gecis), visibility 0s; }
/* Öğe ile panel arasındaki boşlukta imleç düşmesin: panelin üstünde görünmez köprü. */
.acilir::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 26px; }
.acilir--dar { left: -8px; min-width: 340px; padding: 10px; border-radius: var(--r); box-shadow: var(--golge-3); border: 1px solid var(--cizgi); margin-top: 10px; }
.acilir--dar::before { height: 36px; }
.acilir__oge { display: flex; align-items: flex-start; gap: 14px; padding: 12px 14px; border-radius: 10px; color: var(--murekkep); text-decoration: none; }
.acilir__oge:hover, .acilir__oge[aria-current="page"] { background: var(--zemin-2); }
.acilir__ikon { display: inline-grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 10px; background: var(--altin-zemin); color: var(--altin-koyu); }
.acilir__ikon .ikon { width: 19px; height: 19px; }
.acilir__metin { display: grid; gap: 2px; }
.acilir__metin strong { font-size: .95rem; }
.acilir__metin small { color: var(--soluk); font-size: .82rem; line-height: 1.45; }

.mega { left: 0; right: 0; border-top: 1px solid var(--cizgi); box-shadow: 0 40px 70px -40px rgba(5, 14, 31, .55); }
.mega__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 28px; width: 100%; max-width: calc(var(--kap) + 2 * var(--kenar)); margin-inline: auto; padding: 34px var(--kenar) 26px; }
.mega__izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mega__izgara--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mega__alan { min-width: 0; }
.mega__alan-baslik { display: block; margin: 0 0 10px; padding: 0 10px 12px; border-bottom: 1px solid var(--cizgi); font: 600 .74rem/1.3 var(--yazi); letter-spacing: .16em; text-transform: uppercase; color: var(--altin-koyu); text-decoration: none; }
.mega__alan-baslik:hover { color: var(--murekkep); }
.mega__liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; }
.mega__marka { display: flex; align-items: center; gap: 14px; padding: 10px; border-radius: 12px; color: var(--murekkep); text-decoration: none; transition: background-color .15s; }
.mega__marka:hover, .mega__marka[aria-current="page"] { background: var(--zemin-2); }
/* flex, grid DEĞİL: ızgaranın otomatik satırında resmin max-height:%100'ü çözülmüyor, kare logolar alttan kesiliyordu. */
.mega__logo { display: flex; align-items: center; justify-content: center; width: 92px; height: 54px; flex: none; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; overflow: hidden; }
.mega__logo-gorsel { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.mega__logo-harf { font: 600 1.5rem/1 var(--baslik-yazi); color: var(--marka, var(--mavi)); }
.mega__metin { display: grid; gap: 2px; min-width: 0; }
.mega__metin strong { font-size: .97rem; }
.mega__metin small { color: var(--soluk); font-size: .8rem; line-height: 1.4; }
.mega__alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; width: 100%; max-width: calc(var(--kap) + 2 * var(--kenar)); margin-inline: auto; padding: 16px var(--kenar) 20px; border-top: 1px solid var(--cizgi-2); }
.mega__alt .ok-baglanti { font-size: .9rem; }
.mega__iletisim { display: inline-flex; align-items: center; gap: 8px; font-size: .88rem; color: var(--soluk); }
.mega__iletisim a { color: var(--murekkep); font-weight: 600; text-decoration: none; }

/* --- Mobil çekmece ------------------------------------------------------------- */
.cekmece { position: fixed; inset: 0; z-index: 150; }
.cekmece__perde { position: absolute; inset: 0; background: rgba(5, 14, 31, .55); opacity: 0; transition: opacity .3s; }
.cekmece__panel {
  position: absolute; inset: 0 0 0 auto; width: min(420px, 92vw); display: flex; flex-direction: column;
  background: var(--lacivert-900); padding: 18px 22px 26px; overflow-y: auto; overscroll-behavior: contain;
  transform: translateX(100%); transition: transform .32s var(--gecis);
}
.cekmece--acik .cekmece__perde { opacity: 1; }
.cekmece--acik .cekmece__panel { transform: none; }
.cekmece__ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.cekmece-menu { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--cizgi); }
.cekmece-menu > li { border-bottom: 1px solid var(--cizgi); }
.cekmece-menu > li > a, .cekmece-menu__ac {
  display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 4px;
  border: 0; background: none; color: #fff; font: 500 1.35rem/1.25 var(--baslik-yazi); text-align: left; text-decoration: none; cursor: pointer;
}
.cekmece-menu__ac .ikon { width: 20px; height: 20px; color: var(--altin-acik); transition: transform .25s; }
.cekmece-menu__ac[aria-expanded="true"] .ikon { transform: rotate(180deg); }
.cekmece-menu ul { margin: 0; padding: 0 0 14px; list-style: none; }
.cekmece-menu ul a { display: grid; gap: 2px; padding: 9px 12px; border-radius: 10px; color: #e6ebf2; text-decoration: none; font-size: .98rem; }
.cekmece-menu ul a:hover { background: rgba(255, 255, 255, .06); }
.cekmece-menu ul small { color: var(--soluk); font-size: .8rem; }
.cekmece-menu__grup { padding: 12px 12px 4px; font: 600 .7rem/1.3 var(--yazi); letter-spacing: .16em; text-transform: uppercase; color: var(--altin-acik); }
.cekmece__alt { margin-top: auto; padding-top: 26px; display: grid; gap: 16px; }
.cekmece__iletisim { display: grid; gap: 10px; }
.cekmece__iletisim a { display: inline-flex; align-items: center; gap: 10px; color: #e6ebf2; text-decoration: none; }
.cekmece__iletisim .ikon { color: var(--altin-acik); }

/* --- Açılış ------------------------------------------------------------------ */
.hero {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: min(100svh, 920px); display: flex; flex-direction: column;
  background: radial-gradient(120% 90% at 85% 10%, #173a73 0%, var(--lacivert-900) 55%, var(--lacivert-950) 100%);
  color: #fff;
}
.hero__gorsel { position: absolute; inset: 0; z-index: -2; }
.hero__foto { width: 100%; height: 100%; object-fit: cover; object-position: 62% 55%; filter: saturate(.92) contrast(1.04); animation: yaklas 18s ease-out both; }
@keyframes yaklas { from { transform: scale(1.07); } to { transform: scale(1); } }
.hero__perde {
  position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(90deg, rgba(5, 14, 31, .95) 0%, rgba(7, 20, 43, .86) 34%, rgba(7, 20, 43, .5) 62%, rgba(7, 20, 43, .28) 100%),
    linear-gradient(0deg, rgba(5, 14, 31, .92) 0%, rgba(5, 14, 31, 0) 42%),
    linear-gradient(180deg, rgba(5, 14, 31, .55) 0%, rgba(5, 14, 31, 0) 22%);
}
.hero--fotosuz .hero__perde { background: radial-gradient(60% 50% at 80% 30%, rgba(29, 95, 208, .35), transparent 70%), radial-gradient(40% 40% at 10% 90%, rgba(198, 161, 91, .12), transparent 70%); }
.hero__ic { flex: 1; display: flex; align-items: center; padding-top: calc(var(--ust-y) + 56px); padding-bottom: 150px; }
.hero__metin { max-width: 780px; }
.hero__ust { display: inline-flex; align-items: center; gap: 14px; margin: 0 0 26px; font: 600 .78rem/1.3 var(--yazi); letter-spacing: .2em; text-transform: uppercase; color: var(--altin-acik); }
.hero__ust::before { content: ''; width: 44px; height: 1px; background: var(--altin); }
.hero h1 { color: #fff; font-weight: 450; margin-bottom: .45em; }
.hero h1 em { font-style: italic; font-weight: 450; color: var(--altin-acik); }
.hero__giris { font-size: var(--fs-giris); color: rgba(255, 255, 255, .82); max-width: 640px; margin: 0; }
.hero .dugmeler { margin-top: 40px; }
.hero__markalar { position: absolute; left: 0; right: 0; bottom: 0; border-top: 1px solid rgba(255, 255, 255, .14); background: rgba(5, 14, 31, .5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.hero__markalar-ic { display: flex; align-items: center; gap: 28px; min-height: 92px; }
.hero__markalar-baslik { margin: 0; flex: none; font: 600 .72rem/1.35 var(--yazi); letter-spacing: .18em; text-transform: uppercase; color: var(--altin-acik); max-width: 9em; }

/* Kayan şerit: iz (iki ya da daha çok liste kopyası) bir liste boyu sola kayar ve başa sarar.
   Mesafe ve süre site.js'ten (hız sabit kalsın diye); betik yoksa iki kopya için -%50. Ayırıcı
   nokta her öğenin SONUNDA: kopyalar arasındaki dikiş de aynı aralıkta kalır. */
.kayan {
  flex: 1; min-width: 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 56px, #000 calc(100% - 56px), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 56px, #000 calc(100% - 56px), transparent);
}
.kayan__iz { display: flex; width: max-content; animation: kayan var(--kayan-sure, 34s) linear infinite; will-change: transform; }
@keyframes kayan { to { transform: translateX(var(--kayan-mesafe, -50%)); } }
.kayan:hover .kayan__iz, .kayan--durdu .kayan__iz, .kayan--gizli .kayan__iz { animation-play-state: paused; }
/* Klavyeyle içeri girilince iz başa döner ve durur; tarayıcı odaklanan bağlantıyı görünür kaydırır. */
.kayan:focus-within .kayan__iz { animation: none; }
.kayan__liste { display: flex; flex: none; align-items: center; margin: 0; padding: 0; list-style: none; }
.kayan__liste li { display: flex; align-items: center; }
.kayan__liste li::after { content: ''; flex: none; width: 4px; height: 4px; margin: 0 26px; border-radius: 50%; background: rgba(198, 161, 91, .6); }
.kayan__liste a { padding-block: 6px; color: rgba(255, 255, 255, .86); font: 500 1.12rem/1.3 var(--baslik-yazi); text-decoration: none; white-space: nowrap; transition: color .2s; }
.kayan__liste a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--altin); text-underline-offset: 5px; }
.kayan__dugme { flex: none; display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(255, 255, 255, .24); border-radius: 50%; background: none; color: rgba(255, 255, 255, .78); cursor: pointer; transition: border-color .2s, color .2s; }
.kayan__dugme:hover { border-color: var(--altin); color: #fff; }
.kayan__dugme[hidden] { display: none; }
.kayan__dugme svg { width: 14px; height: 14px; fill: currentColor; }
.kayan__oynat, .kayan--durdu .kayan__durdur { display: none; }
.kayan--durdu .kayan__oynat { display: block; }

/* --- Rakamlar ------------------------------------------------------------- */
.sayac-bolum { background: #fff; border-bottom: 1px solid var(--cizgi); }
.sayac-serit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.sayac-serit--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sayac-serit--5, .sayac-serit--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sayac { display: flex; flex-direction: column-reverse; justify-content: flex-end; padding: 44px 32px 40px; border-left: 1px solid var(--cizgi); min-width: 0; }
.sayac:first-child { border-left: 0; padding-left: 0; }
.sayac dd { margin: 0 0 10px; font: 500 clamp(2.4rem, 1.8rem + 2vw, 3.4rem)/1 var(--baslik-yazi); color: var(--lacivert-800); letter-spacing: -.02em; }
.sayac dt { font-size: .95rem; color: var(--soluk); line-height: 1.45; }

/* --- Grubumuz (vizyon) ------------------------------------------------------- */
.vizyon__izgara { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(36px, 6vw, 88px); align-items: start; }
.vizyon__giris { font-size: var(--fs-giris); color: var(--metin); margin-bottom: 28px; }
.vizyon__kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.vizyon-kart { position: relative; padding: 34px 32px 30px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); box-shadow: var(--golge-1); }
.vizyon-kart::before { content: ''; position: absolute; left: 32px; right: 32px; top: -1px; height: 2px; background: var(--altin); }
.vizyon-kart__ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.vizyon-kart__no { font: italic 500 1.6rem/1 var(--baslik-yazi); color: var(--altin); }
.vizyon-kart h3 { margin-bottom: .5em; }
.vizyon-kart p { margin: 0; font-size: .98rem; }

/* --- Markalar ----------------------------------------------------------------- */
.alan-satirlar { border-top: 1px solid var(--cizgi); }
.alan-satir { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 28px clamp(32px, 4.5vw, 64px); padding: clamp(36px, 4.5vw, 56px) 0; border-bottom: 1px solid var(--cizgi); }
.alan-satir__bas { min-width: 0; }
.alan-satir__no { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; color: var(--soluk); }
.alan-satir__no span { font: italic 500 1.25rem/1 var(--baslik-yazi); color: var(--altin-koyu); }
.alan-satir__no .ikon { width: 20px; height: 20px; }
.alan-satir__bas h2, .alan-satir__bas h3 { font-size: clamp(1.55rem, 1.3rem + .9vw, 2.1rem); margin-bottom: .45em; }
.alan-satir__bas h2 a, .alan-satir__bas h3 a { color: inherit; text-decoration: none; }
.alan-satir__bas h2 a:hover, .alan-satir__bas h3 a:hover { text-decoration: underline; text-decoration-color: var(--altin); text-decoration-thickness: 1px; }
.alan-satir__bas p { color: var(--soluk); font-size: .98rem; margin: 0; }

.marka-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.marka-izgara > * { min-width: 0; display: flex; }
.marka-izgara--1 { grid-template-columns: minmax(0, 1fr); }
.marka-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.marka-izgara--kompakt { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }

.marka-kart {
  position: relative; display: flex; flex-direction: column; width: 100%; padding: 28px 28px 22px;
  background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); overflow: hidden;
  transition: transform .3s var(--gecis), box-shadow .3s, border-color .3s;
}
.marka-kart::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--marka, var(--mavi)); transform: scaleX(0); transform-origin: left; transition: transform .4s var(--gecis); }
.marka-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-2); border-color: transparent; }
.marka-kart:hover::before, .marka-kart:focus-within::before { transform: scaleX(1); }
.marka-kart__logo { display: flex; align-items: center; height: 64px; margin-bottom: 24px; }
.marka-kart__govde { flex: 1; min-width: 0; }
.marka-kart__alan { margin: 0 0 8px; font: 600 .72rem/1.3 var(--yazi); letter-spacing: .16em; text-transform: uppercase; color: var(--altin-koyu); }
.marka-kart__ad { font-size: 1.6rem; margin: 0 0 .35em; }
.marka-kart__baglanti { color: inherit; text-decoration: none; }
.marka-kart__baglanti::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.marka-kart__baglanti:focus-visible { outline: none; }
.marka-kart__baglanti:focus-visible::after { outline: 2px solid var(--mavi); outline-offset: -4px; border-radius: var(--r); }
.marka-kart__metin { margin: 0; font-size: .97rem; color: var(--metin); }
.marka-kart__alt { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--cizgi-2); }
.marka-kart__incele { display: inline-flex; align-items: center; gap: 8px; font-size: .9rem; font-weight: 600; color: var(--murekkep); }
.marka-kart__incele .ikon { color: var(--marka, var(--altin-koyu)); transition: transform .25s var(--gecis); }
.marka-kart:hover .marka-kart__incele .ikon { transform: translateX(4px); }
.marka-kart__site { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; margin: -6px -10px; border-radius: 8px; font-size: .86rem; font-weight: 500; color: var(--soluk); text-decoration: none; }
.marka-kart__site .ikon { width: 15px; height: 15px; }
.marka-kart__site:hover { color: var(--marka, var(--mavi)); background: var(--zemin-2); }
.marka-izgara--1 .marka-kart { display: grid; grid-template-columns: 232px minmax(0, 1fr); grid-template-rows: 1fr auto; column-gap: 36px; }
.marka-izgara--1 .marka-kart__logo { grid-row: 1 / span 2; height: auto; min-height: 120px; margin: 0; padding: 20px; justify-content: center; border-radius: 12px; background: var(--zemin-2); }
.marka-izgara--1 .marka-kart__logo .marka-logo { height: 72px; }
.marka-kart--kompakt { padding: 22px 22px 18px; }
.marka-kart--kompakt .marka-kart__logo { height: 48px; margin-bottom: 18px; }
.marka-kart--kompakt .marka-kart__ad { font-size: 1.32rem; }
.marka-kart--kompakt .marka-kart__metin { font-size: .9rem; color: var(--soluk); }
.marka-kart--kompakt .marka-kart__alt { margin-top: 16px; padding-top: 14px; justify-content: flex-start; }
.marka-kart--kompakt .marka-kart__incele { display: none; }
.marka-kart--kompakt .marka-kart__site { margin-left: -10px; }

.marka-logo { display: inline-flex; align-items: center; height: 100%; max-width: 220px; }
.marka-logo__gorsel { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.marka-logo--yazi { max-width: none; }
.marka-logo__yazi { font: 600 1.7rem/1 var(--baslik-yazi); letter-spacing: -.02em; color: var(--marka, var(--lacivert-800)); }
.marka-logo--kucuk { width: 116px; height: 54px; max-width: none; flex: none; justify-content: center; padding: 8px 12px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; }
.marka-logo--kucuk .marka-logo__yazi { font-size: 1.05rem; }
.marka-logo--buyuk { height: 110px; max-width: 300px; }
.marka-logo--buyuk .marka-logo__yazi { font-size: 2.6rem; }

/* --- Değerler ------------------------------------------------------------------ */
.deger-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--cizgi); border-left: 1px solid var(--cizgi); background: #fff; border-radius: var(--r); overflow: hidden; }
.deger { padding: 38px 34px 34px; border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); min-width: 0; transition: background-color .25s; }
.deger:hover { background: #fcfbf8; }
.deger__ikon { display: inline-grid; place-items: center; width: 52px; height: 52px; margin-bottom: 24px; border: 1px solid rgba(198, 161, 91, .55); border-radius: 50%; color: var(--altin-koyu); }
.deger__ikon .ikon { width: 22px; height: 22px; }
.deger h3 { font-size: 1.4rem; }
.deger p { margin: 0; font-size: .96rem; color: var(--metin); }

/* --- Adımlar (isteğe bağlı bölüm) ------------------------------------------------- */
.surec { counter-reset: adim; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
.surec li { counter-increment: adim; position: relative; padding-top: 58px; border-top: 1px solid var(--cizgi); }
.surec li::before { content: counter(adim, decimal-leading-zero); position: absolute; top: 16px; left: 0; font: italic 500 1.4rem/1 var(--baslik-yazi); color: var(--altin-koyu); }
.surec h3 { font-size: 1.3rem; }
.surec p { margin: 0; font-size: .95rem; }

/* --- Duyuru kartları -------------------------------------------------------------- */
.kart { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); }
.yazi-kart { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; overflow: hidden; transition: transform .3s var(--gecis), box-shadow .3s; }
.yazi-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-2); }
.yazi-kart__gorsel { aspect-ratio: 16 / 9; overflow: hidden; background: var(--zemin-3); }
.yazi-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.yazi-kart__desen { aspect-ratio: 16 / 9; display: flex; align-items: flex-end; padding: 18px; background: radial-gradient(80% 90% at 85% 15%, rgba(29, 95, 208, .4), transparent 70%), var(--lacivert-800); }
.yazi-kart__govde { display: flex; flex-direction: column; flex: 1; padding: 24px; }
.yazi-kart h3 { font-size: 1.35rem; margin: 12px 0 10px; }
.yazi-kart p { font-size: .94rem; color: var(--soluk); }
.yazi-kart__alt { margin-top: auto; }

/* --- Çağrı bandı ------------------------------------------------------------------ */
.cagri-bolum { position: relative; overflow: hidden; background: var(--lacivert-900); }
.cagri-bolum__desen {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(50% 80% at 100% 0%, rgba(29, 95, 208, .35), transparent 70%),
    radial-gradient(40% 70% at 0% 100%, rgba(198, 161, 91, .14), transparent 70%),
    repeating-linear-gradient(115deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 22px);
}
.cagri { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px clamp(40px, 7vw, 96px); align-items: center; padding-block: clamp(72px, 8vw, 112px); }
.cagri__metin h2 { color: #fff; }
.cagri__metin p:not(.ust-baslik) { font-size: var(--fs-giris); margin: 0; max-width: 600px; }
.cagri__yan { display: grid; gap: 22px; justify-items: start; }
.cagri__iletisim { display: grid; gap: 10px; }
.cagri__iletisim a { display: inline-flex; align-items: center; gap: 10px; color: #e6ebf2; text-decoration: none; font-size: 1rem; }
.cagri__iletisim a:hover { color: #fff; text-decoration: underline; }
.cagri__iletisim .ikon { color: var(--altin-acik); }

/* --- Sayfa başlığı ------------------------------------------------------------------ */
.sayfa-bas { position: relative; overflow: hidden; background: var(--lacivert-900); color: var(--metin); }
.sayfa-bas__desen {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(60% 90% at 92% -10%, rgba(29, 95, 208, .42), transparent 70%),
    radial-gradient(45% 80% at -5% 110%, rgba(198, 161, 91, .14), transparent 70%),
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 72px 72px;
  -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent 100%); mask-image: linear-gradient(180deg, #000 30%, transparent 100%);
}
.sayfa-bas__ic { position: relative; padding-top: calc(var(--ust-y) + clamp(40px, 6vw, 72px)); padding-bottom: clamp(52px, 6.5vw, 84px); }
.sayfa-bas h1 { color: #fff; max-width: 900px; margin-bottom: .35em; }
.sayfa-bas__giris { font-size: var(--fs-giris); color: rgba(255, 255, 255, .8); max-width: 760px; margin: 0; }
.yol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0 0 28px; padding: 0; list-style: none; font-size: .85rem; }
.yol li { display: inline-flex; align-items: center; color: rgba(255, 255, 255, .55); }
.yol li + li::before { content: '/'; margin: 0 10px; color: rgba(255, 255, 255, .3); }
.yol a { color: rgba(255, 255, 255, .72); text-decoration: none; }
.yol a:hover { color: #fff; text-decoration: underline; }
.yol [aria-current] { color: rgba(255, 255, 255, .9); }
.hata-kod { margin: 0 0 6px; font: italic 500 clamp(4rem, 3rem + 5vw, 7.5rem)/1 var(--baslik-yazi); color: var(--altin); opacity: .9; }
.hata-tam { min-height: 100svh; display: flex; align-items: center; }
.hata-tam .sayfa-bas__ic { padding-top: 64px; }
.hata-tam__logo { height: 46px; width: auto; margin-bottom: 48px; }
.onizleme-serit { position: relative; z-index: 120; margin: 0; border-radius: 0; justify-content: center; }
.arama-form { display: flex; gap: 10px; max-width: 560px; margin-top: 30px; }
.arama-form .alan__girdi { flex: 1; }
.koyu .arama-form .alan__girdi { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .22); color: #fff; }
.koyu .arama-form .alan__girdi::placeholder { color: rgba(255, 255, 255, .55); }

/* --- Marka sayfası -------------------------------------------------------------------- */
.marka-bas__izgara { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px clamp(40px, 6vw, 88px); align-items: center; }
.marka-bas__slogan { margin: -.1em 0 18px; font: italic 450 clamp(1.2rem, 1.05rem + .6vw, 1.55rem)/1.35 var(--baslik-yazi); color: var(--altin-acik); }
.marka-vitrin { position: relative; }
.marka-vitrin::before { content: ''; position: absolute; inset: 12% 8% -6%; border-radius: 50%; background: var(--marka, var(--mavi)); opacity: .32; filter: blur(60px); }
.marka-vitrin__kart {
  position: relative; display: grid; justify-items: center; align-content: center; gap: 28px; min-height: 280px; padding: 48px 40px 30px;
  background: #fff; border-radius: var(--r-buyuk); box-shadow: var(--golge-3); overflow: hidden;
}
.marka-vitrin__kart::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--marka, var(--mavi)); }
.marka-vitrin__adres { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: var(--zemin-2); color: var(--soluk); font-size: .84rem; }
.marka-vitrin__adres .ikon { width: 14px; height: 14px; color: var(--basari); }

.icerik-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 48px clamp(40px, 5vw, 72px); align-items: start; }
.icerik-duzen--sol { grid-template-columns: 300px minmax(0, 1fr); }
.icerik-duzen__ana { display: grid; gap: 48px; min-width: 0; }
.bolum-ic-baslik { font-size: clamp(1.6rem, 1.3rem + 1vw, 2.2rem); margin-bottom: 26px; }
.one-cikan { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.one-cikan li { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; border-radius: 12px; background: var(--zemin-2); border: 1px solid var(--cizgi-2); font-size: .96rem; color: var(--murekkep); line-height: 1.5; }
.one-cikan .ikon { width: 20px; height: 20px; margin-top: 1px; padding: 3px; border-radius: 50%; background: var(--marka, var(--mavi)); color: #fff; stroke-width: 3; }
.kenar { position: sticky; top: calc(var(--ust-y) + 24px); display: grid; gap: 20px; min-width: 0; }
.kenar-kutu { padding: 28px; border: 1px solid var(--cizgi); border-radius: var(--r); background: #fff; }
.kenar-kutu h2 { margin: 0 0 16px; font: 600 .74rem/1.3 var(--yazi); letter-spacing: .16em; text-transform: uppercase; color: var(--soluk); }
.kenar-kutu--koyu { background: var(--lacivert-800); border-color: var(--lacivert-800); color: rgba(255, 255, 255, .78); }
.kenar-kutu--koyu strong { display: block; margin-bottom: 8px; color: #fff; font: 500 1.4rem/1.25 var(--baslik-yazi); }
.kenar-kutu--koyu p { font-size: .94rem; margin-bottom: 20px; }
.kunye { margin: 0; display: grid; }
.kunye > div { padding: 12px 0; border-bottom: 1px solid var(--cizgi-2); }
.kunye > div:last-child { border-bottom: 0; padding-bottom: 0; }
.kunye > div:first-child { padding-top: 0; }
.kunye dt { font-size: .78rem; color: var(--soluk); margin-bottom: 2px; }
.kunye dd { margin: 0; font-size: .95rem; color: var(--murekkep); word-break: break-word; }
.kunye dd a { color: var(--murekkep); text-decoration-color: var(--altin); }
.kunye .ikon { width: 14px; height: 14px; margin-left: 4px; }
.yan-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; }
.yan-liste a { display: block; padding: 9px 12px; border-radius: 8px; color: var(--metin); text-decoration: none; font-size: .95rem; }
.yan-liste a:hover { background: var(--zemin-2); }
.yan-liste a[aria-current] { background: var(--altin-zemin); color: var(--murekkep); font-weight: 600; }
.icindekiler { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; font-size: .9rem; }
.icindekiler a { display: block; padding: 6px 10px; border-left: 2px solid var(--cizgi); color: var(--soluk); text-decoration: none; }
.icindekiler a:hover, .icindekiler a[aria-current] { border-left-color: var(--altin); color: var(--murekkep); }
.icindekiler .seviye-3 a { padding-left: 22px; }

/* --- Faaliyet alanları ----------------------------------------------------------------- */
.alan-paneller { display: grid; gap: 24px; }
.alan-panel { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px clamp(32px, 5vw, 72px); padding: clamp(28px, 4vw, 48px); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); background: #fff; box-shadow: var(--golge-1); }
.alan-panel__bas h2 { font-size: clamp(1.6rem, 1.3rem + 1vw, 2.2rem); }
.alan-panel__bas h2 a { color: inherit; text-decoration: none; }
.alan-panel__bas p { color: var(--soluk); }
.alan-panel__markalar { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; align-content: start; }
.alan-panel__markalar a { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border: 1px solid var(--cizgi); border-radius: 14px; color: var(--murekkep); text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.alan-panel__markalar a:hover { border-color: transparent; box-shadow: var(--golge-2); transform: translateY(-2px); }
.alan-panel__markalar span:not(.marka-logo) { display: grid; gap: 2px; min-width: 0; }
.alan-panel__markalar strong { font: 500 1.25rem/1.2 var(--baslik-yazi); }
.alan-panel__markalar small { color: var(--soluk); font-size: .86rem; }
.suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 40px; padding: 0; list-style: none; }
.suzgec a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid var(--cizgi); border-radius: 999px; color: var(--metin); text-decoration: none; font-size: .9rem; font-weight: 500; background: #fff; }
.suzgec a:hover { border-color: var(--murekkep); color: var(--murekkep); }
.suzgec a[aria-current] { background: var(--lacivert-800); border-color: var(--lacivert-800); color: #fff; }
.suzgec .ikon { width: 16px; height: 16px; }

/* --- İletişim ---------------------------------------------------------------------------- */
.iletisim-duzen { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px clamp(36px, 5vw, 64px); align-items: start; }
.form-kart { padding: clamp(26px, 4vw, 44px); border: 1px solid var(--cizgi); border-radius: var(--r-buyuk); background: #fff; box-shadow: var(--golge-1); }
.form-kart > h2 { font-size: clamp(1.6rem, 1.35rem + .9vw, 2.1rem); margin-bottom: .3em; }
.form-kart > p { color: var(--soluk); margin-bottom: 28px; }
.iletisim-yan { display: grid; gap: 20px; position: sticky; top: calc(var(--ust-y) + 24px); }
.iletisim-liste { display: grid; gap: 12px; }
.iletisim-oge { display: flex; align-items: flex-start; gap: 16px; padding: 20px; border: 1px solid var(--cizgi); border-radius: var(--r); background: #fff; color: inherit; text-decoration: none; }
a.iletisim-oge:hover { border-color: transparent; box-shadow: var(--golge-2); }
.iletisim-oge > span:last-child { display: grid; gap: 2px; min-width: 0; }
.iletisim-oge small { font: 600 .7rem/1.3 var(--yazi); letter-spacing: .14em; text-transform: uppercase; color: var(--altin-koyu); }
.iletisim-oge strong { font-size: 1rem; line-height: 1.5; }
.iletisim-oge__alt { font-size: .86rem; color: var(--soluk); }
.iletisim-oge__baglanti { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-size: .86rem; font-weight: 600; text-decoration: none; }
.iletisim-oge__baglanti .ikon { width: 14px; height: 14px; }
.harita { position: relative; aspect-ratio: 4 / 3; border-radius: var(--r); overflow: hidden; background: var(--lacivert-800); }
.harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.harita__perde { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 10px; padding: 24px; text-align: center; color: rgba(255, 255, 255, .8);
  background: radial-gradient(60% 60% at 50% 40%, rgba(29, 95, 208, .35), transparent 70%), linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 28px 28px, var(--lacivert-800); }
.harita__ikon { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: rgba(198, 161, 91, .18); color: var(--altin-acik); }
.harita__ikon .ikon { width: 24px; height: 24px; }
.harita__adres { margin: 0; font-size: .9rem; color: #fff; }
.harita__dugmeler { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.harita__dugmeler .dugme--cizgi { --d-metin: #fff; --d-cizgi: rgba(255, 255, 255, .35); }
.harita__not { margin: 0; font-size: .75rem; color: rgba(255, 255, 255, .55); }
.marka-dizin { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.marka-dizin__oge { display: grid; gap: 16px; padding: 22px; border: 1px solid var(--cizgi); border-radius: var(--r); background: #fff; border-top: 3px solid var(--marka, var(--cizgi)); }
.marka-dizin__bas { display: flex; align-items: center; gap: 14px; color: var(--murekkep); text-decoration: none; }
.marka-dizin__bas > span:last-child { display: grid; gap: 2px; min-width: 0; }
.marka-dizin__bas strong { font: 500 1.25rem/1.2 var(--baslik-yazi); }
.marka-dizin__bas small { font-size: .82rem; color: var(--soluk); }
.marka-dizin__bas:hover strong { text-decoration: underline; text-decoration-color: var(--altin); }
.marka-dizin__kanallar { display: flex; flex-wrap: wrap; gap: 8px; }
.marka-dizin__kanallar a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; background: var(--zemin-2); color: var(--murekkep); font-size: .85rem; text-decoration: none; word-break: break-all; }
.marka-dizin__kanallar a:hover { background: var(--zemin-3); }
.marka-dizin__kanallar .ikon { width: 15px; height: 15px; color: var(--altin-koyu); }

/* --- Form ---------------------------------------------------------------------------------- */
.form-kap { position: relative; }
.form__izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
.alan { min-width: 0; }
.alan--tam { grid-column: 1 / -1; }
.alan__etiket { display: block; margin-bottom: 8px; font-size: .9rem; font-weight: 600; color: var(--murekkep); }
.zorunlu { color: var(--hata); }
.alan__girdi {
  width: 100%; min-height: 50px; padding: 12px 16px; border: 1px solid #cdd5e0; border-radius: 10px; background: #fff; color: var(--murekkep);
  font: 400 1rem/1.4 var(--yazi); transition: border-color .2s, box-shadow .2s; -webkit-appearance: none; appearance: none;
}
.alan__girdi::placeholder { color: #8a95a5; }
.alan__girdi:hover { border-color: #aab5c4; }
.alan__girdi:focus { outline: none; border-color: var(--mavi); box-shadow: 0 0 0 4px rgba(29, 95, 208, .14); }
textarea.alan__girdi { min-height: 150px; resize: vertical; line-height: 1.6; }
select.alan__girdi { padding-right: 44px; cursor: pointer; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%235f6b7d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 18px center; }
.alan--hata .alan__girdi { border-color: var(--hata); }
.alan__hata { margin: 6px 0 0; font-size: .85rem; color: var(--hata); }
.alan__dosya { padding: 11px 14px; }
.secenekler { display: grid; gap: 8px; }
.secenek { display: flex; align-items: center; gap: 10px; font-size: .95rem; }
.onaylar { display: grid; gap: 12px; margin-top: 22px; }
.onay-kutusu { display: flex; align-items: flex-start; gap: 12px; font-size: .9rem; color: var(--metin); }
.onay-kutusu input { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--mavi); }
.onay-kutusu label { cursor: pointer; }
.onay-kutusu--hata label { color: var(--hata); }
.onay-kutusu .alan__hata { flex-basis: 100%; }
.form__alt { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin-top: 26px; }
.form__not { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: .84rem; color: var(--soluk); }
.form__not .ikon { color: var(--basari); }
.bal-kupu { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.cf-turnstile { margin-top: 18px; }
.uyari { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 22px; padding: 14px 18px; border-radius: 12px; border: 1px solid transparent; font-size: .95rem; }
.uyari p { margin: 0; }
.uyari .ikon { width: 20px; height: 20px; margin-top: 2px; }
.uyari--basari { background: var(--basari-zemin); border-color: #bfe3d1; color: var(--basari); }
.uyari--hata { background: var(--hata-zemin); border-color: #f2c7c2; color: var(--hata); }
.uyari--bilgi { background: var(--mavi-acik); border-color: #c9d8f5; color: var(--mavi-koyu); }

/* --- Zengin metin --------------------------------------------------------------------------- */
.zengin { font-size: 1.04rem; line-height: 1.78; color: var(--metin); min-width: 0; overflow-wrap: break-word; }
.zengin--buyuk { font-size: 1.08rem; }
.zengin > *:first-child { margin-top: 0; }
.zengin h2 { font-size: clamp(1.55rem, 1.3rem + .9vw, 2.05rem); margin: 1.6em 0 .55em; }
.zengin h3 { font-size: 1.35rem; margin: 1.4em 0 .5em; }
.zengin h4 { margin: 1.2em 0 .4em; }
.zengin ul, .zengin ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.zengin li { margin-bottom: .45em; }
.zengin li::marker { color: var(--altin-koyu); }
.zengin a { color: var(--mavi); }
.zengin blockquote { margin: 1.6em 0; padding: 4px 0 4px 26px; border-left: 2px solid var(--altin); font: italic 450 1.3rem/1.5 var(--baslik-yazi); color: var(--murekkep); }
.zengin img { border-radius: 12px; margin: 1.4em 0; }
.zengin figure { margin: 1.6em 0; }
.zengin figcaption { font-size: .86rem; color: var(--soluk); margin-top: 8px; }
.zengin table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: .95rem; display: block; overflow-x: auto; }
.zengin th, .zengin td { padding: 10px 14px; border-bottom: 1px solid var(--cizgi); text-align: left; }
.zengin th { color: var(--murekkep); font-weight: 600; background: var(--zemin-2); }
.zengin hr { border: 0; border-top: 1px solid var(--cizgi); margin: 2.4em 0; }
.zengin .hiza-orta { text-align: center; } .zengin .hiza-sag { text-align: right; } .zengin .hiza-iki-yana { text-align: justify; }
.zengin .gorsel-sol { float: left; max-width: 46%; margin: .3em 1.6em 1em 0; }
.zengin .gorsel-sag { float: right; max-width: 46%; margin: .3em 0 1em 1.6em; }
.zengin .gorsel-orta { margin-inline: auto; }
.zengin .gorsel-tam { width: 100%; }
.zengin .not-kutusu, .zengin .bilgi-kutusu, .zengin .uyari-kutusu { padding: 18px 22px; border-radius: 12px; margin: 1.4em 0; }
.zengin .not-kutusu { background: var(--altin-zemin); }
.zengin .bilgi-kutusu { background: var(--mavi-acik); }
.zengin .uyari-kutusu { background: var(--uyari-zemin); }
.zengin .buyuk-metin { font-size: 1.2em; } .zengin .kucuk-metin { font-size: .88em; }
.zengin .gomulu { position: relative; aspect-ratio: 16 / 9; margin: 1.6em 0; }
.zengin .gomulu iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 12px; }
.okuma-sutunu { max-width: 820px; }
.kisakod-buton { margin: 1.4em 0; }
.kisakod-buton .dugme { color: #fff; }

/* --- Duyuru sayfası ve diğerleri -------------------------------------------------------------- */
.yazi-bas .meta { margin-top: 22px; color: rgba(255, 255, 255, .7); }
.yazi-kapak { margin: 0 0 32px; border-radius: var(--r); overflow: hidden; }
.yazi-alt { display: grid; gap: 26px; margin-top: 44px; padding-top: 30px; border-top: 1px solid var(--cizgi); }
.etiketler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.etiketler a { display: inline-block; padding: 5px 12px; border-radius: 999px; background: var(--zemin-2); color: var(--metin); font-size: .85rem; text-decoration: none; }
.paylas { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.paylas a, .paylas button { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--cizgi); border-radius: 50%; background: #fff; color: var(--murekkep); cursor: pointer; }
.paylas a:hover, .paylas button:hover { border-color: var(--murekkep); }
.paylas--kopyalandi [data-kopyala] { border-color: var(--basari); color: var(--basari); }
.kurum-kutu { display: flex; gap: 18px; align-items: flex-start; padding: 22px; border-radius: var(--r); background: var(--zemin-2); }
.kurum-kutu img { width: 56px; height: auto; flex: none; }
.kurum-kutu p { margin: 4px 0 0; font-size: .92rem; color: var(--soluk); }
.onceki-sonraki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.onceki-sonraki a { display: grid; gap: 4px; padding: 16px 18px; border: 1px solid var(--cizgi); border-radius: 12px; color: var(--murekkep); text-decoration: none; font-weight: 600; }
.onceki-sonraki a[rel="next"] { text-align: right; grid-column: 2; }
.onceki-sonraki small { font-weight: 400; color: var(--soluk); }
.kaynakca { margin-top: 28px; font-size: .92rem; }
.arama-sonuc { padding: 22px 0; border-bottom: 1px solid var(--cizgi); }
.arama-sonuc a { display: block; margin-top: 8px; font: 500 1.35rem/1.3 var(--baslik-yazi); color: var(--murekkep); text-decoration: none; }
.arama-sonuc a:hover { text-decoration: underline; text-decoration-color: var(--altin); }
.arama-sonuc p { margin: 6px 0 0; color: var(--soluk); font-size: .95rem; }
.bos-durum { padding: 32px; border: 1px dashed var(--cizgi); border-radius: var(--r); color: var(--soluk); text-align: center; }
.sayfalama { display: flex; justify-content: center; gap: 6px; margin-top: 48px; }
.sayfalama__oge { display: inline-grid; place-items: center; min-width: 42px; height: 42px; padding: 0 10px; border: 1px solid var(--cizgi); border-radius: 10px; color: var(--murekkep); text-decoration: none; font-weight: 600; }
.sayfalama__oge:hover { border-color: var(--murekkep); }
.sayfalama__oge--aktif { background: var(--lacivert-800); border-color: var(--lacivert-800); color: #fff; }
.tarayici { margin: 0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: var(--golge-3); }
.tarayici__ust { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--zemin-3); }
.pencere__nokta { width: 10px; height: 10px; border-radius: 50%; background: #cbd3de; }
.tarayici__adres { display: inline-flex; align-items: center; gap: 6px; margin-left: 12px; padding: 3px 12px; border-radius: 999px; background: #fff; font-size: .78rem; color: var(--soluk); }
.tarayici__adres .ikon { width: 12px; height: 12px; }

/* --- Footer ----------------------------------------------------------------------------------- */
.alt { position: relative; background: var(--lacivert-950); color: rgba(255, 255, 255, .7); padding-top: clamp(64px, 7vw, 96px); }
.alt::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(198, 161, 91, .6), transparent); }
.alt__ust { display: grid; grid-template-columns: minmax(0, 4.2fr) minmax(0, 3.4fr) minmax(0, 2fr) minmax(0, 2.6fr); gap: 48px clamp(28px, 4vw, 56px); padding-bottom: clamp(48px, 6vw, 72px); border-bottom: 1px solid rgba(255, 255, 255, .1); }
.alt__marka .logo img { height: 46px; width: auto; }
.alt__tanitim { margin: 24px 0 26px; font-size: .95rem; line-height: 1.75; max-width: 400px; }
.alt__iletisim { display: grid; gap: 12px; font-size: .94rem; }
.alt__iletisim a, .alt__iletisim > span { display: flex; align-items: flex-start; gap: 12px; color: rgba(255, 255, 255, .78); text-decoration: none; }
.alt__iletisim a:hover { color: #fff; }
.alt__iletisim .ikon { width: 18px; height: 18px; margin-top: 3px; color: var(--altin-acik); }
.alt__kolon h2 { margin: 0 0 20px; font: 600 .74rem/1.3 var(--yazi); letter-spacing: .18em; text-transform: uppercase; color: var(--altin-acik); }
.alt-markalar, .alt-menu, .alt-ofisler { margin: 0; padding: 0; list-style: none; }
.alt-markalar li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .07); }
.alt-markalar li:first-child { padding-top: 0; }
.alt-markalar__ad { color: rgba(255, 255, 255, .92); font: 500 1.08rem/1.3 var(--baslik-yazi); text-decoration: none; }
.alt-markalar__ad:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--altin); }
.alt-markalar__site { display: inline-flex; align-items: center; gap: 5px; color: rgba(255, 255, 255, .55); font-size: .82rem; text-decoration: none; white-space: nowrap; }
.alt-markalar__site .ikon { width: 13px; height: 13px; }
.alt-markalar__site:hover { color: var(--altin-acik); }
.alt-menu { display: grid; gap: 12px; }
.alt-menu a { color: rgba(255, 255, 255, .75); text-decoration: none; font-size: .95rem; }
.alt-menu a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--altin); }
.alt-ofisler { display: grid; gap: 20px; }
.alt-ofisler li { display: grid; gap: 4px; font-size: .9rem; line-height: 1.6; }
.alt-ofisler strong { color: #fff; font-weight: 600; font-size: .95rem; }
.sosyal { display: flex; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.sosyal a { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; color: rgba(255, 255, 255, .8); }
.sosyal a:hover { border-color: var(--altin); color: var(--altin-acik); }
.sosyal .ikon { width: 18px; height: 18px; }
.alt__alt { display: flex; align-items: center; justify-content: space-between; gap: 14px 32px; flex-wrap: wrap; padding: 26px 0 34px; font-size: .86rem; color: rgba(255, 255, 255, .55); }
.alt__alt p { margin: 0; }
.alt__yasal { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; padding: 0; list-style: none; }
.alt__yasal a, .alt__yasal button { color: rgba(255, 255, 255, .65); text-decoration: none; background: none; border: 0; padding: 0; cursor: pointer; font-size: inherit; }
.alt__yasal a:hover, .alt__yasal button:hover { color: #fff; text-decoration: underline; }
.whatsapp { position: fixed; right: 20px; bottom: 20px; z-index: 90; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; box-shadow: 0 12px 28px -10px rgba(0, 0, 0, .45); }
.whatsapp .ikon { width: 28px; height: 28px; }

/* --- Çerez bandı -------------------------------------------------------------------------------- */
.cerez { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 140; display: flex; justify-content: center; pointer-events: none; }
.cerez__ic { pointer-events: auto; width: min(760px, 100%); display: grid; gap: 14px; padding: 22px 24px; border-radius: var(--r); background: #fff; color: var(--metin); box-shadow: var(--golge-3); border: 1px solid var(--cizgi); }
.cerez__baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; color: var(--murekkep); }
.cerez__metin p { margin: 0; font-size: .92rem; }
.cerez__tercihler { display: grid; gap: 10px; font-size: .9rem; }
.cerez__dugmeler { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.anahtar { display: flex; align-items: center; gap: 10px; }

/* --- Görünme animasyonu ------------------------------------------------------------------------- */
.belir-hazir .belir { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .8s var(--gecis); }
.belir-hazir .belir.belir--gorundu { opacity: 1; transform: none; }

/* --- Duyarlı ------------------------------------------------------------------------------------- */
@media (max-width: 1180px) {
  .ana-menu__baglanti, .ana-menu__ac { padding: 0 11px; }
  .mega__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt__ust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero__markalar-baslik { display: none; }
}
@media (max-width: 1080px) {
  :root { --ust-y: 72px; }
  .ust__menu { display: none; }
  .ust__dugme { display: inline-grid; }
  .ust__sag { margin-left: auto; }
  .logo__gorsel { height: 36px; }
  .izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .vizyon__izgara, .cagri, .marka-bas__izgara, .icerik-duzen, .icerik-duzen--sol, .iletisim-duzen, .alan-panel { grid-template-columns: minmax(0, 1fr); }
  .alan-satir { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .kenar, .iletisim-yan { position: static; }
  .icerik-duzen--sol .kenar { order: 2; }
  .marka-vitrin { max-width: 520px; }
  .deger-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sayac-serit, .sayac-serit--5, .sayac-serit--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sayac:nth-child(odd) { border-left: 0; padding-left: 0; }
  .sayac:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
  .marka-izgara--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero__ic { padding-bottom: 150px; }
}
@media (max-width: 720px) {
  body { font-size: 1rem; }
  .izgara, .marka-izgara, .marka-izgara--3, .vizyon__kartlar, .deger-izgara, .one-cikan, .form__izgara, .onceki-sonraki { grid-template-columns: minmax(0, 1fr); }
  .onceki-sonraki a[rel="next"] { grid-column: auto; }
  .marka-izgara--1 .marka-kart { display: flex; }
  .marka-izgara--1 .marka-kart__logo { min-height: 0; height: 64px; padding: 0; margin-bottom: 24px; justify-content: flex-start; background: none; }
  .marka-izgara--1 .marka-kart__logo .marka-logo { height: 100%; }
  .alt__ust { grid-template-columns: minmax(0, 1fr); }
  .hero { min-height: auto; }
  .hero__ic { padding-top: calc(var(--ust-y) + 48px); padding-bottom: 48px; }
  .hero__markalar { position: relative; }
  .hero__markalar-ic { min-height: 0; padding-block: 14px; gap: 12px; }
  .kayan { -webkit-mask-image: linear-gradient(90deg, transparent, #000 28px, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, transparent, #000 28px, #000 calc(100% - 28px), transparent); }
  .kayan__liste li::after { margin: 0 16px; }
  .kayan__liste a { font-size: 1.02rem; }
  .kayan__dugme { width: 32px; height: 32px; }
  .hero__foto { object-position: 72% 40%; }
  .hero__perde { background: linear-gradient(180deg, rgba(5, 14, 31, .62) 0%, rgba(7, 20, 43, .72) 34%, rgba(5, 14, 31, .9) 70%, rgba(5, 14, 31, .96) 100%); }
  .hero .dugmeler .dugme, .sayfa-bas .dugmeler .dugme { flex: 1 1 100%; }
  .sayac { padding: 26px 18px 24px; }
  .sayac:nth-child(odd) { padding-left: 0; }
  .vizyon-kart { padding: 28px 24px 24px; }
  .vizyon-kart::before { left: 24px; right: 24px; }
  .deger { padding: 30px 24px 28px; }
  .marka-kart { padding: 24px 22px 20px; }
  .marka-vitrin__kart { min-height: 220px; padding: 40px 28px 26px; }
  .marka-logo--buyuk { height: 88px; }
  .alt__alt { flex-direction: column; align-items: flex-start; }
  .arama-form { flex-direction: column; }
  .cerez__dugmeler { justify-content: stretch; }
  .cerez__dugmeler .dugme { flex: 1 1 auto; }
}
@media (max-width: 420px) {
  .sayac dd { font-size: 2.3rem; }
  .sayac dt { font-size: .86rem; }
  .alt-markalar li { flex-direction: column; gap: 2px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .belir-hazir .belir { opacity: 1; transform: none; }
  .kayan { overflow-x: auto; scrollbar-width: none; }
  .kayan::-webkit-scrollbar { display: none; }
  .kayan__iz { animation: none; }
  .kayan__liste[aria-hidden="true"], .kayan__dugme { display: none; }
}
@media print {
  .ust, .cekmece, .alt, .cerez, .whatsapp, .cagri-bolum, .hero__markalar { display: none !important; }
  .sayfa-bas, .hero { background: none !important; color: #000; }
  .sayfa-bas h1, .hero h1 { color: #000; }
  .sayfa-bas__ic, .hero__ic { padding-top: 0; }
  a { color: #000; }
}