body { background: #f6f7fb; }
.product-card { border: 0; border-radius: 16px; overflow: hidden; }
.product-card .card-body { background: #fff; }
.product-price { font-size: 1.1rem; font-weight: 700; }
.badge-stock { font-weight: 600; }
.carousel-item img { width: 100%; height: 220px; object-fit: cover; background: #eee; }
.navbar-brand { font-weight: 800; letter-spacing: .2px; }
.sticky-cart-btn { position: fixed; right: 18px; bottom: 18px; z-index: 1030; }
.filter-card { border: 0; border-radius: 16px; }
.muted-sm { font-size: .9rem; color: #6c757d; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.zoom-img {
  cursor: zoom-in;
  transition: transform .25s ease;
}

.zoom-img:active {
  transform: scale(1.6);
  cursor: zoom-out;
}

.modal-zoom-img {
  cursor: zoom-in;
}
.modal-zoom-img.zoomed {
  cursor: zoom-out;
}

.btn-cart-smart {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
}

.btn-cart-smart i {
  font-size: 1.2rem;
  color: #111827;
}

.btn-cart-smart:hover {
  background: #f9fafb;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

#cartBadge {
  font-size: .65rem;
  padding: 5px 7px;
  min-width: 20px;
}

.btn-icon-smart {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
  text-decoration: none;
}

.btn-icon-smart i {
  font-size: 1.1rem;
  color: #111827;
}

.btn-icon-smart:hover {
  background: #f9fafb;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  color: inherit;
}