/*---только оригинальные для данной страницы стили---*/
.B_telo{
    width: var(--main-width);
    margin: 0 auto;
    background: var(--main-background);

    display: flex;
    flex-flow: row nowrap;
    justify-content:space-around;
}
.cat_list{
    flex: 1 0 25%;
    border-right: medium  solid #C8C8C8;
    margin: 0 0.4vw 0 0;

}
.cat_list > h5{
    font-size: calc(1.3*(1vw + var(--main-rem)));
    text-align: center;
    color: #6a838d;
    border-bottom: 10px double #C8C8C8;



}
.cat_list > ul{
    margin-left: 2vw;
    list-style-type: "\272B";
    font-size: calc(1.3*(1vw + var(--main-rem)));
}
.cat_list > ul > li > .activ_kat{
    font-size: calc(1.2*(1vw + var(--main-rem)));
    color: cadetblue;
    text-decoration: underline;
    margin: 0 calc(0.8*(1vw + var(--main-rem)));
    pointer-events: none; /* делаем ссылку некликабельной */
    cursor: default;  /* устанавливаем курсор в виде стрелки */
}
.cat_list > ul > li{
    margin: calc(0.5*(1vw + var(--main-rem))) 0;
    padding-left: calc(0.5*(1vw + var(--main-rem))); /* Отступ от маркера до текста */
}
.cat_list > ul > li > a{
    text-decoration: none;
    font-size: calc(1*(1vw + var(--main-rem)));
}

/*---карточка продукта--*/
.prod_cart{
    display: flex;
    flex-flow: row nowrap;
    justify-content:space-between;
    margin: 0.4vw 0;

    border: medium  solid #C8C8C8;
    padding: 0.5rem;
    border-radius: 1rem; /* Уголки */
    /* шрифт */
    font-family: 'Courier New', Courier, monospace;
    font-weight: 300;
    font-style:oblique;
}
/*-A----*/
.prod_cart >figure{
    flex: 0 1 30%;
    margin: auto 0;
}
.prod_cart >figure >a>img{
    width: 100%;
    height: auto;
}
/*-B----*/
.prod_cart_cont{
    flex: 1 1 min-content;

    display: flex;
    flex-flow: row wrap;
    justify-content:space-between;
}
/*-B1----*/
.prod_cart_name{
    flex: 1 1 60%;
}
.prod_cart_name > a{
    text-decoration: none;
    color: black;
    text-align: center;
}
.prod_cart_name > a > h5{
    font-size: calc(1.1*(1vw + var(--main-rem)));
    margin: 0;
    font-family: 'PT Sans', serif;
    font-weight: 700;
}
.prod_cart_name > ul{list-style-type: "⚡ ";}
.prod_cart_name > ul> li{
    font-size: calc(0.7*(1vw + var(--main-rem)));
    margin: calc(0.7*(1vw + var(--main-rem)));
}
/*-B2----*/
.prod_cart_price{
    flex: 1 0 min-content;
    font-style:oblique;
    margin: auto 0;
}
.prod_cart_price > .price{
    display: block;
    font-size: calc(1.3*(1vw + var(--main-rem)));
    text-align: center;
    font-weight: 900;
    font-style: italic;
}
.rubl{
    font-size: calc(1*(1vw + var(--main-rem)));
}
.prod_cart_price > .discount{
    font-size: calc(1*(1vw + var(--main-rem)));
    font-weight: normal;
    text-align: center;
}
.prod_cart_price > .btn_cont{
    width: 90%;
    margin:  calc(1*(1vw + var(--main-rem))) auto;
}
.btn_ADD{
    text-decoration: none;
    color: black;
    text-align: center;
    margin-left: -10px;
}

/*------------*/
.description_cat > p{
    font-size: calc(1*(1vw + var(--main-rem)));
    font-family: 'PT Sans', serif;
    font-weight: 400;
    font-style: italic;
    text-align: center;
}
.description_cat > h3{text-align: center;}
.pagination {
    display: inline-block;
    border-top: medium  solid #C8C8C8;
    margin: auto 0.4vw ;

}
.pagination a {
    color: black;
    float: left;
    padding: calc(0.5*(1vw + var(--main-rem)));
    text-decoration: none;
    transition: background-color .3s;
    font-size: calc(0.7*(1vw + var(--main-rem)));
}
.pagination a.active {
    background-color: cadetblue;
    color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}