/* DMH Hero Banner — Armenian font */
.dmh-hb,
.dmh-hb * {
  font-family: "Noto Sans Armenian", system-ui, -apple-system, Segoe UI, Roboto,
    Arial, sans-serif;
  box-sizing: border-box;
}

.dmh-hb {
  --dmh-hb-radius: 28px;
  --dmh-hb-red1: #7c0d0d;
  --dmh-hb-red2: #b11212;
  --dmh-hb-red3: #f07a1b;
  --dmh-hb-bg: none;

  position: relative;
  border-radius: var(--dmh-hb-radius);
  overflow: hidden;
  padding: 38px 34px;
  color: #fff;
  background: radial-gradient(
      1200px 500px at 70% 40%,
      rgba(240, 122, 27, 0.55),
      rgba(0, 0, 0, 0) 55%
    ),
    linear-gradient(90deg, var(--dmh-hb-red1), var(--dmh-hb-red2));
}

.dmh-hb::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--dmh-hb-bg);
  background-size: cover;
  background-position: center;
  opacity: 0.28;
  pointer-events: none;
}

.dmh-hb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      900px 500px at 30% 40%,
      rgba(0, 0, 0, 0.35),
      rgba(0, 0, 0, 0) 60%
    ),
    radial-gradient(
      900px 500px at 80% 20%,
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0) 55%
    );
  pointer-events: none;
}

.dmh-hb__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 18px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

/* LEFT */
.dmh-hb__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  opacity: 0.95;
  margin-bottom: 14px;
}

.dmh-hb__brand-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #fff;
  opacity: 0.65;
}

.dmh-hb__brand-text {
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.dmh-hb__title {
  margin: 0 0 16px;
  font-weight: 900;
  line-height: 1.08;
  font-size: clamp(26px, 3.2vw, 54px);
  text-transform: uppercase;
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.dmh-hb__subtitle {
  margin: 0 0 22px;
  font-weight: 500;
  line-height: 1.45;
  font-size: clamp(14px, 1.25vw, 18px);
  opacity: 0.95;
  max-width: 560px;
}

/* Buttons */
.dmh-hb__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.dmh-hb__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 26px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 900;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  transition: transform 0.15s ease, filter 0.15s ease;
  min-width: 190px;
}

.dmh-hb__btn:hover {
  transform: translateY(-1px);
  filter: brightness(0.98);
}

.dmh-hb__btn--gold {
  color: #1a1a1a !important;
  background: linear-gradient(180deg, #f6d57a, #d6a845);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.dmh-hb__btn--outline {
  color: #fff !important;
  border: 2px solid rgba(246, 213, 122, 0.8);
  background: rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(6px);
}

/* RIGHT */
.dmh-hb__right {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 280px;
}

.dmh-hb__coins {
  position: absolute;
  inset: -20px -20px -20px -20px;
  background: radial-gradient(
      12px 12px at 70% 22%,
      rgba(255, 255, 255, 0.28),
      rgba(255, 255, 255, 0) 60%
    ),
    radial-gradient(
      14px 14px at 88% 28%,
      rgba(255, 255, 255, 0.18),
      rgba(255, 255, 255, 0) 62%
    ),
    radial-gradient(
      14px 14px at 78% 72%,
      rgba(255, 255, 255, 0.16),
      rgba(255, 255, 255, 0) 62%
    );
  pointer-events: none;
  opacity: 0.7;
}

.dmh-hb__card {
  width: min(520px, 100%);
  height: auto;
  border-radius: 22px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.35);
  transform: rotate(-2deg);
}

.dmh-hb__card--placeholder {
  width: min(520px, 100%);
  height: 260px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px dashed rgba(255, 255, 255, 0.35);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
}

/* Responsive */
@media (max-width: 980px) {
  .dmh-hb__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .dmh-hb__subtitle {
    margin-left: auto;
    margin-right: auto;
  }
  .dmh-hb__actions {
    justify-content: center;
  }
  .dmh-hb__right {
    justify-content: center;
    min-height: auto;
    margin-top: 8px;
  }
  .dmh-hb__card {
    transform: none;
  }
}