/* Drawer open/close */
#modal-overlay.open #cart-drawer {
  transform: translateX(0);
}

/* Cart badge pulse on add */
@keyframes badge-pop {
  0% { transform: scale(1); }
  40% { transform: scale(1.25); }
  100% { transform: scale(1); }
}
.badge-pop {
  animation: badge-pop 0.35s ease;
}

/* Category chips */
.chip {
  flex-shrink: 0;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 600;
  border: 1px solid rgba(217, 160, 91, 0.7);
  color: #6E4527;
  background: #fff;
  transition: background 0.15s, color 0.15s;
}
.chip:hover { background: rgba(217, 160, 91, 0.15); }
.chip.active { background: #8B5E3C; color: #FFF8F0; border-color: #8B5E3C; }

/* Product card image placeholder */
.item-art {
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  border-radius: 0.75rem 0.75rem 0 0;
}

/* Quantity buttons in cart */
.qty-btn {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9999px;
  border: 1px solid rgba(217, 160, 91, 0.7);
  color: #6E4527;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qty-btn:hover { background: rgba(217, 160, 91, 0.2); }
.qty-btn:disabled { opacity: 0.4; cursor: not-allowed; }

/* Thin scrollbars for drawer */
#order-view::-webkit-scrollbar { width: 6px; }
#order-view::-webkit-scrollbar-thumb { background: #D9A05B; border-radius: 3px; }