/*
 * Pehlivan Hukuk Bürosu teması — stiller.
 * Renk: bordo #6e1527, altın #c9a35b, antrasit #22242a; zemin kâğıt #f8f5f0.
 * Yazı: Playfair Display (başlık) + Instrument Sans (metin); SIL Open Font License.
 *
 *  1. Fontlar ve değişkenler      9. Ana sayfa: büro, avukatlar     17. Kıdem hesaplayıcı, mesaj formu
 *  2. Temel                      10. Faaliyet alanı kartları        18. Sayfa sonu çağrısı, alt bilgi
 *  3. Düğmeler ve etiketler      11. Süreç ve araçlar               19. Mobil eylem çubuğu, bildirim
 *  4. Üst şerit ve başlık        12. Makale kartları ve şerit       20. 404, liste başı, sayfalama
 *  5. Mobil çekmece              13. SSS ve iletişim bölümü         21. Hareket
 *  6. Arama                      14. Sayfa başı ve içerik           22. Duyarlı düzen
 *  7. Açılış                     15. Yan sütun ve makale            23. Yazdırma
 *  8. Durum kartları ve çekmece  16. Katalog, süreler, sözlük
 */

/* ------------------------------------------------------------------ */
/* 1. Fontlar ve değişkenler                                            */
/* ------------------------------------------------------------------ */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500 800; font-display: swap; src: url('../fonts/playfair-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500 800; font-display: swap; src: url('../fonts/playfair-latin-ext.woff2') format('woff2'); unicode-range: U+011E, U+011F, U+0130, U+015E, U+015F; }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 500 700; font-display: swap; src: url('../fonts/playfair-italik-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 500 700; font-display: swap; src: url('../fonts/playfair-italik-latin-ext.woff2') format('woff2'); unicode-range: U+011E, U+011F, U+0130, U+015E, U+015F; }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/instrument-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('../fonts/instrument-latin-ext.woff2') format('woff2'); unicode-range: U+011E, U+011F, U+0130, U+015E, U+015F; }

:root {
	--bordo: #6e1527;
	--bordo-koyu: #4a0d19;
	--bordo-derin: #2a0a11;
	--bordo-acik: #8d2337;
	--bordo-ton: #f6eaec;
	--altin: #c9a35b;
	--altin-koyu: #85662b;
	--altin-acik: #e4cd98;
	--altin-ton: #f7efdf;
	--ant: #22242a;
	--ant-2: #2c2f36;
	--ant-3: #3c4048;
	--komur: #17181c;
	--kagit: #f8f5f0;
	--kagit-2: #f1ebe2;
	--beyaz: #ffffff;
	--cizgi: #e7ded2;
	--cizgi-2: #d6c9b7;
	--metin: #2a2c31;
	--soluk: #5f626a;
	--soluk-2: #8b8e95;
	--f-baslik: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--f-govde: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--r-s: 8px;
	--r: 14px;
	--r-l: 22px;
	--g1: 0 1px 2px rgba(42, 10, 17, .05), 0 6px 16px -6px rgba(42, 10, 17, .08);
	--g2: 0 18px 40px -18px rgba(42, 10, 17, .32);
	--g3: 0 40px 80px -30px rgba(23, 24, 28, .5);
	--kap: 1240px;
	--bosluk: clamp(20px, 4vw, 40px);
	--ust: 40px;
	--baslik: 84px;
	--gecis: cubic-bezier(.22, .8, .24, 1);
}

/* ------------------------------------------------------------------ */
/* 2. Temel                                                             */
/* ------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--baslik) + 24px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: var(--kagit); color: var(--metin); font-family: var(--f-govde); font-size: 1.0625rem; line-height: 1.7; font-weight: 400; -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: var(--bordo); text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s; }
a:hover { color: var(--bordo-acik); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4 { font-family: var(--f-baslik); font-weight: 600; line-height: 1.18; color: var(--ant); margin: 0 0 .5em; letter-spacing: -.005em; text-wrap: balance; }
h1 em, h2 em, h3 em, .phl-son-baslik em { font-style: italic; font-weight: 500; color: var(--bordo); }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; }
::selection { background: var(--bordo); color: #fff; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; border-radius: 4px; }
address { font-style: normal; }
kbd { font-family: var(--f-govde); }
.phl-ikon { width: 1.2em; height: 1.2em; flex: none; }
.phl-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; }
.phl-atla { position: fixed; left: 16px; top: -60px; z-index: 300; background: var(--bordo); color: #fff; padding: 10px 18px; border-radius: var(--r-s); transition: top .2s; }
.phl-atla:focus { top: 12px; color: #fff; }
.phl-kap { width: 100%; max-width: calc(var(--kap) + var(--bosluk) * 2); margin: 0 auto; padding: 0 var(--bosluk); }
.phl-dar { max-width: calc(820px + var(--bosluk) * 2); }
.phl-iki { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: clamp(32px, 5vw, 72px); align-items: start; }
.phl-govde { padding-top: clamp(40px, 6vw, 72px); padding-bottom: clamp(56px, 8vw, 96px); }
.phl-ana { display: block; outline: none; }
.phl-bolum { padding: clamp(64px, 9vw, 112px) 0; position: relative; }
.phl-bolum-ust { padding-top: clamp(36px, 5vw, 56px); }
.phl-kagit { background: var(--kagit-2); }
.phl-beyaz { background: var(--beyaz); }

/* ------------------------------------------------------------------ */
/* 3. Düğmeler ve etiketler                                            */
/* ------------------------------------------------------------------ */
.phl-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.phl-dugme { --zemin: transparent; --renk: var(--ant); --kenar: transparent; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 22px; border-radius: 10px; border: 1.5px solid var(--kenar); background: var(--zemin); color: var(--renk); font-weight: 600; font-size: .98rem; line-height: 1.15; text-decoration: none; letter-spacing: .005em; position: relative; isolation: isolate; overflow: hidden; transition: transform .25s var(--gecis), box-shadow .25s, background .25s, color .25s, border-color .25s; white-space: nowrap; }
.phl-dugme .phl-ikon { width: 1.15em; height: 1.15em; transition: transform .3s var(--gecis); }
.phl-dugme:hover { transform: translateY(-2px); }
.phl-dugme:hover .phl-ikon:last-child:not(:first-child) { transform: translateX(3px); }
.phl-dugme-dolu { --zemin: var(--bordo); --renk: #fff; box-shadow: 0 10px 22px -12px rgba(110, 21, 39, .7); }
.phl-dugme-dolu::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg, transparent 30%, rgba(201, 163, 91, .35) 50%, transparent 70%); transform: translateX(-100%); transition: transform .7s var(--gecis); }
.phl-dugme-dolu:hover { --zemin: var(--bordo-koyu); color: #fff; }
.phl-dugme-dolu:hover::before { transform: translateX(100%); }
.phl-dugme-altin { --zemin: var(--altin); --renk: var(--bordo-derin); box-shadow: 0 10px 24px -12px rgba(201, 163, 91, .8); }
.phl-dugme-altin:hover { --zemin: var(--altin-acik); color: var(--bordo-derin); }
.phl-dugme-cizgi { --kenar: var(--cizgi-2); --renk: var(--ant); --zemin: var(--beyaz); }
.phl-dugme-cizgi:hover { --kenar: var(--bordo); color: var(--bordo); }
.phl-dugme-cam { --zemin: rgba(255, 255, 255, .08); --kenar: rgba(255, 255, 255, .28); --renk: #fff; backdrop-filter: blur(6px); }
.phl-dugme-cam:hover { --zemin: rgba(255, 255, 255, .16); --kenar: var(--altin); color: #fff; }
.phl-dugme-yazi { --renk: var(--bordo); padding: 0 6px; min-height: 44px; }
.phl-dugme-yazi:hover { color: var(--bordo-koyu); transform: none; }
.phl-dugmeler-koyu .phl-dugme-yazi { --renk: var(--altin-acik); }
.phl-dugmeler-koyu .phl-dugme-cizgi { --zemin: rgba(255, 255, 255, .06); --kenar: rgba(255, 255, 255, .26); --renk: #fff; }
.phl-dugme-kucuk { min-height: 40px; padding: 0 14px; font-size: .9rem; border-radius: 9px; }
.phl-dugme-ikon { padding: 0; width: 50px; }
.phl-dugme-kucuk.phl-dugme-ikon { width: 40px; }
.phl-dugme-tam { width: 100%; }
.phl-dugme-kisi { min-height: 56px; text-align: left; justify-content: flex-start; }
.phl-dugme-kisi span { display: flex; flex-direction: column; gap: 2px; }
.phl-dugme-kisi small { font-size: .72rem; font-weight: 500; opacity: .8; letter-spacing: .02em; }
.phl-ikon-dolu { width: 1.15em; height: 1.15em; }

.phl-etiket { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 14px; font-family: var(--f-govde); font-size: .78rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-etiket::before { content: ''; width: 9px; height: 9px; border: 1.5px solid currentColor; transform: rotate(45deg); flex: none; }
.phl-etiket-acik { color: var(--altin); }
.phl-etiket-no { font-family: var(--f-baslik); font-size: 1rem; letter-spacing: 0; color: #fff; opacity: .9; }
.phl-bb { max-width: 760px; margin-bottom: clamp(32px, 5vw, 52px); }
.phl-bb h2 { font-size: clamp(1.85rem, 3.2vw, 2.45rem); margin-bottom: .35em; }
.phl-bb p { color: var(--soluk); font-size: 1.08rem; max-width: 640px; }
.phl-bb-orta { margin-left: auto; margin-right: auto; text-align: center; }
.phl-bb-orta p { margin-left: auto; margin-right: auto; }
.phl-bb-orta .phl-etiket { justify-content: center; }
.phl-bb-orta .phl-etiket::after { content: ''; width: 9px; height: 9px; border: 1.5px solid currentColor; transform: rotate(45deg); }
.phl-bb-satir { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.phl-bb-satir h2 { margin-bottom: 0; }
.phl-bag-ok { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--bordo); text-decoration: none; border-bottom: 1.5px solid var(--altin); padding-bottom: 3px; }
.phl-bag-ok .phl-ikon { transition: transform .3s var(--gecis); }
.phl-bag-ok:hover .phl-ikon { transform: translateX(4px); }

/* ------------------------------------------------------------------ */
/* 4. Üst şerit ve başlık                                               */
/* ------------------------------------------------------------------ */
.phl-ust { background: var(--komur); color: rgba(255, 255, 255, .78); font-size: .82rem; position: relative; z-index: 60; }
.phl-ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: var(--ust); }
.phl-ust a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.phl-ust a:hover { color: #fff; }
.phl-ust .phl-ikon { width: 15px; height: 15px; color: var(--altin); }
.phl-ust-iletisim { list-style: none; display: flex; align-items: center; gap: 22px; }
.phl-ust-iletisim li { display: flex; }
.phl-ust-iletisim small { opacity: .7; margin-right: 6px; font-size: .78rem; }

.phl-baslik { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .94); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid rgba(214, 201, 183, .55); transition: box-shadow .3s, background .3s; }
.admin-bar .phl-baslik { top: 32px; }
.phl-d-kaydi .phl-baslik { box-shadow: 0 12px 30px -20px rgba(42, 10, 17, .45); background: rgba(255, 255, 255, .97); }
.phl-baslik-ic { display: flex; align-items: center; gap: 28px; height: var(--baslik); transition: height .3s var(--gecis); }
.phl-d-kaydi .phl-baslik-ic { height: 70px; }
.phl-logo { display: inline-flex; flex: none; color: var(--ant); }
.phl-logo-yatay svg { height: 54px; width: auto; transition: height .3s var(--gecis); }
.phl-d-kaydi .phl-logo-yatay svg { height: 46px; }
.phl-svg-zemin { fill: var(--bordo); }
.phl-svg-altin { fill: var(--altin); }
.phl-svg-altin-cizgi { stroke: var(--altin); }
.phl-svg-yazi { fill: var(--ant); }
.phl-svg-alt { fill: var(--altin-koyu); }
.phl-logo-koyu .phl-svg-yazi, .phl-logo-alt .phl-svg-yazi { fill: #fff; }
.phl-logo-koyu .phl-svg-alt, .phl-logo-alt .phl-svg-alt { fill: var(--altin-acik); }
.phl-logo-koyu .phl-svg-zemin, .phl-logo-alt .phl-svg-zemin { fill: var(--bordo-acik); }

.phl-menu { margin-left: auto; flex: none; }
.phl-menu-liste { list-style: none; display: flex; align-items: center; gap: 2px; }
.phl-menu-liste > li { position: relative; }
.phl-menu-liste > li > a { display: inline-flex; align-items: center; gap: 5px; height: var(--baslik); padding: 0 13px; white-space: nowrap; font-size: .97rem; font-weight: 600; color: var(--ant); text-decoration: none; position: relative; transition: color .2s, height .3s var(--gecis); }
.phl-d-kaydi .phl-menu-liste > li > a { height: 70px; }
.phl-menu-liste > li > a::after { content: ''; position: absolute; left: 13px; right: 13px; bottom: 22px; height: 2px; background: var(--altin); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--gecis); }
.phl-d-kaydi .phl-menu-liste > li > a::after { bottom: 16px; }
.phl-menu-liste > li > a:hover, .phl-menu-liste > li > a[aria-current], .phl-menu-liste > li.acik > a { color: var(--bordo); }
.phl-menu-liste > li > a:hover::after, .phl-menu-liste > li > a[aria-current]::after, .phl-menu-liste > li.acik > a::after { transform: scaleX(1); }
.phl-menu-ok { width: 15px; height: 15px; transition: transform .3s; opacity: .7; }
.phl-menu-liste > li.acik .phl-menu-ok { transform: rotate(180deg); }

.phl-acilir { position: absolute; top: calc(100% - 8px); left: 50%; min-width: 330px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r); box-shadow: var(--g3); padding: 10px; opacity: 0; visibility: hidden; transform: translate(-50%, 10px); transition: opacity .25s, transform .3s var(--gecis), visibility .25s; }
.phl-acilir::before { content: ''; position: absolute; top: -7px; left: 50%; width: 14px; height: 14px; background: var(--beyaz); border-left: 1px solid var(--cizgi); border-top: 1px solid var(--cizgi); transform: translateX(-50%) rotate(45deg); }
.acik > .phl-acilir { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.phl-acilir a { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border-radius: 10px; color: var(--ant); text-decoration: none; transition: background .2s; }
.phl-acilir a:hover, .phl-acilir a[aria-current] { background: var(--kagit); }
.phl-acilir a strong { display: block; font-size: .95rem; font-weight: 600; }
.phl-acilir a small { display: block; font-size: .8rem; color: var(--soluk); line-height: 1.35; }
.phl-acilir-kisi img { width: 52px; height: 52px; object-fit: cover; object-position: 50% 20%; border-radius: 12px; border: 2px solid var(--altin-ton); }
.phl-acilir-ok { margin-left: auto; color: var(--altin-koyu); width: 18px; height: 18px; transition: transform .25s; }
.phl-acilir-kisi:hover .phl-acilir-ok { transform: translateX(4px); }
.phl-acilir-tum { justify-content: center; font-weight: 600; color: var(--bordo) !important; border-top: 1px solid var(--cizgi); border-radius: 0 0 10px 10px !important; margin-top: 6px; font-size: .9rem; }
.phl-acilir-ikon { width: 40px; height: 40px; flex: none; border-radius: 10px; background: var(--bordo-ton); color: var(--bordo); display: grid; place-items: center; }
.phl-acilir-ikon .phl-ikon { width: 20px; height: 20px; }

.phl-menu-mega { position: static !important; }
.phl-mega { position: absolute; left: 0; right: 0; top: 100%; background: var(--beyaz); border-top: 1px solid var(--cizgi); box-shadow: 0 40px 60px -30px rgba(23, 24, 28, .4); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .25s, transform .3s var(--gecis), visibility .25s; }
.acik > .phl-mega { opacity: 1; visibility: visible; transform: none; }
.phl-mega-ic { display: grid; grid-template-columns: 1fr 300px; gap: 36px; padding-top: 30px; padding-bottom: 34px; }
.phl-mega-alanlar { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 18px; }
.phl-mega-alanlar a { display: flex; align-items: center; gap: 14px; padding: 11px 12px; border-radius: 12px; color: var(--ant); text-decoration: none; transition: background .2s; }
.phl-mega-alanlar a:hover { background: var(--kagit); }
.phl-mega-alanlar strong { display: block; font-family: var(--f-baslik); font-size: 1.04rem; font-weight: 600; }
.phl-mega-alanlar small { display: block; font-size: .8rem; color: var(--soluk); line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 330px; }
.phl-mega-ikon { width: 46px; height: 46px; flex: none; border-radius: 12px; display: grid; place-items: center; background: var(--bordo-ton); color: var(--bordo); transition: background .25s, color .25s; }
.phl-mega-ikon .phl-ikon { width: 22px; height: 22px; }
.phl-mega-alanlar a:hover .phl-mega-ikon { background: var(--bordo); color: var(--altin-acik); }
.phl-mega-yan { position: relative; overflow: hidden; border-radius: var(--r); background: linear-gradient(150deg, var(--bordo-koyu), var(--bordo-derin)); color: rgba(255, 255, 255, .82); padding: 28px; font-size: .93rem; }
.phl-mega-amblem { position: absolute; right: -30px; bottom: -40px; width: 170px; opacity: .14; }
.phl-mega-yan-baslik { font-family: var(--f-baslik); font-size: 1.35rem; color: #fff; margin-bottom: 8px; }
.phl-mega-yan .phl-dugme { margin: 8px 0 16px; }
.phl-mega-tum { display: inline-flex; align-items: center; gap: 8px; color: var(--altin-acik); font-weight: 600; text-decoration: none; position: relative; }
.phl-mega-tum:hover { color: #fff; }

.phl-baslik-eylem { display: flex; align-items: center; gap: 12px; }
.phl-ara-ac { display: inline-flex; align-items: center; gap: 9px; height: 46px; padding: 0 12px 0 16px; border-radius: 10px; border: 1.5px solid var(--cizgi); background: var(--kagit); color: var(--ant); font-weight: 600; font-size: .95rem; transition: border-color .2s, background .2s; }
.phl-ara-ac:hover { border-color: var(--altin); background: var(--beyaz); }
.phl-ara-ac kbd { display: inline-grid; place-items: center; min-width: 24px; height: 24px; border-radius: 6px; background: var(--beyaz); border: 1px solid var(--cizgi); font-size: .8rem; color: var(--soluk); }
.phl-baslik-cta { min-height: 46px; }
.phl-menu-ac { display: none; align-items: center; gap: 10px; height: 46px; padding: 0 16px; border-radius: 10px; border: 0; background: var(--bordo); color: #fff; font-weight: 700; font-size: .85rem; letter-spacing: .14em; }
.phl-menu-cizgiler { display: grid; gap: 4px; width: 20px; }
.phl-menu-cizgiler i { display: block; height: 2px; border-radius: 2px; background: var(--altin-acik); transition: transform .3s; }
.phl-menu-cizgiler i:nth-child(2) { width: 70%; margin-left: auto; }

/* ------------------------------------------------------------------ */
/* 5. Mobil çekmece                                                     */
/* ------------------------------------------------------------------ */
.phl-cekmece { position: fixed; inset: 0; z-index: 200; }
.phl-cekmece-perde { position: absolute; inset: 0; background: rgba(23, 24, 28, .55); backdrop-filter: blur(3px); opacity: 0; transition: opacity .4s; }
.phl-cekmece-ic { position: absolute; top: 0; right: 0; bottom: 0; width: min(440px, 100%); background: linear-gradient(170deg, var(--ant) 0%, var(--bordo-derin) 100%); color: #fff; display: flex; flex-direction: column; padding: 18px 22px 28px; overflow-y: auto; transform: translateX(100%); transition: transform .5s var(--gecis); }
.phl-d-menu .phl-cekmece-perde { opacity: 1; }
.phl-d-menu .phl-cekmece-ic { transform: none; }
.phl-cekmece-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.phl-cekmece-ust .phl-logo svg { height: 46px; width: auto; }
.phl-cekmece-kapat { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .25); background: transparent; color: #fff; font-size: .78rem; font-weight: 700; letter-spacing: .14em; }
.phl-cekmece-ara { display: flex; align-items: center; gap: 12px; width: 100%; margin: 20px 0 10px; height: 54px; padding: 0 18px; border-radius: 12px; border: 1px solid rgba(201, 163, 91, .45); background: rgba(255, 255, 255, .06); color: rgba(255, 255, 255, .85); text-align: left; }
.phl-cekmece-ara .phl-ikon { color: var(--altin); }
.phl-cekmece-liste { list-style: none; }
.phl-cekmece-liste > li { border-bottom: 1px solid rgba(255, 255, 255, .09); opacity: 0; transform: translateX(24px); transition: opacity .4s, transform .5s var(--gecis); transition-delay: calc(var(--i) * 45ms + 120ms); }
.phl-d-menu .phl-cekmece-liste > li { opacity: 1; transform: none; }
.phl-cekmece-liste > li > a, .phl-cekmece-liste > li > button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 15px 2px; background: none; border: 0; color: #fff; text-decoration: none; font-family: var(--f-baslik); font-size: 1.32rem; font-weight: 500; text-align: left; }
.phl-cekmece-liste > li > a[aria-current] { color: var(--altin-acik); }
.phl-cekmece-acilir button .phl-ikon { color: var(--altin); transition: transform .3s; }
.phl-cekmece-acilir button[aria-expanded="true"] .phl-ikon { transform: rotate(45deg); }
.phl-cekmece-acilir ul { list-style: none; padding: 0 0 14px; display: grid; gap: 2px; }
.phl-cekmece-acilir ul[hidden] { display: none; }
.phl-cekmece-acilir ul a { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 10px; color: rgba(255, 255, 255, .86); text-decoration: none; font-size: .98rem; }
.phl-cekmece-acilir ul a:hover { background: rgba(255, 255, 255, .07); color: #fff; }
.phl-cekmece-acilir ul .phl-ikon { color: var(--altin); width: 19px; height: 19px; }
.phl-cekmece-alt { margin-top: auto; padding-top: 24px; display: grid; gap: 14px; font-size: .88rem; color: rgba(255, 255, 255, .7); }
.phl-cekmece-alt p { display: flex; gap: 10px; margin: 0; }
.phl-cekmece-alt p .phl-ikon { color: var(--altin); margin-top: 3px; }

.phl-tel-liste { list-style: none; display: grid; gap: 10px; }
.phl-tel-liste li { display: flex; align-items: stretch; gap: 8px; }
.phl-tel-liste-ana { flex: 1; display: flex; align-items: center; gap: 12px; padding: 10px 14px 10px 10px; border-radius: 14px; background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--ant); text-decoration: none; transition: border-color .2s, transform .2s; }
.phl-tel-liste-ana:hover { border-color: var(--altin); color: var(--ant); transform: translateY(-1px); }
.phl-tel-liste-ana span { display: flex; flex-direction: column; line-height: 1.25; }
.phl-tel-liste-ana small { font-size: .78rem; color: var(--soluk); }
.phl-tel-liste-ana strong { font-size: 1.06rem; letter-spacing: .01em; }
.phl-tel-liste-foto { width: 46px; height: 46px; border-radius: 11px; object-fit: cover; object-position: 50% 20%; flex: none; }
.phl-tel-liste-ikon { margin-left: auto; color: var(--bordo); }
.phl-tel-liste-wa { width: 56px; flex: none; display: grid; place-items: center; border-radius: 14px; background: #1f8f4e; color: #fff; }
.phl-tel-liste-wa:hover { background: #18773f; color: #fff; }
.phl-tel-liste-koyu .phl-tel-liste-ana { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); color: #fff; }
.phl-tel-liste-koyu .phl-tel-liste-ana:hover { color: #fff; border-color: var(--altin); }
.phl-tel-liste-koyu .phl-tel-liste-ana small { color: rgba(255, 255, 255, .62); }
.phl-tel-liste-koyu .phl-tel-liste-ikon { color: var(--altin); }

/* ------------------------------------------------------------------ */
/* 6. Arama                                                             */
/* ------------------------------------------------------------------ */
.phl-ara { position: relative; width: 100%; }
.phl-ara-alan { position: relative; display: flex; align-items: center; background: var(--beyaz); border: 1.5px solid var(--cizgi); border-radius: 14px; transition: border-color .2s, box-shadow .2s; }
.phl-ara-alan:focus-within { border-color: var(--altin); box-shadow: 0 0 0 4px rgba(201, 163, 91, .22); }
.phl-ara-buyutec { position: absolute; left: 18px; width: 22px; height: 22px; color: var(--bordo); pointer-events: none; }
.phl-ara input { flex: 1; min-width: 0; height: 58px; padding: 0 12px 0 52px; border: 0; background: transparent; font-size: 1.02rem; outline: none; border-radius: 14px; -webkit-appearance: none; appearance: none; }
.phl-ara input::-webkit-search-cancel-button { display: none; }
.phl-ara input::placeholder { color: var(--soluk-2); }
.phl-ara-sil { flex: none; display: grid; place-items: center; width: 34px; height: 34px; margin-right: 4px; border: 0; border-radius: 50%; background: var(--kagit); color: var(--soluk); }
.phl-ara-sil[hidden] { display: none; }
.phl-ara-kisayol { flex: none; display: grid; place-items: center; min-width: 26px; height: 26px; margin-right: 8px; border-radius: 6px; border: 1px solid var(--cizgi); color: var(--soluk); font-size: .82rem; }
.phl-ara-kisayol[hidden] { display: none; }
.phl-ara-dugme { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 46px; margin-right: 6px; padding: 0 20px; border: 0; border-radius: 10px; background: var(--bordo); color: #fff; font-weight: 600; transition: background .2s; }
.phl-ara-dugme:hover { background: var(--bordo-koyu); }
.phl-ara-dugme .phl-ikon { transition: transform .3s; }
.phl-ara-dugme:hover .phl-ikon { transform: translateX(3px); }
.phl-ara-oneriler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; font-size: .86rem; }
.phl-ara-oneriler > span { color: var(--soluk); font-weight: 600; margin-right: 4px; }
.phl-ara-oneriler button { padding: 6px 13px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); color: var(--ant); font-size: .84rem; transition: border-color .2s, background .2s, color .2s; }
.phl-ara-oneriler button:hover { border-color: var(--bordo); color: var(--bordo); }
.phl-ara-sekmeler { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 6px; }
.phl-ara-sekmeler::-webkit-scrollbar { display: none; }
.phl-ara-sekmeler button { flex: none; padding: 8px 15px; border-radius: 9px; border: 0; background: transparent; color: var(--soluk); font-size: .88rem; font-weight: 600; transition: background .2s, color .2s; }
.phl-ara-sekmeler button:hover { color: var(--bordo); }
.phl-ara-sekmeler button.etkin { background: var(--bordo-ton); color: var(--bordo); }

.phl-ara-sonuc { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 40; max-height: min(64vh, 560px); overflow-y: auto; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 16px; box-shadow: var(--g3); padding: 8px; text-align: left; overscroll-behavior: contain; }
.phl-ara-grup { margin: 10px 12px 4px; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-ara-oge { display: grid; grid-template-columns: 38px 1fr 20px; grid-template-areas: 'i t o' 'i a o'; column-gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; color: var(--ant); text-decoration: none; animation: phl-belir .35s var(--gecis) both; animation-delay: calc(var(--i) * 25ms); }
.phl-ara-oge:hover, .phl-ara-oge.etkin { background: var(--kagit); color: var(--ant); }
.phl-ara-oge-i { grid-area: i; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: var(--bordo-ton); color: var(--bordo); }
.phl-ara-oge-i .phl-ikon { width: 19px; height: 19px; }
.phl-ara-oge strong { grid-area: t; font-weight: 600; font-size: .98rem; line-height: 1.35; }
.phl-ara-oge mark { background: var(--altin-ton); color: inherit; border-radius: 3px; padding: 0 2px; }
.phl-ara-oge-a { grid-area: a; font-size: .84rem; color: var(--soluk); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.phl-ara-oge > .phl-ikon:last-child { grid-area: o; width: 18px; color: var(--altin-koyu); opacity: 0; transform: translateX(-4px); transition: opacity .2s, transform .2s; }
.phl-ara-oge:hover > .phl-ikon:last-child, .phl-ara-oge.etkin > .phl-ikon:last-child { opacity: 1; transform: none; }
.phl-ara-bilgi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 8px 4px 2px; padding: 10px 10px 4px; border-top: 1px solid var(--cizgi); font-size: .78rem; color: var(--soluk); }
.phl-ara-bilgi a { color: var(--bordo); font-weight: 600; text-decoration: none; }
.phl-ara-bos { padding: 20px; }
.phl-ara-bos strong { display: block; font-size: 1.02rem; margin-bottom: 4px; }
.phl-ara-bos p { color: var(--soluk); font-size: .92rem; }

.phl-pencere { position: fixed; inset: 0; z-index: 220; display: flex; justify-content: center; align-items: flex-start; padding: clamp(14px, 7vh, 90px) 16px 16px; }
.phl-pencere[hidden] { display: none; }
.phl-pencere-perde { position: absolute; inset: 0; background: rgba(23, 24, 28, .62); backdrop-filter: blur(5px); animation: phl-sol .3s both; }
.phl-pencere-ic { position: relative; width: min(760px, 100%); max-height: 100%; overflow-y: auto; background: var(--kagit); border-radius: 20px; box-shadow: var(--g3); padding: 20px; animation: phl-pencere .4s var(--gecis) both; }
.phl-pencere-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.phl-pencere-ust p { display: flex; align-items: center; gap: 14px; margin: 0; }
.phl-pencere-amblem { width: 34px; flex: none; }
.phl-pencere-ust strong { display: block; font-family: var(--f-baslik); font-size: 1.25rem; color: var(--ant); line-height: 1.2; }
.phl-pencere-ust small { display: block; color: var(--soluk); font-size: .85rem; line-height: 1.4; }
.phl-pencere-kapat { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .85rem; font-weight: 600; }
.phl-pencere-kapat kbd { font-size: .72rem; color: var(--soluk); border: 1px solid var(--cizgi); border-radius: 5px; padding: 1px 5px; }
.phl-ara-pencere { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 16px; padding: 4px; }
.phl-ara-pencere .phl-ara-alan { border-color: transparent; background: var(--kagit); }
.phl-ara-pencere .phl-ara-sonuc { position: static; margin-top: 8px; box-shadow: none; max-height: 46vh; }
.phl-ara-pencere .phl-ara-oneriler { padding: 0 8px 8px; }
.phl-pencere-alanlar { margin-top: 18px; }
.phl-pencere-alanlar > span { display: block; margin-bottom: 8px; font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-pencere-alanlar ul { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
.phl-pencere-alanlar a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--ant); text-decoration: none; font-size: .92rem; font-weight: 600; }
.phl-pencere-alanlar a:hover { border-color: var(--altin); color: var(--bordo); }
.phl-pencere-alanlar .phl-ikon { color: var(--bordo); width: 19px; height: 19px; }
.phl-pencere-alt { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--cizgi); font-size: .88rem; }
.phl-pencere-alt a { display: inline-flex; align-items: center; gap: 7px; color: var(--ant); text-decoration: none; font-weight: 600; }
.phl-pencere-alt a:hover { color: var(--bordo); }
.phl-pencere-alt .phl-ikon { color: var(--altin-koyu); width: 18px; height: 18px; }
.phl-d-pencere, .phl-d-menu, .phl-d-durum, .phl-d-tel { overflow: hidden; }

/* ------------------------------------------------------------------ */
/* 7. Açılış                                                            */
/* ------------------------------------------------------------------ */
.phl-giris { position: relative; isolation: isolate; color: #fff; text-align: center; padding: clamp(64px, 10vw, 120px) 0 clamp(150px, 15vw, 190px); overflow: hidden; background: var(--bordo-derin); }
.phl-giris-gorsel { position: absolute; inset: 0; z-index: -2; }
.phl-giris-gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; transform: scale(1.06); animation: phl-yakinlas 18s ease-out both; }
.phl-giris::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 60% 55% at 50% 38%, rgba(110, 21, 39, .35), transparent 70%), linear-gradient(180deg, rgba(23, 24, 28, .86) 0%, rgba(42, 10, 17, .78) 55%, rgba(42, 10, 17, .94) 100%); }
.phl-giris::after { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .5; background-image: linear-gradient(rgba(201, 163, 91, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(201, 163, 91, .07) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 10%, transparent 70%); mask-image: radial-gradient(ellipse at 50% 30%, #000 10%, transparent 70%); }
.phl-giris-ic { max-width: 900px; margin: 0 auto; }
.phl-giris-rozet { display: inline-flex; align-items: center; gap: 12px; padding: 7px 18px 7px 8px; margin-bottom: 26px; border-radius: 999px; border: 1px solid rgba(201, 163, 91, .4); background: rgba(23, 24, 28, .35); backdrop-filter: blur(6px); font-size: .86rem; color: rgba(255, 255, 255, .86); animation: phl-yukselt .8s var(--gecis) .1s both; }
.phl-giris-rozet svg { width: 26px; height: auto; }
.phl-giris-rozet b { color: var(--altin-acik); font-weight: 600; }
.phl-giris h1 { color: #fff; font-size: clamp(2.2rem, 4.6vw, 3.55rem); line-height: 1.12; margin: 0 auto .4em; max-width: 820px; animation: phl-yukselt .9s var(--gecis) .2s both; }
.phl-giris h1 em { color: var(--altin-acik); }
.phl-giris-ozet { max-width: 700px; margin: 0 auto 34px; font-size: clamp(1rem, 1.5vw, 1.14rem); color: rgba(255, 255, 255, .8); animation: phl-yukselt .9s var(--gecis) .3s both; }
.phl-giris .phl-ara { max-width: 820px; margin: 0 auto; text-align: left; animation: phl-yukselt .9s var(--gecis) .4s both; }
.phl-ara-giris { background: rgba(255, 255, 255, .97); border-radius: 20px; padding: 6px 6px 8px; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .7), 0 0 0 6px rgba(255, 255, 255, .08); }
.phl-ara-giris .phl-ara-sekmeler { padding: 4px 4px 8px; border-bottom: 1px solid var(--cizgi); margin-bottom: 6px; }
.phl-ara-giris .phl-ara-alan { border-color: transparent; background: transparent; box-shadow: none; }
.phl-ara-giris .phl-ara-alan:focus-within { box-shadow: none; }
.phl-ara-giris input { height: 64px; font-size: 1.12rem; }
.phl-ara-giris .phl-ara-dugme { height: 54px; padding: 0 26px; font-size: 1rem; }
.phl-ara-giris .phl-ara-oneriler { padding: 4px 10px 6px; margin-top: 6px; border-top: 1px dashed var(--cizgi); padding-top: 12px; }
.phl-ara-giris .phl-ara-oneriler button { background: var(--kagit); border-color: transparent; }
.phl-ara-giris .phl-ara-oneriler button:hover { background: var(--bordo-ton); }
.phl-giris-guven { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 30px; list-style: none; margin-top: 34px; font-size: .9rem; color: rgba(255, 255, 255, .78); animation: phl-yukselt .9s var(--gecis) .5s both; }
.phl-giris-guven li { display: inline-flex; align-items: center; gap: 9px; }
.phl-giris-guven .phl-ikon { color: var(--altin); }

/* ------------------------------------------------------------------ */
/* 8. Durum kartları ve çekmece                                         */
/* ------------------------------------------------------------------ */
.phl-durum-alan { position: relative; z-index: 3; margin-top: clamp(-120px, -10vw, -96px); }
.phl-durum-kutu { background: var(--beyaz); border-radius: var(--r-l); border: 1px solid var(--cizgi); box-shadow: var(--g3); padding: clamp(22px, 3vw, 34px); }
.phl-durum-kutu-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 30px; flex-wrap: wrap; margin-bottom: 22px; }
.phl-durum-kutu-ust h2 { font-size: clamp(1.5rem, 2.4vw, 1.9rem); margin: 0; }
.phl-durum-kutu-ust p { margin: 0; color: var(--soluk); max-width: 520px; font-size: .96rem; }
.phl-durumlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.phl-durum { position: relative; display: grid; grid-template-columns: 48px 1fr; grid-template-rows: auto auto; gap: 4px 14px; align-items: center; padding: 16px 16px 16px 14px; border-radius: 14px; border: 1px solid var(--cizgi); background: var(--kagit); color: var(--ant); text-align: left; overflow: hidden; isolation: isolate; transition: transform .3s var(--gecis), border-color .3s, box-shadow .3s, color .3s; }
.phl-durum::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(140deg, var(--bordo), var(--bordo-derin)); opacity: 0; transition: opacity .35s; }
.phl-durum:hover { transform: translateY(-4px); border-color: var(--bordo); box-shadow: var(--g2); color: #fff; }
.phl-durum:hover::before { opacity: 1; }
.phl-durum-ikon { grid-row: 1 / 3; width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: var(--beyaz); color: var(--bordo); border: 1px solid var(--cizgi); transition: background .3s, color .3s, border-color .3s; }
.phl-durum-ikon .phl-ikon { width: 22px; height: 22px; }
.phl-durum:hover .phl-durum-ikon { background: rgba(255, 255, 255, .08); color: var(--altin-acik); border-color: rgba(201, 163, 91, .4); }
.phl-durum-metin strong { display: block; font-family: var(--f-baslik); font-size: 1.06rem; font-weight: 600; line-height: 1.25; }
.phl-durum-metin small { display: block; font-size: .82rem; color: var(--soluk); transition: color .3s; }
.phl-durum:hover .phl-durum-metin small { color: rgba(255, 255, 255, .72); }
.phl-durum-sure { grid-column: 2; display: inline-flex; align-items: center; gap: 6px; justify-self: start; margin-top: 6px; padding: 3px 10px 3px 8px; border-radius: 999px; background: var(--altin-ton); color: var(--altin-koyu); font-size: .76rem; font-weight: 600; transition: background .3s, color .3s; }
.phl-durum-sure .phl-ikon { width: 13px; height: 13px; }
.phl-durum:hover .phl-durum-sure { background: rgba(201, 163, 91, .2); color: var(--altin-acik); }
.phl-durum-ok { position: absolute; right: 14px; top: 16px; color: var(--altin-koyu); opacity: 0; transform: translateX(-6px); transition: opacity .3s, transform .3s; }
.phl-durum-ok .phl-ikon { width: 18px; height: 18px; }
.phl-durum:hover .phl-durum-ok { opacity: 1; transform: none; color: var(--altin-acik); }

.phl-durum-cekmece { position: fixed; inset: 0; z-index: 210; }
.phl-durum-cekmece[hidden] { display: none; }
.phl-durum-perde { position: absolute; inset: 0; background: rgba(23, 24, 28, .55); backdrop-filter: blur(3px); opacity: 0; transition: opacity .35s; }
.phl-durum-ic { position: absolute; top: 0; right: 0; bottom: 0; width: min(580px, 100%); background: var(--kagit); display: flex; flex-direction: column; box-shadow: var(--g3); transform: translateX(104%); transition: transform .5s var(--gecis); }
.phl-d-durum .phl-durum-perde { opacity: 1; }
.phl-d-durum .phl-durum-ic { transform: none; }
.phl-durum-ust { display: flex; align-items: center; gap: 12px; padding: 16px 22px; background: var(--beyaz); border-bottom: 1px solid var(--cizgi); }
.phl-durum-ust-amblem { width: 26px; flex: none; }
.phl-durum-ust p { margin: 0; font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-durum-kapat { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--cizgi); background: var(--kagit); font-weight: 600; font-size: .88rem; }
.phl-durum-kaydir { overflow-y: auto; padding: 26px clamp(20px, 4vw, 34px) 34px; overscroll-behavior: contain; }
.phl-durum-pano h3 { font-size: clamp(1.6rem, 3vw, 2rem); margin-bottom: 18px; }
.phl-durum-pano h4 { font-family: var(--f-govde); font-size: .76rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-koyu); margin: 26px 0 12px; }
.phl-durum-sure-kutu { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-radius: 14px; background: linear-gradient(130deg, var(--bordo), var(--bordo-derin)); color: #fff; }
.phl-durum-sure-kutu > .phl-ikon { width: 34px; height: 34px; color: var(--altin); }
.phl-durum-sure-kutu strong { display: block; font-family: var(--f-baslik); font-size: 1.6rem; line-height: 1.1; color: var(--altin-acik); }
.phl-durum-sure-kutu span { font-size: .9rem; color: rgba(255, 255, 255, .78); }
.phl-durum-aciklama { margin-top: 18px; font-size: 1rem; }
.phl-durum-adimlar { list-style: none; display: grid; gap: 8px; counter-reset: a; }
.phl-durum-adimlar li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--beyaz); border: 1px solid var(--cizgi); font-size: .95rem; line-height: 1.5; }
.phl-durum-adimlar li span { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--bordo); color: var(--altin-acik); font-family: var(--f-baslik); font-weight: 600; font-size: .9rem; }
.phl-durum-belgeler { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.phl-durum-belgeler li { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; background: var(--altin-ton); font-size: .86rem; }
.phl-durum-belgeler .phl-ikon { color: var(--altin-koyu); width: 15px; height: 15px; }
.phl-durum-bag { list-style: none; display: grid; gap: 8px; }
.phl-durum-bag a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--ant); text-decoration: none; font-weight: 600; font-size: .95rem; }
.phl-durum-bag a:hover { border-color: var(--bordo); color: var(--bordo); }
.phl-durum-bag a .phl-ikon:first-child { color: var(--altin-koyu); }
.phl-durum-bag a .phl-ikon:last-child { margin-left: auto; width: 17px; height: 17px; color: var(--soluk-2); }
.phl-durum-avukatlar { display: grid; gap: 10px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--cizgi); }
.phl-durum-avukat { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 14px; background: var(--beyaz); border: 1px solid var(--cizgi); }
.phl-durum-avukat-foto { width: 50px; height: 50px; border-radius: 12px; object-fit: cover; object-position: 50% 20%; }
.phl-durum-avukat div { flex: 1; min-width: 0; line-height: 1.3; }
.phl-durum-avukat small { display: block; font-size: .76rem; color: var(--soluk); }
.phl-durum-avukat strong { font-size: .96rem; }
.phl-durum-not { display: flex; gap: 10px; margin: 24px 0 0; font-size: .82rem; color: var(--soluk); }
.phl-durum-not .phl-ikon { color: var(--altin-koyu); margin-top: 2px; }

/* ------------------------------------------------------------------ */
/* 9. Ana sayfa: büro, avukatlar                                        */
/* ------------------------------------------------------------------ */
.phl-buro { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(36px, 6vw, 88px); align-items: center; }
.phl-buro-gorsel { position: relative; margin: 0; padding: 0 28px 28px 0; }
.phl-buro-gorsel::before { content: ''; position: absolute; top: 28px; left: 28px; right: 0; bottom: 0; border: 1.5px solid var(--altin); border-radius: var(--r-l); }
.phl-buro-gorsel img { position: relative; width: 100%; aspect-ratio: 4 / 4.6; object-fit: cover; border-radius: var(--r-l); box-shadow: var(--g2); }
.phl-buro-rozet { position: absolute; right: -6px; bottom: 54px; display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-radius: 16px; background: var(--beyaz); box-shadow: var(--g3); max-width: 280px; }
.phl-buro-rozet strong { font-family: var(--f-baslik); font-size: 2.3rem; line-height: 1; color: var(--bordo); }
.phl-buro-rozet span { font-size: .86rem; line-height: 1.35; color: var(--soluk); }
.phl-buro-metin h2 { font-size: clamp(1.85rem, 3.2vw, 2.45rem); }
.phl-buro-metin > p { color: var(--soluk); }
.phl-buro-metin > p:first-of-type { font-size: 1.12rem; color: var(--metin); }
.phl-ilkeler { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 26px 0 30px; }
.phl-ilkeler li { display: flex; gap: 14px; padding: 16px; border-radius: 14px; background: var(--beyaz); border: 1px solid var(--cizgi); transition: border-color .3s, transform .3s var(--gecis); }
.phl-ilkeler li:hover { border-color: var(--altin); transform: translateY(-3px); }
.phl-ilkeler .phl-ikon { width: 40px; height: 40px; padding: 9px; border-radius: 10px; background: var(--bordo-ton); color: var(--bordo); flex: none; }
.phl-ilkeler strong { display: block; font-family: var(--f-baslik); font-size: 1.02rem; color: var(--ant); line-height: 1.3; margin-bottom: 3px; }
.phl-ilkeler span { display: block; font-size: .87rem; color: var(--soluk); line-height: 1.5; }

.phl-avukatlar { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(20px, 3vw, 34px); }
.phl-avukat { display: grid; grid-template-columns: 210px 1fr; grid-template-rows: auto 1fr; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--r-l); overflow: hidden; box-shadow: var(--g1); transition: box-shadow .35s, transform .35s var(--gecis); }
.phl-avukat:hover { box-shadow: var(--g2); transform: translateY(-4px); }
.phl-avukat-foto { grid-row: 1 / 3; position: relative; margin: 0; background: var(--kagit-2); }
.phl-avukat-foto img { width: 100%; height: 100%; min-height: 320px; object-fit: cover; object-position: 50% 18%; transition: transform .8s var(--gecis); }
.phl-avukat:hover .phl-avukat-foto img { transform: scale(1.04); }
.phl-avukat-cerceve { position: absolute; inset: 12px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 12px; pointer-events: none; }
.phl-avukat-levha { position: relative; padding: 20px 24px 18px; background: linear-gradient(120deg, var(--bordo), var(--bordo-koyu)); color: #fff; }
.phl-avukat-levha::after { content: ''; position: absolute; left: 24px; right: 24px; bottom: 0; height: 3px; background: linear-gradient(90deg, var(--altin), transparent); }
.phl-avukat-rol { margin: 0 0 4px; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-acik); }
.phl-avukat-ad { margin: 0; font-size: clamp(1.3rem, 2vw, 1.55rem); color: #fff; }
.phl-avukat-ad a { color: inherit; text-decoration: none; }
.phl-avukat-ad a::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.phl-avukat-govde { padding: 20px 24px 24px; display: flex; flex-direction: column; gap: 14px; position: relative; }
.phl-avukat-kunye { list-style: none; display: grid; gap: 8px; font-size: .9rem; color: var(--soluk); }
.phl-avukat-kunye li { display: flex; gap: 10px; align-items: flex-start; line-height: 1.45; }
.phl-avukat-kunye .phl-ikon { color: var(--altin-koyu); width: 18px; height: 18px; margin-top: 2px; }
.phl-avukat-alan-baslik { margin: 2px 0 -4px; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ant); }
.phl-avukat-alanlar { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; position: relative; z-index: 2; }
.phl-avukat-alanlar a { display: inline-block; padding: 4px 11px; border-radius: 999px; border: 1px solid var(--cizgi); font-size: .8rem; color: var(--ant); text-decoration: none; background: var(--kagit); }
.phl-avukat-alanlar a:hover { border-color: var(--bordo); color: var(--bordo); }
.phl-avukat-eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; position: relative; z-index: 2; }
.phl-avukat-eylem .phl-dugme { min-height: 46px; padding: 0 16px; font-size: .93rem; }
.phl-avukat-eylem .phl-dugme-ikon { width: 46px; padding: 0; }

/* ------------------------------------------------------------------ */
/* 10. Faaliyet alanı kartları                                          */
/* ------------------------------------------------------------------ */
.phl-suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.phl-suzgec button { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--beyaz); color: var(--ant); font-size: .9rem; font-weight: 600; transition: background .25s, color .25s, border-color .25s; }
.phl-suzgec button span { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--kagit-2); font-size: .74rem; color: var(--soluk); transition: inherit; }
.phl-suzgec button:hover { border-color: var(--bordo); color: var(--bordo); }
.phl-suzgec button.etkin { background: var(--bordo); border-color: var(--bordo); color: #fff; }
.phl-suzgec button.etkin span { background: rgba(255, 255, 255, .16); color: var(--altin-acik); }
.phl-akartlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; grid-auto-flow: dense; }
.phl-akart { position: relative; display: flex; flex-direction: column; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 18px; overflow: hidden; transition: transform .4s var(--gecis), box-shadow .4s, border-color .4s; }
.phl-akart::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--altin), var(--bordo)); transform: scaleX(0); transform-origin: left; transition: transform .5s var(--gecis); z-index: 2; }
.phl-akart:hover { transform: translateY(-6px); box-shadow: var(--g2); border-color: transparent; }
.phl-akart:hover::after { transform: scaleX(1); }
.phl-akart[hidden] { display: none; }
.phl-akart-gorsel { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--ant); }
.phl-akart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--gecis), filter .5s; filter: saturate(.92); }
.phl-akart:hover .phl-akart-gorsel img { transform: scale(1.07); filter: saturate(1.05); }
.phl-akart-gorsel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(42, 10, 17, 0) 40%, rgba(42, 10, 17, .62)); }
.phl-akart-no { position: absolute; top: 12px; left: 14px; z-index: 1; font-family: var(--f-baslik); font-size: .95rem; font-weight: 600; color: #fff; padding: 2px 10px; border-radius: 999px; background: rgba(23, 24, 28, .45); backdrop-filter: blur(4px); }
.phl-akart-ikon { position: relative; z-index: 2; width: 54px; height: 54px; margin: -27px 0 0 20px; border-radius: 16px; display: grid; place-items: center; background: var(--bordo); color: var(--altin-acik); box-shadow: 0 10px 20px -8px rgba(110, 21, 39, .6); border: 3px solid var(--beyaz); transition: transform .4s var(--gecis), background .3s; }
.phl-akart-ikon .phl-ikon { width: 24px; height: 24px; }
.phl-akart:hover .phl-akart-ikon { transform: rotate(-8deg) scale(1.05); background: var(--bordo-koyu); }
.phl-akart-govde { flex: 1; display: flex; flex-direction: column; padding: 14px 20px 18px; }
.phl-akart-baslik { font-size: 1.22rem; margin: 0 0 8px; }
.phl-akart-baslik a { color: var(--ant); text-decoration: none; }
.phl-akart-baslik a::after { content: ''; position: absolute; inset: 0; z-index: 3; }
.phl-akart:hover .phl-akart-baslik a { color: var(--bordo); }
.phl-akart-govde > p { font-size: .9rem; color: var(--soluk); line-height: 1.55; margin-bottom: 14px; }
.phl-akart-etiket { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.phl-akart-etiket li { font-size: .74rem; padding: 3px 9px; border-radius: 6px; background: var(--kagit); color: var(--ant-3); border: 1px solid var(--cizgi); }
.phl-akart-alt { display: flex; align-items: center; justify-content: space-between; margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--cizgi); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-akart-ok { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--cizgi-2); color: var(--bordo); transition: background .3s, color .3s, border-color .3s, transform .3s var(--gecis); }
.phl-akart-ok .phl-ikon { width: 17px; height: 17px; }
.phl-akart:hover .phl-akart-ok { background: var(--bordo); border-color: var(--bordo); color: #fff; transform: rotate(-45deg); }
.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1), .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) { grid-column: span 2; flex-direction: row; }
.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1) .phl-akart-gorsel, .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) .phl-akart-gorsel { aspect-ratio: auto; width: 46%; flex: none; }
.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1) .phl-akart-ikon, .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) .phl-akart-ikon { position: absolute; left: calc(46% - 27px); top: 22px; margin: 0; }
.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1) .phl-akart-govde, .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) .phl-akart-govde { padding: 24px 24px 20px 46px; }
.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1) .phl-akart-baslik, .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) .phl-akart-baslik { font-size: 1.45rem; }
.phl-alanlar-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 30px; padding: 20px 24px; border-radius: 16px; background: var(--beyaz); border: 1px dashed var(--cizgi-2); }
.phl-alanlar-alt p { margin: 0; color: var(--soluk); }
.phl-alanlar-alt strong { color: var(--ant); }

/* ------------------------------------------------------------------ */
/* 11. Süreç ve araçlar                                                 */
/* ------------------------------------------------------------------ */
.phl-koyu { background: var(--ant); color: rgba(255, 255, 255, .78); overflow: hidden; isolation: isolate; }
.phl-koyu::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 50% 70% at 100% 0%, rgba(110, 21, 39, .55), transparent 70%), radial-gradient(ellipse 40% 60% at 0% 100%, rgba(201, 163, 91, .12), transparent 70%); }
.phl-koyu h2, .phl-koyu h3 { color: #fff; }
.phl-koyu h2 em { color: var(--altin-acik); }
.phl-koyu .phl-bb p { color: rgba(255, 255, 255, .7); }
.phl-surec { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; position: relative; counter-reset: s; }
.phl-surec::before { content: ''; position: absolute; top: 34px; left: 6%; right: 6%; height: 1px; background: repeating-linear-gradient(90deg, rgba(201, 163, 91, .5) 0 8px, transparent 8px 16px); }
.phl-surec li { position: relative; padding-top: 4px; }
.phl-surec-no { position: relative; display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: 22px; border-radius: 50%; background: var(--ant); border: 1.5px solid var(--altin); font-family: var(--f-baslik); font-size: 1.6rem; font-weight: 600; color: var(--altin-acik); box-shadow: 0 0 0 8px var(--ant); transition: background .35s, color .35s; }
.phl-surec li:hover .phl-surec-no { background: var(--altin); color: var(--bordo-derin); }
.phl-surec h3 { font-size: 1.22rem; margin-bottom: 8px; }
.phl-surec p { font-size: .94rem; line-height: 1.6; margin: 0; }
.phl-koyu-alt { display: flex; flex-wrap: wrap; gap: 14px 40px; align-items: center; justify-content: space-between; margin-top: clamp(40px, 6vw, 64px); padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, .1); }
.phl-koyu-alt p { margin: 0; max-width: 620px; }
.phl-koyu-alt strong { color: #fff; }

.phl-araclar { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 20px; }
.phl-arac { position: relative; display: flex; flex-direction: column; padding: 28px; border-radius: 20px; background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--ant); text-decoration: none; overflow: hidden; isolation: isolate; transition: transform .35s var(--gecis), box-shadow .35s, border-color .35s; }
.phl-arac:hover { transform: translateY(-5px); box-shadow: var(--g2); border-color: var(--altin); color: var(--ant); }
.phl-arac-ikon { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; background: var(--altin-ton); color: var(--altin-koyu); margin-bottom: 22px; }
.phl-arac-ikon .phl-ikon { width: 26px; height: 26px; }
.phl-arac h3 { font-size: 1.32rem; margin-bottom: 8px; }
.phl-arac p { color: var(--soluk); font-size: .94rem; margin-bottom: 20px; }
.phl-arac-alt { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--bordo); font-size: .92rem; }
.phl-arac-alt .phl-ikon { transition: transform .3s; }
.phl-arac:hover .phl-arac-alt .phl-ikon { transform: translateX(4px); }
.phl-arac-ana { background: linear-gradient(145deg, var(--bordo), var(--bordo-derin)); color: rgba(255, 255, 255, .8); border-color: transparent; }
.phl-arac-ana:hover { color: rgba(255, 255, 255, .8); }
.phl-arac-ana h3 { color: #fff; }
.phl-arac-ana p { color: rgba(255, 255, 255, .75); }
.phl-arac-ana .phl-arac-ikon { background: rgba(201, 163, 91, .18); color: var(--altin-acik); }
.phl-arac-ana .phl-arac-alt { color: var(--altin-acik); }
.phl-arac-ornek { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 0 22px; }
.phl-arac-ornek span { display: flex; flex-direction: column; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12); font-size: .74rem; line-height: 1.3; color: rgba(255, 255, 255, .65); }
.phl-arac-ornek b { font-family: var(--f-baslik); font-size: 1.15rem; color: #fff; font-weight: 600; }
.phl-arac-p { position: absolute; right: -40px; bottom: -50px; width: 190px; opacity: .08; z-index: -1; color: #fff; }

/* ------------------------------------------------------------------ */
/* 12. Makale kartları ve şerit                                         */
/* ------------------------------------------------------------------ */
.phl-yazilar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.phl-ykart { position: relative; display: flex; flex-direction: column; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 18px; overflow: hidden; transition: transform .4s var(--gecis), box-shadow .4s; }
.phl-ykart:hover { transform: translateY(-5px); box-shadow: var(--g2); }
.phl-ykart-gorsel { position: relative; aspect-ratio: 16 / 9.2; overflow: hidden; background: var(--ant); }
.phl-ykart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--gecis); }
.phl-ykart:hover .phl-ykart-gorsel img { transform: scale(1.06); }
.phl-ykart-kat { position: absolute; left: 14px; bottom: 14px; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .94); color: var(--bordo); font-size: .76rem; font-weight: 700; letter-spacing: .04em; }
.phl-ykart-govde { flex: 1; display: flex; flex-direction: column; padding: 18px 22px 20px; }
.phl-ykart-ust { display: flex; gap: 14px; margin: 0 0 8px; font-size: .8rem; color: var(--soluk-2); }
.phl-ykart-ust span::before { content: '·'; margin-right: 14px; }
.phl-ykart-ust span:first-child::before { display: none; }
.phl-ykart-baslik { font-size: 1.2rem; line-height: 1.3; margin: 0 0 10px; }
.phl-ykart-baslik a { color: var(--ant); text-decoration: none; }
.phl-ykart-baslik a::after { content: ''; position: absolute; inset: 0; }
.phl-ykart:hover .phl-ykart-baslik a { color: var(--bordo); }
.phl-ykart-ozet { font-size: .9rem; color: var(--soluk); line-height: 1.6; margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.phl-ykart-alt { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--cizgi); font-size: .82rem; font-weight: 600; color: var(--ant-3); }
.phl-ykart-ok { width: 34px; height: 34px; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--kagit); color: var(--bordo); transition: background .3s, color .3s; }
.phl-ykart-ok .phl-ikon { width: 16px; height: 16px; }
.phl-ykart:hover .phl-ykart-ok { background: var(--bordo); color: #fff; }
.phl-ykart-sayfa .phl-ykart-govde { padding-top: 22px; }
.phl-ykart-genis { grid-column: span 3; flex-direction: row; }
.phl-ykart-genis .phl-ykart-gorsel { width: 55%; aspect-ratio: auto; min-height: 340px; flex: none; }
.phl-ykart-genis .phl-ykart-govde { padding: 34px 38px; justify-content: center; }
.phl-ykart-genis .phl-ykart-baslik { font-size: clamp(1.4rem, 2.2vw, 1.9rem); }
.phl-ykart-genis .phl-ykart-ozet { -webkit-line-clamp: 4; font-size: 1rem; }
.phl-yazilar-liste { grid-template-columns: repeat(2, 1fr); }

.phl-serit { position: relative; }
.phl-serit-ray { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 3); gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 6px 2px 18px; margin: -6px -2px 0; overscroll-behavior-x: contain; }
.phl-serit-ray::-webkit-scrollbar { display: none; }
.phl-serit-oge { scroll-snap-align: start; }
.phl-serit-alt { display: flex; align-items: center; gap: 24px; margin-top: 18px; }
.phl-serit-cubuk { flex: 1; height: 3px; border-radius: 3px; background: var(--cizgi); overflow: hidden; }
.phl-serit-cubuk span { display: block; height: 100%; width: 30%; border-radius: 3px; background: linear-gradient(90deg, var(--bordo), var(--altin)); transition: width .2s, margin .2s; }
.phl-serit-oklar { display: flex; gap: 8px; }
.phl-serit-ok { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--cizgi-2); background: var(--beyaz); color: var(--bordo); display: grid; place-items: center; transition: background .25s, color .25s, border-color .25s; }
.phl-serit-ok:hover:not(:disabled) { background: var(--bordo); color: #fff; border-color: var(--bordo); }
.phl-serit-ok:disabled { opacity: .4; cursor: default; }

/* ------------------------------------------------------------------ */
/* 13. SSS ve iletişim bölümü                                           */
/* ------------------------------------------------------------------ */
.phl-sss { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 80px); align-items: start; }
.phl-sss-sol { position: sticky; top: calc(var(--baslik) + 30px); }
.phl-sss-sol h2 { font-size: clamp(1.85rem, 3.2vw, 2.45rem); }
.phl-sss-sol > p { color: var(--soluk); }
.phl-sss-kart { margin-top: 26px; padding: 24px; border-radius: 18px; background: linear-gradient(150deg, var(--ant), var(--bordo-derin)); color: rgba(255, 255, 255, .78); position: relative; overflow: hidden; }
.phl-sss-kart strong { display: block; font-family: var(--f-baslik); font-size: 1.3rem; color: #fff; margin-bottom: 6px; font-weight: 600; }
.phl-sss-kart p { font-size: .92rem; }
.phl-sss-kart .phl-dugmeler { margin-top: 14px; }
.phl-sorular { display: grid; gap: 10px; }
details.phl-soru { border-radius: 14px; background: var(--beyaz); border: 1px solid var(--cizgi); transition: border-color .3s, box-shadow .3s; }
details.phl-soru[open] { border-color: var(--altin); box-shadow: var(--g1); }
details.phl-soru summary { list-style: none; position: relative; padding: 18px 60px 18px 22px; cursor: pointer; font-family: var(--f-baslik); font-size: 1.08rem; font-weight: 600; color: var(--ant); line-height: 1.4; }
details.phl-soru summary::-webkit-details-marker { display: none; }
details.phl-soru summary::after { content: ''; position: absolute; right: 18px; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; background: var(--kagit) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e1527' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E") center / 15px no-repeat; transition: transform .35s var(--gecis), background-color .3s; }
details.phl-soru[open] summary::after { transform: rotate(135deg); background-color: var(--altin-ton); }
details.phl-soru summary:hover { color: var(--bordo); }
details.phl-soru > div { padding: 0 22px 20px; color: var(--soluk); font-size: .98rem; }
details.phl-soru > div p:last-child { margin-bottom: 0; }

.phl-bordo { background: linear-gradient(140deg, var(--bordo-derin) 0%, var(--bordo-koyu) 60%, var(--bordo) 100%); color: rgba(255, 255, 255, .8); overflow: hidden; isolation: isolate; }
.phl-bordo::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .5; background-image: repeating-linear-gradient(135deg, rgba(201, 163, 91, .06) 0 1px, transparent 1px 22px); }
.phl-bordo h2, .phl-bordo h3 { color: #fff; }
.phl-bordo h2 em { color: var(--altin-acik); }
.phl-bordo .phl-bb p { color: rgba(255, 255, 255, .72); }
.phl-iletisim-bolum { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: stretch; }
.phl-ikartlar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.phl-ikart { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 20px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--ant); }
.phl-ikart-foto { width: 58px; height: 58px; border-radius: 14px; object-fit: cover; object-position: 50% 18%; margin-bottom: 6px; border: 2px solid var(--altin-ton); }
.phl-ikart-ikon { width: 58px; height: 58px; border-radius: 14px; display: grid; place-items: center; background: var(--bordo-ton); color: var(--bordo); margin-bottom: 6px; }
.phl-ikart-ad { margin: 0; font-family: var(--f-baslik); font-size: 1.1rem; font-weight: 600; line-height: 1.3; }
.phl-ikart-ad small { display: block; font-family: var(--f-govde); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-ikart-tel { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 1.12rem; font-weight: 700; color: var(--bordo); text-decoration: none; overflow-wrap: anywhere; }
.phl-ikart-genel .phl-ikart-tel { font-size: 1rem; }
.phl-ikart-tel .phl-ikon { width: 18px; height: 18px; }
.phl-ikart-adres { margin: 4px 0 0; font-size: .9rem; color: var(--soluk); line-height: 1.5; }
.phl-ikart-wa { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 10px; background: none; border: 0; padding-left: 0; font-size: .86rem; font-weight: 600; color: var(--ant-3); text-decoration: none; }
.phl-ikart-wa:hover { color: var(--bordo); }
.phl-ikart-wa .phl-ikon { width: 17px; height: 17px; color: var(--altin-koyu); }
.phl-harita-kutu { position: relative; min-height: 420px; border-radius: 22px; overflow: hidden; border: 6px solid rgba(255, 255, 255, .1); background: var(--ant); }
.phl-harita { width: 100%; height: 100%; min-height: 408px; border: 0; filter: grayscale(.25) contrast(1.05); }
.phl-harita-etiket { position: absolute; left: 16px; bottom: 16px; right: 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, .97); box-shadow: var(--g2); font-size: .9rem; color: var(--ant); }
.phl-harita-etiket strong { display: block; font-family: var(--f-baslik); font-size: 1.05rem; }
.phl-harita-etiket a { flex: none; }

/* ------------------------------------------------------------------ */
/* 14. Sayfa başı ve içerik                                             */
/* ------------------------------------------------------------------ */
.phl-bas { position: relative; isolation: isolate; overflow: hidden; color: rgba(255, 255, 255, .8); background: linear-gradient(118deg, var(--komur) 0%, #2b1418 52%, var(--bordo-koyu) 100%); padding: clamp(36px, 5vw, 60px) 0 clamp(44px, 6vw, 72px); }
.phl-bas-desen { position: absolute; inset: 0; z-index: -1; opacity: .55; background-image: linear-gradient(rgba(201, 163, 91, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(201, 163, 91, .06) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: linear-gradient(90deg, #000, transparent 70%); mask-image: linear-gradient(90deg, #000, transparent 70%); }
.phl-bas-ic { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(30px, 5vw, 72px); align-items: center; }
.phl-bas-sade .phl-bas-ic, .phl-bas-liste .phl-bas-ic { grid-template-columns: minmax(0, 1fr); }
.phl-bas-liste .phl-bas-ic { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; }
.phl-bas h1 { color: #fff; font-size: clamp(2rem, 3.8vw, 3.05rem); margin-bottom: .35em; }
.phl-bas h1 em { color: var(--altin-acik); }
.phl-bas-ozet { font-size: clamp(1rem, 1.4vw, 1.12rem); max-width: 660px; color: rgba(255, 255, 255, .78); margin-bottom: 0; }
.phl-bas .phl-dugmeler { margin-top: 26px; }
.phl-yol ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 22px; font-size: .84rem; }
.phl-yol li { display: inline-flex; align-items: center; gap: 6px; color: rgba(255, 255, 255, .55); }
.phl-yol li + li::before { content: ''; width: 5px; height: 5px; border-top: 1.5px solid var(--altin); border-right: 1.5px solid var(--altin); transform: rotate(45deg); margin-right: 4px; }
.phl-yol a { color: rgba(255, 255, 255, .78); text-decoration: none; }
.phl-yol a:hover { color: var(--altin-acik); }
.phl-yol [aria-current] { color: var(--altin-acik); max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.phl-bas-gorsel { position: relative; margin: 0; padding: 18px 18px 0 0; }
.phl-bas-gorsel::before { content: ''; position: absolute; top: 0; right: 0; left: 18px; bottom: 18px; border: 1.5px solid rgba(201, 163, 91, .6); border-radius: var(--r-l); }
.phl-bas-gorsel img { position: relative; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-l); box-shadow: var(--g3); }
.phl-bas-portre img { aspect-ratio: 4 / 4.6; object-position: 50% 18%; max-height: 480px; }
.phl-bas-portre figcaption { position: absolute; left: -18px; bottom: 26px; display: flex; flex-direction: column; padding: 14px 20px; border-radius: 14px; background: var(--beyaz); box-shadow: var(--g3); color: var(--ant); }
.phl-bas-portre figcaption strong { font-family: var(--f-baslik); font-size: 1.12rem; }
.phl-bas-portre figcaption span { font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-bas-alan-avukat { position: absolute; left: -14px; bottom: -16px; display: flex; flex-wrap: wrap; gap: 8px; }
.phl-bas-alan-avukat a { display: flex; align-items: center; gap: 10px; padding: 7px 14px 7px 7px; border-radius: 999px; background: var(--beyaz); box-shadow: var(--g2); color: var(--ant); text-decoration: none; font-size: .88rem; font-weight: 600; line-height: 1.2; }
.phl-bas-alan-avukat a:hover { color: var(--bordo); }
.phl-bas-alan-avukat img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; object-position: 50% 18%; }
.phl-bas-alan-avukat small { display: block; font-size: .7rem; font-weight: 600; color: var(--soluk); }
.phl-bas-konular { margin-top: 26px; }
.phl-bas-konular p { margin-bottom: 10px; font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin); }
.phl-bas-konular ul { list-style: none; display: flex; flex-wrap: wrap; gap: 7px; }
.phl-bas-konular a { display: inline-block; padding: 6px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .05); color: rgba(255, 255, 255, .88); font-size: .85rem; text-decoration: none; transition: background .2s, border-color .2s, color .2s; }
.phl-bas-konular a:hover { background: var(--altin); border-color: var(--altin); color: var(--bordo-derin); }
.phl-bas-kunye { list-style: none; display: grid; gap: 8px; margin-top: 22px; font-size: .95rem; }
.phl-bas-kunye li { display: flex; gap: 10px; align-items: center; }
.phl-bas-kunye .phl-ikon { color: var(--altin); }
.phl-bas-ara .phl-ara-alan { border-color: transparent; }
.phl-bas-ara .phl-ara input { height: 60px; }

.phl-metin { min-width: 0; font-size: 1.06rem; }
.phl-metin > *:first-child { margin-top: 0; }
.phl-metin h2 { position: relative; font-size: clamp(1.55rem, 2.6vw, 1.95rem); margin: 2em 0 .7em; padding-top: 18px; }
.phl-metin h2::before { content: ''; position: absolute; left: 0; top: 0; width: 46px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--bordo), var(--altin)); }
.phl-metin h3 { font-size: clamp(1.2rem, 2vw, 1.38rem); margin: 1.7em 0 .5em; }
.phl-metin h4 { font-family: var(--f-govde); font-size: 1rem; font-weight: 700; margin: 1.5em 0 .5em; }
.phl-metin p, .phl-metin li { color: #34363c; }
.phl-metin a { font-weight: 600; }
.phl-metin ul, .phl-metin ol { margin: 0 0 1.3em; padding-left: 0; list-style: none; }
.phl-metin ul > li { position: relative; padding-left: 26px; margin-bottom: .5em; }
.phl-metin ul > li::before { content: ''; position: absolute; left: 4px; top: .66em; width: 7px; height: 7px; background: var(--altin); transform: rotate(45deg); }
.phl-metin ol { counter-reset: m; }
.phl-metin ol > li { position: relative; padding-left: 40px; margin-bottom: .7em; counter-increment: m; }
.phl-metin ol > li::before { content: counter(m); position: absolute; left: 0; top: .05em; width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; background: var(--bordo-ton); color: var(--bordo); font-family: var(--f-baslik); font-weight: 600; font-size: .88rem; }
.phl-metin blockquote { margin: 1.6em 0; padding: 20px 24px; border-left: 3px solid var(--bordo); background: var(--beyaz); border-radius: 0 14px 14px 0; font-family: var(--f-baslik); font-style: italic; font-size: 1.15rem; color: var(--ant); }
.phl-metin strong { color: var(--ant); }
.phl-metin hr { border: 0; height: 1px; background: var(--cizgi); margin: 2.4em 0; }
.phl-giris-paragraf { font-size: 1.18rem; line-height: 1.65; color: var(--ant) !important; }

.phl-konu { scroll-margin-top: calc(var(--baslik) + 20px); position: relative; margin: 0 0 18px; padding: 26px 28px 22px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi); transition: border-color .3s, box-shadow .3s; }
.phl-konu:target { border-color: var(--altin); box-shadow: 0 0 0 4px rgba(201, 163, 91, .2); }
.phl-konu-no { position: absolute; right: 22px; top: 18px; font-family: var(--f-baslik); font-size: 2.4rem; line-height: 1; color: var(--bordo-ton); font-weight: 700; pointer-events: none; }
.phl-konu h3 { margin-top: 0; padding-right: 50px; }
.phl-konu > *:last-child { margin-bottom: 0; }
.phl-konu-ozet { display: block; margin: -6px 0 10px; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--altin-koyu); }

.phl-not { display: flex; gap: 14px; margin: 1.6em 0; padding: 18px 20px; border-radius: 14px; background: var(--altin-ton); border: 1px solid rgba(201, 163, 91, .4); }
.phl-not > .phl-ikon { color: var(--altin-koyu); margin-top: 3px; width: 22px; height: 22px; }
.phl-not strong { display: block; margin-bottom: 2px; color: var(--ant); }
.phl-not p { margin: 0; font-size: .96rem; }
.phl-not-uyari { background: var(--bordo-ton); border-color: rgba(110, 21, 39, .2); }
.phl-not-uyari > .phl-ikon { color: var(--bordo); }
.phl-not-sade { background: var(--kagit-2); border-color: var(--cizgi); margin-top: 2.6em; }
.phl-not-sade > .phl-ikon { color: var(--soluk); }

.phl-kisaca { margin: 0 0 2em; padding: 24px 26px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi); border-top: 3px solid var(--bordo); }
.phl-kisaca > p:first-child { margin: 0 0 12px; font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--bordo); }
.phl-kisaca ul { margin: 0; }
.phl-kisaca li:last-child { margin-bottom: 0; }

.phl-sure-kutular { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin: 1.4em 0 1.8em; }
.phl-sure-kutu { padding: 18px; border-radius: 16px; background: linear-gradient(150deg, var(--ant), var(--bordo-derin)); color: rgba(255, 255, 255, .75); }
.phl-sure-kutu strong { display: block; font-family: var(--f-baslik); font-size: 1.75rem; line-height: 1.1; color: var(--altin-acik); margin-bottom: 4px; }
.phl-sure-kutu span { display: block; font-size: .86rem; line-height: 1.45; }

.phl-adimlar { list-style: none !important; counter-reset: m; display: grid; gap: 0; margin: 1.4em 0 1.8em !important; padding: 0 !important; }
.phl-adimlar > li { position: relative; padding: 0 0 22px 58px !important; margin: 0 !important; counter-increment: m; }
.phl-adimlar > li::before { content: counter(m) !important; position: absolute; left: 0 !important; top: 0 !important; width: 40px !important; height: 40px !important; border-radius: 12px !important; display: grid; place-items: center; background: var(--bordo) !important; color: var(--altin-acik) !important; font-family: var(--f-baslik); font-weight: 600; font-size: 1.05rem !important; transform: none !important; }
.phl-adimlar > li::after { content: ''; position: absolute; left: 19px; top: 44px; bottom: 4px; width: 2px; background: repeating-linear-gradient(180deg, var(--cizgi-2) 0 4px, transparent 4px 8px); }
.phl-adimlar > li:last-child::after { display: none; }
.phl-adimlar > li strong { display: block; font-family: var(--f-baslik); font-size: 1.1rem; margin-bottom: 2px; }

.phl-tablo { overflow-x: auto; margin: 1.4em 0 1.8em; border-radius: 16px; border: 1px solid var(--cizgi); background: var(--beyaz); }
.phl-tablo table { width: 100%; border-collapse: collapse; font-size: .94rem; }
.phl-tablo th, .phl-tablo td { padding: 13px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--cizgi); line-height: 1.5; }
.phl-tablo thead th { background: var(--ant); color: #fff; font-family: var(--f-govde); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.phl-tablo tbody tr:last-child th, .phl-tablo tbody tr:last-child td { border-bottom: 0; }
.phl-tablo tbody tr:nth-child(even) { background: #fcfaf7; }
.phl-tablo tbody th { font-weight: 600; color: var(--ant); }

.phl-belgeler { list-style: none !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin: 1.2em 0 1.8em !important; }
.phl-belgeler > li { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px !important; border-radius: 12px; background: var(--beyaz); border: 1px solid var(--cizgi); font-size: .94rem; margin: 0 !important; line-height: 1.45; }
.phl-belgeler > li::before { position: static !important; flex: none; width: 20px !important; height: 20px !important; margin-top: 1px; transform: none !important; border-radius: 50%; background: var(--altin-ton) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2385662b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat !important; }

.phl-cagri { position: relative; overflow: hidden; isolation: isolate; margin: 2.4em 0; padding: 28px 30px; border-radius: 20px; background: linear-gradient(140deg, var(--bordo), var(--bordo-derin)); color: rgba(255, 255, 255, .8); }
.phl-cagri::after { content: ''; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; border-radius: 50%; border: 1px solid rgba(201, 163, 91, .3); z-index: -1; }
.phl-cagri h2, .phl-cagri h3, .phl-cagri p.phl-cagri-baslik { color: #fff; margin-top: 0; padding-top: 0; font-family: var(--f-baslik); font-size: 1.45rem; font-weight: 600; }
.phl-cagri h2::before { display: none; }
.phl-cagri p { color: rgba(255, 255, 255, .78); }
.phl-cagri .phl-dugmeler { margin-top: 16px; }
.phl-cagri .phl-dugme-cizgi { --zemin: rgba(255, 255, 255, .06); --kenar: rgba(255, 255, 255, .26); --renk: #fff; }
.phl-cagri .phl-dugme-yazi { --renk: var(--altin-acik); }
.phl-cagri .phl-dugme-dolu { --zemin: var(--altin); --renk: var(--bordo-derin); }

.phl-iki-sutun { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 1.4em 0 1.8em; }
.phl-kutu { padding: 22px; border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi); }
.phl-kutu h3, .phl-kutu h4 { margin-top: 0; }
.phl-kutu > *:last-child { margin-bottom: 0; }
.phl-kutu-ikon { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: var(--bordo-ton); color: var(--bordo); margin-bottom: 14px; }
a.phl-kutu { display: block; color: var(--metin); text-decoration: none; font-weight: 400; transition: border-color .25s, transform .25s var(--gecis), box-shadow .25s; }
a.phl-kutu:hover { border-color: var(--altin); transform: translateY(-3px); box-shadow: var(--g1); color: var(--metin); }
a.phl-kutu h3 { color: var(--ant); transition: color .2s; }
a.phl-kutu:hover h3 { color: var(--bordo); }
.phl-kutu p { font-size: .95rem; }
.phl-kutu-kisi img { width: 76px; height: 92px; object-fit: cover; object-position: 50% 18%; border-radius: 12px; margin-bottom: 14px; border: 2px solid var(--altin-ton); }
.phl-kutu h3 { font-size: 1.15rem; margin: 0 0 6px; }
.phl-kutu h4 { font-family: var(--f-baslik); font-size: 1.08rem; font-weight: 600; margin: 0 0 8px; }
.phl-kutu ul { margin: 0; }
.phl-kutu li { font-size: .94rem; }
.phl-metin .phl-yazilar { grid-template-columns: repeat(2, 1fr); margin: 1.2em 0 1.6em; }
.phl-metin .phl-yazilar .phl-ykart-baslik { font-size: 1.08rem; margin-top: 0; }
.phl-metin .phl-yazilar .phl-ykart-baslik a { font-weight: 600; }
.phl-metin .phl-harita { width: 100%; height: 360px; border: 0; border-radius: 18px; margin: 1em 0 1.6em; }
.phl-metin details.phl-soru summary, .phl-metin .phl-tablo, .phl-metin .phl-kutu { font-size: inherit; }
.phl-metin .phl-sorular { margin: 1em 0 1.6em; }
.phl-metin .phl-tablo td a, .phl-metin .phl-tablo th a { font-weight: 600; }
.phl-sss-dizin { margin: 0 0 6px; }
.phl-sss-sayfa h2 { scroll-margin-top: calc(var(--baslik) + 110px); }
.phl-sss-sayfa h2[hidden], .phl-sss-sayfa .phl-sorular[hidden], details.phl-soru[hidden] { display: none; }

/* ------------------------------------------------------------------ */
/* 15. Yan sütun ve makale                                              */
/* ------------------------------------------------------------------ */
.phl-yan { position: sticky; top: calc(var(--baslik) + 24px); display: grid; gap: 16px; }
.phl-yan-kutu { display: block; padding: 20px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi); }
.phl-yan-baslik { display: flex; align-items: center; gap: 9px; margin: 0 0 14px; font-size: .76rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-yan-baslik .phl-ikon { width: 17px; height: 17px; }
.phl-icindekiler ol { list-style: none; counter-reset: i; display: grid; gap: 2px; max-height: 46vh; overflow-y: auto; }
.phl-icindekiler a { position: relative; display: block; padding: 7px 10px 7px 34px; border-radius: 9px; color: var(--ant-3); text-decoration: none; font-size: .9rem; line-height: 1.4; counter-increment: i; transition: background .2s, color .2s; }
.phl-icindekiler a::before { content: counter(i, decimal-leading-zero); position: absolute; left: 8px; top: 8px; font-family: var(--f-baslik); font-size: .78rem; color: var(--altin-koyu); }
.phl-icindekiler a:hover { background: var(--kagit); color: var(--bordo); }
.phl-icindekiler a.etkin { background: var(--bordo-ton); color: var(--bordo); font-weight: 600; }
.phl-yan-avukat { padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.phl-yan-avukat:first-of-type { padding-top: 0; }
.phl-yan-avukat-bag { display: flex; align-items: center; gap: 12px; color: var(--ant); text-decoration: none; }
.phl-yan-avukat-bag img { width: 52px; height: 52px; border-radius: 12px; object-fit: cover; object-position: 50% 18%; }
.phl-yan-avukat-bag strong { display: block; font-size: .98rem; line-height: 1.3; }
.phl-yan-avukat-bag small { color: var(--soluk); font-size: .8rem; }
.phl-yan-avukat-bag:hover strong { color: var(--bordo); }
.phl-yan-avukat-eylem { display: flex; gap: 8px; margin-top: 10px; }
.phl-yan-tel { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border-radius: 10px; background: var(--bordo); color: #fff; font-weight: 700; text-decoration: none; font-size: .96rem; }
.phl-yan-tel:hover { background: var(--bordo-koyu); color: #fff; }
.phl-yan-wa { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--cizgi); color: #1f8f4e; }
.phl-yan-wa:hover { border-color: #1f8f4e; color: #1f8f4e; }
.phl-yan-kisi .phl-dugme { margin-top: 14px; min-height: 44px; font-size: .92rem; }
.phl-yan-adres { display: flex; gap: 8px; margin: 14px 0 0; font-size: .84rem; color: var(--soluk); line-height: 1.45; }
.phl-yan-adres .phl-ikon { color: var(--altin-koyu); width: 16px; height: 16px; margin-top: 2px; }
.phl-yan-alanlar ul { list-style: none; display: grid; gap: 2px; }
.phl-yan-alanlar a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 9px; color: var(--ant-3); text-decoration: none; font-size: .92rem; font-weight: 500; }
.phl-yan-alanlar a .phl-ikon { width: 18px; height: 18px; color: var(--altin-koyu); }
.phl-yan-alanlar a:hover { background: var(--kagit); color: var(--bordo); }
.phl-yan-alanlar a[aria-current] { background: var(--bordo); color: #fff; font-weight: 600; }
.phl-yan-alanlar a[aria-current] .phl-ikon { color: var(--altin-acik); }
.phl-yan-ara { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; cursor: pointer; transition: border-color .2s; }
.phl-yan-ara:hover { border-color: var(--altin); }
.phl-yan-ara > .phl-ikon { width: 40px; height: 40px; padding: 10px; border-radius: 10px; background: var(--bordo-ton); color: var(--bordo); }
.phl-yan-ara strong { display: block; font-size: .96rem; }
.phl-yan-ara small { color: var(--soluk); font-size: .82rem; }
.phl-yan-ara kbd { margin-left: auto; display: grid; place-items: center; min-width: 26px; height: 26px; border-radius: 6px; border: 1px solid var(--cizgi); color: var(--soluk); font-size: .8rem; }
.phl-yan-alan { position: relative; padding: 0; overflow: hidden; color: #fff; text-decoration: none; min-height: 210px; display: flex; isolation: isolate; }
.phl-yan-alan img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s var(--gecis); }
.phl-yan-alan::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(42, 10, 17, .2), rgba(42, 10, 17, .92)); }
.phl-yan-alan:hover img { transform: scale(1.06); }
.phl-yan-alan-metin { margin-top: auto; padding: 20px; display: grid; gap: 4px; }
.phl-yan-alan .phl-yan-baslik { color: var(--altin-acik); margin: 0; }
.phl-yan-alan strong { font-family: var(--f-baslik); font-size: 1.3rem; }
.phl-yan-alan-metin > span:last-child { font-size: .84rem; color: rgba(255, 255, 255, .78); line-height: 1.45; }
.phl-yan-alan > .phl-ikon { position: absolute; top: 16px; right: 16px; color: var(--altin-acik); }

.phl-okuma { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 60; pointer-events: none; }
.phl-okuma span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--altin), var(--bordo-acik)); }
.phl-makale-bas { position: relative; isolation: isolate; overflow: hidden; color: rgba(255, 255, 255, .8); background: linear-gradient(118deg, var(--komur) 0%, #2b1418 52%, var(--bordo-koyu) 100%); padding: clamp(36px, 5vw, 60px) 0 clamp(120px, 14vw, 170px); }
.phl-makale-bas-ic { max-width: 920px; }
.phl-makale-bas h1 { color: #fff; font-size: clamp(1.95rem, 3.8vw, 3rem); }
.phl-makale-ozet { font-size: clamp(1.02rem, 1.5vw, 1.16rem); color: rgba(255, 255, 255, .8); max-width: 760px; }
.phl-makale-kunye { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 24px; font-size: .9rem; }
.phl-makale-kunye > span { display: inline-flex; align-items: center; gap: 8px; }
.phl-makale-kunye .phl-ikon { color: var(--altin); }
.phl-makale-yazar { display: inline-flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; }
.phl-makale-yazar:hover { color: var(--altin-acik); }
.phl-makale-yazar strong { display: block; line-height: 1.25; }
.phl-makale-yazar small { display: block; font-size: .78rem; color: rgba(255, 255, 255, .6); }
.phl-makale-foto { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; object-position: 50% 18%; border: 2px solid var(--altin); }
.phl-makale-amblem { display: block; width: 38px; }
.phl-makale-paylas { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border-radius: 9px; border: 1px solid rgba(255, 255, 255, .22); background: transparent; color: #fff; font-size: .86rem; font-weight: 600; }
.phl-makale-paylas:hover { border-color: var(--altin); }
.phl-makale-kapak { position: relative; z-index: 2; margin: clamp(-100px, -10vw, -140px) 0 0; }
.phl-makale-kapak img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; border-radius: var(--r-l); box-shadow: var(--g3); }
.phl-metin-makale { font-size: 1.08rem; }
.phl-metin-makale > p:first-of-type { font-size: 1.16rem; color: var(--ant); }
.phl-yazar-kutu { display: flex; gap: 20px; margin-top: 2.4em; padding: 24px; border-radius: 20px; background: var(--beyaz); border: 1px solid var(--cizgi); }
.phl-yazar-foto { width: 96px; height: 116px; border-radius: 14px; object-fit: cover; object-position: 50% 18%; flex: none; }
.phl-yazar-ad { font-family: var(--f-baslik); font-size: 1.3rem; color: var(--ant); margin: -6px 0 6px; font-weight: 600; }
.phl-yazar-kutu p { font-size: .94rem; color: var(--soluk); }
.phl-yazar-kutu .phl-etiket { margin-bottom: 8px; }
.phl-yazar-eylem { display: flex; flex-wrap: wrap; gap: 18px; }

/* ------------------------------------------------------------------ */
/* 16. Katalog, süreler, sözlük                                         */
/* ------------------------------------------------------------------ */
.phl-katalog-ust, .phl-sureler-ust, .phl-sozluk-ust { position: sticky; top: calc(var(--baslik) + 10px); z-index: 5; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 12px; margin-bottom: 14px; border-radius: 16px; background: rgba(248, 245, 240, .92); backdrop-filter: blur(10px); border: 1px solid var(--cizgi); }
.phl-katalog-ara { position: relative; flex: 1 1 320px; display: flex; align-items: center; }
.phl-katalog-ara .phl-ikon { position: absolute; left: 16px; color: var(--bordo); pointer-events: none; }
.phl-katalog-ara input { width: 100%; height: 52px; padding: 0 16px 0 48px; border-radius: 12px; border: 1.5px solid var(--cizgi); background: var(--beyaz); font-size: 1rem; outline: none; transition: border-color .2s, box-shadow .2s; }
.phl-katalog-ara input:focus { border-color: var(--altin); box-shadow: 0 0 0 4px rgba(201, 163, 91, .2); }
.phl-katalog-sayac { margin: 0 0 18px; font-size: .86rem; color: var(--soluk); min-height: 1.3em; }
.phl-katalog-bos { padding: 26px; border-radius: 16px; background: var(--beyaz); border: 1px dashed var(--cizgi-2); text-align: center; }
.phl-sureler-ust .phl-suzgec { margin: 0; gap: 6px; }
.phl-sureler-ust .phl-suzgec button { padding: 7px 12px; font-size: .82rem; }
.phl-katalog-dizin { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; }
.phl-katalog-dizin a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 10px; background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--ant); text-decoration: none; font-size: .9rem; font-weight: 600; }
.phl-katalog-dizin a:hover { border-color: var(--bordo); color: var(--bordo); }
.phl-katalog-dizin .phl-ikon { width: 17px; height: 17px; color: var(--altin-koyu); }
.phl-katalog-alan { scroll-margin-top: calc(var(--baslik) + 90px); display: grid; grid-template-columns: 340px 1fr; gap: clamp(24px, 4vw, 44px); padding: clamp(24px, 3vw, 32px); margin-bottom: 20px; border-radius: 22px; background: var(--beyaz); border: 1px solid var(--cizgi); }
.phl-katalog-alan[hidden] { display: none; }
.phl-katalog-gorsel { position: relative; margin: 0; }
.phl-katalog-gorsel img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; border-radius: 16px; }
.phl-katalog-gorsel span { position: absolute; left: 14px; top: 14px; font-family: var(--f-baslik); font-size: 1.6rem; font-weight: 600; color: #fff; text-shadow: 0 2px 12px rgba(0, 0, 0, .5); }
.phl-katalog-metin h2 { font-size: clamp(1.5rem, 2.4vw, 1.9rem); margin-bottom: 8px; }
.phl-katalog-metin h2 a { color: var(--ant); text-decoration: none; }
.phl-katalog-metin h2 a:hover { color: var(--bordo); }
.phl-katalog-metin > p { color: var(--soluk); }
.phl-katalog-konular { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 16px; margin-bottom: 20px; }
.phl-katalog-konular li[hidden] { display: none; }
.phl-katalog-konular a { display: flex; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px dashed var(--cizgi); color: var(--ant-3); text-decoration: none; font-size: .93rem; }
.phl-katalog-konular a .phl-ikon { width: 15px; height: 15px; color: var(--altin-koyu); transition: transform .2s; }
.phl-katalog-konular a:hover { color: var(--bordo); }
.phl-katalog-konular a:hover .phl-ikon { transform: translateX(3px); }
.phl-katalog-konular mark { background: var(--altin-ton); border-radius: 3px; }
.phl-katalog-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.phl-katalog-avukatlar { display: flex; gap: 8px; flex-wrap: wrap; }
.phl-katalog-avukat { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px 4px 4px; border-radius: 999px; background: var(--kagit); color: var(--ant); text-decoration: none; font-size: .84rem; font-weight: 600; }
.phl-katalog-avukat img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; object-position: 50% 18%; }
.phl-katalog-avukat:hover { color: var(--bordo); }

.phl-tablo-sure { margin-top: 0; }
.phl-tablo-sure tbody th { width: 42%; }
.phl-tablo-sure tbody th a { color: var(--ant); text-decoration: none; }
.phl-tablo-sure tbody th a:hover { color: var(--bordo); text-decoration: underline; }
.phl-tablo-sure tbody th small { display: block; margin-top: 3px; font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-sure-hucre strong { display: inline-block; padding: 3px 10px; border-radius: 8px; background: var(--bordo-ton); color: var(--bordo); font-size: .9rem; white-space: nowrap; }
.phl-sure-dayanak { font-size: .84rem; color: var(--soluk); white-space: nowrap; }
.phl-tablo-sure tr[hidden] { display: none; }
.phl-tablo-sure tr:target { background: var(--altin-ton) !important; }

.phl-harfler { display: flex; flex-wrap: wrap; gap: 4px; }
.phl-harfler a, .phl-harfler span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; font-family: var(--f-baslik); font-weight: 600; font-size: .95rem; text-decoration: none; }
.phl-harfler a { background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--bordo); }
.phl-harfler a:hover { background: var(--bordo); color: #fff; border-color: var(--bordo); }
.phl-harfler span { color: var(--cizgi-2); }
.phl-harf { scroll-margin-top: calc(var(--baslik) + 120px); margin-bottom: 26px; }
.phl-harf[hidden] { display: none; }
.phl-harf-baslik { display: flex; align-items: center; gap: 14px; margin: 0 0 12px; padding: 0 !important; font-size: 1rem !important; }
.phl-harf-baslik::before { display: none; }
.phl-harf-baslik span { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: var(--bordo); color: var(--altin-acik); font-size: 1.4rem; }
.phl-harf-baslik::after { content: ''; flex: 1; height: 1px; background: var(--cizgi); }
.phl-terimler { margin: 0; display: grid; gap: 10px; }
.phl-terim { scroll-margin-top: calc(var(--baslik) + 120px); padding: 18px 20px; border-radius: 14px; background: var(--beyaz); border: 1px solid var(--cizgi); transition: border-color .3s; }
.phl-terim[hidden] { display: none; }
.phl-terim:target { border-color: var(--altin); box-shadow: 0 0 0 4px rgba(201, 163, 91, .2); }
.phl-terim dt { font-family: var(--f-baslik); font-size: 1.15rem; font-weight: 600; color: var(--ant); margin-bottom: 4px; }
.phl-terim dd { margin: 0; }
.phl-terim dd p { margin: 0; font-size: .96rem; }
.phl-terim-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 10px !important; }
.phl-terim-alan { font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--altin-koyu); }
.phl-terim-bag { display: inline-flex; align-items: center; gap: 5px; font-size: .86rem; text-decoration: none; }
.phl-terim-bag .phl-ikon { width: 15px; height: 15px; }

/* ------------------------------------------------------------------ */
/* 17. Kıdem hesaplayıcı, mesaj formu                                   */
/* ------------------------------------------------------------------ */
.phl-hesap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; margin: 1.4em 0 2em; border-radius: 22px; overflow: hidden; border: 1px solid var(--cizgi); background: var(--beyaz); box-shadow: var(--g1); }
.phl-hesap-girdi { display: grid; gap: 16px; padding: clamp(22px, 3vw, 32px); align-content: start; }
.phl-hesap-baslik, .phl-hesap-sonuc-baslik { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--f-baslik); font-size: 1.3rem; font-weight: 600; color: var(--ant); }
.phl-hesap-baslik .phl-ikon { color: var(--bordo); }
.phl-hesap label, .phl-mesaj label { display: grid; gap: 7px; }
.phl-hesap label > span, .phl-mesaj label > span, .phl-hesap legend { font-size: .86rem; font-weight: 600; color: var(--ant); }
.phl-hesap label small { display: block; font-weight: 400; color: var(--soluk); font-size: .78rem; margin-top: 1px; }
.phl-hesap input[type="date"], .phl-hesap input[type="text"], .phl-mesaj input, .phl-mesaj select, .phl-mesaj textarea { width: 100%; min-height: 50px; padding: 10px 14px; border-radius: 11px; border: 1.5px solid var(--cizgi); background: var(--kagit); font-size: 1rem; outline: none; transition: border-color .2s, box-shadow .2s, background .2s; }
.phl-mesaj textarea { min-height: 140px; resize: vertical; line-height: 1.55; }
.phl-hesap input:focus, .phl-mesaj input:focus, .phl-mesaj select:focus, .phl-mesaj textarea:focus { border-color: var(--altin); background: var(--beyaz); box-shadow: 0 0 0 4px rgba(201, 163, 91, .2); }
.phl-hesap-satir, .phl-mesaj-satir { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.phl-hesap-secim { border: 0; margin: 0; padding: 0; display: grid; gap: 8px; }
.phl-hesap-secim legend { margin-bottom: 8px; }
.phl-hesap-secim label { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 11px; border: 1.5px solid var(--cizgi); cursor: pointer; font-size: .94rem; }
.phl-hesap-secim label:has(input:checked) { border-color: var(--bordo); background: var(--bordo-ton); }
.phl-hesap-secim input { accent-color: var(--bordo); width: 18px; height: 18px; }
.phl-hesap-hata { margin: 0; padding: 10px 14px; border-radius: 10px; background: var(--bordo-ton); color: var(--bordo); font-size: .9rem; font-weight: 600; }
.phl-hesap-sonuc { padding: clamp(22px, 3vw, 32px); background: linear-gradient(160deg, var(--ant), var(--bordo-derin)); color: rgba(255, 255, 255, .8); }
.phl-hesap-bos { height: 100%; display: grid; place-items: center; align-content: center; gap: 14px; text-align: center; padding: 30px 10px; }
.phl-hesap-bos .phl-ikon { width: 64px; height: 64px; color: var(--altin); opacity: .8; }
.phl-hesap-bos p { max-width: 300px; margin: 0; }
.phl-hesap-sonuc .phl-hesap-sonuc-baslik { color: #fff; margin-bottom: 16px; }
.phl-hesap-toplam { padding: 18px 20px; border-radius: 16px; background: rgba(201, 163, 91, .14); border: 1px solid rgba(201, 163, 91, .38); margin-bottom: 14px; }
.phl-hesap-toplam small { display: block; font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--altin-acik); }
.phl-hesap-toplam strong { display: block; font-family: var(--f-baslik); font-size: clamp(1.8rem, 3vw, 2.3rem); color: #fff; line-height: 1.15; margin-top: 4px; }
.phl-hesap-kalem { display: grid; gap: 0; margin: 0 0 14px; }
.phl-hesap-kalem div { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .09); font-size: .92rem; }
.phl-hesap-kalem dt { color: rgba(255, 255, 255, .68); }
.phl-hesap-kalem dd { margin: 0; color: #fff; font-weight: 600; text-align: right; white-space: nowrap; }
.phl-hesap-kalem .phl-hesap-vurgu dd { color: var(--altin-acik); }
.phl-hesap-dip { font-size: .8rem; color: rgba(255, 255, 255, .58); margin: 12px 0 0; line-height: 1.5; }

.phl-mesaj { display: grid; gap: 16px; padding: clamp(22px, 3vw, 32px); border-radius: 22px; background: var(--beyaz); border: 1px solid var(--cizgi); box-shadow: var(--g1); }
.phl-mesaj-not { display: flex; gap: 10px; margin: 0; font-size: .84rem; color: var(--soluk); line-height: 1.5; }
.phl-mesaj-not .phl-ikon { color: var(--altin-koyu); margin-top: 2px; width: 17px; height: 17px; }
.phl-mesaj-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }

/* ------------------------------------------------------------------ */
/* 18. Sayfa sonu çağrısı, alt bilgi                                    */
/* ------------------------------------------------------------------ */
.phl-son { padding: 0 0 clamp(56px, 8vw, 96px); }
.phl-kagit + .phl-son, .phl-son:first-child { padding-top: clamp(56px, 8vw, 96px); }
.phl-son-kart { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(26px, 4vw, 60px); align-items: center; padding: clamp(28px, 5vw, 56px); border-radius: 26px; background: linear-gradient(130deg, var(--ant) 0%, var(--bordo-derin) 62%, var(--bordo-koyu) 100%); color: rgba(255, 255, 255, .78); box-shadow: var(--g3); }
.phl-son-amblem { position: absolute; left: -40px; bottom: -70px; width: 260px; z-index: -1; color: rgba(201, 163, 91, .08); fill: rgba(201, 163, 91, .08); }
.phl-son-amblem svg path { fill: rgba(201, 163, 91, .07); }
.phl-son-baslik { font-family: var(--f-baslik); font-size: clamp(1.6rem, 3vw, 2.25rem); line-height: 1.2; color: #fff; margin-bottom: 12px; font-weight: 600; }
.phl-son-baslik em { color: var(--altin-acik); }
.phl-son-eylem { display: grid; gap: 12px; }
.phl-son-eylem .phl-dugme { justify-self: start; }

.phl-alt { position: relative; background: #1b1215; color: rgba(255, 255, 255, .66); font-size: .93rem; padding: clamp(56px, 7vw, 84px) 0 0; overflow: hidden; isolation: isolate; }
.phl-alt::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 50% 60% at 100% 0%, rgba(110, 21, 39, .4), transparent 70%); }
.phl-alt-cizgi { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--bordo), var(--altin), var(--bordo)); }
.phl-alt a { color: rgba(255, 255, 255, .78); text-decoration: none; }
.phl-alt a:hover { color: var(--altin-acik); }
.phl-alt-ust { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1.15fr; gap: clamp(28px, 4vw, 56px); padding-bottom: 46px; }
.phl-alt-marka .phl-logo-tam svg { width: 210px; height: auto; margin-bottom: 18px; }
.phl-alt-marka p { line-height: 1.65; }
.phl-alt-sosyal { list-style: none; display: flex; gap: 14px; margin-top: 16px; }
.phl-alt-baslik { margin: 0 0 14px; font-family: var(--f-baslik); font-size: 1.12rem; font-weight: 600; color: #fff; }
.phl-alt-baslik:not(:first-child) { margin-top: 26px; }
.phl-alt-sutun ul { list-style: none; display: grid; gap: 7px; }
.phl-alt-sutun ul a { display: inline-flex; align-items: center; gap: 8px; }
.phl-alt-sutun ul a::before { content: ''; width: 5px; height: 5px; background: var(--altin); transform: rotate(45deg); opacity: .6; transition: opacity .2s; }
.phl-alt-sutun ul a:hover::before { opacity: 1; }
.phl-alt-iletisim address { display: grid; gap: 12px; }
.phl-alt-iletisim address a, .phl-alt-saat { display: flex; gap: 12px; align-items: flex-start; line-height: 1.5; }
.phl-alt-iletisim .phl-ikon { color: var(--altin); margin-top: 3px; width: 18px; height: 18px; }
.phl-alt-iletisim small { display: block; font-size: .76rem; color: rgba(255, 255, 255, .5); }
.phl-alt-uyari { display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 18px 0; border-top: 1px solid rgba(255, 255, 255, .08); font-size: .82rem; color: rgba(255, 255, 255, .5); }
.phl-alt-uyari .phl-ikon { color: var(--altin); width: 16px; height: 16px; margin-top: 2px; }
.phl-alt-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding: 18px 0 26px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: .84rem; }
.phl-alt-alt p { margin: 0; }
.phl-alt-alt ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 20px; }
.phl-imza a { color: var(--altin-acik) !important; font-weight: 600; }

/* ------------------------------------------------------------------ */
/* 19. Mobil eylem çubuğu, bildirim                                     */
/* ------------------------------------------------------------------ */
.phl-eylem { display: none; }
.phl-tel-panel { position: fixed; inset: 0; z-index: 215; display: flex; align-items: flex-end; }
.phl-tel-panel[hidden] { display: none; }
.phl-tel-panel-perde { position: absolute; inset: 0; background: rgba(23, 24, 28, .55); animation: phl-sol .3s both; }
.phl-tel-panel-ic { position: relative; width: 100%; padding: 18px 16px calc(18px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; background: var(--kagit); box-shadow: var(--g3); animation: phl-alttan .4s var(--gecis) both; }
.phl-tel-panel-baslik { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; font-family: var(--f-baslik); font-size: 1.15rem; font-weight: 600; color: var(--ant); }
.phl-tel-panel-baslik button { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--cizgi); background: var(--beyaz); display: grid; place-items: center; }
.phl-yukari { position: fixed; right: 20px; bottom: 22px; z-index: 40; width: 50px; height: 50px; border-radius: 50%; border: 0; background: var(--beyaz); color: var(--bordo); display: grid; place-items: center; box-shadow: var(--g2); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s, transform .3s, visibility .3s; }
.phl-yukari.gorunur { opacity: 1; visibility: visible; transform: none; }
.phl-yukari > .phl-ikon { position: relative; width: 20px; height: 20px; }
.phl-yukari-halka { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.phl-yukari-halka circle { fill: none; stroke: var(--cizgi); stroke-width: 2.5; }
.phl-yukari-halka .phl-yukari-dolu { stroke: var(--altin); stroke-dasharray: 138.2; stroke-dashoffset: 138.2; stroke-linecap: round; }
.phl-bildirim { position: fixed; left: 50%; bottom: 28px; z-index: 260; transform: translate(-50%, 20px); padding: 12px 20px; border-radius: 12px; background: var(--ant); color: #fff; font-size: .92rem; box-shadow: var(--g3); opacity: 0; visibility: hidden; transition: opacity .3s, transform .3s, visibility .3s; max-width: calc(100% - 32px); }
.phl-bildirim.gorunur { opacity: 1; visibility: visible; transform: translate(-50%, 0); }

/* ------------------------------------------------------------------ */
/* 20. 404, liste başı, sayfalama                                       */
/* ------------------------------------------------------------------ */
.phl-yok { position: relative; overflow: hidden; isolation: isolate; padding: clamp(64px, 10vw, 120px) 0; background: linear-gradient(118deg, var(--komur), #2b1418 52%, var(--bordo-koyu)); color: rgba(255, 255, 255, .8); }
.phl-yok-p { position: absolute; right: -60px; top: 50%; width: 420px; transform: translateY(-50%); z-index: -1; color: rgba(201, 163, 91, .07); }
.phl-yok-p path { fill: rgba(201, 163, 91, .07); }
.phl-yok-ic { max-width: 860px; }
.phl-yok h1 { color: #fff; font-size: clamp(2rem, 4vw, 3rem); }
.phl-yok h1 em { color: var(--altin-acik); }
.phl-yok .phl-ara { margin: 26px 0 22px; max-width: 700px; }
.phl-yok .phl-ara-oneriler > span { color: rgba(255, 255, 255, .6); }
.phl-kategoriler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.phl-kategoriler a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--beyaz); color: var(--ant); text-decoration: none; font-size: .9rem; font-weight: 600; }
.phl-kategoriler a span { font-size: .76rem; color: var(--soluk); background: var(--kagit-2); border-radius: 999px; padding: 0 7px; }
.phl-kategoriler a:hover { border-color: var(--bordo); color: var(--bordo); }
.phl-kategoriler a[aria-current] { background: var(--bordo); border-color: var(--bordo); color: #fff; }
.phl-kategoriler a[aria-current] span { background: rgba(255, 255, 255, .16); color: var(--altin-acik); }
.phl-sayfalama { margin-top: 40px; }
.phl-sayfalama .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.phl-sayfalama .page-numbers { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 46px; height: 46px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--cizgi); background: var(--beyaz); color: var(--ant); text-decoration: none; font-weight: 600; }
.phl-sayfalama .page-numbers.current { background: var(--bordo); border-color: var(--bordo); color: #fff; }
.phl-sayfalama a.page-numbers:hover { border-color: var(--bordo); color: var(--bordo); }
.phl-bos { text-align: center; max-width: 620px; margin: 0 auto; padding: 40px 0; }
.phl-bos .phl-dugmeler { justify-content: center; }

/* ------------------------------------------------------------------ */
/* 21. Hareket                                                          */
/* ------------------------------------------------------------------ */
@keyframes phl-yukselt { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes phl-belir { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes phl-sol { from { opacity: 0; } to { opacity: 1; } }
@keyframes phl-pencere { from { opacity: 0; transform: translateY(-16px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes phl-alttan { from { transform: translateY(100%); } to { transform: none; } }
@keyframes phl-yakinlas { from { transform: scale(1.14); } to { transform: scale(1.03); } }
.phl-js [data-gor] { opacity: 0; transform: translateY(26px); transition: opacity .8s var(--gecis), transform .9s var(--gecis); transition-delay: calc(var(--i, 0) * 60ms); }
.phl-js [data-gor="perde"] { transform: none; clip-path: inset(0 0 100% 0 round 22px); transition: opacity .6s, clip-path 1.1s var(--gecis); }
.phl-js [data-gor].gorundu { opacity: 1; transform: none; }
.phl-js [data-gor="perde"].gorundu { clip-path: inset(-80px -80px -80px -80px round 0); }
.phl-js .phl-durum[data-gor].gorundu { transition: opacity .8s var(--gecis), transform .3s var(--gecis), border-color .3s, box-shadow .3s, color .3s; }
.phl-js .phl-durum[data-gor].gorundu:hover { transform: translateY(-4px); }
.phl-d-animyok [data-gor], .hemen [data-gor] { opacity: 1 !important; transform: none !important; clip-path: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; }
	.phl-js [data-gor] { opacity: 1; transform: none; clip-path: none; }
}

/* ------------------------------------------------------------------ */
/* 22. Duyarlı düzen                                                    */
/* ------------------------------------------------------------------ */
@media (max-width: 1280px) {
	.phl-baslik-cta { display: none; }
	.phl-menu-liste > li > a { padding: 0 10px; font-size: .94rem; }
	.phl-menu-liste > li > a::after { left: 10px; right: 10px; }
	.phl-ust-eposta { display: none !important; }
}
@media (max-width: 1180px) {
	:root { --baslik: 74px; }
	.phl-menu { display: none; }
	.phl-menu-ac { display: inline-flex; }
	.phl-baslik-eylem { margin-left: auto; }
	.phl-d-kaydi .phl-baslik-ic { height: 64px; }
	.phl-logo-yatay svg { height: 48px; }
	.phl-d-kaydi .phl-logo-yatay svg { height: 42px; }
	.phl-akartlar { grid-template-columns: repeat(2, 1fr); }
	.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1), .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) { grid-column: span 2; }
	.phl-durumlar { grid-template-columns: repeat(2, 1fr); }
	.phl-avukatlar { grid-template-columns: 1fr; }
	.phl-avukat { grid-template-columns: 230px 1fr; }
	.phl-alt-ust { grid-template-columns: 1fr 1fr; }
	.phl-araclar { grid-template-columns: 1fr 1fr; }
	.phl-arac-ana { grid-column: span 2; }
	.phl-serit-ray { grid-auto-columns: calc((100% - 24px) / 2); }
	.phl-iki { grid-template-columns: minmax(0, 1fr) 290px; gap: 36px; }
}
@media (max-width: 980px) {
	.phl-ust-adres { display: none !important; }
	.phl-ust-ic { justify-content: center; }
	.phl-iki { grid-template-columns: 1fr; }
	.phl-yan { position: static; }
	.phl-icindekiler { display: none; }
	.phl-buro, .phl-sss, .phl-iletisim-bolum, .phl-son-kart { grid-template-columns: 1fr; }
	.phl-buro-gorsel { max-width: 560px; }
	.phl-buro-gorsel img { aspect-ratio: 16 / 11; }
	.phl-sss-sol { position: static; }
	.phl-surec { grid-template-columns: repeat(2, 1fr); row-gap: 36px; }
	.phl-surec::before { display: none; }
	.phl-bas-ic, .phl-bas-liste .phl-bas-ic { grid-template-columns: 1fr; }
	.phl-bas-gorsel { max-width: 560px; }
	.phl-bas-gorsel img { aspect-ratio: 16 / 9; }
	.phl-bas-portre img { aspect-ratio: 4 / 4; max-height: 420px; }
	.phl-bas-alan-avukat { position: static; margin-top: 18px; }
	.phl-katalog-alan { grid-template-columns: 1fr; }
	.phl-katalog-gorsel img { min-height: 0; aspect-ratio: 16 / 7; }
	.phl-yazilar { grid-template-columns: repeat(2, 1fr); }
	.phl-ykart-genis { grid-column: span 2; }
	.phl-hesap { grid-template-columns: 1fr; }
	.phl-mega-ic { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
	:root { --baslik: 66px; --bosluk: 18px; }
	body { font-size: 1rem; padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
	.phl-ust { display: none; }
	.phl-logo-yatay svg { height: 42px; }
	.phl-d-kaydi .phl-logo-yatay svg { height: 38px; }
	.phl-d-kaydi .phl-baslik-ic { height: 58px; }
	.phl-baslik-ic { gap: 10px; }
	.phl-ara-ac { width: 46px; padding: 0; justify-content: center; }
	.phl-ara-ac span, .phl-ara-ac kbd { display: none; }
	.phl-menu-ac { padding: 0 13px; }
	.phl-giris { padding: 46px 0 120px; }
	.phl-giris-rozet { font-size: .78rem; }
	.phl-ara-giris input { height: 56px; font-size: 1rem; padding-left: 46px; }
	.phl-ara-giris .phl-ara-buyutec { left: 14px; }
	.phl-ara-giris .phl-ara-dugme { width: 50px; padding: 0; justify-content: center; height: 48px; }
	.phl-ara-giris .phl-ara-dugme span { display: none; }
	.phl-ara-kisayol { display: none !important; }
	.phl-ara-oneriler button:nth-of-type(n+6) { display: none; }
	.phl-giris-guven { gap: 8px 18px; font-size: .84rem; }
	.phl-durum-kutu { padding: 20px 16px; }
	.phl-suzgec { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-left: calc(var(--bosluk) * -1); margin-right: calc(var(--bosluk) * -1); padding: 0 var(--bosluk); }
	.phl-suzgec::-webkit-scrollbar { display: none; }
	.phl-suzgec button { flex: none; }
	.phl-harita-kutu { min-height: 340px; }
	.phl-harita { min-height: 328px; }
	.phl-konu { padding: 22px 18px 18px; }
	.phl-konu-no { font-size: 1.9rem; right: 16px; }
	.phl-tablo-sure thead { display: none; }
	.phl-tablo-sure tbody tr { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 14px 16px; border-bottom: 1px solid var(--cizgi); }
	.phl-tablo-sure tbody th, .phl-tablo-sure tbody td { padding: 0; border: 0; width: auto; }
	.phl-tablo-sure tbody th { grid-column: 1 / -1; }
	.phl-tablo-sure tbody td:nth-child(3) { grid-column: 1; font-size: .86rem; color: var(--soluk); }
	.phl-tablo-sure tbody td.phl-sure-dayanak { grid-column: 2; grid-row: 3; text-align: right; }
	.phl-tablo-sure tbody td.phl-sure-hucre { grid-column: 1 / -1; }
	.phl-katalog-ust, .phl-sureler-ust, .phl-sozluk-ust { position: static; }
	.phl-makale-kapak img { aspect-ratio: 16 / 9; }
	.phl-eylem { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 70; padding: 6px 6px calc(6px + env(safe-area-inset-bottom)); background: rgba(27, 18, 21, .97); backdrop-filter: blur(10px); border-top: 1px solid rgba(201, 163, 91, .3); }
	.phl-eylem a, .phl-eylem button { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 7px 4px; border: 0; background: none; color: rgba(255, 255, 255, .85); font-size: .72rem; font-weight: 600; text-decoration: none; border-radius: 10px; }
	.phl-eylem .phl-ikon { width: 21px; height: 21px; color: var(--altin); }
	.phl-eylem a:first-child, .phl-eylem button:first-child { background: var(--bordo); color: #fff; }
	.phl-eylem button:first-child .phl-ikon { color: var(--altin-acik); }
	.phl-yukari { bottom: calc(80px + env(safe-area-inset-bottom)); right: 14px; width: 44px; height: 44px; }
	.phl-bildirim { bottom: calc(84px + env(safe-area-inset-bottom)); }
	.phl-pencere { padding: 0; align-items: stretch; }
	.phl-pencere-ic { border-radius: 0; width: 100%; padding: 16px; }
	.phl-pencere-alanlar ul { grid-template-columns: 1fr; }
	.phl-pencere-ust small { display: none; }
	.phl-son-eylem .phl-dugme { justify-self: stretch; }
}
@media (max-width: 600px) {
	.phl-durumlar { grid-template-columns: 1fr; }
	.phl-ilkeler { grid-template-columns: 1fr; }
	.phl-avukat { grid-template-columns: 1fr; }
	.phl-avukat-foto { grid-row: auto; }
	.phl-avukat-foto img { min-height: 0; aspect-ratio: 4 / 3.6; }
	.phl-akartlar { grid-template-columns: 1fr; }
	.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1), .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) { grid-column: auto; flex-direction: column; }
	.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1) .phl-akart-gorsel, .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) .phl-akart-gorsel { width: auto; aspect-ratio: 16 / 10; }
	.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1) .phl-akart-ikon, .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) .phl-akart-ikon { position: relative; left: auto; top: auto; margin: -27px 0 0 20px; }
	.phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(1) .phl-akart-govde, .phl-alanlar[data-suz="hepsi"] .phl-akart:nth-child(6) .phl-akart-govde { padding: 14px 20px 18px; }
	.phl-surec { grid-template-columns: 1fr; }
	.phl-araclar { grid-template-columns: 1fr; }
	.phl-arac-ana { grid-column: auto; }
	.phl-yazilar, .phl-yazilar-liste, .phl-metin .phl-yazilar { grid-template-columns: 1fr; }
	.phl-ykart-genis { grid-column: auto; flex-direction: column; }
	.phl-ykart-genis .phl-ykart-gorsel { width: auto; min-height: 0; aspect-ratio: 16 / 9.2; }
	.phl-ykart-genis .phl-ykart-govde { padding: 18px 22px 20px; }
	.phl-serit-ray { grid-auto-columns: 86%; gap: 14px; }
	.phl-ikartlar { grid-template-columns: 1fr; }
	.phl-alt-ust { grid-template-columns: 1fr; gap: 30px; }
	.phl-katalog-konular { grid-template-columns: 1fr; }
	.phl-iki-sutun, .phl-hesap-satir, .phl-mesaj-satir { grid-template-columns: 1fr; }
	.phl-yazar-kutu { flex-direction: column; }
	.phl-buro-rozet { right: 10px; bottom: 40px; }
}
@media (max-width: 480px) {
	.phl-giris h1 { font-size: 2rem; }
	.phl-ara-sekmeler button { padding: 7px 11px; font-size: .82rem; }
	.phl-dugme { padding: 0 18px; }
	.phl-dugmeler > .phl-dugme { flex: 1 1 auto; }
	.phl-buro-gorsel { padding: 0 16px 16px 0; }
	.phl-buro-gorsel::before { top: 16px; left: 16px; }
	.phl-buro-rozet { position: relative; right: auto; bottom: auto; margin: -30px 0 0 16px; }
	.phl-arac-ornek { grid-template-columns: 1fr 1fr; }
}

/* ------------------------------------------------------------------ */
/* 23. Yazdırma                                                         */
/* ------------------------------------------------------------------ */
@media print {
	.phl-ust, .phl-baslik, .phl-eylem, .phl-yukari, .phl-son, .phl-alt-ust, .phl-yan, .phl-okuma, .phl-pencere, .phl-cekmece { display: none !important; }
	body { background: #fff; padding: 0; }
	.phl-bas, .phl-makale-bas { background: none; color: #000; padding: 0 0 20px; }
	.phl-bas h1, .phl-makale-bas h1 { color: #000; }
	.phl-iki { grid-template-columns: 1fr; }
	[data-gor] { opacity: 1 !important; transform: none !important; clip-path: none !important; }
}