/* Все стили для  карточки (без слайдера) */

#card {
    width: 83.5vw;
    height: 35vw;
    background-color: rgb(248, 245, 222);
    border-radius: 2vw;
    margin-left: 8vw;
    margin-bottom: 8vw;
}

#top-row {
    display: flex;
    gap: 3vw;
}

#blockUpper {
    margin: 0 auto;
    margin-top: 1vw;
    text-align: center;
}

#blockUpper h3 {
    font-size: 0.9vw;
    color: rgb(243, 177, 200);
}

#blockRight #name {
    font-size: 2.8vw;
    color: rgb(213,  120, 67);
    width: 38vw;
}

#blockRight #first {
    display: flex;
    margin-top: 4vw;
}

#second #price, #weight {
    color: rgb(243, 177, 200);
    font-size: 2vw;
}

.catalogBtn {
    display: flex;
    height: 5vw;
    align-items: flex-start;
}

.catalogPrice {
    margin-left: 0.1vw;
}

.save {
    height: 3.8vw;
}

.likes {
    height: 5.7vw;
    margin-top: -0.1vw;
}

.likesText {
    font-size: 1vw;
    color: rgb(215, 120, 67);
    position: absolute;
    width: 0.8vw;
    margin-top: 3.8vw;
    margin-left: 5.7vw;
}

.img-checkbox1 input[type="checkbox"], .img-checkbox2 input[type="checkbox"] {
  display: none;
}

.img-checkbox1 input[type="checkbox"]:checked + img {
  content: url("/static/main/images/saveHold.png");
}

.img-checkbox2 input[type="checkbox"]:checked + img {
  content: url("/static/main/images/likesHold.png");
}

.img-checkbox1:hover, .img-checkbox2:hover {
    cursor: pointer;
}

.catalogCost {
    display: flex;

}

.catalogPrice {
    font-weight: 600;
    font-size: 1.1vw;
    color: rgb(243, 177, 200);
}

#about {
    text-align: justify;
    color: rgb(215, 120, 67);
    font-size: 0.9vw;
    font-weight: 500;
    margin-top: 2vw;
    width: 45vw;
}

#about p {
    margin-bottom: 1em;
    line-height: 1.5;
}

@media screen and (max-width: 800px) {
    #blockUpper {
        position: absolute;
        left: 28vw;
        top: 142vw;

    }

    #card {
        height: 133vw;
    }
    #top-row {
        display: inline-block;
    }

    #blockLeft {
        margin-top: 5vw;
    }

    #blockRight {
        margin-left: 5vw;
    }

    #blockRight #name {
        font-size: 5.5vw;
        width: 58.5vw;
    }

    .save {
        height: 7vw;
    }

    .likes {
        height: 11vw;
    }

    .catalogPrice {
        margin-top: 2vw;
        font-size: 3vw;
    }

    #about {
        font-size: 1.9vw;
        width: 72vw;
        height: 28vw;
        overflow: hidden
    }


    #blockUpper h3 {
        font-size: 1.8vw;
    }

    .likesText {
        font-size: 2vw;
        margin-left: 11vw;
        margin-top: 7.5vw;
    }
}