/* =========================================
   REVISI HALAMAN KERANJANG (RAMPING)
   ========================================= */

@media screen and (max-width: 768px) {
    /* 1. Header Halaman */
    .cart-title { 
        font-size: 1rem !important; /* Dikecilkan lagi dari sebelumnya */
        letter-spacing: -0.3px;
    }

    /* 2. Perkecil Tombol "+ Tambah Porsi" */
    .btn-tambah-global {
        padding: 4px 12px !important; /* Lebih ramping */
        font-size: 0.7rem !important;  /* Teks tombol jadi mungil */
        border-radius: 30px !important;
    }

    /* 2. Baris Item (Dibuat lebih tipis) */
    .item-row {
        padding: 6px 12px !important; /* Dari 8px 18px */
    }
    .item-name {
        font-size: 0.85rem !important; /* Dari 0.95rem */
    }
    .item-price {
        font-size: 0.85rem !important;
        min-width: 70px !important;
    }

    /* 3. Tombol Qty (Dikecilkan mikro) */
    .btn-qty {
        width: 25px !important; /* Dari 28px */
        height: 25px !important;
        font-size: 0.8rem !important;
    }
    .qty-val {
        margin: 0 7px !important;
        font-size: 0.8rem !important;
    }
    .item-actions-wrapper {
        gap: 12px !important; /* Jarak antar aksi dipersempit */
    }

    /* 4. Porsi Header */
    .porsi-header {
        padding: 6px 12px !important;
    }
    .porsi-label {
        font-size: 0.75rem !important;
    }

    /* 5. Sticky Footer (Dibuat lebih compact) */
    .sticky-bottom-cart {
        padding: 8px 0 10px 0 !important; /* Rampingkan ruang footer */
        border-radius: 15px 15px 0 0 !important;
    }
    .total-price-final {
        font-size: 1.1rem !important; /* Sedikit lebih kecil agar elegan */
        margin: 0 !important;
    }
    .delivery-badge-final {
        font-size: 0.65rem !important;
        padding: 2px 6px !important;
    }
    .btn-checkout-giant {
        padding: 8px 20px !important; /* Lebih ramping */
        font-size: 14px !important;
    }
    
    /* 6. Kurangi padding bawah body */
    main.container {
        padding-bottom: 180px !important; /* Sesuaikan agar tidak terlalu lowong */
    }
}