/* Live loading bar full sampai ujung untuk 3 menu produk bawah */

.orange-section-grid .orange-product-card.panel,
.orange-section-grid .orange-product-card.vps,
.orange-section-grid .orange-product-card.script {
  position: relative !important;
  overflow: hidden !important;
}

/* track garis gelap full */
.orange-section-grid .orange-product-card.panel::before,
.orange-section-grid .orange-product-card.vps::before,
.orange-section-grid .orange-product-card.script::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 0 !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  z-index: 3 !important;
}

/* garis warna-warni berjalan sampai ujung */
.orange-section-grid .orange-product-card.panel::after,
.orange-section-grid .orange-product-card.vps::after,
.orange-section-grid .orange-product-card.script::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  bottom: 0 !important;
  width: 45% !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    #facc15,
    #fb923c,
    #fb7185,
    #a78bfa,
    #22d3ee,
    #22c55e
  ) !important;
  box-shadow:
    0 0 10px rgba(34,211,238,.35),
    0 0 18px rgba(251,146,60,.22) !important;
  z-index: 4 !important;
  animation: khfLoadToEnd 2.2s linear infinite !important;
}

.orange-section-grid .orange-product-card.vps::after {
  animation-delay: .35s !important;
}

.orange-section-grid .orange-product-card.script::after {
  animation-delay: .7s !important;
}

@keyframes khfLoadToEnd {
  0% {
    transform: translateX(-120%);
    opacity: .25;
  }
  12% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    transform: translateX(260%);
    opacity: .25;
  }
}