/*
 * Parlak & İpek Hukuk — tema stilleri.
 * Renk: zümrüt yeşili + altın + ipek beyazı (PI_PALET 'gece' ile gece mavisi).
 * Yazı: Brygada 1918 (başlık), Onest (metin). Hareketler yalnızca transform ve opaklıkla yapılır;
 * bulanıklaştırma, backdrop-filter, clip-path geçişi ve sonsuz döngülü animasyon kullanılmaz.
 */

/* ------------------------------------------------------------------ */
/* Yazı tipleri                                                         */
/* ------------------------------------------------------------------ */
@font-face { font-family: "Brygada"; src: url(../fonts/brygada-latin.woff2) format("woff2"); font-weight: 500 700; font-style: normal; font-display: swap; 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: "Brygada"; src: url(../fonts/brygada-latin-ext.woff2) format("woff2"); font-weight: 500 700; font-style: normal; font-display: swap; unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA; }
@font-face { font-family: "Brygada"; src: url(../fonts/brygada-italik-latin.woff2) format("woff2"); font-weight: 500; font-style: italic; font-display: swap; 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: "Brygada"; src: url(../fonts/brygada-italik-latin-ext.woff2) format("woff2"); font-weight: 500; font-style: italic; font-display: swap; unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA; }
@font-face { font-family: "Onest"; src: url(../fonts/onest-latin.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; 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: "Onest"; src: url(../fonts/onest-latin-ext.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA; }

/* ------------------------------------------------------------------ */
/* Renk ve ölçü değişkenleri                                            */
/* ------------------------------------------------------------------ */
:root {
	--z-900: #091c17;
	--z-800: #0e2a23;
	--z-700: #143a31;
	--z-600: #1b4a3f;
	--z-500: #2b6252;
	--z-ton: #e3ece6;
	--altin: #c9a35c;
	--altin-a: #e2c890;
	--altin-k: #7a5a1e;
	--altin-orta: #b08a3e;
	--ipek: #f8f5ef;
	--sedef: #f0ebe2;
	--kum: #e3dbcd;
	--cizgi: #e2d9ca;
	--beyaz: #fffdf9;
	--murekkep: #142019;
	--gri: #4a5651;
	--soluk: #5d6863;
	--hata: #a33a2c;
	--serif: "Brygada", "Iowan Old Style", Georgia, "Times New Roman", serif;
	--sans: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--kap: 1240px;
	--bosluk: clamp(20px, 4vw, 40px);
	--r-k: 12px;
	--r: 18px;
	--r-b: 28px;
	--ust: 76px;
	--golge: 0 22px 44px -26px rgba(9, 28, 23, .38);
	--golge-k: 0 10px 24px -16px rgba(9, 28, 23, .35);
	--ease: cubic-bezier(.22, .7, .2, 1);
	--ease-cik: cubic-bezier(.6, 0, .3, 1);
	--l-yazi: var(--murekkep);
	--l-altin: var(--altin-orta);
	--l-parilti: var(--altin-orta);
	--l-alt: var(--gri);
	--l-zemin: var(--z-800);
	--l-muhur: #d6b46e;
	--l-muhur-p: #f1dfb5;
}
.pi-palet-gece {
	--z-900: #08121f;
	--z-800: #0d1b2e;
	--z-700: #13253d;
	--z-600: #1b3150;
	--z-500: #2a4669;
	--z-ton: #e3e9f1;
}

/* ------------------------------------------------------------------ */
/* Temel                                                                */
/* ------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 96px; }
body { margin: 0; background: var(--ipek); color: var(--murekkep); font-family: var(--sans); font-size: 1.0625rem; line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; }
img, svg, video, iframe { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 600; line-height: 1.16; letter-spacing: -.01em; margin: 0 0 .5em; color: var(--murekkep); text-wrap: balance; }
h1 em, h2 em, h3 em, .pi-son-baslik em, .pi-cagri-baslik em { font-style: italic; font-weight: 500; color: var(--altin-k); }
p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.25em; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; border-radius: 4px; }
::selection { background: var(--altin-a); color: var(--z-900); }
[hidden] { display: none !important; }
.pi-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
/* Logo sembolü renkleri (sınıflarla; SVG özniteliğinde değişken kullanılmaz) */
.pi-s-z { fill: var(--l-zemin); }
.pi-s-m { fill: var(--l-muhur); }
.pi-s-mc { fill: none; stroke: var(--l-muhur); }
.pi-s-mp { fill: var(--l-muhur-p); }
.pi-s-y { fill: var(--l-yazi); }
.pi-s-a { fill: var(--l-altin); }
.pi-s-p { fill: var(--l-parilti); }
.pi-s-alt { fill: var(--l-alt); }
.pi-gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pi-atla { position: fixed; left: 16px; top: -60px; z-index: 300; background: var(--z-800); color: var(--beyaz); padding: 10px 16px; border-radius: 10px; text-decoration: none; transition: top .2s; }
.pi-atla:focus { top: 12px; }
.pi-ikon { width: 1.2em; height: 1.2em; flex: none; }
.pi-ana { outline: none; }

/* Kap ve bölümler */
.pi-kap { width: 100%; max-width: calc(var(--kap) + 2 * var(--bosluk)); margin: 0 auto; padding: 0 var(--bosluk); }
.pi-dar { max-width: calc(820px + 2 * var(--bosluk)); }
.pi-bolum { padding: clamp(64px, 8vw, 112px) 0; position: relative; }
.pi-bolum-ust { padding-top: clamp(36px, 5vw, 56px); }
.pi-bolum-sedef { background: var(--sedef); }
.pi-bolum-koyu { background: var(--z-800); color: #dfe7e2; }
.pi-bolum-koyu h2, .pi-bolum-koyu h3 { color: var(--beyaz); }
.pi-bolum-koyu h2 em { color: var(--altin-a); }

/* Bölüm başlığı */
.pi-etiket { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--sans); font-size: .8rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--altin-k); }
.pi-etiket::before { content: ""; width: 28px; height: 1px; background: currentColor; opacity: .7; }
.pi-etiket .pi-ikon { width: 1.15em; height: 1.15em; }
.pi-etiket-acik { color: var(--altin-a); }
.pi-etiket-no { font-family: var(--serif); font-style: italic; letter-spacing: 0; font-size: 1rem; text-transform: none; color: var(--altin-k); }
.pi-bb { max-width: 680px; margin-bottom: clamp(28px, 4vw, 48px); }
.pi-bb h2 { font-size: clamp(1.85rem, 3.2vw, 2.45rem); margin-bottom: .35em; }
.pi-bb p:not(.pi-etiket) { color: var(--gri); font-size: 1.05rem; margin: 0; }
.pi-bolum-koyu .pi-bb p:not(.pi-etiket) { color: #b9c7c0; }
.pi-bb-satir { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.pi-bb-satir h2 { margin: 0; }
.pi-bb-yan { max-width: 420px; }

/* ------------------------------------------------------------------ */
/* Düğmeler ve bağlantılar                                              */
/* ------------------------------------------------------------------ */
.pi-dugme { --dg-arka: var(--z-800); --dg-yazi: var(--beyaz); position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border-radius: 999px; border: 1px solid transparent; background: var(--dg-arka); color: var(--dg-yazi); font-weight: 600; font-size: .98rem; text-decoration: none; white-space: nowrap; transition: transform .25s var(--ease), background-color .25s, color .25s, border-color .25s, box-shadow .25s; }
.pi-dugme:hover { transform: translateY(-2px); box-shadow: var(--golge-k); }
.pi-dugme:active { transform: translateY(0); }
.pi-dugme-altin { --dg-arka: var(--altin); --dg-yazi: var(--z-900); }
.pi-dugme-altin:hover { --dg-arka: var(--altin-a); }
.pi-dugme-koyu:hover { --dg-arka: var(--z-700); }
.pi-dugme-cizgi { --dg-arka: transparent; --dg-yazi: var(--murekkep); border-color: var(--kum); }
.pi-dugme-cizgi:hover { border-color: var(--altin); --dg-arka: var(--beyaz); }
.pi-dugme-acik { --dg-arka: rgba(255, 253, 249, .08); --dg-yazi: var(--beyaz); border-color: rgba(255, 253, 249, .22); }
.pi-dugme-acik:hover { --dg-arka: rgba(255, 253, 249, .14); }
.pi-dugmeler-koyu .pi-dugme-cizgi { --dg-yazi: var(--beyaz); border-color: rgba(255, 253, 249, .25); }
.pi-dugmeler-koyu .pi-dugme-cizgi:hover { --dg-arka: rgba(255, 253, 249, .08); border-color: var(--altin-a); }
.pi-dugme-kucuk { min-height: 42px; padding: 0 18px; font-size: .92rem; }
.pi-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.pi-dugmeler-koyu .pi-bag-ok { color: var(--altin-a); }
.pi-bag-ok { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--altin-k); text-decoration: none; background: none; border: 0; padding: 0; font-size: .98rem; }
.pi-bag-ok .pi-ikon { transition: transform .25s var(--ease); }
.pi-bag-ok:hover .pi-ikon:last-child { transform: translateX(4px); }
.pi-bolum-koyu .pi-bag-ok { color: var(--altin-a); }

/* ------------------------------------------------------------------ */
/* Logo                                                                 */
/* ------------------------------------------------------------------ */
.pi-logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; flex: none; }
.pi-logo-amblem { width: 46px; height: 46px; flex: none; }
.pi-logo-yazi { display: flex; flex-direction: column; gap: 7px; }
.pi-logo-ad { width: 210px; height: auto; aspect-ratio: 341.6 / 39.5; }
.pi-logo-alt { width: 210px; height: auto; aspect-ratio: 341.6 / 10.8; }
.pi-logo-tam { flex-direction: column; align-items: flex-start; gap: 16px; }
.pi-logo-tam .pi-logo-amblem { width: 64px; height: 64px; }
.pi-logo-acik { --l-yazi: #f4ecdc; --l-altin: #d6b46e; --l-parilti: #f1dfb5; --l-alt: #b9c4be; --l-zemin: #174238; }
.pi-amblem { width: 64px; height: 64px; }

/* ------------------------------------------------------------------ */
/* Sayfa perdesi (logo yükleyicisi)                                     */
/* ------------------------------------------------------------------ */
.pi-perde { position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; background: var(--z-800); color: var(--beyaz); opacity: 0; visibility: hidden; pointer-events: none; --l-yazi: #f4ecdc; --l-altin: #d6b46e; --l-parilti: #f1dfb5; --l-zemin: #174238; }
.pi-perde-ic { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.pi-perde-amblem { width: 104px; height: 104px; }
.pi-perde-ad { width: min(300px, 70vw); height: auto; aspect-ratio: 341.6 / 39.5; }
.pi-perde-alt { margin: -6px 0 0; font-size: .74rem; letter-spacing: .42em; text-transform: uppercase; color: #b9c4be; }
.pi-perde-cizgi { display: block; width: 120px; height: 1px; background: rgba(255, 253, 249, .14); overflow: hidden; }
.pi-perde-cizgi i { display: block; height: 100%; background: var(--altin); transform-origin: left; transform: scaleX(0); }
.pi-perde .pi-isik { transform: translateX(-40px); }
.pi-perde .pi-parilti { transform-box: fill-box; transform-origin: center; }
html.pi-perde-ilk .pi-perde, html.pi-perde-gelis .pi-perde, html.pi-perde-kapan .pi-perde { opacity: 1; visibility: visible; pointer-events: auto; }
html.pi-perde-kapan .pi-perde { transition: opacity .16s linear; }
html.pi-perde-ilk .pi-perde-amblem { animation: pi-belir .5s var(--ease) both; }
html.pi-perde-ilk .pi-perde .pi-isik { animation: pi-isik .9s .18s var(--ease) both; }
html.pi-perde-ilk .pi-perde .pi-parilti { animation: pi-parilti .6s .45s var(--ease) both; }
html.pi-perde-ilk .pi-perde-ad { animation: pi-yuksel .55s .15s var(--ease) both; }
html.pi-perde-ilk .pi-perde-alt { animation: pi-yuksel .55s .25s var(--ease) both; }
html.pi-perde-ilk .pi-perde-cizgi i { animation: pi-cizgi .7s .1s var(--ease) both; }
html.pi-perde-gelis .pi-perde-cizgi i { transform: scaleX(.6); }
html.pi-perde-bitti .pi-perde { transform: translateY(-100%); visibility: hidden; transition: transform .55s var(--ease-cik), visibility 0s .55s; }
html.pi-perde-ilk .pi-perde, html.pi-perde-gelis .pi-perde { animation: pi-perde-kalk .5s var(--ease-cik) 2.4s forwards; }
html.hemen .pi-perde { display: none; }
@keyframes pi-belir { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: none; } }
@keyframes pi-yuksel { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes pi-cizgi { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes pi-isik { from { transform: translateX(-40px); } to { transform: translateX(140px); } }
@keyframes pi-parilti { from { opacity: 0; transform: scale(.2) rotate(-90deg); } to { opacity: 1; transform: none; } }
@keyframes pi-perde-kalk { to { transform: translateY(-100%); visibility: hidden; } }

/* Okuma / kaydırma göstergesi */
.pi-ilerleme, .pi-okuma { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 210; pointer-events: none; }
.pi-ilerleme span, .pi-okuma span { display: block; height: 100%; background: linear-gradient(90deg, var(--altin), var(--altin-a)); transform-origin: left; transform: scaleX(0); }
.pi-okuma { z-index: 211; }

/* ------------------------------------------------------------------ */
/* Üst bölüm                                                            */
/* ------------------------------------------------------------------ */
.pi-ust { position: sticky; top: 0; z-index: 200; background: var(--ipek); transition: transform .38s var(--ease), box-shadow .3s; will-change: transform; }
.pi-serit { background: var(--z-800); color: #c8d4ce; font-size: .82rem; }
.pi-serit-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 36px; }
.pi-serit a, .pi-serit span { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; }
.pi-serit a:hover { color: var(--altin-a); }
.pi-serit .pi-ikon { width: 15px; height: 15px; color: var(--altin); }
.pi-serit-sag { display: flex; gap: 22px; }
.pi-ust-ic { display: flex; align-items: center; gap: 28px; height: var(--ust); }
.pi-ust.kaydi { box-shadow: 0 1px 0 var(--cizgi), 0 12px 30px -24px rgba(9, 28, 23, .5); transform: translateY(-36px); }
.pi-ust.gizli { transform: translateY(calc(-100% - 4px)); }
.pi-menu { margin-left: auto; }
.pi-menu-liste { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.pi-menu-liste > li { position: relative; }
.pi-menu-liste > li > a { position: relative; display: flex; align-items: center; gap: 6px; padding: 10px 14px; font-weight: 500; font-size: .97rem; text-decoration: none; border-radius: 10px; color: var(--murekkep); transition: color .2s; }
.pi-menu-liste > li > a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 1px; background: var(--altin); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease); }
.pi-menu-liste > li > a:hover::after, .pi-menu-liste > li > a[aria-current]::after, .pi-menu-liste > li.acik > a::after { transform: scaleX(1); }
.pi-menu-liste > li > a[aria-current] { color: var(--altin-k); }
.pi-menu-ok { width: 14px; height: 14px; transition: transform .25s var(--ease); }
.pi-menu-liste > li.acik .pi-menu-ok { transform: rotate(180deg); }
.pi-acilir { position: absolute; top: calc(100% + 8px); left: -8px; min-width: 320px; padding: 10px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r); box-shadow: var(--golge); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .22s, transform .3s var(--ease), visibility 0s .3s; }
.pi-acilir::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
li.acik > .pi-acilir { opacity: 1; visibility: visible; transform: none; transition: opacity .22s, transform .3s var(--ease); }
.pi-acilir a { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border-radius: 12px; text-decoration: none; transition: background-color .2s; }
.pi-acilir a:hover, .pi-acilir a[aria-current] { background: var(--sedef); }
.pi-acilir strong { display: block; font-weight: 600; font-size: .96rem; }
.pi-acilir small { display: block; color: var(--soluk); font-size: .84rem; line-height: 1.4; }
.pi-acilir-ikon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--z-ton); color: var(--z-600); flex: none; }
.pi-acilir-ikon .pi-ikon { width: 20px; height: 20px; }
.pi-menu-mega { position: static !important; }
.pi-mega { position: absolute; left: 0; right: 0; top: 100%; padding-top: 10px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .22s, transform .3s var(--ease), visibility 0s .3s; }
li.acik > .pi-mega { opacity: 1; visibility: visible; transform: none; transition: opacity .22s, transform .3s var(--ease); }
.pi-mega-ic { display: grid; grid-template-columns: 1fr 300px; gap: 20px; }
.pi-mega-alanlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; list-style: none; margin: 0; padding: 18px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-b); box-shadow: var(--golge); }
.pi-mega-alanlar > li { padding: 12px; border-radius: 16px; transition: background-color .2s; }
.pi-mega-alanlar > li:hover { background: var(--sedef); }
.pi-mega-bas { display: flex; align-items: center; gap: 12px; text-decoration: none; margin-bottom: 8px; }
.pi-mega-bas strong { font-family: var(--serif); font-size: 1.12rem; font-weight: 600; }
.pi-mega-ikon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--z-800); color: var(--altin-a); flex: none; }
.pi-mega-ikon .pi-ikon { width: 18px; height: 18px; }
.pi-mega-alanlar ul { list-style: none; margin: 0; padding: 0 0 0 50px; }
.pi-mega-alanlar ul a { display: block; padding: 3px 0; font-size: .9rem; color: var(--gri); text-decoration: none; }
.pi-mega-alanlar ul a:hover { color: var(--altin-k); }
.pi-mega-yan { display: flex; flex-direction: column; gap: 10px; padding: 26px; border-radius: var(--r-b); background: var(--z-800); color: #cfdad4; text-decoration: none; box-shadow: var(--golge); }
.pi-mega-yan strong { font-family: var(--serif); font-size: 1.4rem; color: var(--beyaz); line-height: 1.2; }
.pi-mega-yan > span:not(.pi-arac-pasta):not(.pi-bag-ok) { font-size: .93rem; }
.pi-mega-yan .pi-bag-ok { color: var(--altin-a); margin-top: auto; }
.pi-ust-eylem { display: flex; align-items: center; gap: 10px; }
.pi-ara-ac { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 12px 0 16px; border-radius: 999px; border: 1px solid var(--kum); background: var(--beyaz); color: var(--murekkep); font-size: .93rem; transition: border-color .2s; }
.pi-ara-ac:hover { border-color: var(--altin); }
.pi-ara-ac .pi-ikon { width: 18px; height: 18px; }
.pi-ara-ac kbd, .pi-ara-kisayol, .pi-pencere-kapat kbd, .pi-yan-ara kbd { font-family: var(--sans); font-size: .72rem; padding: 3px 7px; border-radius: 6px; background: var(--sedef); border: 1px solid var(--cizgi); color: var(--soluk); }
.pi-ust-cta { min-height: 46px; padding: 0 20px; }
.pi-menu-ac { display: none; align-items: center; gap: 10px; height: 46px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--kum); background: var(--beyaz); font-weight: 700; font-size: .8rem; letter-spacing: .16em; }
.pi-menu-cizgiler { display: grid; gap: 5px; width: 20px; }
.pi-menu-cizgiler i { display: block; height: 1.5px; background: currentColor; border-radius: 2px; }
.pi-menu-cizgiler i:last-child { width: 70%; justify-self: end; }

/* Mobil menü (önceden çizili; yalnızca görünürlüğü ve opaklığı değişir) */
.pi-cekmece { position: fixed; inset: 0; z-index: 400; background: var(--z-800); color: var(--beyaz); overflow-y: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; transition: opacity .22s, visibility 0s .22s; }
html.pi-menu-acik .pi-cekmece { opacity: 1; visibility: visible; transition: opacity .22s; }
.pi-cekmece[hidden] { display: block !important; }
.pi-cekmece-ic { min-height: 100%; display: flex; flex-direction: column; padding: 16px var(--bosluk) calc(28px + env(safe-area-inset-bottom)); }
.pi-cekmece-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; }
.pi-cekmece-ust .pi-logo-alt { display: none; }
.pi-cekmece-ust .pi-logo-ad { width: 170px; }
.pi-cekmece-ust .pi-logo-amblem { width: 40px; height: 40px; }
.pi-cekmece-kapat { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(255, 253, 249, .25); background: none; color: var(--beyaz); font-weight: 700; font-size: .78rem; letter-spacing: .16em; }
.pi-cekmece-ara { display: flex; align-items: center; gap: 12px; width: 100%; margin: 18px 0 10px; padding: 15px 18px; border-radius: 14px; border: 1px solid rgba(255, 253, 249, .16); background: rgba(255, 253, 249, .06); color: #cfdad4; text-align: left; font-size: 1rem; }
.pi-cekmece-ara .pi-ikon { color: var(--altin-a); }
.pi-cekmece-liste { list-style: none; margin: 8px 0 0; padding: 0; }
.pi-cekmece-liste > li { border-bottom: 1px solid rgba(255, 253, 249, .1); opacity: 0; transform: translateY(10px); transition: opacity .3s, transform .4s var(--ease); }
html.pi-menu-acik .pi-cekmece-liste > li { opacity: 1; transform: none; transition-delay: calc(var(--i) * 35ms + 60ms); }
.pi-cekmece-liste > li > a, .pi-cekmece-liste > li > button { display: flex; align-items: center; gap: 14px; width: 100%; padding: 15px 0; background: none; border: 0; color: var(--beyaz); text-decoration: none; text-align: left; font-family: var(--serif); font-size: 1.45rem; font-weight: 500; }
.pi-cekmece-liste > li > a[aria-current] { color: var(--altin-a); }
.pi-cekmece-liste small { font-family: var(--sans); font-size: .76rem; color: var(--altin-a); letter-spacing: .08em; width: 22px; }
.pi-cekmece-liste > li > button .pi-ikon { margin-left: auto; width: 20px; height: 20px; transition: transform .25s; }
.pi-cekmece-liste > li > button[aria-expanded="true"] .pi-ikon { transform: rotate(45deg); }
.pi-cekmece-acilir ul { list-style: none; margin: 0 0 12px; padding: 0 0 0 36px; }
.pi-cekmece-acilir ul a { display: flex; align-items: center; gap: 12px; padding: 9px 0; color: #cfdad4; text-decoration: none; font-size: 1rem; }
.pi-cekmece-acilir ul .pi-ikon { color: var(--altin); width: 18px; height: 18px; }
.pi-cekmece-alt { margin-top: auto; padding-top: 26px; display: grid; gap: 10px; }
.pi-cekmece-alt .pi-dugme { width: 100%; }
.pi-cekmece-alt p { display: flex; gap: 10px; margin: 8px 0 0; font-size: .9rem; color: #b9c4be; }
.pi-cekmece-alt p .pi-ikon { color: var(--altin); margin-top: 3px; }

/* ------------------------------------------------------------------ */
/* Arama                                                                */
/* ------------------------------------------------------------------ */
.pi-ara { position: relative; }
.pi-ara-alan { position: relative; display: flex; align-items: center; gap: 10px; height: 62px; padding: 0 8px 0 22px; background: var(--beyaz); border: 1px solid var(--kum); border-radius: 999px; box-shadow: 0 18px 40px -30px rgba(9, 28, 23, .5); transition: border-color .2s, box-shadow .25s; }
.pi-ara-alan:focus-within { border-color: var(--altin); box-shadow: 0 0 0 4px rgba(201, 163, 92, .18), 0 18px 40px -30px rgba(9, 28, 23, .5); }
.pi-ara-buyutec { width: 22px; height: 22px; color: var(--altin-k); }
.pi-ara-alan input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; outline: none; font-size: 1.05rem; }
.pi-ara-alan input::placeholder { color: var(--soluk); }
.pi-ara-alan input::-webkit-search-cancel-button { display: none; }
.pi-ara-sil { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 0; background: var(--sedef); color: var(--gri); }
.pi-ara-sil .pi-ikon { width: 16px; height: 16px; }
.pi-ara-dugme { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--z-800); color: var(--beyaz); font-weight: 600; transition: background-color .2s; }
.pi-ara-dugme:hover { background: var(--z-700); }
.pi-ara-dugme .pi-ikon { width: 18px; height: 18px; }
.pi-ara-oneriler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.pi-ara-oneriler > span { font-size: .84rem; color: var(--soluk); margin-right: 4px; }
.pi-ara-oneriler button { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--cizgi); background: transparent; font-size: .88rem; color: var(--gri); transition: border-color .2s, color .2s, background-color .2s; }
.pi-ara-oneriler button:hover { border-color: var(--altin); color: var(--murekkep); background: var(--beyaz); }
.pi-ara-sonuc { position: absolute; left: 0; right: 0; top: calc(100% + 10px); z-index: 60; max-height: min(460px, 60vh); overflow-y: auto; padding: 8px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r); box-shadow: var(--golge); overscroll-behavior: contain; }
.pi-ara-grup { margin: 10px 12px 4px; font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); }
.pi-ara-oge { display: grid; grid-template-columns: 36px 1fr 20px; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; text-decoration: none; }
.pi-ara-oge:hover, .pi-ara-oge.etkin { background: var(--sedef); }
.pi-ara-oge-i { grid-row: span 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--z-ton); color: var(--z-600); }
.pi-ara-oge-i .pi-ikon { width: 18px; height: 18px; }
.pi-ara-oge strong { font-weight: 600; line-height: 1.35; }
.pi-ara-oge strong mark { background: rgba(201, 163, 92, .28); color: inherit; border-radius: 3px; padding: 0 1px; }
.pi-ara-oge-a { grid-column: 2; font-size: .86rem; color: var(--soluk); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pi-ara-oge > .pi-ikon { grid-column: 3; grid-row: 1 / span 2; width: 16px; height: 16px; color: var(--altin-k); opacity: 0; transition: opacity .2s; }
.pi-ara-oge:hover > .pi-ikon, .pi-ara-oge.etkin > .pi-ikon { opacity: 1; }
.pi-ara-bilgi { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 8px 12px 4px; padding-top: 10px; border-top: 1px solid var(--cizgi); font-size: .8rem; color: var(--soluk); }
.pi-ara-bilgi a { color: var(--altin-k); font-weight: 600; text-decoration: none; }
.pi-ara-bos { padding: 18px; }
.pi-ara-bos strong { display: block; margin-bottom: 6px; }
.pi-ara-bos p { color: var(--gri); font-size: .93rem; }

/* Arama penceresi */
.pi-pencere { position: fixed; inset: 0; z-index: 450; display: flex; justify-content: center; align-items: flex-start; padding: clamp(12px, 8vh, 90px) 14px 14px; opacity: 0; visibility: hidden; transition: opacity .2s, visibility 0s .2s; }
.pi-pencere[hidden] { display: flex !important; }
html.pi-pencere-acik .pi-pencere { opacity: 1; visibility: visible; transition: opacity .2s; }
.pi-pencere-perde { position: absolute; inset: 0; background: rgba(9, 28, 23, .72); }
.pi-pencere-ic { position: relative; width: min(760px, 100%); max-height: calc(100vh - 28px); overflow-y: auto; padding: 22px; background: var(--ipek); border-radius: var(--r-b); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .5); transform: translateY(14px) scale(.985); transition: transform .3s var(--ease); }
html.pi-pencere-acik .pi-pencere-ic { transform: none; }
.pi-pencere-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.pi-pencere-ust p { display: flex; align-items: center; gap: 12px; margin: 0; }
.pi-pencere-amblem { width: 40px; height: 40px; }
.pi-pencere-ust strong { display: block; font-family: var(--serif); font-size: 1.25rem; }
.pi-pencere-ust small { display: block; font-size: .84rem; color: var(--soluk); line-height: 1.4; }
.pi-pencere-kapat { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .86rem; }
.pi-ara-sekmeler { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.pi-ara-sekmeler button { padding: 6px 13px; border-radius: 999px; border: 1px solid var(--cizgi); background: transparent; font-size: .85rem; color: var(--gri); }
.pi-ara-sekmeler button.etkin { background: var(--z-800); border-color: var(--z-800); color: var(--beyaz); }
.pi-ara-pencere .pi-ara-sonuc { position: static; margin-top: 12px; max-height: none; box-shadow: none; }
.pi-pencere-alanlar { margin-top: 20px; }
.pi-pencere-alanlar > span, .pi-ara-oneriler > span { font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.pi-pencere-alanlar ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; list-style: none; margin: 10px 0 0; padding: 0; }
.pi-pencere-alanlar a { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border-radius: 12px; background: var(--beyaz); border: 1px solid var(--cizgi); text-decoration: none; font-weight: 500; font-size: .94rem; transition: border-color .2s; }
.pi-pencere-alanlar a:hover { border-color: var(--altin); }
.pi-pencere-alanlar .pi-ikon { color: var(--z-600); width: 18px; height: 18px; }
.pi-pencere-alt { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--cizgi); }
.pi-pencere-alt a { display: inline-flex; align-items: center; gap: 8px; font-size: .9rem; color: var(--gri); text-decoration: none; }
.pi-pencere-alt a:hover { color: var(--altin-k); }
.pi-pencere-alt .pi-ikon { width: 17px; height: 17px; color: var(--altin-k); }

/* ------------------------------------------------------------------ */
/* Ana sayfa: açılış                                                    */
/* ------------------------------------------------------------------ */
.pi-giris { position: relative; padding: clamp(36px, 6vw, 72px) 0 clamp(56px, 7vw, 96px); overflow: hidden; background: radial-gradient(120% 90% at 85% 0%, #efe7d8 0%, rgba(239, 231, 216, 0) 60%), var(--ipek); }
.pi-buyuk-amp { position: absolute; pointer-events: none; fill: none; stroke: var(--altin); stroke-width: .18; opacity: .55; }
.pi-giris > .pi-buyuk-amp { width: min(760px, 70vw); right: -8%; top: -6%; }
.pi-giris-ic { position: relative; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.pi-giris-metin h1 { font-size: clamp(2.3rem, 4.5vw, 3.65rem); line-height: 1.08; margin-bottom: .45em; }
.pi-giris-ozet { font-size: 1.12rem; color: var(--gri); max-width: 560px; margin-bottom: 30px; }
.pi-giris-ara { max-width: 620px; }
.pi-giris-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--cizgi); max-width: 620px; }
.pi-giris-avukatlar, .pi-giris-tel { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.pi-giris-avukatlar strong, .pi-giris-tel strong { display: block; font-weight: 600; font-size: .98rem; line-height: 1.3; }
.pi-giris-avukatlar small, .pi-giris-tel small { display: block; font-size: .82rem; color: var(--soluk); }
.pi-giris-harfler { display: flex; }
.pi-giris-harfler span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--z-800); color: var(--altin-a); font-family: var(--serif); font-size: .92rem; font-weight: 600; border: 2px solid var(--ipek); }
.pi-giris-harfler span + span { margin-left: -10px; background: var(--z-600); }
.pi-giris-tel > .pi-ikon { width: 42px; height: 42px; padding: 11px; border-radius: 50%; border: 1px solid var(--kum); color: var(--altin-k); }
.pi-giris-gorsel { position: relative; justify-self: end; width: min(100%, 470px); }
.pi-giris-cerceve { position: relative; margin: 0; aspect-ratio: 4 / 5; border-radius: 240px 240px var(--r-b) var(--r-b); overflow: hidden; background: var(--z-800); box-shadow: 0 40px 80px -40px rgba(9, 28, 23, .55); }
.pi-giris-cerceve img { width: 100%; height: 108%; object-fit: cover; will-change: transform; }
.pi-giris-cerceve::after { content: ""; position: absolute; inset: 10px; border-radius: 232px 232px 20px 20px; border: 1px solid rgba(226, 200, 144, .45); pointer-events: none; }
.pi-giris-kart { position: absolute; display: flex; align-items: center; gap: 12px; padding: 12px 16px 12px 12px; border-radius: 16px; background: var(--beyaz); box-shadow: var(--golge); text-decoration: none; transition: transform .3s var(--ease); }
.pi-giris-kart:hover { transform: translateY(-3px); }
.pi-giris-kart strong { display: block; font-weight: 600; font-size: .95rem; line-height: 1.3; }
.pi-giris-kart small { display: block; font-size: .8rem; color: var(--soluk); line-height: 1.35; }
.pi-giris-kart-dinle { left: -48px; bottom: 64px; }
.pi-giris-kart-hesap { right: -18px; top: 46px; }
.pi-giris-kart-ikon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--z-800); color: var(--altin-a); flex: none; }
.pi-dalga { display: flex; align-items: center; gap: 3px; height: 22px; margin-left: 6px; }
.pi-dalga i { display: block; width: 3px; height: 100%; border-radius: 2px; background: var(--altin); transform-origin: center; }
.pi-dalga i:nth-child(1) { transform: scaleY(.35); } .pi-dalga i:nth-child(2) { transform: scaleY(.8); } .pi-dalga i:nth-child(3) { transform: scaleY(.5); } .pi-dalga i:nth-child(4) { transform: scaleY(1); } .pi-dalga i:nth-child(5) { transform: scaleY(.45); }
.pi-giris-kart-dinle:hover .pi-dalga i { animation: pi-dalga .9s ease-in-out 2; }
.pi-giris-kart-dinle:hover .pi-dalga i:nth-child(2n) { animation-delay: .15s; }
@keyframes pi-dalga { 50% { transform: scaleY(.25); } }

/* Pasta simgesi (miras payı) */
.pi-arac-pasta { position: relative; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: conic-gradient(var(--altin) 0 25%, var(--z-600) 25% 100%); flex: none; }
.pi-arac-pasta i { position: absolute; inset: 9px; border-radius: 50%; background: var(--beyaz); }
.pi-arac-pasta b { position: relative; font-family: var(--serif); font-size: .95rem; color: var(--z-800); }
.pi-mega-yan .pi-arac-pasta i, .pi-bolum-koyu .pi-arac-pasta i { background: var(--z-800); }
.pi-mega-yan .pi-arac-pasta b, .pi-bolum-koyu .pi-arac-pasta b { color: var(--altin-a); }

/* ------------------------------------------------------------------ */
/* Faaliyet alanı şeridi                                                 */
/* ------------------------------------------------------------------ */
.pi-bolum-ray { padding: 0; }
.pi-ray { position: relative; }
.pi-ray-yapiskan { padding: clamp(64px, 8vw, 104px) 0 clamp(48px, 6vw, 80px); }
.pi-ray-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.pi-ray-kontrol { display: flex; align-items: center; gap: 14px; margin-bottom: clamp(28px, 4vw, 48px); }
.pi-ray-dugme { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--kum); background: var(--beyaz); transition: border-color .2s, background-color .2s, color .2s; }
.pi-ray-dugme:hover { background: var(--z-800); border-color: var(--z-800); color: var(--altin-a); }
.pi-ray-dugme .pi-ikon { width: 20px; height: 20px; }
.pi-ray-ilerleme { display: block; width: 120px; height: 2px; background: var(--cizgi); overflow: hidden; border-radius: 2px; }
.pi-ray-ilerleme i { display: block; height: 100%; background: var(--altin); transform-origin: left; transform: scaleX(.14); }
.pi-ray-pencere { --ray-kenar: max(var(--bosluk), calc((100vw - var(--kap)) / 2 - 8px)); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 var(--ray-kenar) 20px; scroll-padding-left: var(--ray-kenar); }
.pi-ray-pencere::-webkit-scrollbar { display: none; }
.pi-ray-iz { display: flex; gap: 22px; width: max-content; }
.pi-ray-kart { position: relative; width: min(400px, 82vw); flex: none; display: flex; flex-direction: column; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-b); overflow: hidden; scroll-snap-align: start; transition: border-color .3s, box-shadow .3s; }
.pi-ray-kart:hover { border-color: var(--kum); box-shadow: var(--golge); }
.pi-ray-gorsel { position: relative; margin: 0; aspect-ratio: 16 / 10; overflow: hidden; background: var(--z-800); }
.pi-ray-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.pi-ray-kart:hover .pi-ray-gorsel img { transform: scale(1.05); }
.pi-ray-no { position: absolute; left: 18px; bottom: 14px; font-family: var(--serif); font-size: 2.2rem; line-height: 1; color: var(--beyaz); text-shadow: 0 2px 18px rgba(0, 0, 0, .45); }
.pi-ray-no small { font-size: .9rem; margin-left: 6px; opacity: .8; }
.pi-ray-metin { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 24px; }
.pi-ray-bas { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.pi-ray-ikon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--z-ton); color: var(--z-600); }
.pi-ray-ikon .pi-ikon { width: 17px; height: 17px; }
.pi-ray-etiket { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.pi-ray-durum { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 6px; }
.pi-ray-durum li { font-family: var(--serif); font-style: italic; font-size: 1.02rem; line-height: 1.4; color: var(--z-600); }
.pi-ray-metin h3 { font-size: 1.55rem; margin: 0 0 8px; }
.pi-ray-metin h3 a { text-decoration: none; }
.pi-ray-metin h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.pi-ray-kisa { color: var(--gri); font-size: .96rem; }
.pi-ray-konu { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.pi-ray-konu li a { position: relative; z-index: 2; display: inline-block; padding: 5px 11px; border-radius: 999px; background: var(--sedef); font-size: .82rem; color: var(--gri); text-decoration: none; transition: background-color .2s, color .2s; }
.pi-ray-konu li a:hover { background: var(--z-800); color: var(--beyaz); }
.pi-ray-metin .pi-bag-ok { margin-top: auto; }
.pi-ray-son { background: var(--z-800); border-color: var(--z-800); color: #cfdad4; justify-content: center; }
.pi-ray-son .pi-ray-metin { justify-content: center; gap: 14px; padding: 40px 32px; }
.pi-ray-son h3, .pi-ray-son h3 a { color: var(--beyaz); }
.pi-ray-son .pi-ray-kisa { color: #b9c7c0; }
.pi-ray-son .pi-dugme { align-self: flex-start; }
.pi-ray-amblem { width: 72px; height: 72px; --l-zemin: #174238; }
/* Masaüstünde dikey kaydırma şeridi yatay ilerletir (assets/js/pi.js). */
html.pi-ray-etkin .pi-ray-yapiskan { position: sticky; top: calc(var(--ust) - 4px); height: calc(100vh - var(--ust) + 4px); display: flex; flex-direction: column; justify-content: center; padding: 0; overflow: hidden; }
html.pi-ray-etkin .pi-ray-pencere { overflow: visible; scroll-snap-type: none; padding-bottom: 0; }
html.pi-ray-etkin .pi-ray-iz { will-change: transform; }
html.pi-ray-etkin .pi-ray-kart { width: clamp(330px, 27vw, 390px); }
html.pi-ray-etkin .pi-ray-gorsel { aspect-ratio: 16 / 8; }
html.pi-ray-etkin .pi-ray-metin { padding: 18px 22px 20px; }
html.pi-ray-etkin .pi-ray-konu li:nth-child(n+4) { display: none; }
html.pi-ray-etkin .pi-ray-ust .pi-bb { margin-bottom: 24px; }
html.pi-ray-etkin .pi-ray-kontrol { margin-bottom: 24px; }
@media (max-height: 940px) {
	html.pi-ray-etkin .pi-ray-ust .pi-bb p:not(.pi-etiket) { display: none; }
	html.pi-ray-etkin .pi-ray-durum li:nth-child(3) { display: none; }
}
@media (max-height: 760px) {
	html.pi-ray-etkin .pi-ray-gorsel { aspect-ratio: 16 / 6; }
	html.pi-ray-etkin .pi-ray-kisa { display: none; }
}

/* ------------------------------------------------------------------ */
/* Büro tanıtımı                                                        */
/* ------------------------------------------------------------------ */
.pi-buro-ic { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(36px, 6vw, 88px); align-items: center; }
.pi-buro-gorsel { position: relative; margin: 0; }
.pi-buro-gorsel img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r-b) var(--r-b) var(--r-b) 160px; }
.pi-buro-alinti { position: absolute; right: -28px; bottom: 36px; max-width: 280px; padding: 22px 24px; border-radius: var(--r); background: var(--z-800); color: var(--beyaz); font-family: var(--serif); font-size: 1.22rem; font-style: italic; line-height: 1.35; box-shadow: var(--golge); }
.pi-buro-alinti span { display: block; font-size: 3rem; line-height: .6; color: var(--altin); margin-bottom: 4px; font-style: normal; }
.pi-buro-metin > p { color: var(--gri); font-size: 1.06rem; }
.pi-ilkeler { list-style: none; margin: 28px 0 32px; padding: 0; display: grid; gap: 18px; }
.pi-ilkeler li { display: grid; grid-template-columns: 46px 1fr; gap: 16px; align-items: start; }
.pi-ilkeler li > .pi-ikon { width: 46px; height: 46px; padding: 12px; border-radius: 14px; background: var(--beyaz); color: var(--altin-k); border: 1px solid var(--cizgi); }
.pi-ilkeler strong { display: block; font-family: var(--serif); font-size: 1.15rem; margin-bottom: 2px; }
.pi-ilkeler p { margin: 0; color: var(--gri); font-size: .96rem; }
.pi-buro-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; }

/* ------------------------------------------------------------------ */
/* Avukat kartları ve monogram                                          */
/* ------------------------------------------------------------------ */
.pi-monogram { position: relative; display: grid; place-items: center; width: 92px; height: 92px; border-radius: 50%; background: var(--z-800); color: var(--altin); flex: none; }
.pi-monogram svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pi-monogram span { position: relative; font-family: var(--serif); font-size: 1.85rem; font-weight: 600; color: var(--altin-a); letter-spacing: .02em; }
.pi-monogram-kucuk { width: 40px; height: 40px; }
.pi-monogram-kucuk span { font-size: .82rem; }
.pi-monogram-buyuk { width: 140px; height: 140px; }
.pi-monogram-buyuk span { font-size: 2.8rem; }
.pi-avukatlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.pi-avk { position: relative; display: flex; gap: 24px; align-items: center; padding: 30px; border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi); overflow: hidden; transition: border-color .3s, box-shadow .3s, transform .35s var(--ease); }
.pi-avk:hover { border-color: var(--kum); box-shadow: var(--golge); }
.pi-avk-isik { position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(226, 200, 144, .22), rgba(255, 255, 255, 0)); transform: translateX(0) skewX(-14deg); pointer-events: none; }
.pi-avk:hover .pi-avk-isik { transform: translateX(560%) skewX(-14deg); transition: transform 1s var(--ease); }
.pi-avk-metin { min-width: 0; }
.pi-avk-rol { margin: 0 0 4px; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--altin-k); }
.pi-avk h3 { font-size: 1.6rem; margin: 0 0 6px; }
.pi-avk h3 a { text-decoration: none; }
.pi-avk-alan { font-size: .9rem; color: var(--soluk); margin: 0 0 14px; }
.pi-avk-eylem { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.pi-avk-eylem a { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 7px; font-size: .92rem; font-weight: 500; text-decoration: none; color: var(--murekkep); word-break: break-all; }
.pi-avk-eylem a:hover { color: var(--altin-k); }
.pi-avk-eylem .pi-ikon { width: 17px; height: 17px; color: var(--altin-k); }

/* Avukat profilleri */
.pi-profiller { display: grid; gap: 28px; margin-bottom: 32px; }
.pi-profil { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); padding: clamp(24px, 3vw, 40px); border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi); scroll-margin-top: 110px; }
.pi-profil-kart { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 30px; border-radius: var(--r); background: var(--z-800); color: #cfdad4; }
.pi-profil-kart .pi-avk-rol { color: var(--altin-a); margin-top: 14px; }
.pi-profil-kart h2 { color: var(--beyaz); font-size: 1.85rem; margin: 0 0 8px; }
.pi-profil-iletisim { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pi-profil-iletisim a { display: flex; align-items: center; gap: 10px; color: #dfe7e2; text-decoration: none; font-size: .93rem; word-break: break-all; }
.pi-profil-iletisim a:hover { color: var(--altin-a); }
.pi-profil-iletisim .pi-ikon { width: 17px; height: 17px; color: var(--altin); }
.pi-profil-metin { align-self: center; }
.pi-profil-metin p { color: var(--gri); }
.pi-profil-metin h3 { font-size: 1.2rem; margin: 24px 0 12px; }
.pi-profil-alanlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.pi-profil-alanlar a { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 12px; border: 1px solid var(--cizgi); text-decoration: none; font-weight: 500; font-size: .94rem; transition: border-color .2s, background-color .2s; }
.pi-profil-alanlar a:hover { border-color: var(--altin); background: var(--ipek); }
.pi-profil-alanlar .pi-ikon { width: 18px; height: 18px; color: var(--z-600); }

/* ------------------------------------------------------------------ */
/* Araçlar                                                              */
/* ------------------------------------------------------------------ */
.pi-araclar-bolum { overflow: hidden; }
.pi-araclar { display: grid; grid-template-columns: 1.3fr 1fr 1fr; grid-template-rows: auto auto; gap: 18px; }
.pi-arac { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 28px; border-radius: var(--r-b); background: var(--z-700); border: 1px solid rgba(255, 253, 249, .08); color: #c3d0c9; text-decoration: none; overflow: hidden; transition: transform .35s var(--ease), background-color .3s, border-color .3s; }
.pi-arac:hover { transform: translateY(-4px); background: var(--z-600); border-color: rgba(226, 200, 144, .35); }
.pi-arac strong { font-family: var(--serif); font-size: 1.4rem; font-weight: 600; color: var(--beyaz); line-height: 1.2; }
.pi-arac-metin { font-size: .95rem; line-height: 1.6; }
.pi-arac-alt { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 10px; font-weight: 600; color: var(--altin-a); }
.pi-arac-alt .pi-ikon { width: 18px; height: 18px; transition: transform .25s var(--ease); }
.pi-arac:hover .pi-arac-alt .pi-ikon { transform: translateX(4px); }
.pi-arac-ikon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(226, 200, 144, .12); color: var(--altin-a); }
.pi-arac-ikon .pi-ikon { width: 22px; height: 22px; }
.pi-arac-buyuk { grid-row: span 2; background: var(--altin); color: var(--z-800); border-color: transparent; }
.pi-arac-buyuk:hover { background: var(--altin-a); border-color: transparent; }
.pi-arac-buyuk strong { color: var(--z-900); font-size: 1.9rem; }
.pi-arac-buyuk .pi-arac-ikon { background: rgba(9, 28, 23, .1); color: var(--z-800); }
.pi-arac-buyuk .pi-arac-alt { color: var(--z-800); }
.pi-arac-buyuk .pi-arac-pasta { position: absolute; right: -40px; bottom: -40px; width: 220px; height: 220px; background: conic-gradient(var(--z-800) 0 25%, var(--z-600) 25% 62.5%, rgba(9, 28, 23, .18) 62.5% 100%); opacity: .9; }
.pi-arac-buyuk .pi-arac-pasta i { inset: 52px; background: var(--altin); transition: background-color .3s; }
.pi-arac-buyuk:hover .pi-arac-pasta i { background: var(--altin-a); }
.pi-arac-buyuk .pi-arac-pasta b { font-size: 2.2rem; color: var(--z-800); }
.pi-arac-buyuk .pi-arac-metin { max-width: 300px; position: relative; }

/* ------------------------------------------------------------------ */
/* Süreç                                                                */
/* ------------------------------------------------------------------ */
.pi-surec-ic { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.pi-surec-yan { position: sticky; top: 120px; }
.pi-surec-gorsel { margin: 0; }
.pi-surec-gorsel img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-b); }
.pi-surec { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.pi-surec-cizgi { position: absolute; left: 31px; top: 30px; bottom: 30px; width: 2px; background: var(--cizgi); }
.pi-surec-cizgi i { display: block; height: 100%; background: linear-gradient(var(--altin), var(--altin-k)); transform-origin: top; transform: scaleY(0); }
.pi-surec > li { position: relative; display: grid; grid-template-columns: 64px 1fr; gap: 22px; padding: 18px 0; }
.pi-surec-no { position: relative; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--ipek); border: 1px solid var(--kum); font-family: var(--serif); font-size: 1.25rem; color: var(--altin-k); transition: background-color .4s, color .4s, border-color .4s; }
.pi-surec > li.gecti .pi-surec-no { background: var(--z-800); border-color: var(--z-800); color: var(--altin-a); }
.pi-bolum-sedef .pi-surec-no { background: var(--sedef); }
.pi-surec-metin h3 { display: flex; align-items: center; gap: 10px; font-size: 1.4rem; margin: 14px 0 8px; }
.pi-surec-metin h3 .pi-ikon { width: 22px; height: 22px; color: var(--altin-k); }
.pi-surec-metin p { color: var(--gri); margin: 0; }

/* ------------------------------------------------------------------ */
/* Makale kartları                                                      */
/* ------------------------------------------------------------------ */
.pi-yazilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.pi-ykart { position: relative; display: flex; flex-direction: column; border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi); overflow: hidden; transition: border-color .3s, box-shadow .3s, transform .35s var(--ease); }
.pi-ykart:hover { border-color: var(--kum); box-shadow: var(--golge); transform: translateY(-4px); }
.pi-ykart-gorsel { aspect-ratio: 16 / 9; overflow: hidden; background: var(--z-800); }
.pi-ykart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.pi-ykart:hover .pi-ykart-gorsel img { transform: scale(1.05); }
.pi-ykart-govde { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 22px; }
.pi-ykart-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; font-size: .8rem; }
.pi-ykart-kat { font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--altin-k); }
.pi-ykart-dinle { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px 3px 7px; border-radius: 999px; background: var(--z-ton); color: var(--z-600); font-weight: 600; }
.pi-ykart-dinle .pi-ikon { width: 14px; height: 14px; }
.pi-ykart-baslik { font-size: 1.32rem; line-height: 1.25; margin: 0 0 10px; }
.pi-ykart-baslik a { text-decoration: none; }
.pi-ykart-baslik a::after { content: ""; position: absolute; inset: 0; }
.pi-ykart-ozet { color: var(--gri); font-size: .95rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pi-ykart-alt { display: flex; align-items: center; gap: 14px; margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--cizgi); font-size: .84rem; color: var(--soluk); }
.pi-ykart-ok { margin-left: auto; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cizgi); color: var(--altin-k); transition: background-color .25s, color .25s, border-color .25s; }
.pi-ykart:hover .pi-ykart-ok { background: var(--z-800); border-color: var(--z-800); color: var(--altin-a); }
.pi-ykart-ok .pi-ikon { width: 16px; height: 16px; }
.pi-ykart-genis { grid-column: span 2; flex-direction: row; }
.pi-ykart-genis .pi-ykart-gorsel { flex: 0 0 52%; aspect-ratio: auto; }
.pi-ykart-genis .pi-ykart-baslik { font-size: 1.7rem; }
.pi-ykart-sayfa { background: var(--sedef); }
.pi-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.pi-sekmeler button { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid var(--kum); background: transparent; font-size: .92rem; font-weight: 500; color: var(--gri); transition: background-color .2s, color .2s, border-color .2s; }
.pi-sekmeler button span { font-size: .75rem; padding: 1px 7px; border-radius: 999px; background: var(--sedef); color: var(--soluk); }
.pi-sekmeler button:hover { border-color: var(--altin); color: var(--murekkep); }
.pi-sekmeler button.etkin { background: var(--z-800); border-color: var(--z-800); color: var(--beyaz); }
.pi-sekmeler button.etkin span { background: rgba(255, 253, 249, .14); color: var(--altin-a); }
.pi-sekmeli .pi-ykart.sakla { display: none; }
.pi-sekmeli:not(.hazir) .pi-ykart:nth-child(n+7) { display: none; }
.pi-sekmeli .pi-ykart.yeni { animation: pi-yuksel .45s var(--ease) both; animation-delay: calc(var(--s, 0) * 50ms); }
.pi-kategoriler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.pi-kategoriler a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; border: 1px solid var(--kum); text-decoration: none; font-size: .92rem; color: var(--gri); }
.pi-kategoriler a span { font-size: .75rem; padding: 1px 7px; border-radius: 999px; background: var(--sedef); }
.pi-kategoriler a[aria-current], .pi-kategoriler a:hover { background: var(--z-800); border-color: var(--z-800); color: var(--beyaz); }
.pi-kategoriler a[aria-current] span { background: rgba(255, 253, 249, .14); color: var(--altin-a); }
.pi-yazilar-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pi-sayfalama { margin-top: 40px; }
.pi-sayfalama .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.pi-sayfalama .page-numbers { display: inline-flex; align-items: center; gap: 6px; min-width: 44px; height: 44px; padding: 0 14px; justify-content: center; border-radius: 999px; border: 1px solid var(--kum); text-decoration: none; }
.pi-sayfalama .page-numbers.current { background: var(--z-800); color: var(--beyaz); border-color: var(--z-800); }
.pi-sayfalama .pi-ikon { width: 16px; height: 16px; }
.pi-bos { text-align: center; padding: 40px 0; }
.pi-bos .pi-dugmeler { justify-content: center; }

/* ------------------------------------------------------------------ */
/* Soru–yanıt                                                           */
/* ------------------------------------------------------------------ */
.pi-sss-ic { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
.pi-sss-yan { position: sticky; top: 120px; }
.pi-sss-kart { display: grid; gap: 14px; justify-items: start; padding: 28px; border-radius: var(--r-b); background: var(--z-800); color: #cfdad4; }
.pi-sss-kart .pi-amblem { width: 52px; height: 52px; --l-zemin: #174238; }
.pi-sss-kart p { margin: 0; }
.pi-sss-kart strong { display: block; font-family: var(--serif); font-size: 1.3rem; color: var(--beyaz); margin-bottom: 4px; }
.pi-sss-kart .pi-bag-ok { color: var(--altin-a); }
.pi-sorular { display: grid; gap: 10px; }
.pi-soru { border-radius: var(--r); background: var(--beyaz); border: 1px solid var(--cizgi); transition: border-color .25s, box-shadow .25s; scroll-margin-top: 110px; }
.pi-soru[open] { border-color: var(--kum); box-shadow: var(--golge-k); }
.pi-soru summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; cursor: pointer; list-style: none; font-family: var(--serif); font-size: 1.15rem; font-weight: 600; line-height: 1.35; }
.pi-soru summary::-webkit-details-marker { display: none; }
.pi-soru summary::after { content: ""; flex: none; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--kum); background: linear-gradient(var(--altin-k), var(--altin-k)) center / 11px 1.5px no-repeat, linear-gradient(var(--altin-k), var(--altin-k)) center / 1.5px 11px no-repeat; transition: transform .3s var(--ease), background-color .3s; }
.pi-soru[open] summary::after { transform: rotate(45deg); background-color: var(--sedef); }
.pi-soru-yanit { padding: 0 22px 20px; color: var(--gri); }
.pi-soru[open] .pi-soru-yanit { animation: pi-yuksel .35s var(--ease) both; }
.pi-soru-yanit p:last-child { margin: 0; }
.pi-soru-yanit a { color: var(--altin-k); font-weight: 500; }
.pi-sss-sayfa .pi-katalog-ara { margin-bottom: 10px; }
.pi-sss-grup { margin-top: 36px; }
.pi-sss-grup h2 { display: flex; align-items: center; gap: 12px; font-size: 1.5rem; margin-bottom: 16px; }
.pi-sss-grup h2 span { font-size: .95rem; font-style: italic; color: var(--altin-k); }

/* ------------------------------------------------------------------ */
/* İletişim, harita, mesaj                                              */
/* ------------------------------------------------------------------ */
.pi-konum { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 22px; align-items: stretch; }
.pi-konum .pi-ikartlar { grid-template-columns: 1fr 1fr; }
.pi-ikartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pi-ikart { display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: var(--r); background: var(--beyaz); border: 1px solid var(--cizgi); text-decoration: none; transition: border-color .25s, transform .3s var(--ease), box-shadow .3s; }
a.pi-ikart:hover { border-color: var(--altin); transform: translateY(-3px); box-shadow: var(--golge-k); }
.pi-ikart-ikon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--z-800); color: var(--altin-a); margin-bottom: 6px; }
.pi-ikart-ikon .pi-ikon { width: 20px; height: 20px; }
.pi-ikart small { font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.pi-ikart strong { font-weight: 600; font-size: 1.02rem; line-height: 1.4; word-break: break-word; }
.pi-ikart-epostalar a { display: block; text-decoration: none; }
.pi-ikart-epostalar a:hover { color: var(--altin-k); }
.pi-ikart-alt { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding: 8px 0 0; border: 0; background: none; font-size: .88rem; font-weight: 600; color: var(--altin-k); text-align: left; }
.pi-ikart-alt .pi-ikon { width: 15px; height: 15px; }
.pi-harita { position: relative; min-height: 360px; border-radius: var(--r-b); overflow: hidden; background: var(--z-800); color: var(--beyaz); }
.pi-harita-yer { position: absolute; inset: 0; }
.pi-harita-izgara { position: absolute; inset: 0; background: linear-gradient(rgba(255, 253, 249, .06) 1px, transparent 1px) 0 0 / 38px 38px, linear-gradient(90deg, rgba(255, 253, 249, .06) 1px, transparent 1px) 0 0 / 38px 38px, radial-gradient(60% 60% at 62% 40%, var(--z-600), var(--z-800)); }
.pi-harita-izgara::before { content: ""; position: absolute; left: -10%; right: -10%; top: 46%; height: 18px; background: rgba(226, 200, 144, .18); transform: rotate(-12deg); }
.pi-harita-izgara::after { content: ""; position: absolute; top: -10%; bottom: -10%; left: 58%; width: 10px; background: rgba(255, 253, 249, .1); transform: rotate(8deg); }
.pi-harita-igne { position: absolute; left: 60%; top: 38%; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50% 50% 50% 0; background: var(--altin); color: var(--z-900); transform: translate(-50%, -100%) rotate(-45deg); box-shadow: 0 12px 24px -10px rgba(0, 0, 0, .5); }
.pi-harita-igne .pi-ikon { transform: rotate(45deg); width: 24px; height: 24px; }
.pi-harita-bilgi { position: absolute; left: 18px; right: 18px; bottom: 18px; padding: 20px; border-radius: var(--r); background: var(--beyaz); color: var(--murekkep); box-shadow: var(--golge); }
.pi-harita-bilgi p { margin: 0 0 12px; color: var(--gri); font-size: .95rem; }
.pi-harita-bilgi p strong { display: block; font-family: var(--serif); font-size: 1.2rem; color: var(--murekkep); }
.pi-harita-bilgi small { display: block; margin-top: 10px; font-size: .78rem; color: var(--soluk); }
.pi-harita-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.pi-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pi-harita.yuklendi .pi-harita-bilgi, .pi-harita.yuklendi .pi-harita-yer { display: none; }
.pi-mesaj-ic { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.pi-mesaj-ipucu { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 12px; }
.pi-mesaj-ipucu li { display: flex; gap: 12px; color: var(--gri); font-size: .96rem; }
.pi-mesaj-ipucu .pi-ikon { color: var(--altin-k); margin-top: 3px; }
.pi-mesaj, .pi-hesap-girdi { display: grid; gap: 16px; padding: clamp(22px, 3vw, 34px); border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi); }
.pi-mesaj-satir, .pi-hesap-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pi-mesaj label, .pi-hesap label { display: grid; gap: 6px; }
.pi-mesaj label > span, .pi-hesap label > span:first-child { font-size: .9rem; font-weight: 600; }
.pi-mesaj label small, .pi-hesap label small { display: block; font-weight: 400; font-size: .8rem; color: var(--soluk); }
.pi-mesaj input, .pi-mesaj select, .pi-mesaj textarea, .pi-hesap input[type="text"], .pi-hesap input[type="date"] { width: 100%; min-height: 50px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--kum); background: var(--ipek); font-size: 1rem; transition: border-color .2s, box-shadow .2s, background-color .2s; }
.pi-mesaj textarea { resize: vertical; min-height: 130px; }
.pi-mesaj input:focus, .pi-mesaj select:focus, .pi-mesaj textarea:focus, .pi-hesap input:focus { outline: none; border-color: var(--altin); background: var(--beyaz); box-shadow: 0 0 0 4px rgba(201, 163, 92, .16); }
.pi-mesaj-not { display: flex; gap: 10px; margin: 0; font-size: .84rem; color: var(--soluk); }
.pi-mesaj-not .pi-ikon { color: var(--altin-k); margin-top: 2px; }
.pi-mesaj-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.pi-hata { margin: 0; padding: 10px 14px; border-radius: 10px; background: #f8e6e2; color: var(--hata); font-size: .9rem; }
.pi-cagri { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 40px; align-items: center; margin: 48px 0 0; padding: clamp(28px, 4vw, 48px); border-radius: var(--r-b); background: var(--z-800); color: #cfdad4; overflow: hidden; }
.pi-cagri .pi-buyuk-amp { width: 300px; right: -60px; top: -40px; opacity: .25; stroke: var(--altin-a); stroke-width: .35; }
.pi-cagri-metin { position: relative; }
.pi-cagri .pi-cagri-metin .pi-cagri-baslik { font-family: var(--serif); font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.2; color: var(--beyaz); margin-bottom: 10px; }
.pi-cagri-baslik em { color: var(--altin-a); }
.pi-cagri .pi-cagri-metin p { color: #e1e9e4; font-size: 1.02rem; }
.pi-cagri .pi-cagri-metin .pi-etiket { color: var(--altin-a); }
.pi-cagri p:last-child { margin: 0; }
.pi-cagri .pi-dugmeler { position: relative; flex-direction: column; align-items: stretch; }

/* ------------------------------------------------------------------ */
/* Sayfa başı                                                           */
/* ------------------------------------------------------------------ */
.pi-bas { position: relative; padding: clamp(20px, 3vw, 36px) 0 clamp(40px, 5vw, 64px); background: radial-gradient(90% 120% at 100% 0%, #efe7d8 0%, rgba(239, 231, 216, 0) 55%), var(--ipek); border-bottom: 1px solid var(--cizgi); }
.pi-bas-ic { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.pi-bas-sade .pi-bas-ic, .pi-bas-liste .pi-bas-ic { grid-template-columns: minmax(0, 1fr); }
.pi-bas-liste .pi-bas-ic { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; }
.pi-yol ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; list-style: none; margin: 0 0 22px; padding: 0; font-size: .86rem; color: var(--soluk); }
.pi-yol li + li::before { content: "/"; margin: 0 10px; opacity: .5; }
.pi-yol a { text-decoration: none; }
.pi-yol a:hover { color: var(--altin-k); }
.pi-yol li[aria-current] { color: var(--murekkep); font-weight: 500; }
.pi-bas h1 { font-size: clamp(2.15rem, 4.2vw, 3.4rem); line-height: 1.1; margin-bottom: .4em; }
.pi-bas-ozet { font-size: 1.1rem; color: var(--gri); max-width: 640px; margin: 0; }
.pi-bas-konular { margin-top: 26px; }
.pi-bas-konular p { margin: 0 0 10px; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.pi-bas-konular ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.pi-bas-konular a { display: inline-block; padding: 7px 14px; border-radius: 999px; background: var(--beyaz); border: 1px solid var(--cizgi); font-size: .88rem; text-decoration: none; color: var(--gri); transition: border-color .2s, color .2s; }
.pi-bas-konular a:hover { border-color: var(--altin); color: var(--murekkep); }
.pi-bas-gorsel { position: relative; margin: 0; }
.pi-bas-gorsel img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-b) 120px var(--r-b) var(--r-b); box-shadow: 0 34px 70px -40px rgba(9, 28, 23, .55); }
.pi-bas-amp { position: absolute; left: -24px; top: -24px; }
.pi-bas-amp .pi-amblem { width: 62px; height: 62px; background: var(--ipek); border-radius: 20px; padding: 4px; }
.pi-bas-rozet { position: absolute; left: -22px; bottom: 26px; display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border-radius: 16px; background: var(--beyaz); box-shadow: var(--golge); }
.pi-bas-rozet-ikon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--z-800); color: var(--altin-a); }
.pi-bas-rozet small { display: block; font-size: .78rem; color: var(--soluk); }
.pi-bas-rozet a { font-weight: 600; text-decoration: none; }
.pi-bas-ara .pi-ara-alan { height: 58px; }

/* ------------------------------------------------------------------ */
/* Metin (sayfa ve makale gövdesi)                                      */
/* ------------------------------------------------------------------ */
.pi-govde { padding-top: clamp(40px, 6vw, 72px); padding-bottom: clamp(56px, 8vw, 104px); }
.pi-iki { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(32px, 5vw, 72px); align-items: start; }
.pi-iki-metin { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.pi-metin { min-width: 0; font-size: 1.075rem; line-height: 1.78; }
.pi-metin > *:first-child { margin-top: 0; }
.pi-metin h2 { font-size: clamp(1.6rem, 2.6vw, 2rem); margin: 1.8em 0 .55em; scroll-margin-top: 110px; }
.pi-metin h3 { font-size: 1.32rem; margin: 1.6em 0 .5em; }
.pi-metin p, .pi-metin li { color: #2c3833; }
.pi-metin a:not([class]) { color: var(--altin-k); font-weight: 500; }
.pi-metin a:not([class]):hover { color: var(--murekkep); }
.pi-metin .pi-ykart-baslik a { color: var(--murekkep); font-weight: inherit; }
.pi-metin ul, .pi-metin ol { padding-left: 1.3em; }
.pi-metin li { margin-bottom: .45em; }
.pi-metin ul li::marker { color: var(--altin); }
.pi-metin ol li::marker { color: var(--altin-k); font-weight: 600; }
.pi-metin strong { color: var(--murekkep); }
.pi-metin blockquote { margin: 1.6em 0; padding: 4px 0 4px 24px; border-left: 2px solid var(--altin); font-family: var(--serif); font-style: italic; font-size: 1.2rem; color: var(--z-600); }
.pi-giris-paragraf { font-size: 1.2rem; line-height: 1.7; color: var(--murekkep) !important; }
.pi-not { display: flex; gap: 16px; margin: 1.6em 0; padding: 20px 22px; border-radius: var(--r); background: var(--beyaz); border: 1px solid var(--cizgi); border-left: 3px solid var(--altin); }
.pi-not > .pi-ikon { width: 24px; height: 24px; color: var(--altin-k); margin-top: 2px; }
.pi-not > div > strong:first-child { display: block; font-family: var(--serif); font-size: 1.12rem; margin-bottom: 4px; }
.pi-not ul { margin: 6px 0 0; padding-left: 1.1em; }
.pi-not li { font-size: .98rem; color: var(--gri); margin-bottom: .3em; }
.pi-not li strong { color: var(--murekkep); }
.pi-kisaca { background: var(--beyaz); }
.pi-not p { margin: 0; font-size: .98rem; color: var(--gri); }
.pi-not p + p { margin-top: .6em; }
.pi-not-uyari { border-left-color: #c58a3b; background: #fbf5ea; }
.pi-not-sure { border-left-color: var(--z-500); background: var(--z-ton); }
.pi-not-sure > .pi-ikon { color: var(--z-600); }
.pi-not-sade { background: var(--sedef); border-left-color: var(--kum); }
.pi-adimlar { list-style: none; margin: 1.5em 0; padding: 0; display: grid; gap: 4px; counter-reset: none; }
.pi-adimlar li { display: grid; grid-template-columns: 40px 1fr; gap: 16px; padding: 14px 0; border-bottom: 1px dashed var(--cizgi); margin: 0; }
.pi-adimlar li:last-child { border-bottom: 0; }
.pi-adimlar li > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--z-800); color: var(--altin-a); font-family: var(--serif); font-weight: 600; }
.pi-adimlar strong { display: block; font-family: var(--serif); font-size: 1.1rem; margin: 6px 0 2px; }
.pi-adimlar p { margin: 0; font-size: .98rem; color: var(--gri); }
.pi-tablo-kap { margin: 1.5em 0; overflow-x: auto; border-radius: var(--r); border: 1px solid var(--cizgi); background: var(--beyaz); }
.pi-tablo { width: 100%; border-collapse: collapse; font-size: .95rem; line-height: 1.5; }
.pi-tablo th, .pi-tablo td { padding: 13px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--cizgi); }
.pi-tablo thead th { background: var(--z-800); color: var(--beyaz); font-weight: 600; font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; }
.pi-tablo tbody tr:last-child th, .pi-tablo tbody tr:last-child td { border-bottom: 0; }
.pi-tablo tbody th { font-weight: 600; color: var(--murekkep); }
.pi-tablo tbody tr:nth-child(even) { background: var(--ipek); }
.pi-tablo td strong { color: var(--z-600); }
.pi-konu { position: relative; margin: 0 0 22px; padding: clamp(22px, 3vw, 34px); padding-right: clamp(22px, 6vw, 88px); border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi); scroll-margin-top: 110px; }
.pi-konu h2 { margin-top: 0 !important; font-size: clamp(1.45rem, 2.3vw, 1.8rem) !important; }
.pi-konu > *:last-child { margin-bottom: 0; }
.pi-konu-ikon { position: absolute; right: 22px; top: 22px; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--z-ton); color: var(--z-600); }
.pi-konu-ikon .pi-ikon { width: 22px; height: 22px; }
.pi-konu .pi-not { background: var(--ipek); }
.pi-ilceler { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0 !important; }
.pi-ilceler li { margin: 0; padding: 7px 15px; border-radius: 999px; background: var(--beyaz); border: 1px solid var(--cizgi); font-size: .93rem; }
.pi-ilke-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; list-style: none; margin: 0; padding: 0; }
.pi-ilke-izgara li { padding: 26px; border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi); }
.pi-ilke-izgara .pi-ikon { width: 46px; height: 46px; padding: 12px; border-radius: 14px; background: var(--z-800); color: var(--altin-a); margin-bottom: 16px; }
.pi-ilke-izgara strong { display: block; font-family: var(--serif); font-size: 1.22rem; margin-bottom: 6px; }
.pi-ilke-izgara p { margin: 0; color: var(--gri); font-size: .96rem; }

/* Yan sütun */
.pi-yan { position: sticky; top: 104px; display: grid; gap: 14px; }
.pi-yan-kutu { display: block; padding: 20px; border-radius: var(--r); background: var(--beyaz); border: 1px solid var(--cizgi); text-decoration: none; }
.pi-yan-baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.pi-yan-baslik .pi-ikon { width: 16px; height: 16px; color: var(--altin-k); }
.pi-icindekiler ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: ic; max-height: 50vh; overflow-y: auto; }
.pi-icindekiler li { counter-increment: ic; }
.pi-icindekiler a { display: grid; grid-template-columns: 26px 1fr; gap: 4px; padding: 7px 8px; border-radius: 8px; font-size: .9rem; line-height: 1.4; color: var(--gri); text-decoration: none; transition: background-color .2s, color .2s; }
.pi-icindekiler a::before { content: counter(ic, decimal-leading-zero); font-size: .76rem; color: var(--altin-k); padding-top: 2px; }
.pi-icindekiler a:hover { background: var(--sedef); color: var(--murekkep); }
.pi-icindekiler a.etkin { background: var(--z-ton); color: var(--z-700); font-weight: 600; }
.pi-yan-gorusme { background: var(--z-800); border-color: var(--z-800); color: #cfdad4; }
.pi-yan-gorusme .pi-yan-baslik { color: #a9b8b0; }
.pi-yan-gorusme .pi-yan-baslik .pi-ikon { color: var(--altin); }
.pi-yan-avukatlar { display: grid; gap: 8px; margin-bottom: 14px; }
.pi-yan-avukatlar a { display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 600; color: var(--beyaz); font-size: .95rem; }
.pi-yan-avukatlar .pi-monogram { background: var(--z-700); }
.pi-yan-tel { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: 999px; background: var(--altin); color: var(--z-900); font-weight: 700; text-decoration: none; margin-bottom: 8px; }
.pi-yan-tel .pi-ikon { width: 18px; height: 18px; }
.pi-yan-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pi-yan-iki a { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; border-radius: 999px; border: 1px solid rgba(255, 253, 249, .2); color: var(--beyaz); text-decoration: none; font-size: .88rem; font-weight: 500; }
.pi-yan-iki a:hover { border-color: var(--altin-a); }
.pi-yan-iki .pi-ikon { width: 16px; height: 16px; }
.pi-yan-alanlar ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.pi-yan-alanlar a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; text-decoration: none; font-size: .94rem; color: var(--gri); }
.pi-yan-alanlar a:hover { background: var(--sedef); color: var(--murekkep); }
.pi-yan-alanlar a[aria-current] { background: var(--z-ton); color: var(--z-700); font-weight: 600; }
.pi-yan-alanlar .pi-ikon { width: 17px; height: 17px; color: var(--z-600); }
.pi-yan-arac, .pi-yan-ara { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; cursor: pointer; transition: border-color .2s; }
.pi-yan-arac:hover, .pi-yan-ara:hover { border-color: var(--altin); }
.pi-yan-arac strong, .pi-yan-ara strong { display: block; font-size: .96rem; font-weight: 600; }
.pi-yan-arac small, .pi-yan-ara small { display: block; font-size: .82rem; color: var(--soluk); }
.pi-yan-arac > .pi-ikon { margin-left: auto; color: var(--altin-k); width: 18px; height: 18px; }
.pi-yan-arac-ikon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: var(--z-ton); color: var(--z-600); flex: none; }
.pi-yan-ara > .pi-ikon { width: 22px; height: 22px; color: var(--altin-k); }
.pi-yan-ara kbd { margin-left: auto; }
.pi-yan-alan { position: relative; padding: 0; overflow: hidden; color: var(--beyaz); }
.pi-yan-alan img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.pi-yan-alan::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(9, 28, 23, .88)); }
.pi-yan-alan-metin { position: absolute; left: 18px; bottom: 16px; z-index: 1; text-shadow: 0 1px 12px rgba(0, 0, 0, .55); }
.pi-yan-alan-metin small { display: block; font-size: .8rem; color: #e1e9e4; }
.pi-yan-alan-metin strong { font-family: var(--serif); font-size: 1.3rem; }
.pi-yan-alan > .pi-ikon { position: absolute; right: 16px; bottom: 18px; z-index: 1; color: var(--altin-a); }

/* ------------------------------------------------------------------ */
/* Faaliyet alanları kataloğu, sözlük                                   */
/* ------------------------------------------------------------------ */
.pi-katalog-ust, .pi-sozluk-ust { position: sticky; top: calc(var(--ust) + 12px); z-index: 20; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; padding: 14px; margin-bottom: 14px; border-radius: var(--r); background: var(--ipek); border: 1px solid var(--cizgi); box-shadow: 0 16px 30px -28px rgba(9, 28, 23, .6); }
.pi-katalog-ara { display: flex; align-items: center; gap: 10px; flex: 1 1 320px; min-height: 52px; padding: 0 16px; border-radius: 999px; background: var(--beyaz); border: 1px solid var(--kum); }
.pi-katalog-ara:focus-within { border-color: var(--altin); box-shadow: 0 0 0 4px rgba(201, 163, 92, .16); }
.pi-katalog-ara .pi-ikon { color: var(--altin-k); }
.pi-katalog-ara input { flex: 1; min-width: 0; border: 0; background: none; outline: none; font-size: 1rem; height: 50px; }
.pi-katalog-sayac { margin: 0; font-size: .86rem; color: var(--soluk); }
.pi-katalog-dizin { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; }
.pi-katalog-dizin a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border-radius: 999px; border: 1px solid var(--kum); text-decoration: none; font-size: .92rem; font-weight: 500; transition: background-color .2s, color .2s; }
.pi-katalog-dizin a:hover { background: var(--z-800); color: var(--beyaz); border-color: var(--z-800); }
.pi-katalog-dizin .pi-ikon { width: 17px; height: 17px; color: var(--altin-k); }
.pi-katalog-alan { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); padding: clamp(24px, 3vw, 36px); margin-bottom: 20px; border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi); scroll-margin-top: 170px; }
.pi-katalog-bas { position: relative; }
.pi-katalog-bas figure { margin: 0; }
.pi-katalog-bas img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r); }
.pi-katalog-no { position: absolute; left: 14px; top: 10px; z-index: 1; font-family: var(--serif); font-size: 2.4rem; color: var(--beyaz); text-shadow: 0 2px 16px rgba(0, 0, 0, .4); }
.pi-katalog-metin h2 { font-size: 1.9rem; margin: 0 0 8px; }
.pi-katalog-metin h2 a { text-decoration: none; }
.pi-katalog-metin > p:not(.pi-etiket) { color: var(--gri); }
.pi-katalog-konular { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 20px; }
.pi-katalog-konular a { display: flex; align-items: flex-start; gap: 6px; padding: 7px 0; border-bottom: 1px dashed var(--cizgi); text-decoration: none; font-size: .96rem; }
.pi-katalog-konular a:hover { color: var(--altin-k); }
.pi-katalog-konular .pi-ikon { width: 16px; height: 16px; margin-top: 4px; color: var(--altin-k); }
.pi-katalog-bos { padding: 20px; border-radius: var(--r); background: var(--sedef); }
.pi-katalog-konular li.sakla, .pi-katalog-alan.sakla { display: none; }
.pi-harfler { display: flex; flex-wrap: wrap; gap: 4px; }
.pi-harfler a, .pi-harfler span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; font-size: .88rem; font-weight: 600; text-decoration: none; }
.pi-harfler a { background: var(--beyaz); border: 1px solid var(--cizgi); }
.pi-harfler a:hover { background: var(--z-800); color: var(--beyaz); }
.pi-harfler span { color: var(--kum); }
.pi-harf { margin-top: 28px; scroll-margin-top: 190px; }
.pi-harf-baslik { margin: 0 0 12px !important; }
.pi-harf-baslik span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--z-800); color: var(--altin-a); font-size: 1.5rem; }
.pi-terimler { margin: 0; display: grid; gap: 10px; }
.pi-terim { padding: 18px 22px; border-radius: var(--r); background: var(--beyaz); border: 1px solid var(--cizgi); scroll-margin-top: 190px; }
.pi-terim:target { border-color: var(--altin); box-shadow: 0 0 0 4px rgba(201, 163, 92, .16); }
.pi-terim dt { font-family: var(--serif); font-size: 1.2rem; font-weight: 600; margin-bottom: 4px; }
.pi-terim dd { margin: 0; }
.pi-terim dd p { margin: 0 0 8px; color: var(--gri); font-size: .98rem; }
.pi-terim-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 !important; }
.pi-terim-alan { font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; background: var(--z-ton); color: var(--z-600); }
.pi-terim-bag { display: inline-flex; align-items: center; gap: 5px; font-size: .88rem; font-weight: 600; color: var(--altin-k); text-decoration: none; }
.pi-terim-bag:hover { color: var(--murekkep); }
.pi-terim-bag .pi-ikon { width: 14px; height: 14px; }
.pi-terim.sakla, .pi-harf.sakla, .pi-soru.sakla, .pi-sss-grup.sakla { display: none; }

/* ------------------------------------------------------------------ */
/* Hesaplayıcılar                                                       */
/* ------------------------------------------------------------------ */
.pi-hesap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.pi-hesap-baslik { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--serif); font-size: 1.3rem; font-weight: 600; }
.pi-hesap-baslik .pi-ikon { width: 24px; height: 24px; color: var(--altin-k); }
.pi-hesap-secim { display: flex; flex-wrap: wrap; gap: 8px 10px; margin: 0; padding: 0; border: 0; }
.pi-hesap-secim legend { width: 100%; margin-bottom: 8px; font-size: .9rem; font-weight: 600; }
.pi-hesap-secim label { display: inline-flex !important; align-items: center; gap: 8px; cursor: pointer; }
.pi-hesap-secim input { position: absolute; opacity: 0; pointer-events: none; }
.pi-hesap-secim label span { padding: 9px 16px; border-radius: 999px; border: 1px solid var(--kum); font-size: .92rem; font-weight: 500; transition: background-color .2s, color .2s, border-color .2s; }
.pi-hesap-secim input:checked + span { background: var(--z-800); border-color: var(--z-800); color: var(--beyaz); }
.pi-hesap-secim input:focus-visible + span { outline: 2px solid var(--altin); outline-offset: 2px; }
.pi-hesap-secim-kucuk { display: inline-flex; width: auto; margin-right: 18px; }
.pi-hesap-sonuc { position: sticky; top: 110px; min-height: 340px; padding: clamp(22px, 3vw, 34px); border-radius: var(--r-b); background: var(--z-800); color: #cfdad4; }
.pi-hesap-bos { display: grid; justify-items: center; align-content: center; gap: 18px; min-height: 280px; text-align: center; }
.pi-hesap-bos p { max-width: 320px; margin: 0; }
.pi-hesap-bos strong { color: var(--altin-a); }
.pi-hesap-amblem { width: 80px; height: 80px; --l-zemin: #174238; }
.pi-hesap-toplam { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 253, 249, .12); }
.pi-hesap-toplam small { display: block; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; color: #a9b8b0; }
.pi-hesap-toplam strong { display: block; font-family: var(--serif); font-size: clamp(2rem, 4vw, 2.6rem); color: var(--beyaz); line-height: 1.15; }
.pi-hesap-toplam span { font-size: .92rem; color: var(--altin-a); }
.pi-hesap-kalem { display: grid; gap: 2px; margin: 0; }
.pi-hesap-kalem div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px dashed rgba(255, 253, 249, .1); font-size: .95rem; }
.pi-hesap-kalem dt { color: #b9c7c0; }
.pi-hesap-kalem dd { margin: 0; color: var(--beyaz); font-weight: 600; text-align: right; }
.pi-hesap-not { margin: 16px 0 0; font-size: .84rem; color: #a9b8b0; }
.pi-hesap-sonuc .pi-dugmeler { margin-top: 18px; }
.pi-hesap-sonuc .yeni { animation: pi-yuksel .45s var(--ease) both; }
.pi-sayac-alan { display: grid !important; grid-template-columns: 1fr auto; align-items: center; gap: 12px !important; }
.pi-sayac { display: inline-flex; align-items: center; border: 1px solid var(--kum); border-radius: 999px; background: var(--ipek); }
.pi-sayac button { display: grid; place-items: center; width: 42px; height: 42px; border: 0; background: none; border-radius: 50%; color: var(--z-600); }
.pi-sayac button:hover { background: var(--sedef); }
.pi-sayac button .pi-ikon { width: 16px; height: 16px; }
.pi-sayac input { width: 44px; height: 42px; border: 0; background: none; text-align: center; font-weight: 700; font-size: 1.05rem; -moz-appearance: textfield; appearance: textfield; }
.pi-sayac input::-webkit-outer-spin-button, .pi-sayac input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pi-miras-blok { display: grid; gap: 14px; padding: 18px; border-radius: var(--r); background: var(--ipek); border: 1px solid var(--cizgi); }
.pi-miras-blok.pasif { opacity: .55; }
.pi-miras-blok-bas { display: flex; gap: 12px; margin: 0; }
.pi-miras-blok-bas > .pi-ikon { width: 38px; height: 38px; padding: 9px; border-radius: 10px; background: var(--z-800); color: var(--altin-a); }
.pi-miras-blok-bas strong { display: block; font-family: var(--serif); font-size: 1.08rem; }
.pi-miras-blok-bas small { display: block; font-size: .82rem; color: var(--soluk); }
.pi-miras-blok-bas span { font-size: .92rem; color: var(--gri); line-height: 1.4; }
.pi-miras-olu { display: grid; gap: 10px; }
.pi-miras-olu:empty { display: none; }
.pi-miras-olu-satir { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; padding: 12px 14px; border-radius: 12px; background: var(--beyaz); border: 1px dashed var(--kum); }
.pi-miras-olu-satir > span { font-size: .84rem; font-weight: 700; color: var(--altin-k); }
.pi-miras-olu-satir .pi-sayac-alan { grid-column: 1 / -1; grid-row: 2; }
.pi-miras-sil { grid-column: 2; grid-row: 1; justify-self: end; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; border: 0; background: var(--sedef); color: var(--gri); }
.pi-miras-sil .pi-ikon { width: 14px; height: 14px; }
.pi-miras-ekle { font-size: .9rem; justify-self: start; }
.pi-miras-kardes { display: grid; gap: 10px; padding-top: 6px; border-top: 1px dashed var(--kum); }
.pi-pasta-sonuc { display: grid; grid-template-columns: 150px 1fr; gap: 20px; align-items: center; margin-bottom: 18px; }
.pi-pasta { position: relative; width: 150px; height: 150px; border-radius: 50%; }
.pi-pasta::after { content: ""; position: absolute; inset: 34px; border-radius: 50%; background: var(--z-800); }
.pi-pasta-lejant { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: .9rem; }
.pi-pasta-lejant li { display: flex; align-items: center; gap: 8px; }
.pi-pasta-lejant i { width: 12px; height: 12px; border-radius: 3px; flex: none; }
.pi-mirasci-tablo { width: 100%; border-collapse: collapse; font-size: .92rem; }
.pi-mirasci-tablo th, .pi-mirasci-tablo td { padding: 9px 6px; text-align: left; border-bottom: 1px dashed rgba(255, 253, 249, .12); vertical-align: top; }
.pi-mirasci-tablo thead th { font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: #a9b8b0; font-weight: 600; }
.pi-mirasci-tablo td { color: var(--beyaz); }
.pi-mirasci-tablo td small { display: block; color: #a9b8b0; font-size: .8rem; }
.pi-mirasci-tablo .kesir { font-family: var(--serif); font-size: 1.1rem; color: var(--altin-a); white-space: nowrap; }

/* ------------------------------------------------------------------ */
/* Makale sayfası ve sesli dinleme                                      */
/* ------------------------------------------------------------------ */
.pi-makale-bas { padding: clamp(20px, 3vw, 36px) 0 0; background: radial-gradient(90% 120% at 100% 0%, #efe7d8 0%, rgba(239, 231, 216, 0) 55%), var(--ipek); }
.pi-makale-bas-ic { max-width: calc(900px + 2 * var(--bosluk)); }
.pi-makale-bas h1 { font-size: clamp(2.1rem, 4.2vw, 3.3rem); line-height: 1.1; margin-bottom: .45em; }
.pi-makale-ozet { font-size: 1.16rem; color: var(--gri); max-width: 760px; }
.pi-kunye { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin: 22px 0 0; font-size: .9rem; color: var(--soluk); }
.pi-kunye > span { display: inline-flex; align-items: center; gap: 7px; }
.pi-kunye .pi-ikon { width: 16px; height: 16px; color: var(--altin-k); }
.pi-kunye-buro { padding-right: 22px; border-right: 1px solid var(--cizgi); }
.pi-kunye-amblem { width: 38px !important; height: 38px !important; }
.pi-kunye-buro strong { display: block; color: var(--murekkep); font-size: .95rem; line-height: 1.25; }
.pi-kunye-buro small { display: block; font-size: .8rem; }
.pi-kunye-dugme { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .85rem; color: var(--gri); }
.pi-dinle-yer { min-height: 0; margin-top: 24px; }
.pi-dinle { display: flex; align-items: center; gap: 16px; max-width: 760px; padding: 12px 14px 12px 12px; border-radius: 999px; background: var(--z-800); color: #cfdad4; box-shadow: var(--golge); }
.pi-dinle-oynat { position: relative; display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; border: 0; background: var(--altin); color: var(--z-900); flex: none; transition: transform .25s var(--ease), background-color .2s; }
.pi-dinle-oynat:hover { transform: scale(1.05); background: var(--altin-a); }
.pi-dinle-oynat-ic { position: relative; width: 22px; height: 22px; }
.pi-dinle-oynat .pi-ikon { position: absolute; inset: 0; width: 22px; height: 22px; transition: opacity .2s, transform .25s var(--ease); }
.pi-dinle-i-duraklat { opacity: 0; transform: scale(.6); }
.pi-dinle.caliyor .pi-dinle-i-oynat { opacity: 0; transform: scale(.6); }
.pi-dinle.caliyor .pi-dinle-i-duraklat { opacity: 1; transform: none; }
.pi-dinle-orta { flex: 1; min-width: 0; display: grid; gap: 8px; }
.pi-dinle-baslik { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 0; line-height: 1.3; }
.pi-dinle-baslik strong { color: var(--beyaz); font-weight: 600; }
.pi-dinle-baslik span { font-size: .84rem; color: #a9b8b0; }
.pi-dinle-cubuk { display: block; height: 3px; border-radius: 3px; background: rgba(255, 253, 249, .14); overflow: hidden; }
.pi-dinle-cubuk i { display: block; height: 100%; background: var(--altin); transform-origin: left; transform: scaleX(0); transition: transform .4s var(--ease); }
.pi-dinle-dalga { display: none; }
.pi-dinle-araclar { display: flex; align-items: center; gap: 4px; }
.pi-dinle-araclar button { display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 8px; border-radius: 999px; border: 0; background: transparent; color: #cfdad4; font-weight: 700; font-size: .88rem; transition: background-color .2s, color .2s; }
.pi-dinle-araclar button:hover { background: rgba(255, 253, 249, .1); color: var(--beyaz); }
.pi-dinle-araclar .pi-ikon { width: 16px; height: 16px; }
.pi-dinle:not(.basladi) [data-dinle-geri], .pi-dinle:not(.basladi) [data-dinle-ileri], .pi-dinle:not(.basladi) [data-dinle-dur] { display: none; }
.pi-dinle.yuzer { position: fixed; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 190; width: min(720px, calc(100% - 24px)); transform: translateX(-50%); animation: pi-yuzer-gir .35s var(--ease) both; }
@keyframes pi-yuzer-gir { from { opacity: 0; transform: translate(-50%, 20px); } to { opacity: 1; transform: translateX(-50%); } }
.pi-okunuyor { position: relative; background: linear-gradient(90deg, rgba(201, 163, 92, .16), rgba(201, 163, 92, 0)); border-radius: 8px; box-shadow: -14px 0 0 rgba(201, 163, 92, .16); transition: background-color .3s; }
.pi-makale-kapak { margin: clamp(28px, 4vw, 44px) 0 0; border-radius: var(--r-b); overflow: hidden; aspect-ratio: 16 / 7; background: var(--z-800); }
.pi-makale-kapak img { width: 100%; height: 112%; object-fit: cover; will-change: transform; }
.pi-metin-makale > p:first-of-type { font-size: 1.16rem; color: var(--murekkep); }
.pi-yazar-kutu { display: flex; gap: 22px; margin-top: 36px; padding: 26px; border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi); }
.pi-yazar-amblem { width: 72px !important; height: 72px !important; flex: none; }
.pi-yazar-ad { font-family: var(--serif); font-size: 1.3rem; font-weight: 600; margin: 0 0 6px !important; color: var(--murekkep) !important; }
.pi-yazar-kutu p { font-size: .96rem; }
.pi-yazar-eylem { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.pi-yazar-eylem a { color: var(--altin-k) !important; }

/* ------------------------------------------------------------------ */
/* Sayfa sonu bandı ve alt bilgi                                        */
/* ------------------------------------------------------------------ */
.pi-son { position: relative; padding: clamp(56px, 7vw, 96px) 0; background: var(--z-800); color: #cfdad4; overflow: hidden; }
.pi-son .pi-buyuk-amp { width: 520px; left: -120px; top: -120px; opacity: .22; stroke: var(--altin-a); stroke-width: .25; }
.pi-son-ic { position: relative; display: grid; grid-template-columns: minmax(0, 1.4fr) auto; gap: 32px 64px; align-items: center; }
.pi-son-baslik { font-family: var(--serif); font-size: clamp(1.8rem, 3.2vw, 2.5rem); line-height: 1.18; color: var(--beyaz); margin-bottom: 14px; }
.pi-son-baslik em { color: var(--altin-a); }
.pi-son-metin > p:last-child { max-width: 600px; margin: 0; color: #e1e9e4; }
.pi-son-eylem .pi-dugmeler { flex-direction: column; align-items: stretch; }
.pi-alt { background: var(--z-900); color: #b5c2bb; padding: clamp(56px, 7vw, 88px) 0 calc(28px + env(safe-area-inset-bottom)); font-size: .95rem; }
.pi-alt-ust { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.2fr; gap: 40px; padding-bottom: 44px; border-bottom: 1px solid rgba(255, 253, 249, .08); }
.pi-alt-marka p { margin: 20px 0 0; max-width: 300px; color: #a3b1aa; }
.pi-alt-marka .pi-logo-amblem { width: 60px; height: 60px; }
.pi-alt-baslik { margin: 0 0 14px; font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--altin-a); }
.pi-alt-sutun ul { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 8px; }
.pi-alt-sutun a { text-decoration: none; transition: color .2s; }
.pi-alt-sutun a:hover { color: var(--beyaz); }
.pi-alt address { font-style: normal; display: grid; gap: 12px; }
.pi-alt address a, .pi-alt address > span { display: flex; gap: 10px; align-items: flex-start; word-break: break-word; }
.pi-alt address .pi-ikon { width: 18px; height: 18px; color: var(--altin); margin-top: 3px; }
.pi-alt-sosyal { display: flex; gap: 14px; list-style: none; margin: 18px 0 0; padding: 0; }
.pi-alt-uyari { display: flex; gap: 10px; margin: 26px 0; font-size: .86rem; color: #8fa098; }
.pi-alt-uyari .pi-ikon { width: 18px; height: 18px; color: var(--altin); margin-top: 2px; }
.pi-alt-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 28px; font-size: .86rem; color: #8fa098; }
.pi-alt-alt p { margin: 0; }
.pi-alt-alt ul { display: flex; flex-wrap: wrap; gap: 6px 20px; list-style: none; margin: 0; padding: 0; }
.pi-alt-alt a { text-decoration: none; }
.pi-alt-alt a:hover { color: var(--beyaz); }
.pi-imza a { color: var(--altin-a); font-weight: 600; }

/* Mobil eylem çubuğu, yukarı düğmesi, bildirim */
.pi-eylem { display: none; }
.pi-yukari { position: fixed; right: 20px; bottom: 22px; z-index: 180; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; border: 0; background: var(--z-800); color: var(--altin-a); box-shadow: var(--golge-k); opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .25s, transform .3s var(--ease), visibility 0s .3s; }
.pi-yukari.gorunur { opacity: 1; visibility: visible; transform: none; transition: opacity .25s, transform .3s var(--ease); }
.pi-yukari > .pi-ikon { position: relative; width: 18px; height: 18px; }
.pi-yukari-halka { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.pi-yukari-halka circle { fill: none; stroke: rgba(255, 253, 249, .12); stroke-width: 2; }
.pi-yukari-halka .pi-yukari-dolu { stroke: var(--altin); stroke-dasharray: 100; stroke-dashoffset: 100; }
.pi-bildirim { position: fixed; left: 50%; bottom: 28px; z-index: 600; padding: 12px 20px; border-radius: 999px; background: var(--z-800); color: var(--beyaz); font-size: .92rem; box-shadow: var(--golge); opacity: 0; visibility: hidden; transform: translate(-50%, 12px); transition: opacity .25s, transform .3s var(--ease), visibility 0s .3s; }
.pi-bildirim.gorunur { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .25s, transform .3s var(--ease); }

/* 404 */
.pi-yok { position: relative; padding: clamp(64px, 10vw, 140px) 0; overflow: hidden; }
.pi-yok .pi-buyuk-amp { width: 640px; right: -120px; top: -60px; }
.pi-yok-ic { position: relative; max-width: calc(760px + 2 * var(--bosluk)); }
.pi-yok h1 { font-size: clamp(2.2rem, 4.5vw, 3.4rem); }
.pi-yok-ic > p { color: var(--gri); font-size: 1.1rem; }
.pi-yok .pi-ara { margin: 28px 0; }

/* ------------------------------------------------------------------ */
/* Hareket: görünür olunca beliren öğeler                               */
/* ------------------------------------------------------------------ */
html.pi-js:not(.pi-animyok):not(.hemen) [data-gor]:not(.gorundu) { opacity: 0; transform: translateY(22px); }
[data-gor].gor-gecis { transition: opacity .7s var(--ease), transform .8s var(--ease); transition-delay: calc(var(--i, 0) * 70ms); }
html.pi-js:not(.pi-animyok):not(.hemen):not(.pi-hazir) [data-bas] { opacity: 0; transform: translateY(16px); }
html.pi-hazir [data-bas] { transition: opacity .7s var(--ease), transform .8s var(--ease); }
html.pi-hazir [data-bas="2"] { transition-delay: .12s; }
html.pi-hazir [data-bas="3"] { transition-delay: .22s; }
html.pi-hazir [data-bas="4"] { transition-delay: .32s; }
.pi-kelime { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.pi-kelime > span { display: inline-block; transform: translateY(105%); }
html.pi-hazir .pi-kelime > span { transform: none; transition: transform .8s var(--ease); transition-delay: calc(var(--k) * 45ms + 60ms); }
html.pi-animyok .pi-kelime > span, html.hemen .pi-kelime > span { transform: none; }

/* ------------------------------------------------------------------ */
/* Duyarlı düzen                                                        */
/* ------------------------------------------------------------------ */
@media (max-width: 1240px) {
	.pi-ust-cta span { display: none; }
	.pi-ust-cta { width: 46px; padding: 0; }
	.pi-ara-ac kbd { display: none; }
	.pi-menu-liste > li > a { padding: 10px 11px; }
}
@media (max-width: 1100px) {
	:root { --ust: 68px; }
	.pi-serit { display: none; }
	.pi-ust.kaydi:not(.gizli) { transform: none; }
	.pi-menu { display: none; }
	.pi-menu-ac { display: inline-flex; margin-left: 4px; }
	.pi-ust-eylem { margin-left: auto; }
	.pi-araclar { grid-template-columns: 1fr 1fr; }
	.pi-arac-buyuk { grid-row: auto; grid-column: span 2; min-height: 240px; }
	.pi-alt-ust { grid-template-columns: 1fr 1fr; }
	.pi-iki { grid-template-columns: minmax(0, 1fr) 280px; }
	.pi-ikartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	body { font-size: 1rem; }
	html { scroll-padding-top: 84px; }
	.pi-giris-ic, .pi-buro-ic, .pi-surec-ic, .pi-sss-ic, .pi-mesaj-ic, .pi-bas-ic, .pi-bas-liste .pi-bas-ic, .pi-iki, .pi-iki-metin, .pi-konum, .pi-hesap, .pi-son-ic, .pi-cagri { grid-template-columns: minmax(0, 1fr); }
	.pi-giris-gorsel { justify-self: center; width: min(100%, 420px); margin-top: 8px; }
	.pi-giris-cerceve { aspect-ratio: 5 / 4; border-radius: 180px 180px var(--r-b) var(--r-b); }
	.pi-giris-cerceve::after { border-radius: 172px 172px 20px 20px; }
	.pi-giris-kart-dinle { left: -10px; bottom: 24px; }
	.pi-giris-kart-hesap { right: -10px; top: 24px; }
	.pi-giris > .pi-buyuk-amp { width: 520px; right: -200px; top: auto; bottom: -60px; }
	.pi-buro-gorsel { max-width: 460px; }
	.pi-buro-gorsel img { aspect-ratio: 5 / 4; }
	.pi-buro-alinti { right: 12px; bottom: 16px; }
	.pi-surec-yan, .pi-sss-yan, .pi-yan, .pi-hesap-sonuc { position: static; }
	.pi-surec-gorsel { display: none; }
	.pi-bas-gorsel { max-width: 560px; }
	.pi-bas-gorsel img { aspect-ratio: 16 / 9; }
	.pi-yazilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pi-ykart-genis { grid-column: auto; flex-direction: column; }
	.pi-ykart-genis .pi-ykart-gorsel { flex: none; aspect-ratio: 16 / 9; }
	.pi-avukatlar { grid-template-columns: minmax(0, 1fr); }
	.pi-profil { grid-template-columns: minmax(0, 1fr); }
	.pi-katalog-alan { grid-template-columns: minmax(0, 1fr); }
	.pi-katalog-bas img { aspect-ratio: 16 / 7; }
	.pi-ilke-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pi-mega-ic { grid-template-columns: 1fr; }
	.pi-cagri .pi-dugmeler, .pi-son-eylem .pi-dugmeler { flex-direction: row; align-items: center; }
	.pi-harita { min-height: 320px; }
}
@media (max-width: 760px) {
	.pi-eylem { position: fixed; left: 0; right: 0; bottom: 0; z-index: 190; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; padding: 6px 6px calc(6px + env(safe-area-inset-bottom)); background: var(--z-900); border-top: 1px solid rgba(255, 253, 249, .08); }
	.pi-eylem a, .pi-eylem button { display: grid; justify-items: center; gap: 3px; padding: 7px 4px; border: 0; background: none; color: #dfe7e2; text-decoration: none; font-size: .74rem; font-weight: 500; }
	.pi-eylem .pi-ikon { width: 20px; height: 20px; color: var(--altin-a); }
	body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
	.pi-yukari { bottom: calc(80px + env(safe-area-inset-bottom)); right: 14px; width: 46px; height: 46px; }
	.pi-dinle.yuzer { bottom: calc(76px + env(safe-area-inset-bottom)); }
	.pi-bildirim { bottom: calc(84px + env(safe-area-inset-bottom)); }
	.pi-ikartlar, .pi-konum .pi-ikartlar { grid-template-columns: minmax(0, 1fr); }
	.pi-mesaj-satir, .pi-hesap-satir { grid-template-columns: minmax(0, 1fr); }
	.pi-pencere-alanlar ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pi-alt-ust { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 600px) {
	:root { --ust: 62px; --r-b: 22px; }
	.pi-ust-ic { gap: 12px; }
	.pi-logo { gap: 9px; }
	.pi-logo-amblem { width: 38px; height: 38px; }
	.pi-logo-ad { width: 150px; }
	.pi-ust .pi-logo-alt { display: none; }
	.pi-ara-ac { width: 44px; height: 44px; padding: 0; justify-content: center; }
	.pi-ara-ac span { display: none; }
	.pi-ust-cta { display: none; }
	.pi-menu-ac { height: 44px; padding: 0 13px; }
	.pi-giris-metin h1 { font-size: clamp(2.05rem, 9vw, 2.5rem); }
	.pi-giris-ozet { font-size: 1.02rem; }
	.pi-ara-alan { height: 56px; padding-left: 16px; }
	.pi-ara-dugme { width: 44px; height: 44px; padding: 0; justify-content: center; }
	.pi-ara-dugme span, .pi-ara-kisayol { display: none; }
	.pi-ara-oneriler { gap: 6px; }
	.pi-ara-oneriler button:nth-of-type(n+5) { display: none; }
	.pi-giris-kart { padding: 9px 12px 9px 9px; }
	.pi-giris-kart small { display: none; }
	.pi-giris-kart-ikon { width: 36px; height: 36px; }
	.pi-giris-kart .pi-arac-pasta { width: 38px; height: 38px; }
	.pi-giris-kart .pi-arac-pasta i { inset: 7px; }
	.pi-dalga { display: none; }
	.pi-yazilar, .pi-yazilar-liste, .pi-ilke-izgara { grid-template-columns: minmax(0, 1fr); }
	.pi-araclar { grid-template-columns: minmax(0, 1fr); }
	.pi-arac-buyuk { grid-column: auto; }
	.pi-avk { flex-direction: column; align-items: flex-start; padding: 24px; }
	.pi-katalog-konular, .pi-profil-alanlar { grid-template-columns: minmax(0, 1fr); }
	.pi-konu { padding-right: 22px; }
	.pi-konu-ikon { display: none; }
	.pi-dinle { border-radius: var(--r); flex-wrap: wrap; gap: 10px 14px; }
	.pi-dinle-oynat { width: 48px; height: 48px; }
	.pi-dinle-araclar { margin-left: auto; }
	.pi-kunye-buro { border-right: 0; padding-right: 0; width: 100%; }
	.pi-makale-kapak { aspect-ratio: 16 / 10; }
	.pi-pasta-sonuc { grid-template-columns: 110px 1fr; }
	.pi-pasta { width: 110px; height: 110px; }
	.pi-pasta::after { inset: 26px; }
	.pi-mirasci-tablo { font-size: .86rem; }
	.pi-harita-bilgi { left: 10px; right: 10px; bottom: 10px; padding: 16px; }
	.pi-yazar-kutu { flex-direction: column; }
	.pi-cagri .pi-dugmeler, .pi-son-eylem .pi-dugmeler { flex-direction: column; align-items: stretch; }
	.pi-sayac-alan { grid-template-columns: minmax(0, 1fr) !important; }
	.pi-sayac { justify-self: start; }
	.pi-arac-buyuk .pi-arac-pasta { width: 150px; height: 150px; right: -36px; bottom: -36px; opacity: .55; }
	.pi-arac-buyuk .pi-arac-pasta i { inset: 36px; }
	.pi-arac-buyuk .pi-arac-pasta b { font-size: 1.5rem; }
	.pi-arac-buyuk .pi-arac-metin { max-width: 78%; }
	.pi-harita { min-height: 420px; }
	.pi-ikart { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; padding: 16px 18px; }
	.pi-ikart-ikon { grid-row: span 3; margin: 0; }
	.pi-ikart-alt { grid-column: 2; padding-top: 4px; }
}
@media (max-width: 400px) {
	.pi-cekmece-ust .pi-logo-ad { width: 138px; }
	.pi-cekmece-kapat { padding: 0 13px; }
}
@media (max-width: 360px) {
	.pi-logo-ad { width: 112px; }
	.pi-menu-yazi { display: none; }
	.pi-cekmece-ust .pi-logo-ad { width: 118px; }
	.pi-cekmece-kapat span { display: none; }
}
@media (hover: none) {
	.pi-ykart:hover, .pi-arac:hover, .pi-dugme:hover { transform: none; }
	.pi-ara-kisayol, .pi-ara-ac kbd, .pi-yan-ara kbd, .pi-pencere-kapat kbd { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
	html.pi-js [data-gor], html.pi-js [data-bas], .pi-kelime > span { opacity: 1 !important; transform: none !important; }
}

/* Yazdırma */
@media print {
	.pi-ust, .pi-perde, .pi-ilerleme, .pi-okuma, .pi-yan, .pi-eylem, .pi-yukari, .pi-son, .pi-alt, .pi-dinle-yer, .pi-pencere, .pi-cekmece, .pi-makale-kapak, .pi-kunye-dugme { display: none !important; }
	body { background: #fff; font-size: 11pt; }
	.pi-iki { display: block; }
	[data-gor], [data-bas] { opacity: 1 !important; transform: none !important; }
	a { color: inherit; }
}