﻿.cart-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Каждый элемент корзины – горизонтальный блок */
.cart-item {
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s ease-in-out;
}

    .cart-item:hover {
        transform: scale(1.02);
    }

/* Левая часть: чекбокс + картинка */
.cart-left {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

/* Картинка */
.cart-item-image {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
}

/* Центральная часть – делим на верх cart-top и низ cart-bottom */
.cart-middle {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Верхняя полоса */
.cart-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Название товара */
.cart-item-title {
    font-size: 18px;
    margin: 0;
}

/* Вариант (Копия/Оригинал) */
.variant-display {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .variant-display .variant-label {
        font-weight: bold;
    }

    .variant-display .variant-value {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        padding: 4px 8px;
        border-radius: 4px;
        background-color: #f2f2f2;
        color: #333;
    }



/* Нижняя полоса */
.cart-bottom {
    display: flex;
    justify-content: space-between; /* детальная инфа слева, кнопка удаления справа */
    align-items: flex-end;
}

/* Детали (цена, кол-во, доп. инфа) */
.cart-details {
    display: flex;
    flex-wrap: wrap; /* если много текста, пусть переносится */
    gap: 10px;
    align-items: center;
}

/* Цена */
.cart-item-price {
    font-size: 16px;
    margin: 0;
    border-radius: 4px;
    background-color: #f2f2f2;
    color: #333;
    padding: 5px 10px;
}
.copy-size {
    font-size: 16px;
    margin: 0;
    border-radius: 4px;
    background-color: #f2f2f2;
    color: #333;
    padding: 5px 10px;
}
.max-copy {
    font-size: 16px;
    margin: 0;
    border-radius: 4px;
    background-color: #f2f2f2;
    color: #333;
    padding: 5px 10px;
}
.cart-quantity {
    font-size: 16px;
    margin: 0;
    border-radius: 4px;
    background-color: #f2f2f2;
    color: #333;
    padding: 5px 10px;
}
/* Нет в наличии */
.out-of-stock {
    color: red;
    margin: 0;
}

/* Кнопки изменения количества */
.cart-buttons {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .cart-buttons button {
        border: none;
        background-color: #6c757d;
        color: #fff;
        padding: 6px 10px;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.2s;
        font-size: 16px;
    }

        .cart-buttons button:hover {
            background-color: #5a6268;
        }

/* Кнопка удаления */
.cart-right {
    margin-left: 20px;
}

.cart-remove {
    background-color: #a94442;
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    font-size: 16px;
}

    .cart-remove:hover {
        background-color: #922d2d;
    }

/* Футер корзины (кнопка оформления заказа) */
.cart-footer {
    text-align: center;
    margin-top: 20px;
}

    .cart-footer .checkout {
        background-color: #343a40;
        color: #fff;
        border: none;
        padding: 12px 24px;
        border-radius: 5px;
        font-size: 18px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .cart-footer .checkout:hover {
            background-color: #23272b;
        }
/*.cart-details p {
    margin: 0;
    padding: 0;
}
 Добавляем отступы и центрирование для контейнера, не меняя существующие стили */
#cart-container {
    max-width: 1200px; /* ширину можно корректировать по желанию */
    margin: 20px auto; /* отступ сверху/снизу 20px, слева/справа auto (центрирует) */
    padding: 20px; /* отступы внутри контейнера */
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    min-height: calc(80vh - 100px); /* минимальная высота, можно настроить в зависимости от высоты header/footer */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Гарантируем, что футер корзины располагается внизу */
.cart-footer {
    margin-top: auto;
}
.notFound {
    margin: auto;
    margin-top: 10px;
}
.Download {
    margin: auto;
    margin-top: 10px;
}
h2 {
    text-align: center;
}
