/* CARRINHO OFFCANVAS */
.cart-overlay {
    position:fixed; inset:0; background:rgba(0,0,0,.5);
    z-index:998; opacity:0; visibility:hidden; transition:var(--transition);
}

.cart-overlay.open { opacity:1; visibility:visible; }

.cart-panel {
    position:fixed; top:0; right:0; bottom:0; width:380px; max-width:90vw;
    background:#fff; z-index:999; transform:translateX(100%);
    transition:transform .3s ease; display:flex; flex-direction:column;
    box-shadow:-4px 0 20px rgba(0,0,0,.15);
}

.cart-panel.open { transform:translateX(0); }

.cart-header {
    display:flex; align-items:center; justify-content:space-between;
    padding:1rem 1.5rem; border-bottom:1px solid var(--border);
}

.cart-header h3 { display:flex; align-items:center; gap:.5rem; }

.cart-header button {
    background:none; border:none; font-size:1.2rem; cursor:pointer;
    color:var(--text-gray); transition:var(--transition);
}

.cart-header button:hover { color:var(--text-dark); }

.cart-items {
    flex:1; overflow-y:auto; padding:1rem;
}

.cart-empty {
    text-align:center; padding:3rem 1rem; color:var(--text-gray);
}

.cart-empty i { font-size:3rem; margin-bottom:1rem; display:block; opacity:.5; }

.cart-item {
    display:flex; align-items:center; justify-content:space-between;
    padding:.75rem 0; border-bottom:1px solid var(--border);
}

.cart-item-info { flex:1; }

.cart-item-info strong { display:block; font-size:.9rem; }

.cart-item-info span { font-size:.85rem; color:var(--primary); font-weight:600; }

.cart-item-controls {
    display:flex; align-items:center; gap:.5rem;
}

.qty-btn {
    width:28px; height:28px; border:1px solid var(--border);
    background:#fff; border-radius:var(--radius-sm); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:var(--transition);
}

.qty-btn:hover { border-color:var(--primary); color:var(--primary); }

.qty-btn.remove { border-color:#dc3545; color:#dc3545; }

.qty-btn.remove:hover { background:#dc3545; color:#fff; }

.qty-val {
    width:36px; text-align:center; font-weight:600;
}

.cart-footer {
    padding:1rem 1.5rem; border-top:1px solid var(--border);
    background:var(--bg-light);
}

.cart-total-row {
    display:flex; justify-content:space-between; align-items:center;
    font-size:1.1rem; margin-bottom:1rem;
}

.cart-total-row strong { font-size:1.3rem; color:var(--primary); }

#btnCheckout:disabled {
    opacity:.5; cursor:not-allowed;
}

/* PÁGINA DO CARRINHO */
.cart-page {
    max-width:900px; margin:2rem auto; padding:0 1rem;
}

.cart-page h1 { margin-bottom:1.5rem; }

.cart-table {
    width:100%; background:#fff; border-radius:var(--radius-md);
    box-shadow:var(--shadow-sm); overflow:hidden;
}

.cart-table-header {
    display:grid; grid-template-columns:2fr 1fr 1fr auto;
    padding:1rem; background:var(--primary); color:#fff;
    font-weight:600;
}

.cart-row {
    display:grid; grid-template-columns:2fr 1fr 1fr auto;
    padding:1rem; border-bottom:1px solid var(--border);
    align-items:center;
}

.cart-row:last-child { border-bottom:none; }

.cart-product {
    display:flex; align-items:center; gap:1rem;
}

.cart-product img {
    width:60px; height:60px; object-fit:cover;
    border-radius:var(--radius-sm);
}

@media(max-width:640px){
    .cart-table-header, .cart-row {
        grid-template-columns:1fr auto;
        gap:.5rem;
    }
    .cart-product img { width:50px; height:50px; }
}