.dpcm-card {
  --dpcm-card-bg: #fff;
  --dpcm-title-color: #000;
  --dpcm-text-color: #111;
  --dpcm-link-color: #000;
  --dpcm-cta-color: #123a78;
  --dpcm-badge-bg: #1ab6a7;
  --dpcm-image-height: 220px;
  --dpcm-image-radius-top-left: 36px;
  --dpcm-image-radius-top-right: 36px;
  --dpcm-image-radius-bottom-right: 0px;
  --dpcm-image-radius-bottom-left: 0px;
  --dpcm-image-ratio: 8 / 5;

  background: var(--dpcm-card-bg);
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}

.dpcm-card.dpcm-preset-maquette-4 {
  max-width: 430px;
}

.dpcm-hero {
  position: relative;
  overflow: visible;
}

.dpcm-main-image {
  width: 100%;
  height: auto;
  aspect-ratio: var(--dpcm-image-ratio);
  object-fit: cover;
  border-top-left-radius: var(--dpcm-image-radius-top-left);
  border-top-right-radius: var(--dpcm-image-radius-top-right);
  border-bottom-right-radius: var(--dpcm-image-radius-bottom-right);
  border-bottom-left-radius: var(--dpcm-image-radius-bottom-left);
  display: block;
}

.dpcm-card.dpcm-preset-legacy-height .dpcm-main-image {
  aspect-ratio: auto;
  height: var(--dpcm-image-height);
}

.dpcm-badge {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: var(--dpcm-badge-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -14px;
  right: -12px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

.dpcm-badge img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.dpcm-card.dpcm-preset-carte-large .dpcm-badge {
  width: 92px;
  height: 92px;
  top: -18px;
  right: -14px;
}

.dpcm-card.dpcm-preset-carte-large .dpcm-badge img {
  width: 48px;
  height: 48px;
}

.dpcm-content {
  padding: 16px 14px 16px;
  color: var(--dpcm-text-color);
  font-size: clamp(18px, 1.02vw, 24px);
  line-height: 1.24;
}

.dpcm-title {
  color: var(--dpcm-title-color);
  font-size: clamp(30px, 1.85vw, 44px);
  line-height: 1.14;
  text-align: center;
  font-weight: 500;
  margin: 0 0 12px;
  letter-spacing: 0;
}

.dpcm-card.dpcm-preset-carte-large .dpcm-title {
  font-size: clamp(34px, 2.2vw, 54px);
  margin-bottom: 16px;
}

.dpcm-description {
  color: inherit;
  font-size: 1em;
  line-height: inherit;
  font-weight: 400;
  margin: 0;
}

.dpcm-card.dpcm-preset-carte-large .dpcm-description {
  font-size: 1em;
}

.dpcm-links {
  margin-top: 14px;
}

.dpcm-list-link {
  color: var(--dpcm-link-color);
  text-decoration: none;
  display: block;
  font-size: 1.18em;
  line-height: 1.28;
  font-weight: 700;
  padding: 5px 0 7px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.34);
}

.dpcm-list-link + .dpcm-list-link {
  margin-top: 3px;
}

.dpcm-list-link--disabled {
  cursor: default;
}

.dpcm-bottom-link {
  color: var(--dpcm-cta-color);
  text-decoration: none;
  display: inline-block;
  font-size: 1.62em;
  line-height: 1.15;
  font-weight: 500;
  margin-top: 16px;
}

.dpcm-card.dpcm-preset-carte-large .dpcm-bottom-link {
  font-size: 1.62em;
}

.dpcm-bottom-link--disabled {
  cursor: default;
}

@media (max-width: 1460px) {
  .dpcm-card.dpcm-preset-maquette-4 {
    max-width: 100%;
  }

  .dpcm-title {
    font-size: clamp(26px, 2.1vw, 40px);
  }

  .dpcm-description {
    font-size: 1em;
  }

  .dpcm-list-link {
    font-size: 1.12em;
  }

  .dpcm-bottom-link {
    font-size: 1.46em;
  }
}

@media (max-width: 980px) {
  .dpcm-content {
    padding: 14px 12px 14px;
    font-size: 16px;
  }

  .dpcm-title {
    font-size: 28px;
  }

  .dpcm-description {
    font-size: 1em;
  }

  .dpcm-list-link {
    font-size: 1.12em;
  }

  .dpcm-bottom-link {
    font-size: 1.44em;
  }

  .dpcm-badge {
    width: 64px;
    height: 64px;
    top: -10px;
    right: -8px;
  }

  .dpcm-badge img {
    width: 33px;
    height: 33px;
  }
}

@media (max-width: 640px) {
  .dpcm-title {
    font-size: 24px;
  }

  .dpcm-description,
  .dpcm-list-link {
    font-size: 1em;
  }

  .dpcm-bottom-link {
    font-size: 1.38em;
  }
}