/* Memleket kartpostalları ve ilçe yön levhaları — lobi172. */
:root{--cuha:#183c2c;--krem:#f5efdd;--altin:#dfbe7a;--muted:#c6d1c6;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",Arial,sans-serif;color:var(--krem);font-size:17px;min-height:100vh;min-height:100svh;background:linear-gradient(#102b23dd,#153828e8),url("/assets/oyun-zemin-v224.svg") center top/cover fixed,var(--cuha)}
header{max-width:1100px;margin:auto;width:100%;padding:16px 20px 8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
main{width:min(100%,1100px);margin:0 auto;padding:12px 20px max(24px,env(safe-area-inset-bottom));}
.gizli{display:none!important}
section{width:100%;display:flex;flex-direction:column;gap:14px;align-items:stretch}
button,a.geri{font:inherit;color:var(--krem);cursor:pointer;-webkit-tap-highlight-color:transparent}
button{border:1px solid #bdcaba44;background:#294f3e;border-radius:12px;padding:12px 16px;min-height:46px}
a.geri,button.geri{display:inline-flex;gap:6px;align-items:center;text-decoration:none;border:1px solid #c0cfc02e;background:#19382bcc;border-radius:10px;padding:10px 12px;font-size:14px;min-height:44px}
button:hover,a.geri:hover{border-color:var(--altin)}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--altin);outline-offset:3px}
.secim-baslik{padding:6px 2px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.secim-baslik>div{min-width:0}.lobi-top10{white-space:nowrap}#lobi-top10-durum:empty{display:none}.ust-not{display:block;font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--altin);margin-bottom:7px}
h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,4vw,32px);font-weight:600;line-height:1.25}
.satir{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.arama-band{position:sticky;top:0;z-index:5;padding:10px;background:#18382bf5;border:1px solid #ccd8c32e;border-radius:14px;box-shadow:0 4px 12px #0002}
input{font:inherit;font-size:16px;min-width:0;flex:1;width:160px;min-height:46px;border:1px solid #dae4d3a6;border-radius:9px;background:#f5efdd;color:#21382b;padding:11px 13px}
input::placeholder{color:#5b685b;opacity:1}
button.birincil{font-size:15px;background:#315c45;white-space:nowrap}
button.altin{background:#dfbe7a;color:#2e341f;font-weight:700;font-size:15px}
#konum-not{font-size:13px;color:var(--muted);line-height:1.45}#konum-not:empty{display:none}
.sonuc-not{font-size:13px;line-height:1.45;color:var(--muted);padding:0 2px}
#liste-kutu,#liste-alan{width:100%}
#il-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#il-grid .il-kart{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid #d6c89a55;border-radius:14px;background:#f5efdd;box-shadow:0 3px 8px #0002;color:#253e2e;min-width:0;transition:border-color .15s,box-shadow .15s}
#il-grid .il-kart:hover{border-color:#f4dca8;box-shadow:0 4px 14px #0005}
.kartpostal{display:block;position:relative;background-image:none;background-size:300% 300%;aspect-ratio:3/2;width:100%;flex:none;background-color:#547965}
.plaka{position:absolute;top:9px;left:9px;background:#133e32ec;border:1px solid #f4efdab0;border-radius:8px;min-width:30px;padding:5px 7px;color:#fff9e7;font-size:13px;letter-spacing:.05em;font-weight:700}
.say-inline{font-size:12px;font-weight:600;background:#153d30ec;color:#fff5d6;border:1px solid #f4efdaa0;border-radius:7px;padding:4px 7px;white-space:nowrap;flex:none}
.kartpostal .say-inline{position:absolute;bottom:8px;right:8px}
.kart-yazi{width:100%;display:flex;gap:6px;align-items:center;text-align:left;padding:12px;min-height:58px}
.ad{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3;font-weight:700}
.yon-ok{flex:none;font-size:22px;font-weight:400;line-height:1}
.kart-yazi .yon-ok{color:#617b64}.kart-yazi .ad{font-size:16px}
#il-grid .hizli-kart{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#254e3a;border:1px solid #dbbe807a;color:#fff6dd;box-shadow:none}
.hizli-isaret{font-size:24px}.hizli-kart .ad{flex:0 1 auto}.hizli-not{color:#c9d9ca;font-size:13px;margin-left:auto}.hizli-kart .yon-ok{margin-left:8px}
.hizli-yazi{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}.hizli-bekleyen{font-size:13px;line-height:1.35;color:#f3d795;overflow-wrap:anywhere}.hizli-bekleyen[data-durum="hata"]{color:#f2c6a8}
#il-kart{display:flex;border:1px solid #c2c8a34d;background:#254533;border-radius:16px;overflow:hidden;align-items:stretch;box-shadow:0 4px 16px #0002}
#il-manzara{width:210px;aspect-ratio:3/2}
#il-kart .yazi{display:flex;align-items:center;gap:16px;padding:18px 22px;min-width:0}
#il-kart .yazi>div{min-width:0}#il-ad{overflow-wrap:anywhere;font-size:clamp(24px,4vw,32px)}
#il-plaka{border:1px solid #efdfb89c;border-radius:9px;background:#19392c;padding:10px 13px;color:#eed49b;font-size:22px;font-weight:700;flex:none}
#il-kart .sonuc-not{margin-top:8px}
#ilce-alan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px;padding:2px 10px 8px 0;align-content:start}
#ilce-alan:empty{display:none}
#ilce-alan .ilce-tabela{position:relative;display:flex;align-items:center;gap:8px;isolation:isolate;min-width:0;min-height:68px;padding:12px 22px 12px 14px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;color:#fff;font-size:17px}
/* İki iç içe ok, levhanın beyaz kenarını oluşturur; HTML yazısı kırpılmaz. */
.ilce-tabela::before,.ilce-tabela::after{content:"";position:absolute;inset:0 -8px 0 0;z-index:-2;background:#edf4f6;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 50%,calc(100% - 19px) 100%,0 100%,0 0);border-radius:5px}
.ilce-tabela::after{inset:2px -5px 2px 2px;z-index:-1;background:#205e93;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,0 0);border-radius:3px}
.ilce-tabela:hover::after{background:#2872aa}.ilce-tabela .yon-ok{font-size:24px}.ilce-tabela .say-inline{background:#174875;border-color:#bedced70;padding:3px 5px;font-size:11px}
.kucuk-not{font-size:13px;color:var(--muted);line-height:1.5;max-width:620px}
#sekmeler{display:flex;gap:8px}#sekmeler button.aktif{border-color:var(--altin)}
#harita-alan{width:100%;aspect-ratio:1000/470;position:relative}#harita-alan svg{position:absolute;inset:0;width:100%;height:100%}.il-blok{cursor:pointer}
@media(min-width:1000px){#il-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#ilce-alan{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){header{padding:12px 14px 4px}main{padding:12px 14px max(22px,env(safe-area-inset-bottom))}#il-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kart-yazi{padding:10px;min-height:57px}.kart-yazi .ad{font-size:15px}#il-manzara{width:126px}#il-kart .yazi{padding:14px;gap:10px}#il-plaka{font-size:17px;padding:7px 9px}#il-ad{font-size:24px}#il-kart .ust-not{font-size:10px}#il-kart .sonuc-not{font-size:12px}#ilce-alan{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px}#ilce-alan .ilce-tabela{font-size:15px;min-height:70px;padding:11px 14px 11px 10px;gap:5px}.ilce-tabela .say-inline{position:absolute;top:4px;right:17px;font-size:10px;padding:1px 4px}.ilce-tabela:has(.say-inline){padding-top:25px!important}.ilce-tabela .yon-ok{font-size:21px}.hizli-not{font-size:12px}}
@media(max-width:420px){.arama-band{gap:8px}.arama-band input{flex-basis:100%;width:100%}.arama-band button{flex:1;padding:10px}.hizli-kart .hizli-not{display:none}#il-manzara{width:102px}#il-kart .yazi{padding:12px;gap:8px}#il-plaka{font-size:15px;padding:6px}#il-ad{font-size:23px}}
@media(max-height:480px) and (min-width:701px){header{padding:6px 16px}main{padding-top:6px}.secim-baslik h2{font-size:24px}.secim-baslik .ust-not{margin-bottom:3px}section{gap:10px}#il-manzara{width:144px}#il-kart .yazi{padding:10px 16px}#il-kart .sonuc-not{margin-top:4px}#ilce-alan .ilce-tabela{min-height:60px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.ilce-tabela{border:2px solid ButtonText!important}.ilce-tabela::before,.ilce-tabela::after{display:none}.plaka,.say-inline{border:1px solid ButtonText}}