/* ═══════════════════════════════════════════════════════════════════
   ParçaAğı — Vitrin Tasarım Sistemi  (si-* sınıf ailesi)  v3
   Sahibinden işleyişi · Altunakar kurumsal mavisi · ferah/aydınlık tema
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. Tasarım tokenları ─────────────────────────────────────────── */
:root{
  --si-mavi:#1f5aa6;          /* birincil */
  --si-mavi-k:#174a8c;        /* hover */
  --si-lacivert:#0f3766;      /* koyu vurgu, fiyat */
  --si-mavi-10:#e9f0fa;       /* açık zemin */
  --si-mavi-16:#d9e6f7;

  --si-zemin:#f4f6f9;
  --si-yuzey:#ffffff;
  --si-cizgi:#e3e9f1;
  --si-cizgi-k:#ccd8e4;

  --si-metin:#182432;
  --si-metin-2:#54677c;
  --si-metin-3:#5f7488;

  --si-vitrin:#a16207;  --si-vitrin-z:#fff7e2;  --si-vitrin-c:#eeddb2;
  --si-yesil:#177a4c;   --si-yesil-z:#e5f4ec;
  --si-turuncu:#c05f10; --si-turuncu-z:#fdeedd;
  --si-kirmizi:#c22f3e; --si-kirmizi-z:#fbe9eb;
  --si-gri-z:#edf1f6;
  --si-wa:#1fae55;      --si-wa-k:#18994a;

  --si-font-a:'Schibsted Grotesk',-apple-system,'Segoe UI',sans-serif; /* başlık/fiyat */
  --si-font-b:'Figtree',-apple-system,'Segoe UI',Roboto,sans-serif;    /* gövde */

  --si-r:12px; --si-r-k:8px;
  --si-golge:0 1px 2px rgba(15,35,66,.06);
  --si-golge-k:0 8px 24px -6px rgba(15,35,66,.16);
  --si-gecis:.16s ease;
}

/* ── 2. Taban ─────────────────────────────────────────────────────── */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.si-govde{margin:0;background:var(--si-zemin);color:var(--si-metin);
  font:400 14px/1.55 var(--si-font-b);-webkit-font-smoothing:antialiased}
.si-govde a{color:var(--si-mavi);text-decoration:none}
.si-govde a:hover{color:var(--si-mavi-k)}
.si-govde img{max-width:100%;display:block}
.si-govde h1,.si-govde h2,.si-govde h3{font-family:var(--si-font-a);line-height:1.25;margin:0}
.si-govde :focus-visible{outline:2px solid var(--si-mavi);outline-offset:2px;border-radius:4px}
.si-kabuk{max-width:1240px;margin:0 auto;padding:0 20px}
.si-atla{position:absolute;left:-999px;top:8px;background:var(--si-lacivert);color:#fff;
  padding:8px 14px;border-radius:8px;z-index:200}
.si-atla:focus{left:8px;color:#fff}

/* ── 3. Butonlar ──────────────────────────────────────────────────── */
.si-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:600 14px var(--si-font-b);padding:10px 18px;border-radius:var(--si-r-k);
  border:1px solid transparent;cursor:pointer;transition:var(--si-gecis);
  text-decoration:none;white-space:nowrap;line-height:1.2}
.si-btn--birincil{background:var(--si-mavi);color:#fff}
.si-btn--birincil:hover{background:var(--si-mavi-k);color:#fff}
.si-btn--ikincil{background:var(--si-mavi-10);color:var(--si-mavi)}
.si-btn--ikincil:hover{background:var(--si-mavi-16);color:var(--si-mavi-k)}
.si-btn--hayalet{background:var(--si-yuzey);border-color:var(--si-cizgi-k);color:var(--si-metin-2)}
.si-btn--hayalet:hover{border-color:var(--si-mavi);color:var(--si-mavi)}
.si-btn--wa{background:var(--si-wa);color:#fff}
.si-btn--wa:hover{background:var(--si-wa-k);color:#fff}
.si-btn--tehlike{background:var(--si-kirmizi-z);color:var(--si-kirmizi)}
.si-btn--tehlike:hover{background:#f6d5d9}
.si-btn--k{padding:7px 12px;font-size:13px}
.si-btn--blok{width:100%}
.si-btn[disabled]{opacity:.55;cursor:not-allowed}
/* .si-govde a genel link rengini ezer; buton metni zeminine göre okunur kalsın */
.si-govde a.si-btn--birincil,.si-govde a.si-btn--birincil:hover,
.si-govde a.si-btn--wa,.si-govde a.si-btn--wa:hover{color:#fff}
.si-govde a.si-btn--ikincil{color:var(--si-mavi)}
.si-govde a.si-btn--hayalet{color:var(--si-metin-2)}
.si-govde a.si-btn--hayalet:hover{color:var(--si-mavi)}
.si-govde a.si-btn--tehlike{color:var(--si-kirmizi)}

/* ── 4. Form elemanları ───────────────────────────────────────────── */
.si-alan{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.si-alan>label{font:600 13px var(--si-font-b);color:var(--si-metin-2)}
.si-alan .zorunlu{color:var(--si-kirmizi)}
.si-giris,.si-secim,.si-not{width:100%;font:400 14px var(--si-font-b);color:var(--si-metin);
  background:var(--si-yuzey);border:1px solid var(--si-cizgi-k);border-radius:var(--si-r-k);
  padding:10px 12px;transition:var(--si-gecis)}
.si-giris:focus,.si-secim:focus,.si-not:focus{outline:none;border-color:var(--si-mavi);
  box-shadow:0 0 0 3px var(--si-mavi-10)}
.si-secim{appearance:none;padding-right:34px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2354677c' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center}
.si-not{min-height:110px;resize:vertical}
.si-onay{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--si-metin-2)}
.si-onay input{width:16px;height:16px;margin-top:2px;accent-color:var(--si-mavi)}
.si-ipucu{font-size:12px;color:var(--si-metin-3)}
.si-form-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 14px}

/* ── 5. Üst çubuk (header) ────────────────────────────────────────── */
.si-ust{background:var(--si-yuzey);border-bottom:1px solid var(--si-cizgi);
  position:sticky;top:0;z-index:60}
.si-ust-ic{display:flex;align-items:center;gap:16px;height:64px}
.si-logo{display:flex;align-items:center;gap:9px;flex:none}
.si-logo-isaret{width:36px;height:36px;border-radius:10px;background:var(--si-mavi);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:16px}
.si-logo-yazi{font:700 20px var(--si-font-a);color:var(--si-lacivert);letter-spacing:-.3px}
.si-logo-yazi b{color:var(--si-mavi);font-weight:800}
.si-logo small{display:block;font:500 10px var(--si-font-b);color:var(--si-metin-3);
  letter-spacing:.4px;margin-top:-2px}

.si-ara{flex:1;max-width:620px;display:flex;align-items:stretch;height:44px;
  border:2px solid var(--si-mavi);border-radius:10px;background:var(--si-yuzey);overflow:hidden}
.si-ara-kat{border:0;border-right:1px solid var(--si-cizgi);background:var(--si-gri-z);
  font:600 13px var(--si-font-b);color:var(--si-metin-2);padding:0 28px 0 12px;max-width:190px;
  appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2354677c' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center}
.si-ara input{flex:1;border:0;padding:0 14px;font:400 14px var(--si-font-b);min-width:0}
.si-ara input:focus{outline:none}
.si-ara button{border:0;background:var(--si-mavi);color:#fff;padding:0 20px;cursor:pointer;
  font:600 14px var(--si-font-b);display:flex;align-items:center;gap:8px;transition:var(--si-gecis)}
.si-ara button:hover{background:var(--si-mavi-k)}

.si-ust-eylem{display:flex;align-items:center;gap:6px;flex:none}
.si-ikonbtn{position:relative;width:42px;height:42px;border-radius:10px;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;background:transparent;
  color:var(--si-metin-2);font-size:17px;transition:var(--si-gecis)}
.si-ikonbtn:hover{background:var(--si-gri-z);color:var(--si-mavi)}
.si-say{position:absolute;top:4px;right:3px;min-width:17px;height:17px;padding:0 4px;
  border-radius:9px;background:var(--si-kirmizi);color:#fff;font:700 10.5px/17px var(--si-font-b);
  text-align:center;border:2px solid var(--si-yuzey);box-sizing:content-box}

.si-hesap{position:relative}
.si-hesap-cip{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:10px;
  border:1px solid var(--si-cizgi);background:var(--si-yuzey);cursor:pointer;max-width:190px;
  font:600 13px var(--si-font-b);color:var(--si-metin)}
.si-hesap-cip:hover{border-color:var(--si-cizgi-k);background:var(--si-gri-z)}
.si-hesap-cip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.si-avatar{width:30px;height:30px;border-radius:8px;background:var(--si-mavi-10);color:var(--si-mavi);
  display:flex;align-items:center;justify-content:center;font:700 13px var(--si-font-a);flex:none}
.si-hesap-menu{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:var(--si-yuzey);
  border:1px solid var(--si-cizgi);border-radius:var(--si-r);box-shadow:var(--si-golge-k);
  padding:6px;display:none;z-index:70}
.si-hesap.acik .si-hesap-menu{display:block}
.si-hesap-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;
  color:var(--si-metin);font-size:13.5px}
.si-hesap-menu a:hover{background:var(--si-gri-z);color:var(--si-mavi)}
.si-hesap-menu a i{width:18px;text-align:center;color:var(--si-metin-3)}
.si-hesap-menu hr{border:0;border-top:1px solid var(--si-cizgi);margin:6px 4px}

/* Kategori şeridi — kurumsal pill navigasyon */
.si-serit{background:var(--si-yuzey);border-bottom:1px solid var(--si-cizgi)}
.si-serit-ic{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:9px 20px}
.si-serit-ic::-webkit-scrollbar{display:none}
.si-serit-lnk{flex:none;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;
  font:600 13.5px var(--si-font-b);color:var(--si-metin-2);white-space:nowrap;transition:var(--si-gecis)}
.si-serit-lnk i{font-size:13px;color:var(--si-metin-3);transition:var(--si-gecis)}
.si-serit-lnk:hover{background:var(--si-mavi-10);color:var(--si-mavi)}
.si-serit-lnk:hover i{color:var(--si-mavi)}
.si-serit-lnk.aktif{background:var(--si-mavi);color:#fff;box-shadow:0 3px 10px -3px rgba(31,90,166,.5)}
.si-serit-lnk.aktif i{color:#fff}

/* ── 6. İçerik / alt bölge ────────────────────────────────────────── */
.si-icerik{padding:20px 0 64px;min-height:52vh}
.si-alt{background:var(--si-yuzey);border-top:1px solid var(--si-cizgi);
  padding:22px 0;color:var(--si-metin-3);font-size:12.5px}
.si-alt-ic{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.si-alt a{color:var(--si-metin-2);margin-left:16px}

/* Mobil alt gezinme */
.si-mobilnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:65;
  background:var(--si-yuzey);border-top:1px solid var(--si-cizgi);
  padding:6px 8px calc(6px + env(safe-area-inset-bottom));
  grid-template-columns:repeat(5,1fr)}
.si-mobilnav a{display:flex;flex-direction:column;align-items:center;gap:3px;
  font:600 10.5px var(--si-font-b);color:var(--si-metin-3);padding:4px 0;position:relative}
.si-mobilnav a i{font-size:17px}
.si-mobilnav a.aktif{color:var(--si-mavi)}
.si-mobilnav .si-say{top:-3px;right:calc(50% - 20px)}
.si-mobilnav-orta i{width:46px;height:46px;margin-top:-22px;border-radius:50%;
  background:var(--si-mavi);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:18px;box-shadow:0 4px 12px rgba(31,90,166,.4)}

/* Çekmece (mobil menü) */
.si-cekmece{position:fixed;top:0;bottom:0;left:0;width:300px;max-width:86vw;z-index:90;
  background:var(--si-yuzey);transform:translateX(-104%);transition:transform .22s ease;
  overflow-y:auto;padding:16px;box-shadow:var(--si-golge-k)}
.si-ortu{position:fixed;inset:0;background:rgba(15,35,66,.45);z-index:85;opacity:0;
  pointer-events:none;transition:opacity .2s}
body.si-cekmece-acik .si-cekmece{transform:none}
body.si-cekmece-acik .si-ortu{opacity:1;pointer-events:auto}
body.si-cekmece-acik{overflow:hidden}
.si-cekmece-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.si-cekmece-nav a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:8px;
  color:var(--si-metin);font:600 14px var(--si-font-b)}
.si-cekmece-nav a i{width:20px;text-align:center;color:var(--si-metin-3)}
.si-cekmece-nav a:hover{background:var(--si-gri-z)}

/* ── 7. Kırıntı / bölüm başlığı / uyarı ───────────────────────────── */
.si-iz{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--si-metin-3);
  margin:0 0 14px;flex-wrap:wrap}
.si-iz a{color:var(--si-metin-2)}
.si-iz i{font-size:9px}
.si-bolum{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
.si-bolum h2{font-size:19px;font-weight:700;color:var(--si-lacivert)}
.si-bolum a{font:600 13px var(--si-font-b)}
.si-uyari{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--si-r-k);
  font-size:13.5px;margin:0 0 16px;border:1px solid transparent}
.si-uyari i{margin-top:2px}
.si-uyari--yesil{background:var(--si-yesil-z);color:var(--si-yesil);border-color:#cbe8d8}
.si-uyari--kirmizi{background:var(--si-kirmizi-z);color:var(--si-kirmizi);border-color:#f3cdd2}
.si-uyari--sari{background:var(--si-vitrin-z);color:var(--si-vitrin);border-color:var(--si-vitrin-c)}
.si-uyari--mavi{background:var(--si-mavi-10);color:var(--si-mavi-k);border-color:var(--si-mavi-16)}

/* ── 8. Rozetler / fiyat / yıldız ─────────────────────────────────── */
.si-rozet{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;
  font:700 11px var(--si-font-b);letter-spacing:.2px;white-space:nowrap}
.si-rozet--sifir{background:var(--si-yesil-z);color:var(--si-yesil)}
.si-rozet--yenilenmis{background:var(--si-mavi-10);color:var(--si-mavi)}
.si-rozet--cikma{background:var(--si-turuncu-z);color:var(--si-turuncu)}
.si-rozet--ikinci_el{background:var(--si-gri-z);color:var(--si-metin-2)}
.si-rozet--arizali{background:var(--si-kirmizi-z);color:var(--si-kirmizi)}
.si-rozet--vitrin{background:var(--si-vitrin);color:#fff}
.si-rozet--acik{background:var(--si-yesil-z);color:var(--si-yesil)}
.si-rozet--kapali{background:var(--si-gri-z);color:var(--si-metin-2)}
.si-rozet--acil{background:var(--si-kirmizi);color:#fff}
.si-rozet--kabul{background:var(--si-yesil-z);color:var(--si-yesil)}
.si-rozet--red{background:var(--si-kirmizi-z);color:var(--si-kirmizi)}
.si-rozet--sari{background:var(--si-vitrin-z);color:var(--si-vitrin)}
.si-fiyat{font:700 17px var(--si-font-a);color:var(--si-lacivert);letter-spacing:-.2px}
.si-fiyat--gizli{font-size:14px;color:var(--si-mavi)}
.si-yildiz{display:inline-flex;align-items:center;gap:2px;color:#e9a11b;font-size:13px}
.si-yildiz b{color:var(--si-metin);font:700 13px var(--si-font-b);margin-left:5px}
.si-yildiz small{color:var(--si-metin-3);font-size:12px;margin-left:3px}
.si-yildiz--yok{color:var(--si-metin-3);font:400 12.5px var(--si-font-b)}

/* ── 9. İlan kartları ─────────────────────────────────────────────── */
.si-sonuc{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:14px}
.si-kart{position:relative;background:var(--si-yuzey);border:1px solid var(--si-cizgi);
  border-radius:var(--si-r);overflow:hidden;display:flex;flex-direction:column;
  transition:var(--si-gecis);box-shadow:var(--si-golge)}
.si-kart:hover{border-color:var(--si-cizgi-k);box-shadow:var(--si-golge-k);transform:translateY(-2px)}
.si-kart--vitrin{border-color:var(--si-vitrin-c);background:linear-gradient(#fffdf6,var(--si-yuzey) 46px)}
.si-kart-foto{position:relative;display:block;aspect-ratio:4/3;background:var(--si-gri-z);overflow:hidden}
.si-kart-foto img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.si-kart:hover .si-kart-foto img{transform:scale(1.04)}
.si-kart-foto .si-rozet{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.95);
  box-shadow:var(--si-golge)}
.si-kart-foto .si-rozet--sifir{color:var(--si-yesil)}
.si-kart-foto .si-rozet--vitrin{left:auto;right:8px;top:8px;bottom:auto;background:var(--si-vitrin);color:#fff}
.si-kalp{position:absolute;top:8px;left:8px;width:34px;height:34px;border-radius:50%;border:0;
  background:rgba(255,255,255,.95);color:var(--si-metin-3);cursor:pointer;font-size:15px;
  display:flex;align-items:center;justify-content:center;box-shadow:var(--si-golge);
  transition:var(--si-gecis);z-index:2}
.si-kalp:hover{color:var(--si-kirmizi);transform:scale(1.08)}
.si-kalp.aktif{color:var(--si-kirmizi)}
.si-kart-gov{padding:11px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.si-kart-baslik{font:600 14px/1.4 var(--si-font-b);color:var(--si-metin);display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}
.si-kart-baslik:hover{color:var(--si-mavi)}
.si-kart-mm{font-size:12px;color:var(--si-metin-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-kart .si-fiyat{margin-top:auto}
.si-kart-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:11.5px;color:var(--si-metin-3)}
.si-kart-meta i{font-size:10px;margin-right:3px}
.si-kart-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Liste görünümü */
.si-sonuc--liste{display:flex;flex-direction:column;gap:10px}
.si-sonuc--liste .si-kart{flex-direction:row}
.si-sonuc--liste .si-kart-foto{width:196px;flex:none;aspect-ratio:4/3;align-self:stretch}
.si-sonuc--liste .si-kart-gov{padding:12px 16px}
.si-sonuc--liste .si-kart-baslik{font-size:15px;min-height:0}
.si-sonuc--liste .si-kart-meta{margin-top:auto;justify-content:flex-start;gap:16px}
.si-sonuc--liste .si-kart .si-fiyat{margin:2px 0 0;font-size:18px}

/* ── 10. Kategori ağacı (sol) ─────────────────────────────────────── */
.si-agac{background:var(--si-yuzey);border:1px solid var(--si-cizgi);border-radius:var(--si-r);
  overflow:hidden}
.si-agac-bas{padding:12px 14px;font:700 13px var(--si-font-a);color:var(--si-lacivert);
  border-bottom:1px solid var(--si-cizgi);display:flex;align-items:center;gap:8px}
.si-agac ul{list-style:none;margin:0;padding:6px}
.si-agac ul.alt{display:none;padding:0 0 4px 30px}
.si-agac li.acik>ul.alt{display:block}
.si-agac a{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;
  font:500 13px var(--si-font-b);color:var(--si-metin-2)}
.si-agac a i{width:17px;text-align:center;font-size:12px;color:var(--si-metin-3)}
.si-agac a:hover{background:var(--si-gri-z);color:var(--si-mavi)}
.si-agac li.acik>a{background:var(--si-mavi-10);color:var(--si-mavi);font-weight:700}
.si-agac li.acik>a i{color:var(--si-mavi)}
.si-agac .say{margin-left:auto;font:600 11px var(--si-font-b);color:var(--si-metin-3);
  background:var(--si-gri-z);border-radius:999px;padding:1px 7px}
.si-agac li.acik>a .say{background:var(--si-mavi-16);color:var(--si-mavi)}
.si-agac ul.alt a{padding:5px 9px;font-size:12.5px}

/* ── 11. Arama sayfası düzeni / filtre / araç çubuğu ──────────────── */
.si-katman{display:grid;grid-template-columns:262px minmax(0,1fr);gap:18px;align-items:start}
.si-yan{position:sticky;top:120px}
.si-filtre{background:var(--si-yuzey);border:1px solid var(--si-cizgi);border-radius:var(--si-r);
  padding:14px;margin:0 0 14px}
.si-filtre-ac{display:none}
.si-filtre-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;
  align-items:end}
.si-filtre .si-alan{margin:0}
.si-aralik{display:flex;align-items:center;gap:6px}
.si-aralik span{color:var(--si-metin-3)}
.si-arac{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;
  flex-wrap:wrap}
.si-arac-say{font-size:13px;color:var(--si-metin-2)}
.si-arac-say b{color:var(--si-metin);font-weight:700}
.si-arac-sag{display:flex;align-items:center;gap:8px}
.si-arac .si-secim{width:auto;padding-top:8px;padding-bottom:8px;font-size:13px}
.si-gorunum{display:flex;border:1px solid var(--si-cizgi-k);border-radius:var(--si-r-k);overflow:hidden}
.si-gorunum button{border:0;background:var(--si-yuzey);color:var(--si-metin-3);width:38px;height:36px;
  cursor:pointer;font-size:14px;transition:var(--si-gecis)}
.si-gorunum button.aktif{background:var(--si-mavi-10);color:var(--si-mavi)}
.si-cipler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.si-cip{display:inline-flex;align-items:center;gap:7px;background:var(--si-mavi-10);
  color:var(--si-mavi-k);border-radius:999px;padding:5px 7px 5px 12px;font:600 12.5px var(--si-font-b)}
.si-cip a{width:17px;height:17px;border-radius:50%;background:var(--si-mavi-16);color:var(--si-mavi-k);
  display:flex;align-items:center;justify-content:center;font-size:9px}
.si-cip a:hover{background:var(--si-mavi);color:#fff}
.si-cip--temizle{background:var(--si-gri-z);color:var(--si-metin-2);padding:5px 12px}
.si-cip--alarm{background:var(--si-vitrin-z);color:var(--si-vitrin);padding:5px 12px}
.si-cip--alarm:hover{background:var(--si-vitrin);color:#fff}

/* ── 12. Sayfalama ────────────────────────────────────────────────── */
.si-sayfa{display:flex;justify-content:center;gap:6px;margin:26px 0 0;flex-wrap:wrap}
.si-sayfa a,.si-sayfa span{min-width:38px;height:38px;padding:0 8px;border-radius:var(--si-r-k);
  border:1px solid var(--si-cizgi-k);background:var(--si-yuzey);color:var(--si-metin-2);
  display:flex;align-items:center;justify-content:center;font:600 13px var(--si-font-b)}
.si-sayfa a:hover{border-color:var(--si-mavi);color:var(--si-mavi)}
.si-sayfa .aktif{background:var(--si-mavi);border-color:var(--si-mavi);color:#fff}
.si-sayfa .bos{border:0;background:transparent}

/* ── 13. Boş durum ────────────────────────────────────────────────── */
.si-bos{background:var(--si-yuzey);border:1px dashed var(--si-cizgi-k);border-radius:var(--si-r);
  padding:52px 24px;text-align:center}
.si-bos-ikon{width:66px;height:66px;margin:0 auto 16px;border-radius:18px;background:var(--si-mavi-10);
  color:var(--si-mavi);display:flex;align-items:center;justify-content:center;font-size:26px}
.si-bos h3{font-size:17px;color:var(--si-metin);margin:0 0 6px}
.si-bos p{color:var(--si-metin-2);margin:0 auto 18px;max-width:380px;font-size:13.5px}
.si-bos-eylem{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ── 14. Genel kutu / tablo / sekme / istatistik ──────────────────── */
.si-kutu{background:var(--si-yuzey);border:1px solid var(--si-cizgi);border-radius:var(--si-r);
  box-shadow:var(--si-golge)}
.si-kutu-ic{padding:16px}
.si-kutu-bas{padding:13px 16px;border-bottom:1px solid var(--si-cizgi);
  font:700 14px var(--si-font-a);color:var(--si-lacivert);display:flex;align-items:center;
  justify-content:space-between;gap:10px}
.si-tablo{width:100%;border-collapse:collapse;font-size:13.5px}
.si-tablo th{text-align:left;font:600 12px var(--si-font-b);color:var(--si-metin-3);
  text-transform:uppercase;letter-spacing:.4px;padding:11px 14px;border-bottom:1px solid var(--si-cizgi)}
.si-tablo td{padding:11px 14px;border-bottom:1px solid var(--si-cizgi);vertical-align:middle}
.si-tablo tr:last-child td{border-bottom:0}
.si-tablo tr:hover td{background:#fafbfd}
.si-sekmeler{display:flex;gap:4px;border-bottom:1px solid var(--si-cizgi);margin:0 0 16px}
.si-sekmeler a{padding:10px 14px;font:600 13.5px var(--si-font-b);color:var(--si-metin-2);
  border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;gap:7px;align-items:center}
.si-sekmeler a.aktif{color:var(--si-mavi);border-bottom-color:var(--si-mavi)}
.si-istatlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;
  margin:0 0 18px}
.si-istat{background:var(--si-yuzey);border:1px solid var(--si-cizgi);border-radius:var(--si-r);
  padding:14px 16px;display:flex;align-items:center;gap:12px}
.si-istat i{width:40px;height:40px;border-radius:10px;background:var(--si-mavi-10);color:var(--si-mavi);
  display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.si-istat b{display:block;font:700 20px var(--si-font-a);color:var(--si-lacivert);line-height:1.1}
.si-istat span{font-size:12px;color:var(--si-metin-2)}
.si-anahtar{width:38px;height:22px;border-radius:999px;background:var(--si-cizgi-k);border:0;
  position:relative;cursor:pointer;transition:var(--si-gecis);flex:none}
.si-anahtar::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;
  border-radius:50%;background:#fff;transition:var(--si-gecis);box-shadow:var(--si-golge)}
.si-anahtar.acik{background:var(--si-yesil)}
.si-anahtar.acik::after{left:19px}

/* ── 15. İlan detay ───────────────────────────────────────────────── */
.si-detay{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:18px;align-items:start}
.si-detay-bas{margin:0 0 14px}
.si-detay-bas h1{font-size:22px;font-weight:700;color:var(--si-metin);margin:0 0 7px}
.si-detay-alt{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px;
  color:var(--si-metin-3)}
.si-detay-alt b{color:var(--si-metin-2);font-weight:600}
.si-sahip-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--si-mavi-10);
  border:1px solid var(--si-mavi-16);border-radius:var(--si-r);padding:10px 14px;margin:0 0 14px;
  font:600 13px var(--si-font-b);color:var(--si-mavi-k)}
.si-sahip-bar .si-btn{margin-left:0}
.si-sahip-bar .sag{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.si-galeri-ana{position:relative;background:var(--si-yuzey);border:1px solid var(--si-cizgi);
  border-radius:var(--si-r);overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;
  justify-content:center;cursor:zoom-in}
.si-galeri-ana img{width:100%;height:100%;object-fit:contain}
.si-galeri-ana .si-rozet{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.95);
  box-shadow:var(--si-golge)}
.si-galeri-say{position:absolute;right:12px;bottom:12px;background:rgba(15,35,66,.72);color:#fff;
  border-radius:999px;padding:4px 11px;font:600 12px var(--si-font-b)}
.si-galeri-serit{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.si-galeri-serit img{width:82px;height:62px;object-fit:cover;border-radius:8px;cursor:pointer;
  border:2px solid transparent;flex:none;opacity:.75;transition:var(--si-gecis)}
.si-galeri-serit img:hover{opacity:1}
.si-galeri-serit img.aktif{border-color:var(--si-mavi);opacity:1}
.si-ozellik{width:100%;border-collapse:collapse;font-size:13.5px}
.si-ozellik td{padding:9px 4px;border-bottom:1px dashed var(--si-cizgi)}
.si-ozellik tr:last-child td{border-bottom:0}
.si-ozellik td:first-child{color:var(--si-metin-3);width:42%}
.si-ozellik td:last-child{font-weight:600;color:var(--si-metin);text-align:right}
.si-aciklama{font-size:14px;line-height:1.75;color:var(--si-metin);white-space:pre-line}
.si-fiyat-kutu .si-fiyat{font-size:26px}
.si-fiyat-kutu .ust{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.si-fiyat-kutu .mini{display:flex;gap:14px;font-size:12px;color:var(--si-metin-3);margin-top:9px}
.si-satici-bas{display:flex;align-items:center;gap:12px}
.si-satici-bas .si-avatar{width:46px;height:46px;font-size:18px;border-radius:12px}
.si-satici-bas b{font:700 15px var(--si-font-a);color:var(--si-metin);display:block}
.si-satici-bas small{color:var(--si-metin-3);font-size:12px}
.si-satici-eylem{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.si-mesaj-ac summary{list-style:none;cursor:pointer}
.si-mesaj-ac summary::-webkit-details-marker{display:none}
.si-mesaj-ac form{margin-top:10px}

/* Işık kutusu (lightbox) */
.si-isik{position:fixed;inset:0;z-index:120;background:rgba(10,22,40,.92);display:none;
  align-items:center;justify-content:center}
.si-isik.acik{display:flex}
.si-isik img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:6px}
.si-isik button{position:absolute;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff;font-size:18px;transition:var(--si-gecis)}
.si-isik button:hover{background:rgba(255,255,255,.26)}
.si-isik-kapat{top:18px;right:18px}
.si-isik-geri{left:16px;top:50%;transform:translateY(-50%)}
.si-isik-ileri{right:16px;top:50%;transform:translateY(-50%)}

/* ── 16. Ana sayfa (vitrin) ───────────────────────────────────────── */
.si-hero{background:linear-gradient(128deg,var(--si-lacivert) 0%,var(--si-mavi) 62%,#2f6fbe 100%);
  border-radius:16px;padding:44px 36px;color:#fff;position:relative;overflow:hidden;margin:0 0 26px}
.si-hero::after{content:'';position:absolute;right:-90px;top:-110px;width:340px;height:340px;
  border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%)}
.si-hero h1{font-size:29px;font-weight:800;letter-spacing:-.4px;margin:0 0 8px;position:relative}
.si-hero p{margin:0 0 22px;color:#cfe0f5;font-size:15px;max-width:560px;position:relative}
.si-hero-ara{display:flex;background:#fff;border-radius:12px;overflow:hidden;max-width:760px;
  position:relative;box-shadow:0 12px 32px -8px rgba(9,25,50,.5)}
.si-hero-ara select{border:0;background:var(--si-gri-z);font:600 13px var(--si-font-b);
  color:var(--si-metin-2);padding:0 28px 0 14px;appearance:none;cursor:pointer;max-width:186px;
  border-right:1px solid var(--si-cizgi);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2354677c' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center}
.si-hero-ara input{flex:1;border:0;padding:16px;font:400 15px var(--si-font-b);min-width:0}
.si-hero-ara input:focus,.si-hero-ara select:focus{outline:none}
.si-hero-ara button{border:0;background:var(--si-lacivert);color:#fff;padding:0 26px;cursor:pointer;
  font:700 14px var(--si-font-b);display:flex;align-items:center;gap:9px}
.si-hero-ara button:hover{background:#0b2c53}
.si-hero-istat{display:flex;gap:26px;margin-top:20px;position:relative;flex-wrap:wrap}
.si-hero-istat b{font:800 21px var(--si-font-a);display:block}
.si-hero-istat span{font-size:12px;color:#b9d2ef}
/* Hero arka plan görseli (tam kaplama, sırayla dönen) */
.si-hero-arka{position:absolute;inset:0;z-index:0}
.si-hero-arka img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity 1.1s ease}
.si-hero-arka img.aktif{opacity:1}
.si-hero--gorselli::after{display:none}
.si-hero--gorselli::before{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg,rgba(9,25,50,.86) 0%,rgba(11,35,70,.66) 48%,rgba(11,35,70,.28) 100%)}
.si-hero-ust{position:relative;z-index:2}

/* Kategori kartları — kurumsal, yatay, detaylı */
.si-katgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));gap:12px;
  margin:0 0 30px}
.si-katkart{display:flex;align-items:center;gap:13px;background:var(--si-yuzey);
  border:1px solid var(--si-cizgi);border-radius:14px;padding:13px 15px;position:relative;
  color:var(--si-metin);transition:var(--si-gecis);overflow:hidden}
.si-katkart::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--si-mavi);opacity:0;transition:var(--si-gecis)}
.si-katkart:hover{border-color:var(--si-mavi);box-shadow:var(--si-golge-k);transform:translateY(-2px)}
.si-katkart:hover::before{opacity:1}
.si-katkart-ikon{width:46px;height:46px;border-radius:12px;flex:none;background:var(--si-mavi-10);
  color:var(--si-mavi);display:flex;align-items:center;justify-content:center;font-size:18px;
  transition:var(--si-gecis)}
.si-katkart:hover .si-katkart-ikon{background:var(--si-mavi);color:#fff}
.si-katkart-govde{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.si-katkart-govde b{font:600 14.5px var(--si-font-b);color:var(--si-lacivert);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-katkart-govde small{font:500 12px var(--si-font-b);color:var(--si-metin-3)}
.si-katkart-govde small b{display:inline;color:var(--si-mavi);font-weight:700}
.si-katkart-ok{font-size:12px;color:var(--si-metin-3);transition:var(--si-gecis);flex:none}
.si-katkart:hover .si-katkart-ok{color:var(--si-mavi);transform:translateX(3px)}
.si-cta{background:var(--si-yuzey);border:1px solid var(--si-cizgi);border-radius:16px;
  padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  flex-wrap:wrap;margin-top:30px}
.si-cta h3{font-size:18px;color:var(--si-lacivert);margin:0 0 4px}
.si-cta p{margin:0;color:var(--si-metin-2);font-size:13.5px}
.si-cta .sag{display:flex;gap:10px;flex-wrap:wrap}

/* ── 17. Tanıtım (landing — mağaza şablonu içinde) ────────────────── */
.si-inis{font-family:var(--si-font-b);color:var(--si-metin)}
.si-inis-hero{max-width:880px;margin:0 auto;padding:58px 20px 40px;text-align:center}
.si-inis-etiket{display:inline-flex;align-items:center;gap:8px;background:var(--si-mavi-10);
  color:var(--si-mavi);border-radius:999px;padding:7px 15px;font:700 12.5px var(--si-font-b);
  margin-bottom:18px}
.si-inis-hero h1{font:800 34px/1.2 var(--si-font-a);color:var(--si-lacivert);letter-spacing:-.5px;
  margin:0 0 14px}
.si-inis-hero h1 span{color:var(--si-mavi)}
.si-inis-hero>p{font-size:16px;color:var(--si-metin-2);max-width:600px;margin:0 auto 26px;line-height:1.65}
.si-inis-eylem{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.si-inis-eylem .si-btn{padding:13px 24px;font-size:15px}
.si-inis-sayilar{display:flex;justify-content:center;gap:44px;padding:8px 20px 40px;flex-wrap:wrap}
.si-inis-sayilar b{display:block;font:800 26px var(--si-font-a);color:var(--si-lacivert)}
.si-inis-sayilar span{font-size:12.5px;color:var(--si-metin-3)}
.si-inis-blok{max-width:1040px;margin:0 auto;padding:16px 20px 44px}
.si-inis-blok h2{font:700 22px var(--si-font-a);color:var(--si-lacivert);text-align:center;
  margin:0 0 22px}
.si-adim3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.si-adim3>div{background:var(--si-yuzey);border:1px solid var(--si-cizgi);border-radius:var(--si-r);
  padding:22px;position:relative}
.si-adim3 .no{position:absolute;top:18px;right:20px;font:800 30px var(--si-font-a);
  color:#9dbfe6}
.si-adim3 i{width:46px;height:46px;border-radius:12px;background:var(--si-mavi-10);
  color:var(--si-mavi);display:flex;align-items:center;justify-content:center;font-size:18px;
  margin-bottom:14px}
.si-adim3 h3{font-size:15.5px;margin:0 0 7px;color:var(--si-metin)}
.si-adim3 p{margin:0;font-size:13.5px;color:var(--si-metin-2);line-height:1.6}

/* ── 18. Sihirbaz adımları / foto yönetimi (İlan Ver) ─────────────── */
.si-adimlar{display:flex;gap:8px;margin:0 0 20px}
.si-adimlar>div{flex:1;display:flex;align-items:center;gap:9px;padding:11px 13px;
  border-radius:var(--si-r-k);background:var(--si-yuzey);border:1px solid var(--si-cizgi);
  font:600 13px var(--si-font-b);color:var(--si-metin-3)}
.si-adimlar .no{width:24px;height:24px;border-radius:50%;background:var(--si-gri-z);
  display:flex;align-items:center;justify-content:center;font-size:11.5px;flex:none}
.si-adimlar>div.aktif{border-color:var(--si-mavi);color:var(--si-mavi)}
.si-adimlar>div.aktif .no{background:var(--si-mavi);color:#fff}
.si-adimlar>div.tamam{color:var(--si-yesil)}
.si-adimlar>div.tamam .no{background:var(--si-yesil-z);color:var(--si-yesil)}
.si-fotoyonet{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.si-fotoyonet>div{position:relative;aspect-ratio:4/3;border-radius:var(--si-r-k);overflow:hidden;
  border:1px solid var(--si-cizgi)}
.si-fotoyonet img{width:100%;height:100%;object-fit:cover}
.si-fotoyonet .kapak{position:absolute;left:6px;top:6px;background:var(--si-mavi);color:#fff;
  font:700 10px var(--si-font-b);border-radius:999px;padding:2px 8px}
.si-fotoyonet .arac{position:absolute;right:5px;top:5px;display:flex;gap:4px}
.si-fotoyonet .arac button{width:26px;height:26px;border-radius:7px;border:0;cursor:pointer;
  background:rgba(255,255,255,.94);color:var(--si-metin-2);font-size:11px}
.si-fotoyonet .arac button:hover{color:var(--si-kirmizi)}
.si-foto-ekle{border:2px dashed var(--si-cizgi-k);border-radius:var(--si-r-k);display:flex;
  flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;
  color:var(--si-metin-3);font:600 12px var(--si-font-b);aspect-ratio:4/3;background:var(--si-yuzey)}
.si-foto-ekle:hover{border-color:var(--si-mavi);color:var(--si-mavi)}
.si-foto-ekle i{font-size:19px}

/* ── 19. Mesaj / bildirim (Faz 4 hazırlığı) ───────────────────────── */
.si-sohbet{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;min-height:520px}
.si-sohbet-liste{border-right:1px solid var(--si-cizgi);overflow-y:auto}
.si-sohbet-liste a{display:flex;gap:11px;padding:13px 14px;border-bottom:1px solid var(--si-cizgi);
  color:var(--si-metin)}
.si-sohbet-liste a:hover,.si-sohbet-liste a.aktif{background:var(--si-mavi-10)}
.si-sohbet-liste b{display:block;font-size:13.5px}
.si-sohbet-liste small{color:var(--si-metin-3);font-size:12px;display:block;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:190px}
.si-balonlar{display:flex;flex-direction:column;gap:8px;padding:18px;overflow-y:auto}
.si-balon{max-width:74%;padding:10px 13px;border-radius:13px;font-size:13.5px;line-height:1.5;
  background:var(--si-gri-z);align-self:flex-start;border-bottom-left-radius:4px}
.si-balon.ben{background:var(--si-mavi);color:#fff;align-self:flex-end;
  border-bottom-left-radius:13px;border-bottom-right-radius:4px}
.si-balon small{display:block;font-size:10.5px;opacity:.65;margin-top:4px}
.si-bildirim-satir{display:flex;gap:12px;padding:13px 15px;border-bottom:1px solid var(--si-cizgi);
  align-items:flex-start}
.si-bildirim-satir.yeni{background:#f7faff}
.si-bildirim-satir i{width:36px;height:36px;border-radius:10px;background:var(--si-mavi-10);
  color:var(--si-mavi);display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.si-bildirim-satir b{font-size:13.5px;display:block}
.si-bildirim-satir p{margin:2px 0 0;font-size:12.5px;color:var(--si-metin-2)}
.si-bildirim-satir time{margin-left:auto;font-size:11px;color:var(--si-metin-3);flex:none}

/* ── 20. Tost ─────────────────────────────────────────────────────── */
.si-tost-alan{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:150;
  display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;
  max-width:92vw}
.si-tost{background:var(--si-lacivert);color:#fff;border-radius:10px;padding:11px 18px;
  font:600 13.5px var(--si-font-b);box-shadow:var(--si-golge-k);display:flex;gap:9px;
  align-items:center;animation:siTost .25s ease}
.si-tost--hata{background:var(--si-kirmizi)}
.si-tost--yesil{background:var(--si-yesil)}
@keyframes siTost{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ── 21. Duyarlılık ───────────────────────────────────────────────── */
@media(max-width:1080px){
  .si-detay{grid-template-columns:minmax(0,1fr)}
  .si-katman{grid-template-columns:230px minmax(0,1fr)}
}
@media(max-width:900px){
  .si-ust-ic{flex-wrap:wrap;height:auto;padding:10px 0;row-gap:10px}
  .si-ara{order:3;flex-basis:100%;max-width:none;height:42px}
  .si-hesap-cip b{display:none}
  .si-hesap-cip{padding:5px}
  .si-katman{grid-template-columns:minmax(0,1fr)}
  .si-yan{display:none}
  .si-filtre-ac{display:inline-flex}
  .si-filtre{display:none}
  .si-filtre.acik{display:block}
  .si-sohbet{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  body.si-govde{padding-bottom:64px}
  .si-kabuk{padding:0 14px}
  .si-mobilnav{display:grid}
  .si-ilanver span{display:none}
  .si-ilanver{padding:10px 12px}
  .si-serit-ic{padding:0 14px}
  .si-sonuc{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}
  .si-kart-baslik{font-size:13px;min-height:36px}
  .si-hero{padding:26px 18px;border-radius:14px}
  .si-hero h1{font-size:22px}
  .si-hero-ara{flex-wrap:wrap}
  .si-hero-ara select{max-width:none;width:100%;border-right:0;border-bottom:1px solid var(--si-cizgi);
    padding:12px 14px}
  .si-hero-ara button span{display:none}
  .si-sonuc--liste .si-kart-foto{width:126px}
  .si-inis-hero h1{font-size:25px}
  .si-cta{padding:20px}
  .si-adimlar{flex-direction:column}
  .si-alt-ic{justify-content:center;text-align:center}
}

/* ═══════════════════════════════════════════════════════════════════
   22. GEÇİŞ UYUMLULUĞU — henüz yenilenmemiş eski sayfalar (pa-*)
   Faz 2–4 tamamlanınca bu blok silinebilir.
   ═══════════════════════════════════════════════════════════════════ */
.pa-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.pa-card{background:var(--si-yuzey);border:1px solid var(--si-cizgi);border-radius:var(--si-r);
  box-shadow:var(--si-golge);margin-bottom:16px}
.pa-card-pad{padding:18px}
.pa-title{font:700 20px var(--si-font-a);color:var(--si-lacivert)}
.pa-sub{color:var(--si-metin-2);font-size:13.5px}
.pa-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--si-mavi);
  font:700 12px var(--si-font-b);text-transform:uppercase;letter-spacing:.5px}
.pa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  font:600 14px var(--si-font-b);padding:10px 16px;border-radius:var(--si-r-k);border:1px solid transparent;
  background:var(--si-mavi-10);color:var(--si-mavi);text-decoration:none;transition:var(--si-gecis)}
.pa-btn:hover{background:var(--si-mavi-16)}
.pa-btn.blk{background:var(--si-mavi);color:#fff}
.pa-btn.blk:hover{background:var(--si-mavi-k)}
.pa-btn.ghost{background:var(--si-yuzey);border-color:var(--si-cizgi-k);color:var(--si-metin-2)}
.pa-btn.sm{padding:7px 12px;font-size:13px}
.pa-btn.tehlike{background:var(--si-kirmizi-z);color:var(--si-kirmizi)}
.pa-fg{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}
.pa-fg label{font:600 13px var(--si-font-b);color:var(--si-metin-2)}
.pa-inp,.pa-sel,textarea.pa-inp{width:100%;font:400 14px var(--si-font-b);border:1px solid var(--si-cizgi-k);
  border-radius:var(--si-r-k);padding:10px 12px;background:var(--si-yuzey);color:var(--si-metin)}
.pa-inp:focus,.pa-sel:focus{outline:none;border-color:var(--si-mavi);box-shadow:0 0 0 3px var(--si-mavi-10)}
.pa-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 14px}
.pa-alert{padding:12px 14px;border-radius:var(--si-r-k);font-size:13.5px;margin-bottom:14px;
  background:var(--si-mavi-10);color:var(--si-mavi-k)}
.pa-alert.hata,.pa-alert.kirmizi{background:var(--si-kirmizi-z);color:var(--si-kirmizi)}
.pa-alert.yesil,.pa-alert.ok{background:var(--si-yesil-z);color:var(--si-yesil)}
.pa-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;
  font:700 11px var(--si-font-b);background:var(--si-gri-z);color:var(--si-metin-2)}
.pa-tag.yesil{background:var(--si-yesil-z);color:var(--si-yesil)}
.pa-tag.sari{background:var(--si-vitrin-z);color:var(--si-vitrin)}
.pa-tag.kirmizi,.pa-acil{background:var(--si-kirmizi-z);color:var(--si-kirmizi)}
.pa-tag.mavi{background:var(--si-mavi-10);color:var(--si-mavi)}
.pa-bos{text-align:center;padding:40px 20px;color:var(--si-metin-3)}
.pa-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin:4px 0 16px}
.pa-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;
  margin-bottom:16px}
.pa-stat{background:var(--si-yuzey);border:1px solid var(--si-cizgi);border-radius:var(--si-r);
  padding:14px 16px}
.pa-stat b{display:block;font:700 20px var(--si-font-a);color:var(--si-lacivert)}
.pa-stat span{font-size:12px;color:var(--si-metin-2)}
.pa-bilgi-satir{display:flex;justify-content:space-between;gap:12px;padding:8px 0;
  border-bottom:1px dashed var(--si-cizgi);font-size:13.5px}
.pa-bilgi-satir span{color:var(--si-metin-3)}
.pa-item{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--si-cizgi);
  align-items:flex-start}
.pa-blok-bas{padding:12px 16px;border-bottom:1px solid var(--si-cizgi);
  font:700 14px var(--si-font-a);color:var(--si-lacivert)}
.pa-mini-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--si-cizgi);
  font-size:13px;align-items:center}
.pa-avatar{width:34px;height:34px;border-radius:9px;background:var(--si-mavi-10);color:var(--si-mavi);
  display:inline-flex;align-items:center;justify-content:center;font:700 14px var(--si-font-a)}
.pa-yildiz{color:#e9a11b}
.pa-foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.pa-foto-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.pa-filtre{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ic{display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.ic.mavi{background:var(--si-mavi-10);color:var(--si-mavi)}
.ic.sari{background:var(--si-vitrin-z);color:var(--si-vitrin)}
.ic.kirmizi{background:var(--si-kirmizi-z);color:var(--si-kirmizi)}
.pa-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:var(--si-zemin);font-family:var(--si-font-b);padding:20px}
.pa-auth-card{width:100%;max-width:400px;background:var(--si-yuzey);border:1px solid var(--si-cizgi);
  border-radius:16px;box-shadow:var(--si-golge-k);overflow:hidden}
.pa-auth-head{background:var(--si-lacivert);color:#fff;padding:22px 24px}
.pa-auth-head .lg{font:700 18px var(--si-font-a)}
.pa-auth-head p{margin:4px 0 0;font-size:13px;color:#b9d2ef}
.pa-auth-body{padding:22px 24px}

/* ── 23. Düzeltmeler ──────────────────────────────────────────────── */
.si-menu-ac{display:none}
.si-serit-ic{max-width:1240px;margin:0 auto}
.si-hero-ara .sehir{border-left:1px solid var(--si-cizgi);border-right:0}
.si-kalp--duz{position:static;width:42px;height:42px;font-size:18px;
  border:1px solid var(--si-cizgi);border-radius:12px;background:var(--si-yuzey);box-shadow:none}
@media(max-width:900px){.si-menu-ac{display:flex}}

/* ── 24. Doğrulanmış Bayi rozeti + profil istatistikleri ──────────── */
.pa-dogrulama{display:inline-flex;align-items:center;gap:5px;color:#1a9d54;
  font-size:13px;font-weight:600;line-height:1}
.pa-dogrulama i{font-size:15px}
.pa-dogrulama--buyuk{background:rgba(26,157,84,.10);border:1px solid rgba(26,157,84,.28);
  padding:4px 10px;border-radius:999px;font-size:12px}
.pa-dogrulama--buyuk i{font-size:14px}
.pa-rozet-mini{display:inline-flex;align-items:center;color:#1a9d54;font-size:14px}
.pa-ist{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.pa-ist-k{background:var(--si-yuzey);border:1px solid var(--si-cizgi);border-radius:var(--si-r);
  padding:14px 12px;text-align:center;display:flex;flex-direction:column;gap:4px;justify-content:center}
.pa-ist-k .say{font:800 22px var(--si-font-b,inherit);color:var(--si-mavi)}
.pa-ist-k .etk{font-size:12px;color:var(--si-metin-3)}
.pa-ist-k .etk i{margin-right:3px}
@media(max-width:640px){.pa-ist{grid-template-columns:repeat(2,1fr)}}