:root {
  --tmax-gold-dark: #7a591c;
}

.site-nav .btn-primary {
  color: #000;
}

.site-nav .btn-primary:hover,
.site-nav .btn-primary:focus-visible {
  color: #fff;
}

.hero-bg,
.page-header-bg {
  background-image: none !important;
  opacity: 1 !important;
  z-index: 0;
}

.hero-bg::before,
.page-header-bg::before {
  background-image: var(--hero-image);
  background-position: inherit;
  background-size: cover;
  content: "";
  inset: 0;
  opacity: 0.82;
  position: absolute;
}

.hero-bg::after {
  opacity: 0.82;
}

.hero-slider .hero-bg::before {
  opacity: 0.94;
}

.hero-slider .hero-bg::after {
  opacity: 1;
}

.page-header {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: 56px 0;
}

.page-header > .container {
  width: 100%;
}

.page-header-content,
.hero:not(.hero-slider) .hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hero:not(.hero-slider) .hero-btns {
  justify-content: center;
}

.page-header-bg::before {
  opacity: 0.22;
}

.hero h1,
.hero h2,
.hero-title-text,
.page-header h1 {
  background: transparent;
  box-shadow: none;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.98),
    0 3px 8px rgba(0, 0, 0, 0.88),
    0 6px 18px rgba(0, 0, 0, 0.72);
  width: fit-content;
}

.hero .hero-desc,
.hero .hero-eyebrow,
.page-header .hero-eyebrow,
.page-header-desc {
  background: transparent;
  box-shadow: none;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.96),
    0 2px 7px rgba(0, 0, 0, 0.78);
  width: fit-content;
}

.media-video {
  color: #fff;
}

.gal-caption {
  background: rgba(0, 0, 0, 0.86);
}

.warranty-badge {
  background: #f3cf7a !important;
  color: #000 !important;
}

.warranty-badge::before {
  content: "✓";
}

.tmax-price-display {
  background: #fbf7ee !important;
}

.tmax-price-display,
.tmax-price-display .tmax-price-label,
.tmax-price-display .tmax-price-config,
.tmax-price-display .tmax-price-note {
  color: #1a1a1a !important;
}

@media (max-width: 720px) {
  .page-header {
    min-height: 220px;
    padding: 34px 0;
  }
}