/* ===== CUSTOM RULES GROW RINJANI ===== */

/* Sembunyikan Scrollbar */
.no-scrollbar::-webkit-scrollbar,
.scrollbar-hide::-webkit-scrollbar,
.hide-scrollbar::-webkit-scrollbar {
  display: none !important;
}

.no-scrollbar,
.scrollbar-hide,
.hide-scrollbar {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

/* Responsive Desktop Menu vs Hamburger Mobile */
.gr-desktop-menu {
  display: none;
  align-items: center;
  gap: 1.5rem;
}

.gr-hamburger {
  display: flex;
}

@media (min-width: 992px) {
  .gr-desktop-menu {
    display: flex !important;
  }
  .gr-hamburger {
    display: none !important;
  }
}

/* Running Text & Logo Slider (Infinite Marquee) */
.animate-marquee {
  display: flex;
  width: max-content;
  gap: 1.5rem;
  animation: gr-marquee 22s linear infinite;
  will-change: transform;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

@keyframes gr-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Feature Cards & Image Box Reset */
.animate-card-slider {
  display: flex;
  scroll-behavior: smooth;
}

.card-image-box {
  position: relative;
  width: 100%;
  height: 210px !important;
  overflow: hidden !important;
  border-radius: 1rem 1rem 0 0 !important;
  background-color: #f1f5f9;
}

.card-image-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  display: block;
}

/* Tinggi Proporsional Hero Section */
.hero-custom-height {
  height: 400px !important;
  min-height: 400px !important;
}

@media (max-width: 767px) {
  .hero-custom-height {
    height: 360px !important;
    min-height: 360px !important;
  }
}