.main {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.nazv h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

#cart-items {
    width: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
}

#cart-items img{
    width: 30%;
}

#cart-items button{
    background-color: #ff8c00;
    color: #fff;
    border: #ff8c00;
    border-radius: 5px;
    font-size: 24px;
    padding-left: 10px;
    padding-right: 10px;
}

#cart-items button:nth-child(odd){
    padding-left: 12px;
    padding-right: 12px;
}

#cart-items span{
    font-size: 24px;
    font-weight: bold;
}

.total {
    width: 30%;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
}

.total h3 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
}

#cart-total{
    font-size: 24px;
    font-weight: bold;
}

.itogo{
    font-size: 24px;
    font-weight: bold;
}

span{
    font-size: 18px;
}

.ots{
    height: 8px;
}

.lin{
    width: 110%;
    margin-bottom: 8px;
}

.total button {
    background: #ff8c00;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
}

.cart-item {
    display: flex;  
    align-items: flex-start;                    
    justify-content: space-between;     
    margin-bottom: 15px;                
}

.krest {
    cursor: pointer;                    
    margin-left: auto;  
    width: 100px;                
}

.block{
    display: flex;
}

.itog{
    margin-left: 46%;
}

.total {
    display: flex;                       /* Используем flexbox для контейнера */
    flex-direction: column;              /* Элементы будут располагаться по вертикали */                /* Отступ сверху для контейнера */
}

.row {
    display: flex;                       /* Используем flexbox для каждой строки */
    justify-content: space-between;      /* Элементы располагаются по краям */
    align-items: center;                 /* Выравнивание по вертикали по центру */
    margin-bottom: 5px;                /* Отступ между строками */
}

.row span:first-child {
    margin-right: auto;                  /* Отталкивает текст к левой стороне */
}

.row span:last-child {
    text-align: right;  
    white-space: nowrap;                 /* Выравнивание справа для суммы */
}

@media (width<580px) {
    span{
        font-size: 16px;
    }
    #cart-total{
        font-size: 16px;
    }
    #cart-items span{
        font-size: 16px;
        width: 90%;
    }
    #cart-items{
        width: 95%;
    }
    #cart-items img{
        width: 60%;
    }
    .total{
        width: 90%;
    }
    h3{
        font-size: 16px;
    }
    .itogo{
        font-size: 18px;
    }
    .itog{
        margin-left: 58%;
    }
}

@media (width<1000px) {
    #cart-items img{
        width: 30%;
    }
    span{
        font-size: 18px;
    }
    #cart-total{
        font-size: 18px;
    }
    #cart-items span{
        font-size: 18px;
    }
    h3{
        font-size: 18px;
    }
    .itogo{
        font-size: 20px;
    }
    .krest{
        width: 90px;
    }
}

@media (width<900px){
    .block {
        flex-direction: column;
      }
      #cart-items{
        width: 100%;
      }
}

@media (width<1200px) {
    .text{
        width: 80%;
    }
}