:root {
  --color-brand: #2e8fea;
  --color-brand-strong: #1f6fc4;
}

.home12-page {
  --home12-brand: var(--color-brand);
  --home12-brand-strong: var(--color-brand-strong);
}

.fe-page,
.verifactu-guide-page {
  --guide-brand: var(--color-brand);
  --guide-brand-strong: var(--color-brand-strong);
}

.sector-clean {
  --brand: var(--color-brand);
}

.sector-clean__eyebrow--hero {
  border-color: color-mix(in srgb, var(--color-brand) 32%, transparent);
  background: color-mix(in srgb, var(--color-brand) 3%, transparent);
}

.sector-clean__offer {
  border-color: color-mix(in srgb, var(--color-brand) 20%, transparent);
  background: color-mix(in srgb, var(--color-brand) 3.5%, transparent);
}

.sector-clean__step-number {
  color: var(--color-brand);
  background: color-mix(in srgb, var(--color-brand) 9%, transparent);
}

.sector-clean a:focus-visible,
.sector-clean__faq-list summary:focus-visible {
  outline-color: color-mix(in srgb, var(--color-brand) 32%, transparent);
}

[data-theme="dark"] .sector-clean__eyebrow--hero,
[data-theme="dark"] .sector-clean__offer {
  background: color-mix(in srgb, var(--color-brand) 9%, transparent);
}

@media (max-width: 520px) {
  #cookie-banner.cookie-banner {
    right: 10px;
    bottom: 10px;
    left: 10px;
    border-radius: 14px;
  }

  .cookie-banner__inner {
    gap: 10px;
    padding: 12px 14px;
  }

  .cookie-banner__copy h2 {
    margin-bottom: 2px;
    font-size: 15px;
  }

  .cookie-banner__copy p {
    font-size: 12px;
    line-height: 1.4;
  }

  .cookie-banner__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
  }

  .cookie-choice-button {
    min-width: 0;
    min-height: 38px;
    padding: 0 8px;
    font-size: 12.5px;
  }

  .cookie-configure-button {
    grid-column: 1 / -1;
    min-height: 30px;
    padding: 0 8px;
    font-size: 12px;
  }
}