*, *::before, *::after { box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } img { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } body, input, button, textarea { font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; } body { min-height: 100vh; color: #f5f7fb;  font-size: 16px; line-height: 1.45;}
:root {
  --itemVault-page: #252d4b;
  --itemVault-card: #11162a;
  --itemVault-line: rgba(255, 255, 255, 0.11);
  --itemVault-panel: #252b4a;
  --itemVault-panelHover: #2d3458;
  --itemVault-text: #ffffff;
  --itemVault-muted: #aeb7dc;
  --itemVault-blue: #1262c7;
  --itemVault-blueHover: #1974e8;
  --itemVault-redIcon: #ff314f;
  --itemVault-gold: #ffbd1b;
  --itemVault-starOff: rgba(255, 255, 255, 0.22);
  --itemVault-radius: 12px;
}

body {
  background: var(--itemVault-page);
}
header {padding:18px 0; background: linear-gradient(135deg, rgba(18, 98, 199, 0.22), rgba(255, 49, 79, 0.09)), var(--itemVault-card);
    border: 1px solid var(--itemVault-line);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05); border-left:0; border-right:0; margin-bottom:25px;}
.header_logotype {color:#fff; font-size:17px; font-weight:900;}
.header_nav {display:flex; gap:14px;}
.header_nav a {font-weight:500; font-size:15px; display:flex; align-items:center; color:#aab1c8;}
.header_nav a:hover {color:#fff;}
.header__container,
.head__container,
.offer_roster-list {display:flex; flex-flow:column; gap:16px; max-width:1260px; margin:0 auto;}
.offer_roster-list li:nth-child(6) .itemVault-brand img,
.offer_roster-list li:first-child .itemVault-brand img {scale: 1.4;object-fit: contain;}
.header__container {flex-flow:nowrap;     justify-content: space-between;    align-items: center;}
.head__container {display:flex; flex-flow:column; gap:10px; margin:0 auto 40px auto;    align-items: center; text-align:center;}
.head__label {display: inline-flex;   padding: 7px 15px; color:#fff; background:rgb(124 255 196 / 18%); border:  1px solid rgb(124 255 196 / 61%); border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.head__container h1,
.head__container h2,
.head__container h3 {color: var(--itemVault-text);     font-size: clamp(30px, 5vw, 48px); line-height: 1.25; font-weight: 500; letter-spacing: 0.01em;}
.head__container h1:after {content: ""; display: block; width: 92px; height: 3px; margin: 22px auto 0;   border-radius: 999px;     background: linear-gradient(90deg, var(--itemVault-redIcon), var(--itemVault-blue));
    box-shadow: 0 0 22px rgba(255, 49, 79, 0.45);}
.head__container p {line-height:1.5; font-weight:300; font-size:15px; color:#aab1c8;}
.itemVault-card {
  position: relative;
  display: grid;
  grid-template-columns: 135px 1.25fr 1fr 262px;
  align-items: center;
  gap: 20px;
  width: 100%;
  border:2px solid rgba(255,255,255,.1);
  min-height: 164px;
  padding: 20px;
  border-radius: var(--itemVault-radius);
  background:
    radial-gradient(circle at 15% 0%, rgba(39, 55, 108, 0.52), transparent 34%),
    linear-gradient(135deg, #151a31 0%, #11162a 100%);
  color: var(--itemVault-text);
  text-decoration: none;
  overflow: hidden;
  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

.itemVault-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: calc(var(--itemVault-radius) - 1px);
  border: 1px solid rgba(255, 255, 255, 0.045);
  pointer-events: none;
}

.itemVault-card:hover {
  transform: translateY(-3px);
  box-shadow:
    0 24px 65px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.06);
}

.itemVault-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  position:relative; overflow:hidden; border-radius:10px; padding-top:56.6%;     object-fit: cover;
}
.itemVault-brand img {position:absolute; left:0; top:0; width:100%; height:100%;}

.itemVault-logoIcon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 6px;
  background: var(--itemVault-redIcon);
  box-shadow: 0 0 18px rgba(255, 49, 79, 0.42);
}

.itemVault-logoText {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
}

.itemVault-main {
  min-width: 0;
}

.itemVault-name {
  display: block;
  margin-bottom: 6px;
  color: #9eb0ff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.itemVault-title {
  margin: 0;
  color: var(--itemVault-text);
  font-size: 17px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.itemVault-info {
  position: relative;
  display: grid;
  gap: 12px;
  padding-inline: 20px;
}

.itemVault-info::before,
.itemVault-info::after {
  content: "";
  position: absolute;
  top: -14px;
  bottom: -14px;
  width: 1px;
  background: var(--itemVault-line);
}

.itemVault-info::before {
  left: 0;
}

.itemVault-info::after {
  right: 0;
}

.itemVault-infoItem {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 16px 8px 38px;
  border-radius: 5px;
  background: var(--itemVault-panel);
  color: var(--itemVault-text);
  font-size: 14px;
  font-weight: 400;
  transition: background 0.25s ease;
}
.itemVault-infoItem strong {font-weight:700;}

.itemVault-card:hover .itemVault-infoItem {
  background: var(--itemVault-panelHover);
}

.itemVault-infoItem::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23105fc3'%3E%3Cpath d='M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM17.4571 9.45711L16.0429 8.04289L11 13.0858L8.20711 10.2929L6.79289 11.7071L11 15.9142L17.4571 9.45711Z'%3E%3C/path%3E%3C/svg%3E") center/18px no-repeat;
  transform: translateY(-50%);
}
 
.itemVault-side {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.itemVault-sideTop {
  display: grid;
  align-items: center;
  min-height: 52px;
}

.itemVault-rating {
  text-align: center;
}

.itemVault-stars {
  --rating-percent: 90%;
  position: relative;
  display: inline-block;
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 2px;
  white-space: nowrap;
}

.itemVault-starsBase {
  color: var(--itemVault-starOff);
}

.itemVault-starsFill {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--rating-percent);
  color: var(--itemVault-gold);
  overflow: hidden;
  white-space: nowrap;
}

.itemVault-score {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}

.itemVault-score strong {
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
}

.itemVault-score span {
  font-size: 12px;
  color: var(--itemVault-text);
  font-weight: 700;
}

.itemVault-reputation {
  position: relative;
  padding-left: 16px;
}

.itemVault-reputation::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  bottom: -6px;
  width: 1px;
  background: var(--itemVault-line);
}

.itemVault-reputation strong {
  display: block;
  margin-bottom: 4px;
  color: var(--itemVault-text);
  font-size: 13px;
  line-height: 1.05;
  font-weight: 600;
}

.itemVault-reputation span {
  display: block;
  color: var(--itemVault-muted);
  font-size: 11px;
  font-weight: 400;
}

.itemVault-action {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  border-radius: 7px;
  background: linear-gradient(135deg, var(--itemVault-blue), #0d57b7);
  color: var(--itemVault-text);
  font-size: 18px;
  font-weight: 900;
  transition:
    background 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.itemVault-action span {
  position: relative;
  padding-left: 30px;
}

.itemVault-action span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM10.6219 8.41459L15.5008 11.6672C15.6846 11.7897 15.7343 12.0381 15.6117 12.2219C15.5824 12.2658 15.5447 12.3035 15.5008 12.3328L10.6219 15.5854C10.4381 15.708 10.1897 15.6583 10.0672 15.4745C10.0234 15.4088 10 15.3316 10 15.2526V8.74741C10 8.52649 10.1791 8.34741 10.4 8.34741C10.479 8.34741 10.5562 8.37078 10.6219 8.41459Z'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat;
  transform: translateY(-50%);
 
}

.itemVault-card:hover .itemVault-action {
  background: linear-gradient(135deg, var(--itemVault-blueHover), #1267d4);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(18, 98, 199, 0.34);
}
 
.page__container {
  width: min(1180px, calc(100% - 32px));
  margin: 40px auto;
  padding: 15px 0 20px;
  color: var(--itemVault-text);
  line-height: 1.72;
}

.page__container * {
  box-sizing: border-box;
}

.page__container h1,
.page__container h2,
.page__container h3,
.page__container h4,
.page__container .h2 {
  color: var(--itemVault-text);
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.page__container h1 {
  position: relative;
  margin: 0 0 24px;
  padding: 30px;
  border-radius: calc(var(--itemVault-radius) + 8px);
  background:
    linear-gradient(135deg, rgba(18, 98, 199, 0.22), rgba(255, 49, 79, 0.09)),
    var(--itemVault-card);
  border: 1px solid var(--itemVault-line);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  font-size: clamp(25px, 4vw, 28px);
  font-weight: 600;
  overflow: hidden;
}

.page__container h1::before {
  content: "";
  position: absolute;
  left: 30px;
  bottom: 0;
  width: 120px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--itemVault-redIcon), var(--itemVault-blue));
  box-shadow: 0 0 22px rgba(255, 49, 79, 0.45);
}

.page__container h2,
.page__container .h2 {
  position: relative;
  display: block;
  margin: 46px 0 18px;
  padding: 20px 24px 20px 54px;
  border-radius: var(--itemVault-radius);
  background:
    linear-gradient(135deg, rgba(37, 43, 74, 0.94), rgba(17, 22, 42, 0.94));
  border: 1px solid var(--itemVault-line);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
  font-size: clamp(23px, 3vw, 23px);
  font-weight: 600;
}

.page__container h2::before,
.page__container .h2::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  background: var(--itemVault-redIcon);
  transform: translateY(-50%);
  box-shadow: 0 0 18px rgba(255, 49, 79, 0.5);
}

.page__container h3 {
  margin: 34px 0 14px;
  font-size: clamp(21px, 2.4vw, 28px);
  font-weight: 850;
}

.page__container h3::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 3px;
  background: var(--itemVault-blue);
  box-shadow: 0 0 14px rgba(18, 98, 199, 0.5);
  vertical-align: middle;
}

.page__container h4 {
  margin: 28px 0 12px;
  font-size: 20px;
  font-weight: 850;
  color: #dfe6ff;
}

.page__container p {
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 17px;
}

.page__container a {
  color: #7fb4ff;
  text-decoration: none;
  transition: color 0.22s ease;
}

.page__container a:hover {
  color: var(--itemVault-text);
}

.page__container strong,
.page__container b {
  color: var(--itemVault-text);
  font-weight: 850;
}

.page__container ul,
.page__container ol {
  margin: 20px 0 28px;
  padding: 22px;
  border-radius: var(--itemVault-radius);
  background:
    linear-gradient(135deg, rgba(37, 43, 74, 0.72), rgba(17, 22, 42, 0.88));
  border: 1px solid var(--itemVault-line);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.17);
  list-style: none;
}

.page__container ul li,
.page__container ol li {
  position: relative;
  min-height: 32px;
  margin: 0;
  padding: 10px 12px 10px 42px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 16.5px;
}

.page__container ul li + li,
.page__container ol li + li {
  margin-top: 6px;
}

.page__container ul li:hover,
.page__container ol li:hover {
  background: rgba(255, 255, 255, 0.035);
}

.page__container ul li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: var(--itemVault-redIcon);
  box-shadow: 0 0 16px rgba(255, 49, 79, 0.45);
}

.page__container ol {
  counter-reset: itemVaultCounter;
}

.page__container ol li {
  counter-increment: itemVaultCounter;
}

.page__container ol li::before {
  content: counter(itemVaultCounter);
  position: absolute;
  left: 8px;
  top: 8px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--itemVault-blue), var(--itemVault-redIcon));
  color: var(--itemVault-text);
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(18, 98, 199, 0.32);
}
 
.page__container blockquote {
  position: relative;
  margin: 26px 0;
  padding: 24px 26px 24px 70px;
  border-radius: var(--itemVault-radius);
  background:
    linear-gradient(135deg, rgba(255, 49, 79, 0.12), rgba(18, 98, 199, 0.12)),
    var(--itemVault-card);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.2),
    inset 4px 0 0 var(--itemVault-redIcon);
}

.page__container blockquote::before {
  content: "!";
  position: absolute;
  left: 24px;
  top: 24px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--itemVault-redIcon);
  color: var(--itemVault-text);
  font-weight: 900;
  box-shadow: 0 0 18px rgba(255, 49, 79, 0.45);
}

.page__container blockquote p {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
}
 
.page__container img {
  max-width: 100%;
  height: auto;
  border-radius: var(--itemVault-radius);
}

.page__container figure {
  max-width: 100%;
  margin: 30px auto;
  padding: 12px;
  border-radius: calc(var(--itemVault-radius) + 6px);
  background: var(--itemVault-card);
  border: 1px solid var(--itemVault-line);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.26);
}

.page__container figure img {
  display: block;
  width: 100%;
  border-radius: var(--itemVault-radius);
  object-fit: cover;
}

.page__container figcaption,
.page__container .wp-caption-text {
  margin-top: 10px;
  padding: 10px 12px 4px;
  color: var(--itemVault-muted);
  font-size: 14px;
  text-align: center;
}
 
.page__container table {
  width: 100%;
  margin: 24px 0 34px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: var(--itemVault-radius);
  background: var(--itemVault-card);
  border: 1px solid var(--itemVault-line);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.page__container table thead th,
.page__container table tbody tr:first-child td:has(strong) {
  background:
    linear-gradient(135deg, rgba(18, 98, 199, 0.34), rgba(255, 49, 79, 0.16));
}

.page__container table th,
.page__container table td {
  padding: 16px 18px;
  border-bottom: 1px solid var(--itemVault-line);
  border-right: 1px solid var(--itemVault-line);
  color: rgba(255, 255, 255, 0.82);
  font-size: 15.5px;
  vertical-align: middle;
}

.page__container table th:last-child,
.page__container table td:last-child {
  border-right: 0;
}

.page__container table tr:last-child td {
  border-bottom: 0;
}

.page__container table th {
  color: var(--itemVault-text);
  font-weight: 900;
  text-align: left;
}

.page__container table td strong {
  color: var(--itemVault-text);
}

.page__container table tbody tr {
  transition: background 0.22s ease;
}

.page__container table tbody tr:hover {
  background: rgba(255, 255, 255, 0.035);
}
 
.page__container .status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
}

.page__container .status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.page__container .status.online {
  color: #71ff9a;
  background: rgba(46, 213, 115, 0.1);
  border: 1px solid rgba(46, 213, 115, 0.28);
}

.page__container .status.online::before {
  background: #71ff9a;
  box-shadow: 0 0 12px rgba(113, 255, 154, 0.75);
}
 
.page__container .mr,
.page__container .bonuslink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 18px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--itemVault-blue), #0d57b7);
  color: var(--itemVault-text);
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(18, 98, 199, 0.24);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}

.page__container .mr:hover,
.page__container .bonuslink:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--itemVault-blueHover), #1267d4);
  box-shadow: 0 14px 30px rgba(18, 98, 199, 0.36);
  color: var(--itemVault-text);
}
 
.page__container .bonusbox {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  margin: 14px 0;
  padding: 18px;
  border-radius: var(--itemVault-radius);
  background:
    linear-gradient(135deg, rgba(37, 43, 74, 0.86), rgba(17, 22, 42, 0.96));
  border: 1px solid var(--itemVault-line);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease;
}

.page__container .bonusbox:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 49, 79, 0.24);
  background:
    linear-gradient(135deg, rgba(45, 52, 88, 0.92), rgba(17, 22, 42, 0.98));
}

.page__container .box2 {
  color: var(--itemVault-text);
  font-size: 16px;
  line-height: 1.45;
}

.page__container .box2 b {
  display: inline-block;
  margin-bottom: 8px;
}

.page__container .badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(255, 189, 27, 0.1);
  border: 1px solid rgba(255, 189, 27, 0.28);
  color: var(--itemVault-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.02em;
}
 
.page__container h2 + p strong,
.page__container p > strong:first-child {
  color: var(--itemVault-text);
}

.page__container > p:has(> strong:first-child) {
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: var(--itemVault-radius);
  background: rgba(37, 43, 74, 0.52);
  border: 1px solid var(--itemVault-line);
}
 
.itemVault-footer {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto 32px;
  padding: 24px;
  border-radius: calc(var(--itemVault-radius) + 8px);
  background:
    radial-gradient(circle at 8% 0%, rgba(18, 98, 199, 0.2), transparent 28%),
    linear-gradient(135deg, rgba(17, 22, 42, 0.98), rgba(37, 43, 74, 0.82));
  border: 1px solid var(--itemVault-line);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
  color: var(--itemVault-muted);
}

.itemVault-footer__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
}

.itemVault-footer__copy {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.itemVault-footer__copy strong {
  color: var(--itemVault-text);
}

.itemVault-footer__logos {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  flex-wrap: wrap;
}

.itemVault-footer__logos img {
  display: block;
  max-height: 40px;
  width: auto;
  object-fit: contain;
  opacity: 0.8;
  filter: grayscale(0.2);
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    filter 0.22s ease;
}

.itemVault-footer__logos img:hover {
  opacity: 1;
  transform: translateY(-2px);
  filter: grayscale(0);
}

 
 @media (max-width: 1280px) {
	 .head__container,
	 .header__container,
	.page__container,
	.offer_roster-list {padding-left:10px; padding-right:10px;}
}

@media (max-width: 1200px) {
  .itemVault-card {
    grid-template-columns: 120px 1fr 1fr 230px;
  }

  .itemVault-title {
    font-size: 20px;
  }

  .itemVault-infoItem {
    font-size: 16px;
  }
}
@media (max-width: 960px) {
  .itemVault-card {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    padding: 22px;
  }
.itemVault-name {text-align:center;}
  .itemVault-brand,
  .itemVault-main,
  .itemVault-info,
  .itemVault-side {
    grid-column: 1 / -1;
  }

  .itemVault-info {
    padding-inline: 0;
  }

  .itemVault-info::before,
  .itemVault-info::after {
    display: none;
  }

  .itemVault-side {
    grid-template-columns: 1fr;
  }

  .itemVault-sideTop {
    padding-top: 16px;
    border-top: 1px solid var(--itemVault-line);
  }
}

@media (max-width: 760px) {
  .page__container {
    width: min(100% - 24px, 1180px);
    padding-top: 0px;
  }

  .page__container h1 {
    padding: 24px 20px;
  }

  .page__container h2,
  .page__container .h2 {
    padding: 18px 18px 18px 48px;
  }

  .page__container p {
    font-size: 16px;
  }

  .page__container ul,
  .page__container ol {
    padding: 14px;
  }

  .page__container blockquote {
    padding: 22px 18px 22px 58px;
  }

  .page__container table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .page__container table th,
  .page__container table td {
    padding: 13px 14px;
    font-size: 14px;
  }

  .page__container .bonusbox {
    grid-template-columns: 1fr;
  }

  .page__container .bonuslink {
    width: 100%;
  }

  .itemVault-footer {
    width: min(100% - 24px, 1180px);
    padding: 20px;
  }

  .itemVault-footer__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .itemVault-footer__logos {
    justify-content: center;
  }
}
@media (max-width: 640px) {
  .itemVault-card {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 18px;
    gap: 16px;
  }

  .itemVault-brand,
  .itemVault-main,
  .itemVault-info,
  .itemVault-side {
    grid-column: auto;
  }

  .itemVault-title {
    font-size: 20px;
  }

  .itemVault-name {
    font-size: 15px;
    margin-bottom: 8px;
  }

  .itemVault-infoItem {
    min-height: 46px;
    font-size: 16px;
  }


  .itemVault-rating {
    text-align: center;
  }

  .itemVault-score {
    justify-content: center;
  }

  .itemVault-reputation {
    padding-left: 0;
  }

  .itemVault-reputation::before {
    display: none;
  }

  .itemVault-action {
    width: 100%;
    min-height: 58px;
  }
}
@media (max-width: 470px) {
	.header_nav {display:none;}
	.header__container {justify-content: center;}
	.itemVault-title {text-align:center;}
}
@media (max-width: 360px) {
	  .itemVault-sideTop {
    grid-template-columns: 1fr;
    gap: 14px;
    text-align: left;
  }
  .itemVault-rating{text-align:center;}
  .itemVault-score {    justify-content: center;}
  .itemVault-reputation {display:none;}
}