.hp-v3-menu { display: none; }
.hp-v3-inline-promotional-banner { display: block; }
@media (min-width: 768px) {
  .hp-v3-menu { display: block; height: 80px; background: transparent; text-align: center; position: absolute; inset: 0; transform: translateX(-60px); z-index: 0; }
  .hp-v3-menu ul { height: 100%; margin: 0; padding: 0; }
  .hp-v3-menu li { display: inline-block; height: 100%; list-style: none; margin: 0 20px; }
  .hp-v3-menu a { color: #3c3c3b; display: block; font-family: Oswald, sans-serif; font-size: 1.235em; font-weight: 500; line-height: 80px; text-transform: uppercase; transition: all .2s; }
  .hp-v3-menu a:hover, .hp-v3-menu a.is-active { color: #ee0000; text-decoration: underline; text-underline-offset: 6px; }
  .header-big .hp-v3-menu a { line-height: 80px; }
  .header-big.is-sticky .hp-v3-menu { height: 60px; }
  .header-big.is-sticky .hp-v3-menu a { line-height: 60px; }
  @media (min-width: 768px) and (max-width: 1250px) {
    .hp-v3-menu li { margin: 0 8px; }
    .hp-v3-menu a { font-size: 1em; }
    .hp-v3-menu { transform: translateX(-20px); }
  }
  .hp-v3-megamenu { height: 560px; top: 160px; position: fixed !important; }
  .hp-v3-megamenu__cat > .row,
  .hp-v3-megamenu .megamenu--right > .row { flex-wrap: nowrap; }
  .hp-v3-megamenu .megamenu--right > .row { margin-left: 0; margin-right: 0; }
  .hp-v3-megamenu .col-xs-3 { flex: 0 0 300px; max-width: 300px; width: 300px; }
  .hp-v3-megamenu .col-xs-3 .megamenu--left { min-width: 280px; }
  .hp-v3-megamenu .col-xs-9 { flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px); width: calc(100% - 300px); }
  .hp-v3-megamenu .megamenu--right .col-xs-4 { flex: 0 0 33.333333%; max-width: 33.333333%; width: 33.333333%; }
  .hp-v3-megamenu:has(.hp-v3-megamenu__cat.is-active) .hp-v3-megamenu__wrapper { width: 1200px; max-width: calc(100% - 32px); }
  .hp-v3-megamenu .hp-v3-megamenu__cat.is-active .col-xs-3 { flex: 0 0 25%; max-width: 25%; width: 25%; }
  .hp-v3-megamenu .hp-v3-megamenu__cat.is-active .col-xs-9 { flex: 0 0 75%; max-width: 75%; width: 75%; }
  .hp-v3-megamenu .hp-v3-megamenu__cat.is-active .megamenu--right > .row { margin-left: -16px; margin-right: -16px; }
  .hp-v3-megamenu:not(.is-active) { pointer-events: none; opacity: 0; transform: translateY(-10px); }
  .hp-v3-megamenu.is-active { pointer-events: auto; opacity: 1; transform: none; }
  .hp-v3-megamenu__cat { display: none; }
  .hp-v3-megamenu .hp-v3-megamenu__cat.is-active { display: block; height: 100%; opacity: 1; pointer-events: auto; }
  .hp-v3-megamenu__newsletter { display: inline-block; }
  .hp-v3-megamenu__news-card { padding: 0.25rem; }
  .hp-v3-megamenu__support-card { padding: 0.25rem; }
  .hp-v3-megamenu__news-card,
  .hp-v3-megamenu__support-card { padding: 0 0.25rem; }
  .hp-v3-megamenu__support-card .block-mosaique { margin-bottom: 10px; }
  .hp-v3-megamenu__support-card .block-mosaique-img { min-height: 440px; }
  .hp-v3-megamenu__support-card .block-mosaique-content { color: #fff; }
  .hp-v3-megamenu__support-card .block-mosaique-content .title { color: #fff; }
  .hp-v3-megamenu__cat[data-hp-v3-menu-cat="soutenir"] .hp-v3-megamenu__support-card:nth-child(2) .block-mosaique-content .title,
  .hp-v3-megamenu__cat[data-hp-v3-menu-cat="rejoindre"] .hp-v3-megamenu__support-card:nth-child(2) .block-mosaique-content .title { display: flex; justify-content: center; }
  .hp-v3-megamenu__cat[data-hp-v3-menu-cat="soutenir"] .hp-v3-megamenu__support-card:nth-child(2) .block-mosaique-content .title span,
  .hp-v3-megamenu__cat[data-hp-v3-menu-cat="rejoindre"] .hp-v3-megamenu__support-card:nth-child(2) .block-mosaique-content .title span { max-width: 135px; }
  .hp-v3-megamenu__support-cta { background: #ee0000; color: #fff; margin-top: 28px; padding: 20px; }
  .hp-v3-megamenu__support-cta h2 { color: #fff; font-family: Oswald, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.1; margin: 0 0 12px; max-width: none; text-transform: uppercase; }
  .hp-v3-megamenu__support-cta p { color: #fff; margin: 0 0 15px; }
  .hp-v3-megamenu__support-cta .btn { margin: 5px 5px 0 0; }
  .hp-v3-megamenu__cat[data-hp-v3-menu-cat="soutenir"] .megamenu--left li:nth-child(2) a { font-size: 0.78em; white-space: nowrap; }
}

@media (max-width: 767px) {
  body:has(header.header--home-v3.header--home-v3-menu-open) .header--home-v3 .menumobile .suggestions-links {
    display: none !important;
  }

  .header--home-v3 > .header {
    position: relative;
  }

  .highlighted--home-v3 + header.header--home-v3.header--home-v3-menu-open {
    background: #fff;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 150;
  }

  .header--home-v3 > .header > .menumobile {
    /* Exact mobile stack: promo, sticky header-big, then mobile menu. */
    top: 60px !important;
    z-index: 100;
  }
}

@media (max-width: 767px) {
  /* The promo is before the header in the markup. Keep the Home V3 header
     in normal flow initially, then sticky as it reaches the viewport top. */
  .highlighted--home-v3 {
    margin-top: 0 !important;
  }

  .highlighted--home-v3 + header.header--home-v3 {
    position: sticky;
    top: 0;
  }

  body:has(.header--home-v3) .above {
    margin-top: 0 !important;
  }
}