/* =============================================
   STOCK FINAL — pill nhỏ thay overlay đỏ
   ============================================= */

/* ============ ẨN OVERLAY ĐỎ + GRAYSCALE CŨ ============ */
.product-card.out-of-stock {
  opacity: 1 !important;
}
.product-card.out-of-stock .img-wrap img,
.product-card.out-of-stock .img-wrap .img-placeholder {
  filter: none !important;
}
.stock-overlay {
  display: none !important;
}

/* ============ STOCK PILL trong product card ============ */
.stock-line-card {
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.stock-pill {
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  letter-spacing: 0.2px;
}
.stock-pill.in-stock {
  background: #d1fae5;
  color: #047857;
  border: 1px solid #6ee7b7;
}
.stock-pill.contact-required {
  background: #fef3c7;
  color: #b45309;
  border: 1px solid #fde68a;
}

/* ============ PRODUCT DETAIL VARIANTS ============ */
.pd-variant {
  cursor: pointer;
  transition: all .15s ease;
}
.pd-variant.oos {
  opacity: 0.75;
}
.pd-variant.oos:hover {
  opacity: 1;
}
.pd-variant .stock-line {
  font-size: 10.5px;
  font-weight: 600;
  margin-top: 4px;
  letter-spacing: 0.2px;
}
.pd-variant .stock-line.stock-yes {
  color: #047857;
}
.pd-variant .stock-line.stock-no {
  color: #dc2626;
}
.pd-variant .stock-line.stock-contact {
  color: #b45309;
}
.pd-variant.selected {
  border-color: var(--gold);
  box-shadow: 0 0 0 2px rgba(200, 160, 80, 0.18);
}