/* Erkoca Hukuk & Danışmanlık — site stilleri
   Yazı tipleri: Lora (başlıklar), Inter (metin) — SIL Open Font License */

@font-face { font-family: "Lora"; src: url("fonts/lora.woff") format("woff"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Lora"; src: url("fonts/lora-italic.woff") format("woff"); font-weight: 400 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/inter-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/inter-medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/inter-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  --ink: #14212b;
  --ink-2: #1e2f3c;
  --ink-3: #0e1820;
  --paper: #f6f3ee;
  --white: #ffffff;
  --text: #232c34;
  --muted: #5d6974;
  --rule: #dcd6cb;
  --rule-dark: rgba(255, 255, 255, 0.14);
  --accent: #866a38;
  --serif: "Lora", Georgia, "Times New Roman", serif;
  --sans: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --wrap: 1180px;
  --gutter: 24px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); font-size: 17px; line-height: 1.65; color: var(--text); background: var(--white); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 500; color: var(--ink); line-height: 1.18; margin: 0; letter-spacing: -0.005em; text-wrap: balance; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hidden { display: none !important; }

.wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gutter); }
.bolum { padding: 96px 0; }
.bolum--kagit { background: var(--paper); }
.bolum--koyu { background: var(--ink); color: #d5dbe0; }
.bolum--koyu h2, .bolum--koyu h3 { color: var(--white); }

.etiket { display: inline-flex; align-items: center; gap: 14px; font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 22px; }
.etiket::before { content: ""; width: 36px; height: 1px; background: currentColor; }
.bolum--koyu .etiket { color: #b9c6cf; }

.baslik-xl { font-size: clamp(38px, 5.2vw, 62px); line-height: 1.08; letter-spacing: -0.015em; }
.baslik-lg { font-size: clamp(30px, 3.6vw, 42px); }
.baslik-md { font-size: clamp(22px, 2.2vw, 26px); }
.giris { font-size: 19px; line-height: 1.7; color: var(--muted); max-width: 60ch; }

/* Düğmeler */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 28px; font-family: var(--sans); font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; border: 1px solid transparent; border-radius: 2px; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; white-space: nowrap; }
.btn svg { width: 18px; height: 18px; flex: none; }
.btn--koyu { background: var(--ink); color: var(--white); }
.btn--koyu:hover { background: var(--ink-2); }
.btn--cizgi { border-color: var(--ink); color: var(--ink); background: transparent; }
.btn--cizgi:hover { background: var(--ink); color: var(--white); }
.btn--acik { background: var(--white); color: var(--ink); }
.btn--acik:hover { background: var(--paper); }
.btn--cizgi-acik { border-color: rgba(255, 255, 255, 0.45); color: var(--white); background: transparent; }
.btn--cizgi-acik:hover { background: var(--white); color: var(--ink); border-color: var(--white); }
.btn--tam { width: 100%; }
.ok-link { white-space: nowrap; flex: none; display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); padding-bottom: 6px; border-bottom: 1px solid var(--ink); transition: gap .2s, color .2s, border-color .2s; }
.ok-link:hover { gap: 16px; color: var(--accent); border-color: var(--accent); }
.ok-link svg { width: 16px; height: 16px; }

/* Üst şerit ve başlık */
.serit { background: var(--ink-3); color: #aeb8c1; font-size: 13px; letter-spacing: 0.02em; }
.serit .wrap { display: flex; justify-content: space-between; align-items: center; min-height: 40px; gap: 24px; }
.serit a:hover { color: var(--white); }
.serit__sag { display: flex; gap: 28px; }
.serit span, .serit a { display: inline-flex; align-items: center; gap: 8px; }
.serit svg { width: 14px; height: 14px; opacity: .8; }

.ust { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, 0.97); border-bottom: 1px solid var(--rule); }
.ust .wrap { display: flex; align-items: center; justify-content: space-between; min-height: 84px; gap: 24px; }
.marka { display: flex; flex-direction: column; gap: 5px; line-height: 1; }
.marka__ad { font-family: var(--serif); font-size: 19px; font-weight: 600; letter-spacing: 0.12em; white-space: nowrap; text-transform: uppercase; color: var(--ink); }
.marka__alt { font-size: 11px; font-weight: 500; letter-spacing: 0.26em; text-transform: uppercase; color: var(--muted); }
.menu { display: flex; align-items: center; gap: 22px; }
.menu a:not(.btn) { position: relative; white-space: nowrap; font-size: 13px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text); padding: 8px 0; }
.menu a:not(.btn)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.menu a:not(.btn):hover::after, .menu a[aria-current="page"]::after { transform: scaleX(1); }
.menu a[aria-current="page"] { color: var(--ink); font-weight: 600; }
.menu .btn { min-height: 44px; padding: 0 22px; font-size: 13px; }
.menu-dugme { display: none; width: 46px; height: 46px; border: 1px solid var(--rule); background: var(--white); border-radius: 2px; align-items: center; justify-content: center; cursor: pointer; color: var(--ink); }
.menu-dugme svg { width: 22px; height: 22px; }

/* Ana sayfa giriş */
.hero { background: var(--paper); border-bottom: 1px solid var(--rule); }
.hero .wrap { display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 72px; align-items: center; padding-top: 88px; padding-bottom: 96px; }
.hero h1 { margin-bottom: 28px; }
.hero .giris { margin-bottom: 40px; max-width: 52ch; }
.hero__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; }
.hero__gorsel { position: relative; justify-self: end; width: 100%; max-width: 470px; }
.hero__gorsel::before { content: ""; position: absolute; inset: 22px -22px -22px 22px; border: 1px solid var(--accent); opacity: .55; }
.hero__gorsel img { position: relative; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: var(--white); border: 1px solid var(--rule); }

/* İlkeler */
.ilkeler { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 48px; }
.ilke { border-top: 1px solid var(--ink); padding: 26px 0 8px; }
.ilke h3 { font-size: 21px; margin-bottom: 10px; }
.ilke p { color: var(--muted); font-size: 16px; margin: 0 0 24px; }

/* Hakkımızda (ana sayfa) */
.iki-sutun { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 80px; align-items: center; }
.iki-sutun--metin { grid-template-columns: 0.7fr 1.3fr; align-items: start; }
.iki-sutun--metin .metin { max-width: none; }
.cerceve img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid var(--rule); background: var(--white); }
.rakamlar { display: flex; flex-wrap: wrap; gap: 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); margin: 36px 0 40px; }
.rakam { flex: 1 1 160px; padding: 24px 28px 24px 0; }
.rakam + .rakam { padding-left: 28px; border-left: 1px solid var(--rule); }
.rakam__deger { font-family: var(--serif); font-size: 34px; font-weight: 500; color: var(--ink); line-height: 1.1; }
.rakam__etiket { font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-top: 8px; }

/* Çalışma alanları listesi */
.bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 56px; }
.bolum-bas p { color: var(--muted); margin: 14px 0 0; max-width: 56ch; }
.alanlar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 64px; border-top: 1px solid var(--ink); }
.alan { display: grid; grid-template-columns: 54px 1fr 24px; gap: 8px 16px; align-items: start; padding: 34px 0; border-bottom: 1px solid var(--rule); transition: background-color .2s; }
.alan__no { font-family: var(--serif); font-size: 15px; color: var(--accent); padding-top: 6px; font-feature-settings: "lnum"; }
.alan h3 { font-size: 23px; margin-bottom: 10px; transition: color .2s; }
.alan p { color: var(--muted); font-size: 16px; margin: 0; }
.alan__not { display: block; margin-top: 14px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
.alan__ok { color: var(--ink); padding-top: 8px; transition: transform .2s, color .2s; }
.alan__ok svg { width: 20px; height: 20px; }
.alan:hover h3 { color: var(--accent); }
.alan:hover .alan__ok { transform: translateX(6px); color: var(--accent); }

/* Görüşler */
.gorusler { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 48px; }
.gorus { border-top: 1px solid var(--ink); padding-top: 28px; margin: 0; }
.gorus blockquote { margin: 0 0 24px; font-family: var(--serif); font-size: 19px; font-style: italic; line-height: 1.6; color: var(--ink); }
.gorus figcaption { font-size: 14px; color: var(--muted); }
.gorus figcaption strong { display: block; color: var(--ink); font-weight: 600; }

/* Makaleler */
.yazilar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 64px; border-top: 1px solid var(--ink); }
.yazilar--uc { grid-template-columns: repeat(3, 1fr); gap: 0 48px; }
.yazi { display: flex; flex-direction: column; padding: 34px 0; border-bottom: 1px solid var(--rule); }
.yazi__ust { font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }
.yazi h2, .yazi h3 { font-size: 24px; line-height: 1.25; margin-bottom: 12px; transition: color .2s; }
.yazilar--uc .yazi h3 { font-size: 21px; }
.yazi p { color: var(--muted); font-size: 16px; margin: 0 0 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.yazi__devam { margin-top: auto; display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); transition: gap .2s, color .2s; }
.yazi__devam svg { width: 16px; height: 16px; }
.yazi:hover h2, .yazi:hover h3, .yazi:hover .yazi__devam { color: var(--accent); }
.yazi:hover .yazi__devam { gap: 16px; }
.yazi-kunye { margin: 22px 0 0; font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }

/* Makale kartları ve kapaklar */
.bolum--dar { padding: 64px 0 96px; }
.kapak { display: block; position: relative; aspect-ratio: 16 / 9; background: var(--ink); overflow: hidden; }
.kapak svg, .kapak img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.kapak--foto img { filter: grayscale(0.35) contrast(1.05); }
.kapak--foto::after { content: ""; position: absolute; inset: 0; background: var(--ink); opacity: .18; }
.kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 32px; }
.kart { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--rule); transition: border-color .25s, box-shadow .25s, transform .25s; }
.kart:hover { border-color: var(--ink); box-shadow: 0 18px 40px -24px rgba(20, 33, 43, 0.45); transform: translateY(-3px); }
.kart:hover .kapak svg, .kart:hover .kapak img, .one:hover .kapak svg, .one:hover .kapak img { transform: scale(1.05); }
.kart__govde { display: flex; flex-direction: column; flex: 1; padding: 26px 26px 24px; }
.kart__kategori { font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-bottom: 12px; }
.kart h2, .kart h3 { font-size: 21px; line-height: 1.3; margin-bottom: 12px; }
.kart p { font-size: 15px; line-height: 1.6; color: var(--muted); margin: 0 0 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kart__alt { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--rule); font-size: 12px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.one { display: grid; grid-template-columns: 1.15fr 1fr; background: var(--paper); border: 1px solid var(--rule); margin-bottom: 56px; transition: border-color .25s; }
.one:hover { border-color: var(--ink); }
.one .kapak { aspect-ratio: auto; min-height: 380px; }
.one__govde { display: flex; flex-direction: column; justify-content: center; padding: 48px 52px; }
.one h2 { font-size: clamp(26px, 2.6vw, 34px); line-height: 1.2; margin-bottom: 16px; }
.one p { color: var(--muted); margin: 0 0 22px; }
.one .kart__alt { margin-top: 0; }

/* Makale süzgeci */
.suzgec { border-bottom: 1px solid var(--rule); background: var(--white); position: sticky; top: 84px; z-index: 20; }
.suzgec .wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 68px; }
.suzgec__liste { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 12px 0; }
.suzgec__liste::-webkit-scrollbar { display: none; }
.suzgec__dugme { flex: none; font: inherit; font-size: 13px; font-weight: 500; letter-spacing: 0.04em; color: var(--text); background: transparent; border: 1px solid var(--rule); border-radius: 2px; padding: 9px 16px; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; white-space: nowrap; }
.suzgec__dugme:hover { border-color: var(--ink); }
.suzgec__dugme[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--white); }
.suzgec__ara input { font: inherit; font-size: 14px; width: 240px; min-height: 42px; padding: 0 14px 0 40px; border: 1px solid var(--rule); border-radius: 2px; background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6974' stroke-width='1.6'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.500 4.500'/%3E%3C/svg%3E") no-repeat 12px center / 18px; color: var(--text); }
.suzgec__ara input:focus { outline: none; border-color: var(--ink); }

/* Makale sayfası */
.sayfa-bas--yazi h1 { max-width: 24ch; }
.sayfa-bas--yazi .giris { max-width: 62ch; color: var(--text); }
.kunye { display: flex; align-items: center; gap: 16px; margin-top: 34px; padding-top: 26px; border-top: 1px solid var(--rule); max-width: 62ch; }
.kunye strong { display: block; font-weight: 600; color: var(--ink); font-size: 15px; }
.kunye span span { font-size: 13px; color: var(--muted); letter-spacing: 0.02em; }
.kunye__harf { flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--ink); color: var(--white); display: inline-flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 16px; letter-spacing: 0.04em; }
.kunye__harf--buyuk { width: 72px; height: 72px; font-size: 24px; }
.kunye__foto { flex: none; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 1px solid var(--rule); background: var(--white); }
.kunye__foto--buyuk { width: 96px; height: 96px; }
.yazi-grid { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 80px; align-items: start; }
.yazi-yan { position: sticky; top: 116px; display: grid; gap: 36px; }
.icindekiler summary { list-style: none; cursor: default; font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); padding-bottom: 12px; border-bottom: 1px solid var(--ink); }
.icindekiler summary::-webkit-details-marker { display: none; }
.icindekiler ol { list-style: none; margin: 0; padding: 0; counter-reset: ic; }
.icindekiler li { counter-increment: ic; border-bottom: 1px solid var(--rule); }
.icindekiler a { display: grid; grid-template-columns: 26px 1fr; gap: 4px; padding: 12px 0; font-size: 14px; line-height: 1.45; color: var(--muted); transition: color .2s; }
.icindekiler a::before { content: counter(ic, decimal-leading-zero); font-family: var(--serif); font-size: 12px; color: var(--accent); padding-top: 2px; }
.icindekiler a:hover, .icindekiler a[aria-current] { color: var(--ink); }
.icindekiler a[aria-current] { font-weight: 600; }
.paylas__baslik { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.paylas__liste { display: flex; gap: 8px; margin-bottom: 12px; }
.paylas__liste a, .paylas__liste button { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--rule); border-radius: 2px; background: var(--white); color: var(--ink); cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; }
.paylas__liste a:hover, .paylas__liste button:hover { background: var(--ink); border-color: var(--ink); color: var(--white); }
.paylas__liste svg { width: 17px; height: 17px; }
.paylas__kopya { display: inline-flex; align-items: center; gap: 8px; font: inherit; font-size: 13px; color: var(--muted); background: none; border: 0; padding: 4px 0; cursor: pointer; }
.paylas__kopya:hover { color: var(--ink); }
.paylas__kopya svg { width: 15px; height: 15px; }
.yazi-govde { max-width: 720px; }
.metin--yazi { font-size: 19px; line-height: 1.85; max-width: none; }
.metin--yazi > p:first-child::first-letter { font-family: var(--serif); font-size: 3.4em; line-height: 0.9; float: left; padding: 6px 12px 0 0; color: var(--ink); }
.metin--yazi h2 { font-size: 28px; margin: 2.2em 0 0.8em; padding-top: 1.1em; border-top: 1px solid var(--rule); scroll-margin-top: 110px; }
.metin--yazi h3 { font-size: 22px; }
.yazi-govde > .not { margin: 56px 0 0; }
.yazar { display: grid; grid-template-columns: auto 1fr; gap: 28px; margin-top: 40px; padding: 36px; background: var(--paper); border: 1px solid var(--rule); border-top: 2px solid var(--ink); }
.yazar__ust { font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); }
.yazar h2 { font-size: 24px; margin: 6px 0 10px; }
.yazar p { font-size: 16px; color: var(--muted); margin: 0 0 24px; }
.yazar__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; }

/* Koyu, hareketli bölümler */
:root { --accent-acik: #7fc8ae; }
@supports (color: color-mix(in srgb, red 50%, white)) { :root { --accent-acik: color-mix(in srgb, var(--accent) 48%, white); } }
.aurora { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.aurora i { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .5; will-change: transform; animation: suzul 24s ease-in-out infinite alternate; }
.aurora i:nth-child(1) { width: 560px; height: 560px; background: var(--accent); left: -160px; top: -260px; }
.aurora i:nth-child(2) { width: 480px; height: 480px; background: #1d4f7a; right: -120px; top: -160px; animation-duration: 31s; animation-direction: alternate-reverse; }
.aurora i:nth-child(3) { width: 420px; height: 420px; background: #0d6b72; left: 42%; bottom: -320px; opacity: .4; animation-duration: 37s; }
.aurora::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 72px 72px; -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%); mask-image: linear-gradient(180deg, #000, transparent 85%); }
@keyframes suzul { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(110px, 60px, 0) scale(1.18); } }
.sayfa-bas.sayfa-bas--koyu { position: relative; isolation: isolate; overflow: hidden; background: var(--ink-3); border-bottom: 0; padding: 88px 0 80px; }
.sayfa-bas--koyu h1 { color: var(--white); }
.sayfa-bas--koyu .giris { color: #b9c4cd; }
.sayfa-bas--koyu .iz { color: #8d9aa6; }
.sayfa-bas--koyu .iz [aria-current] { color: var(--white); }
.sayfa-bas--koyu .iz a:hover { color: var(--accent-acik); }
.sayfa-bas--koyu .iz span[aria-hidden] { color: rgba(255,255,255,.25); }
.bolum--gece { position: relative; isolation: isolate; overflow: hidden; background: var(--ink-3); color: #b9c4cd; }
.bolum--gece h2 { color: var(--white); }
.bolum--gece .etiket { color: var(--accent-acik); }
.ok-link--acik { color: var(--white); border-color: rgba(255,255,255,.5); }
.ok-link--acik:hover { color: var(--accent-acik); border-color: var(--accent-acik); }

.alan-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.alan-kartlar--iki { grid-template-columns: repeat(2, 1fr); }
.alan-kart { position: relative; display: flex; flex-direction: column; background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.12); overflow: hidden; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background-color .35s ease; }
.alan-kart::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; z-index: 3; background: linear-gradient(90deg, transparent, var(--accent-acik), transparent); background-size: 200% 100%; animation: kayan 5s linear infinite; opacity: .55; transition: opacity .35s; }
@keyframes kayan { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.alan-kart:hover { transform: translateY(-6px); border-color: rgba(255,255,255,.34); box-shadow: 0 30px 60px -30px rgba(0,0,0,.8); }
.alan-kart:hover::before { opacity: 1; }
.alan-kart .kapak { aspect-ratio: auto; height: 150px; background: #0a1218; }
.kapak--canli svg { animation: kapak-suzul 18s ease-in-out infinite alternate; transform-origin: 60% 60%; }
.alan-kart:nth-child(even) .kapak--canli svg { animation-duration: 23s; animation-direction: alternate-reverse; }
.alan-kart:hover .kapak--canli svg { animation-duration: 6s; }
@keyframes kapak-suzul { from { transform: scale(1.05) translate3d(-2%, 0, 0) rotate(0deg); } to { transform: scale(1.22) translate3d(3%, -3%, 0) rotate(4deg); } }
.alan-kart__govde { display: flex; flex-direction: column; flex: 1; padding: 30px 30px 28px; }
.alan-kart__no { font-family: var(--serif); font-size: 14px; color: var(--accent-acik); margin-bottom: 14px; }
.alan-kart h2, .alan-kart h3 { font-size: 25px; line-height: 1.22; color: var(--white); margin-bottom: 14px; }
.alan-kart__bag::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.alan-kart p { font-size: 15.5px; line-height: 1.65; color: #aab6c0; margin: 0 0 20px; }
.alan-kart__liste { list-style: none; margin: 0 0 24px; padding: 0; border-top: 1px solid rgba(255,255,255,.1); }
.alan-kart__liste li { position: relative; padding: 10px 0 10px 22px; font-size: 14px; line-height: 1.5; color: #d2dae1; border-bottom: 1px solid rgba(255,255,255,.1); }
.alan-kart__liste li::before { content: ""; position: absolute; left: 0; top: 1.25em; width: 10px; height: 1px; background: var(--accent-acik); }
.alan-kart__git { margin-top: auto; display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--white); transition: gap .25s, color .25s; }
.alan-kart__git svg { width: 16px; height: 16px; }
.alan-kart:hover .alan-kart__git { gap: 18px; color: var(--accent-acik); }
.alan-kart__yazi { position: relative; z-index: 2; display: block; padding: 22px 30px 24px; background: rgba(255,255,255,.05); border-top: 1px solid rgba(255,255,255,.12); transition: background-color .25s; }
.alan-kart__yazi:hover { background: rgba(255,255,255,.1); }
.alan-kart__etiket { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-acik); margin-bottom: 10px; }
.alan-kart__yazi strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 17px; line-height: 1.35; color: var(--white); margin-bottom: 12px; }
.alan-kart__say { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #aab6c0; }
.alan-kart__say svg { width: 14px; height: 14px; }
.alan-kart__yazi:hover .alan-kart__say { color: var(--white); }
.alan-kart--sade .alan-kart__govde { padding: 34px 34px 30px; }
.alan-kart--sade p { margin-bottom: 26px; }
.cagri { position: relative; isolation: isolate; overflow: hidden; }

/* Örnek dilekçeler */
.belgeler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 28px; }
.belgeler--ic { grid-template-columns: 1fr; margin-top: 56px; gap: 14px; }
.belgeler--ic h2 { margin-bottom: 10px; }
.belge { display: grid; grid-template-columns: 52px 1fr 22px; gap: 20px; align-items: center; padding: 24px 26px; background: var(--white); border: 1px solid var(--rule); transition: border-color .25s, transform .25s, box-shadow .25s; }
.belge:hover { border-color: var(--ink); transform: translateY(-2px); box-shadow: 0 16px 34px -24px rgba(20, 33, 43, 0.5); }
.belge__ikon { width: 52px; height: 64px; display: inline-flex; align-items: center; justify-content: center; background: var(--ink); color: var(--accent-acik); }
.belge__ikon svg { width: 28px; height: 28px; }
.belge__govde { display: flex; flex-direction: column; min-width: 0; }
.belge .kart__kategori { margin-bottom: 6px; }
.belge strong { font-family: var(--serif); font-weight: 500; font-size: 19px; line-height: 1.3; color: var(--ink); transition: color .2s; }
.belge__ozet { margin-top: 6px; font-size: 14px; line-height: 1.55; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.belge__ok { color: var(--ink); transition: transform .25s, color .25s; }
.belge__ok svg { width: 20px; height: 20px; }
.belge:hover strong, .belge:hover .belge__ok { color: var(--accent); }
.belge:hover .belge__ok { transform: translateX(5px); }
.belge-eylem { display: grid; gap: 10px; }
.belge-eylem .btn { min-height: 48px; font-size: 13px; padding: 0 16px; }
.yazi-yan .not { margin: 0; font-size: 13px; background: var(--white); }
.kagit { background: var(--white); border: 1px solid var(--rule); box-shadow: 0 30px 60px -40px rgba(20, 33, 43, 0.45); padding: 72px 76px; }
.metin--dilekce { font-family: "Times New Roman", Times, var(--serif); font-size: 17.500px; line-height: 1.75; color: #1b1f24; max-width: none; }
.metin--dilekce p { margin: 0 0 1.05em; }
.metin--dilekce > p:first-child em { display: block; font-family: var(--sans); font-style: normal; font-size: 13px; line-height: 1.6; color: var(--muted); padding: 12px 16px; background: var(--paper); border-left: 2px solid var(--accent); margin-bottom: 1.6em; }

/* Çağrı bandı */
.cagri .wrap { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.cagri h2 { margin-bottom: 14px; }
.cagri p { margin: 0; max-width: 58ch; color: #b9c2ca; }
.cagri__eylem { display: flex; flex-wrap: wrap; gap: 14px; flex: none; }

/* İletişim */
.iletisim { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 64px; align-items: stretch; }
.iletisim__liste { list-style: none; margin: 36px 0 0; padding: 0; border-top: 1px solid var(--rule); }
.iletisim__liste li { display: grid; grid-template-columns: 110px 1fr; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--rule); }
.iletisim__liste dt, .iletisim__ad { font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); padding-top: 4px; }
.iletisim__liste a:hover { color: var(--accent); }
.harita { min-height: 420px; border: 1px solid var(--rule); background: var(--paper); }
.harita iframe { display: block; width: 100% !important; height: 100% !important; min-height: 420px; border: 0 !important; filter: grayscale(0.35) contrast(1.02); }

/* Alt bilgi */
.alt { background: var(--ink-3); color: #9fabb5; font-size: 15px; padding: 80px 0 0; }
.alt__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 56px; padding-bottom: 64px; }
.alt .marka__ad { color: var(--white); }
.alt .marka__alt { color: #8f9ba6; }
.alt p { margin: 22px 0 26px; line-height: 1.7; max-width: 38ch; }
.alt h4 { font-family: var(--sans); font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--white); margin-bottom: 22px; }
.alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.alt a { transition: color .2s; }
.alt a:hover { color: var(--white); }
.sosyal { display: flex; gap: 10px; }
.sosyal a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--rule-dark); border-radius: 2px; color: #c7d0d8; }
.sosyal a:hover { border-color: var(--white); }
.sosyal svg { width: 17px; height: 17px; }
.alt__son { border-top: 1px solid var(--rule-dark); padding: 24px 0 28px; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; font-size: 13px; color: #7f8b96; }
.alt__son div { display: flex; align-items: center; gap: 12px; }
.alt__son img { height: 18px; width: auto; }
.alt__son p { margin: 0; max-width: none; }
.alt__son a { color: #aeb8c1; text-decoration: underline; text-underline-offset: 3px; }

/* İç sayfa başlığı */
.sayfa-bas { background: var(--paper); border-bottom: 1px solid var(--rule); padding: 72px 0 64px; }
.sayfa-bas h1 { font-size: clamp(34px, 4.4vw, 52px); letter-spacing: -0.012em; max-width: 20ch; }
.sayfa-bas .giris { margin: 22px 0 0; }
.iz { display: flex; flex-wrap: wrap; gap: 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: 26px; }
.iz a:hover { color: var(--accent); }
.iz span[aria-hidden] { color: var(--rule); }
.iz [aria-current] { color: var(--ink); }

/* Zengin metin (panelden gelen içerik) */
.metin { font-size: 18px; line-height: 1.8; color: var(--text); max-width: 70ch; }
.metin > *:first-child { margin-top: 0; }
.metin p { margin: 0 0 1.25em; }
.metin h2, .metin h3, .metin h4 { margin: 2em 0 0.7em; font-size: 24px; }
.metin h4 { font-size: 20px; }
.metin ul, .metin ol { margin: 0 0 1.4em; padding: 0; list-style: none; border-top: 1px solid var(--rule); }
.metin li { position: relative; padding: 13px 0 13px 30px; border-bottom: 1px solid var(--rule); }
.metin ul li::before { content: ""; position: absolute; left: 4px; top: 1.55em; width: 12px; height: 1px; background: var(--accent); }
.metin ol { counter-reset: sira; }
.metin ol li { counter-increment: sira; }
.metin ol li::before { content: counter(sira) "."; position: absolute; left: 0; top: 13px; font-family: var(--serif); color: var(--accent); }
.metin a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; }
.metin strong { color: var(--ink); font-weight: 600; }
.metin img { height: auto; margin: 1.5em 0; }
.metin blockquote { margin: 1.6em 0; padding-left: 24px; border-left: 2px solid var(--accent); font-family: var(--serif); font-style: italic; font-size: 20px; color: var(--ink); }
.metin table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 16px; }
.metin td, .metin th { border: 1px solid var(--rule); padding: 10px 12px; text-align: left; }

/* Hizmet sayfası */
.afis { border-bottom: 1px solid var(--rule); }
.afis img { width: 100%; height: clamp(220px, 32vw, 400px); object-fit: cover; filter: grayscale(0.25); }
.icerik-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 80px; align-items: start; }
.yan { position: sticky; top: 116px; display: grid; gap: 32px; }
.kutu { background: var(--paper); border: 1px solid var(--rule); border-top: 2px solid var(--ink); padding: 32px 28px; }
.kutu h2, .kutu h3 { font-size: 22px; margin-bottom: 12px; }
.kutu p { font-size: 15px; color: var(--muted); margin-bottom: 22px; }
.kutu .btn { margin-top: 10px; }
.yan-liste h3 { font-family: var(--sans); font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.yan-liste ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); }
.yan-liste a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--rule); font-size: 16px; color: var(--text); transition: color .2s, padding .2s; }
.yan-liste a:hover, .yan-liste a[aria-current="page"] { color: var(--accent); padding-left: 6px; }
.yan-liste svg { width: 16px; height: 16px; flex: none; }
.dilekce { margin-top: 64px; padding-top: 48px; border-top: 1px solid var(--ink); }
.dilekce h2 { font-size: 28px; margin-bottom: 24px; }

/* Hakkımızda sayfası */
.hakkinda-grid { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 80px; align-items: start; }
.gorsel-sutun { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-content: start; }
.gorsel-sutun .levha--foto { grid-column: 1 / -1; }
.levha { position: relative; margin: 0; aspect-ratio: 4 / 5; background: var(--ink-3); border: 1px solid var(--rule); overflow: hidden; }
.levha svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.levha::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 60%); opacity: .55; pointer-events: none; mix-blend-mode: screen; }
.levha--foto { background: var(--paper); }
.levha--foto::after { display: none; }
.levha--foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.levha--foto figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 48px 24px 20px; background: linear-gradient(180deg, transparent, rgba(14, 24, 32, 0.88)); color: var(--white); font-family: var(--serif); font-size: 20px; }
.levha--foto figcaption span { display: block; margin-top: 4px; font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #c3ccd4; }
.levha__kol { transform-origin: 200px 150px; animation: terazi 7s ease-in-out infinite alternate; }
.levha__kefe { transform-box: fill-box; transform-origin: 50% 0; animation: terazi-kefe 7s ease-in-out infinite alternate; }
@keyframes terazi { from { transform: rotate(-3.5deg); } to { transform: rotate(3.5deg); } }
@keyframes terazi-kefe { from { transform: rotate(3.5deg); } to { transform: rotate(-3.5deg); } }
.levha__sutun { animation: nabiz 4.2s ease-in-out infinite alternate; }
.levha__satir { stroke-dasharray: 70; animation: satir 5s ease-in-out infinite alternate; }
@keyframes nabiz { from { opacity: .35; } to { opacity: 1; } }
@keyframes satir { from { stroke-dashoffset: 70; opacity: .3; } to { stroke-dashoffset: 0; opacity: 1; } }

/* Form */
.form-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 80px; align-items: start; }
.form { display: grid; gap: 26px; }
.form__sira { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.alan-etiket { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink); margin-bottom: 10px; }
.alan-etiket em { font-style: normal; color: #a33a2c; }
.girdi { width: 100%; min-height: 54px; padding: 14px 16px; font: inherit; font-size: 16px; color: var(--text); background: var(--white); border: 1px solid #c9c2b5; border-radius: 2px; transition: border-color .2s, box-shadow .2s; appearance: none; -webkit-appearance: none; }
textarea.girdi { min-height: 130px; resize: vertical; }
select.girdi { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314212b' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px; padding-right: 44px; }
.girdi:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 3px rgba(20, 33, 43, 0.12); }
.girdi:disabled { background-color: #efebe4; color: var(--muted); cursor: not-allowed; }
.not { border-left: 2px solid var(--accent); background: var(--paper); padding: 16px 20px; font-size: 14px; line-height: 1.65; color: var(--muted); }
.not strong { color: var(--ink); }
.kvkk { border: 1px solid var(--rule); background: var(--paper); padding: 20px; font-size: 14px; line-height: 1.65; color: var(--muted); }
.kvkk summary { cursor: pointer; font-weight: 600; color: var(--ink); }
.kvkk details { margin-bottom: 16px; }
.kvkk details p { margin: 12px 0 0; }
.kvkk label { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; color: var(--text); }
.kvkk input[type="checkbox"] { width: 18px; height: 18px; margin-top: 3px; flex: none; accent-color: var(--ink); }
.bildirim { padding: 16px 20px; border: 1px solid; border-left-width: 3px; margin-bottom: 32px; font-size: 16px; }
.bildirim--ok { border-color: #2f6b4f; background: #eef5f0; color: #1f4a36; }
.bildirim--hata { border-color: #a33a2c; background: #faefed; color: #7c2a20; }

.ucret-notu { position: relative; display: grid; grid-template-columns: 64px 1fr; gap: 22px; align-items: center; padding: 26px 28px; margin-bottom: 36px; background: var(--ink-3); color: #b9c4cd; border-left: 3px solid var(--accent-acik); overflow: hidden; }
.ucret-notu::after { content: ""; position: absolute; right: -80px; top: -120px; width: 300px; height: 300px; border-radius: 50%; background: var(--accent); filter: blur(70px); opacity: .45; pointer-events: none; }
.ucret-notu__ikon { position: relative; z-index: 1; width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.2); color: var(--accent-acik); }
.ucret-notu__ikon svg { width: 36px; height: 36px; }
.ucret-notu div { position: relative; z-index: 1; }
.ucret-notu strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 23px; color: var(--white); margin-bottom: 6px; }
.ucret-notu p { margin: 0; font-size: 14.5px; line-height: 1.65; }
.form-altnot { margin: 14px 0 0; font-size: 13px; color: var(--muted); }

/* Mobil alt çubuk */
.hizli { display: none; }

@media (max-width: 1024px) {
  .bolum { padding: 72px 0; }
  .hero .wrap { grid-template-columns: 1fr; gap: 56px; padding-top: 64px; padding-bottom: 80px; }
  .hero__gorsel { justify-self: start; max-width: 420px; margin-right: 22px; }
  .iki-sutun, .iletisim, .icerik-grid, .hakkinda-grid, .form-grid { grid-template-columns: 1fr; gap: 56px; }
  .cerceve { max-width: 420px; }
  .yan { position: static; }
  .gorsel-sutun { max-width: 460px; }
  .alanlar, .yazilar, .yazilar--uc { grid-template-columns: 1fr; }
  .kartlar { grid-template-columns: repeat(2, 1fr); }
  .alan-kartlar { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .one { grid-template-columns: 1fr; }
  .one .kapak { min-height: 0; aspect-ratio: 16 / 9; }
  .one__govde { padding: 36px 32px; }
  .yazi-grid { grid-template-columns: 1fr; gap: 40px; }
  .yazi-yan { position: static; gap: 28px; }
  .icindekiler summary { cursor: pointer; }
  .suzgec { top: 72px; }
  .cagri .wrap { flex-direction: column; align-items: flex-start; }
  .alt__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1320px) {
  .serit { display: none; }
  .ust .wrap { min-height: 72px; }
  .menu-dugme { display: inline-flex; }
  .menu { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; background: var(--white); border-bottom: 1px solid var(--rule); padding: 8px var(--gutter) 24px; box-shadow: 0 24px 40px -24px rgba(20, 33, 43, 0.35); }
  .menu.acik { display: flex; }
  .menu a:not(.btn) { padding: 16px 0; border-bottom: 1px solid var(--rule); }
  .menu a:not(.btn)::after { display: none; }
  .menu .btn { margin-top: 20px; min-height: 52px; }
}

@media (max-width: 640px) {
  body { font-size: 16px; padding-bottom: 60px; }
  :root { --gutter: 20px; }
  .bolum { padding: 56px 0; }
  .marka__ad { font-size: 14px; letter-spacing: 0.1em; }
  .marka__alt { font-size: 10px; letter-spacing: 0.2em; }
  .giris { font-size: 17px; }
  .hero__eylem { gap: 24px; }
  .hero__eylem .btn { width: 100%; }
  .hero__gorsel::before { inset: 14px -14px -14px 14px; }
  .hero__gorsel { margin-right: 14px; max-width: calc(100% - 14px); }
  .hero__gorsel img { aspect-ratio: 1 / 1; }
  .bolum-bas { flex-direction: column; align-items: flex-start; margin-bottom: 36px; }
  .alan { grid-template-columns: 40px 1fr 20px; padding: 26px 0; }
  .alan h3 { font-size: 21px; }
  .rakam { padding: 20px 16px 20px 0; }
  .rakam + .rakam { padding-left: 16px; }
  .rakam__deger { font-size: 28px; }
  .cagri__eylem, .cagri__eylem .btn { width: 100%; }
  .iletisim__liste li { grid-template-columns: 1fr; gap: 4px; }
  .harita, .harita iframe { min-height: 320px; }
  .alt { padding-top: 56px; }
  .alt__grid { grid-template-columns: 1fr; gap: 40px; padding-bottom: 48px; }
  .sayfa-bas { padding: 48px 0 44px; }
  .metin { font-size: 17px; }
  .form__sira { grid-template-columns: 1fr; }
  .ucret-notu { grid-template-columns: 1fr; gap: 14px; padding: 22px 20px; }
  .ucret-notu__ikon { width: 52px; height: 52px; }
  .bolum--dar { padding: 40px 0 56px; }
  .kartlar { grid-template-columns: 1fr; gap: 28px; }
  .belgeler { grid-template-columns: 1fr; gap: 14px; }
  .belge { grid-template-columns: 44px 1fr 18px; gap: 14px; padding: 18px 16px; }
  .belge__ikon { width: 44px; height: 54px; }
  .belge strong { font-size: 17px; }
  .kagit { padding: 32px 22px; }
  .metin--dilekce { font-size: 16px; }
  .alan-kartlar, .alan-kartlar--iki { grid-template-columns: 1fr; gap: 20px; }
  .alan-kart__govde, .alan-kart--sade .alan-kart__govde { padding: 24px 22px; }
  .alan-kart__yazi { padding: 20px 22px; }
  .sayfa-bas.sayfa-bas--koyu { padding: 56px 0 52px; }
  .aurora i { filter: blur(70px); }
  .one { margin-bottom: 36px; }
  .one__govde { padding: 28px 22px; }
  .suzgec .wrap { flex-direction: column; align-items: stretch; gap: 0; padding-bottom: 12px; }
  .suzgec__ara input { width: 100%; }
  .metin--yazi { font-size: 17.5px; }
  .metin--yazi h2 { font-size: 24px; }
  .yazar { grid-template-columns: 1fr; padding: 26px 22px; }
  .hizli { display: grid; grid-template-columns: repeat(3, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: var(--ink); border-top: 1px solid var(--rule-dark); }
  .hizli a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 60px; color: var(--white); font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
  .hizli a + a { border-left: 1px solid var(--rule-dark); }
  .hizli svg { width: 17px; height: 17px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}

@media print {
  .serit, .ust, .hizli, .cagri, .alt, .harita, .yazi-yan, .yazar, .belgeler--ic, .yazar__eylem, .suzgec, .sayfa-bas--yazi .iz, .kartlar, .bolum-bas { display: none !important; }
  .kagit { border: 0; box-shadow: none; padding: 0; }
  .yazi-grid { display: block; }
  body { font-size: 12pt; }
}