/* ============================================================
   MAGAZA DEGERLENDIRMELERI (herkese acik) — /satici/{id}
   (epik d97077bb F3). Satici profilinin "sp" dilini surdurur: bolum basligi
   paylasilan partial'dan gelir, burada yalniz ozet karti ve yorum kartlari var.
   Koyu masaustu + acik tema (body.light) + mobil 390.
   ============================================================ */

.sdvBolum{
  --sdvKart:#20212B;--sdvIc:#1C1D26;--sdvAlan:#111117;--sdvCizgi:#333444;--sdvCizgi2:#4E4F5C;
  --sdvBaslik:#EDEEF2;--sdvMetin:#C8C9D8;--sdvSilik:#8B8C99;--sdvSari:#E8C268;--sdvYesil:#80F1B1}
body.light .sdvBolum{
  --sdvKart:#FFFFFF;--sdvIc:#F5F4EE;--sdvAlan:#FAF9F5;--sdvCizgi:#E3E1D9;--sdvCizgi2:#C7C5BC;
  --sdvBaslik:#1F1E1D;--sdvMetin:#1F1E1D;--sdvSilik:#5F5E58;--sdvSari:#7A5F0E;--sdvYesil:#137E4C}

.sdvBolum{color:var(--sdvMetin)}
.sdvBolum *{box-sizing:border-box}

/* ---------------------------------------------------------------- ozet */
.sdvOzet{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:16px;margin-bottom:12px;
  background:var(--sdvKart);border:1px solid var(--sdvCizgi);border-radius:14px}
.sdvOzetSol{display:flex;flex-direction:column;gap:3px;min-width:180px}
.sdvBuyuk{font-size:30px;font-weight:800;line-height:1.1;color:var(--sdvBaslik);
  font-variant-numeric:tabular-nums}
.sdvBuyuk i{font-size:14px;font-style:normal;font-weight:600;color:var(--sdvSilik)}
.sdvBuyuk.sdvYok{font-size:15px;font-weight:700;color:var(--sdvSilik)}
.sdvYildiz{font-size:15px;letter-spacing:1px;color:var(--sdvSari)}
.sdvAdet{font-size:12.5px;color:var(--sdvSilik)}
.sdvNot{font-size:12px;color:var(--sdvSilik)}
.sdvNot b{color:var(--sdvBaslik);font-variant-numeric:tabular-nums}
.sdvOzetSag{flex:1 1 280px;display:flex;flex-direction:column;gap:8px}
.sdvKriter{display:grid;grid-template-columns:minmax(92px,1fr) 2fr 34px;align-items:center;gap:10px;
  font-size:12.5px;color:var(--sdvSilik)}
.sdvKriter b{text-align:right;color:var(--sdvBaslik);font-variant-numeric:tabular-nums}
.sdvCubuk{height:6px;border-radius:99px;background:var(--sdvAlan);overflow:hidden}
.sdvCubuk i{display:block;height:100%;border-radius:99px;background:var(--sdvSari)}

/* ---------------------------------------------------------------- kartlar */
.sdvListe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sdvKart{padding:14px;background:var(--sdvKart);border:1px solid var(--sdvCizgi);border-radius:12px}
.sdvKartBas{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sdvKim{display:flex;align-items:baseline;gap:8px;font-size:13px}
.sdvKim b{font-size:13.5px;color:var(--sdvBaslik)}
.sdvTarih{font-size:12px;color:var(--sdvSilik);font-variant-numeric:tabular-nums}
.sdvKartPuan{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;
  color:var(--sdvBaslik);font-variant-numeric:tabular-nums}
.sdvKriterler{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:var(--sdvSilik)}
.sdvKriterler b{color:var(--sdvBaslik);font-variant-numeric:tabular-nums}
.sdvMetin{margin:10px 0 0;font-size:13px;line-height:1.55;color:var(--sdvMetin);white-space:pre-line;
  overflow-wrap:anywhere}
.sdvCevap{margin-top:10px;padding:9px 11px;border-left:3px solid var(--sdvYesil);
  border-radius:0 10px 10px 0;background:var(--sdvIc)}
.sdvCevapEtiket{margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:.3px;
  text-transform:uppercase;color:var(--sdvSilik)}
.sdvCevapMetin{margin:0;font-size:12.5px;line-height:1.55;color:var(--sdvMetin);white-space:pre-line;
  overflow-wrap:anywhere}
.sdvCevapTarih{margin-top:3px;font-size:11px;color:var(--sdvSilik);font-variant-numeric:tabular-nums}

.sdvDaha{display:block;margin:12px auto 0;padding:10px 20px;border:1px solid var(--sdvCizgi2);
  border-radius:10px;background:transparent;font:inherit;font-size:12.5px;font-weight:600;
  color:var(--sdvBaslik);cursor:pointer}
.sdvDaha:hover{border-color:var(--sdvYesil)}
.sdvDaha[disabled]{opacity:.6;cursor:default}
.sdvBolum :focus-visible{outline:2px solid var(--sdvYesil);outline-offset:2px}

@media (max-width:991px){
  .sdvListe{grid-template-columns:1fr}
}
@media (max-width:767px){
  .sdvOzet{gap:14px;padding:14px}
  .sdvBuyuk{font-size:26px}
  .sdvKriter{grid-template-columns:minmax(84px,1fr) 1.4fr 30px}
  .sdvDaha{width:100%;min-height:48px}
}