/* PAGE OFFRES OLGA */

.olga-offers-page {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 30px 15px !important;
  font-family: Arial, sans-serif !important;
  color: #102a43 !important;
}

/* HERO */

.olga-hero {
  text-align: center !important;
  margin-bottom: 32px !important;
}

.olga-hero h1 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
  color: #102a43 !important;
}

.olga-hero p {
  max-width: 760px !important;
  margin: 0 auto !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: #52606d !important;
}

/* CARTES OFFRES */

.olga-cards {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  justify-content: center !important;
  align-items: stretch !important;
  width: 100% !important;
  margin-bottom: 46px !important;
}

.olga-card {
  width: 33.333% !important;
  min-width: 0 !important;
  background: #ffffff !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 18px !important;
  padding: 26px 22px !important;
  box-shadow: 0 6px 18px rgba(16, 42, 67, 0.12) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

.olga-card-main {
  border: 2px solid #0070b8 !important;
  box-shadow: 0 8px 24px rgba(0, 112, 184, 0.20) !important;
}

.olga-badge {
  display: inline-block !important;
  width: fit-content !important;
  background: #e6f4ff !important;
  color: #005a91 !important;
  font-size: 13px !important;
  font-weight: bold !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  margin-bottom: 14px !important;
}

.olga-badge-main {
  background: #0070b8 !important;
  color: #ffffff !important;
}

.olga-card h2 {
  font-size: 25px !important;
  margin: 0 0 10px !important;
  color: #102a43 !important;
}

.olga-desc {
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: #52606d !important;
  margin: 0 0 18px !important;
}

.olga-note {
  font-size: 13px !important;
  color: #7b8794 !important;
  margin: 0 0 18px !important;
}

.olga-card ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}

.olga-card li {
  position: relative !important;
  padding-left: 24px !important;
  margin-bottom: 10px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: #243b53 !important;
}

.olga-card li:before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  color: #0070b8 !important;
  font-weight: bold !important;
}

/* BOUTONS */

.olga-btn {
  display: block !important;
  margin-top: auto !important;
  text-align: center !important;
  background: #0070b8 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 14px 16px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

.olga-btn-light {
  background: #ffffff !important;
  color: #0070b8 !important;
  border: 2px solid #0070b8 !important;
}

.olga-btn-dark {
  background: #102a43 !important;
}

.olga-btn-label {
  display: block !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.olga-btn-price {
  display: block !important;
  margin-top: 4px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  opacity: 0.95 !important;
}

.olga-btn-light .olga-btn-price,
.olga-btn-light .olga-btn-label {
  color: #0070b8 !important;
}

/* BLOCS INFORMATIONS - VERSION ALLÉGÉE */

.olga-info-grid {
  max-width: 1050px !important;
  margin: 0 auto 34px !important;
  display: grid !important;
  grid-template-columns: 1.2fr 1fr !important;
  gap: 18px !important;
}

.olga-info-card {
  background: #f8fbff !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 14px !important;
  padding: 22px 24px !important;
  box-shadow: none !important;
}

.olga-info-card:first-child {
  grid-row: span 2 !important;
  background: #ffffff !important;
  border-left: 5px solid #0070b8 !important;
}

.olga-info-card h3 {
  margin: 0 0 12px !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  color: #102a43 !important;
}

.olga-info-card p {
  margin: 0 0 10px !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
  color: #52606d !important;
}

.olga-info-card p:last-child {
  margin-bottom: 0 !important;
}

.olga-info-card a {
  color: #0070b8 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

/* PROCESS COMMANDE */

.olga-process-block {
  max-width: 1050px !important;
  margin: 0 auto !important;
  background: #f0f4f8 !important;
  border-radius: 18px !important;
  padding: 28px !important;
}

.olga-process-block h2 {
  margin: 0 0 22px !important;
  text-align: center !important;
  font-size: 27px !important;
  line-height: 1.25 !important;
  color: #102a43 !important;
}

.olga-process {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.olga-step {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 20px 18px !important;
  text-align: center !important;
}

.olga-step img {
  width: 74px !important;
  height: auto !important;
  margin: 0 auto 12px !important;
  display: block !important;
}

.olga-step h3 {
  margin: 0 0 8px !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  color: #102a43 !important;
}

.olga-step p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #52606d !important;
}

/* MOBILE */

@media screen and (max-width: 900px) {
  .olga-offers-page {
    padding: 24px 12px !important;
  }

  .olga-cards {
    display: block !important;
    margin-bottom: 34px !important;
  }

  .olga-card {
    width: 100% !important;
    margin-bottom: 22px !important;
  }

  .olga-hero h1 {
    font-size: 26px !important;
  }

  .olga-hero p {
    font-size: 16px !important;
  }

  .olga-info-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .olga-info-card:first-child {
    grid-row: auto !important;
  }

  .olga-info-card {
    padding: 20px !important;
  }

  .olga-process-block {
    padding: 22px !important;
  }

  .olga-process {
    grid-template-columns: 1fr !important;
  }
}