/* Основной контейнер для корзины */
.cart-container {
    background-color: #f8f8f8; /* Цвет фона для контейнера */
    padding: 20px; /* Отступы вокруг содержимого */
    border-radius: 10px; /* Скругленные углы */
}

/* Стилизация области с товаром */
.cart-item {
    border-bottom: 1px solid #e1e1e1; /* Граница между элементами корзины */
    padding: 15px 0; /* Отступы для каждого элемента */
}

.cart-item:last-child {
    border-bottom: none; /* Убираем границу у последнего элемента */
}

/* Название товара и цена */
.item-name, .item-price {
    font-weight: bold; /* Жирный шрифт для названия и цены */
}

/* Стилизация кнопок */
.quantity-btn {
    background-color: #000; /* Цвет фона для кнопок */
    color: #fff; /* Цвет текста для кнопок */
    border: none; /* Убираем стандартную границу */
    padding: 5px 10px; /* Отступы внутри кнопок */
    cursor: pointer; /* Курсор в виде указателя */
}

/* Стилизация формы заказа */
.order-form {
    margin-top: 20px; /* Отступ сверху для формы */
}

.order-form input[type="text"], 
.order-form input[type="email"], 
.order-form input[type="tel"] {
    width: 100%; /* Полная ширина */
    padding: 10px; /* Отступы внутри полей ввода */
    margin-bottom: 10px; /* Отступы между полями */
    border: 1px solid #ccc; /* Граница вокруг полей */
    border-radius: 5px; /* Скругление углов полей */
}

/* Кнопка отправки формы */
.submit-btn {
    background-color: #4CAF50; /* Зеленый цвет фона */
    color: white; /* Белый цвет текста */
    padding: 15px 20px; /* Отступы внутри кнопки */
    border: none; /* Убираем границу */
    text-transform: uppercase; /* Все буквы - заглавные */
    font-weight: bold; /* Жирное начертание */
    cursor: pointer; /* Курсор в виде указателя */
    width: 100%; /* Ширина кнопки */
    border-radius: 5px; /* Скругление углов кнопки */
}

/* Стилизация текста суммы и доставки */
.total-amount, .delivery-info {
    font-size: 1.2em; /* Увеличенный размер шрифта */
    font-weight: bold; /* Жирное начертание */
    margin-top: 10px; /* Отступ сверху */
}
