/* Altınok & Katayıfçı Hukuk Bürosu — modern sürüm (2026-10)
   Marka: gece laciverti + altın yıldız. Tek aile: Plus Jakarta Sans (variable).
   Açık gri zemin üzerinde beyaz kartlar, yumuşak köşeler, yapışkan şeffaf menü. */
:root {
    --gece: #151b26;
    --gece-2: #1f2837;
    --gece-3: #2a3445;
    --altin: #f2c230;
    --altin-acik: #ffd65a;
    --altin-koyu: #b88c00;
    --zemin: #f4f5f8;
    --kart: #ffffff;
    --cizgi: #e4e7ee;
    --murekkep: #141922;
    --metin: #2a3240;
    --soluk: #66707f;
    --font: "Plus Jakarta Sans", "Segoe UI", Helvetica, Arial, sans-serif;
    --ic: 76rem;
    --olcu: 44rem;
    --bosluk: clamp(1.1rem, 4vw, 2.5rem);
    --r: 20px;
    --r-k: 12px;
    --golge: 0 1px 2px rgba(20, 25, 34, .04), 0 12px 32px -16px rgba(20, 25, 34, .18);
    --golge-ust: 0 2px 4px rgba(20, 25, 34, .05), 0 24px 48px -20px rgba(20, 25, 34, .28);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 5rem; }
body { margin: 0; background: var(--zemin); color: var(--metin); font: 400 1.0625rem/1.65 var(--font); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1em; }
h1, h2, h3, h4 { margin: 0; color: var(--murekkep); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; }
ul { margin: 0; padding: 0; list-style: none; }
.olcu { max-width: var(--olcu); }
.soluk { color: var(--soluk); }
:focus-visible { outline: 3px solid var(--altin); outline-offset: 3px; border-radius: 6px; }
.atla { position: absolute; left: -999px; top: 0; background: #fff; padding: .5rem 1rem; z-index: 100; }
.atla:focus { left: 0; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }

.etiket { font-size: .8rem; font-weight: 700; letter-spacing: .02em; color: var(--altin-koyu); margin: 0 0 .7rem; }
.acilis .etiket, .baslik .etiket, .panel-koyu .etiket, .acilis-kart .etiket { color: var(--altin); }
.kaynak { display: block; font-size: .78rem; font-weight: 600; color: var(--soluk); }
.zengin a { font-weight: 600; text-decoration: underline; text-decoration-color: var(--altin); text-underline-offset: .2em; }
.zengin a:hover { text-decoration-color: currentColor; }

/* ---------- Düğmeler ---------- */
.dugme { display: inline-flex; align-items: center; gap: .5rem; font: 700 .95rem/1 var(--font); background: var(--altin); color: var(--murekkep); padding: .95rem 1.4rem; border: 0; border-radius: 999px; cursor: pointer; transition: background .15s, transform .15s, box-shadow .15s; }
.dugme:hover { background: var(--altin-acik); transform: translateY(-1px); box-shadow: 0 10px 24px -12px rgba(242, 194, 48, .8); }
.dugme-sade { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.22); box-shadow: none; }
.dugme-sade:hover { background: rgba(255,255,255,.14); box-shadow: none; }
.govde .dugme-sade, .yazi .dugme-sade { background: var(--kart); color: var(--murekkep); border-color: var(--cizgi); }
.dugme-cizgi { background: transparent; color: var(--murekkep); border: 2px solid var(--murekkep); padding: .8rem 1.25rem; box-shadow: none; }
.dugme-cizgi:hover { background: var(--murekkep); color: #fff; box-shadow: none; }
.dugme.kucuk { padding: .55rem .95rem; font-size: .85rem; }
.bolum-ust .dugme { flex: none; }
.devam { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; font-size: .95rem; color: var(--murekkep); }
.devam::after { content: ""; width: .55rem; height: .55rem; border-right: 2px solid var(--altin-koyu); border-bottom: 2px solid var(--altin-koyu); transform: rotate(-45deg); transition: transform .15s; }
.devam:hover::after { transform: rotate(-45deg) translate(2px, 2px); }

/* ---------- Marka ---------- */
.marka { display: inline-flex; align-items: center; gap: .7rem; color: #fff; }
.marka-logo { display: block; height: 3.1rem; width: auto; }
.marka-yildiz { width: 2.1rem; height: 2.1rem; color: var(--altin); flex: none; }
.marka-yildiz svg { width: 100%; height: 100%; display: block; }
.marka-metin { display: flex; flex-direction: column; line-height: 1.1; }
.marka-ad { font-weight: 800; font-size: 1.05rem; letter-spacing: -.01em; }
.marka-ad i { font-style: normal; color: var(--altin); font-weight: 500; padding: 0 .1em; }
.marka-alt { font-size: .7rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.6); }

/* ---------- Üst (yapışkan) ---------- */
.ust { position: sticky; top: 0; z-index: 40; background: rgba(21, 27, 38, .86); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,.08); }
.ust-ic { max-width: var(--ic); margin: 0 auto; padding: .85rem var(--bosluk); display: flex; align-items: center; justify-content: space-between; gap: 2rem; position: relative; }
.menu { display: flex; align-items: center; gap: .25rem; }
.menu a { font-size: .92rem; font-weight: 600; color: rgba(255,255,255,.82); padding: .5rem .85rem; border-radius: 999px; transition: background .15s, color .15s; }
.menu a:hover { color: #fff; background: rgba(255,255,255,.08); }
.menu a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.12); }
.menu .menu-cta { margin-left: .6rem; background: var(--altin); color: var(--murekkep); }
.menu .menu-cta:hover { background: var(--altin-acik); }
.menu-dugme { display: none; }
@media (max-width: 900px) {
    .marka-logo { height: 2.5rem; }
    .menu-dugme { display: block; width: 2.6rem; height: 2.6rem; position: relative; cursor: pointer; border-radius: 999px; }
    .menu-dugme span, .menu-dugme span::before, .menu-dugme span::after { position: absolute; left: .5rem; width: 1.6rem; height: 2px; border-radius: 2px; background: #fff; content: ""; transition: transform .2s, background .2s; }
    .menu-dugme span { top: 1.25rem; }
    .menu-dugme span::before { top: -.5rem; left: 0; }
    .menu-dugme span::after { top: .5rem; left: 0; }
    .menu { display: none; position: absolute; left: var(--bosluk); right: var(--bosluk); top: calc(100% + .4rem); background: var(--gece-2); flex-direction: column; align-items: stretch; gap: .15rem; padding: .6rem; border-radius: var(--r); box-shadow: var(--golge-ust); border: 1px solid rgba(255,255,255,.08); }
    .menu a { padding: .8rem 1rem; font-size: 1rem; border-radius: var(--r-k); }
    .menu .menu-cta { margin: .4rem 0 0; text-align: center; }
    .menu-ac:checked ~ .menu { display: flex; }
    .menu-ac:checked ~ .menu-dugme span { background: transparent; }
    .menu-ac:checked ~ .menu-dugme span::before { transform: translateY(.5rem) rotate(45deg); }
    .menu-ac:checked ~ .menu-dugme span::after { transform: translateY(-.5rem) rotate(-45deg); }
}

/* ---------- Açılış ---------- */
.acilis { background: var(--gece); color: #fff; position: relative; overflow: hidden; }
.acilis::before { content: ""; position: absolute; inset: 0; background:
    radial-gradient(60rem 30rem at 85% -10%, rgba(242, 194, 48, .22), transparent 60%),
    radial-gradient(40rem 24rem at 0% 110%, rgba(255, 255, 255, .06), transparent 60%); pointer-events: none; }
.acilis-ic { position: relative; max-width: var(--ic); margin: 0 auto; padding: clamp(3rem, 7vw, 6.5rem) var(--bosluk) clamp(3rem, 6vw, 5.5rem); display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.acilis h1 { color: #fff; font-size: clamp(2.3rem, 5vw, 3.9rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.04; margin-bottom: 1.3rem; max-width: 15ch; animation: gel .6s ease both; }
.acilis .zengin { font-size: 1.08rem; line-height: 1.65; color: rgba(255,255,255,.76); max-width: 34rem; animation: gel .6s .1s ease both; }
.acilis-eylem { display: flex; gap: .7rem; flex-wrap: wrap; margin: 1.8rem 0 0; animation: gel .6s .2s ease both; }
@keyframes gel { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
/* Fotoğraf fonlu açılış: yazı solda lacivert zeminde, fotoğraf (Mevlana Bulvarı / Ege Plaza) sağ yarıda net */
.acilis-foto { min-height: clamp(30rem, 64vh, 42rem); display: flex; align-items: center; }
.acilis-arka { position: absolute; top: 0; bottom: 0; right: 0; left: 36%; width: 64%; height: 100%; object-fit: cover; object-position: 35% 55%; opacity: .95; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30%); mask-image: linear-gradient(90deg, transparent 0%, #000 30%); animation: yaklas 16s ease-out both; }
.acilis-foto::before { background:
    linear-gradient(180deg, rgba(21,27,38,.18) 0%, rgba(21,27,38,0) 40%, rgba(21,27,38,.45) 100%); }
.acilis-foto .acilis-ic { grid-template-columns: minmax(0, 1fr); width: 100%; }
.acilis-foto .acilis-metin { max-width: 31rem; }
.acilis-foto h1, .slayt-baslik { font-size: clamp(2.1rem, 4.2vw, 3.3rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.06; color: #fff; margin: 0 0 1rem; max-width: 16ch; }
.slaytlar { display: grid; }
.slayt { grid-area: 1 / 1; opacity: 0; transform: translateY(10px); transition: opacity .7s ease, transform .7s ease; pointer-events: none; }
.slayt.aktif { opacity: 1; transform: none; pointer-events: auto; }
.slayt .etiket { margin-bottom: .9rem; }
.slayt-metin { font-size: 1.12rem; line-height: 1.6; color: rgba(255,255,255,.78); max-width: 30rem; margin: 0; }
.slayt-nokta { display: flex; gap: .5rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.slayt-nokta button { width: 2.2rem; height: .35rem; border: 0; border-radius: 999px; background: rgba(255,255,255,.3); cursor: pointer; padding: 0; transition: background .2s, width .2s; }
.slayt-nokta button[aria-current="true"] { background: var(--altin); width: 3.2rem; }
@keyframes yaklas { from { transform: scale(1.06); } to { transform: scale(1); } }
@media (max-width: 900px) {
    .acilis-ic { grid-template-columns: 1fr; }
    .acilis-arka { left: 0; width: 100%; opacity: .38; object-position: 30% 50%; -webkit-mask-image: none; mask-image: none; }
    .acilis-foto::before { background: linear-gradient(180deg, rgba(21,27,38,.5), rgba(21,27,38,.15) 45%, rgba(21,27,38,.7) 100%); }
    .acilis-foto .acilis-metin { max-width: none; }
}

/* ---------- Sayfa gövdesi ---------- */
.sayfa { max-width: var(--ic); margin: 0 auto; padding: 0 var(--bosluk); }
.bolum { padding: clamp(2.5rem, 5vw, 4.5rem) 0 0; }
.sayfa > .bolum:last-child { padding-bottom: clamp(3rem, 6vw, 5rem); }
.bolum-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.6rem; }
.bolum-baslik { font-size: clamp(1.5rem, 2.6vw, 2.1rem); max-width: 24ch; }
.iki-sutun { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
@media (max-width: 900px) { .iki-sutun { grid-template-columns: 1fr; } .bolum-ust { flex-direction: column; align-items: flex-start; gap: .6rem; } }
.giris { font-size: 1.15rem; line-height: 1.6; color: var(--metin); }
.buro .giris { margin: 1.2rem 0 1.4rem; }

/* ---------- Duyuru ---------- */
.duyuru { margin-top: 1.6rem; display: flex; align-items: center; gap: 1rem; background: var(--altin); color: var(--murekkep); padding: .9rem 1.2rem; border-radius: var(--r-k); box-shadow: var(--golge); transition: transform .15s; }
.duyuru:hover { transform: translateY(-1px); }
.duyuru-ikon { flex: none; width: 1.8rem; height: 1.8rem; border-radius: 999px; background: var(--murekkep); color: var(--altin); display: grid; place-items: center; font-weight: 800; font-size: .95rem; }
.duyuru-metin { flex: 1; font-size: .95rem; line-height: 1.4; }
.duyuru-git { flex: none; font-weight: 700; font-size: .9rem; border-bottom: 2px solid currentColor; }

/* ---------- Hızlı bağlantılar ---------- */
.hizli { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.hizli a { position: relative; display: block; height: 100%; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 1.2rem 2.6rem 1.25rem 1.2rem; box-shadow: var(--golge); overflow: hidden; transition: transform .15s, box-shadow .15s, border-color .15s; }
.hizli a::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--ton); }
.hizli a:hover { transform: translateY(-2px); box-shadow: var(--golge-ust); border-color: var(--ton); }
.hizli strong { display: block; font-size: 1rem; color: var(--murekkep); }
.hizli span { display: block; font-size: .85rem; color: var(--soluk); margin-top: .3rem; line-height: 1.45; }
.hizli .ok { position: absolute; right: 1rem; top: 1.25rem; width: 1.1rem; height: 1.1rem; color: var(--ton); }
.hizli-ikon { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 12px; background: var(--ton-acik); color: var(--ton); margin-bottom: .9rem; }
.hizli-ikon svg { width: 1.35rem; height: 1.35rem; }
.hizli-1 { --ton: #b88c00; --ton-acik: #fff4cc; }
.hizli-2 { --ton: #1f6fb2; --ton-acik: #e3f0fb; }
.hizli-3 { --ton: #c2457a; --ton-acik: #fce6ef; }
.hizli-4 { --ton: #0a66c2; --ton-acik: #e1ecf8; }
@media (max-width: 560px) { .hizli { grid-template-columns: 1fr; } }

/* ---------- Tam genişlik bant: faaliyet alanları ---------- */
.bant { margin-top: clamp(2.5rem, 5vw, 4.5rem); padding: clamp(2.5rem, 5vw, 4.5rem) 0; background: var(--kart); border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.bant + .sayfa > .bolum:first-child { padding-top: clamp(2.5rem, 5vw, 4.5rem); }
.alan-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.alan-kartlar a { display: block; height: 100%; background: var(--zemin); border: 1px solid transparent; border-radius: var(--r-k); padding: 1.1rem 1.15rem 1.15rem; position: relative; overflow: hidden; transition: background .15s, border-color .15s, transform .15s, box-shadow .15s; }
.alan-kartlar a::after { content: ""; position: absolute; left: 1.15rem; bottom: 0; width: 2rem; height: 3px; background: var(--altin); border-radius: 3px 3px 0 0; transition: width .2s; }
.alan-kartlar a:hover { background: #fff; border-color: var(--altin); transform: translateY(-2px); box-shadow: var(--golge-ust); }
.alan-kartlar a:hover::after { width: calc(100% - 2.3rem); }
.alan-kartlar strong { display: block; font-size: 1rem; color: var(--murekkep); letter-spacing: -.01em; line-height: 1.3; }
.alan-kartlar span { display: block; font-size: .83rem; color: var(--soluk); line-height: 1.45; margin-top: .35rem; }
@media (max-width: 1000px) { .alan-kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .alan-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; } }
@media (max-width: 560px) { .alan-kartlar a { padding: .9rem .95rem 1rem; } .alan-kartlar span { display: none; } .alan-kartlar strong { font-size: .92rem; } }
@media (max-width: 360px) { .alan-kartlar { grid-template-columns: 1fr; } }

/* ---------- Kartlar ---------- */
.kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.kartlar.dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kartlar.uc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kartlar.iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kartlar > li > a { display: flex; flex-direction: column; height: 100%; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); overflow: hidden; box-shadow: var(--golge); transition: transform .15s, box-shadow .15s, border-color .15s; }
.kartlar > li > a:hover { transform: translateY(-3px); box-shadow: var(--golge-ust); border-color: var(--altin); }
.kartlar img { aspect-ratio: 12 / 7; object-fit: cover; background: var(--zemin); }
.kart-govde { display: flex; flex-direction: column; gap: .4rem; padding: 1.2rem 1.25rem 1.35rem; flex: 1; }
.kart-govde strong { font-size: 1.1rem; font-weight: 700; line-height: 1.3; color: var(--murekkep); letter-spacing: -.01em; }
.kart-ozet { font-size: .9rem; color: var(--soluk); line-height: 1.5; }
.kartlar.kucuk .kart-govde { padding: 1rem 1.1rem; }
.kartlar.kucuk strong { font-size: .98rem; }
@media (max-width: 900px) { .kartlar, .kartlar.dort, .kartlar.uc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .kartlar, .kartlar.dort, .kartlar.uc { grid-template-columns: 1fr; } }

.haber-duzen { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 1rem; align-items: stretch; }
.haber-duzen .kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.basin-kart { display: flex; flex-direction: column; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 1.3rem 1.3rem 1.2rem; box-shadow: var(--golge); }
.basin-ust { display: flex; align-items: center; gap: .7rem; margin-bottom: .4rem; }
.basin-ikon { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 10px; background: var(--gece); color: var(--altin); flex: none; }
.basin-ikon svg { width: 1.3rem; height: 1.3rem; }
.basin-kart h3 { font-size: 1.1rem; }
.basin-kart .liste { flex: 1; }
.basin-kart .liste li { border-top: 1px solid var(--cizgi); }
.basin-kart .liste a { display: block; padding: .85rem 0; border-radius: 8px; transition: color .15s; }
.basin-kart .kaynak { color: var(--altin-koyu); }
.basin-kart strong { display: block; font-size: .98rem; line-height: 1.35; margin-top: .2rem; color: var(--murekkep); }
.basin-kart .kart-ozet { display: block; margin-top: .25rem; font-size: .85rem; }
.basin-kart .liste a:hover strong { color: var(--altin-koyu); }
.basin-kart .devam { margin-top: .9rem; align-self: flex-start; }
.yayin-duzen { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.yayin-grup-ust { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.yayin-grup-ust h3 { font-size: 1.15rem; padding-left: .8rem; border-left: 3px solid var(--altin); line-height: 1.2; }
@media (max-width: 900px) { .yayin-duzen { grid-template-columns: 1fr; } }
@media (max-width: 1100px) { .haber-duzen { grid-template-columns: 1fr; } .haber-duzen .kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .haber-duzen .kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .haber-duzen .kartlar { grid-template-columns: 1fr; } }

/* ---------- Ekip ---------- */
.ekip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.ekip a { display: block; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: .6rem .6rem 1.1rem; box-shadow: var(--golge); transition: transform .15s, box-shadow .15s, border-color .15s; }
.ekip a:hover { transform: translateY(-3px); box-shadow: var(--golge-ust); border-color: var(--altin); }
.ekip img, .ekip-bos { width: 100%; aspect-ratio: 12 / 13; object-fit: cover; border-radius: calc(var(--r) - 6px); background: var(--gece); filter: grayscale(1); transition: filter .25s; }
.ekip a:hover img { filter: grayscale(0); }
.ekip .ekip-bos { display: flex; align-items: center; justify-content: center; margin: 0; color: var(--altin); filter: none; }
.ekip .ekip-bos svg { width: 36%; height: auto; opacity: .9; }
.ekip strong { display: block; font-size: 1rem; color: var(--murekkep); margin: .9rem .5rem 0; letter-spacing: -.01em; }
.ekip span { display: block; font-size: .8rem; font-weight: 500; color: var(--soluk); margin: .15rem .5rem 0; }
@media (max-width: 900px) { .ekip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .ekip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; } }

/* ---------- Koyu panel / ulaşım ---------- */
.panel-koyu { background: var(--gece); color: #fff; border-radius: var(--r); padding: clamp(1.6rem, 4vw, 3rem); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2rem; position: relative; overflow: hidden; }
.panel-koyu::before { content: ""; position: absolute; inset: 0; background: radial-gradient(40rem 20rem at 100% 0%, rgba(242,194,48,.18), transparent 60%); pointer-events: none; }
.panel-koyu > * { position: relative; }
.panel-motifli { isolation: isolate; }
.panel-motif { position: absolute; right: 0; top: 0; bottom: 0; width: 55%; height: 100%; object-fit: cover; object-position: center; opacity: .32; filter: grayscale(1) contrast(1.15) brightness(1.1); mix-blend-mode: luminosity; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 55%); mask-image: linear-gradient(90deg, transparent 0%, #000 55%); pointer-events: none; z-index: -1; }
.panel-motifli::before { z-index: 0; }
@media (max-width: 900px) { .panel-motif { width: 100%; opacity: .18; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 60%); mask-image: linear-gradient(180deg, transparent 0%, #000 60%); } }
.panel-koyu .bolum-baslik { color: #fff; }
.panel-koyu .zengin { color: rgba(255,255,255,.8); }
.panel-koyu .zengin p:last-child { margin: 1.2rem 0 0; }
.ulasim-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: clamp(1.6rem, 4vw, 3rem); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2rem; box-shadow: var(--golge); }
.ulasim-kart .bolum-baslik { margin-bottom: 1.4rem; }
.ulasim-bilgi { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem 2rem; }
.ulasim-bilgi div:first-child { grid-column: 1 / -1; }
.ulasim-bilgi dt { font-size: .78rem; font-weight: 700; color: var(--soluk); margin-bottom: .2rem; }
.ulasim-bilgi dd { margin: 0; font-weight: 500; color: var(--murekkep); line-height: 1.5; }
.ulasim-bilgi dd a { text-decoration: underline; text-decoration-color: var(--altin); text-underline-offset: .2em; }
.ulasim-kart.haritali { grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr); }
.ulasim-kart.haritali .ulasim-bilgi { grid-template-columns: 1fr; gap: 1rem; }
.ulasim-harita { position: relative; border-radius: var(--r-k); overflow: hidden; background: var(--zemin); min-height: 14rem; border: 1px solid var(--cizgi); }
.ulasim-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: saturate(.85); }
.harita-ac { position: absolute; left: .8rem; bottom: .8rem; background: var(--murekkep); color: #fff; font-size: .8rem; font-weight: 700; padding: .5rem .85rem; border-radius: 999px; box-shadow: var(--golge-ust); }
.harita-ac:hover { background: var(--altin); color: var(--murekkep); }
@media (max-width: 900px) { .panel-koyu, .ulasim-kart, .ulasim-kart.haritali { grid-template-columns: 1fr; } .ulasim-kart.haritali .ulasim-bilgi { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .ulasim-bilgi { grid-template-columns: 1fr; } }

/* ---------- İç sayfa başlığı ---------- */
.baslik { background: var(--gece); color: #fff; position: relative; overflow: hidden; }
.baslik::before { content: ""; position: absolute; inset: 0; background: radial-gradient(50rem 24rem at 90% -20%, rgba(242,194,48,.2), transparent 60%); pointer-events: none; }
.baslik-ic { position: relative; max-width: var(--ic); margin: 0 auto; padding: clamp(2.2rem, 5vw, 4rem) var(--bosluk) clamp(2.2rem, 5vw, 3.6rem); }
.kirinti { font-size: .85rem; font-weight: 600; color: var(--altin); margin: 0 0 .8rem; }
.kirinti a:hover { text-decoration: underline; }
.baslik h1 { color: #fff; font-size: clamp(2rem, 4.2vw, 3.2rem); font-weight: 800; letter-spacing: -.03em; max-width: 22ch; }
.baslik-alt { font-size: 1rem; font-weight: 500; color: rgba(255,255,255,.7); margin: .7rem 0 0; }

/* ---------- Gövde: yan + içerik ---------- */
.govde { max-width: var(--ic); margin: 0 auto; padding: clamp(1.6rem, 4vw, 3rem) var(--bosluk) clamp(3rem, 6vw, 5rem); display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: clamp(1.2rem, 3vw, 2.5rem); align-items: start; }
.govde.tek { grid-template-columns: minmax(0, 1fr); }
.yan { position: sticky; top: 5.2rem; }
.yan nav { display: flex; flex-direction: column; gap: .2rem; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: .6rem; box-shadow: var(--golge); }
.yan nav a { font-size: .9rem; font-weight: 600; padding: .6rem .85rem; border-radius: var(--r-k); color: var(--metin); transition: background .15s; }
.yan nav a:hover { background: var(--zemin); }
.yan nav a[aria-current="page"] { background: var(--gece); color: #fff; }
.icerik, .yazi { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: clamp(1.4rem, 3.5vw, 2.8rem); box-shadow: var(--golge); }
.govde.tek .yazi { max-width: calc(var(--olcu) + 5.6rem); }
.govde.tek .yazi:has(table) { max-width: none; }
.icerik-gorsel, .yazi-gorsel { border-radius: var(--r-k); margin: 0 0 1.6rem; }
.icerik-eylem { margin-top: 1.8rem; }
.icerik .giris { margin-bottom: 1.2rem; font-weight: 500; }
@media (max-width: 900px) {
    .govde { grid-template-columns: 1fr; }
    .yan { position: static; }
    .yan nav { flex-direction: row; flex-wrap: wrap; gap: .4rem; padding: 0; background: none; border: 0; box-shadow: none; }
    .yan nav a { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 999px; padding: .45rem .9rem; font-size: .85rem; }
    .yan nav a[aria-current="page"] { border-color: var(--gece); }
}
.ulasim-yan { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 1.3rem; box-shadow: var(--golge); }
.ulasim-yan h3 { font-size: .78rem; font-weight: 700; color: var(--soluk); margin: 1rem 0 .2rem; }
.ulasim-yan h3:first-child { margin-top: 0; }
.ulasim-yan p { margin: 0 0 .2rem; font-weight: 500; color: var(--murekkep); font-size: .95rem; }
.yan-harita { margin: .9rem 0 .2rem; aspect-ratio: 4 / 3; min-height: 0; }
.ulasim-yan a.harita-ac { text-decoration: none; }
.ulasim-yan a { text-decoration: underline; text-decoration-color: var(--altin); text-underline-offset: .2em; }

/* ---------- Zengin metin ---------- */
.zengin h2 { font-size: 1.45rem; margin: 1.8em 0 .5em; }
.zengin h3 { font-size: 1.2rem; margin: 1.5em 0 .4em; }
.zengin h4 { font-size: 1.05rem; margin: 1.3em 0 .3em; }
.zengin h2:first-child, .zengin h3:first-child { margin-top: 0; }
.zengin ul, .zengin ol { padding-left: 1.3em; margin: 0 0 1em; list-style: revert; }
.zengin li { margin-bottom: .3em; }
.zengin blockquote { margin: 1.4em 0; padding: 1rem 1.2rem; border-left: 3px solid var(--altin); background: var(--zemin); border-radius: 0 var(--r-k) var(--r-k) 0; }
.zengin hr { border: 0; border-top: 1px solid var(--cizgi); margin: 2em 0; }
.zengin img, .zengin figure { margin: 1.5em 0; border-radius: var(--r-k); }
.zengin figure { padding: 0; }
.zengin figcaption { font-size: .85rem; color: var(--soluk); margin-top: .5em; }
.zengin table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: .9rem; line-height: 1.4; margin: 1.5em 0; border: 1px solid var(--cizgi); border-radius: var(--r-k); overflow: hidden; }
.zengin th, .zengin td { border-bottom: 1px solid var(--cizgi); padding: .6em .7em; text-align: left; vertical-align: top; }
.zengin tr:last-child td { border-bottom: 0; }
.zengin th { background: var(--zemin); font-weight: 700; }
.zengin td em { font-style: normal; font-weight: 700; }
.zengin.kucuk { font-size: .92rem; line-height: 1.5; }
.zengin.kucuk p { margin-bottom: .45em; }
.zengin.kucuk strong { font-size: .78rem; color: var(--soluk); display: block; margin-top: .9em; }

/* ---------- Kişi ---------- */
.kisi { display: grid; grid-template-columns: 16rem minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: start; }
.kisi-kunye img { border-radius: var(--r-k); margin-bottom: 1.2rem; filter: grayscale(1); }
.kisi-baglanti { display: flex; flex-direction: column; gap: .3rem; margin-top: 1rem; font-size: .9rem; font-weight: 600; }
.kisi-baglanti a { text-decoration: underline; text-decoration-color: var(--altin); text-underline-offset: .2em; }
.kisi-metin .zengin { font-size: 1.02rem; }
@media (max-width: 760px) { .kisi { grid-template-columns: 1fr; } .kisi-kunye img { max-width: 15rem; } }

/* ---------- Çipler / sayfalama / listeler ---------- */
.cipler { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1.6rem; }
.cipler a { font-size: .86rem; font-weight: 600; padding: .5rem 1rem; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 999px; color: var(--metin); transition: border-color .15s; }
.cipler a:hover { border-color: var(--murekkep); }
.cipler a[aria-current="true"] { background: var(--gece); color: #fff; border-color: var(--gece); }
.sayfalama { display: flex; gap: 1.2rem; align-items: center; justify-content: center; font-weight: 600; font-size: .9rem; margin-top: 2rem; }
.sayfalama a { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 999px; padding: .5rem 1rem; }
.devami { margin-top: 2.5rem; }
.devami .bolum-baslik { font-size: 1.25rem; margin-bottom: 1rem; }
.yazi .kaynak { margin-bottom: 1.2rem; }
.yazi .zengin { font-size: 1.05rem; line-height: 1.7; }

/* ---------- Form ---------- */
.form { margin-top: 1rem; }
.alan { margin-bottom: 1.1rem; }
.alan label { display: block; font-size: .86rem; font-weight: 700; color: var(--murekkep); margin-bottom: .4rem; }
.alan input, .alan textarea, .alan select { width: 100%; font: 400 1rem/1.4 var(--font); padding: .8rem .95rem; border: 1px solid var(--cizgi); border-radius: var(--r-k); background: var(--zemin); color: var(--metin); transition: border-color .15s, background .15s; }
.alan textarea { min-height: 9rem; resize: vertical; }
.alan input:focus, .alan textarea:focus { background: #fff; border-color: var(--murekkep); outline: 3px solid rgba(242,194,48,.5); outline-offset: 0; }
.alan small { display: block; font-size: .8rem; color: var(--soluk); margin-top: .3rem; }
.alan .hata, .form-hata { color: #b3261e; }
.hatali input, .hatali textarea { border-color: #b3261e; }
.harita { margin-top: 2rem; aspect-ratio: 16 / 9; background: var(--zemin); border-radius: var(--r-k); overflow: hidden; }
.harita iframe { width: 100%; height: 100%; border: 0; }

/* ---------- Sosyal medya ---------- */
.sosyal { display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: 1rem; }
.sosyal a { display: flex; flex-direction: column; align-items: flex-start; gap: .2rem; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 1.4rem; box-shadow: var(--golge); transition: transform .15s, box-shadow .15s, border-color .15s; }
.sosyal a:hover { transform: translateY(-3px); box-shadow: var(--golge-ust); border-color: var(--ton); }
.sosyal-ikon { display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: 14px; background: var(--ton); color: #fff; margin-bottom: .8rem; }
.sosyal-ikon svg { width: 1.6rem; height: 1.6rem; }
.sosyal strong { font-size: 1.05rem; color: var(--murekkep); }
.sosyal span { font-size: .88rem; color: var(--soluk); }
.sosyal li { --ton: var(--gece); }
.sosyal-linkedin { --ton: #0a66c2; }
.sosyal-instagram { --ton: #c2457a; }
.sosyal-x { --ton: #111; }
.sosyal-facebook { --ton: #1877f2; }
.sosyal-youtube { --ton: #e02020; }
.sosyal-whatsapp { --ton: #25a05a; }

/* ---------- Alt ---------- */
.alt { background: var(--gece); color: rgba(255,255,255,.75); font-size: .92rem; margin-top: 2rem; }
.alt-ic { max-width: var(--ic); margin: 0 auto; padding: 3rem var(--bosluk) 1.8rem; display: grid; grid-template-columns: 1.5fr 1fr 1fr .8fr; gap: 2rem; }
.alt-marka { display: flex; flex-direction: column; align-items: flex-start; gap: .8rem; }
.alt-marka .marka-logo { height: 2.6rem; }
.alt-marka .marka-alt { text-transform: none; letter-spacing: 0; font-size: .85rem; }
.alt-sutun h3 { color: #fff; font-size: .8rem; font-weight: 700; letter-spacing: .02em; margin-bottom: .7rem; }
.alt-sutun p { margin: 0 0 .4rem; line-height: 1.5; }
.alt-sutun a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--altin); }
.alt-menu { display: flex; flex-direction: column; gap: .35rem; }
.alt-kredi { opacity: .75; }
.alt-yasal { grid-column: 1 / -1; border-top: 1px solid rgba(255,255,255,.1); padding-top: 1.2rem; margin: 1rem 0 0; font-size: .8rem; color: rgba(255,255,255,.5); }
@media (max-width: 900px) { .alt-ic { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .alt-ic { grid-template-columns: 1fr; gap: 1.6rem; } }