/* Evdema ürün karşılaştırma — sticky bar + kart checkbox */
.ev-cmp-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 99980;
  display: none; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 12px 16px; background: #0f172a; color: #fff;
  box-shadow: 0 -8px 28px rgba(15,23,42,.28);
}
.ev-cmp-bar.is-on { display: flex; }
.ev-cmp-bar-items { display: flex; gap: 10px; flex: 1; min-width: 0; overflow-x: auto; }
.ev-cmp-chip {
  display: inline-flex; align-items: center; gap: 8px; max-width: 220px;
  padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12); font-size: 12px; font-weight: 600;
}
.ev-cmp-chip img { width: 28px; height: 28px; border-radius: 6px; object-fit: cover; background: #fff; }
.ev-cmp-chip span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; }
.ev-cmp-chip button {
  border: 0; background: transparent; color: #fdba74; cursor: pointer; font-size: 14px; line-height: 1; padding: 0 2px;
}
.ev-cmp-actions { display: flex; gap: 8px; align-items: center; margin-left: auto; }
.ev-cmp-btn {
  display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,.2); background: transparent; color: #fff;
  font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none;
}
.ev-cmp-btn-go { background: #f4822e; border-color: #f4822e; }
.ev-cmp-btn-go:hover { background: #ea580c; color: #fff; }
.ev-cmp-btn:hover { border-color: #fdba74; color: #fdba74; }
.ev-cmp-count { opacity: .7; font-size: 12px; font-weight: 600; }
body.ev-cmp-open { padding-bottom: 84px; }

.karsilastir-toggle {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 8px;
  font-size: 12px; font-weight: 700; color: #64748b; cursor: pointer; user-select: none;
}
.karsilastir-toggle input { accent-color: #f4822e; width: 15px; height: 15px; cursor: pointer; }
.karsilastir-toggle.is-on { color: #c2410c; }
.ud-karsilastir-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; margin-top: 10px; padding: 11px 14px; border-radius: 10px;
  border: 1px solid #e2e8f0; background: #fff; color: #0f172a;
  font-size: 13px; font-weight: 700; cursor: pointer;
}
.ud-karsilastir-btn:hover, .ud-karsilastir-btn.is-on {
  border-color: #f4822e; background: #fff7ed; color: #c2410c;
}

/* karşılaştır sayfa */
.cmp-page { max-width: 1180px; margin: 0 auto; padding: 18px 16px 40px; }
.cmp-page h1 { margin: 0 0 8px; font-size: 1.6rem; color: #0f172a; letter-spacing: -.02em; }
.cmp-page .cmp-sub { color: #64748b; font-size: 14px; margin-bottom: 18px; }
.cmp-table-wrap { overflow-x: auto; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 24px rgba(15,23,42,.06); }
.cmp-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.cmp-table th, .cmp-table td { padding: 14px 16px; border-bottom: 1px solid #f1f5f9; vertical-align: top; text-align: left; }
.cmp-table th { background: #f8fafc; color: #64748b; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; width: 160px; }
.cmp-table td { font-size: 14px; color: #334155; font-weight: 600; }
.cmp-prod { text-align: center !important; min-width: 200px; }
.cmp-prod img { width: 140px; height: 140px; object-fit: contain; background: #f8fafc; border-radius: 12px; border: 1px solid #e2e8f0; }
.cmp-prod .cmp-ad { display: block; margin: 10px 0 4px; color: #0f172a; font-weight: 800; text-decoration: none; line-height: 1.35; }
.cmp-prod .cmp-ad:hover { color: #f4822e; }
.cmp-prod .cmp-kod { color: #94a3b8; font-size: 12px; margin-bottom: 10px; }
.cmp-price { color: #c2410c; font-size: 1.15rem; font-weight: 800; }
.cmp-stock-ok { color: #047857; }
.cmp-stock-no { color: #b91c1c; }
.cmp-sepet {
  display: inline-flex; margin-top: 8px; padding: 9px 14px; border-radius: 999px;
  background: #f4822e; color: #fff !important; font-size: 12px; font-weight: 800; text-decoration: none; border: 0; cursor: pointer;
}
.cmp-sepet:hover { background: #ea580c; }
.cmp-remove {
  display: inline-block; margin-top: 8px; font-size: 12px; color: #94a3b8; cursor: pointer; background: none; border: 0; text-decoration: underline;
}
.cmp-empty { padding: 48px 20px; text-align: center; color: #64748b; }
.cmp-empty a { color: #f4822e; font-weight: 700; }
.cmp-row-aciklama > td { vertical-align: top; font-weight: 500; }
.cmp-desc {
  max-height: 260px; overflow: auto; text-align: left;
  font-size: 13px; font-weight: 500; line-height: 1.5; color: #475569;
  padding-right: 4px;
}
.cmp-desc img { max-width: 100%; height: auto; border-radius: 8px; }
.cmp-desc p { margin: 0 0 8px; }
.cmp-desc ul, .cmp-desc ol { margin: 0 0 8px; padding-left: 18px; }
@media (max-width: 700px) {
  .cmp-prod img { width: 96px; height: 96px; }
  .ev-cmp-chip span { max-width: 90px; }
}