/* Sepet sayfası
   marka-tema — F1 modülerleştirme. Kural içerikleri DEĞİŞTİRİLMEDİ, yalnız taşındı. */

/* ---------- sepet ---------- */
.mk-sepet-tablo { width: 100%; border-collapse: collapse; }
.mk-sepet-tablo td { border-bottom: 1px solid var(--mk-cizgi); padding: 20px 10px; vertical-align: middle; font-size: 14px; }
.mk-sepet-urun { display: flex; gap: 16px; align-items: center; }
.mk-sepet-urun .mk-sepet-gorsel { width: 64px; aspect-ratio: 2/3; background: var(--mk-beyaz); flex: none; }
.mk-sepet-urun .mk-sepet-ad { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; }
.mk-sepet-urun .mk-sepet-varyant { font-size: 12px; color: var(--mk-gri); margin-top: 3px; }
.mk-sepet-ozet { border: 1px solid var(--mk-cizgi); padding: 26px 24px; }
.mk-sepet-ozet .mk-toplam-satir { display: flex; justify-content: space-between; font-size: 14px; padding: 7px 0; }
/* ⚠️ 600 KORUNUYOR: sepet genel toplamı — ticari vurgu. */
.mk-sepet-ozet .mk-toplam-satir.mk-genel { font-weight: 600; border-top: 1px solid var(--mk-cizgi); margin-top: 10px; padding-top: 14px; font-size: 15px; }
.mk-sepet-duzen { display: grid; grid-template-columns: 1.6fr 1fr; gap: clamp(24px,4vw,56px); align-items: start; }
@media (max-width: 860px) { .mk-sepet-duzen { grid-template-columns: 1fr; } }

/* ============================================================ SEPET ÇEKMECESİ — F6 Ticari yüzey: hızlı, ok */
.mk-sepet-cekmece {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: var(--z-cekmece);
  width: min(460px, 100vw);
  background: var(--mk-fildisi);
  display: flex; flex-direction: column;   /* üst sabit · gövde kaydırılır · alt erişilebilir */
  transform: translateX(100%); transition: transform var(--mk-gecis);
  border-left: 1px solid var(--mk-cizgi);
}
.mk-sepet-cekmece[hidden] { display: none; }
.mk-sepet-cekmece.mk-acik { transform: translateX(0); }

.mk-sepet-ust {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px var(--mk-kenar); border-bottom: 1px solid var(--mk-cizgi); flex: none;
}
.mk-sepet-baslik {
  margin: 0; font-family: var(--mk-font);
  font-size: 12px; font-weight: var(--mk-fw-islevsel); letter-spacing: .16em; text-transform: uppercase;
}
.mk-sepet-kapat {
  background: none; border: 0; cursor: pointer; color: inherit;
  font-size: 24px; line-height: 1; padding: 10px; min-width: 44px; min-height: 44px;
}

/* Gövde: tek kaydırma alanı — iç içe kaydırma yok */
.mk-sepet-govde { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.mk-sepet-liste {
  list-style: none; margin: 0; padding: 0 var(--mk-kenar);
  flex: 1; overflow-y: auto; overscroll-behavior: contain;
}
.mk-sepet-govde.mk-yukleniyor { opacity: .55; transition: opacity .15s ease; pointer-events: none; }

/* ---------- satır ---------- */
.mk-sepet-satir {
  display: grid; grid-template-columns: 72px 1fr; gap: 14px;
  padding: 18px 0; border-bottom: 1px solid var(--mk-cizgi);
}
.mk-sepet-satir:last-child { border-bottom: 0; }
.mk-sepet-gorsel { background: var(--mk-beyaz); aspect-ratio: 2 / 3; overflow: hidden; }
.mk-sepet-gorsel img, .mk-sepet-gorsel-img { width: 100%; height: 100%; object-fit: cover; display: block; }

.mk-sepet-bilgi { min-width: 0; }   /* uzun ad taşmasın */
.mk-sepet-ad { margin: 0 0 3px; font-size: 13.5px; line-height: 1.35; }
.mk-sepet-ad a { border-bottom: 1px solid transparent; }
.mk-sepet-ad a:hover { border-bottom-color: currentColor; }
.mk-sepet-varyant {
  margin: 0 0 10px; font-size: 12.5px; color: var(--mk-gri);
  overflow-wrap: anywhere;
}
.mk-sepet-satir-alt {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
}

/* adet */
.mk-adet { display: inline-flex; align-items: center; border: 1px solid var(--mk-cizgi-form); }
.mk-adet-btn {
  background: none; border: 0; cursor: pointer; color: var(--mk-siyah);
  width: 36px; height: 36px; font-size: 16px; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
}
.mk-adet-btn[disabled], .mk-adet-btn[aria-disabled="true"] { color: var(--mk-gri-acik); cursor: not-allowed; }
.mk-adet-deger {
  min-width: 30px; text-align: center; font-size: 13.5px;
  font-variant-numeric: tabular-nums;
}
.mk-sepet-fiyat { font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-sepet-fiyat del { color: var(--mk-gri-acik); margin-right: 6px; font-size: 12.5px; }
.mk-sepet-fiyat ins { text-decoration: none; }

.mk-sepet-kaldir {
  display: inline-block; margin-top: 10px;
  font-size: 12px; color: var(--mk-gri);
  border-bottom: 1px solid var(--mk-cizgi-form); padding-bottom: 1px;
  min-height: 32px;
}
.mk-sepet-kaldir:hover { color: var(--mk-siyah); border-bottom-color: var(--mk-siyah); }

/* ---------- alt bölüm ---------- */
.mk-sepet-alt {
  flex: none; padding: 18px var(--mk-kenar);
  padding-bottom: calc(18px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--mk-cizgi); background: var(--mk-fildisi);
}
.mk-sepet-toplam {
  display: flex; justify-content: space-between; align-items: baseline;
  font-size: 14px; margin-bottom: 14px;
}
.mk-sepet-toplam-tutar { font-size: 16px; font-weight: 500; font-variant-numeric: tabular-nums; }
.mk-sepet-odeme { display: block; width: 100%; text-align: center; padding: 16px 20px; }
/* ⚠️ r6.18d — İKİNCİL EYLEM: dolu siyah ikinci buton DEĞİL, "unutulmuş yazı" da değil. Alt çizgi metni */
.mk-sepet-goruntule {
  display: flex; align-items: center; justify-content: center;
  min-height: 44px; margin-top: 10px;          /* birincil CTA ile bilinçli boşluk */
  font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--mk-siyah); text-align: center;
}
.mk-sepet-goruntule > span {
  display: inline-block; max-width: 100%;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--mk-cizgi-form);
  /* Uzun Türkçe metinde taşma yerine kırpma. */
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mk-sepet-goruntule:hover > span,
.mk-sepet-goruntule:focus-visible > span { border-bottom-color: var(--mk-siyah); }
.mk-sepet-goruntule:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* ---------- boş durum ---------- */
.mk-sepet-bos {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 20px; padding: 40px var(--mk-kenar); text-align: center;
}
.mk-sepet-bos-metin { margin: 0; font-size: 14.5px; color: var(--mk-gri); }

/* ---------- mobil ---------- */
@media (max-width: 560px) {
  .mk-sepet-cekmece { width: 100vw; border-left: 0; }
  .mk-sepet-satir { grid-template-columns: 64px 1fr; gap: 12px; padding: 16px 0; }
  .mk-sepet-ad { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .mk-sepet-cekmece { transition: none; }
}