/* ============================================================================
   SEPET SAYFASI — yeni tasarim (gorev 1491f913, handoff_sepet 29.09.2026, Ozgur).
   Kaynak: Oyuneks Sepet Prototip (.dc.html) koyu/acik + mobil 390.
   Kok: .spt (basket-summary-redesign.blade.php). payment-redesign.css bu sayfada YUKLENMEZ;
   kupon formu (coupon.js) id'leri korunur, stilleri burada.
   Yazi tipi: Wix Madefor Display (site geneli; tasarimdaki Archivo yerine, onceki karar).
   Koyu token'lar tasarimdan; acik tema Light dosyasindan (#FAF9F5 / #FFFFFF / #E3E1D9 / #1F1E1D /
   #5F5E58 / #137E4C / #7A5F0E). Alt bar 55px (29.09) -> mobil odeme seridi bottom:55px.
   ============================================================================ */
.spt{
  --spt-bg:#181820; --spt-kart:#20212B; --spt-satir:#272834; --spt-ic:#111117; --spt-cip:#1C1D26; --spt-sekme:#1B1C26;
  --spt-cizgi:#333444; --spt-cizgi2:#2A2B38; --spt-cizgi3:#4E4F5C;
  --spt-metin:#EDEEF2; --spt-metin2:#C8C9D8; --spt-metin3:#ABACB5; --spt-soluk:#8B8C99;
  --spt-nane:#80F1B1; --spt-nane-ink:#181820; --spt-nane-line:rgba(128,241,177,.45); --spt-nane-line2:rgba(128,241,177,.24);
  --spt-nane-tint:rgba(128,241,177,.08); --spt-nane-tint2:rgba(128,241,177,.12); --spt-nane-hover:#A8F6CE;
  --spt-amber:#FFBE48; --spt-amber-tint:rgba(255,190,72,.10); --spt-amber-line:rgba(255,190,72,.34);
  --spt-kirmizi:#F0908A; --spt-golge:0 18px 40px rgba(0,0,0,.5); --spt-bar-golge:0 -10px 24px rgba(0,0,0,.35);
  font-family:'Wix Madefor Display',system-ui,sans-serif;color:var(--spt-metin2);
}
body.light .spt{
  --spt-bg:#FAF9F5; --spt-kart:#FFFFFF; --spt-satir:#F5F4EE; --spt-ic:#FFFFFF; --spt-cip:#F0EEE6; --spt-sekme:#F5F4EE;
  --spt-cizgi:#E3E1D9; --spt-cizgi2:#E8E6DF; --spt-cizgi3:#C7C5BC;
  --spt-metin:#1F1E1D; --spt-metin2:#1F1E1D; --spt-metin3:#5F5E58; --spt-soluk:#6B6A65;
  --spt-nane:#137E4C; --spt-nane-ink:#FAF9F5; --spt-nane-line:rgba(19,126,76,.45); --spt-nane-line2:rgba(19,126,76,.24);
  --spt-nane-tint:rgba(19,126,76,.08); --spt-nane-tint2:rgba(19,126,76,.12); --spt-nane-hover:#0F6A40;
  --spt-amber:#7A5F0E; --spt-amber-tint:rgba(122,95,14,.10); --spt-amber-line:rgba(122,95,14,.34);
  --spt-kirmizi:#B3402C; --spt-golge:0 18px 40px rgba(31,30,29,.18); --spt-bar-golge:0 -10px 24px rgba(31,30,29,.12);
}
.spt *,.spt *::before,.spt *::after{box-sizing:border-box}
.spt a{color:var(--spt-nane);text-decoration:none}
.spt a:hover{color:var(--spt-nane-hover)}
.spt button{font-family:inherit}
.spt svg{display:block;flex:none}
.spt .sptNum{font-variant-numeric:tabular-nums}

/* ---- sayfa kabugu ---------------------------------------------------------- */
.spt .sptWrap{max-width:1240px;margin:0 auto;padding:24px 26px 60px}
.spt .sptBaslik{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.spt .sptBaslik h1{margin:0;display:flex;align-items:baseline;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--spt-metin)}
.spt .sptSayac{font-size:13px;font-weight:400;color:var(--spt-soluk)}
/* Adim gostergesi odeme sayfasindaki .steps ile AYNI olcu (Ozgur 01.10): daire 26, cizgi 56, 13px/700. */
.spt .sptAdimlar{display:flex;align-items:center;gap:12px}
.spt .sptAdim{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--spt-soluk)}
.spt .sptAdim i{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:800;background:var(--spt-kart);border:1px solid var(--spt-cizgi);color:var(--spt-soluk)}
.spt .sptAdim.on{color:var(--spt-metin)}
.spt .sptAdim.on i{background:var(--spt-nane);border-color:var(--spt-nane);color:var(--spt-nane-ink)}
.spt .sptAdimCizgi{width:56px;height:1px;background:var(--spt-cizgi)}
.spt .sptAdimPil{display:none;flex:none;height:26px;padding:0 10px;align-items:center;border-radius:999px;background:rgba(128,241,177,.12);border:1px solid rgba(128,241,177,.34);font-size:11px;font-weight:800;color:var(--spt-nane)}
body.light .spt .sptAdimPil{background:rgba(19,126,76,.10);border-color:rgba(19,126,76,.29)}
.spt .sptIzgara{display:grid;grid-template-columns:minmax(0,1fr) 396px;gap:24px;align-items:start} /* odeme sayfasi .grid2 ile ayni (Ozgur 01.10) */
.spt .sptSol{min-width:0;display:flex;flex-direction:column;gap:18px}
.spt .sptSag{position:sticky;top:calc(var(--hdrPay, 0px) + 16px);display:flex;flex-direction:column;gap:12px}

/* ---- kart ------------------------------------------------------------------ */
.spt .sptKart{background:var(--spt-kart);border:1px solid var(--spt-cizgi);border-radius:14px}
.spt .sptKartBas{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--spt-cizgi2)}
.spt .sptKartBas h2{margin:0;font-size:14.5px;font-weight:800;color:var(--spt-metin)}
.spt .sptKartBas .ipucu{font-size:11.5px;color:var(--spt-soluk)}
.spt .sptKartBas .ipucu.mobil{display:none}

/* ---- sepet satirlari ------------------------------------------------------- */
.spt .sptSatirlar{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}
/* payment.css (site geneli) .basketItem'a flex + :before kaplama veriyor; burada etkisiz (JS sozlesmesi icin sinif kaliyor) */
.spt .sptSatir{display:block;position:relative;width:auto;filter:none;padding:12px;border-radius:12px;background:var(--spt-satir);border:1px solid var(--spt-cizgi)}
.spt .sptSatir::before,.spt .sptSatir::after{content:none;display:none}
.spt .sptSatirIz{display:grid;grid-template-columns:64px minmax(0,1fr) auto 140px;gap:14px;align-items:center}
.spt .sptGorsel{display:block;width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--spt-ic);border:1px solid var(--spt-cizgi);transition:border-color .15s}
.spt .sptGorsel:hover{border-color:var(--spt-nane)}
.spt .sptGorsel img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;display:block}
.spt .sptBilgi{min-width:0;display:flex;flex-direction:column;gap:5px}
.spt .sptAd{font-size:15px;font-weight:700;color:var(--spt-metin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
.spt .sptAd:hover{color:var(--spt-nane);text-decoration:underline}
.spt .sptMeta{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.spt .sptKat{font-size:11.5px;color:var(--spt-nane);white-space:nowrap}
.spt .sptKat:hover{text-decoration:underline}
.spt .sptNokta{color:var(--spt-cizgi3)}
.spt .sptTeslim{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--spt-metin3);white-space:nowrap}
.spt .sptTeslim.aninda{color:var(--spt-nane)}
.spt .sptTeslim b{font-weight:700}
.spt .sptRozetler{display:flex;gap:5px;flex-wrap:wrap}
.spt .sptRozetler:empty{display:none}
.spt .sptRozet{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;background:var(--spt-cip);border:1px solid var(--spt-cizgi2);font-size:10.5px;color:var(--spt-soluk);cursor:pointer;transition:border-color .15s;white-space:nowrap}
.spt .sptRozet b{color:var(--spt-metin2);font-weight:700}
.spt .sptRozet:hover{border-color:var(--spt-nane-line)}
.spt .sptRozetKalem{color:var(--spt-soluk);display:flex}
.spt span.sptRozet{cursor:default}
.spt span.sptRozet:hover{border-color:var(--spt-cizgi2)}
.spt .sptRozet.amber{background:var(--spt-amber-tint);border-color:var(--spt-amber-line);color:var(--spt-amber);font-weight:800}
.spt .sptRozet.nane{background:var(--spt-nane-tint);border-color:var(--spt-nane-line2);color:var(--spt-nane);font-weight:700}
.spt .sptRozet.sabit b{color:var(--spt-metin2)}
/* rozet yerinde duzenleme */
.spt .sptRozetDuzen{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 3px 0 8px;border-radius:7px;background:var(--spt-ic);border:1px solid var(--spt-nane-line);font-size:10.5px;color:var(--spt-soluk)}
.spt .sptRozetDuzen input{width:110px;height:20px;padding:0 4px;background:transparent;border:0;outline:none;font:700 11.5px 'Wix Madefor Display',sans-serif;color:var(--spt-metin)}
.spt .sptRozetOk{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:var(--spt-nane);color:var(--spt-nane-ink);font-size:11px;font-weight:800;cursor:pointer;padding:0}
/* adet + kaldir */
.spt .sptAdetSutun{display:flex;flex-direction:column;align-items:center;gap:6px}
.spt .sptAdet{display:flex;align-items:center;height:34px;border-radius:10px;border:1px solid var(--spt-cizgi);background:var(--spt-ic);overflow:hidden;user-select:none}
.spt .sptAdet button{width:32px;height:34px;border:0;background:transparent;color:var(--spt-metin3);font-size:16px;line-height:1;cursor:pointer;padding:0}
.spt .sptAdet button:hover{color:var(--spt-metin)}
.spt .sptAdet button:disabled{opacity:.5;cursor:default}
/* gorunen sayi (kayan animasyon js/sepet.js) + gizli gercek input (custom-new.js sozlesmesi) — handoff v2 30.09 */
.spt .sptAdet{position:relative}
.spt .sptAdetSayi{width:56px;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:text;font-size:13px;font-weight:700;color:var(--spt-metin2);font-variant-numeric:tabular-nums}
.spt .sptAdetSayi > span{display:block}
.spt .sptAdetSayi > .eski{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center}
.spt .sptAdetGizli{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0;margin:0}
/* "Miktar" yazma kutusu: seri tiklama (3 tik / 900 ms) ya da sayiya tiklayinca; ayni boy, 126px (5 hane) */
.spt .sptAdet.yaziyor{width:126px;border-color:var(--spt-nane-line)}
.spt .sptAdet.yaziyor > .basketNavigateMinus,.spt .sptAdet.yaziyor > .basketNavigatePlus,.spt .sptAdet.yaziyor > .sptAdetSayi{display:none}
.spt .sptAdetYazi{display:flex;align-items:center;width:100%;height:100%}
.spt .sptAdetEtiket{flex:none;height:100%;display:flex;align-items:center;padding:0 8px;border-right:1px solid var(--spt-cizgi);font-size:11px;font-weight:700;color:var(--spt-metin3);cursor:text}
.spt .sptAdetGiris{flex:1;min-width:0;width:100%;height:100%;padding:0 8px;background:transparent;border:0;outline:none;font:800 13px 'Wix Madefor Display',sans-serif;color:var(--spt-metin2);text-align:center;font-variant-numeric:tabular-nums}
.spt .sptKaldir{border:0;background:transparent;padding:0;font-size:11.5px;font-weight:700;color:var(--spt-soluk);cursor:pointer}
.spt .sptKaldir:hover{color:var(--spt-kirmizi)}
/* fiyat */
.spt .sptFiyatSutun{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.spt .sptEski{font-size:12px;color:var(--spt-soluk);text-decoration:line-through;font-variant-numeric:tabular-nums}
.spt .sptFiyat{font-size:18px;font-weight:800;color:var(--spt-nane);font-variant-numeric:tabular-nums;white-space:nowrap}
.spt .sptBirim{font-size:11px;color:var(--spt-soluk);white-space:nowrap}
/* paket yukseltme seridi (satirin icinde) */
.spt .sptPaketYuva:empty{display:none}
.spt .sptPaket{display:flex;align-items:center;gap:12px;margin-top:10px;padding:9px 10px 9px 12px;border-radius:10px;background:var(--spt-nane-tint);border:1px solid var(--spt-nane-line2)}
.spt .sptPaket .ok{color:var(--spt-nane);font-size:14px;line-height:1}
.spt .sptPaketMetin{flex:1;min-width:0;font-size:12.5px;line-height:1.4;color:var(--spt-metin3)}
.spt .sptPaketMetin b{color:var(--spt-metin);font-weight:700}
.spt .sptPaketMetin .fark{color:var(--spt-nane);font-variant-numeric:tabular-nums;font-weight:700}
.spt .sptPaketBtn{flex:none;height:32px;padding:0 14px;display:inline-flex;align-items:center;border-radius:9px;background:var(--spt-kart);border:1px solid var(--spt-nane-line);font-size:12px;font-weight:800;color:var(--spt-nane);cursor:pointer}
.spt .sptPaketBtn:disabled{opacity:.6;cursor:default}
/* satir bos */
.spt .sptSatirBos{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;border-radius:12px;border:1px dashed var(--spt-cizgi3);text-align:center}
.spt .sptSatirBos b{font-size:13.5px;color:var(--spt-metin2)}
.spt .sptSatirBos span{font-size:12px;color:var(--spt-soluk)}

/* ---- sepetini tamamla ------------------------------------------------------ */
.spt .sptTamamlaBas{display:flex;align-items:center;gap:14px;padding:14px 18px 0}
.spt .sptTamamlaBas .b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.spt .sptTamamlaBas h2{margin:0;font-size:14.5px;font-weight:800;color:var(--spt-metin)}
.spt .sptTamamlaAlt{font-size:11.5px;color:var(--spt-soluk)}
.spt .sptSekmeler{display:flex;gap:3px;padding:3px;border-radius:10px;background:var(--spt-sekme);border:1px solid var(--spt-cizgi)}
.spt .sptSekme{height:30px;padding:0 12px;display:flex;align-items:center;border-radius:8px;border:0;background:transparent;font-size:12px;font-weight:800;color:var(--spt-metin3);cursor:pointer;white-space:nowrap}
.spt .sptSekme.on{background:var(--spt-nane);color:var(--spt-nane-ink)}
.spt .sptSekme .n{margin-left:6px;font-weight:600;opacity:.7}
.spt .sptOklar{display:flex;gap:6px}
.spt .sptOk{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--spt-cizgi3);background:var(--spt-kart);color:var(--spt-metin2);cursor:pointer;font-size:16px;padding:0}
.spt .sptOk:hover{border-color:var(--spt-nane)}
.spt .sptRay{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:14px 18px 18px;cursor:grab;user-select:none;scrollbar-width:none}
.spt .sptRay::-webkit-scrollbar{display:none}
.spt .sptRay.surukleniyor{cursor:grabbing;scroll-behavior:auto}
.spt .sptOneri{flex:none;width:232px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:var(--spt-satir);border:1px solid var(--spt-cizgi)}
.spt .sptOneri.sepette{border-color:var(--spt-nane-line)}
.spt .sptOneriUst{display:flex;gap:10px;min-width:0}
.spt .sptOneriGorsel{display:block;width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--spt-ic);border:1px solid var(--spt-cizgi);flex:none}
.spt .sptOneriGorsel img{width:100%;height:100%;object-fit:cover;display:block}
.spt .sptOneriAdlar{min-width:0;display:flex;flex-direction:column;gap:3px}
.spt .sptOneriAd{font-size:13px;font-weight:700;color:var(--spt-metin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spt .sptOneriAd:hover{color:var(--spt-nane);text-decoration:underline}
.spt .sptOneriKat{font-size:11px;color:var(--spt-nane);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spt .sptOneriKanit{font-size:11px;line-height:1.4;color:var(--spt-soluk);min-height:30px}
.spt .sptOneriKanit b{color:var(--spt-amber)}
.spt .sptOneriAlt{display:flex;align-items:center;justify-content:space-between;gap:8px}
.spt .sptOneriFiyat{font-size:15px;font-weight:800;color:var(--spt-metin);font-variant-numeric:tabular-nums;min-width:0}
.spt .sptOneriFiyat span{font-size:10.5px;font-weight:600;color:var(--spt-soluk)}
.spt .sptOneriBtn{flex:none;height:32px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border-radius:9px;border:0;background:var(--spt-nane);font-size:12px;font-weight:800;color:var(--spt-nane-ink);cursor:pointer;white-space:nowrap}
.spt .sptOneriBtn:disabled{opacity:.6;cursor:default}
.spt .sptOneriBtn.ikincil{background:transparent;border:1px solid var(--spt-cizgi3);color:var(--spt-metin2)}
.spt .sptSepette{flex:none;height:32px;padding:0 12px;display:inline-flex;align-items:center;gap:5px;border-radius:9px;background:var(--spt-nane-tint2);font-size:12px;font-weight:800;color:var(--spt-nane);white-space:nowrap}

/* ---- siparis ozeti --------------------------------------------------------- */
.spt .sptOzet{padding:18px;display:flex;flex-direction:column;gap:12px}
.spt .sptOzet h2{margin:0;font-size:14.5px;font-weight:800;color:var(--spt-metin)}
.spt .sptOzetSatirlar{display:flex;flex-direction:column;border-top:1px solid var(--spt-cizgi2);padding-top:4px}
.spt .sptOzetSatir{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:13px}
.spt .sptOzetSatir span{color:var(--spt-metin3)}
.spt .sptOzetSatir b{font-weight:700;color:var(--spt-metin2);font-variant-numeric:tabular-nums}
.spt .sptOzetSatir.indirim b{color:var(--spt-nane)}
.spt .sptOdenecek{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--spt-cizgi2)}
.spt .sptOdenecek span{font-size:14px;font-weight:700;color:var(--spt-metin)}
.spt .sptOdenecek b{font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--spt-nane);font-variant-numeric:tabular-nums}
.spt .sptCashback{font-size:12px;color:var(--spt-metin3);line-height:1.45}
.spt .sptCashback b{color:var(--spt-nane)}
.spt .sptCashback small{display:block;font-size:11px;color:var(--spt-soluk);margin-top:2px}
.spt .sptCta{height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;background:var(--spt-nane);font-size:15px;font-weight:800;color:var(--spt-nane-ink);cursor:pointer}
.spt .sptCta:hover{filter:brightness(1.06);color:var(--spt-nane-ink)}
.spt .sptCta.pasif{background:var(--spt-satir);border:1px solid var(--spt-cizgi);color:var(--spt-soluk);cursor:not-allowed;pointer-events:none;filter:none}
.spt .sptCtaNot{margin-top:-4px;font-size:11.5px;color:var(--spt-soluk);text-align:center}
/* kupon: form (coupon.js id'leri) + uygulanmis kart */
.spt .sptKupon{display:flex;flex-direction:column;gap:8px}
.spt .sptKupon .formResultWrapper:empty{display:none}
.spt .sptKupon .formResultWrapper{font-size:12px;line-height:1.4}
.spt .sptKupon .formGroup.danger .formFail{color:var(--spt-kirmizi);font-size:11.5px;margin-top:4px}
.spt .sptKuponSatir{display:flex;gap:8px}
.spt .sptKuponSatir input{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:11px;background:var(--spt-ic);border:1px solid var(--spt-cizgi);outline:none;font:700 13px 'Wix Madefor Display',sans-serif;color:var(--spt-metin2);letter-spacing:.5px}
.spt .sptKuponSatir input::placeholder{color:var(--spt-soluk);font-weight:600;letter-spacing:0}
.spt .sptKuponSatir input:focus{border-color:var(--spt-nane)}
.spt .sptKuponSatir button{flex:none;height:40px;padding:0 14px;display:flex;align-items:center;border-radius:11px;background:var(--spt-satir);border:1px solid var(--spt-cizgi3);font-size:12.5px;font-weight:800;color:var(--spt-metin2);cursor:pointer}
.spt .sptKuponSatir button:disabled{opacity:.5;cursor:default}
.spt .sptKuponSatir button:not(:disabled):hover{border-color:var(--spt-nane);color:var(--spt-nane)}
/* Kullanabileceğin Kodlar (Plan 5f1cd4fa, 09.11): kupon formunun ustu; uygun kod yoksa [hidden] */
.spt .sptKodlar{display:flex;flex-direction:column;gap:6px}
.spt .sptKodlar[hidden]{display:none}
.spt .sptKodlarBaslik{font-size:11.5px;font-weight:700;color:var(--spt-metin3)}
.spt .sptKodlarListe{display:flex;flex-direction:column;gap:6px}
.spt .sptKod{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:var(--spt-amber-tint);border:1px dashed var(--spt-amber-line)}
.spt .sptKodBilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.spt .sptKodEtiket{font-size:12.5px;font-weight:800;color:var(--spt-amber);font-variant-numeric:tabular-nums}
.spt .sptKodAcik{font-size:11.5px;color:var(--spt-metin3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spt .sptKodUygula{flex:none;height:32px;padding:0 12px;border-radius:9px;background:var(--spt-satir);border:1px solid var(--spt-cizgi3);font-size:12px;font-weight:800;color:var(--spt-metin2);cursor:pointer}
.spt .sptKodUygula:not(:disabled):hover{border-color:var(--spt-nane);color:var(--spt-nane)}
.spt .sptKodUygula:focus-visible{outline:2px solid var(--spt-nane);outline-offset:2px}
.spt .sptKodUygula:disabled{opacity:.5;cursor:default}
/* coupon.js renderUsedCoupons ciktisi: baslik + row/col sarmalari gizlenir, kart uygulanmis-kod seridi olur */
.spt #usedCouponWrapper .cardTitle{display:none}
.spt #usedCouponWrapper .row{display:flex;flex-direction:column;gap:8px;margin:0}
.spt #usedCouponWrapper .row > div{width:100%;padding:0}
.spt #usedCouponWrapper .borderCustom{display:none}
.spt .usedCouponCard{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:var(--spt-nane-tint);border:1px solid var(--spt-nane-line)}
.spt .usedCouponCardDetail{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--spt-metin2)}
.spt .usedCouponCardTitle{font-weight:600;color:var(--spt-metin3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.spt .usedCouponCardDesc{display:none}
.spt .usedCouponCardCode{order:-1;font-weight:800;letter-spacing:.5px;color:var(--spt-nane)}
.spt .usedCouponCardCode::after{content:" ·";color:var(--spt-cizgi3)}
.spt .usedCouponCardRemoveButton{flex:none;border:0;background:transparent;padding:0;font-size:11.5px;font-weight:700;color:var(--spt-soluk);cursor:pointer}
.spt .usedCouponCardRemoveButton:hover{color:var(--spt-kirmizi)}
.spt .usedCouponCardRemoveButton i{display:none}
.spt .usedCouponCardRemoveButton::after{content:var(--spt-kaldir-metin,"Kaldır")}   /* metin blade'de --spt-kaldir-metin ile (dil) */
.spt .sptSsl{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--spt-soluk)}

/* ---- bos sepet ------------------------------------------------------------- */
.spt .sptBos{display:flex;flex-direction:column;gap:18px}
.spt .sptBosKutu{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 20px;background:var(--spt-kart);border:1px dashed var(--spt-cizgi3);border-radius:14px;text-align:center}
.spt .sptBosIkon{width:56px;height:56px;border-radius:16px;background:var(--spt-satir);display:flex;align-items:center;justify-content:center;color:var(--spt-soluk)}
.spt .sptBosKutu h2{margin:0;font-size:17px;font-weight:800;color:var(--spt-metin)}
.spt .sptBosKutu p{margin:0;font-size:13px;color:var(--spt-soluk);max-width:380px}
.spt .sptBosBtn{height:42px;padding:0 18px;display:inline-flex;align-items:center;border-radius:11px;background:var(--spt-nane);font-size:13px;font-weight:800;color:var(--spt-nane-ink);margin-top:4px}
.spt .sptBosBtn:hover{color:var(--spt-nane-ink);filter:brightness(1.06)}
/* Bos sepet rayi: kart dikey, kanit metni ("Son 90 gunde N kez aldin") EN ALTTA — tek satirda ad alani siriliyordu (Ozgur 30.09) */
.spt .sptBosRay .sptOneri{width:232px;gap:8px}
.spt .sptBosRay .sptOneriKanit{order:10;min-height:0}
.spt .sptBosRay .sptOneriKanit:empty{display:none}
.spt .sptBosRay .sptOneriAdlar{flex:1}
.spt .sptBosRay .sptOneriFiyat{font-size:13px;color:var(--spt-nane)}

/* ---- toast ----------------------------------------------------------------- */
.spt .sptToast{display:none;position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:1080;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--spt-kart);border:1px solid var(--spt-nane-line);box-shadow:var(--spt-golge);font-size:13px;font-weight:700;color:var(--spt-metin2);max-width:calc(100vw - 32px)}
.spt .sptToast.acik{display:flex}
.spt .sptToast .i{color:var(--spt-nane)}
.spt .sptToast.hata .i{color:var(--spt-kirmizi)}
.spt .sptToast.hata{border-color:var(--spt-kirmizi)}

/* ---- mobil odeme seridi (yalniz <=980) ------------------------------------- */
.spt .sptBar{display:none}

/* ============================================================================
   MOBIL / DAR EKRAN
   ============================================================================ */
@media (max-width:980px){
  .spt .sptWrap{padding:16px 12px 40px}
  .spt .sptIzgara{grid-template-columns:1fr;gap:14px}
  .spt .sptSag{position:static}
  /* mobil: odeme sayfasindaki gibi baslik solda, "Adim 1 / 3" pili sagda; uc adimli gosterge gizli */
  .spt .sptBaslik{flex-direction:row;align-items:center;gap:10px;margin-bottom:14px}
  .spt .sptAdimlar{display:none}
  .spt .sptAdimPil{display:flex}
  .spt .sptBaslik h1{font-size:20px}
  .spt .sptKartBas{padding:12px 14px}
  .spt .sptKartBas h2{font-size:14px}
  .spt .sptKartBas .ipucu{display:none}
  .spt .sptKartBas .ipucu.mobil{display:block;font-size:11px}
  .spt .sptSatirlar{padding:12px;gap:10px}
  /* satir iki katli: gorsel + ad/rozetler; altta adet + kaldir, sagda fiyat */
  .spt .sptSatirIz{grid-template-columns:56px minmax(0,1fr) auto;gap:10px 12px}
  .spt .sptGorsel{width:56px;height:56px}
  .spt .sptBilgi{grid-column:2/4}
  .spt .sptAd{font-size:14px}
  .spt .sptMeta{gap:4px 8px}
  .spt .sptAdetSutun{grid-column:1/3;align-items:flex-start;gap:7px}
  .spt .sptAdet{height:40px}
  .spt .sptAdet button{width:40px;height:40px}
  .spt .sptAdet input{height:40px}
  .spt .sptKaldir{padding-left:2px}
  .spt .sptFiyatSutun{grid-column:3;align-self:end}
  .spt .sptFiyat{font-size:16px}
  .spt .sptPaketBtn{height:40px}
  /* sepetini tamamla: sekmeler tam genislik, oklar yok */
  .spt .sptTamamlaBas{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px 0}
  .spt .sptSekmeler{width:100%}
  .spt .sptSekme{flex:1;justify-content:center;height:36px;font-size:12.5px}
  .spt .sptOklar{display:none}
  .spt .sptRay{padding:12px 14px 14px;cursor:default}
  .spt .sptOneri{width:214px}
  .spt .sptOneriBtn{height:40px}
  /* ozet karti: CTA sabit seride tasinir */
  .spt .sptOzet .sptCta,.spt .sptOzet .sptCtaNot{display:none}
  .spt .sptBar{position:fixed;left:0;right:0;bottom:55px;z-index:1040;display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--spt-kart);border-top:1px solid var(--spt-cizgi);box-shadow:var(--spt-bar-golge);
    padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  .spt .sptBar.gizli{display:none}
  .spt .sptBarSol{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
  .spt .sptBarEtiket{font-size:10.5px;font-weight:700;color:var(--spt-soluk)}
  .spt .sptBarToplam{font-size:19px;font-weight:800;letter-spacing:-.3px;color:var(--spt-nane);font-variant-numeric:tabular-nums}
  .spt .sptBarNot{font-size:10.5px;color:var(--spt-metin3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .spt .sptBarBtn{flex:none;height:48px;padding:0 20px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--spt-nane);font-size:14px;font-weight:800;color:var(--spt-nane-ink)}
  .spt .sptBarBtn.pasif{background:var(--spt-satir);color:var(--spt-soluk);pointer-events:none}
  .spt .sptToast{bottom:150px;font-size:12.5px;padding:11px 14px}
  /* serit + alt bar icin alt bosluk (55 + ~75) */
  .spt.sptSeritli .sptWrap{padding-bottom:140px}
}
@media (max-width:1098px){
  /* site alt bari 55px, footer paddingi header-mobil.css'te; serit icin ek bosluk yukarida */
}

/* Mobilde sepet sayfasinda master'in ust bosluklari (main.icerikUst 20px, .pageInner 20/10px) sifir (Ozgur 30.09):
   sayfa kendi ust boslugunu (.sptWrap) tasir. Sayfa isareti: js/sepet.js body.sptSayfa + :has yedegi. */
@media (max-width:980px){
  body.sptSayfa main.icerikUst,body.sptSayfa .pageInner,
  main.icerikUst:has(> .pageInner > .spt),.pageInner:has(> .spt){padding-top:0}
}
/* ---- "Sonra al" listesi (gorev 8ed68093, yalniz uye) ------------------------------------------
   Satirda "Sonra al · Kaldir"; urunler kartinin altinda kesikli cerceveli liste (_shared/sepet-sonra-al).
   Sepet bos + liste dolu: .sptSepetBos (izgara tek sutun, ozet ve mobil serit gizli, "sepetinde urun yok" kutusu). */
.spt .sptSatirEylem{display:flex;align-items:center;gap:6px}
.spt .sptSonraAlBtn{border:0;background:transparent;padding:0;font-size:11.5px;font-weight:700;color:var(--spt-soluk);cursor:pointer}
.spt .sptSonraAlBtn:hover{color:var(--spt-nane)}
.spt .sptSonraAlBtn:disabled,.spt .sptKaldir:disabled{opacity:.5;cursor:default}
.spt .sptEylemAyrac{font-size:11px;color:var(--spt-cizgi3)}
.spt .sptUrunBos{display:none}
.spt.sptSepetBos .sptUrunBos{display:flex;flex-direction:column;align-items:center;gap:4px;margin:14px 16px 16px;padding:22px 16px;border:1px dashed var(--spt-cizgi3);border-radius:12px;text-align:center}
.spt .sptUrunBos b{font-size:14px;font-weight:800;color:var(--spt-metin)}
.spt .sptUrunBos span{font-size:12.5px;color:var(--spt-soluk)}
.spt.sptSepetBos .sptSatirlar{display:none}
.spt.sptSepetBos .sptSag,.spt.sptSepetBos .sptBar{display:none!important}
.spt.sptSepetBos .sptIzgara{grid-template-columns:minmax(0,1fr)}
.spt.sptSepetBos .sptKartBas .ipucu{display:none!important}
.spt .sptSonraAlYuva{padding:0 16px 16px}
.spt .sptSonraAl{border:1px dashed var(--spt-cizgi3);border-radius:12px;padding:12px 14px}
.spt .sptSonraAlBas{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.spt .sptSonraAlBas h3{margin:0;font-size:13.5px;font-weight:800;color:var(--spt-metin)}
.spt .sptSonraAlBas h3 .n{font-weight:400;color:var(--spt-soluk)}
.spt .sptSonraAlNot{font-size:11px;color:var(--spt-soluk);text-align:right}
.spt .sptSonraAlListe{display:flex;flex-direction:column;gap:8px}
.spt .sptSA{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--spt-satir);border:1px solid var(--spt-cizgi2)}
.spt .sptSA.pasif .sptSAGorsel,.spt .sptSA.pasif .sptSAAd{opacity:.55}
.spt .sptSAGorsel{display:block;width:40px;height:40px;border-radius:8px;overflow:hidden;background:var(--spt-ic);border:1px solid var(--spt-cizgi)}
.spt .sptSAGorsel img{width:100%;height:100%;object-fit:cover;display:block}
.spt .sptSABilgi{min-width:0;display:flex;flex-direction:column;gap:3px}
.spt .sptSAAd{font-size:13.5px;font-weight:700;color:var(--spt-metin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spt a.sptSAAd:hover{color:var(--spt-nane)}
.spt .sptSAFiyatSatir{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.spt .sptSAFiyat{font-size:13.5px;font-weight:800;color:var(--spt-metin);font-variant-numeric:tabular-nums}
.spt .sptSAEski{font-size:11.5px;color:var(--spt-soluk);font-variant-numeric:tabular-nums}
.spt .sptSANot{font-size:11.5px;font-weight:700}
.spt .sptSANot.dustu{color:var(--spt-nane)}
.spt .sptSANot.artti{color:var(--spt-amber)}
.spt .sptSANot.yok{color:var(--spt-kirmizi)}
.spt .sptSAGirdi{font-size:11px;color:var(--spt-soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spt .sptSAAksiyon{display:flex;align-items:center;gap:6px}
.spt .sptSATasi{height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--spt-nane-line);background:var(--spt-nane-tint);color:var(--spt-nane);font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.spt .sptSATasi:hover:not(:disabled){background:var(--spt-nane-tint2)}
.spt .sptSATasi:disabled{border-color:var(--spt-cizgi);background:transparent;color:var(--spt-soluk);cursor:default}
.spt .sptSACikar{width:32px;height:32px;border-radius:9px;border:1px solid var(--spt-cizgi);background:transparent;color:var(--spt-soluk);font-size:12px;cursor:pointer;padding:0}
.spt .sptSACikar:hover{color:var(--spt-kirmizi);border-color:var(--spt-kirmizi)}
.spt .sptToastGeri{margin-left:4px;border:0;background:transparent;padding:0;font:inherit;font-weight:800;color:var(--spt-nane);cursor:pointer;text-decoration:underline}
@media (max-width:980px){
  .spt .sptSonraAlYuva{padding:0 12px 12px}
  .spt.sptSepetBos .sptUrunBos{margin:12px 12px 12px}
  .spt .sptSonraAlBas{flex-direction:column;align-items:flex-start;gap:2px}
  .spt .sptSonraAlNot{text-align:left}
  /* iki kat: ustte gorsel + ad (tek satir) + fiyat/not; altta genis "Sepete tasi" + ✕ */
  .spt .sptSA{grid-template-columns:40px minmax(0,1fr);gap:8px 10px}
  .spt .sptSAAksiyon{grid-column:1/3}
  .spt .sptSATasi{flex:1;height:40px}
  .spt .sptSACikar{width:40px;height:40px}
}