:root {
  --elima-burgundy: rgb(122, 0, 38);
  --elima-red: rgb(157, 10, 15);
  --elima-blue: rgb(11, 115, 207);
}

body {
  font-family:
    "Roboto Condensed",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
  color: #111;
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family:
    "Roboto Condensed",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
}

.brand-burgundy {
  color: var(--elima-burgundy);
}

.brand-red {
  color: var(--elima-red);
}

.brand-blue {
  color: var(--elima-blue);
}

.phone-link {
  font-family:
    "Roboto Condensed",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
  font-weight: 700;
  font-style: normal;
}

.btn-primary {
  --bs-btn-bg: var(--elima-red);
  --bs-btn-border-color: var(--elima-red);
  --bs-btn-hover-bg: #b70f16;
  --bs-btn-hover-border-color: #b70f16;
  --bs-btn-active-bg: #a50d13;
  --bs-btn-active-border-color: #a50d13;
}

.section {
  padding: 3rem 0;
}

.hero mark {
  padding: 0 0.2em;
}

.hero h1 {
  font-size: 3.75rem;
  line-height: 1.1;
}

@media (max-width: 576px) {
  .hero h1 {
    font-size: 2.75rem;
  }
}

.icon {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  object-fit: contain;
}

.video-preview {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
  aspect-ratio: 16 / 9;
}

.video-preview__video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #000;
}

.section-pattern {
  background-image: url("../img/content/f09ade2efc0928205994e673d17703e9.webp");
  background-size: cover;
  background-position: center;
}

.product-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.product-img {
  height: 190px;
  object-fit: contain;
  padding: 0.75rem;
}