/* ==========================================================
   06. OFFRES & ESPACE PRO
   ========================================================== */

.offer {
  display: grid;
  grid-template-columns: minmax(0,1fr) 90px auto;
  align-items: center;
  gap: 25px;
  margin: 0 0 25px;
  padding: 23px 25px;
  border: 1px solid #efc8b5;
  border-radius: 23px;
  background: var(--peach);
}

.offer h3 { margin: 10px 0 7px; font-size: 1.45rem; }
.offer p { font-size: .9375rem; }
.offer small { display: block; margin-top: 9px; color: #735542; font-size: .8125rem; }
.offer .art { width: 90px; height: 90px; transform: rotate(-10deg); }

.pro-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin: 35px 0 24px;
  padding: 29px 32px;
  border-radius: 25px;
  background: var(--lilac);
}

.pro-banner h2 { font-size: 1.65rem; }
.pro-banner p { margin-top: 10px; color: #635576; max-width: 720px; }

.footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0 30px;
  color: var(--muted);
  font-size: .8125rem;
}

.footer p { max-width: 620px; }