:root {
  --grey-D4: #D4D4D4;
  --black-2C: #2C2D2E;
  --radius-16: 16px;
  --font-size-18: 18px;
  --font-size-28: 28px;
}

.catalog_product__cart {
  x-height: 475px;

  .product__item_img_wrapper {
    border-radius: var(--radius-16);
    border: 1px solid var(--grey-D4);
    margin-bottom: clamp(10px,3vw,20px);
    display: block;
    padding: 10px;
    height: 295px;
    &:hover{
      transition: all .3s;
      box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.08);
    }

    .product__item_img {
      max-width: 100%;
      object-fit: contain;
      height: 100%;
      width: 100%;
    }
  }

  .product_cart_info {
    display: flex;
    flex-direction: column;
    gap: 12px;

    .product_header__info_price {
      display: flex;
      align-items: center;
      gap: 30px;
      order: 2;
      font-weight: 600;
      font-size: clamp(28px, 3vw, 32px);
      line-height: 100%;
      letter-spacing: -0.03rem;
      color: var(--black-2C);

      .is_stocks {
        font-weight: 600;
        font-size: clamp(14px, 3vw, 18px);
        line-height: 100%;
        letter-spacing: -0.03rem;
        color: var(--black-2C);;
        display: flex;
        flex-direction: column;
        gap: 12px;

        .in_stock,
        .not_stock {
          display: flex;
          gap: 10px;
          align-items: center;

          &:before {
            content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16602 11.6667L7.08268 14.5834L15.8327 5.41669' stroke='%230DC268' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            width: 20px;
            height: 20px;
          }
        }
      }
    }

    .product__item_title {
      height: 40px;
      display: block;

      > a {
        display: block;
        color: var(--black-2C);
        font-weight: 600;
        font-size: var(--font-size-18);
        line-height: 100%;
        letter-spacing: -0.04px;
      }
    }

    .product__item-price-container {
      display: flex;
      flex-direction: column;

      .old-price {
        font-size: 1.6rem;
        color: #888;
        text-decoration: line-through;
      }

      .product__item-price-current {
        color: var(--black-2C);
        font-weight: 600;
        font-size: clamp(var(--font-size-18), 3.5vw, var(--font-size-28));
        line-height: 100%;
        letter-spacing: -4%;
      }
    }
  }
}

.price_question {
  color: var(--black-2C);
  font-weight: 600;
  font-size: clamp(var(--font-size-18), 3.5vw, var(--font-size-28));
  line-height: 100%;
  letter-spacing: -0.03rem;
}