#cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: var(--secondary-color);
    color: var(--background-color);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Orbitron', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 0 6px rgba(0, 245, 212, 0.6);
}



#cart-count.htmx-swapping {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.25s ease;
}
#cart-count.htmx-added {
    opacity: 1;
    transform: scale(1);
    transition: all 0.25s ease;
}

/* Ensure checkout button text is white */
.checkout-btn {
    color: white !important;
}

@media (max-width: 480px) {
  /* overall compact type scale */
  body { font-size: 14px; line-height: 1.4; }

  /* page titles */
  .cart-title,
  .checkout-title { font-size: 1.25rem; line-height: 1.3; } /* ~20px */

  /* section headings (e.g., Order Summary) */
  .summary-heading { font-size: 1rem; }

  /* product text */
  .cart-item-name { font-size: 0.85rem; line-height: 1.3; word-break: break-word; }
  .cart-item-variant { font-size: 0.75rem; }

  /* numeric cells */
  .cart-item-price,
  .cart-item-qty,
  .cart-item-total { font-size: 0.85rem; }

  /* buttons */
  .cart-btn,
  .checkout-btn { font-size: 0.85rem; padding: 0.6rem 0.9rem; color: white !important; }

  /* spacing */
  .cart-card { padding: 0.75rem; }
  .cart-grid { gap: 0.75rem; }
}