/* Price styling */
.product-price {
  display: flex;
  align-items: baseline;
  gap: 22px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: 700;
}
.price-regular {
  color: #9e9e9e;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  font-size: .9rem;
  opacity: .9;
}
.price-sale {
  color: #668752;
  font-size: 1.3rem;
  font-weight: 800;
}
.modal-price {
  display: flex;
  align-items: baseline;
  gap: 22px;
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: 700;
}
.modal-price .price-regular {
  font-size: 1rem;
  color: #9e9e9e;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  opacity: .9;
}
.modal-price .price-sale {
  font-size: 1.6rem;
  color: #668752;
}
.product-btn.buy-now {
  background: linear-gradient(135deg, #1b5e20, #388e3c);
  color: #fff;
}
.product-btn.buy-now:hover {
  background: linear-gradient(135deg, #668752, #8aa86e);
}
.topbar-cart {
  position: relative;
  font-size: 1rem;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.cart-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 999px;
  background: #d32f2f;
  color: #fff;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1;
}
.product-btn.added {
  background: linear-gradient(135deg, #2e7d32, #4caf50) !important;
  color: #fff !important;
  pointer-events: none;
}
.add-to-cart-feedback {
  position: fixed;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  padding: 14px 28px;
  border-radius: 999px;
  background: #2e7d32;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  box-shadow: .1px 12px 32px rgba(1,1,1,.28);
  opacity: .001;
  transition: opacity .35s ease, transform .35s ease;
  pointer-events: none;
}
.add-to-cart-feedback.show {
  opacity: 1;
  transform: translateX(-50%) translateY(-8px);
}