/* 响应式布局断点 */

@media (max-width: 992px) {
    .nav-container, main {
        width: 95%;
    }
}

@media (max-width: 768px) {
    .cart-info {
        flex-direction: column;
    }

    .pagination {
        position: static;
        transform: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        margin: 20px 0;
        padding: 15px;
        gap: 10px;
    }

    .page-link {
        width: 32px;
        height: 32px;
        font-size: 0.85rem;
    }

    .page-dots {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }
}