/* ====================================================================
   sepet-tasarim.css — SALE CART TASARIMLARI  (?sc=1..20)   2026-10-12
   --------------------------------------------------------------------
   Hepsi GERCEK sepet uzerinde calisir (ekle/cikar/tutar canli).
   menu.js adres satirindaki ?sc=N'e gore body'ye "sc-N" koyar.
   app.js sepet() su ek parcalari uretir; varsayilanda GIZLI, tasarimlar acar:
     #sepet-ozet   kesinti dokumu (Items value / Fee / You receive)
     #sepet-nadir  nadirlik dagilimi seridi (degere gore)
     #sepet-yigin  secilenlerin kucuk resim yigini
     #sepet-say    basliktaki adet rozeti
     .psat .pst    satir icinde -/+ adim dugmeleri (calisir)
     .psat .pq     kucuk resmin kosesinde adet rozeti
   Satirlarda --nadir degiskeni var (esyanin nadirlik rengi).
   VARSAYILAN: 21 (Kart sepet). ?sc=0 eski sepet.
   Kart tasarimina DOKUNULMAZ — yalniz sag paneldeki sepet.
   ==================================================================== */

/* ---- ek parcalar: varsayilan gizli ---------------------------------- */
.sepet-ozet, .sepet-nadir, .sepet-yigin, .sepet-say, .psat .pst, .psat .pq { display:none; }
.psat .kk { position:relative; }

/* ortak gorunumleri (bir tasarim acinca boyle gorunurler) */
.sepet-ozet > div { display:flex; justify-content:space-between; align-items:baseline; padding:3px 0;
  font-size:12.5px; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.sepet-ozet > div b { color:var(--ink); font-weight:700; }
.sepet-ozet > div.net { margin-top:3px; padding-top:7px; border-top:1px solid var(--cizgi); color:var(--ink); font-weight:700; }
.sepet-ozet > div.net b { font-weight:800; }
.sepet-nadir { gap:2px; height:7px; border-radius:99px; overflow:hidden; margin:0 0 11px; background:var(--buz); }
.sepet-nadir i { display:block; min-width:4px; }
.sepet-yigin { align-items:center; padding:0 var(--panel-ic) 10px; }
.sepet-yigin span { width:34px; height:34px; border-radius:50%; background:var(--inci); display:grid; place-items:center;
  box-shadow:0 0 0 2.5px var(--kd-halka, #fff), 0 2px 6px rgba(15,42,86,.12); margin-left:-9px; }
.sepet-yigin span:first-child { margin-left:0; }
.sepet-yigin span img { max-width:72%; max-height:72%; object-fit:contain; }
.sepet-yigin em { font-style:normal; margin-left:8px; font-size:12px; font-weight:700; color:var(--ink-2); }
.sepet-say { font-style:normal; margin-left:8px; min-width:22px; height:22px; padding:0 7px; border-radius:99px;
  background:var(--mavi); color:#fff; font-size:11.5px; font-weight:800; letter-spacing:0;
  vertical-align:2px; align-items:center; justify-content:center; }
.sepet-say:empty { display:none !important; }
.psat .pq { position:absolute; right:-5px; bottom:-5px; min-width:18px; height:18px; padding:0 5px; border-radius:99px;
  background:var(--ink); color:#fff; font-style:normal; font-size:10px; font-weight:800;
  align-items:center; justify-content:center; box-shadow:0 0 0 2px var(--kd-halka, #fff); }
.psat .pq:empty { display:none !important; }
.psat .pst { align-items:center; gap:2px; padding:2px; border-radius:99px; background:var(--buz); flex:0 0 auto; }
.psat .pst button { width:22px; height:22px; border-radius:50%; display:grid; place-items:center;
  font-size:14px; font-weight:700; color:var(--ink-2); line-height:1; }
.psat .pst button:hover:not(:disabled) { background:var(--kd-yuzey, #fff); color:var(--ink); }
.psat .pst button:disabled { opacity:.3; cursor:default; }
.psat .pst b { min-width:16px; text-align:center; font-size:12px; font-weight:800; }

/* ===================================================== 1 · FIS
   Kasa fisi: kesikli ayiricilar, esit genislikte rakamlar, alt kenarda
   delikli kopma cizgisi ve iki yanda yarim daire oyuk. */
body.sc-1 .sepet { background:var(--kd-yuzey, #fff); }
body.sc-1 .psat { border-bottom:1px dashed var(--cizgi-2); }
body.sc-1 .psat .kk { background:transparent; width:30px; height:30px; }
body.sc-1 .psat .ptt { font-variant-numeric:tabular-nums; font-weight:700; }
body.sc-1 .sepet-alt { position:relative; border-top:2px dashed var(--cizgi-2); }
body.sc-1 .sepet-alt::before, body.sc-1 .sepet-alt::after { content:""; position:absolute; top:-10px; width:18px; height:18px;
  border-radius:50%; background:var(--zemin); box-shadow:inset 0 1px 2px rgba(15,42,86,.12); }
body.sc-1 .sepet-alt::before { left:-9px; }
body.sc-1 .sepet-alt::after { right:-9px; }
body.sc-1 .sepet-ozet { display:block; margin-bottom:10px; }
body.sc-1 .sepet-ozet > div.net { border-top:1px dashed var(--cizgi-2); }
body.sc-1 .sepet-sat, body.sc-1 .alirsin { display:none; }
body.sc-1 .sepet-tut b { font-variant-numeric:tabular-nums; }

/* ===================================================== 2 · KOMPAKT
   Ince satirlar: ayni yukseklikte iki kat esya gorunur. */
body.sc-2 .psat { padding:5px 0; gap:8px; }
body.sc-2 .psat .kk { width:28px; height:28px; border-radius:8px; }
body.sc-2 .psat .ortasi { display:flex; align-items:baseline; gap:6px; }
body.sc-2 .psat .ortasi b { font-size:12px; flex:0 1 auto; }
body.sc-2 .psat .ortasi small { font-size:10.5px; white-space:nowrap; }
body.sc-2 .psat .ptt { font-size:12px; }
body.sc-2 .psat .px { padding:3px; }
body.sc-2 .sepet-tut b { font-size:25px; }
body.sc-2 .sat-btn { height:38px; }

/* ===================================================== 3 · BUYUK GORSEL
   Iri kucuk resim, nadirlik renginde zemin ve sol cizgi, adet rozeti. */
body.sc-3 .psat { gap:12px; padding:9px 0 9px 10px; border-bottom:0; position:relative; }
body.sc-3 .psat::before { content:""; position:absolute; left:0; top:12px; bottom:12px; width:3px; border-radius:3px; background:var(--nadir); }
body.sc-3 .psat .kk { width:54px; height:54px; border-radius:13px;
  background:color-mix(in srgb, var(--nadir) 11%, var(--kd-yuzey, #fff)); }
body.sc-3 .psat .pq { display:inline-flex; }
body.sc-3 .psat .ortasi b { font-size:13.5px; }
body.sc-3 .psat .ortasi small { font-size:11.5px; }
body.sc-3 .psat .ptt { font-size:14px; }

/* ===================================================== 4 · IZGARA SEPET
   Secilenler 3 sutunlu mini kutular: bakinca ne sattigin belli. */
body.sc-4 #secilenler { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-content:start; padding-top:8px; padding-bottom:8px; }
body.sc-4 #secilenler .pyok { grid-column:1 / -1; }
body.sc-4 .psat { position:relative; flex-direction:column; align-items:stretch; gap:5px; padding:7px; border:0;
  border-radius:12px; background:var(--inci); box-shadow:var(--golge); }
body.sc-4 .psat .kk { width:auto; height:auto; aspect-ratio:1; border-radius:9px;
  background:color-mix(in srgb, var(--nadir) 9%, var(--kd-yuzey, #fff)); }
body.sc-4 .psat .pq { display:inline-flex; right:4px; bottom:4px; }
body.sc-4 .psat .ortasi b { font-size:11px; }
body.sc-4 .psat .ortasi small { display:none; }
body.sc-4 .psat .ptt { font-size:12px; }
body.sc-4 .psat .px { position:absolute; top:4px; right:4px; padding:3px; background:rgba(var(--kd-cam, 255,255,255), .9); opacity:0; transition:opacity var(--gecis); }
body.sc-4 .psat:hover .px { opacity:1; }
body.sc-4 .psat .px svg { width:12px; height:12px; }

/* ===================================================== 5 · KOYU ALT
   Ust kisim ayni, toplam bolumu murekkep lacivert; dugme beyaz. */
body.sc-5 .sepet-alt { background:var(--ink); border-top:0; color:#fff; }
body.sc-5 .sepet-sat { color:rgba(255,255,255,.6); }
body.sc-5 .sepet-sat b, body.sc-5 .sepet-tut b { color:#fff; }
body.sc-5 .alirsin, body.sc-5 .sepet-tut span, body.sc-5 .sepet-rbx { color:rgba(255,255,255,.55); }
body.sc-5 .sat-btn { background:#fff; color:var(--ink); box-shadow:none; }
body.sc-5 .sat-btn:hover:not(:disabled) { background:var(--buz); }
body.sc-5 .sat-btn:disabled { background:rgba(255,255,255,.1); color:rgba(255,255,255,.4); }
body.sc-5 .sepet .guven { color:rgba(255,255,255,.5); }
body.sc-5 .sepet .guven b { color:rgba(255,255,255,.85); }

/* ===================================================== 6 · MAVI TUTAR KARTI
   Toplam bolumu panelin icinde yuzen mavi kart. */
body.sc-6 .sepet-alt { margin:0 10px 10px; border:0; border-radius:16px; color:#fff;
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.18), transparent 55%),
             linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6);
  box-shadow:0 12px 28px -12px rgba(37,99,235,.7); }
body.sc-6 .sepet-sat { color:rgba(255,255,255,.7); }
body.sc-6 .sepet-sat b, body.sc-6 .sepet-tut b { color:#fff; }
body.sc-6 .alirsin, body.sc-6 .sepet-tut span, body.sc-6 .sepet-rbx { color:rgba(255,255,255,.7); }
body.sc-6 .sat-btn { background:#fff; color:var(--mavi-koyu); box-shadow:0 4px 12px rgba(15,23,80,.25); }
body.sc-6 .sat-btn:hover:not(:disabled) { background:var(--buz); }
body.sc-6 .sat-btn:disabled { background:rgba(255,255,255,.18); color:rgba(255,255,255,.6); box-shadow:none; }
body.sc-6 .sepet .guven { color:rgba(255,255,255,.65); }
body.sc-6 .sepet .guven b { color:#fff; }

/* ===================================================== 7 · ADIM DUGMELI
   Her satirda -/+ : adedi sepetten degistir (karttaki sayac da degisir). */
body.sc-7 .psat .pst { display:inline-flex; }
body.sc-7 .psat .ortasi small { font-size:10.5px; }
body.sc-7 .psat .px { display:none; }
body.sc-7 .psat .ptt { min-width:62px; text-align:right; }

/* ===================================================== 8 · NADIRLIK SERIDI
   Toplamin ustunde degere gore nadirlik dagilimi; satirlarda renk noktasi. */
body.sc-8 .sepet-nadir { display:flex; }
body.sc-8 .psat .ortasi b::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%;
  background:var(--nadir); margin-right:6px; vertical-align:1px; }
body.sc-8 .psat .kk { background:color-mix(in srgb, var(--nadir) 9%, var(--kd-yuzey, #fff)); }

/* ===================================================== 9 · YIGIN ONIZLEME
   Basligin altinda secilenlerin yuvarlak resim yigini, liste sade. */
body.sc-9 .sepet-yigin { display:flex; }
body.sc-9 .sepet-yigin:empty { display:none; }
body.sc-9 .psat .kk { background:transparent; width:30px; height:30px; }
body.sc-9 .psat { padding:6px 0; }

/* ===================================================== 10 · KESINTI DOKUMU
   Ne kadar kesildigi acik: Items value / Fee 12% / You receive. */
body.sc-10 .sepet-ozet { display:block; margin-bottom:12px; padding:10px 12px; border-radius:12px; background:var(--buz); }
body.sc-10 .sepet-ozet > div.net { border-top-color:var(--cizgi-2); }
body.sc-10 .sepet-sat, body.sc-10 .alirsin { display:none; }

/* ===================================================== 11 · CAM
   Panel daha saydam ve bulanik; satirlar buzlu kabarciklar. */
body.sc-11 .sepet { background:rgba(255,255,255,.42); -webkit-backdrop-filter:blur(22px) saturate(180%); backdrop-filter:blur(22px) saturate(180%); }
body.sc-11 .sepet-liste { padding-top:8px; }
body.sc-11 .psat { border:0; margin-bottom:6px; padding:7px 9px; border-radius:13px;
  background:rgba(var(--kd-cam, 255,255,255), .62); border:1px solid var(--kd-kenar, rgba(255,255,255,.8)); }
body.sc-11 .psat .kk { background:rgba(var(--kd-cam, 255,255,255), .7); }
body.sc-11 .sepet-alt { background:rgba(255,255,255,.5); border-top-color:rgba(255,255,255,.7); }

/* ===================================================== 12 · KART SATIRLAR
   Her satir ayri, golgeli beyaz kart. */
body.sc-12 .sepet-liste { padding-top:8px; }
body.sc-12 .psat { border:0; margin-bottom:8px; padding:9px 10px; border-radius:13px;
  background:var(--inci); box-shadow:var(--golge); }
body.sc-12 .psat .kk { background:color-mix(in srgb, var(--nadir) 9%, var(--kd-yuzey, #fff)); }

/* ===================================================== 13 · ROZETLI BASLIK
   Baslikta mavi adet rozeti, Clear yalniz ikon; alt kisim incelir. */
body.sc-13 .sepet-say { display:inline-flex; }
body.sc-13 .sepet-ust b { font-size:16px; }
body.sc-13 .sepet-ust .sil-hepsi { font-size:0; gap:0; width:30px; height:30px; justify-content:center; border-radius:9px; }
body.sc-13 .sepet-ust .sil-hepsi:hover { background:var(--kd-kirmizi, #FEE2E2); }
body.sc-13 .sepet-ust .sil-hepsi svg { width:15px; height:15px; }
body.sc-13 .sepet-sat { display:none; }

/* ===================================================== 14 · BUYUK DUGME
   Iri, degrade Cash out dugmesi; ok yuvarlak icinde. */
body.sc-14 .sat-btn { height:56px; border-radius:15px; font-size:16px; font-weight:800; justify-content:space-between; padding:0 8px 0 20px;
  background:linear-gradient(135deg,#1D4ED8,#2563EB 55%,#3B82F6); box-shadow:0 10px 24px -10px rgba(37,99,235,.85); }
body.sc-14 .sat-btn svg { width:40px; height:40px; padding:11px; border-radius:11px; background:rgba(255,255,255,.18); }
body.sc-14 .sat-btn:hover:not(:disabled) { background:linear-gradient(135deg,#1E40AF,#1D4ED8 55%,#2563EB); }
body.sc-14 .sat-btn:disabled { background:var(--buz-2); }
body.sc-14 .sat-btn:disabled svg { background:rgba(15,42,86,.06); }

/* ===================================================== 15 · OZET USTTE
   Toplam ve dugme EN USTTE, liste altta — tutar hep goz hizasinda. */
body.sc-15 .sepet-ust { order:0; }
body.sc-15 .sepet-alt { order:1; border-top:0; border-bottom:1px solid var(--cizgi); padding-top:4px; }
body.sc-15 .sepet-liste { order:2; }
body.sc-15 .sepet .guven { display:none; }

/* ===================================================== 16 · ZEBRA
   Cizgi yok, satirlar sirayla buz mavisi. */
body.sc-16 .psat { border:0; padding:7px 8px; border-radius:10px; }
body.sc-16 .psat:nth-child(odd) { background:color-mix(in srgb, var(--buz) 70%, transparent); }
body.sc-16 .psat .kk { background:var(--kd-yuzey, #fff); }

/* ===================================================== 17 · MINIMAL
   Cizgi, zemin, golge yok; yalniz yazi ve rakam. */
body.sc-17 .sepet-ust, body.sc-17 .sepet-alt { border:0; }
body.sc-17 .psat { border:0; padding:6px 0; }
body.sc-17 .psat .kk { background:transparent; width:32px; height:32px; }
body.sc-17 .psat .ptt { font-weight:600; }
body.sc-17 .sepet-tut b { font-size:28px; font-weight:700; letter-spacing:-.04em; }
body.sc-17 .sat-btn { box-shadow:none; border-radius:10px; }
body.sc-17 .sepet .guven { display:none; }

/* ===================================================== 18 · FIYAT ODAKLI
   Satir tutari iri ve mavi; adet resmin kosesinde. */
body.sc-18 .psat .pq { display:inline-flex; background:var(--mavi); }
body.sc-18 .psat .ptt { font-size:15px; color:var(--mavi-koyu); letter-spacing:-.03em; }
body.sc-18 .psat .ortasi small { font-size:10.5px; }
body.sc-18 .psat .kk { width:42px; height:42px; }

/* ===================================================== 19 · BUZ PANEL
   Panel zemini buz mavisi; satirlar ve toplam beyaz adalar. */
body.sc-19 .sepet { background:var(--buz); border-color:#fff; }
body.sc-19 .sepet-ust { border-bottom-color:transparent; }
body.sc-19 .psat { border:0; margin-bottom:6px; padding:8px 10px; border-radius:12px; background:var(--kd-yuzey, #fff); }
body.sc-19 .psat .kk { background:var(--buz); }
body.sc-19 .sepet-alt { margin:0 10px 10px; border:0; border-radius:16px; background:#fff; }

/* ===================================================== 20 · IKI SUTUN ALT
   Tutar solda iri, adet ve R$ sagda; dugme tam genislik. */
body.sc-20 .sepet-alt { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; align-items:end;
  grid-template-areas:"nd nd" "oz oz" "al sa" "tu rb" "bt bt" "gv gv"; }
body.sc-20 .sepet-nadir { grid-area:nd; }
body.sc-20 .sepet-ozet { grid-area:oz; }
body.sc-20 .alirsin { grid-area:al; }
body.sc-20 .sepet-sat { grid-area:sa; flex-direction:column; align-items:flex-end; gap:0; margin:0; padding:0; border:0; font-size:10.5px;
  font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
body.sc-20 .sepet-sat b { font-size:20px; letter-spacing:-.03em; text-transform:none; }
body.sc-20 .sepet-tut { grid-area:tu; }
body.sc-20 .sepet-rbx { grid-area:rb; margin:0 0 4px; text-align:right; }
body.sc-20 .sat-btn { grid-area:bt; margin-top:12px; }
body.sc-20 .sepet .guven { grid-area:gv; }

/* ===================================================== 21 · KART SEPET  (VARSAYILAN)
   Kullanici secimi: 4'teki kutu fikri, BIZIM KART dilinde (app.css .kart ile ayni
   golge/koseler/nadirlik etiketi/isikli gorsel), 2'li izgara, kartta MIKTAR GIRME;
   toplam bolumu 6'daki yuzen mavi kart. */
body.sc-21 #secilenler { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
  align-content:start; padding-top:10px; padding-bottom:12px; }
body.sc-21 #secilenler .pyok { grid-column:1 / -1; }
.psk { position:relative; display:flex; flex-direction:column; min-width:0;
  background:var(--inci); border-radius:14px; padding:10px 10px 9px;
  box-shadow:0 1px 2px rgba(15,42,86,.05), 0 3px 10px rgba(15,42,86,.06); }
.psk .nadir { display:block; font-size:9px; font-weight:800; letter-spacing:.09em; text-transform:uppercase;
  color:var(--nadir,var(--common)); padding-right:22px; }
.psk .px { position:absolute; top:6px; right:6px; width:24px; height:24px; border-radius:7px; display:grid; place-items:center;
  color:var(--ink-3); transition:background var(--gecis), color var(--gecis); }
.psk .px:hover { background:var(--kd-kirmizi, #FEE2E2); color:#DC2626; }
.psk figure { position:relative; margin:4px 0 6px; height:76px; display:grid; place-items:center; }
.psk figure::before { content:""; position:absolute; inset:6% 14%; border-radius:50%;
  filter:blur(16px); opacity:.18; background:var(--nadir,var(--common)); }
.psk figure img { position:relative; max-width:80%; max-height:70px; object-fit:contain; }
.psk .ad { display:block; font-size:12px; font-weight:600; letter-spacing:-.015em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.psk .psk-fy { display:flex; align-items:baseline; justify-content:space-between; gap:6px; margin-top:1px; }
.psk .psk-fy b { font-size:15px; font-weight:800; letter-spacing:-.04em; white-space:nowrap; }
.psk .psk-fy small { font-size:10px; font-weight:600; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* miktar: [-][ kutu / N ][+]  — arama kutusunun dili: ince cizgi, odakta hale yok */
.psk .psk-adet { margin-top:8px; display:flex; align-items:center; gap:2px; height:30px; padding:2px;
  border-radius:9px; background:var(--zemin); border:1px solid transparent; transition:border-color var(--gecis), background var(--gecis); }
.psk .psk-adet:focus-within { background:var(--kd-yuzey, #fff); border-color:var(--cizgi-2); }
.psk .psk-adet button { width:24px; height:24px; flex:0 0 auto; border-radius:7px; display:grid; place-items:center;
  font-size:15px; font-weight:700; line-height:1; color:var(--ink-2); transition:background var(--gecis), color var(--gecis); }
.psk .psk-adet button:hover:not(:disabled) { background:var(--kd-yuzey, #fff); color:var(--ink); box-shadow:0 1px 2px rgba(15,42,86,.08); }
.psk .psk-adet button:disabled { opacity:.3; cursor:default; }
.psk .psk-adet label { flex:1; min-width:0; display:flex; align-items:baseline; justify-content:center; gap:3px; cursor:text; }
.psk .psk-adet input { width:3.2ch; min-width:0; padding:0; border:0; outline:0; background:transparent; box-shadow:none;
  text-align:right; font:800 13px/1 var(--yazi, inherit); color:var(--ink); font-variant-numeric:tabular-nums; }
.psk .psk-adet small { font-size:11px; font-weight:600; color:var(--ink-3); font-variant-numeric:tabular-nums; }

/* toplam = 6'daki yuzen mavi kart */
body.sc-21 .sepet-alt { margin:0 10px 10px; border:0; border-radius:16px; color:#fff;
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.18), transparent 55%),
             linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6);
  box-shadow:0 12px 28px -12px rgba(37,99,235,.7); }
body.sc-21 .sepet-sat { color:rgba(255,255,255,.7); border-bottom-color:rgba(255,255,255,.16); }
body.sc-21 .sepet-sat b, body.sc-21 .sepet-tut b { color:#fff; }
body.sc-21 .alirsin, body.sc-21 .sepet-tut span, body.sc-21 .sepet-rbx { color:rgba(255,255,255,.7); }
body.sc-21 .sat-btn { background:#fff; color:var(--mavi-koyu); box-shadow:0 4px 12px rgba(15,23,80,.25); }
body.sc-21 .sat-btn:hover:not(:disabled) { background:var(--buz); }
body.sc-21 .sat-btn:disabled { background:rgba(255,255,255,.18); color:rgba(255,255,255,.6); box-shadow:none; }
body.sc-21 .sepet .guven { color:rgba(255,255,255,.65); }
body.sc-21 .sepet .guven b { color:#fff; }

/* ---- 21 · KART SEPET · TELEFON: sepet alttan panel, liste alani kisa ----
   Olculdu: liste 181px, kart 198px -> miktar kutusu mavi toplamin altinda kaliyordu. */
@media (max-width:980px) {
  body.sc-21 .sepet-liste { max-height:30vh; }
  body.sc-21 #secilenler { gap:8px; padding-top:8px; padding-bottom:8px; }
  body.sc-21 .psk { padding:8px 8px 7px; }
  body.sc-21 .psk figure { height:48px; margin:2px 0 4px; }
  body.sc-21 .psk figure img { max-height:44px; }
  body.sc-21 .psk .psk-fy b { font-size:14px; }
  body.sc-21 .psk .psk-adet { margin-top:6px; height:28px; }
  body.sc-21 .sepet-alt { margin:0 8px 8px; padding-top:10px; padding-bottom:10px; }
  body.sc-21 .sepet-sat { padding-bottom:6px; margin-bottom:6px; }
  body.sc-21 .sepet-tut b { font-size:24px; }
  body.sc-21 .sepet-rbx { margin-bottom:8px; }
  body.sc-21 .sepet .guven { margin-top:6px; }
}