.vpreview__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.4rem}
.vpreview__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.4vw,20px);
  margin-top:clamp(38px,4vw,54px)}
.vp{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);
  padding:22px;background:linear-gradient(165deg,var(--green-soft),var(--green));transition:.5s var(--ease);overflow:hidden}
.vp:hover{transform:translateY(-6px);border-color:rgba(197,197,197,.4)}
.vp__type{font-family:var(--t-display);font-weight:500;font-size:.64rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gray-2)}
.vp__icon{height:72px;margin:14px 0 6px;position:relative;z-index:1}
body.kairum-site .vp__icon img{height:72px !important;width:auto !important;max-width:100% !important;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.5))}
.vp__name{font-family:var(--t-display);font-weight:500;font-size:1.05rem}
.vp__price{font-family:var(--t-display);font-weight:300;font-size:1.4rem;margin-top:.5rem;
  background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.vp__price span{font-size:.78rem;color:var(--gray-2);-webkit-text-fill-color:var(--gray-2)}
.vp__btn,
body.kairum-site .vp__btn{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--t-display);font-weight:500;font-size:.82rem;color:var(--green) !important;
  -webkit-text-fill-color:var(--green);background:var(--gray) !important;
  border-radius:100px;padding:.7em 1em;transition:.35s var(--ease);text-decoration:none}
.vp__btn:hover,
body.kairum-site .vp__btn:hover{background:var(--paper) !important;transform:translateY(-2px)}
@media(max-width:980px){.vpreview__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.vpreview__grid{grid-template-columns:1fr}}