:root {
  --tarifs-white: #fff;
  --tarifs-gold: #9a741e;
}

.tarifs-page {
  color: var(--tarifs-gold);
  background: var(--tarifs-white);
}

.tarifs-page .seo-header {
  min-height: 82px;
  border-bottom: 1px solid var(--tarifs-gold);
}

.tarifs-page .seo-brand,
.tarifs-page .seo-header nav,
.tarifs-page .seo-eyebrow,
.tarifs-page h1,
.tarifs-page .seo-intro,
.tarifs-page .seo-content h2,
.tarifs-page .seo-content h3,
.tarifs-page .seo-content p,
.tarifs-page .seo-content li,
.tarifs-page .seo-footer,
.tarifs-page .seo-footer a {
  color: var(--tarifs-gold);
}

.tarifs-page .seo-brand span,
.tarifs-page .seo-login,
.tarifs-page .seo-cta {
  color: var(--tarifs-white) !important;
  background: var(--tarifs-gold);
}

.tarifs-page .seo-brand span {
  border: 1px solid var(--tarifs-gold);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--tarifs-gold) 25%, transparent);
}

.tarifs-page .seo-header nav a:not(.seo-login) {
  border-bottom: 1px solid transparent;
}

.tarifs-page .seo-header nav a:hover:not(.seo-login) {
  border-bottom-color: var(--tarifs-gold);
}

.tarifs-page .seo-login,
.tarifs-page .seo-cta {
  border: 1px solid var(--tarifs-gold);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--tarifs-gold) 24%, transparent);
  transition: transform .2s ease, box-shadow .2s ease;
}

.tarifs-page .seo-login:hover,
.tarifs-page .seo-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--tarifs-gold) 34%, transparent);
}

.tarifs-page .seo-hero {
  position: relative;
  overflow: hidden;
  background: var(--tarifs-white);
  border-bottom: 1px solid var(--tarifs-gold);
}

.tarifs-page .seo-hero::after {
  content: "€";
  position: absolute;
  right: max(5vw, 24px);
  top: 50%;
  color: var(--tarifs-gold);
  font-size: clamp(8rem, 22vw, 18rem);
  font-weight: 900;
  line-height: 1;
  opacity: .08;
  transform: translateY(-50%) rotate(8deg);
  pointer-events: none;
}

.tarifs-page .seo-hero > div {
  position: relative;
  z-index: 1;
}

.tarifs-page .seo-content {
  padding-inline: 20px;
}

.tarifs-page .seo-content h2 {
  padding-top: 18px;
  border-top: 1px solid var(--tarifs-gold);
}

.tarifs-page .seo-table {
  overflow: hidden;
  border: 1px solid var(--tarifs-gold);
  border-radius: 16px;
  border-collapse: separate;
  border-spacing: 0;
}

.tarifs-page .seo-table th,
.tarifs-page .seo-table td {
  color: var(--tarifs-gold);
  background: var(--tarifs-white);
  border-color: var(--tarifs-gold);
}

.tarifs-page .seo-table th {
  color: var(--tarifs-white);
  background: var(--tarifs-gold);
}

.tarifs-page .seo-links a {
  color: var(--tarifs-gold);
  background: var(--tarifs-white);
  border: 1px solid var(--tarifs-gold);
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.tarifs-page .seo-links a:hover {
  color: var(--tarifs-white);
  background: var(--tarifs-gold);
  transform: translateY(-3px);
}

.tarifs-page .seo-footer {
  padding-inline: 20px;
  border-color: var(--tarifs-gold);
}

@media (max-width: 650px) {
  .tarifs-page .seo-header {
    width: min(100% - 28px, 1060px);
  }

  .tarifs-page .seo-hero {
    padding-inline: 16px;
  }

  .tarifs-page .seo-content {
    padding-inline: 16px;
  }

  .tarifs-page .seo-table {
    display: block;
    overflow-x: auto;
  }
}