/* ─── SITE HEADER ─────────────────────────────────────────── */
:root { --site-header-height: 136px; }
body { padding-top: var(--site-header-height); }

#site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
}

@media (max-width: 767px) {
  :root { --site-header-height: 88px; }
  body { padding-top: 88px !important; }
}
@media (max-width: 379px) {
  :root { --site-header-height: 52px; }
  body { padding-top: 52px !important; }
}
@media (max-width: 767px) {
  :root { --site-header-height: 88px; }
  body  { padding-top: 88px; }
}
@media (max-width: 379px) {
  :root { --site-header-height: 52px; }
  body  { padding-top: 52px !important; }
}
#site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background: #fff; }
@media (max-width: 767px) { :root { --site-header-height: 88px; } body { padding-top: 88px; } }
@media (max-width: 379px) { :root { --site-header-height: 52px; } body { padding-top: 52px !important; } }

/* ─── GLOBAL ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  body { overflow-x: hidden; }
}

/* ─── ABOUT HERO ──────────────────────────────────────────── */
@media (max-width: 767px) {
  .about-section {
    min-height: 220px;
  }
  .about-section__content {
    padding: 40px 20px;
    max-width: 100%;
  }
  .about-section__title,
  .about-section__text {
    overflow-wrap: break-word;
    max-width: 100%;
  }
}

/* ─── HISTOIRE ────────────────────────────────────────────── */
@media (max-width: 767px) {
  .histoire-section {
    padding: 40px 20px;
  }
  .histoire-section__inner {
    flex-direction: column;
    gap: 28px;
    max-width: 100%;
    overflow: hidden;
  }
  .histoire-section__text {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .histoire-section__text p {
    overflow-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
  }
  .histoire-section__img {
    width: 100%;
    max-width: 100%;
    flex-shrink: 1;
  }
  .histoire-section__img img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* ─── VALEURS ─────────────────────────────────────────────── */
@media (max-width: 767px) {
  .valeurs-section {
    padding: 40px 20px;
  }
  .valeurs-section__title {
    margin: 0 0 32px;
    overflow-wrap: break-word;
  }
  .valeurs-section__grid {
    gap: 24px;
  }
  .valeurs-section__card {
    min-width: calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}

@media (max-width: 379px) {
  .valeurs-section__card {
    min-width: 100%;
    max-width: 100%;
  }
}

/* ─── CTA ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .cta-section {
    padding: 40px 20px;
  }
  .cta-section__title,
  .cta-section__text {
    overflow-wrap: break-word;
    max-width: 100%;
  }
  .cta-section__btn {
    display: flex;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    padding: 14px 24px;
  }
}