.products-lineup {
  background-color: #000000;
}

.products-lineup p {
  font-size: 0.9rem;
  font-weight: 500;
  transition: color 0.3s ease;
}

.products-lineup h5 {
  transition: color 0.3s ease;
}

.products-lineup h4 {
  color: #b2fc4f !important;
  position: relative;
  z-index: 5;
}

#products-load-more-btn {
  border-color: #b2fc4f;    /* outline hijau neon */
  color: #b2fc4f;           /* teks hijau neon */
}

#products-load-more-btn:hover,
#products-load-more-btn:focus {
  background-color: #b2fc4f; /* hover jadi background hijau neon */
  color: #000;               /* teks jadi hitam biar kontras */
  border-color: #b2fc4f;
}

.products-lineup a:hover h5,
.products-lineup a:hover p {
  color: #f5f5f5; /* Warna teks saat hover */
}

.aspect-ratio-box {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
  overflow: hidden;
  border-radius: 0;
}

.img-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.products-lineup a:hover .img-cover {
  transform: scale(1.03);
}

/* .products-lineup .overlay-dark {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
  transition: background 0.3s ease;
} */

/* .products-lineup a:hover .overlay-dark {
  background: rgba(0, 0, 0, 0.4);
} */

.products-lineup .card-body {
  color: #fff; /* atau text-white via class */
}

.card-img-top,
.img-cover {
  border-radius: 0 !important;
}

/* Hilangkan underline pada link dan teks harga */
.products-lineup a,
.products-lineup a:hover,
.products-lineup p,
.products-lineup h5,
.woocommerce-Price-currencySymbol,
.woocommerce-Price-amount {
  text-decoration: none !important;
}

/* Biarkan <del> tetap ada garis coret dan warna lebih redup */
.products-lineup del {
  text-decoration: line-through !important;
  color: #aaa;
}

/* Hilangkan underline pada <ins> (harga diskon) */
.products-lineup ins {
  text-decoration: none !important;
}

/* --- IMAGE HOVER SWAP --- */
.product-img-main,
.product-img-hover {
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.product-img-hover {
  opacity: 0;
  position: absolute;
  inset: 0;
}

/* Saat hover: gambar utama hilang */
.products-lineup a:hover .product-img-main {
  opacity: 0;
}

/* Saat hover: gambar kedua muncul */
.products-lineup a:hover .product-img-hover {
  opacity: 1;
}

/* Tambahan: zoom effect seperti sebelumnya */
.products-lineup a:hover .product-img-main,
.products-lineup a:hover .product-img-hover {
  transform: scale(1.05);
}

/* Jadikan default image contain dan benar-benar center */
.product-img-main.is-default,
.product-img-hover.is-default {
  object-fit: contain !important;
  background-color: #000; /* optional: agar logo terlihat rapi */
  padding: 20%; /* opsional: biar tidak terlalu mepet */
}

/* Saat hover, jangan zoom default logo */
.products-lineup a:hover .product-img-main.is-default,
.products-lineup a:hover .product-img-hover.is-default {
  transform: none !important;
}