/* ================================================================
   CART PAGE — Mobile Responsive CSS
   ================================================================ */

@media(max-width:640px) {
    .pw { padding: 14px 12px 50px; }
    .cart-h1 { font-size: 1.2rem; }
    .cart-count-badge { font-size: .72rem; padding: 3px 10px; }
    .nudge { font-size: .8rem; padding: 10px 12px; border-radius: 10px; }
    .cart-item { padding: 12px; gap: 10px; border-radius: 12px; }
    .ci-img { width: 80px; height: 80px; border-radius: 10px; }
    .ci-name { font-size: .85rem; }
    .ci-variant { font-size: .72rem; margin-bottom: 6px; }
    .ci-price { font-size: .88rem; }
    .qty-ctrl button { width: 30px; height: 30px; font-size: .9rem; }
    .qty-ctrl .qty-num { width: 30px; font-size: .82rem; }
    .act-link { font-size: .72rem; padding: 4px 7px; }
    .summ-card { padding: 16px; border-radius: 14px; }
    .summ-title { font-size: .92rem; margin-bottom: 14px; padding-bottom: 10px; }
    .summ-row { font-size: .82rem; padding: 7px 0; }
    .summ-total { font-size: 1.05rem; }
    .checkout-btn { padding: 13px; font-size: .88rem; border-radius: 10px; }
    .shop-more { padding: 10px; font-size: .8rem; border-radius: 10px; }
    .save-badge { font-size: .75rem; padding: 7px 10px; }
    .empty-cart { padding: 50px 16px; border-radius: 16px; }
    .empty-cart .ei { font-size: 3rem; }
    .empty-cart h3 { font-size: 1.05rem; }
    .empty-cart p { font-size: .82rem; }
    .browse-btn { padding: 11px 22px; font-size: .84rem; }
    .reorder-notice { font-size: .82rem; padding: 10px 12px; border-radius: 10px; }
}

@media(max-width:380px) {
    .cart-h1 { font-size: 1.05rem; }
    .ci-img { width: 70px; height: 70px; }
    .ci-name { font-size: .8rem; }
    .ci-price { font-size: .82rem; }
    .checkout-btn { padding: 12px; font-size: .84rem; }
}