/* Türkiye merkez / il / ilçe sayfaları (tema/turkiye.php, tema/sablonlar/il.php, ilce.php, sayfa-bina-yonetimi-hizmeti.php).
   Kırmızı–beyaz dil: numaralı kutular (Kayseri ilçe seçicisiyle akraba), yapışkan yan sütun, kırmızı seçici bandı ve kapanış. */

/* Sayfa başı künyesi (il sayfası) */
.tr-kunye{display:flex;flex-wrap:wrap;gap:0;margin:6px 0 0;border:1px solid var(--cizgi);border-radius:var(--r-alan);background:#fff;overflow:hidden}
.tr-kunye>div{display:flex;flex-direction:column;gap:2px;padding:10px 18px;border-right:1px solid var(--cizgi)}
.tr-kunye>div:last-child{border-right:0}
.tr-kunye dt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-700)}
.tr-kunye dd{margin:0;font-family:var(--font-disp);font-weight:700;font-size:17px;color:var(--ink-900)}

/* İki sütun: metin + yapışkan yan sütun */
.tr-duzen{display:grid;gap:clamp(28px,4vw,56px)}
.tr-duzen__ana{min-width:0}
.tr-duzen__ana .yazi{max-width:70ch}
.tr-duzen__ana .yazi h2{border-top:0;padding-top:0;padding-left:14px;border-left:4px solid var(--brand-500)}
.tr-duzen__yan{min-width:0}
.tr-yapiskan{display:flex;flex-direction:column;gap:18px}
@media (min-width:64em){
  .tr-duzen{grid-template-columns:minmax(0,1fr) 340px}
  .tr-yapiskan{position:sticky;top:calc(var(--ust-h) + 24px)}
}

/* Teklif kutusu */
.tr-teklif{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-kart);background:var(--brand-600);color:#fff;box-shadow:var(--golge-cam)}
.tr-teklif__ust{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-50)}
.tr-teklif__baslik{margin:0;font-family:var(--font-disp);font-weight:800;font-size:22px;line-height:1.2;letter-spacing:-.01em}
.tr-teklif__metin{margin:0 0 4px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.9)}
.tr-teklif__dugme{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 16px;border-radius:var(--r-alan);background:#fff;color:var(--brand-700);font-weight:700;text-decoration:none}
.tr-teklif__dugme:hover{background:var(--brand-50);color:var(--brand-800)}
.tr-teklif__dugme--wa{background:#25D366;color:#07301A}
.tr-teklif__dugme--wa:hover{background:#1EBE5A;color:#07301A}
.tr-teklif__form{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:14.5px;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px}
.tr-teklif a:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Yan sütun listesi (ilçeler) */
.tr-yan-liste{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--cizgi);border-radius:var(--r-kart);background:var(--stone-100)}
.tr-yan-liste__baslik{margin:0;font-family:var(--font-disp);font-weight:700;font-size:17px;color:var(--ink-900)}

/* Numaralı kutular */
.tr-kutu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tr-kutu__oge>a,.tr-kutu__oge--yok,.tr-kutu__oge--aktif{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:60px;height:100%;padding:9px 32px 9px 12px;border:1px solid var(--cizgi);border-radius:var(--r-alan);background:#fff;color:var(--ink-900);text-decoration:none}
.tr-kutu__oge>a{transition:border-color .2s,background .2s}
.tr-kutu__oge>a:hover{border-color:var(--brand-500);background:var(--brand-50)}
.tr-kutu__oge>a:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}
.tr-kutu__no{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--brand-600)}
.tr-kutu__ad{font-family:var(--font-disp);font-weight:700;font-size:15.5px;line-height:1.2;overflow-wrap:anywhere}
.tr-kutu__ok{position:absolute;right:10px;top:50%;translate:0 -50%;display:flex;color:var(--brand-500)}
.tr-kutu__oge--yok{background:transparent;border-style:dashed;color:var(--ink-700)}
.tr-kutu__oge--yok .tr-kutu__no{color:var(--ink-500)}
.tr-kutu__oge--aktif{background:var(--brand-500);border-color:var(--brand-500);color:#fff}
.tr-kutu__oge--aktif .tr-kutu__no{color:#fff}
.tr-kutu__oge--merkez>a{background:var(--ink-900);border-color:var(--ink-900);color:#fff}
.tr-kutu__oge--merkez>a:hover{background:var(--brand-700);border-color:var(--brand-700)}
.tr-kutu__oge--merkez .tr-kutu__no{color:var(--brand-300)}
.tr-kutu__etiket{position:absolute;right:8px;top:8px;padding:2px 6px;border-radius:4px;background:var(--brand-500);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.tr-kutu__oge[hidden]{display:none}
.tr-kutu--yan{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.tr-kutu--yan .tr-kutu__oge>a,.tr-kutu--yan .tr-kutu__oge--yok,.tr-kutu--yan .tr-kutu__oge--aktif{min-height:44px;padding:6px 26px 6px 10px}
.tr-kutu--yan .tr-kutu__ad{font-size:14px}
.tr-kutu--yan .tr-kutu__no{font-size:10px}
.tr-kutu--yan .tr-kutu__ok{right:7px}
@media (min-width:40em){
  .tr-kutu{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tr-kutu--yan{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64em){
  .tr-kutu{grid-template-columns:repeat(5,minmax(0,1fr))}
  .tr-kutu--iller{grid-template-columns:repeat(6,minmax(0,1fr))}
  .tr-kutu--kucuk{grid-template-columns:repeat(6,minmax(0,1fr))}
  .tr-kutu--yan{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Kum zeminli ilçe bandı (il sayfası) */
.tr-bant{padding-block:clamp(40px,5vw,72px);background:var(--stone-100);border-block:1px solid var(--cizgi)}
.tr-bant__bas{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;max-width:52rem}
.tr-bant__baslik{margin:0;font-size:clamp(26px,calc(1vw + 22px),38px);line-height:1.15}
.tr-bant__not{margin:0;color:var(--ink-700)}

/* Merkez: kırmızı il seçici bandı */
.tr-secici{padding-block:clamp(36px,5vw,64px);background:linear-gradient(180deg,var(--brand-700),var(--brand-800));color:#fff}
.tr-secici__bas{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}
.tr-secici__baslik{margin:0;color:#fff;font-size:clamp(28px,calc(1.2vw + 23px),42px)}
.tr-secici__ara{display:flex;flex-direction:column;gap:6px;width:100%;max-width:360px}
.tr-secici__etiket{font-size:13px;font-weight:600;color:var(--brand-50)}
.tr-secici__girdi{width:100%;min-height:48px;padding:10px 14px;border:2px solid transparent;border-radius:var(--r-alan);background:#fff;color:var(--ink-900);font:inherit;font-size:16px}
.tr-secici__girdi:focus-visible{outline:none;border-color:var(--ink-900);box-shadow:0 0 0 3px rgba(255,255,255,.6)}
.tr-secici .tr-kutu__oge--yok{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.88)}
.tr-secici .tr-kutu__oge--yok .tr-kutu__no{color:var(--brand-300)}
.tr-secici__not{margin:18px 0 0;max-width:62ch;font-size:15px;color:rgba(255,255,255,.88)}
.tr-secici__not[hidden]{display:none}
@media (min-width:48em){ .tr-secici__bas{flex-direction:row;align-items:flex-end;justify-content:space-between} }

/* Kapanış bandı */
.tr-kapanis{padding-block:clamp(40px,5vw,72px);background:var(--brand-600);color:#fff}
.tr-kapanis__ic{display:flex;flex-direction:column;gap:22px}
.tr-kapanis__baslik{margin:0;color:#fff;font-size:clamp(26px,calc(1.2vw + 21px),40px);line-height:1.15}
.tr-kapanis__metin{margin:8px 0 0;max-width:58ch;color:rgba(255,255,255,.9)}
.tr-kapanis__eylem{display:flex;flex-wrap:wrap;gap:10px}
.tr-kapanis__beyaz{background:#fff;color:var(--brand-700);border:0;font-weight:700}
.tr-kapanis__beyaz:hover{background:var(--brand-50);color:var(--brand-800)}
@media (min-width:64em){ .tr-kapanis__ic{flex-direction:row;align-items:center;justify-content:space-between} .tr-kapanis__eylem{flex:none} }