/* Sepet sayfası (baski/sepet.php, .sp2) — palet: mavi #155dfc, lacivert #0b1f3a. Sınıf adları ve data-* öznitelikleri JS'e bağlı; burada yalnız görünüm. */
.sp2{padding-top:110px;padding-bottom:70px;background:#f6f8fc}
.sp2-adimlar{list-style:none;display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:0;font-size:.84rem;font-weight:700;color:#94a3b8;flex-wrap:wrap}
.sp2-adimlar li{display:flex;align-items:center;gap:8px}
.sp2-adimlar li+li:before{content:"";width:34px;height:2px;background:#dbe4f1;border-radius:2px;margin-right:2px}
.sp2-adimlar span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e8eef7;color:#64748b;font-size:.78rem}
.sp2-adimlar li.aktif{color:#0b1f3a}.sp2-adimlar li.aktif span{background:#155dfc;color:#fff;box-shadow:0 0 0 4px rgba(21,93,252,.15)}
.sp2-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.sp2-bas h1{margin:0;font-size:clamp(1.6rem,2.6vw,2.1rem);letter-spacing:-.04em;color:#0b1f3a}
.sp2-bas h1 span{font-size:1rem;font-weight:600;color:#64748b;letter-spacing:0}
.sp2-devam{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;color:#155dfc;text-decoration:none}
.sp2-devam:hover{text-decoration:underline}
/* Ücretsiz kargo çubuğu */
.sp2-kargo{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dbe7ff;border-radius:16px;padding:14px 18px;margin-bottom:16px}
.sp2-kargo-ikon{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eaf1ff;color:#155dfc;font-size:1.05rem}
.sp2-kargo>div{flex:1;min-width:0}
.sp2-kargo b{display:block;font-size:.95rem;color:#0b1f3a}
.sp2-kargo small{display:block;font-size:.8rem;color:#64748b;margin:1px 0 8px}
.sp2-kargo-cubuk{display:block;height:7px;background:#eef2f7;border-radius:99px;overflow:hidden}
.sp2-kargo-cubuk i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3b82f6,#155dfc);transition:width .4s}
.sp2-kargo.tamam{border-color:#bcd2ff;background:linear-gradient(90deg,#f3f7ff,#fff)}
.sp2-kargo.tamam .sp2-kargo-ikon{background:#155dfc;color:#fff}
/* Kalemler: her ürün ayrı kart */
.sp2 .bs-sepet-duzen{grid-template-columns:minmax(0,1fr) 370px;gap:22px}
.sp2-liste{display:grid;gap:12px}
.sp2 .bs-sepet-satir{background:#fff;border:1px solid #e4eaf3;border-radius:16px;padding:18px;grid-template-columns:120px minmax(0,1fr) auto;gap:18px;box-shadow:0 1px 2px rgba(11,31,58,.04);transition:box-shadow .2s,border-color .2s}
.sp2 .bs-sepet-satir:last-child{border-bottom:1px solid #e4eaf3}
.sp2 .bs-sepet-satir:hover{border-color:#d3ddec;box-shadow:0 10px 24px rgba(11,31,58,.07)}
.sp2 .bs-sepet-gorsel{width:120px;height:120px;border-radius:12px;background:#f3f6fb;border:1px solid #eef2f7;overflow:hidden;display:grid;place-items:center}
.sp2 .bs-sepet-gorsel img,.sp2 .bs-sepet-gorsel svg{width:100%;height:100%;object-fit:contain}
.sp2 .bs-sepet-detay h3{font-size:1.02rem;line-height:1.35;margin:0 0 8px;color:#0b1f3a;letter-spacing:-.01em}
.sp2 .bs-sepet-detay h3 a:hover{color:#155dfc!important}
.sp2 .bs-etiketler{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.sp2 .bs-etiket{font-size:.74rem;font-weight:600;background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;border-radius:999px;padding:3px 9px}
.sp2 .bs-etiket.mor{background:#eaf1ff;color:#155dfc;border-color:#cfe0ff}
.sp2 .bs-sepet-detay .bs-kucuk i{color:#155dfc!important}
.sp2 .bs-sepet-islemler{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:12px;padding-top:12px;border-top:1px dashed #e4eaf3}
.sp2 .bs-sepet-islemler select,.sp2 .bs-sepet-islemler input{border-radius:10px;border-color:#dbe4f1;font-weight:700}
.sp2 .bs-link-btn{font-weight:700;font-size:.82rem;color:#155dfc}
.sp2 .bs-link-btn.kirmizi{margin-left:auto;color:#64748b}.sp2 .bs-link-btn.kirmizi:hover{color:#dc2626}
.sp2 .bs-sepet-fiyat{text-align:right;min-width:130px}
.sp2 .bs-sepet-fiyat strong{display:block;font-size:1.25rem;font-weight:900;letter-spacing:-.03em;color:#0b1f3a}
.sp2 .bs-sepet-fiyat small{display:block;font-size:.76rem;color:#64748b;margin-top:2px}
.sp2 .bs-dosya-bekliyor{background:#f6f9ff;border:1px dashed #bcd2ff;border-radius:12px;padding:12px;margin-top:10px}
/* Özet */
.sp2 .bs-ozet{top:110px}
.sp2 .bs-kupon-kart{border-radius:16px!important;border:1px dashed #bcd2ff!important;background:#fbfcff!important}
.sp2 .bs-kupon-kart .btn-outline{border-color:#155dfc;color:#155dfc;font-weight:700}
.sp2-ozet-kart{border-radius:16px!important;padding:20px!important;box-shadow:0 14px 34px rgba(11,31,58,.08)!important}
.sp2-ozet-kart h2{font-size:1.1rem;margin:0 0 12px;color:#0b1f3a}
.sp2 .bs-ozet-satir{font-size:.9rem;color:#475569;padding:7px 0}
.sp2 .bs-ozet-toplam{border-top:1px solid #e4eaf3;margin-top:8px;padding-top:12px;align-items:baseline}
.sp2 .bs-ozet-toplam strong{font-size:1.6rem;font-weight:900;letter-spacing:-.03em;color:#0b1f3a}
.sp2-ozet-kart .btn-primary{background:#155dfc;border-color:#155dfc;border-radius:12px;font-weight:800;box-shadow:0 10px 22px rgba(21,93,252,.25)}
.sp2-ozet-kart .btn-primary:hover{background:#0b4fe7}
.sp2-ozet-kart .btn-outline{border-radius:12px;font-weight:700}
.sp2-guven{list-style:none;margin:12px 0 0;padding:14px 16px;display:grid;gap:12px;background:#fff;border:1px solid #e4eaf3;border-radius:16px}
.sp2-guven li{display:flex;align-items:center;gap:11px}
.sp2-guven i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf1ff;color:#155dfc;font-size:.9rem}
.sp2-guven b{display:block;font-size:.84rem;color:#0b1f3a}
.sp2-guven small{display:block;font-size:.76rem;color:#64748b}
/* Boş sepet */
.sp2-bos{text-align:center;background:#fff;border:1px solid #e4eaf3;border-radius:22px;padding:48px 24px;box-shadow:0 18px 40px rgba(11,31,58,.07);max-width:640px;margin:10px auto 0}
.sp2-bos-ikon{width:84px;height:84px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;font-size:2rem;color:#155dfc;background:linear-gradient(160deg,#eef4ff,#dbe7ff)}
.sp2-bos h2{margin:0 0 8px;font-size:1.45rem;letter-spacing:-.03em;color:#0b1f3a}
.sp2-bos p{margin:0 auto 20px;max-width:440px;color:#64748b;line-height:1.6}
.sp2-bos-btn{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sp2-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 20px;border-radius:12px;font-weight:800;font-size:.9rem;text-decoration:none;border:1px solid #cfdae9;background:#fff;color:#0b1f3a;transition:transform .15s,background .15s,color .15s,border-color .15s}
.sp2-btn:hover{border-color:#155dfc;color:#155dfc;transform:translateY(-1px)}
.sp2-btn-ana{background:#155dfc;border-color:#155dfc;color:#fff;box-shadow:0 8px 20px rgba(21,93,252,.25)}
.sp2-btn-ana:hover{background:#0b4fe7;color:#fff}
.sp2-btn.kapali{pointer-events:none;opacity:.5}
/* Mobil alt çubuk */
.sp2-mobil-bar{display:none}
@media(max-width:991px){
  .sp2 .bs-sepet-duzen{grid-template-columns:1fr}
  .sp2{padding-bottom:110px}
  .sp2-mobil-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:900;background:#fff;border-top:1px solid #e4eaf3;box-shadow:0 -8px 24px rgba(11,31,58,.10);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .sp2-mobil-bar small{display:block;font-size:.72rem;color:#64748b}
  .sp2-mobil-bar b{display:block;font-size:1.2rem;font-weight:900;color:#0b1f3a;letter-spacing:-.02em}
  .sp2-mobil-bar .sp2-btn{min-height:46px;padding:10px 18px}
  /* Sabit iletişim düğmeleri alt çubuğun üstünde kalsın */
  body:has(.sp2-mobil-bar){--gtc-alt:92px}body:has(.sp2-mobil-bar) .whatsapp-float{bottom:92px}
}
@media(max-width:640px){
  .sp2{padding-top:96px}
  .sp2-adimlar{font-size:.76rem;gap:6px}.sp2-adimlar li+li:before{width:16px}
  .sp2 .bs-sepet-satir{grid-template-columns:84px minmax(0,1fr);padding:14px;gap:12px}
  .sp2 .bs-sepet-gorsel{width:84px;height:84px}
  .sp2 .bs-sepet-fiyat{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:10px;min-width:0}
  .sp2 .bs-sepet-islemler{grid-column:auto}
  .sp2-kargo{padding:12px 14px}
}

/* ===== Ödeme sayfası (baski/odeme.php, .sp2.od2) — form alanları ve id'ler JS/sunucuya bağlı; burada yalnız görünüm ===== */
.sp2-adimlar li.bitti a{display:flex;align-items:center;gap:8px;color:#155dfc;text-decoration:none}
.sp2-adimlar li.bitti span{background:#155dfc;color:#fff;font-size:.68rem}
.od2-kart{border-radius:16px!important;border:1px solid #e4eaf3!important;padding:20px 22px!important;margin-bottom:14px;box-shadow:0 1px 2px rgba(11,31,58,.04)!important}
.od2-baslik{display:flex;align-items:center;gap:12px;margin:0 0 16px!important;font-size:1rem!important}
.od2-no{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#155dfc;color:#fff;font-weight:800;font-size:.9rem}
.od2-baslik>span:nth-child(2){display:grid;line-height:1.25}
.od2-baslik b{font-size:1.05rem;color:#0b1f3a;letter-spacing:-.01em}
.od2-baslik small{font-size:.78rem;font-weight:500;color:#64748b}
.od2-baslik>i{margin-left:auto;color:#cbd8ec;font-size:1.15rem}
.od2 .form-label{font-size:.82rem;font-weight:700;color:#334155}
.od2 .form-control{border-radius:11px;border-color:#dbe4f1;min-height:46px;transition:border-color .15s,box-shadow .15s}
.od2 textarea.form-control{min-height:0}
.od2 .form-control:focus{border-color:#155dfc;box-shadow:0 0 0 3px rgba(21,93,252,.15);outline:0}
.od2 .bs-radio-kartlar{gap:10px}
.od2 .bs-radio-kart{border-radius:13px}
.od2 .bs-radio-kart label,.od2 .bs-radio-kart>div{border:1.5px solid #dbe4f1;border-radius:13px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
.od2 .bs-radio-kart label:hover{border-color:#9dbcff}
.od2 .bs-radio-kart.secili label,.od2 .bs-radio-kart input:checked+label{border-color:#155dfc;background:#f3f7ff;box-shadow:0 0 0 3px rgba(21,93,252,.12)}
.od2 .bs-radio-kart strong{color:#0b1f3a}
.od2 .bs-radio-kart strong i{color:#155dfc;margin-right:4px}
.od2 .bs-radio-kart span{color:#64748b}
.od2 .alert{border-radius:14px}
.od2-adet{font-size:.78rem;font-weight:600;color:#64748b;margin-left:6px}
.od2-urunler{display:grid;gap:2px;margin-bottom:6px;max-height:260px;overflow:auto}
.od2-urun{align-items:center;gap:10px}
.od2-urun>span:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.od2-urun>span:first-child>i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf1ff;color:#155dfc;font-size:.85rem}
.od2-urun>span:first-child>span{display:grid;min-width:0;color:#0b1f3a;font-weight:600;font-size:.86rem;line-height:1.3}
.od2-urun small{font-weight:500;color:#64748b;font-size:.76rem}
.od2-urun>span:last-child{font-weight:700;color:#0b1f3a;white-space:nowrap}
.od2 .bs-onay-kutu{border-radius:12px;background:#f8fafc;border:1px solid #e4eaf3;padding:12px;margin-top:12px;font-size:.82rem;line-height:1.55}
.od2 .bs-onay-kutu a{color:#155dfc;font-weight:600}
.od2 #siparisBtn{background:#155dfc;border-color:#155dfc;border-radius:12px;font-weight:800;box-shadow:0 10px 22px rgba(21,93,252,.25)}
.od2 #siparisBtn:hover{background:#0b4fe7}
@media(max-width:640px){.od2-kart{padding:16px!important}.od2-baslik>i{display:none}}
.od2 .alert-info{background:#eef4ff;border:1px solid #cfe0ff;color:#1e3a8a}.od2 .alert-info a{color:#155dfc}

/* ===== Sipariş alındı sayfası (baski/tamamlandi.php, .sp2.tm2) ===== */
.tm2{padding-top:110px}
.tm2-kap{max-width:880px}
.tm2-adimlar{justify-content:center}
.tm2-adimlar li.aktif span{background:#155dfc;color:#fff}
.tm2-hero{position:relative;overflow:hidden;isolation:isolate;text-align:center;background:#fff;border:1px solid #e4eaf3;border-radius:22px;padding:36px 28px 26px;box-shadow:0 22px 50px rgba(11,31,58,.10);margin-bottom:14px}
.tm2-hero:before{content:"";position:absolute;left:50%;top:-220px;width:560px;height:340px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(21,93,252,.14),rgba(21,93,252,0) 70%);z-index:-1}
.tm2-onay{position:relative;width:78px;height:78px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;font-size:2rem;color:#fff;background:linear-gradient(160deg,#3b7bff,#155dfc 60%,#0b3fb8);box-shadow:0 12px 28px rgba(21,93,252,.35),0 0 0 10px rgba(21,93,252,.08);animation:tm2-cik .5s cubic-bezier(.2,1.4,.4,1) both}
.tm2-hero.bekliyor .tm2-onay{background:linear-gradient(160deg,#5b8cff,#2563eb);}
@keyframes tm2-cik{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.tm2-hero h1{margin:0 0 6px;font-size:clamp(1.7rem,3.2vw,2.3rem);letter-spacing:-.04em;color:#0b1f3a}
.tm2-alt{margin:0 auto 20px;max-width:520px;color:#475569;font-size:1rem}
.tm2-bilgi{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;text-align:left;margin:0 auto 14px;max-width:680px}
.tm2-bilgi>div{position:relative;background:#f6f9ff;border:1px solid #dbe7ff;border-radius:14px;padding:12px 14px}
.tm2-bilgi small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:3px}
.tm2-bilgi b{font-size:1.1rem;color:#0b1f3a;letter-spacing:-.01em}
.tm2-bilgi>div:first-child b{font-family:Consolas,Menlo,monospace;color:#155dfc;letter-spacing:.04em}
.tm2 [data-kopya]{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;border:0;background:#155dfc;color:#fff;font-weight:700;font-size:.74rem;border-radius:8px;padding:5px 9px;cursor:pointer}
.tm2 [data-kopya] em{font-style:normal}
.tm2 [data-kopya].tamam{background:#0b1f3a}
.tm2-eposta{margin:0;font-size:.86rem;color:#64748b}.tm2-eposta i{color:#155dfc;margin-right:4px}.tm2-eposta b{color:#0b1f3a}
.tm2-durum{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e4eaf3;border-radius:16px;padding:16px 18px;margin-bottom:14px;font-size:.92rem;line-height:1.6;color:#334155}
.tm2-durum>span{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eaf1ff;color:#155dfc;font-size:1rem}
.tm2-durum b{color:#0b1f3a}
.tm2-durum small{display:block;margin-top:4px;color:#64748b;font-size:.84rem}
.tm2-durum.basari{border-color:#bcd2ff;background:linear-gradient(90deg,#f3f7ff,#fff)}.tm2-durum.basari>span{background:#155dfc;color:#fff}
.tm2-durum.uyari{border-color:#fde3b0;background:#fffcf3}.tm2-durum.uyari>span{background:#fef3c7;color:#b45309}
.tm2-durum a{color:#155dfc;font-weight:700}
.tm2-havale{background:#fff;border:1px solid #e4eaf3;border-radius:18px;padding:20px 22px;margin-bottom:14px}
.tm2-havale h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:1.1rem;color:#0b1f3a}
.tm2-havale h2 i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eaf1ff;color:#155dfc;font-size:.95rem}
.tm2-banka{margin:0!important;background:#f8fafc!important;border:1px dashed #cbd8ec!important;border-radius:12px!important;padding:14px 16px!important;white-space:pre-line;font-size:.9rem;line-height:1.7;color:#0b1f3a}
.tm2-havale-satir{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:10px}
.tm2-havale-satir>div{position:relative;background:#f6f9ff;border:1px solid #dbe7ff;border-radius:12px;padding:10px 14px}
.tm2-havale-satir small{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.tm2-havale-satir b{font-size:1.05rem;color:#0b1f3a}
.tm2-havale-satir>div:last-child b{font-family:Consolas,Menlo,monospace;color:#155dfc;letter-spacing:.04em}
.tm2-not{margin:10px 0 0;font-size:.86rem;color:#64748b}
.tm2-iki{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.tm2-kart{background:#fff;border:1px solid #e4eaf3;border-radius:18px;padding:20px 22px}
.tm2-kart h2{margin:0 0 14px;font-size:1.05rem;color:#0b1f3a}.tm2-kart h2 small{font-size:.78rem;font-weight:600;color:#64748b;margin-left:4px}
.tm2-akis{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.tm2-akis li{position:relative;display:flex;gap:12px;padding:0 0 16px}
.tm2-akis li:last-child{padding-bottom:0}
.tm2-akis li:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:2px;width:2px;background:#e4eaf3}
.tm2-akis li>span{flex:none;position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:800;font-size:.85rem;border:2px solid #fff;box-shadow:0 0 0 1px #e4eaf3}
.tm2-akis li.bitti>span{background:#155dfc;color:#fff;box-shadow:none}
.tm2-akis li.simdi>span{background:#eaf1ff;color:#155dfc;box-shadow:0 0 0 2px #155dfc}
.tm2-akis b{display:block;font-size:.92rem;color:#0b1f3a}
.tm2-akis small{display:block;font-size:.8rem;color:#64748b}
.tm2-urunler{display:grid;gap:10px;max-height:240px;overflow:auto}
.tm2-urun{display:flex;gap:10px;align-items:center}
.tm2-urun>i{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eaf1ff;color:#155dfc;font-size:.85rem}
.tm2-urun span{display:grid;min-width:0}.tm2-urun b{font-size:.88rem;color:#0b1f3a;line-height:1.3}.tm2-urun small{font-size:.78rem;color:#64748b}
.tm2-toplam{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #e4eaf3;margin-top:14px;padding-top:12px;color:#475569;font-size:.9rem}
.tm2-toplam b{font-size:1.35rem;font-weight:900;color:#0b1f3a;letter-spacing:-.02em}
.tm2-butonlar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tm2-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border-radius:12px;font-weight:800;font-size:.92rem;text-decoration:none;border:1px solid #cfdae9;background:#fff;color:#0b1f3a;transition:transform .15s,background .15s,color .15s,border-color .15s}
.tm2-btn:hover{border-color:#155dfc;color:#155dfc;transform:translateY(-1px)}
.tm2-btn-ana{background:#155dfc;border-color:#155dfc;color:#fff;box-shadow:0 8px 20px rgba(21,93,252,.25)}
.tm2-btn-ana:hover{background:#0b4fe7;color:#fff}
.tm2-btn-kucuk{min-height:38px;padding:8px 14px;font-size:.84rem;margin-top:10px}
.tm2-izin{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-top:16px;background:#fff;border:1px solid #dbe7ff;border-radius:16px;padding:18px 20px}
.tm2-izin .btn-outline{border-color:#155dfc;color:#155dfc;font-weight:700;border-radius:10px}
@media(max-width:760px){.tm2{padding-top:96px}.tm2-hero{padding:28px 16px 20px}.tm2-bilgi{grid-template-columns:1fr}.tm2-havale-satir{grid-template-columns:1fr}.tm2-iki{grid-template-columns:1fr}.tm2-btn{flex:1 1 100%}.tm2-adimlar{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.tm2-onay{animation:none}}
.tm2-durum a.tm2-btn,.tm2-durum a.tm2-btn:hover{color:#fff}.tm2-btn-kucuk{display:flex;width:max-content}