/* ANA SAYFA ALT YARISI (P3b-2) — "b-" önekli düzen kuralları. Bileşen sınıfları bilesen.css'te; renk/ölçü yalnız tokendan.
   Kural: gizleme yalnız .js:not(.sabit) altında (istisna: telefonda kısaltılan akış satırları medya sorgusuyla), hareket ≤600ms, satır içi stil yok. */

/* ---- ortak ---- */
.b-harita,.b-marka,.b-sube,.b-analiz,.b-bildirim,.b-alan,.b-fiyat,.b-sss{position:relative}
.b-kagit{background:var(--kagit);border-block:var(--c-ince)}
.b-kum{background:var(--kum-2)}
.b-iki{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-6);align-items:start}
.b-sol,.b-sag{display:flex;flex-direction:column;gap:var(--b-5);min-width:0}
.b-yuva{margin:0;min-width:0}
.b-alt-bag{margin-top:var(--b-6);display:flex;flex-wrap:wrap;align-items:center;gap:var(--b-3) var(--b-5)}
.b-ad{font-weight:600}
.b-akis-bas{display:flex;align-items:center;justify-content:space-between;gap:var(--b-3);margin-bottom:var(--b-3)}
.b-akis-bas b{font-size:var(--y-2)}
.b-akis{gap:var(--b-3)}
.b-mono,.b-konu .mono,.b-egri-bas .mono,.b-ilk5 .mono{font-family:var(--a-kunye);font-weight:400;font-size:var(--y-0);color:var(--metin-2)}

/* ---- madde listesi ---- */
.b-madde{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-3)}
.b-madde li{display:flex;flex-direction:column;gap:2px;padding-left:var(--b-3);border-left:3px solid var(--altin)}
.b-madde b{font-size:var(--y-2)}
.b-madde span{font-size:var(--y-1);color:var(--metin-2)}
@media (min-width:600px){.b-madde{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-4) var(--b-5)}}
@media (min-width:1024px){.b-madde-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---- 81 il haritası ---- */
.b-harita{--h0:var(--kum-3);--h1:color-mix(in srgb,var(--bordo) 18%,var(--kum-2));--h2:color-mix(in srgb,var(--bordo) 40%,var(--kum-2));--h3:color-mix(in srgb,var(--bordo) 68%,var(--kum-2));--h4:var(--bordo-koyu)}
.b-har-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-5);align-items:start}
.b-har-kutu{background:var(--kum-2);border:var(--c-ince);border-radius:var(--k-3);padding:var(--b-4);min-width:0}
.b-har-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--b-3);margin-bottom:var(--b-2)}
.b-lejant{display:flex;align-items:center;gap:var(--b-2);font-size:var(--y-0);color:var(--metin-2)}
.b-sk{display:flex}
.b-sk i{display:block;width:28px;height:12px}
.b-sk .h0{background:var(--h0)}.b-sk .h1{background:var(--h1)}.b-sk .h2{background:var(--h2)}.b-sk .h3{background:var(--h3)}.b-sk .h4{background:var(--h4)}
.b-har-svg{display:block;width:100%;height:auto}
.b-il{stroke:var(--kagit);stroke-width:.9;stroke-linejoin:round;cursor:pointer;transition:fill var(--h-orta) var(--e-gecis)}
.b-il.h0{fill:var(--h0)}.b-il.h1{fill:var(--h1)}.b-il.h2{fill:var(--h2)}.b-il.h3{fill:var(--h3)}.b-il.h4{fill:var(--h4)}
.b-il:hover{fill:var(--altin-2)}
.b-il.secili{fill:var(--altin);stroke:var(--murekkep);stroke-width:1.6}
.b-nabiz{fill:none;stroke:var(--murekkep);stroke-width:2;transform-box:fill-box;transform-origin:center;pointer-events:none}
.js:not(.sabit) .b-nabiz{animation:b-nabiz 2.4s ease-out infinite}
@keyframes b-nabiz{from{transform:scale(1);opacity:.9}to{transform:scale(3);opacity:0}}
.b-nokta-dis{fill:var(--kagit);stroke:var(--murekkep);stroke-width:3;pointer-events:none}
.b-nokta-ic{fill:var(--murekkep);pointer-events:none}
.b-har-yan{display:flex;flex-direction:column;gap:var(--b-4);min-width:0}
.b-il-kart{background:var(--bordo);color:var(--kagit);border-radius:var(--k-3);padding:var(--b-5)}
.b-il-ad{font-family:var(--a-baslik);font-weight:800;font-size:var(--y-5);line-height:1.1;letter-spacing:var(--ha-h3)}
.b-il-sayi{margin-top:var(--b-3);display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--b-2)}
.b-il-sayi b{font-family:var(--a-baslik);font-weight:800;font-size:var(--y-6);line-height:1;color:var(--altin-2);font-variant-numeric:tabular-nums}
.b-il-sayi span{font-size:var(--y-2);color:var(--bordo-acik)}
.b-il-sira{margin-top:var(--b-2);font-size:var(--y-1);color:var(--bordo-acik)}
.b-il-kart .ok-bag{color:var(--kagit);text-decoration:underline;text-underline-offset:4px}
.b-il-kart :focus-visible{outline-color:var(--altin)}
.b-sec{display:none;flex-direction:column;gap:6px}
.js .b-sec{display:flex}
.b-sec label{font-size:var(--y-1);font-weight:600;color:var(--metin-2)}
.b-sec select{min-height:48px;border:1.5px solid var(--cizgi-koyu);border-radius:var(--k-2);background:var(--kagit);font:inherit;font-size:1rem;color:var(--murekkep);padding:0 var(--b-3)}
.b-ilk5 h3{font-size:var(--y-2);margin-bottom:var(--b-2)}
.b-ilk5 ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}
.b-ilk5 button{width:100%;min-height:44px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:var(--b-3);background:transparent;border:var(--c-ince);border-radius:var(--k-2);padding:0 var(--b-3);font:inherit;font-size:var(--y-1);color:var(--murekkep);text-align:left;cursor:pointer}
.b-ilk5 button:hover{background:var(--kum-2)}
.b-ilk5 .no{font-family:var(--a-kunye);font-size:var(--y-0);color:var(--metin-2)}
.b-ilk5 .cub{height:6px;background:var(--kum-3);border-radius:3px;overflow:hidden;margin:4px 2px 2px}
.b-ilk5 .cub i{display:block;height:100%;width:var(--deger,50%);background:var(--bordo-orta);border-radius:3px}
@media (min-width:880px){.b-har-izgara{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:var(--b-6)}.b-har-kutu{padding:var(--b-5)}}

/* ---- yorum akışı kayıtları ---- */
.b-kayit{display:flex;flex-direction:column;gap:var(--b-1)}
.b-kay-ust{display:flex;align-items:center;gap:var(--b-2);font-size:var(--y-0);font-weight:600;color:var(--metin-2)}
.b-kay-ust .ik{color:var(--bordo)}
.b-kay-ust .roz{margin-left:auto}
.b-kayit mark{background:transparent;color:var(--bordo);font-weight:600;box-shadow:inset 0 -2px 0 var(--altin);padding:0}
.b-kayit .yildiz{margin-top:var(--b-1)}
.b-kayit .sz-bas{padding-bottom:0;border-bottom:0;margin-top:var(--b-1)}
.b-kayit .sz-alt{justify-content:flex-start;margin-top:var(--b-2)}
.b-akis-kutu,.b-g-akis{min-width:0}

/* ---- panel yuvası içi ---- */
.b-ton{display:flex;height:14px;border-radius:var(--k-1);overflow:hidden;background:var(--kum-2)}
.b-ton i{display:block;height:100%;width:var(--deger,50%)}
.b-ince{height:10px}
.b-olumlu{background:var(--yesil)}.b-notr{background:var(--cizgi-koyu)}.b-olumsuz{background:var(--hata)}
.b-ton-let{display:flex;flex-wrap:wrap;gap:var(--b-2) var(--b-4);font-size:var(--y-0);color:var(--metin-2)}
.b-ton-let span{display:inline-flex;align-items:center;gap:6px}
.b-ton-let i{display:inline-block;width:12px;height:12px;border-radius:3px}
.b-egri{border:1px solid var(--cizgi-2);border-radius:var(--k-2);padding:var(--b-2) var(--b-3)}
.b-egri-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px var(--b-2);font-size:var(--y-0);font-weight:600;color:var(--metin-2)}
.b-egri svg{display:block;width:100%;height:64px;margin-top:6px}
.b-konular{display:flex;flex-direction:column;gap:var(--b-3)}
.b-konu p{display:flex;justify-content:space-between;gap:var(--b-2);font-size:var(--y-1);font-weight:600}
.b-konu .b-ton{margin-top:6px}
.b-konu-ozet{font-size:var(--y-1);color:var(--metin-2)}
.b-konu-ozet b{color:var(--hata)}

/* ---- marka ve şube düzeni ---- */
@media (min-width:1000px){
  .b-marka .b-iki{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--b-7)}
  .b-sube-iz{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--b-7)}
}
.b-sube-alt{margin-top:var(--b-6)}

/* ---- şube mini harita ---- */
.b-mini-harita{background:var(--kum-2);border:var(--c-ince);border-radius:var(--k-3);padding:var(--b-4);min-width:0}
.b-mini-harita svg{display:block;width:100%;height:auto}
.b-kaba{fill:var(--kum-3);stroke:var(--kum-3);stroke-width:2;stroke-linejoin:round}
.b-pin.iyi{fill:var(--yesil);stroke:var(--kagit);stroke-width:4}
.b-pin.sabit{fill:var(--bordo);stroke:var(--kagit);stroke-width:4}
.b-pin.dus{fill:var(--kagit);stroke:var(--hata);stroke-width:6}
.b-pin-i.iyi,.b-pin-i.sabit{fill:var(--kagit)}
.b-pin-i.dus{fill:var(--hata)}
.b-nokta-et{font-family:var(--a-govde);font-weight:600;fill:var(--murekkep);stroke:var(--kum-2);paint-order:stroke}
.js:not(.sabit) .b-dus{animation:b-dus var(--h-orta) var(--e-cikis) both}
.b-dus.g2{animation-delay:.1s}.b-dus.g3{animation-delay:.2s}.b-dus.g4{animation-delay:.3s}.b-dus.g5{animation-delay:.4s}
@keyframes b-dus{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}
.b-gy .yorum-ust .av{flex:none}

/* ---- analiz bandı ---- */
.b-ay-metin{display:flex;flex-direction:column;gap:var(--b-2);min-width:0}
.b-analiz .analiz{gap:var(--b-4)}
.b-yigin{height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--b-2)}
.b-rapor-ciz{height:100%;display:flex;flex-direction:column;justify-content:center;gap:6px}
.b-rapor-ciz i{display:block;height:6px;width:var(--deger,50%);background:var(--cizgi-koyu);border-radius:3px}
.b-rapor-ciz i:first-child{background:var(--bordo-orta)}

/* ---- bildirim bandı ---- */
.b-bil-iz{align-items:center}
.b-tel{width:min(100%,300px)}
.b-tel .tel-ekran{min-height:0}
.b-bil-yazi{display:flex;flex-direction:column;gap:var(--b-4);min-width:0}
@media (min-width:900px){.b-bil-iz{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--b-8)}}

/* ---- kullanım alanları ---- */
.b-alan-iz{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-3)}
.alan-kart{position:relative}
.b-alan .alan-kart h3 a{color:inherit;text-decoration:none}
.b-alan .alan-kart h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.b-alan .alan-kart:hover{border-color:var(--bordo)}
.b-alan .alan-kart:focus-within{outline:2px solid var(--odak);outline-offset:2px}
@media (min-width:1024px){.b-alan-iz{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b-5)}}

/* ---- fiyatlandırma ---- */
.b-fiyat-kart h3{font-size:var(--y-3)}
.b-fiyat-eylem{margin-top:var(--b-6)}

/* ---- sık sorulanlar ---- */
.b-sss-iz{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--b-7)}
.b-sss-iz .sss + .sss{border-top:0}
@media (min-width:900px){.b-sss-iz{grid-template-columns:repeat(2,minmax(0,1fr))}.b-sss-iz .sss + .sss{border-top:var(--c-murekkep)}}

/* ---- telefon: kısaltma ---- */
@media (max-width:599px){
  .b-harita,.b-marka,.b-sube,.b-analiz,.b-bildirim,.b-alan,.b-fiyat,.b-sss{padding-block:var(--b-7)}
  .kapanis{padding-block:var(--b-7)}
  .b-marka-akis > li:nth-child(n+4){display:none}
  .b-sube-akis > li:nth-child(n+2){display:none}
  .b-alan-metin,.b-alan-hat{display:none}
  .b-alan .alan-kart{padding:var(--b-4)}
  .b-analiz .analiz{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center}
  .b-analiz .analiz-grafik{height:64px}
  .b-har-kutu{padding:var(--b-3)}
  .b-il-kart{padding:var(--b-4)}
  .b-madde span{display:none}
  .b-analiz .b-ay-metin p{font-size:var(--y-0)}
  .b-tel .tel-saat{margin:var(--b-2) 0}
}

/* ---- yüzde sınıfları: --deger (çubuk) ve --p (yıldız) 5'in katları; satır içi stil yerine ---- */
.b-d0{--deger:0%}.b-d5{--deger:5%}.b-d10{--deger:10%}.b-d15{--deger:15%}.b-d20{--deger:20%}.b-d25{--deger:25%}.b-d30{--deger:30%}.b-d35{--deger:35%}.b-d40{--deger:40%}.b-d45{--deger:45%}.b-d50{--deger:50%}.b-d55{--deger:55%}.b-d60{--deger:60%}.b-d65{--deger:65%}.b-d70{--deger:70%}.b-d75{--deger:75%}.b-d80{--deger:80%}.b-d85{--deger:85%}.b-d90{--deger:90%}.b-d95{--deger:95%}.b-d100{--deger:100%}
.b-y0{--p:0%}.b-y5{--p:5%}.b-y10{--p:10%}.b-y15{--p:15%}.b-y20{--p:20%}.b-y25{--p:25%}.b-y30{--p:30%}.b-y35{--p:35%}.b-y40{--p:40%}.b-y45{--p:45%}.b-y50{--p:50%}.b-y55{--p:55%}.b-y60{--p:60%}.b-y65{--p:65%}.b-y70{--p:70%}.b-y75{--p:75%}.b-y80{--p:80%}.b-y85{--p:85%}.b-y90{--p:90%}.b-y95{--p:95%}.b-y100{--p:100%}

/* ---------- telefon (<=599px) ikinci kısaltma turu: özet verir, ayrıntı hat sayfalarında. 600px ve üstü değişmez ---------- */
@media (max-width:599px){
  .bolum{padding-block:var(--b-6)}
  .bolum-gov{margin-top:var(--b-5)}
  .b-harita,.b-marka,.b-sube,.b-analiz,.b-bildirim,.b-alan,.b-fiyat,.b-sss{padding-block:var(--b-6)}
  .kapanis{padding-block:var(--b-5)}
  .b-ilk5{display:none}
  .b-har-yan{gap:var(--b-3)}
  .b-marka-akis > li:nth-child(n+3){display:none}
  .b-marka .b-yuva,.b-marka .b-konular,.b-marka .b-konu,.b-marka .b-konu-ozet{display:none}
  .b-sube .b-sube-iz .b-yuva,.b-sube .b-mini-harita{display:none}
  .b-sube .b-madde > li:nth-child(n+4){display:none}
  .b-sube-alt{margin-top:var(--b-4)}
  .b-analiz .izgara-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-2)}
  .b-analiz .analiz{display:flex;flex-direction:column;align-items:stretch;gap:var(--b-2);padding:var(--b-3)}
  .b-analiz .analiz-grafik{height:48px}
  .b-analiz .b-ay-metin p{display:none}
  .b-tel{width:min(100%,240px)}
  .b-tel .tel-saat{font-size:var(--y-6)}
  .b-bil-yazi .kanal-liste li:nth-child(n+4){display:none}
  .b-bil-yazi .kanal-liste li{padding-block:var(--b-2)}
  .b-bil-yazi .kanal-liste p{display:none}
  .b-bil-yazi .kanal-liste .alan-ikon{grid-row:auto}
  .b-bil-iz{gap:var(--b-4)}
  .b-fiyat .izgara-4{grid-template-columns:minmax(0,1fr);gap:var(--b-2)}
  .b-fiyat-kart{padding:var(--b-3) var(--b-4)}
  .b-fiyat-kart p{font-size:var(--y-1)}
  .b-fiyat-eylem{margin-top:var(--b-4)}
  .b-sss .sss summary{min-height:48px}
}