/* V3.2.4 Hero Overlap Active Hotfix */

.hero-info-strip {
  position: relative !important;
  z-index: 12 !important;
  margin-top: -42px !important;
  padding-top: 0 !important;
}

.hero-info-grid {
  gap: 14px !important;
}

.hero-info-card {
  padding: 13px 18px !important;
  min-height: auto !important;
  border-radius: 18px !important;
}

.hero-info-card span {
  font-size: 10px !important;
  margin-bottom: 5px !important;
}

.hero-info-card strong {
  font-size: clamp(18px, 1.8vw, 24px) !important;
  line-height: 1.05 !important;
}

@media (max-width: 940px) {
  .hero-info-strip {
    margin-top: -20px !important;
  }

  .hero-info-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .hero-info-card {
    padding: 12px 16px !important;
  }
}

@media (max-width: 640px) {
  .hero-info-strip {
    margin-top: -14px !important;
  }
}