/** IT Store — compare button, tray & comparison page. */
.itstore-cmp-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #d7dce6;
  background: #fff;
  color: #0b1220;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 8px;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.itstore-cmp-btn:hover { border-color: #2f6fed; color: #2f6fed; }
.itstore-cmp-btn.is-active { background: #2f6fed; border-color: #2f6fed; color: #fff; }
.itstore-cmp-btn svg { width: 16px; height: 16px; }

.itstore-cmp-tray {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1900;
  background: #0b1220;
  color: #fff;
  box-shadow: 0 -8px 24px rgba(6, 18, 32, .3);
}
.itstore-cmp-tray[hidden] { display: none; }
.itstore-cmp-tray__inner { display: flex; align-items: center; gap: 16px; padding: 12px 20px; flex-wrap: wrap; }
.itstore-cmp-tray__label { font-weight: 700; }
.itstore-cmp-tray__items { display: flex; gap: 8px; flex-wrap: wrap; flex: 1; }
.itstore-cmp-tray__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #101a30;
  border-radius: 20px;
  padding: 5px 8px 5px 12px;
  font-size: 13px;
}
.itstore-cmp-tray__chip button { background: none; border: 0; color: #9db4d0; cursor: pointer; font-size: 16px; line-height: 1; }
.itstore-cmp-tray__chip button:hover { color: #fff; }
.itstore-cmp-tray__actions { display: flex; align-items: center; gap: 12px; }
.itstore-cmp-tray__clear { background: none; border: 0; color: #9db4d0; cursor: pointer; text-decoration: underline; }

/* Comparison page */
.itstore-compare-scroll { overflow-x: auto; }
.itstore-compare-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.itstore-compare-table th,
.itstore-compare-table td { border: 1px solid #e3e7ef; padding: 12px 14px; text-align: left; vertical-align: top; font-size: 14px; }
.itstore-compare-table__head { text-align: center; }
.itstore-compare-table__head img { width: 120px; height: 120px; object-fit: contain; display: block; margin: 0 auto 8px; }
.itstore-compare-table__name { display: block; font-weight: 700; color: #0b1220; }
.itstore-compare-table__price { display: block; margin-top: 6px; font-weight: 800; color: #2f6fed; }
.itstore-compare-table__key { background: #f7f9fc; font-weight: 700; color: #0b1220; width: 220px; }
.itstore-compare-table__corner { background: #0b1220; color: #fff; }
.itstore-compare-empty { text-align: center; padding: 48px 16px; color: #5a6478; }
.itstore-compare-empty p { margin: 0 0 16px; font-size: 16px; }