/* Gagniz : encart des paiements réels, écran large et accueil mobile. */
.gzn-home-payout {
  box-sizing: border-box;
  width: min(100%, 650px);
  margin: 0 auto 34px;
  padding: 19px 24px 17px;
  border: 1px solid #e6dcf8;
  border-radius: 22px;
  background: linear-gradient(112deg, #fff 2%, #f8f3ff 96%);
  box-shadow: 0 10px 32px rgba(88, 62, 155, .065);
  color: #202b47;
  text-align: center;
}
.gzn-home-payout__headline {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  line-height: 1.35;
}
.gzn-home-payout__check {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  background: #ecf9f3;
  color: #168c68;
  font-size: 14px;
  font-weight: 900;
}
.gzn-home-payout__label {
  font-size: clamp(15px, 1.75vw, 18px);
  font-weight: 780;
  color: #27304e;
}
.gzn-home-payout__amount {
  font-size: clamp(19px, 2.3vw, 24px);
  font-weight: 900;
  color: #7550d4;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.gzn-home-payout__last {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 5px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: #77809a;
}
.gzn-home-payout__last time { font-weight: 700; color: #5f6782; white-space: nowrap; }
.gzn-home-payout__dot { width: 6px; height: 6px; flex: 0 0 6px; margin-right: 2px; background: #a681df; border-radius: 50%; }
@media (max-width: 680px) {
  .gzn-home-payout--mobile {
    width: auto;
    margin: 0 14px 10px;
    padding: 15px 12px 13px;
    border-radius: 17px;
    box-shadow: 0 5px 17px rgba(88,62,155,.06);
  }
  .gzn-home-payout--mobile .gzn-home-payout__headline { gap: 3px 7px; }
  .gzn-home-payout--mobile .gzn-home-payout__label { font-size: 13px; font-weight: 800; }
  .gzn-home-payout--mobile .gzn-home-payout__check { width: 21px; height: 21px; flex-basis: 21px; font-size: 12px; }
  .gzn-home-payout--mobile .gzn-home-payout__amount { font-size: 18px; }
  .gzn-home-payout--mobile .gzn-home-payout__last { font-size: 10.5px; margin-top: 6px; gap: 3px 4px; }
}
@media (max-width: 350px) {
  .gzn-home-payout--mobile .gzn-home-payout__label { font-size: 12px; }
  .gzn-home-payout--mobile .gzn-home-payout__amount { font-size: 17px; }
}