/* на мобильном меню фон */
@media (max-width: 991px) {
    .navbar-collapse {
        background: white;
        padding: 1rem;
        border-radius: 1rem;
        margin-top: 0.5rem;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 450px) {
    .cart-label {
        font-size: 1rem;
    }
    .navbar-brand img {
        width: 130px;
    }
}

/* каталог товаров на мобильных */
@media (max-width: 767.98px) {
    .category-products .card-body {
        padding: 0.5rem;
    }
    .category-products .card-title {
        font-size: 1rem;
    }
}

/* Адаптивная  корзина на мобильных */
@media (max-width: 767.98px) {
    .cart-item {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
    }

    .cart-item-image {
        width: 100px;
        height: 100px;
    }

    .cart-item-wrapper {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .cart-item-info {
        margin-bottom: 1rem;
    }

    .cart-item-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }

    .cart-item-delete {
        order: -1;
    }

    .cart-qty-control {
        order: 0;
        flex: 1;
        justify-content: center;
    }

    .cart-item-price {
        order: 1;
        text-align: right;
    }

    .cart-qty-btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }

    /* Это скрыть таблицу на мобильных */
    .table-desktop {
        display: none;
    }

    .cart-list-mobile {
        display: block;
    }
}

/* На ПК показываем таблицу */
@media (min-width: 768px) {
    .cart-list-mobile {
        display: none;
    }

    .table-desktop {
        display: table;
    }
}

/* Плавающая кнопка оформления на мобильных */
@media (max-width: 767.98px) {
    .cart-floating-button {
        position: fixed;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
        z-index: 100000;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
        width: calc(100% - 2rem);
    }


}

/* На ПК кнопка обычная, не плавающая */
@media (min-width: 768px) {
    .cart-floating-button {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        box-shadow: none;
    }

}