.tariff-grid-wrap,.tariff-grid{
  height:auto!important
}
.tariff-grid{
  align-items:stretch!important;
  gap:22px!important
}
@media(max-width:1314px){
  .tariff-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .tariff-network{
    display:none
  }
}
article.tariff-card.tariff-node[hidden],
article.tariff-card.tariff-node.is-hidden{
  display:none!important
}
article.tariff-card.tariff-node,
article.tariff-card.tariff-node.is-featured{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))!important;
  filter:none!important;
  transform-style:preserve-3d;
  transition:transform .3s ease
}
article.tariff-card.tariff-node:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  display:block!important;
  clip-path:inherit!important;
  background:linear-gradient(180deg,rgba(var(--plan-rgb),.75),rgba(var(--plan-rgb),.38) 55%,rgba(var(--plan-rgb),.58))!important;
  box-shadow:0 24px 50px rgba(0,0,0,.4)!important;
  filter:none!important;
  pointer-events:none
}
article.tariff-card.tariff-node:after,
article.tariff-card.tariff-node:nth-child(3n+2):after,
article.tariff-card.tariff-node:nth-child(3n):after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:2px!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  clip-path:inherit!important;
  background:linear-gradient(165deg,#102033 0%,#0a1624 100%)!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:none;
  -webkit-mask:none!important;
  mask:none!important;
  animation:none!important
}
article.tariff-card.tariff-node.is-featured:before{
  background:linear-gradient(180deg,var(--plan),rgba(var(--plan-rgb),.85) 60%,var(--plan))!important
}
article.tariff-card.tariff-node:hover:not(.tariff-flip-out):not(.tariff-flip-in){
  transform:translateY(-6px);
  filter:none!important;
  box-shadow:none!important
}
article.tariff-card.tariff-node .tariff-card-inner{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:2px!important;
  padding:26px 24px 24px!important;
  overflow:visible!important;
  border-radius:0!important;
  clip-path:none!important;
  background:none!important;
  box-shadow:none!important;
  animation:none!important
}
article.tariff-card.tariff-node .tariff-card-inner:before,
article.tariff-card.tariff-node .tariff-card-inner:after{
  display:none!important
}
article.tariff-card.tariff-node .tariff-card-inner>*{
  position:relative;
  z-index:2
}
article.tariff-card.tariff-node .tariff-card-topline,
article.tariff-card.tariff-node .tariff-cube,
article.tariff-card.tariff-node .tariff-node__glow{
  display:none!important
}
article.tariff-card.tariff-node .tariff-card-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:0!important;
  margin:0 0 20px!important;
  padding:0!important
}
article.tariff-card.tariff-node .tariff-card-title h3,
article.tariff-card.tariff-node .tariff-card-title>div>small,
article.tariff-card.tariff-node .tariff-primary b,
article.tariff-card.tariff-node .tariff-included b,
article.tariff-card.tariff-node .tariff-price strong,
article.tariff-card.tariff-node.has-sale .tariff-price strong,
article.tariff-card.tariff-node .tariff-price .pricee,
article.tariff-card.tariff-node .tariff-price del{
  color:var(--plan)!important;
  transition:color .45s ease!important
}
article.tariff-card.tariff-node .tariff-primary small,
article.tariff-card.tariff-node .tariff-included small,
article.tariff-card.tariff-node .tariff-soft>small,
article.tariff-card.tariff-node .tariff-platforms>div>small,
article.tariff-card.tariff-node .tariff-price>small,
article.tariff-card.tariff-node .tariff-price .per-month{
  color:#9bb4c4!important
}
article.tariff-card.tariff-node .tariff-price del,
article.tariff-card.tariff-node.has-sale .tariff-price del{
  color:rgba(var(--plan-rgb),.55)!important
}
article.tariff-card.tariff-node .tariff-card-title>div>small{
  display:block!important;
  margin:0 0 8px!important;
  font:700 13px/1 Inter,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase
}
article.tariff-card.tariff-node .tariff-card-title h3{
  margin:0!important;
  font:800 32px/1.1 Inter,sans-serif!important;
  letter-spacing:-.03em!important;
  text-shadow:none!important;
  word-break:break-word
}
article.tariff-card.tariff-node .tariff-sale{
  position:static!important;
  z-index:2!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:2px 0 0!important;
  padding:1.5px!important;
  border:0!important;
  background:var(--plan)!important;
  color:#effff8!important;
  font:800 18px/1 Inter,sans-serif!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)!important;
  box-shadow:none!important
}
article.tariff-card.tariff-node .tariff-sale>b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:64px!important;
  height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border:0!important;
  background:#102033!important;
  color:#effff8!important;
  font:800 18px/1 Inter,sans-serif!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important
}
article.tariff-card.tariff-node .tariff-sale:before,
article.tariff-card.tariff-node .tariff-sale:after{
  display:none!important
}
article.tariff-card.tariff-node .tariff-primary{
  display:grid!important;
  grid-template-columns:36px max-content minmax(0,1fr)!important;
  gap:0!important;
  margin:0 0 16px!important;
  border-top:1px solid rgba(150,176,196,.18)!important
}
article.tariff-card.tariff-node .tariff-primary>span{
  position:relative!important;
  display:grid!important;
  grid-template-columns:subgrid!important;
  grid-column:1/-1!important;
  align-items:center!important;
  justify-content:stretch!important;
  min-width:0!important;
  height:auto!important;
  min-height:52px!important;
  padding:10px 4px!important;
  border:0!important;
  border-bottom:1px solid rgba(150,176,196,.14)!important;
  background:transparent!important;
  clip-path:none!important
}
article.tariff-card.tariff-node .tariff-primary>span:hover{
  transform:none!important;
  border-color:rgba(150,176,196,.14)!important;
  background:rgba(var(--plan-rgb),.06)!important
}
article.tariff-card.tariff-node .tariff-primary i,
article.tariff-card.tariff-node .tariff-included i{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  color:var(--plan)!important;
  opacity:1!important
}
article.tariff-card.tariff-node .tariff-primary svg,
article.tariff-card.tariff-node .tariff-included svg{
  width:26px!important;
  height:26px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important
}
article.tariff-card.tariff-node .tariff-primary small{
  font:700 15px/1.1 Inter,sans-serif!important;
  letter-spacing:.04em!important;
  text-transform:uppercase;
  white-space:nowrap!important
}
article.tariff-card.tariff-node .tariff-primary b{
  margin:0!important;
  overflow:visible!important;
  font:750 18px/1.25 Inter,sans-serif!important;
  text-align:right!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important
}
article.tariff-card.tariff-node .cpu-spec{
  grid-template-columns:subgrid!important
}
article.tariff-card.tariff-node .tariff-included{
  display:contents!important
}
article.tariff-card.tariff-node .tariff-platforms{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  min-height:0!important;
  margin:0 0 4px!important;
  padding:16px 0 0 0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important
}
article.tariff-card.tariff-node .tariff-soft,
article.tariff-card.tariff-node .tariff-platforms>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:4px 0 4px 16px!important;
  border:0!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:3px solid var(--plan)!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  transition:border-color .45s ease!important
}
article.tariff-card.tariff-node .tariff-soft>small,
article.tariff-card.tariff-node .tariff-platforms>div>small{
  flex:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  font:700 14px/1.2 Inter,sans-serif!important;
  letter-spacing:0!important
}
article.tariff-card.tariff-node .tariff-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important
}
article.tariff-card.tariff-node .tariff-chip{
  display:grid!important;
  place-items:center!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid rgba(var(--plan-rgb),.42)!important;
  background:rgba(var(--plan-rgb),.1)!important;
  cursor:pointer;
  appearance:none;
  box-shadow:inset 0 0 14px rgba(var(--plan-rgb),.08)!important;
  transition:border-color .45s ease,background .45s ease,box-shadow .45s ease!important
}
article.tariff-card.tariff-node .tariff-chip:hover,
article.tariff-card.tariff-node .tariff-chip:focus-visible{
  border-color:var(--plan)!important;
  background:rgba(var(--plan-rgb),.22)!important;
  box-shadow:0 0 16px rgba(var(--plan-rgb),.28)!important;
  outline:none
}
article.tariff-card.tariff-node .tariff-chip img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:28px!important;
  max-height:26px!important
}
article.tariff-card.tariff-node .tariff-chip i{
  font:700 11px/1 Inter,sans-serif!important;
  letter-spacing:.04em!important;
  color:var(--plan)!important
}
article.tariff-card.tariff-node .tariff-platforms:before,
article.tariff-card.tariff-node .tariff-platforms:after,
article.tariff-card.tariff-node .tariff-soft:before,
article.tariff-card.tariff-node .tariff-soft:after,
article.tariff-card.tariff-node .tariff-platforms>div:before,
article.tariff-card.tariff-node .tariff-platforms>div:after,
article.tariff-card.tariff-node .tariff-icons:before,
article.tariff-card.tariff-node .tariff-icons:after{
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important
}
article.tariff-card.tariff-node .tariff-periods{
  display:none!important
}
article.tariff-card.tariff-node .tariff-card-bottom,
article.tariff-card.tariff-node:not(:has(.tariff-order)) .tariff-card-bottom{
  position:static!important;
  z-index:5!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:16px 0 0!important;
  border:0!important;
  border-top:0!important;
  background:transparent!important;
  clip-path:none!important;
  box-shadow:none!important
}
article.tariff-card.tariff-node .tariff-card-bottom:before{display:none!important}
article.tariff-card.tariff-node .tariff-price,
article.tariff-card.tariff-node.has-sale .tariff-price{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  white-space:normal!important
}
article.tariff-card.tariff-node .tariff-price strong,
article.tariff-card.tariff-node.has-sale .tariff-price strong{
  display:block!important;
  order:2!important;
  margin:0!important;
  font:800 40px/1 Inter,sans-serif!important;
  letter-spacing:-.04em!important;
  text-shadow:none!important
}
article.tariff-card.tariff-node .tariff-price .pricee,
article.tariff-card.tariff-node .tariff-price strong sup{
  font:inherit!important
}
article.tariff-card.tariff-node .tariff-price>small,
article.tariff-card.tariff-node.has-sale .tariff-price>small,
article.tariff-card.tariff-node .tariff-price .per-month{
  display:block!important;
  order:3!important;
  margin:0!important;
  font:650 14px/1.2 Inter,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none
}
article.tariff-card.tariff-node .tariff-price del,
article.tariff-card.tariff-node.has-sale .tariff-price .tariff-old-price,
article.tariff-card.tariff-node.has-sale .tariff-price del{
  position:static!important;
  display:block!important;
  order:1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font:700 16px/1 Inter,sans-serif!important;
  text-decoration:line-through!important;
  text-decoration-color:rgba(var(--plan-rgb),.8)!important
}
article.tariff-card.tariff-node .tariff-price del[hidden]{display:none!important}
article.tariff-card.tariff-node .tariff-order,
article.tariff-card.tariff-node a.tariff-order,
article.tariff-card.tariff-node button.tariff-order{
  position:static!important;
  z-index:8!important;
  right:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  visibility:visible!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:148px!important;
  height:54px!important;
  margin:0!important;
  padding:0 22px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(135deg,var(--plan),#3aa0d8)!important;
  color:#061018!important;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;
  box-shadow:0 0 0 1px rgba(var(--plan-rgb),.25)!important;
  filter:none!important;
  opacity:1!important;
  cursor:pointer;
  pointer-events:auto!important;
  text-decoration:none!important;
  transition:filter .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease!important
}
article.tariff-card.tariff-node .tariff-order:before,
article.tariff-card.tariff-node .tariff-order:after{
  display:none!important
}
article.tariff-card.tariff-node .tariff-order span{
  display:block!important;
  color:#061018!important;
  font:800 16px/1 Inter,sans-serif!important;
  letter-spacing:.02em!important;
  text-shadow:none!important
}
article.tariff-card.tariff-node .tariff-order i{display:none!important}
article.tariff-card.tariff-node .tariff-order:hover{
  transform:translateY(-2px)!important;
  background:linear-gradient(135deg,#fff,var(--plan))!important;
  box-shadow:0 0 0 1px #fff,0 0 22px rgba(var(--plan-rgb),.7),0 12px 28px rgba(0,0,0,.35)!important;
  filter:brightness(1.12)!important
}
article.tariff-card.tariff-node .tariff-order:hover span{
  color:#061018!important;
  text-shadow:0 0 10px rgba(255,255,255,.45)!important
}
.ch-page .tariff-card.tariff-node{
  width:100%
}
.ch-page .tariff-card.tariff-node[data-category="vps"],
.plans-section.mode-vps .tariff-card.tariff-node{
  --plan:#55eaa5;
  --plan-rgb:85,234,165
}
.ch-page .tariff-card.tariff-node[data-category="dedicated"],
.plans-section.mode-dedicated .tariff-card.tariff-node{
  --plan:#62d3ff;
  --plan-rgb:98,211,255
}
.tariff-float-tip{
  position:fixed;
  z-index:80;
  top:0;
  left:0;
  display:none;
  max-width:320px;
  padding:2px;
  pointer-events:none;
  background:var(--plan,#55eaa5);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  transform:translate(-50%,calc(-100% - 10px))
}
.tariff-float-tip.is-on{display:block}
.tariff-float-tip>span{
  display:block;
  padding:8px 12px;
  background:#0c1828;
  color:#eef8ff;
  font:700 13px/1.35 Inter,sans-serif;
  white-space:pre-line;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)
}
@media(max-width:900px){
  article.tariff-card.tariff-node,
  article.tariff-card.tariff-node.is-featured{height:auto!important}
  article.tariff-card.tariff-node .tariff-card-title h3{font-size:28px!important}
  article.tariff-card.tariff-node .tariff-price strong{font-size:36px!important}
}
@media(max-width:640px){
  article.tariff-card.tariff-node,
  article.tariff-card.tariff-node.is-featured{
    height:auto!important;
    min-height:0!important;
    margin-bottom:16px!important
  }
  article.tariff-card.tariff-node .tariff-card-inner{padding:22px 18px 20px!important}
  article.tariff-card.tariff-node .tariff-card-title h3{font-size:26px!important}
  article.tariff-card.tariff-node .tariff-primary{
    grid-template-columns:32px max-content minmax(0,1fr)!important
  }
  article.tariff-card.tariff-node .tariff-primary>span{
    min-height:50px!important
  }
  article.tariff-card.tariff-node .cpu-spec{
    grid-template-columns:subgrid!important
  }
  article.tariff-card.tariff-node .tariff-card-bottom{
    flex-direction:column!important;
    align-items:stretch!important
  }
  article.tariff-card.tariff-node .tariff-order{
    width:100%!important;
    min-width:0!important
  }
  article.tariff-card.tariff-node .tariff-price strong{font-size:34px!important}
}
.tariff-grid{
  perspective:1800px
}
article.tariff-card.tariff-node.tariff-flip-out,
article.tariff-card.tariff-node.tariff-flip-in{
  transition:none!important;
  pointer-events:none
}
article.tariff-card.tariff-node.tariff-flip-out{
  animation:tariffFlipOut .45s var(--flip-delay,0s) cubic-bezier(.4,0,.2,1) forwards!important
}
article.tariff-card.tariff-node.tariff-flip-in{
  animation:tariffFlipIn .45s cubic-bezier(.4,0,.2,1) both!important
}
.plans-stage.switch-to-vps article.tariff-card.tariff-node.tariff-flip-out{
  animation-name:tariffFlipOutReverse!important
}
.plans-stage.switch-to-vps article.tariff-card.tariff-node.tariff-flip-in{
  animation-name:tariffFlipInReverse!important
}
