.m-mosaique-cards {
  .m-mosaique-cards__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 64px;

    @media (max-width: 767px) {
      flex-direction: column;
      align-items: flex-start;
    }
  }

  .m-mosaique-cards__titre {
    font-family: var(--wp--preset--font-family--primary);
    color: var(--wp--preset--color--secondary);
    font-size: 22px;
    font-weight: var(--wp--custom--font-weight--semi-bold);
    line-height: 28px;
    margin: 0 0 16px;
  }

  .m-mosaique-cards__texte {
    color: var(--wp--preset--color--secondary);
    font-size: 16px;
    font-weight: var(--wp--custom--font-weight--regular);
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0;

    p {
      margin-bottom: 0;
    }
  }

  .m-mosaique-cards__bouton {
    flex: 0 0 auto;
  }

  .m-mosaique-cards__grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .m-mosaique-cards__row {
    display: flex;
    align-items: flex-start;
    gap: 24px;

    @media (max-width: 991px) {
      flex-wrap: wrap;
    }

    @media (max-width: 767px) {
      flex-direction: column;
    }
  }

  .m-mosaique-cards__cell {
    flex: 1 1 0;
    min-width: 0;
    height: 242px;
    border-radius: 16px;
  }

  .m-mosaique-cards__cell--etroite {
    flex-grow: 1;
  }

  .m-mosaique-cards__cell--moyenne {
    flex-grow: 1.2;
  }

  .m-mosaique-cards__cell--large {
    flex-grow: 1.4;
  }

  .m-mosaique-cards__cell--etroite,
  .m-mosaique-cards__cell--moyenne,
  .m-mosaique-cards__cell--large {
    @media (max-width: 991px) {
      flex-grow: 1;
    }
  }

  .m-mosaique-cards__cell {
    @media (max-width: 991px) {
      flex-basis: calc(50% - 12px);
    }

    @media (max-width: 767px) {
      flex-basis: auto;
      width: 100%;
    }
  }

  .m-mosaique-cards__cell--bleu,
  .m-mosaique-cards__cell--beige,
  .m-mosaique-cards__cell--aucune {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .m-mosaique-cards__cell--bleu {
    background-color: var(--wp--preset--color--secondary-light);
  }

  .m-mosaique-cards__cell--beige {
    background-color: var(--wp--preset--color--cream);
  }

  .m-mosaique-cards__cell-titre {
    font-family: var(--wp--preset--font-family--secondary);
    color: var(--wp--preset--color--secondary);
    font-size: 16px;
    font-weight: var(--wp--custom--font-weight--bold);
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0 0 12px;
  }

  .m-mosaique-cards__cell-texte {
    color: #404040;
    font-size: 16px;
    font-weight: var(--wp--custom--font-weight--regular);
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-bottom: 0;

    p {
      margin-bottom: 0;
    }
  }

  .m-mosaique-cards__cell--image {
    overflow: hidden;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
  }
}