/* ==========================================================================
                   PANIER.CSS - Stanley BA Art
                   ========================================================================== */
                
                .cart-page {
                    padding: 50px 0 90px 0;
                }
                
                .cart-page h1 {
                    font-family: var(--font-heading);
                    font-size: 2.2rem;
                    font-weight: 500;
                    color: var(--text-dark);
                    margin-bottom: 40px;
                }
                
                .cart-grid {
                    display: grid;
                    grid-template-columns: 2fr 1fr;
                    gap: 40px;
                    align-items: start;
                }
                
                .cart-item-card {
                    display: flex;
                    align-items: center;
                    gap: 20px;
                    background-color: #ffffff;
                    border: 1px solid var(--border-soft);
                    padding: 20px;
                    border-radius: 6px;
                    margin-bottom: 15px;
                    box-shadow: 0 4px 15px rgba(44, 37, 35, 0.03);
                }
                
                .cart-item-img {
                    width: 80px;
                    height: 80px;
                    border-radius: 4px;
                    overflow: hidden;
                    background-color: #f2ede4;
                    flex-shrink: 0;
                }
                
                .cart-item-img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                
                .cart-item-info {
                    flex: 1;
                }
                
                .cart-item-info h3 {
                    font-family: var(--font-heading);
                    font-size: 1.1rem;
                    color: var(--text-dark);
                    margin-bottom: 4px;
                }
                
                .cart-item-cat {
                    font-size: 0.75rem;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    color: var(--accent-terracotta);
                    display: block;
                    margin-bottom: 6px;
                }
                
                .cart-item-price {
                    font-size: 0.9rem;
                    color: #7a6e6b;
                }
                
                .cart-item-quantity {
                    font-size: 0.9rem;
                    color: var(--text-dark);
                    font-weight: 500;
                }
                
                .cart-item-total {
                    font-size: 1.1rem;
                    font-family: var(--font-heading);
                    color: var(--text-dark);
                }
                
                .cart-item-remove a {
                    color: #b85d34;
                    opacity: 0.7;
                    transition: opacity 0.2s ease;
                    font-size: 1.1rem;
                    text-decoration: none;
                }
                
                .cart-item-remove a:hover {
                    opacity: 1;
                }
                
                .cart-actions-bar {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-top: 25px;
                }
                
                .btn-clear-cart {
                    background: transparent;
                    border: none;
                    color: #9c928e;
                    font-size: 0.9rem;
                    cursor: pointer;
                    text-decoration: underline;
                    transition: color 0.2s ease;
                }
                
                .btn-clear-cart:hover {
                    color: var(--accent-terracotta);
                }
                
                /* Boîte de résumé */
                .cart-summary-box {
                    background-color: #f7f4ef;
                    border: 1px solid var(--border-soft);
                    padding: 30px;
                    border-radius: 8px;
                }
                
                .cart-summary-box h3 {
                    font-family: var(--font-heading);
                    font-size: 1.3rem;
                    margin-bottom: 20px;
                    color: var(--text-dark);
                    border-bottom: 1px solid var(--border-soft);
                    padding-bottom: 15px;
                }
                
                .summary-line {
                    display: flex;
                    justify-content: space-between;
                    font-size: 0.95rem;
                    color: #7a6e6b;
                    margin-bottom: 15px;
                }
                
                .summary-line.total {
                    font-family: var(--font-heading);
                    font-size: 1.3rem;
                    color: var(--text-dark);
                    font-weight: 600;
                    border-top: 1px solid var(--border-soft);
                    padding-top: 20px;
                    margin-top: 20px;
                    margin-bottom: 25px;
                }
                
                .btn-checkout {
                    display: block;
                    text-align: center;
                    width: 100%;
                    margin-bottom: 15px;
                }
                
                .secure-checkout-text {
                    font-size: 0.8rem;
                    color: #9c928e;
                    text-align: center;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 6px;
                }
                
                /* Panier vide */
                .cart-empty {
                    text-align: center;
                    padding: 60px 0;
                }
                
                .empty-icon {
                    font-size: 3.5rem;
                    color: #d4cbc1;
                    margin-bottom: 20px;
                }
                
                .cart-empty p {
                    font-size: 1.1rem;
                    color: #7a6e6b;
                    margin-bottom: 25px;
                }
                
                /* Responsive */
                @media (max-width: 900px) {
                    .cart-grid {
                        grid-template-columns: 1fr;
                    }
                    .cart-item-card {
                        flex-wrap: wrap;
                    }
                }