/* Product comparison */
.mocbt-compare-table-wrap { overflow-x: auto; background: #fff; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 8px 32px rgba(15,23,42,.06); }
.mocbt-compare-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.mocbt-compare-table th, .mocbt-compare-table td { padding: 1rem; border-bottom: 1px solid #f1f5f9; vertical-align: top; text-align: center; }
.mocbt-compare-table__label { text-align: left !important; font-weight: 700; color: #475569; background: #f8fafc; min-width: 140px; position: sticky; left: 0; z-index: 1; }
.mocbt-compare-table__img { width: 100px; height: 100px; object-fit: contain; border-radius: 12px; background: #f8fafc; }
.mocbt-compare-table tr.is-match td:not(.mocbt-compare-table__label) { background: #f0fdf4; }
.mocbt-compare-table tr.is-diff td:not(.mocbt-compare-table__label) { background: #fffbeb; }
.mocbt-compare-mobile { display: flex; gap: 1rem; overflow-x: auto; padding-bottom: .5rem; }
.mocbt-compare-mobile-card { flex: 0 0 260px; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 1rem; }
.mocbt-compare-widget { position: fixed; right: 1rem; bottom: calc(5rem + env(safe-area-inset-bottom, 0)); z-index: 1030; }
.mocbt-compare-widget__btn {
  display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem;
  background: var(--primary-blue); color: #fff; border-radius: 999px;
  text-decoration: none; font-weight: 700; box-shadow: 0 8px 24px rgba(37,99,235,.35);
}
.mocbt-compare-widget__count {
  background: #fff; color: var(--primary-blue); min-width: 22px; height: 22px;
  border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: .75rem;
}
.mocbt-compare-empty { background: #fff; border-radius: 16px; border: 1px dashed #cbd5e1; }
.mocbt-header__actions { display: flex; align-items: center; gap: .35rem; margin-left: .75rem; }
.mocbt-header__action {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; border-radius: 12px; border: none; background: #f1f5f9;
  color: #334155; text-decoration: none; transition: background .15s, transform .15s;
}
.mocbt-header__action:hover { background: #e2e8f0; color: var(--primary-blue); }
.mocbt-header__action-label { font-size: .82rem; font-weight: 600; margin-left: .35rem; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mocbt-header__badge {
  position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px;
  border-radius: 999px; background: var(--primary-red); color: #fff; font-size: .65rem; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
}
.mocbt-account-dropdown { border-radius: 14px !important; min-width: 220px; padding: .35rem; }
.mocbt-account-dropdown .dropdown-item { border-radius: 8px; font-weight: 500; }
.mocbt-mobile-top__badge {
  position: absolute; top: 2px; right: 2px; min-width: 16px; height: 16px; border-radius: 50%;
  background: var(--primary-red); color: #fff; font-size: .6rem; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
}
.mocbt-mobile-top__icon { position: relative; }