.product-card.elia {
  --elia-terre: #c4704f;
  --elia-sauge: #8faf9b;
  --elia-sable: #f3e9dc;
  --elia-fond: #fbf7f1;
  --elia-texte: #2b2622;
  --elia-secondaire: #625a52;
  --elia-terre-texte: #a55a3c;
  background: var(--elia-fond);
  color: var(--elia-texte);
  border: 1px solid #e8ddcf;
  scroll-margin-top: 7rem;
}
.elia-logo {
  display: block;
  width: 4rem;
  height: 4rem;
  margin-bottom: 2rem;
}
.elia h3 {
  font-family: Georgia, "Times New Roman", serif;
  color: var(--elia-terre-texte);
  letter-spacing: -.025em;
}
.elia .product-label {
  color: var(--elia-terre-texte);
  font-size: .75rem;
  line-height: 1.7;
  letter-spacing: .06em;
}
.product-card.elia > p:not(.product-label) {
  color: var(--elia-texte);
  font-size: 1rem;
  line-height: 1.75;
}
.elia-modules-title {
  margin: 1.75rem 0 0;
  font-size: 1rem;
  font-weight: 800;
}
.elia .elia-modules {
  display: grid;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.elia .elia-modules li { margin: 0; }
.elia .elia-modules li::before { content: none; }
.elia-modules strong {
  display: block;
  font-size: .9375rem;
  font-weight: 750;
}
.elia-modules li span {
  display: block;
  margin-top: .25rem;
  color: var(--elia-secondaire);
  font-size: .875rem;
  line-height: 1.65;
}
.product-card.elia > .elia-supervision {
  margin: 0;
  padding: 1rem;
  border-radius: .75rem;
  background: var(--elia-sable);
  color: var(--elia-texte);
  font-size: .875rem;
  line-height: 1.65;
}
.elia .coming-soon {
  background: var(--elia-sauge);
  color: var(--elia-texte);
}

.elia .elia-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem 1rem;
  margin-top: 1.25rem;
}
.elia .elia-site-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .8rem 1.1rem;
  border-radius: .75rem;
  background: var(--elia-terre);
  color: #fff;
  font-weight: 750;
  font-size: .9375rem;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
.elia .elia-site-link:hover { background: var(--elia-terre-texte); transform: translateY(-2px); }
.elia .elia-site-link small { font-weight: 500; opacity: .85; font-size: .8125rem; }
.elia .elia-site-link span { font-weight: 400; }
.elia .elia-actions .coming-soon { margin-top: 0; }
@media (max-width: 560px) {
  .elia .elia-site-link { width: 100%; flex-wrap: wrap; row-gap: .15rem; }
  .elia .elia-site-link small { flex-basis: 100%; white-space: nowrap; }
  .elia .elia-actions .coming-soon { width: 100%; text-align: center; }
  .elia .elia-portal-link { width: 100%; justify-content: center; }
}

.elia .elia-portal-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .8rem 1.1rem;
  border-radius: .75rem;
  border: 1.5px solid var(--elia-terre);
  color: var(--elia-terre-texte);
  font-weight: 750;
  font-size: .9375rem;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
.elia .elia-portal-link::before {
  content: "";
  width: .9rem; height: .9rem;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.elia .elia-portal-link:hover { background: var(--elia-sable); transform: translateY(-2px); }