/* ---------- Search ---------- */
#searchCanvas {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tag {
  cursor: pointer;
  transition: 0.2s;
}
.tag:hover {
  background: var(--primary) !important;
  color: #fff !important;
}

/* ---------- Cart ---------- */
#cartCanvas {
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
}
.cart-item-img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 6px;
}
.qty-box {
  width: 36px;
  text-align: center;
}
.offcanvas {
  border-left: 1px solid #ddd;
}

.offcanvas-header h6 {
  font-size: 1rem;
}

.card-body h6 {
  font-size: 0.9rem;
  line-height: 1.2;
}

.card-body p {
  font-size: 0.8rem;
}

.btn-outline-secondary {
  padding: 2px 6px;
  font-size: 0.8rem;
}

#cartList {
  max-height: 280px;
}

button.btn.btn-success {
  background: #3a5230;
  border: none;
}