/* GRID DESC OFFFRE */
.title-grid { background: var(--green-dark); }

.title-grid.double { background: var(--grey-light); }

.title-grid--container { display: flex; flex-direction: column; gap: 40px; padding: 48px 0px; color: var(--white); }

.double .title-grid--container { color: var(--black); }

@media screen and (min-width: 1024px) { .title-grid--container { gap: 56px; padding: 96px 0px; } }

.title-grid--container .title-grid--title { display: flex; flex-direction: column; gap: 40px; }

@media screen and (min-width: 768px) { .title-grid--container .title-grid--title { align-items: flex-start; } }

@media screen and (min-width: 1024px) { .title-grid--container .title-grid--title { flex-direction: row; align-items: center; justify-content: space-between; } }

.title-grid--container .title, .title-grid--container .infos { display: flex; flex-direction: column; gap: 24px; }

.title-grid--container .title p, .title-grid--container .infos p { margin: 0; }

@media screen and (min-width: 1024px) { .title-grid--container .title { max-width: 680px; } }

.title-grid--container .infos { gap: 32px; line-height: 110%; }

@media screen and (min-width: 1024px) { .title-grid--container .infos { flex-direction: row; gap: 56px; align-items: center; } }

.title-grid--container .price-container { display: flex; align-items: flex-end; gap: 6px; justify-content: center; }

.title-grid--container .prefix { text-wrap: nowrap; }

.title-grid--container .price { font-family: Inter; font-size: 38.069px; font-style: normal; font-weight: 700; line-height: 90%; }

.title-grid--container .currency { font-weight: 600; }

.title-grid--container .btn { justify-content: center; flex-shrink: 0; }

.title-grid--container .title-grid--grid { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; }

@media screen and (min-width: 1024px) { .title-grid--container .title-grid--grid { display: grid; grid-template-columns: minmax(auto, 792px) minmax(auto, 456px); grid-template-rows: repeat(2, 212px); grid-column-gap: 32px; grid-row-gap: 32px; }
  .double .title-grid--container .title-grid--grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 32px; grid-row-gap: 32px; } }

.title-grid--container .title-grid--grid img { border-radius: 16px; height: 150px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

@media screen and (min-width: 1024px) { .title-grid--container .title-grid--grid img { height: 100%; }
  .title-grid--container .title-grid--grid img:nth-child(1) { grid-area: 1 / 1 / 3 / 2; }
  .double .title-grid--container .title-grid--grid img:nth-child(1) { grid-area: unset; }
  .double .title-grid--container .title-grid--grid img { height: 456px; } }

/* GRID DESC OFFFRE */