@media (max-width: 767px) {
  body .section.is--fields.has-relocated-mobile-offers { display: none !important; }
  .mobile-tree-stage.has-integrated-offers {
    height: auto;
    overflow: visible;
  }
  .mobile-tree-stage[data-mobile-boarding-phase] { overflow-x: clip; }
  .mobile-tree-stage[data-mobile-boarding] .mobile-tree-redesign__copy { display: none; }
  .mobile-tree-stage.has-integrated-offers[data-mobile-boarding] .desktop-offers {
    margin-top: 0;
  }
  .mobile-tree-stage.has-integrated-offers[data-mobile-boarding] .mobile-tree-redesign {
    padding-top: var(--mobile-section-title-top, 8svh);
  }
  .mobile-tree-stage[data-mobile-boarding] > .mobile-section-scroll-cue { display: none !important; }
  .mobile-tree-stage.has-integrated-offers .mobile-tree-redesign {
    position: relative;
    inset: auto;
    height: auto;
    pointer-events: auto;
    padding-bottom: 72px;
  }
  .mobile-tree-stage.has-integrated-offers .mobile-tree-redesign__copy {
    position: relative;
    inset: auto;
    width: 100%;
    padding: var(--mobile-section-title-top, 8svh) var(--mobile-section-copy-inset, 25px) 0;
  }
  .mobile-tree-stage.has-integrated-offers .mobile-tree-redesign__copy-text {
    text-transform: uppercase;
  }
  .mobile-tree-stage.has-integrated-offers .mobile-tree-redesign__diagram {
    position: relative;
    top: auto;
    left: auto;
    --mobile-formula-segment-height: 23px;
    --mobile-formula-branch-top: calc(34px + var(--mobile-formula-segment-height));
    --mobile-formula-icon-scale: .88;
    --mobile-formula-group-active-scale: calc(var(--mobile-formula-icon-scale) * 1.05 * 1.1);
    --mobile-formula-solo-active-scale: calc(var(--mobile-formula-icon-scale) * 1.05 * 1.15);
    margin: var(--mobile-formula-social-top-gap, 24px) auto var(--mobile-formula-social-bottom-gap, 8px);
    width: min(calc(100% - 2 * var(--mobile-section-copy-inset, 25px)), 24rem);
    /* Reserve the larger selected icon height to keep the selector stationary. */
    height: calc(var(--mobile-formula-branch-top) + var(--mobile-formula-segment-height) + 10px + 1rem * max(var(--mobile-formula-group-active-scale), var(--mobile-formula-solo-active-scale)));
    translate: none;
    transform: none;
  }
  .mobile-tree-stage.has-integrated-offers .mobile-formula-social .mobile-tree-redesign__diagram {
    --mobile-formula-segment-height: 12px;
    --mobile-formula-member-step: 16.8%;
    --mobile-formula-branch-width: 33.6%;
    --mobile-formula-social-top-gap: 30px;
    --mobile-formula-social-bottom-gap: 30px;
    width: 100%;
  }
  .mobile-tree-stage.has-integrated-offers .desktop-offers {
    --mobile-formula-balanced-gap: 46.6px;
    display: block;
    width: calc(100% - 2 * var(--mobile-section-copy-inset, 25px));
    margin-inline: auto;
    margin-top: var(--mobile-formula-balanced-gap);
    scroll-margin-top: 24px;
  }
  .has-integrated-offers[data-formula-reveal="waiting"] .desktop-offers,
  .has-integrated-offers[data-formula-reveal="drawing"] .desktop-offers { visibility: hidden; }
  .mobile-formula-section { display: contents; }
  .mobile-formula-section[data-section="kaos"] {
    --section-axis: 24.8%;
    --section-branch-start: 8%;
  }
  .mobile-formula-section[data-section="cosmos"] {
    --section-axis: 75.2%;
    --section-branch-start: 58.4%;
  }
  .has-integrated-offers .mobile-formula-section .mobile-tree-redesign__section-label {
    top: 0;
    left: var(--section-axis);
    color: var(--blanc, #fff);
    font-size: var(--mobile-section-copy-font-size, 16px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0;
  }
  .has-integrated-offers .mobile-tree-redesign__section-trunk {
    top: 34px;
    left: var(--section-axis);
    height: var(--mobile-formula-segment-height);
  }
  .has-integrated-offers .mobile-tree-redesign__section-branch {
    top: var(--mobile-formula-branch-top);
    left: var(--section-branch-start);
    width: var(--mobile-formula-branch-width, 36%);
  }
  .has-integrated-offers .mobile-tree-redesign__section-leg { top: var(--mobile-formula-branch-top); height: var(--mobile-formula-segment-height); }
  .has-integrated-offers .mobile-tree-redesign__section-leg,
  .has-integrated-offers .mobile-formula-section [data-formula-member] {
    /* Keep equal spacing between the three icons of each section. */
    left: calc(var(--section-branch-start) + var(--member-index) * var(--mobile-formula-member-step, 18%));
  }
  .has-integrated-offers .mobile-formula-section [data-formula-member] {
    --mobile-formula-stroke-spread: 0px;
    scale: var(--mobile-formula-icon-scale);
    transform-origin: center top;
  }
  .has-integrated-offers [data-formula-member="group"] {
    --mobile-formula-icon-active-scale: var(--mobile-formula-group-active-scale);
  }
  .has-integrated-offers [data-formula-member="solo"] {
    --mobile-formula-icon-active-scale: var(--mobile-formula-solo-active-scale);
  }
  .has-integrated-offers .mobile-formula-section :is(.mobile-tree-redesign__member-person, .mobile-tree-redesign__group-person)::before,
  .has-integrated-offers .mobile-formula-section :is(.mobile-tree-redesign__member-person, .mobile-tree-redesign__group-person)::after {
    /* Add .075px on both edges of the 1px stroke: +15%, without the
       whole-pixel rounding that can affect fractional CSS borders. */
    box-shadow: 0 0 0 var(--mobile-formula-stroke-spread) currentColor, inset 0 0 0 var(--mobile-formula-stroke-spread) currentColor;
    transition: box-shadow .2s ease;
  }
  .has-integrated-offers .mobile-formula-section .mobile-tree-redesign__group-node,
  .has-integrated-offers .mobile-formula-section .mobile-tree-redesign__member-person { top: calc(var(--mobile-formula-branch-top) + var(--mobile-formula-segment-height) + 10px); }
  .has-integrated-offers .mobile-tree-redesign__member-person.is--solo,
  .has-integrated-offers .mobile-tree-redesign__group-node {
    color: #fff !important;
    filter: drop-shadow(0 0 3px rgba(var(--yellow-rgb, 216, 180, 115), 0));
    transition: color .2s ease, scale .2s ease, filter .2s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    .has-integrated-offers .mobile-tree-redesign__member-person,
    .has-integrated-offers .mobile-tree-redesign__group-node,
    .has-integrated-offers .mobile-formula-section :is(.mobile-tree-redesign__member-person, .mobile-tree-redesign__group-person)::before,
    .has-integrated-offers .mobile-formula-section :is(.mobile-tree-redesign__member-person, .mobile-tree-redesign__group-person)::after { transition: none; }
  }
}