/* ==========================================================================
   MAĞAZA — Ürün karşılaştırma tablosu (b2c_compare).
   Dar ekranda tablo yatay kayar; özellik adı sütunu solda sabit kalır.
   ========================================================================== */

.k-compare {
  overflow-x: auto;
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius);
  background: var(--k-surface);
}
.k-compare-table { --bs-table-bg: var(--k-surface); --bs-table-color: var(--k-ink); table-layout: fixed; min-width: 100%; width: max-content; }
.k-compare-table th,
.k-compare-table td { padding: .85rem 1rem; border-color: var(--k-line); vertical-align: top; }
.k-compare-table tbody tr:last-child th,
.k-compare-table tbody tr:last-child td { border-bottom: 0; }

/* Özellik adı sütunu (yatay kaydırmada sabit); hücre rengi Bootstrap tablo değişkenleriyle verilir */
.k-compare-table .k-compare-label {
  --bs-table-bg: var(--k-surface-2); --bs-table-color: var(--k-muted);
  position: sticky; left: 0; z-index: 1;
  width: 170px; min-width: 170px; font-weight: 500;
}

/* Ürün sütunu */
.k-compare-col { position: relative; width: 230px; min-width: 230px; font-weight: 400; }
.k-compare-media {
  border-radius: var(--k-radius-sm); overflow: hidden; background: var(--k-surface-2);
  aspect-ratio: 4 / 5; max-width: 150px;
}
.k-compare-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.k-compare-media--gone { color: var(--k-muted); font-size: 22px; }
.k-compare-title { display: block; font-weight: 500; line-height: 1.35; margin-top: .2rem; }
.k-compare-title:hover { color: var(--k-sale); }
.k-compare-remove {
  position: absolute; top: .6rem; right: .6rem;
  width: 30px; height: 30px; border-radius: 50%;
  border: 1px solid var(--k-line); background: var(--k-surface); color: var(--k-ink);
  display: flex; align-items: center; justify-content: center; font-size: 12px;
}
.k-compare-remove:hover { background: var(--k-ink); border-color: var(--k-ink); color: var(--k-surface); }

/* Listeden düşen ürün: gövdedeki bütün satırları kaplayan tek hücre */
.k-compare-table .k-compare-gone {
  --bs-table-bg: var(--k-surface-2); --bs-table-color: var(--k-muted);
  vertical-align: middle; text-align: center;
}

@media (max-width: 575.98px) {
  .k-compare-table .k-compare-label { width: 110px; min-width: 110px; font-size: 13px; }
  .k-compare-col { width: 180px; min-width: 180px; }
}