/** IT Store — quick-view button + modal styles. */
.itstore-qv-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-qv-btn:hover { background: #2f6fed; border-color: #2f6fed; color: #fff; }
.itstore-qv-btn svg { width: 16px; height: 16px; }

.itstore-qv[hidden] { display: none; }
.itstore-qv {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.itstore-qv__backdrop { position: absolute; inset: 0; background: rgba(6, 18, 32, .6); }
.itstore-qv__dialog {
  position: relative;
  width: min(960px, 100%);
  height: min(85vh, 760px);
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(6, 18, 32, .45);
}
.itstore-qv__close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #0b1220;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.itstore-qv__loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5a6478;
  font-weight: 600;
}
.itstore-qv__frame { width: 100%; height: 100%; border: 0; transition: opacity .2s ease; background: #fff; }
body.itstore-qv-open { overflow: hidden; }