/* ══════════════════════════════════════════════════════════════
   MEYDAN — UYGULAMA KATMANI
   site.css (meydan-v8.html ile birebir) DEĞİŞTİRİLMEZ; bu dosya
   yalnızca onun üzerine ekler:
     · < 900px  → uygulama tam ekran (maket çerçevesi yok)
     · ≥ 900px  → masaüstü düzeni: solda menü, ortada içerik
     · giriş ekranı, sayfalama, boş durum, form doğrulama
══════════════════════════════════════════════════════════════ */

@media (max-width: 899px){
  body{background:var(--bg);display:block;overflow:hidden;min-height:100dvh;}
  .phone{
    width:100%;
    height:100vh; height:100dvh;
    border-radius:0;
    border:none;
    box-shadow:none;
  }
  /* Sahte status bar yok: çentik boşluğu doğrudan uygulamaya uygulanır */
  .phone{padding-top:env(safe-area-inset-top,0px);}
  .bn{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));}
  .toast{bottom:calc(90px + env(safe-area-inset-bottom,0px));}
}

/* Native kabuk (WebView): çentik boşluğu bırakılır. */
body.native .phone{padding-top:env(safe-area-inset-top,0px);}

/* Sunucu tarafı render edildiğinde aktif ekran her zaman görünür */
.scr.on{display:flex;}

/* iOS momentum scroll + overscroll kilidi */
.sl{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}

/* Form elemanlarının native görünümünü sıfırla (tasarımı korur) */
.fi,.fsel,.bb,.rk-cta{-webkit-appearance:none;appearance:none;}
.fsel{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2364748B' d='M1 1l5 5 5-5'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center;padding-right:30px;}
/* Arama süzgeçlerindeki küçük açılır listeler: yazı oka değmez, sığmazsa … ile kısalır */
.fsel.fsel-k{padding:7px 20px 7px 8px;font-size:11px;background-position:right 7px center;background-size:10px 7px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* Doğrulama hatası (sunucu tarafı model validation) */
.field-validation-error{display:block;font-size:9.5px;font-weight:700;color:var(--rose);margin-top:4px;}
.input-validation-error{border-color:var(--rose)!important;}
.validation-summary-errors{margin:0 14px 10px;padding:10px 12px;border-radius:10px;background:#FFF1F2;
  border:1px solid rgba(225,29,72,.18);font-size:10.5px;font-weight:700;color:#9F1239;}
.validation-summary-errors ul{list-style:none;}

/* Sayfalama */
.pg{display:flex;justify-content:center;gap:6px;padding:4px 14px 10px;}
.pg a,.pg span{min-width:30px;text-align:center;padding:6px 9px;border-radius:9px;font-size:11px;font-weight:800;
  text-decoration:none;background:#fff;color:var(--slate);box-shadow:0 1px 6px rgba(0,0,0,.05);}
.pg .cur{background:var(--amber);color:#fff;}

/* Boş durum */
.empty{text-align:center;padding:34px 20px;color:var(--slate);}
.empty-i{font-size:42px;opacity:.5;margin-bottom:8px;}
.empty-t{font-size:12px;font-weight:700;}

/* Bağlantılar kart görünümünü bozmasın */
a.li,a.mi,a.ar,a.sk,a.hc,a.rk,a.sc2,a.pl,a.bi{text-decoration:none;color:inherit;display:flex;}
a.li2{text-decoration:none;color:inherit;display:block;}
form.mi{font-family:'Plus Jakarta Sans',sans-serif;}
a.sk,a.hc,a.sc2,a.ac-item{display:block;}
a.pl{display:inline-block;}


/* ══════════════════════════════════════════════════════════════
   MASAÜSTÜ (PC) KATMANI — bileşen tasarımı değişmez
   900px ve üzerinde telefon maketi bırakılır; aynı kartlar,
   aynı renkler ve aynı tipografi geniş ekran düzenine yerleşir:
   solda sabit menü, ortada içerik sütunu. Mobil görünüm etkilenmez.
══════════════════════════════════════════════════════════════ */

/* Yan menü mobilde hiç çizilmez */
.dsk-nav{display:none;}

@media (min-width: 900px){
  body{background:var(--bg);display:block;overflow:hidden;}

  .phone{
    width:100%;
    max-width:none;
    height:100vh; height:100dvh;
    border:none;
    border-radius:0;
    box-shadow:none;
    flex-direction:row;
  }

  /* ── Sol menü ──────────────────────────────────────────────── */
  .dsk-nav{
    display:flex;flex-direction:column;flex-shrink:0;width:236px;
    background:linear-gradient(170deg,var(--deep) 0%,var(--deep2) 55%,#0D2D1A 100%);
    padding:18px 12px;gap:3px;overflow-y:auto;scrollbar-width:none;
  }
  .dsk-nav::-webkit-scrollbar{display:none;}
  .dsk-logo{padding:0 10px 16px;text-decoration:none;display:block;}
  .dsk-logo b{font-family:'Bebas Neue',sans-serif;font-size:27px;letter-spacing:4px;
    line-height:1;font-weight:400;color:#F8FAFC;display:block;}
  .dsk-logo b i{font-style:normal;color:var(--amber);}
  .dsk-logo span{font-size:7.5px;font-weight:600;color:rgba(245,158,11,.4);letter-spacing:2.4px;}

  .dsk-bl{font-size:8.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;
    color:rgba(255,255,255,.3);padding:14px 10px 6px;}

  .dsk-i{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;
    cursor:pointer;border:none;background:none;width:100%;text-align:left;text-decoration:none;
    font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;
    color:rgba(255,255,255,.72);transition:background .15s,color .15s;}
  .dsk-i:hover{background:rgba(255,255,255,.07);color:#fff;}
  .dsk-i .di{font-size:16px;width:20px;text-align:center;flex-shrink:0;}
  .dsk-i.on{background:rgba(245,158,11,.16);color:var(--amber);}
  .dsk-i .dn{margin-left:auto;background:var(--rose);color:#fff;font-size:9px;font-weight:800;
    min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;}

  .dsk-ilan{margin:12px 0 4px;padding:11px;border-radius:12px;border:none;cursor:pointer;
    width:100%;font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;font-weight:800;color:#1A0A00;
    background:linear-gradient(135deg,var(--amber2),var(--amber));
    box-shadow:0 6px 18px rgba(245,158,11,.28);}
  .dsk-ilan:active{transform:scale(.98);}

  .dsk-alt{margin-top:auto;padding-top:14px;}
  .dsk-hesap{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;
    background:rgba(255,255,255,.06);text-decoration:none;}
  .dsk-hav{width:32px;height:32px;border-radius:9px;background:rgba(245,158,11,.16);
    display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
  .dsk-hn{font-size:11px;font-weight:800;color:#fff;line-height:1.25;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .dsk-hr{font-size:8.5px;color:rgba(255,255,255,.45);font-weight:600;}
  .dsk-cikis{margin-top:6px;width:100%;background:none;border:none;cursor:pointer;
    font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:700;
    color:rgba(255,255,255,.4);padding:5px 10px;text-align:left;}
  .dsk-cikis:hover{color:var(--rose2);}

  /* ── İçerik sütunu ─────────────────────────────────────────── */
  .scr{flex:1;min-width:0;}
  .bn{display:none;}                       /* alt navigasyonun yerini yan menü alır */
  .toast{bottom:28px;left:auto;right:28px;transform:translateY(14px);}
  .toast.on{transform:translateY(0);}

  /* İçerik ortalanır; kart tasarımları aynı kalır */
  .scr > .sl,
  .scr > form.sl{padding-left:max(0px,(100% - 860px)/2);padding-right:max(0px,(100% - 860px)/2);}
  .scr > .sl{scrollbar-width:thin;}
  .scr > .sl::-webkit-scrollbar{display:block;width:8px;}
  .scr > .sl::-webkit-scrollbar-thumb{background:rgba(10,22,40,.16);border-radius:8px;}

  /* Ekranın kendi üst başlığı da aynı sütuna hizalanır
     (bu öğelerin bir kısmı v8'den gelen satır içi padding taşır) */
  .scr > .sek-hero,
  .scr > .pt,
  .scr > .dsk-bar{padding-left:max(16px,(100% - 860px)/2) !important;
                  padding-right:max(16px,(100% - 860px)/2) !important;}

  /* Masaüstünde yan menüyle tekrar eden öğeler gizlenir */
  .dsk-gizle{display:none !important;}

  /* Sektör kartları: 2 yerine 3 sütun (kart tasarımı değişmez) */
  .sk-grid{grid-template-columns:1fr 1fr 1fr !important;}

  /* Fare ile kullanımda hafif geri bildirim (dokunmatikte etkisi yok) */
  .li:hover,.mi:hover,.ar:hover,.sk:hover,.hc:hover,.sc2:hover,.br:hover{
    transform:translateY(-1px);transition:transform .12s;}
}

/* Çok geniş ekran: içerik sütunu biraz daha ferah */
@media (min-width: 1500px){
  .scr > .sl,
  .scr > form.sl{padding-left:max(0px,(100% - 960px)/2);padding-right:max(0px,(100% - 960px)/2);}
  .scr > .sek-hero,
  .scr > .pt,
  .scr > .dsk-bar{padding-left:max(16px,(100% - 960px)/2) !important;
                  padding-right:max(16px,(100% - 960px)/2) !important;}
}

/* ── Giriş ekranı ───────────────────────────────────────────── */
.gr-wrap{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;
  padding:22px 16px;background:linear-gradient(170deg,var(--deep) 0%,var(--deep2) 60%,#0D2D1A 100%);}
.gr-box{width:100%;max-width:360px;}
.gr-logo{text-align:center;margin-bottom:18px;}
.gr-logo b{font-family:'Bebas Neue',sans-serif;font-size:38px;letter-spacing:6px;line-height:1;
  font-weight:400;color:#F8FAFC;display:block;}
.gr-logo b i{font-style:normal;color:var(--amber);}
.gr-logo span{font-size:8px;font-weight:600;color:rgba(245,158,11,.45);letter-spacing:2.6px;}
.gr-card{background:#fff;border-radius:var(--r);padding:18px 16px;box-shadow:0 20px 50px rgba(0,0,0,.35);}
.gr-t{font-size:15px;font-weight:800;color:var(--text);margin-bottom:2px;}
.gr-s{font-size:10.5px;color:var(--slate);margin-bottom:14px;}
.gr-chk{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;
  color:var(--slate);cursor:pointer;margin:2px 0 12px;}
.gr-chk input{width:15px;height:15px;accent-color:var(--amber);cursor:pointer;}
.gr-test{margin-top:12px;background:#fff;border-radius:var(--r);padding:14px 16px;
  box-shadow:0 8px 28px rgba(0,0,0,.22);}
.gr-tt{font-size:11.5px;font-weight:800;color:var(--text);margin-bottom:2px;}
.gr-ts{font-size:9.5px;color:var(--slate);margin-bottom:9px;}
.gr-hes{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:10px;background:var(--bg);
  cursor:pointer;margin-bottom:5px;border:1.5px solid transparent;transition:border-color .15s;width:100%;text-align:left;
  font-family:'Plus Jakarta Sans',sans-serif;}
.gr-hes:hover{border-color:var(--amber);}
.gr-hi{width:30px;height:30px;border-radius:8px;background:#fff;display:flex;align-items:center;
  justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.gr-hb{flex:1;min-width:0;text-align:left;}
.gr-hn{display:block;font-size:11px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gr-hk{display:block;font-size:9px;color:var(--slate);font-weight:600;}
.gr-hr{font-size:8.5px;font-weight:800;color:var(--amber);background:#FEF3C7;
  padding:2px 6px;border-radius:6px;flex-shrink:0;}
.gr-par{margin-top:8px;font-size:9.5px;color:var(--slate);text-align:center;}
.gr-par b{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  background:var(--gri);padding:2px 7px;border-radius:6px;}
.gr-misafir{display:block;text-align:center;margin-top:12px;font-size:10.5px;font-weight:700;
  color:rgba(255,255,255,.55);text-decoration:none;}
.gr-misafir:hover{color:#fff;}

/* ── KVKK / yasal metinler ─────────────────────────────────────────── */
.ky-chk{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:600;color:var(--text);line-height:1.45;margin:9px 0;cursor:pointer;}
.ky-chk input{width:17px;height:17px;margin-top:1px;flex-shrink:0;accent-color:var(--amber);cursor:pointer;}
.ky-chk a{color:var(--sky);text-decoration:underline;}
.ky-sep{font-size:10.5px;font-weight:800;color:var(--slate);text-transform:uppercase;letter-spacing:.4px;margin:14px 0 2px;padding-top:10px;border-top:1px solid var(--gri);}
.ky-not{font-size:10.5px;color:var(--slate);line-height:1.5;margin-top:10px;}
.ky-h{font-size:12px;font-weight:800;color:var(--text);margin:14px 16px 8px;}
.ky-box{background:#fff;border-radius:12px;margin:0 14px 8px;padding:12px 14px;}
.ky-t{font-size:12.5px;font-weight:800;margin-bottom:4px;}
.ky-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;padding:7px 0;}
.ky-row small{display:block;font-size:10px;color:var(--slate);font-weight:600;}
.ky-row b{font-size:10.5px;color:var(--slate);}
.ky-tgl{width:42px;height:24px;border-radius:12px;border:none;background:#CBD5E1;position:relative;flex-shrink:0;cursor:pointer;transition:background .2s;}
.ky-tgl::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;}
.ky-tgl.on{background:var(--emerald);}
.ky-tgl.on::after{transform:translateX(18px);}
.ky-tehlike{border:1px solid rgba(244,63,94,.25);}
.ky-sur{font-size:10.5px;font-weight:800;color:var(--slate);margin:12px 16px 0;}
.legal{padding:6px 16px 0;font-size:12.5px;line-height:1.6;color:var(--text);}
.legal h1{font-size:17px;margin:10px 0 8px;}
.legal h2{font-size:14px;margin:16px 0 6px;}
.legal p,.legal li{margin:6px 0;}
.legal ul,.legal ol{padding-left:20px;}
.legal table{width:100%;border-collapse:collapse;font-size:11.5px;margin:8px 0;}
.legal th,.legal td{border:1px solid var(--gri);padding:6px 8px;text-align:left;vertical-align:top;}
.legal blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid var(--amber);background:#FFFBEB;}

/* ── Arama sonuçları: liste / tablo görünümü (müşteri v12 maketinden) ── */
.vt{margin-left:auto;display:flex;background:var(--gri);border-radius:9px;padding:2px;}
.vt a{border:none;background:none;font-size:10.5px;font-weight:800;padding:5px 9px;border-radius:7px;color:var(--slate);cursor:pointer;}
.vt a.on{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.1);}
.tbl{background:#fff;margin:0 10px 8px;border-radius:14px;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);}
.tr{display:grid;grid-template-columns:40px minmax(0,1fr) repeat(var(--c),40px) 76px;gap:6px;align-items:center;padding:8px 8px;border-bottom:1px solid var(--gri);cursor:pointer;font-size:11px;}
.tr:active{background:var(--bg);}
.tr.th{background:#F1F5F9;font-size:9.5px;font-weight:800;color:var(--slate);cursor:default;}
.tr .tc{cursor:pointer;text-align:center;}.tr .tc:last-child{text-align:right;}
.tth{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font-size:20px;}
.tt{min-width:0;}.tt b{display:block;font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.tt span{font-size:9.5px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.tv{text-align:center;font-weight:700;color:#334155;font-size:10.5px;}
.tp{text-align:right;font-weight:800;color:var(--emerald);font-size:11px;line-height:1.2;}

/* ── Danışman araçları, endeksler, fiyat analizi (müşteri v10–v12 maketinden) ── */
.dt-box{background:#fff;margin:9px 14px 0;border-radius:15px;padding:13px 14px;box-shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);}
.dt-h{font-size:13px;font-weight:800;color:var(--text);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;}
.dt-h a{font-size:11px;color:var(--sky);font-weight:700;cursor:pointer;}
.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--gri);font-size:12px;}
.kv:last-child{border:none;padding-bottom:0;}
.kv span{color:var(--text2);flex-shrink:0;}
.kv b{font-weight:700;color:var(--text);text-align:right;}
.kv b.lnk{color:var(--sky);cursor:pointer;}
.st-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 14px 0;}
.st{background:#fff;border-radius:13px;padding:11px;box-shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);}
.st b{display:block;font-size:16px;font-weight:800;color:var(--text);}
.st span{font-size:9.5px;color:var(--slate);font-weight:600;}
.dnote{margin:12px 14px 4px;font-size:10.5px;color:var(--slate);line-height:1.5;background:#F8FAFC;border:1px dashed var(--slate2);border-radius:10px;padding:8px 10px;}
.dnote a{color:var(--sky);font-weight:700;cursor:pointer;}
.rs-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--gri);font-size:13px;}
.rs-row span{flex:1;font-weight:600;color:var(--text);}.rs-row b{font-size:14px;color:var(--emerald);}.rs-row small{font-size:10px;color:var(--slate);width:52px;text-align:right;}
.rs-tot{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 4px;}
.rs-tot div{background:var(--bg);border-radius:10px;padding:8px 4px;text-align:center;}.rs-tot b{display:block;font-size:13px;color:var(--text);}.rs-tot span{font-size:9px;color:var(--slate);font-weight:600;}
.pbar{position:relative;height:8px;border-radius:4px;margin:12px 0 6px;background:linear-gradient(90deg,#10B981,#F59E0B,#F43F5E);}
.pbar i{position:absolute;top:-4px;width:16px;height:16px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transform:translateX(-50%);}
.pbar-l{display:flex;justify-content:space-between;font-size:10px;color:var(--slate);font-weight:700;}
.ixg{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 0;}
.ix{background:#fff;border-radius:15px;padding:11px 12px 9px;cursor:pointer;box-shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);}
.ix-h{font-size:11.5px;color:var(--slate);}.ix-h b{color:var(--text);}
.ix-v{font-size:22px;font-weight:800;color:var(--text);margin-top:2px;}.ix-c{font-size:11px;font-weight:800;}
.ix-p{font-size:10px;color:var(--slate);font-weight:600;}

/* Uzun, boşluksuz metinler (mesaj, bildirim, ilan başlığı) kutudan taşmasın */
.mi-b,.mi-n,.mi-s,.li-bd,.li-t{min-width:0;overflow-wrap:anywhere;}

/* ── Henüz çalışmayan hizmetler: "Yakında" (tıklanınca mesajla oyalamaz) ─────────── */
.hc.soon{opacity:.55;cursor:default;position:relative;}
.hc-soon{position:absolute;top:5px;right:5px;font-size:7.5px;font-weight:800;color:var(--slate);
  background:var(--gri);padding:1px 6px;border-radius:6px;letter-spacing:.3px;}

/* Arama önerileri (input[data-oneri]) */
.on-liste{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;margin:0;padding:4px;list-style:none;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(10,22,40,.28);max-height:320px;overflow-y:auto;}
.on-liste[hidden]{display:none;}
.on-oge{display:flex;flex-direction:column;gap:1px;padding:9px 11px;border-radius:9px;cursor:pointer;color:#0F172A;}
.on-oge:hover,.on-oge.on-aktif{background:#F1F5F9;}
.on-ad{font-size:12.5px;font-weight:700;overflow-wrap:anywhere;}
.on-alt{font-size:10.5px;font-weight:600;color:#64748B;}
.on-ilan .on-ad{font-weight:600;}
.on-kat .on-ad::after{content:"  · kategori";font-size:10px;font-weight:700;color:#94A3B8;}
.on-baslik{display:flex;align-items:center;justify-content:space-between;padding:6px 11px 2px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#94A3B8;}
.on-temizle{background:none;border:none;padding:2px 0;font:inherit;font-size:10px;font-weight:800;color:#2563EB;cursor:pointer;text-transform:none;letter-spacing:0;}
.on-gecmis{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;}
.on-sil{flex-shrink:0;width:22px;height:22px;line-height:20px;text-align:center;border-radius:50%;font-size:15px;color:#94A3B8;}
.on-sil:hover{background:#E2E8F0;color:#475569;}

/* ── v16 ilan araç çubuğu + alt panel ───────────────────────────── */
.tbar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 14px 8px;}
.tbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:none;background:#F4F6F3;color:var(--text);border-radius:14px;padding:10px 4px;font-family:inherit;font-size:11px;font-weight:800;line-height:1.2;text-align:center;min-height:64px;cursor:pointer;}
.tbar button .ti{font-size:20px;line-height:1;}
.tbar button:active{transform:scale(.95);}
.tbar button.on{background:var(--deep);color:#fff;}
.ino{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;}
.ap-arka{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:900;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .18s;}
.ap-arka.on{opacity:1;}
.ap{background:#fff;width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));transform:translateY(30px);transition:transform .2s;}
.ap-arka.on .ap{transform:translateY(0);}
.ap-tut{width:38px;height:4px;border-radius:4px;background:#CBD5E1;margin:0 auto 10px;}
.ap-b{font-size:14px;font-weight:800;color:var(--text);margin-bottom:12px;}
.shr{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.shr button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;font-size:11px;font-weight:700;color:var(--text);cursor:pointer;}
.shr i{font-style:normal;width:52px;height:52px;border-radius:30%;display:grid;place-items:center;font-size:23px;color:#fff;}
.shr-pv{margin-top:14px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.5;color:#14532D;white-space:pre-line;word-break:break-word;}
.more-l button{display:flex;align-items:center;gap:12px;width:100%;border:none;background:#F4F6F3;border-radius:14px;padding:14px;margin-bottom:8px;font-family:inherit;font-size:14.5px;font-weight:700;color:var(--text);cursor:pointer;text-align:left;}
.more-l button i{font-style:normal;font-size:22px;}
@media (min-width:900px){.ap-arka{align-items:center;}.ap{border-radius:20px;}}

/* ── v16 Karşılaştır ─────────────────────────────────────────────── */
.cmpbar{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:850;max-width:456px;margin:0 auto;background:var(--deep);color:#fff;border-radius:16px;padding:9px 10px 9px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 26px -10px rgba(0,0,0,.5);font-size:12.5px;font-weight:700;}
.cmpbar span{flex:1;}
.cmpbar button{border:none;border-radius:10px;padding:8px 10px;font-family:inherit;font-size:11.5px;font-weight:800;cursor:pointer;background:rgba(255,255,255,.12);color:#fff;}
.cmpbar .go{background:linear-gradient(135deg,var(--amber2),var(--amber));color:#1A0A00;}
/* şerit açıkken bildirim şeridin üstünde çıkar, sayfanın sonu şeridin altında kalmaz */
.kars-on .toast{bottom:calc(150px + env(safe-area-inset-bottom,0px));}
.kars-on .sl{padding-bottom:70px;}
@media (min-width:900px){.cmpbar{left:auto;right:28px;bottom:84px;width:400px;}.kars-on .toast{bottom:150px;}}
.cmpw{overflow-x:auto;margin:12px 10px 0;background:#fff;border-radius:16px;box-shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);}
.cmpt{border-collapse:collapse;width:100%;min-width:340px;font-size:11.5px;}
.cmpt th{position:sticky;left:0;background:#F8FAFC;text-align:left;font-weight:700;color:var(--slate);padding:8px 9px;width:84px;font-size:10.5px;}
.cmpt td{padding:8px 9px;border-left:1px solid var(--gri);vertical-align:top;color:var(--text);font-weight:600;min-width:110px;}
.cmpt tr+tr th,.cmpt tr+tr td{border-top:1px solid var(--gri);}
.cmpt.cmp2 td{width:50%;}.cmpt.cmp3 td{width:33.33%;}.cmpt.cmp2 th,.cmpt.cmp3 th{min-width:84px;}
.cmpt small{font-size:9.5px;color:var(--emerald);}
.cmpt a{color:inherit;text-decoration:none;}

/* ── v16 Ayarlar · Yardım & Destek · Büyük yazı · Kolay mod ─────────────────── */
html.buyuk-yazi .sl,html.buyuk-yazi .ap{zoom:1.13;}
.ayr{padding:4px 14px;}
.ayr-b{font-size:10.5px;font-weight:800;color:var(--slate);text-transform:uppercase;letter-spacing:.6px;padding:8px 0 2px;}
.ayr-r{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 0;border:none;background:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--text);text-align:left;text-decoration:none;cursor:pointer;}
.ayr-r+.ayr-r{border-top:1px solid var(--gri);}
.ayr-r small{display:block;font-size:10.5px;font-weight:600;color:var(--slate);margin-top:2px;}
.ayr-r b{color:var(--slate);font-size:12px;white-space:nowrap;}
.ayr-soon,.ayr-soon .mi-n{cursor:default;color:var(--slate);}
.mi.ayr-soon{opacity:.7;}
.ayr-y{font-size:10.5px;font-weight:700;color:var(--slate);white-space:nowrap;}
.ayr-d{font-size:11.5px;font-weight:800;color:var(--sky);background:#EFF6FF;padding:6px 12px;border-radius:9px;text-decoration:none;white-space:nowrap;}
.ayr-canli{font-size:11px;font-weight:800;color:var(--emerald);}
.ayr-not{text-align:center;font-size:10.5px;font-weight:600;color:var(--slate);padding:6px 14px 0;}
.tgl{flex-shrink:0;position:relative;width:46px;height:26px;border-radius:26px;border:none;background:#CBD5E1;cursor:pointer;transition:background .15s;}
.tgl::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s;}
.tgl.on{background:var(--emerald);}
.tgl.on::after{transform:translateX(20px);}
.tgl:focus-visible{outline:2px solid var(--sky);outline-offset:2px;}
.sss{background:#fff;margin:0 14px 7px;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);}
.sss summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;font-size:12.5px;color:var(--text);}
.sss summary::-webkit-details-marker{display:none;}
.sss summary::after{content:"›";margin-left:auto;color:var(--slate);font-weight:800;transition:transform .15s;}
.sss[open] summary::after{transform:rotate(90deg);}
.sss-i{font-size:16px;}
.sss-c{padding:0 14px 13px 40px;font-size:12px;line-height:1.55;color:var(--slate);font-weight:600;}
/* Kolay mod: ana sayfada 6 büyük düğme; hızlı erişim gizlenir */
.kolay-ana{display:none;}
html.kolay-mod .kolay-ana{display:block;}
html.kolay-mod .sl>.qa,html.kolay-mod .sl>.qa-bas{display:none;}
.kolay-t{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 0;font-size:16px;font-weight:800;color:var(--text);}
.kolay-t button{border:none;background:none;font-family:inherit;font-size:12.5px;font-weight:700;color:#0369A1;cursor:pointer;padding:4px 0;}
.kolay{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px 4px;}
.kolay>a,.kolay>div{border-radius:20px;min-height:112px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#fff;text-decoration:none;box-shadow:0 12px 20px -16px rgba(0,0,0,.7);}
.kolay>a:active{transform:scale(.97);}
.kolay>.soon{opacity:.6;cursor:default;}
.kolay .e{font-size:34px;line-height:1;}
.kolay b{display:block;font-size:17px;font-weight:800;line-height:1.2;}
.kolay small{display:block;font-size:12px;font-weight:600;opacity:.85;margin-top:2px;}
@media (min-width:900px){.kolay{grid-template-columns:repeat(3,1fr);}}
/* ── v16 Kredi taksit & karkas hesabı (ilan detayı "⋯ Daha fazla" alt paneli) ───────────────── */
.hs{max-height:calc(86vh - 60px);overflow-y:auto;overscroll-behavior:contain;}
.hs-ust{font-size:12px;color:var(--slate);margin-bottom:6px;overflow-wrap:anywhere;}
.hs-ust b{color:var(--text);}
.hs .sh-lbl{font-size:11px;font-weight:700;color:var(--slate);margin:12px 0 6px;}
.hs .chipset{display:flex;flex-wrap:wrap;gap:7px;}
.hs .chp{border:1.5px solid var(--gri);background:#fff;border-radius:11px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;color:var(--text);}
.hs .chp.on{border-color:var(--amber);background:#FFFBEB;color:#92400E;}
.hs .fld{width:100%;box-sizing:border-box;background:#fff;border:1.5px solid var(--gri);border-radius:11px;padding:11px 12px;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);outline:none;}
.hs .fld:focus{border-color:var(--amber);}
.hs-aralik{width:100%;accent-color:var(--amber);}
.hs .res-card{margin-top:12px;border-radius:14px;padding:13px;background:linear-gradient(135deg,#ECFDF5,#D1FAE5);border:1px solid rgba(5,150,105,.2);}
.hs .res-card .kv{border-bottom-color:rgba(5,150,105,.15);}
.hs .res-card .kv span{flex-shrink:1;}
.hs-buyuk{font-size:17px !important;}
.hs-ornek{margin-left:6px;font-size:9px;font-weight:800;background:#FEF3C7;color:#92400E;padding:2px 6px;border-radius:6px;vertical-align:middle;}
.hs-not{font-size:10.5px;color:var(--slate);margin:8px 0 0;line-height:1.5;}
/* ── v16 Ana sayfa: düzenlenebilir hızlı erişim + son baktıkların ─────────
   Ana sayfadaki kısayol satırı (.qa/.qt/.qi, site.css) olduğu gibi kalır; burada yalnızca başlık,
   düzenleme ekranı (alt panel) ve son baktıkların mini kartları var. */
.qa-bas{padding-bottom:0;}
.qa-bas+.qa{padding-top:6px;}
button.sh-a{background:none;border:none;padding:0;font-family:inherit;}
.qt-l.uzun{white-space:normal;}
/* v16 renk paletinden site.css'te olmayanlar (aynı açık degrade biçiminde) */
.c-li{background:linear-gradient(135deg,#ECFCCB,#D9F99D);}
.c-de{background:linear-gradient(135deg,#E0F2FE,#BAE6FD);}
.c-or{background:linear-gradient(135deg,#FFEDD5,#FED7AA);}
.c-in{background:linear-gradient(135deg,#E0E7FF,#C7D2FE);}
.c-pk{background:linear-gradient(135deg,#FCE7F3,#FBCFE8);}
/* düzenleme ekranı: başlık ve alt düğmeler sabit, kısayollar kayar */
.ap.qa-ap{max-height:88vh;display:flex;flex-direction:column;}
.qa-ed{flex:1;min-height:0;display:flex;flex-direction:column;}
.qa-ed-alan{flex:1;min-height:0;overflow-y:auto;margin:0 -16px;padding:6px 16px 4px;}
.qa-ed-lbl{font-size:11px;font-weight:700;color:var(--slate);margin:12px 0 8px;}
.qa-ed-lbl:first-child{margin-top:0;}
.qa-ed-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px;}
.qa-ed-izgara .qt{width:100%;}
.qa-ed-izgara .qt-l{white-space:normal;}
/* "Yakında" rozeti düzenleme ızgarasında sol üste: sağ üstteki −/+ düğmesinin altında kalmasın */
.qa-ed-izgara .qe{right:auto;left:-6px;}
.qt-w{position:relative;background:none;border:none;padding:4px 0 0;font-family:inherit;color:inherit;cursor:pointer;min-width:0;}
.qt-w .qt{pointer-events:none;}
.qt-w.yakinda{opacity:.55;}
.qx{position:absolute;top:0;right:2px;width:20px;height:20px;border-radius:50%;background:#E11D48;color:#fff;font-style:normal;font-weight:800;font-size:14px;display:grid;place-items:center;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.2);}
.qx.ekle{background:var(--emerald);}
.qa-ed-alt{display:flex;gap:8px;padding-top:12px;margin-top:6px;border-top:1px solid var(--gri);}
.qa-ed-vars{flex:0 0 auto;border:none;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;background:var(--gri);color:var(--text);}
.qa-ed-alt .bb{flex:1;width:auto;}
/* son baktıkların: yatay kayan mini kartlar (v16 .sim) */
.sbk-serit{display:flex;gap:9px;overflow-x:auto;padding:0 14px 8px;scrollbar-width:none;}
.sbk-serit::-webkit-scrollbar{display:none;}
.sbk{flex:0 0 140px;display:block;background:#fff;border-radius:15px;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;box-shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);}
.sbk-th{height:86px;display:grid;place-items:center;font-size:44px;}
.sbk-th span{filter:drop-shadow(0 8px 10px rgba(0,0,0,.25));}
.sbk-b{padding:8px 10px 10px;}
.sbk-t{font-size:11px;font-weight:700;color:var(--text);line-height:1.3;height:28px;overflow:hidden;}
.sbk-p{font-size:12.5px;font-weight:800;color:var(--emerald);margin-top:4px;}
.sbk-l{font-size:9.5px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* son baktıklarım sayfası */
.sbk-bos{font-size:11.5px;margin-top:6px;line-height:1.5;}
.sbk-alt{text-align:center;padding:12px;}
.sbk-temizle{border:none;border-radius:11px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;background:var(--gri);color:var(--text);}
/* ── v16 İlan Ver: 3 adım çubuğu, taslak notu, isteğe bağlı alanlar, toplam fiyat · İlan detayı: fiyatın neye ait olduğu, fotoğrafsız ilan ── */
.ilv-adim{display:flex;gap:6px;padding:12px 14px 6px;}
.ilv-adim div{flex:1;}
.ilv-adim i{display:block;height:5px;border-radius:3px;background:var(--gri);}
.ilv-adim span{display:block;font-size:10px;font-weight:700;color:var(--slate);margin-top:5px;}
.ilv-adim .on i{background:var(--amber);}
.ilv-adim .on span{color:var(--text);}
.taslak-not{margin:4px 14px 10px;font-size:11px;font-weight:700;color:#065F46;background:#ECFDF5;border-radius:10px;padding:8px 11px;line-height:1.5;}
.taslak-not a{float:right;margin-left:10px;color:var(--rose);font-weight:800;text-decoration:none;cursor:pointer;}
.taslak-not a.dvm{color:var(--emerald);}
.ilv-ek{margin:0 14px 11px;border-radius:12px;background:#F6F7F5;padding:0 12px;box-shadow:0 0 0 1px var(--gri);}
.ilv-ek summary{list-style:none;cursor:pointer;padding:12px 0;font-size:12px;font-weight:800;color:var(--text);display:flex;justify-content:space-between;}
.ilv-ek summary::-webkit-details-marker{display:none;}
.ilv-ek summary::after{content:'▾';color:var(--slate);}
.ilv-ek[open] summary::after{content:'▴';}
.ilv-ek[open]{padding-bottom:2px;}
.ilv-ek .fs{padding:0;}
.fiyat-toplam{font-size:11.5px;color:var(--slate);margin-top:6px;}
.fiyat-toplam:empty{display:none;}
.fiyat-toplam b,.fiyat-ait b{color:var(--text);}
.fiyat-ait{font-size:11.5px;color:var(--slate);margin-top:6px;line-height:1.45;}
.fotosuz{margin:8px 14px 0;background:#fff;border-radius:var(--r);padding:11px 13px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;box-shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);}
.fotosuz span{font-size:12px;font-weight:800;color:var(--text);}
.fotosuz small{font-size:10.5px;font-weight:600;color:var(--slate);}
.fotosuz form{margin:0;}
.fotosuz button,.fotosuz a{margin-top:5px;display:inline-block;border:none;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:11.5px;font-weight:800;cursor:pointer;background:#ECFDF5;color:#065F46;text-decoration:none;box-shadow:inset 0 0 0 1.5px #A7F3D0;}
/* ── v16 Kayıtlı aramalar ve fiyat alarmları (.ka-*) ─────────────── */
.ka-yildiz{background:none;border:none;font-size:15px;cursor:pointer;padding:0;line-height:1;}
.ka-giris{display:inline-block;width:auto;padding:11px 20px;font-size:12.5px;text-decoration:none;}
.ka-satir{padding:6px 8px 6px 6px;cursor:default;}
.ka-ac,.ka-bilgi{flex:1;min-width:0;display:flex;}
.ka-dugme,.ka-bilgi{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:none;padding:6px 8px;font-family:inherit;text-align:left;cursor:pointer;color:inherit;}
.ka-bilgi{cursor:default;}
.ka-dugme .mi-n,.ka-dugme .mi-s,.ka-bilgi .mi-n,.ka-bilgi .mi-s{display:block;}
.ka-yeni{color:var(--emerald);}
.ka-sil{flex-shrink:0;width:32px;height:32px;border-radius:9px;border:none;background:var(--gri);color:var(--slate);font-size:13px;font-weight:800;cursor:pointer;}
.ka-sil:hover{background:#FFE4E6;color:#BE123C;}
.ka-caldi{opacity:.75;}
.ka-bas{margin:4px 16px 7px;font-size:9.5px;font-weight:800;color:var(--slate);text-transform:uppercase;letter-spacing:.5px;}
.ka-form{padding-top:12px;}
/* yön seçimi: site.css .ach çipi, seçili radyo ile .on görünümü */
.ka-yon{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.ka-yon .ach{display:block;position:relative;font-size:11.5px;padding:10px 8px;}
.ka-yon .ach input{position:absolute;opacity:0;pointer-events:none;}
.ka-yon .ach:has(input:checked){background:#D1FAE5;border-color:var(--emerald);color:#065F46;}
.ka-yon .ach:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:2px;}
/* ── v16 Nakliye: teklif al, talep, sevkiyatlarım, nakliyeci paneli ─────────────
   Seçim düğmeleri (yük tipi / araç) JS'siz radyo: seçili olan v16 .chp.on görünümünde. */
.nk-ust{margin:12px 14px 0;background:linear-gradient(135deg,var(--deep),var(--deep2));color:#fff;border-radius:16px;padding:14px 16px;}
.nk-ust-t{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;opacity:.75;}
.nk-ust-s{font-size:13.5px;font-weight:700;margin-top:3px;line-height:1.4;word-break:break-word;}
.nk-hata{margin:10px 14px 0;background:#FEF2F2;border:1px solid #FECACA;color:#991B1B;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700;}
.nk-bt{font-size:13px;font-weight:800;color:var(--text);margin-bottom:10px;}
.nk-lbl{margin-top:12px;}
.nk-chips{display:flex;flex-wrap:wrap;gap:7px;}
.nk-chp{position:relative;cursor:pointer;}
.nk-chp input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.nk-chp span{display:inline-block;border:1.5px solid var(--gri);background:#fff;border-radius:11px;padding:9px 12px;font-size:12px;font-weight:700;color:var(--text);}
.nk-chp input:checked+span{border-color:var(--amber);background:#FFFBEB;color:#92400E;}
.nk-chp input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px;}
.nk-gonder{margin-top:14px;}
.nk-not{margin:10px 14px 0;font-size:11px;line-height:1.55;color:var(--slate);}
.nk-not a{color:var(--sky);font-weight:700;}
.nk-h{font-size:14px;font-weight:800;color:var(--text);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.nk-kod{font-size:11px;font-weight:700;color:var(--slate);}
.nk-teklif{flex-wrap:wrap;cursor:default;}
.nk-teklif .ar-bd{min-width:0;}
.nk-teklif form{margin:0;}
.nk-tutar{font-size:14px;font-weight:800;color:var(--emerald);white-space:nowrap;}
.nk-sec{border:none;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:11.5px;font-weight:800;cursor:pointer;background:var(--deep);color:#fff;white-space:nowrap;flex-shrink:0;}
.nk-ilerlet{width:100%;margin-top:10px;padding:10px 12px;}
.nk-yaz{display:block;flex-basis:100%;margin-top:8px;font-size:11.5px;font-weight:800;color:var(--sky);text-decoration:none;}
.nk-link{display:block;text-align:center;text-decoration:none;}
.nk-iptal{background:var(--gri);color:var(--rose);box-shadow:none;}
.nk-al{display:block;text-align:center;text-decoration:none;border-radius:12px;padding:12px;font-size:13px;font-weight:800;background:#E0F2FE;color:#075985;}
/* zaman çizelgesi: v16 .tl */
.nk-tl{display:flex;flex-direction:column;margin-top:6px;}
.nk-tl div{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:12.5px;color:var(--slate);position:relative;}
.nk-tl div i{width:14px;height:14px;border-radius:50%;background:var(--gri);flex-shrink:0;}
.nk-tl div.on{color:var(--text);font-weight:700;}
.nk-tl div.on i{background:var(--emerald);}
.nk-tl div.cur i{box-shadow:0 0 0 4px #D1FAE5;}
.nk-tl small{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--slate);}

/* ── v16 İlan Ver: kategoriye göre fiyat birimi düğmeleri (seçili = yeşil; JS gerekmez) ───────── */
.birim-dg{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.birim-dg .ach{position:relative;font-size:11.5px;padding:8px 12px;}
.birim-dg .ach input{position:absolute;opacity:0;pointer-events:none;}
.birim-dg .ach:has(input:checked){background:#D1FAE5;border-color:var(--emerald);color:#065F46;}
.birim-dg .ach:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:2px;}

/* ── v16 Sesli arama · "İnternet yok" şeridi · yüklenirken iskelet kutular ─────────────────────
   Mikrofon düğmesi yalnızca tarayıcı Web Speech destekliyorsa görünür (app.js hidden'ı kaldırır). */
.sesli-mic{width:30px;height:30px;border:none;border-radius:9px;background:#F59E0B;color:#0A1628;font-size:15px;cursor:pointer;padding:0;display:grid;place-items:center;flex-shrink:0;}
.sesli-mic[hidden]{display:none;}
.sesli-mic.dinliyor{background:#EF4444;animation:sesliNabiz 1s ease-in-out infinite;}
@keyframes sesliNabiz{50%{box-shadow:0 0 0 6px rgba(239,68,68,.25);}}
.kolay>button{border:none;border-radius:20px;min-height:112px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#fff;text-align:left;font-family:inherit;font-size:inherit;cursor:pointer;box-shadow:0 12px 20px -16px rgba(0,0,0,.7);}
.kolay>button:not(.soon):active{transform:scale(.97);}
.kolay>button.dinliyor{animation:sesliNabiz 1s ease-in-out infinite;}
/* çevrimdışı şeridi: v16 .netbar (bağlantı gelince kısa süre yeşil) */
.netbar{position:fixed;left:0;right:0;top:0;z-index:300;background:#B45309;color:#fff;font-size:11.5px;font-weight:800;text-align:center;padding:calc(6px + env(safe-area-inset-top,0px)) 10px 6px;}
.netbar[hidden]{display:none;}
.netbar.ok{background:#047857;}
/* iskelet: v16 .skel / .skrow */
.skel{background:linear-gradient(90deg,#ECEFEB 0%,#F6F7F5 50%,#ECEFEB 100%);background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:12px;}
@keyframes sk{to{background-position:-200% 0}}
.skrow{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--gri);}
.skrow .a{width:62px;height:62px;flex-shrink:0;}
.skrow .b{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px;}
.skrow .b i{display:block;height:12px;}
.sbk.sk-kart{cursor:default;}
.sbk.sk-kart .sbk-th{border-radius:0;}
.sbk.sk-kart i{display:block;height:10px;margin-top:6px;border-radius:6px;}
.on-iskelet{display:flex;flex-direction:column;gap:6px;padding:10px 11px;}
.on-iskelet i{display:block;height:11px;border-radius:6px;}
@media (prefers-reduced-motion:reduce){.skel,.sesli-mic.dinliyor,.kolay>button.dinliyor{animation:none;}}
/* ── v16 Tedarik Anlaşmaları (/profil/tedarik): liste, kabul/ret/geri çek, yeni taslak formu ── */
.td-ust{margin:12px 14px 0;background:linear-gradient(135deg,var(--deep),var(--deep2));color:#fff;border-radius:16px;padding:14px 16px;}
.td-etk{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.4px;background:rgba(255,255,255,.16);border-radius:7px;padding:2px 8px;}
.td-ust-s{font-size:13.5px;font-weight:700;margin-top:6px;line-height:1.4;}
.td-k{margin-bottom:8px;}
.td-k .td-ar{margin-bottom:0;}
.td-ar .ar-bd{min-width:0;}
.td-ar .ar-m{word-break:break-word;}
.td-ar .ar-bg{white-space:nowrap;flex-shrink:0;}
.td-ar .ar-bg.td-kapali{background:var(--gri);color:var(--slate);}
.td-eylem{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 14px 0;}
.td-eylem form{margin:0;}
.td-bek{flex:1;font-size:11px;font-weight:700;color:var(--slate);}
.td-btn{border:none;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:11.5px;font-weight:800;cursor:pointer;background:var(--gri);color:var(--text);white-space:nowrap;}
.td-btn.td-kabul{background:var(--deep);color:#fff;}
.td-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px;}
.td-hata{margin:10px 14px 0;background:#FEF2F2;border:1px solid #FECACA;color:#991B1B;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700;}
.td-lbl{margin-top:12px;}
.td-gonder{margin-top:14px;}
.td-link{display:block;text-align:center;text-decoration:none;}
.td-not{margin:10px 14px 0;font-size:11px;line-height:1.55;color:var(--slate);}
/* ── v16 İlk açılış ve ana sayfa: karşılama ekranı, rol kartı/paneli, size uygun ilanlar, bugünkü fiyatlar, komşunu davet et ──
   Karşılama ve rol kartı, _Layout başındaki betiğin <html>'e koyduğu sınıfla (hosgeldin / rol-sec) görünür: titreme olmaz. */
.wel{display:none;position:fixed;inset:0;z-index:950;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(170deg,var(--deep),#0F2236 60%,#0D2A20);color:#fff;transition:opacity .3s;}
html.hosgeldin .wel{display:block;}
.wel.out{opacity:0;pointer-events:none;}
.wel-ic{max-width:480px;min-height:100%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;padding:calc(48px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));}
.wel-lg{font-family:'Bebas Neue',sans-serif;font-size:56px;letter-spacing:5px;line-height:.9;}
.wel-lg b{color:var(--amber);font-weight:400;}
.wel-s1{font-size:17px;font-weight:800;margin-top:12px;line-height:1.35;}
.wel-s2{font-size:14px;color:rgba(255,255,255,.72);margin-top:4px;}
.wel ul{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-direction:column;gap:16px;}
.wel li{display:flex;gap:14px;align-items:center;font-size:14px;line-height:1.4;color:rgba(255,255,255,.88);}
.wel li span{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;flex-shrink:0;font-size:22px;}
.wel li b{color:#fff;display:block;font-size:15px;}
.wel-sp{flex:1;min-height:28px;}
.wel-go{height:56px;border-radius:16px;border:none;background:var(--amber);color:var(--deep);font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;}
.wel-gir{display:grid;place-items:center;height:52px;margin-top:10px;border-radius:16px;border:1.5px solid rgba(255,255,255,.25);color:#fff;font-size:15px;font-weight:700;text-decoration:none;}
.wel-ft{font-size:11.5px;color:rgba(255,255,255,.55);text-align:center;margin-top:14px;line-height:1.5;}
.wel-ft a{color:rgba(255,255,255,.8);text-decoration:underline;}
/* rol kartı (v16 .role17) */
.rol-kart{display:none;align-items:center;gap:12px;margin:12px 14px 0;background:#fff;border-radius:18px;padding:12px 12px 12px 14px;box-shadow:0 0 0 1px var(--gri);position:relative;}
html.rol-sec .rol-kart{display:flex;}
.rol-kart-i{width:44px;height:44px;border-radius:14px;background:#E0E7FF;display:grid;place-items:center;font-size:22px;flex-shrink:0;}
.rol-kart p{flex:1;margin:0;font-size:12px;line-height:1.4;color:var(--slate);padding-right:14px;}
.rol-kart p b{display:block;font-size:14px;color:var(--text);margin-bottom:2px;}
.rol-kart-sec{flex-shrink:0;border:none;border-radius:12px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;background:var(--deep);color:#fff;}
.rol-kart-x{position:absolute;top:2px;right:2px;border:none;background:none;width:30px;height:30px;font-size:14px;color:var(--slate);cursor:pointer;}
/* "Hızlı erişim" başlığındaki rol çipi (v16 .rolechip) */
.rol-cip{margin-left:6px;vertical-align:middle;border:none;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:800;color:#92400E;background:#FEF3C7;border-radius:10px;padding:3px 8px;}
/* rol alt paneli (v16 .roles) */
.ap.rol-ap{max-height:88vh;overflow-y:auto;overscroll-behavior:contain;}
.rol-not{font-size:11.5px;color:var(--slate);line-height:1.5;margin:-4px 0 10px;}
.roller{display:flex;flex-direction:column;gap:8px;}
.roller button{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid var(--gri);background:#fff;border-radius:16px;padding:10px 12px;cursor:pointer;font-family:inherit;color:inherit;}
.roller button.on{border-color:var(--amber);background:#FFFBEB;}
.roller .qi{width:46px;height:46px;font-size:22px;flex-shrink:0;}
.rol-ad b{display:block;font-size:13.5px;color:var(--text);}
.rol-ad small{font-size:11px;color:var(--slate);}
.rol-kolay{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;background:#F4F6F3;border-radius:14px;padding:12px 14px;font-size:13px;color:var(--text);}
.rol-kolay small{display:block;font-size:11px;color:var(--slate);margin-top:2px;}
/* size uygun ilanlar: sekmeler (v16 .feedc), boş durum, "Tüm ilanları gör" */
.uy-sek{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 14px 10px;}
.uy-sek::-webkit-scrollbar{display:none;}
.uy-sek>*{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:19px;border:1.5px solid var(--gri);background:#fff;font-family:inherit;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;text-decoration:none;}
.uy-sek>.on{background:var(--deep);border-color:var(--deep);color:#fff;}
#uygunListe.yukleniyor{opacity:.5;transition:opacity .15s;}
.uy-bos{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:24px 18px;font-size:12.5px;color:var(--slate);}
.uy-bos i{font-style:normal;font-size:30px;}
.uy-bos b{font-size:14.5px;color:var(--text);}
.uy-bos-d{margin-top:8px;border:none;border-radius:12px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;background:var(--gri);color:var(--text);text-decoration:none;}
.uy-tumu{display:grid;place-items:center;margin:2px 14px 0;height:48px;border-radius:14px;border:1.5px solid var(--gri);background:#fff;font-size:14px;font-weight:800;color:var(--text);text-decoration:none;}
/* bugünkü fiyatlar (v16 .piy) */
.gf{margin:0 14px;background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--gri);overflow:hidden;}
.gf-r{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--gri);text-decoration:none;color:inherit;}
.gf-i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-size:20px;}
.gf-n{flex:1;min-width:0;}
.gf-n b{display:block;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gf-n small{font-size:11px;color:var(--slate);}
.gf-v b{font-size:14.5px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;}
.gf-d{font-size:12px;font-weight:800;padding:4px 7px;border-radius:8px;min-width:54px;text-align:center;font-variant-numeric:tabular-nums;}
.gf-d.up{background:#D1FAE5;}
.gf-d.dn{background:#FFE4E6;}
.gf-alt{padding:10px 14px;font-size:11.5px;color:var(--slate);line-height:1.45;}
.gf-ornek{margin-right:6px;font-size:9px;font-weight:800;background:#FEF3C7;color:#92400E;padding:2px 6px;border-radius:6px;}
/* komşunu davet et (Hesabım, v16 .invite) */
.davet{display:flex;align-items:center;gap:12px;width:calc(100% - 28px);margin:10px 14px 0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#ECFDF5,#D1FAE5);border:1px solid rgba(5,150,105,.2);cursor:pointer;font-family:inherit;text-align:left;}
.davet-i{font-size:26px;}
.davet-b{flex:1;min-width:0;}
.davet-b b{display:block;font-size:13px;color:#064E3B;}
.davet-b small{font-size:11px;color:#047857;}
.davet i{font-style:normal;color:#047857;font-size:20px;}

/* ── Tanıtım/örnek satıcı: kart güven şeridindeki rozetler örnektir (15.10 canlı test) ─────────── */
.gst.gst-ornek{background:#FEF3C7;color:#92400E;}

/* ── 15.10 canlı test (iletişim/nakliye/tedarik) ──────────────────────────────────────────────────
   1) Toast: site.css'te white-space:nowrap — uzun metin telefonda iki yandan kesiliyordu (390 px'te 452 px).
      Artık satır kırar ve ekrana sığar (iki yanda 16 px pay); masaüstünde sağ altta en çok 420 px.
   2) Tedarik kartı: Kabul/Reddet/Geri çek düğmeleri kartın dışında, iki kartın arasında kalıyordu → kart tek beyaz kutu.
   3) Sevkiyatlarım › Geçmiş: iptal edilen talepler soluk gösterilir. */
.toast{white-space:normal;width:max-content;max-width:calc(100vw - 32px);text-align:center;line-height:1.4;overflow-wrap:anywhere;}
@media (min-width:900px){.toast{max-width:min(420px, calc(100vw - 56px));text-align:left;}}
.td-k{background:#fff;border-radius:12px;margin:0 14px 8px;box-shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);overflow:hidden;}
.td-k .td-ar{margin:0;box-shadow:none;border-radius:0;background:transparent;}
.td-k .td-eylem{margin:0;padding:0 12px 11px 64px;}
.nk-gecmis{opacity:.75;}
/* ── İlan fotoğrafları (15.10 canlı test): kartta kapak küçük resmi, ilan sayfasında kaydırmalı galeri (v16 gal17) + tam ekran,
   İlan Ver'de eklemeli seçim önizlemesi (v16 ph17), kuruşlu fiyat notu, Favoriler'de yayından kalkmış ilan ── */
.li-th.ph,.sbk-th.ph{background:#E9EDE8!important;overflow:hidden;padding:0;}
.li-th.ph img,.sbk-th.ph img{width:100%;height:100%;object-fit:cover;display:block;}
/* geniş ekranda yükseklik sınırı genişliği daraltınca galeri sola yaslanmasın, ortalansın (1280 px) */
.gal17{position:relative;margin:12px auto 0;width:calc(100% - 28px);max-width:calc(52vh * 4 / 3);aspect-ratio:4/3;max-height:52vh;background:#E9EDE8;border-radius:var(--r);overflow:hidden;}
.gal17 .trk{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.gal17 .trk::-webkit-scrollbar{display:none;}
.gal17 .trk img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;cursor:zoom-in;background:#DDE3DC;}
.gal17 .cnt{position:absolute;right:10px;bottom:10px;background:rgba(11,26,44,.72);color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:9px;pointer-events:none;}
.lbx-acik,.lbx-acik body{overflow:hidden;}
.lbx{position:fixed;inset:0;z-index:2000;background:rgba(5,10,18,.94);}
.lbx .trk{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.lbx .trk::-webkit-scrollbar{display:none;}
.lbx .trk img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;scroll-snap-align:center;}
.lbx button{position:absolute;border:none;border-radius:50%;width:42px;height:42px;background:rgba(255,255,255,.16);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;}
.lbx .kp{top:calc(12px + env(safe-area-inset-top,0px));right:12px;font-size:18px;}
.lbx .lbx-o{left:10px;top:50%;transform:translateY(-50%);}
.lbx .lbx-s{right:10px;top:50%;transform:translateY(-50%);}
.lbx .cnt{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);color:#fff;font-size:12px;font-weight:800;background:rgba(0,0,0,.4);padding:4px 11px;border-radius:10px;}
label.up-box{display:block;}
.foto-onizleme{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;}
.foto-on{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;background:#E9EDE8;}
.foto-on img{width:100%;height:100%;object-fit:cover;display:block;}
.foto-on button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:none;background:rgba(11,26,44,.7);color:#fff;font-size:13px;cursor:pointer;}
.foto-on .k{position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:800;background:var(--amber);color:#fff;border-radius:5px;padding:1px 5px;}
.fiyat-not{font-size:9.5px;color:var(--slate);margin-top:4px;}
.fav-kapali{opacity:.75;cursor:default;}
.fav-kapali .li-ft{align-items:center;}
.fav-kapali form{margin:0;}
.fav-kapali button{border:none;background:none;font-family:inherit;font-size:10.5px;font-weight:800;color:var(--rose);cursor:pointer;padding:4px 0;}
.lbx button[hidden],.foto-onizleme[hidden]{display:none;}

/* ── 2. tur canlı test (16.10) · ön yüz düzeltmeleri ─────────────────────────────────────────────────
   1) iOS: 16 px'ten küçük yazılı kutuya dokununca Safari sayfayı büyütüyordu (.fi/.fsel 12,5 px, arama 12 px).
      Dokunmatik cihazda yazı kutuları 16 px; yer tutucu yazı eski boyunda kalır (görünüm dengesi). /ara'daki küçük
      süzgeç listeleri (.fsel-k) 16 px'te "Tüm T…" diye kesildiği için eski boyunda kalır; iPhone'da onları _Layout'taki
      betik korur (yalnızca iOS'ta viewport maximum-scale=1: odakta büyütme olmaz, iki parmakla büyütme iOS'ta açık kalır).
   2) Sektör sayfası alt kategori kutuları dar telefonda kesiliyordu (.sek-hero overflow:hidden): v16'daki gibi tek
      satır kalır, sığmayınca yana kayar; ekranın kenarında yarım görünen kutu kaydırılabildiğini gösterir.
   3) Rol kartı: geniş ekranda ✕, "Seç"in üstüne biniyordu.
   4) "İnternet yok" şeridi logonun üstüne biniyordu: şerit görünürken uygulama onun altından başlar.
   5) Küçük dokunma alanları: görünüm aynı, basılabilen alan ~44 px (görünmez ::after ya da şeffaf kenarlık).
   6) Erişilebilirlik: "İçeriğe atla", Hesabım satırları gerçek bağlantı/düğme, panel odağı.
   7) Renk kontrastı: sarı zeminde beyaz yazı (2,1:1) yerine lacivert (v16'nın sarı düğme + lacivert yazısı);
      açık zeminde sarı yazı (1,9:1) yerine koyu sarı; alt menüde seçili sekme ve "İlan Ver" yazısı v16'daki gibi lacivert. */
@media (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select:not(.fsel-k),textarea{font-size:16px!important;}
  input::placeholder,textarea::placeholder{font-size:13px;}
}
.sek-cats{overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding:0 16px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.sek-cats::-webkit-scrollbar{display:none;}
.sek-cats>.sc2{flex:1 0 60px;scroll-snap-align:start;}
@media (min-width:600px){.rol-kart-sec{margin-right:28px;}}
.netbar{line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body:has(#netBar:not([hidden])) .phone{padding-top:calc(29px + env(safe-area-inset-top,0px));}
button[onclick="geri()"],.ust-fav,.ust-geri,.sh-a,.pt .pl{position:relative;}
button[onclick="geri()"]::after,.ust-fav::after,.ust-geri::after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);}
.ara-geri{margin:-9px 0 -9px -12px!important;padding:9px 6px 9px 12px!important;}
.ara-geri::after{width:100%;}
.sh-a::after{content:'';position:absolute;inset:-14px -8px;}
a.sh-a{text-decoration:none;}
.pt .pl::after{content:'';position:absolute;inset:-8px -3px;}
.ka-yildiz{padding:9px 4px;margin:-9px 0;}
.foto-on button{top:-5px;right:-5px;width:44px;height:44px;border:9px solid transparent;background-clip:padding-box;}
.icerige-atla{position:fixed;left:8px;top:-80px;z-index:3000;background:var(--deep);color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:800;text-decoration:none;}
.icerige-atla:focus{top:calc(8px + env(safe-area-inset-top,0px));outline:2px solid var(--amber);outline-offset:2px;}
main.scr:focus,.ap:focus{outline:none;}
button.mi{width:calc(100% - 28px);border:none;font-family:inherit;font-size:inherit;color:inherit;text-align:left;}
.mi .mi-b>span{display:block;}
button.rz{border:0;background:none;font-family:inherit;color:inherit;width:100%;}
.pl.on,.rk-cta,.pg .cur{color:var(--deep);}
.sh-a{color:#B45309;}
.bi.on .lbl,.plus-lbl{color:var(--deep);}
/* ══ 16.10 canlı test — veri tutarlılığı ve ekran düzeltmeleri (q2-tutarlilik) ══════════════
   · Teklif durumları: reddedilen kırmızı, geri çekilen gri (önce ikisi de mavi "Red" görünüyordu)
   · Sohbet: yazma kutusu kaydırılan listenin dışında, ekranın altında sabit; çok satırlı, ~5 satıra kadar büyür
   · Ana sayfa: misafir "Yakınımda" → v16 il seçme paneli (girişe atmaz) */
.bg-ro{background:#FFE4E6;color:#9F1239;}
.bg-sl{background:#F1F5F9;color:#475569;}

.soh-yaz{flex-shrink:0;display:flex;gap:6px;align-items:flex-end;margin:0;background:#fff;border-top:1px solid var(--gri);
  padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));}
.soh-yaz textarea{flex:1;min-width:0;resize:none;min-height:42px;max-height:140px;overflow-y:auto;line-height:1.45;font-family:inherit;}
.soh-yaz button{flex-shrink:0;width:46px;height:42px;border:none;border-radius:10px;cursor:pointer;font-size:16px;
  background:linear-gradient(135deg,var(--amber2),var(--amber));}
@media (min-width:900px){
  .scr > .soh-yaz{padding-left:max(14px,(100% - 860px)/2);padding-right:max(14px,(100% - 860px)/2);}
}
@media (min-width:1500px){
  .scr > .soh-yaz{padding-left:max(14px,(100% - 960px)/2);padding-right:max(14px,(100% - 960px)/2);}
}

.konum-p{font-size:12.5px;color:var(--slate);line-height:1.5;margin:0 0 10px;}
.konum-l{max-height:min(46vh,360px);overflow-y:auto;margin-top:8px;display:flex;flex-direction:column;gap:2px;}
.konum-l button{display:block;width:100%;text-align:left;border:none;background:none;border-radius:10px;padding:11px 10px;
  font-family:inherit;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;}
.konum-l button:hover,.konum-l button:focus-visible{background:#F4F6F3;}