/* Desktop cart (tabel) */
.cart-table-desktop {
    display: block;
}

/* Mobile cart (cards) */
.cart-cards-mobile {
    display: none;
}

@media (max-width: 991px) {
    .cart-table-desktop {
        display: none;
    }

    .cart-cards-mobile {
        display: block;
    }
}

.cart-cards-mobile .thumb {
    width: 80px;
    height: auto;
    max-width: 80px;
    border-radius: 4px;
    object-fit: contain;
}


/* Desktop vs mobile weergaves */
.checkout-items-mobile { display: none; }
@media (max-width: 991.98px) {
  .checkout-table-desktop { display: none; }
  .checkout-items-mobile { display: block; }
}

/* Bovenste knop "Terug naar winkelmandje" compact op mobiel */
@media (max-width: 575.98px) {
  .checkout-title { flex-direction: column; align-items: flex-start; gap: 10px; }
  .checkout-title .btn-outline-back { padding: 6px 12px; font-size: 11px; }
}

/* Knoppen onderaan: compact + netjes op mobiel */
.checkout-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.btn-sm-checkout {
  padding: 7px 14px;
  font-size: 11px;
  line-height: 1;
}

@media (max-width: 575.98px) {
  .checkout-actions { flex-direction: column; }
  .btn-sm-checkout { width: 100%; text-align: center; }
}

/* Radio buttons kleiner */
.checkout-radio {
  width: 14px;
  height: 14px;
  margin-top: 3px;
}