/* ============================================================
   Mesnevi Gümüş — Sepet Sayfası (woo-sepet.css)
   Yeni tasarım — HTML'deki yapıyla birebir uyumlu
   ============================================================ */

/* ── WC VARSAYILAN KUPON & GÜNCELLE BUTONUNU GİZLE ──
   Kupon yönetimi sağ paneldeki mg-kupon-kart üzerinden yapılıyor.
   PHP'de remove_action yapıldı, CSS burada çift güvence sağlar.
*/
.woocommerce-cart .coupon,
.woocommerce form.coupon,
.woocommerce-cart .woocommerce-cart-form .coupon,
.woocommerce-cart .woocommerce-cart-form .actions .coupon,
.cart_totals .woocommerce-form-coupon,
.cart_totals form.coupon,
.woocommerce-cart .cart_totals .coupon {
  display: none !important;
}

/* Eski pembe hediye paketi kutusu — ozellestirme.php'den geliyor, bizim tasarımımız var */
.mg-hediye-paketi,
.woocommerce-cart .mg-hediye-paketi {
  display: none !important;
}

.woocommerce-cart .actions button[name="update_cart"],
.woocommerce-cart .actions input[name="update_cart"],
.woocommerce button[name="update_cart"],
.mg-gizli-guncelle {
  display: none !important;
}

/* ── SAYFA SARMALAYICI ──
   page.php wrapper: <div class="woo-wrap konteyner"> (max-width: var(--max-w) = 1320px)
   functions.php woo-main wrapper: sepet için devre dışı bırakıldı
   Sadece dikey boşluk — yatay override yapma
*/
.woocommerce-cart .woo-wrap {
  padding-top: 2.5rem;
  padding-bottom: 5rem;
}

/* ── BAŞLIK BANDI ── */
.mg-sepet-baslik {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.75rem;
  padding-bottom: 1.25rem;
  border-bottom: 2px solid var(--border);
  flex-wrap: wrap;
}

.mg-sepet-h1 {
  font-family: var(--f-aksant, 'Cinzel', serif);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 600;
  color: var(--siyah);
  letter-spacing: .03em;
  line-height: 1;
  margin: 0 0 6px;
}

.mg-sepet-baslik-sol {
  display: flex;
  flex-direction: column;
}

.mg-sepet-adet-rozet {
  font-size: .85rem;
  color: var(--metin-ince);
  font-weight: 600;
}

.mg-sepet-adet-rozet strong {
  color: var(--yesil);
  font-weight: 800;
}

.mg-alisverisa-devam-link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .86rem;
  font-weight: 700;
  color: var(--metin-ince);
  transition: color var(--t-hizli, .2s ease);
  padding-bottom: 4px;
  white-space: nowrap;
}

.mg-alisverisa-devam-link:hover {
  color: var(--yesil);
}

/* ── KARGO BANNER ── */
.mg-kargo-banner {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(135deg, #e8f5ec, #f0faf3);
  border: 1.5px solid #b8dfc5;
  border-radius: 14px;
  padding: 14px 20px;
  margin-bottom: 1.75rem;
  transition: all .3s ease;
}

.mg-kargo-banner-ikon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--yesil);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mg-kargo-banner-metin {
  flex: 1;
}

.mg-kargo-banner-metin strong {
  display: block;
  font-size: .9rem;
  font-weight: 800;
  color: #155724;
}

.mg-kargo-banner-metin small {
  font-size: .79rem;
  color: #2d7a41;
  font-weight: 600;
}

.mg-kargo-banner-metin em {
  font-style: normal;
  font-weight: 800;
  color: var(--yesil);
}

.mg-kargo-rozet {
  background: var(--yesil);
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  padding: 5px 14px;
  border-radius: 999px;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}

.mg-kargo-progress {
  width: 80px;
  height: 8px;
  background: #c9e8d3;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

.mg-kargo-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--yesil), var(--zeytin, #7a9a1f));
  border-radius: 4px;
  transition: width .5s ease;
}

/* ── ANA GRID ── */
.mg-sepet-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 2rem;
  align-items: start;
}

/* ── ÜRÜNLER PANELİ ── */
.mg-urunler-panel {
  background: var(--bg-kart, #fff);
  border: 1.5px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 30px rgba(0,0,0,.05);
}

/* Panel başlığı */
.mg-urunler-panel-hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  background: var(--bg-section, #f3f1eb);
  border-bottom: 1.5px solid var(--border);
}

.mg-urunler-panel-hdr h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--f-aksant, 'Cinzel', serif);
  font-size: .95rem;
  font-weight: 600;
  color: var(--siyah);
  letter-spacing: .06em;
  margin: 0;
}

.mg-urunler-sutunlar {
  display: flex;
  gap: 1.5rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--metin-ince);
}

.mg-urunler-sutunlar span {
  min-width: 80px;
  text-align: right;
}

/* ── ÜRÜN SATIRI ── */
.mg-urun-listesi {}

.mg-urun-satiri {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border);
  transition: background var(--t-hizli, .2s ease);
  position: relative;
  animation: mgFadeInUp .35s ease both;
}

.mg-urun-satiri:last-child {
  border-bottom: none;
}

.mg-urun-satiri:hover {
  background: #fafaf8;
}

@keyframes mgFadeInUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Görsel */
.mg-urun-gorsel {
  width: 90px;
  height: 90px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1.5px solid var(--border);
  background: var(--bg-section);
  transition: box-shadow .3s ease;
}

.mg-urun-gorsel:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
}

.mg-urun-gorsel a {
  display: block;
  width: 100%;
  height: 100%;
}

.mg-urun-gorsel-img,
.mg-urun-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}

.mg-urun-satiri:hover .mg-urun-gorsel-img,
.mg-urun-satiri:hover .mg-urun-gorsel img {
  transform: scale(1.06);
}

/* Bilgi */
.mg-urun-bilgi {
  flex: 1;
  min-width: 0;
}

.mg-urun-kategori {
  display: block;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--zeytin, #7a9a1f);
  margin-bottom: 4px;
}

.mg-urun-ad {
  font-size: .97rem;
  font-weight: 700;
  color: var(--metin);
  line-height: 1.4;
  margin-bottom: 5px;
}

.mg-urun-ad a {
  color: var(--metin);
  transition: color var(--t-hizli);
}

.mg-urun-ad a:hover {
  color: var(--yesil);
}

.mg-urun-sku {
  display: inline-block;
  font-size: .74rem;
  color: var(--metin-ince);
  background: var(--bg-section);
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid var(--border);
}

/* Mobil sütun etiketleri — masaüstünde gizli */
.mg-sutun-etiket {
  display: none;
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--metin-ince);
  margin-bottom: 3px;
}

/* Fiyat */
.mg-urun-fiyat {
  min-width: 80px;
  text-align: right;
  font-size: .95rem;
  font-weight: 700;
  color: var(--metin);
  flex-shrink: 0;
}

.mg-urun-fiyat .woocommerce-Price-amount {
  font-weight: 700;
}

/* Adet kontrol */
.mg-urun-adet {
  min-width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

.mg-adet-kontrol {
  display: flex;
  align-items: center;
  gap: 4px;
}

.mg-adet-btn {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1.5px solid var(--border);
  background: var(--bg-kart, #fff);
  color: var(--metin);
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--t-hizli);
  line-height: 1;
  font-family: var(--f-govde);
}

.mg-adet-btn:hover {
  border-color: var(--yesil);
  color: var(--yesil);
  background: rgba(30,92,46,.06);
}

.mg-adet-kontrol .qty,
.mg-adet-kontrol input[type="number"] {
  width: 38px !important;
  height: 30px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 8px !important;
  text-align: center !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  color: var(--metin) !important;
  background: #fff !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  padding: 0 4px !important;
  transition: border-color var(--t-hizli) !important;
}

.mg-adet-kontrol .qty:focus,
.mg-adet-kontrol input[type="number"]:focus {
  border-color: var(--yesil) !important;
}

/* Ara toplam */
.mg-urun-toplam {
  min-width: 90px;
  text-align: right;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--yesil);
  flex-shrink: 0;
}

.mg-urun-toplam .woocommerce-Price-amount {
  color: var(--yesil);
  font-weight: 800;
}

/* Sil butonu */
.mg-sil-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--bg-section);
  color: var(--metin-ince);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background var(--t-hizli), color var(--t-hizli);
  text-decoration: none;
}

.mg-sil-btn:hover {
  background: #fee2e2;
  color: #dc2626;
}

/* ── ALT AKSİYON ÇUBUĞU ── */
.mg-sepet-aksiyonlar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  background: var(--bg-section);
  border-top: 1.5px solid var(--border);
  flex-wrap: wrap;
  gap: 10px;
}

.mg-devam-link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .85rem;
  font-weight: 700;
  color: var(--metin-ince);
  transition: color var(--t-hizli);
}

.mg-devam-link:hover {
  color: var(--yesil);
}

.mg-guvenli-not {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: .78rem;
  color: var(--metin-ince);
  font-weight: 600;
}

/* Gizli WC güncelle butonu */
.mg-gizli-guncelle {
  display: none !important;
}

/* ── KUPON KARTI ── */
.mg-kupon-kart {
  background: var(--bg-kart, #fff);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,.04);
}

.mg-kupon-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 20px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--f-govde);
  transition: background var(--t-hizli);
  text-align: left;
}

.mg-kupon-toggle:hover {
  background: var(--bg-section);
}

.mg-kupon-toggle-sol {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .88rem;
  font-weight: 700;
  color: var(--metin);
}

.mg-kupon-ikon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #fff3cd, #fde68a);
  border: 1px solid #f59e0b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9rem;
}

.mg-kupon-chevron {
  color: var(--metin-ince);
  transition: transform var(--t-hizli);
  flex-shrink: 0;
}

.mg-kupon-form {
  padding: 0 20px 18px;
  border-top: 1px solid var(--border);
}

.mg-kupon-form[hidden] {
  display: none;
}

.mg-kupon-input-grup {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

.mg-kupon-input {
  flex: 1;
  padding: 10px 14px;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  font-size: .88rem;
  outline: none;
  transition: border-color var(--t-hizli);
  background: #fff;
  color: var(--metin);
  font-family: var(--f-govde);
}

.mg-kupon-input:focus {
  border-color: var(--yesil);
}

.mg-kupon-input::placeholder {
  color: #bbb;
}

.mg-kupon-btn {
  padding: 10px 18px !important;
  background: var(--siyah) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: .84rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background var(--t-hizli) !important;
  white-space: nowrap;
  font-family: var(--f-govde) !important;
}

.mg-kupon-btn:hover {
  background: var(--yesil) !important;
}

/* ── TOPLAM KARTI ── */
.mg-toplam-kart {
  background: var(--bg-kart, #fff);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,.05);
}

.mg-toplam-kart-hdr {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 22px;
  background: var(--siyah);
}

.mg-toplam-kart-hdr h3 {
  font-family: var(--f-aksant, 'Cinzel', serif);
  font-size: .95rem;
  font-weight: 600;
  color: rgba(255,255,255,.9);
  letter-spacing: .08em;
  margin: 0;
}

.mg-toplam-kart-ic {
  padding: 18px 22px 20px;
}

/* Özet satırları */
.mg-ozet-satir {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 11px 0;
  border-bottom: 1px solid var(--border);
  gap: 12px;
}

.mg-ozet-satir:last-of-type {
  border-bottom: none;
}

.mg-ozet-etiket {
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--metin-ince);
  white-space: nowrap;
}

.mg-ozet-deger {
  font-size: .95rem;
  font-weight: 700;
  color: var(--metin);
  text-align: right;
}

/* Kargo değeri */
.mg-ozet-kargo-deger {
  text-align: right;
  font-size: .85rem;
}

.mg-ozet-kargo-deger .woocommerce-Price-amount {
  font-weight: 700;
  color: var(--yesil);
}

.mg-ozet-kargo-deger .free-shipping,
.mg-ozet-kargo-deger p {
  font-size: .82rem;
  color: var(--metin-ince);
  margin: 3px 0 0;
}

/* WooCommerce kargo seçenekleri özelleştirme */
.mg-ozet-kargo-deger ul.shipping_method {
  list-style: none;
  padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 6px;
}

.mg-ozet-kargo-deger ul.shipping_method li {
  display: flex; align-items: center; gap: 6px;
  font-size: .84rem; color: var(--metin);
}

.mg-ozet-kargo-deger ul.shipping_method li label {
  cursor: pointer; font-weight: 600;
}

/* Ücretsiz kargo badge */
.mg-ucretsiz-badge {
  display: inline-block;
  background: linear-gradient(135deg, #d1fae5, #a7f3d0);
  color: #065f46;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  padding: 4px 10px;
  border-radius: 999px;
  text-transform: uppercase;
}

/* İndirim rengi */
.mg-ozet-deger--indirim {
  color: var(--kirmizi, #cc1f1f);
}

/* Toplam satır */
.mg-ozet-satir--toplam {
  padding-top: 16px;
  margin-top: 4px;
  border-top: 2px solid var(--border);
  border-bottom: none !important;
}

.mg-ozet-satir--toplam .mg-ozet-etiket {
  font-size: .88rem;
  font-weight: 900;
  color: var(--siyah);
  letter-spacing: .02em;
}

.mg-ozet-deger--toplam,
.mg-ozet-satir--toplam .woocommerce-Price-amount {
  font-size: 1.55rem !important;
  font-weight: 900 !important;
  color: var(--yesil) !important;
  letter-spacing: -.02em !important;
}

/* ── ÖDEME BUTONU ── */
.wc-proceed-to-checkout {
  margin-top: 18px;
}

.wc-proceed-to-checkout a.checkout-button,
.woocommerce a.checkout-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 16px 24px !important;
  background: linear-gradient(135deg, var(--yesil), #2d7a41) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: var(--f-govde) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all .28s ease !important;
  box-shadow: 0 6px 24px rgba(30,92,46,.35) !important;
}

.wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.checkout-button:hover {
  background: linear-gradient(135deg, #163f20, var(--yesil)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 32px rgba(30,92,46,.42) !important;
}

/* Güven rozetleri */
.mg-guven-rozetler {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
  flex-wrap: wrap;
}

.mg-rozet {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: .74rem;
  color: var(--metin-ince);
  font-weight: 600;
}

.mg-rozet svg {
  color: var(--zeytin, #7a9a1f);
}

/* ── HEDİYE PAKETİ ── */
.mg-hediye-kart {
  background: var(--bg-kart, #fff);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,.04);
}

.mg-hediye-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  cursor: pointer;
  user-select: none;
  transition: background var(--t-hizli);
}

.mg-hediye-toggle:hover {
  background: var(--bg-section);
}

.mg-hediye-ikon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  border: 1px solid #f59e0b;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #92400e;
  flex-shrink: 0;
}

.mg-hediye-toggle-metin {
  flex: 1;
}

.mg-hediye-toggle-metin strong {
  display: block;
  font-size: .9rem;
  font-weight: 800;
  color: var(--metin);
}

.mg-hediye-toggle-metin small {
  font-size: .78rem;
  color: var(--metin-ince);
}

/* Toggle switch */
.mg-hediye-toggle-wrap {
  position: relative;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
}

.mg-hediye-chk {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.mg-hediye-slider {
  position: absolute;
  inset: 0;
  background: var(--border);
  border-radius: 12px;
  cursor: pointer;
  transition: background var(--t-hizli);
}

.mg-hediye-slider::before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background: #fff;
  top: 3px;
  left: 3px;
  transition: transform var(--t-hizli);
  box-shadow: 0 2px 4px rgba(0,0,0,.15);
}

.mg-hediye-chk:checked + .mg-hediye-slider {
  background: var(--yesil);
}

.mg-hediye-chk:checked + .mg-hediye-slider::before {
  transform: translateX(20px);
}

/* İçerik (gizli/açık) */
.mg-hediye-icerik {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease, padding .35s ease;
  border-top: 1px solid transparent;
}

.mg-hediye-icerik--acik {
  max-height: 300px;
  padding: 14px 20px 20px;
  border-top-color: var(--border);
}

.mg-hediye-not-label {
  display: block;
  font-size: .78rem;
  font-weight: 800;
  color: var(--metin-ince);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 8px;
}

.mg-hediye-textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  font-size: .88rem;
  color: var(--metin);
  font-family: var(--f-govde);
  resize: vertical;
  min-height: 90px;
  outline: none;
  transition: border-color var(--t-hizli);
  background: #fff;
  line-height: 1.6;
}

.mg-hediye-textarea:focus {
  border-color: var(--yesil);
}

.mg-hediye-aciklama {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: .76rem;
  color: var(--metin-ince);
  margin-top: 7px;
}

/* ── WC BİLDİRİM MESAJLARI ── */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border-radius: 10px !important;
  padding: 12px 18px !important;
  margin-bottom: 1.25rem !important;
  font-size: .9rem !important;
  font-family: var(--f-govde) !important;
  list-style: none !important;
  border-top: none !important;
}

.woocommerce-message {
  background: linear-gradient(135deg, #f0faf3, #e6f7ec) !important;
  border-left: 4px solid var(--yesil) !important;
  color: #155724 !important;
}

.woocommerce-error {
  background: #fff5f5 !important;
  border-left: 4px solid var(--kirmizi) !important;
  color: var(--kirmizi) !important;
}

.woocommerce-info {
  background: linear-gradient(135deg, #f0faf3, #e6f7ec) !important;
  border-left: 4px solid var(--yesil) !important;
  color: #155724 !important;
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  display: none !important;
}

/* ── BOŞ SEPET ── */
.woocommerce-cart .cart-empty,
.woocommerce-cart p.cart-empty {
  text-align: center;
  font-size: 1rem;
  color: var(--metin-ince);
  padding: 3rem 0 1rem;
}

.woocommerce-cart .return-to-shop {
  text-align: center;
}

.woocommerce-cart .return-to-shop a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  background: var(--yesil);
  color: #fff;
  border-radius: 12px;
  font-size: .92rem;
  font-weight: 700;
  transition: all var(--t-hizli);
}

.woocommerce-cart .return-to-shop a:hover {
  background: var(--siyah);
  transform: translateY(-2px);
}

/* ── MOBİL ── */
@media (max-width: 960px) {
  .mg-sepet-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .woocommerce-cart .woo-wrap {
    padding-top: 1.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .mg-sepet-h1 {
    font-size: 1.5rem !important;
  }

  .mg-alisverisa-devam-link {
    display: none;
  }

  .mg-kargo-banner {
    flex-wrap: wrap;
    gap: 10px;
  }

  .mg-kargo-progress {
    width: 100%;
  }

  /* Ürün satırı — kart düzeni */
  .mg-urunler-panel-hdr .mg-urunler-sutunlar {
    display: none;
  }

  .mg-urun-satiri {
    flex-wrap: wrap;
    padding: 16px;
    gap: 12px;
  }

  .mg-urun-gorsel {
    width: 72px;
    height: 72px;
  }

  .mg-urun-bilgi {
    flex: 1;
    min-width: 120px;
  }

  .mg-sutun-etiket {
    display: block;
  }

  .mg-urun-fiyat,
  .mg-urun-adet,
  .mg-urun-toplam {
    min-width: auto;
    flex: 0 0 auto;
    text-align: left;
  }

  .mg-urun-fiyat { display: none; } /* mobilde ara fiyat yerine toplam göster */

  .mg-sil-btn {
    position: absolute;
    top: 14px;
    right: 14px;
  }

  .mg-urunler-panel {
    border-radius: 14px;
  }
}

@media (max-width: 480px) {
  .mg-urun-satiri {
    gap: 8px;
  }

  .mg-ozet-deger--toplam,
  .mg-ozet-satir--toplam .woocommerce-Price-amount {
    font-size: 1.3rem !important;
  }
}