.compare-body .site-header { margin-bottom: 0; }
.compare-page { min-height: 620px; padding: 28px 0 60px; }

.compare-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  margin: 0 0 38px;
  list-style: none;
  font-size: 14px;
}

.compare-breadcrumb a, .compare-breadcrumb span { color: #555; }
.compare-breadcrumb .fa { color: #888; }

.compare-page-title {
  position: relative;
  padding-right: 13px;
  margin: 0 0 40px;
  color: #333;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.compare-page-title::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background: #ffd91c;
  content: "";
}

.compare-toolbar {
  display: flex;
  min-height: 54px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  margin-bottom: 15px;
  background: #f7f7f7;
}

.compare-toolbar label { margin: 0; font-size: 13px; font-weight: 700; }

.compare-toolbar select {
  width: 91px;
  height: 34px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  color: #555;
}

.compare-clear {
  min-width: 116px;
  height: 34px;
  padding: 6px 14px;
  margin-right: 18px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  color: #777;
}

.compare-clear .fa { margin-right: 6px; }
.compare-table-wrap { width: 100%; overflow-x: auto; }

.compare-table {
  width: 100%;
  min-width: 820px;
  table-layout: fixed;
  border-collapse: collapse;
  background: #fff;
}

.compare-table th, .compare-table td {
  padding: 13px 15px;
  border: 1px solid #e2e2e2;
  color: #555;
  font-size: 13px;
  line-height: 21px;
  vertical-align: middle;
  text-align: right;
}

.compare-table th { width: 20%; background: #fafafa; color: #333; font-weight: 700; position: sticky; right: 0; z-index: 2; }
.compare-table td { width: 26.66%; }

.compare-product-cell {
  position: relative;
  height: 410px;
  padding: 18px 20px 22px !important;
  vertical-align: top !important;
}

.compare-remove {
  position: absolute;
  top: 12px;
  right: 20px;
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: #d2d2d2;
  color: #555;
}

.compare-product-image {
  display: flex;
  height: 220px;
  align-items: center;
  justify-content: center;
  margin: 42px 0 16px;
}

.compare-product-image img { display: block; max-width: 245px; max-height: 190px; object-fit: contain; }

.compare-product-title {
  display: block;
  min-height: 42px;
  color: #1f5b78;
  font-size: 13px;
  font-weight: 600;
  line-height: 21px;
}

.compare-product-price { display: flex; align-items: baseline; gap: 5px; margin-top: 14px; color: #111; }
.compare-product-price strong { font-family: Arial, sans-serif; font-size: 20px; }

.compare-add-cart {
  min-width: 142px;
  min-height: 38px;
  padding: 8px 18px;
  margin-top: 14px;
  border: 1px solid #d7b300;
  background: #ffd91c;
  color: #111;
  font-weight: 700;
}
.compare-group th { position: static; width: auto; background: #f4f4f4; color: #333; font-size: 14px; }
.compare-table tr.compare-highlighted th, .compare-table tr.compare-highlighted td { background: #fff9d8; }
.compare-table tr.is-similar.compare-highlighted th, .compare-table tr.is-similar.compare-highlighted td { background: #edf8ed; }
.compare-empty { min-height: 300px; padding: 70px 20px; border: 1px solid #e2e2e2; background: #fff; color: #666; text-align: center; }
.compare-empty .fa { color: #aaa; font-size: 37px; }.compare-empty h2 { margin: 14px 0 8px; color: #333; font-size: 19px; }.compare-empty p { margin-bottom: 20px; }.compare-empty a { display: inline-block; padding: 9px 20px; background: #ffd91c; color: #222; font-weight: 700; }

.compare-rank a { color: #2996ff; }

body.dark-theme.compare-body { background: #262626; }
body.dark-theme .compare-breadcrumb a, body.dark-theme .compare-breadcrumb span,
body.dark-theme .compare-page-title, body.dark-theme .compare-table th,
body.dark-theme .compare-table td, body.dark-theme .compare-product-price { color: #e1e1e1; }
body.dark-theme .compare-toolbar, body.dark-theme .compare-table th { background: #303030; }
body.dark-theme .compare-table, body.dark-theme .compare-table td,
body.dark-theme .compare-toolbar select, body.dark-theme .compare-clear { background: #404040; color: #e1e1e1; }
body.dark-theme .compare-table th, body.dark-theme .compare-table td,
body.dark-theme .compare-toolbar select, body.dark-theme .compare-clear { border-color: #4b4b4b; }
body.dark-theme .compare-group th { background: #363636; } body.dark-theme .compare-empty { border-color: #4b4b4b; background: #303030; } body.dark-theme .compare-empty h2 { color: #eee; }

@media (max-width: 767px) {
  .compare-page { padding: 18px 0 38px; }
  .compare-breadcrumb { display: none; }
  .compare-page-title { margin: 15px 0 25px; font-size: 20px; }
  .compare-toolbar { flex-wrap: wrap; }
  .compare-clear { margin-right: 0; }
}