.product-card {
display: flex;
flex-direction: column;
max-width: 369px;
width: 100%;
border-radius: 15px;
overflow: hidden;
background: var(--bg);
border: 1px solid var(--bg);
box-shadow: 0px 1px 19px -2px #452C2C4D;
} .product-card:hover {
border: 1px solid var(--light);
} .product-card__images {
} .product-card__images img {
width: auto;
max-height: 243px;
height: 100%;
margin: 0 auto;
} .product-card__text {
display: flex;
flex-direction: column;
gap: 10px;
padding: 10px 15px 25px;
} .product-card__text-titles {
display: flex;
align-items: center;
gap: 10px;
} .product-card__text-titles svg {
min-width: 40px;
min-height: 40px;
width: 40px;
height: 40px;
color: var(--light);
} .product-card__text-titles h3 {
font-size: 20px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
color: var(--dark);
} .product-card__text p {
font-size: 16px;
font-weight: 400;
line-height: 100%;
letter-spacing: 0%;
color: var(--dark);
} .product-card__text span {
margin-top: 10px;
} .product-card__buy {
display: flex;
flex-direction: column;
gap: 10px;
} .product-card__buy .price {
font-size: 20px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
vertical-align: middle;
color: var(--dark);
} .product-card__buy .price-from,
.product-card__buy .price-to {
display: flex;
align-items: flex-end;
gap: 5px;
font-size: 20px;
font-weight: 400;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
color: var(--dark);
} .product-card__buy .price-from span,
.product-card__buy .price-to span {
font-size: 20px;
font-weight: 700;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
color: var(--dark);
margin-top: 0;
} .product-card__buy .price-to span {
font-size: 16px;
} .product-card__buy .one-click {
width: 100%;
border: 1px solid var(--light2);
border-radius: 10px;
padding: 5px 15px;
font-size: 20px;
font-weight: 400;
line-height: 100%;
letter-spacing: 5%;
color: var(--light2);
text-align: center;
} .product-card__buy .one-click:hover {
border: 1px solid var(--light2);
background: var(--light2);
color: var(--white-text);
}
@media (max-width: 790px) {
.product-card {
max-width: 280px;
} .product-card__images img {
width: 100%;
}
} @media (max-width: 620px) {
.product-card {
max-width: 369px;
}
}