.flex_buy_rcon {
  display: flex;
  align-items: center;
  gap: 7px;
}

.info_buy_rcon {
       height: 50px;
    display: flex;
    gap: 9px;
    padding: 0px 20px 0px 9px;
    font-weight: 600;
    font-size: 11px;
    background: #212121;
    align-items: center;
    justify-content: center;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}

.info_buy_rcon i{
	background: #3f3f3f;
    height: 31px;
    width: 31px;
    color: #979797;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
	}

.block_tarif_rcon {
  border-radius: 17px;
  padding: 20px;
  background: linear-gradient(15deg, #3b3235 30%, #41383b 100%);
  margin-bottom: 20px;
}

.flex_btn_rcon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  top: 2px;
  width: 100%;
}

.price_rcon_btn {
  color: #ffff !important;
  font-size: 12px !important;
  line-height: 0px !important;
}

.title_rcon_btn {
  color: #cbc3c5 !important;
  font-size: 10px !important;
  line-height: 0px !important;
  display: flex;
  height: 23px;
  border-radius: 50px;
  padding: 0px 10px;
  margin-top: -3px;
  background: #61595b;
  align-items: center;
}

.tarif_rcon_head {
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  display: flex;
  align-items: center;
  margin-bottom: -5px;
}

.tarif_rcon_head i{display: flex;align-items: center;justify-content: center;background: linear-gradient(15deg, #554b4e 30%, #675b5f 100%);font-size: 14px;color: #b1a4a9;height: 30px;width: 30px;border-radius: 50%;}

.head_block_rcon_shop {
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.head_block_rcon_shop i{
        display: flex;
    align-items: center;
    background: radial-gradient(100% 100% at 50% 0, #ff9614 0, #b14f0a 170%) !important;
    justify-content: center;
    text-shadow: #000000d4 1px 0 7px;
    font-size: 14px;
    color: #000000;
    clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
    height: 30px;
    width: 30px;
}

.flex_rcon_shop {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.left_rcon_shop {
       width: 100%;
    padding: 25px;
    background: linear-gradient(8deg, #141414 30%, #161616 100%);
    clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 25px 100%, 0 calc(100% - 25px));
}

.right_rcon_shop { 
	width: 100%;
    padding: 25px;
    height: fit-content;
    background: linear-gradient(8deg, #141414 30%, #161616 100%);
    clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 25px 100%, 0 calc(100% - 25px));
}

.img_rcon_shop {
      width: 100%;
    border-radius: 0px;
    clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 17px 100%, 0 calc(100% - 17px)) !important;
}

.description_rcon p{color: #878787;}

.btn_rcon_back {
    height: 45px;
    border: none;
    cursor: pointer;
    display: flex;
    transition: 0.2s;
    padding: 0px 23px;
    background: #212121;
    font-weight: 600;
    color: #818181;
    clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
    font-size: 11.5px;
    align-items: center;
    justify-content: center;
}

.btn_rcon_back:hover {
  background: #2f2f2f;
  color: #ffffff;
}

.product-card {
        position: relative;
    display: block;
    height: 240px;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 17px 100%, 0 calc(100% - 17px));
    margin-bottom: 30px; }
	.description_rcon img {
    width: 100%;
}
  .product-card > div:nth-child(1), .product-card > div:nth-child(2) {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%; }
  .product-card > div:nth-child(1) {
    background-size: 100% 100%; }
  .product-card > div:nth-child(2) {
    background: rgba(0, 0, 0, 0.3);
	transition: 0.2s;	}
    .product-card > div:nth-child(2) > span:nth-child(1), .product-card > div:nth-child(2) > span:nth-child(2) {
      line-height: 23px;
      padding: 3px 10px;
      color: #FFF;
      border-radius: 2px;
      position: absolute;
      right: 10px; }
    .product-card > div:nth-child(2) > span:nth-child(1) {
	    text-align: center;
    line-height: 30px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff993e 0, #975b26 100%));
    font-weight: 600;
    clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
    padding: 5px 20px;
    top: 10px;
    right: 100px; }
    .product-card > div:nth-child(2) > span:nth-child(2) {
        text-align: center;
    line-height: 30px;
    background: radial-gradient(100% 100% at 50% 0, #fd4141 0, #902626 100%);
    font-weight: 600;
    padding: 5px 20px;
    clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
    top: 10px;
    min-width: 83px;}
	  .push_dstore {
	position: absolute;
    bottom: -6px;
    width: 100%;
    display: block;
    height: 40px;
    font-size: 12px;
    line-height: 50px;
    color: #bdbdbd !important;
    padding: 41px 32px;
    background: rgb(36 42 64 / 0%);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	  }
	  
    .product-card > div:nth-child(2) p {
    position: relative;
    bottom: -160px;
    display: block;
    height: 70px;
    margin: 0px 10px;
    backdrop-filter: blur(3px);
    font-size: 15px;
    font-weight: 600;
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px)) !important;
    line-height: 28px;
    padding: 11px 22px;
    color: #FFF;
    background: rgb(0 0 0 / 27%);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .product-card:hover > div:nth-child(2) {
    background: rgba(0, 0, 0, 0); }
    .product-card:hover > div:nth-child(2) p {
      overflow: visible;
      white-space: normal; }

@media (max-width: 991.99px) {
  .product-card {
    height: 240px;
    width: 100%; } }
.product-block {
  width: 100%;
    height: 400px;
    border-radius: 10px;
    flex: 0 0 auto;
    background-size: cover;
    background-position: center; }

    @media (max-width: 576px) {
      .product-block {
          height: 350px;
          border-radius: 10px;
          background-size: cover;
          flex: 0 0 auto; }}

  .product-block .product-bg {
    position: absolute;
    height: calc( 100% + 20px );
    width: calc( 100% + 20px );
    background-size: 100% auto;
    left: -10px;
    top: -10px;
    filter: blur(4px); }
  .product-block .product-content {
    position: relative;
    background: rgb(0 0 0 / 10%);
    padding: 50px 35px; }
    .product-block .product-content h2 {
      font-size: 25px;
      display: block;
      width: calc( 100% - 200px );
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .product-block .product-content span b {
      line-height: 23px;
      padding: 3px 10px;
      color: RGB(255, 255, 255);
      border-radius: 2px; }
    .product-block .product-content span .price {
		margin-right: 10px;
		text-align: center;
		line-height: 30px;
		font-weight: 600;
		background: #242a40;
		border-radius: 6px; }
    .product-block .product-content span .count {
      background: #4196da; }
    .product-block .product-content button {
      position: absolute;
		right: 170px;
		width: 130px;
		height: 60px;
		top: 55px;
		font-weight: 600;
		font-size: 13.5px;
		background: rgba(65, 150, 218, 0.58); }

.buy-product-key-info {
      margin: 15px 0 0 0;
    padding: 15px;
    background: #383d44;
    border: 1px solid #383d44;
    border-radius: 15px; }
  .buy-product-key-info p:last-child {
    margin: 0; }

/*# sourceMappingURL=primary.css.map */