/* Généré — positions du parcours mobile (frame Figma 25:4906, base 412px) */
.m-b-band-blue {
    left: 0px;
    top: 3305px;
    width: 412px;
    height: 1589px;
    background: #4182c2;
    z-index: 2;
}
.m-b-band-light {
    left: 0px;
    top: 5200px;
    width: 412px;
    height: 1355px;
    background: #b6d5ed;
    z-index: 2;
}
.m-b-band-pale {
    left: 0px;
    top: 7167px;
    width: 412px;
    height: 2898px;
    background: #dfecf5;
    z-index: 2;
}
.m-g-5227 {
    left: 0px;
    top: 3450px;
    width: 412px;
    height: 84px;
    background: linear-gradient(180deg, rgba(65, 130, 194, 0) 0%, rgba(65, 130, 194, 1) 100%);
    z-index: 6;
}
.m-g-5108 {
    left: 126px;
    top: 9015px;
    width: 295px;
    height: 130px;
    background: linear-gradient(180deg, rgba(223, 236, 245, 0) 0%, rgba(223, 236, 245, 1) 100%);
    z-index: 6;
}
.m-i-5230 {
    left: 82px;
    top: 1606px;
    width: 209px;
    z-index: 12;
}
.m-i-5231 {
    left: 198px;
    top: 1741px;
    width: 209px;
    z-index: 12;
}
.m-i-5428 {
    left: 94px;
    top: 1644px;
    width: 254px;
    z-index: 12;
}
.m-i-5429 {
    left: 26px;
    top: 1823px;
    width: 153px;
    z-index: 12;
}
.m-i-5557 {
    left: 24px;
    top: 2197px;
    width: 357px;
    z-index: 12;
}
.m-i-5431 {
    left: 33px;
    top: 2607px;
    width: 273px;
    z-index: 12;
}
.m-i-5116 {
    left: 0px;
    top: 3455px;
    width: 180px;
    z-index: 12;
}
.m-i-5564 {
    left: 20px;
    top: 4184px;
    width: 279px;
    z-index: 12;
}
.m-i-5694 {
    left: 20px;
    top: 5530px;
    width: 371px;
    z-index: 12;
    transform: rotate(-5deg);
}
.m-i-5695 {
    left: 122px;
    top: 5854px;
    width: 271px;
    z-index: 12;
}
.m-i-5823 {
    left: 13px;
    top: 6402px;
    width: 47px;
    z-index: 12;
}
.m-i-5824 {
    left: 275px;
    top: 6554px;
    width: 116px;
    z-index: 15;
}
.m-i-5839 {
    left: 18px;
    top: 7584px;
    width: 382px;
    z-index: 12;
}
.m-i-4997 {
    left: 176px;
    top: 8735px;
    width: 245px;
    z-index: 12;
}
.m-i-5978 {
    left: 14px;
    top: 9402px;
    width: 113px;
    z-index: 12;
}
.m-i-5980 {
    left: 318px;
    top: 9437px;
    width: 69px;
    z-index: 12;
}
.m-p-5229 {
    left: 0px;
    top: 1326px;
    width: 412px;
    height: 1034px;
    z-index: 4;
}
.m-p-5229-im {
    opacity: 1;
}
.m-p-5229-ov {
    background: linear-gradient(180deg, rgba(0, 78, 155, 1) 0%, rgba(0, 78, 155, 0) 22%), linear-gradient(180deg, rgba(0, 78, 155, 0) 79%, rgba(0, 78, 155, 1) 100%);
}
.m-p-5228 {
    left: 0px;
    top: 2901px;
    width: 412px;
    height: 404px;
    z-index: 4;
}
.m-p-5228-im {
    opacity: 1;
}
.m-p-5228-ov {
    background: linear-gradient(180deg, rgba(0, 78, 155, 1) 2%, rgba(0, 78, 155, 0) 22%), linear-gradient(180deg, rgba(65, 130, 194, 0) 63%, rgba(65, 130, 194, 1) 100%);
}
.m-p-5115 {
    left: 0px;
    top: 4514px;
    width: 412px;
    height: 300px;
    z-index: 4;
}
.m-p-5115-im {
    opacity: 1;
}
.m-p-5115-ov {
    background: linear-gradient(0deg, rgba(65, 130, 194, 0) 45%, rgba(65, 130, 194, 1) 100%), linear-gradient(-90deg, rgba(65, 130, 194, 0) 67%, rgba(65, 130, 194, 1) 97%), linear-gradient(180deg, rgba(65, 130, 194, 0) 54%, rgba(65, 130, 194, 1) 100%);
}
.m-p-5113 {
    left: 0px;
    top: 4894px;
    width: 412px;
    height: 438px;
    z-index: 4;
}
.m-p-5113-im {
    opacity: 1;
}
.m-p-5113-ov {
    background: linear-gradient(180deg, rgba(65, 131, 195, 1) 2%, rgba(65, 131, 195, 0) 22%), linear-gradient(180deg, rgba(182, 213, 237, 0) 63%, rgba(182, 213, 237, 1) 100%);
}
.m-p-5111 {
    left: 0px;
    top: 6555px;
    width: 412px;
    height: 370px;
    z-index: 4;
}
.m-p-5111-im {
    opacity: 1;
}
.m-p-5111-ov {
    background: linear-gradient(180deg, rgba(182, 213, 237, 1) 0%, rgba(182, 213, 237, 0) 22%), linear-gradient(180deg, rgba(223, 236, 245, 0) 58%, rgba(223, 236, 245, 1) 96%);
}
.m-p-5110 {
    left: 0px;
    top: 6925px;
    width: 412px;
    height: 242px;
    z-index: 4;
}
.m-p-5110-im {
    opacity: 1;
}
.m-p-5110-ov {
    background: linear-gradient(-90deg, rgba(223, 236, 245, 1) 0%, rgba(223, 236, 245, 0) 28%), linear-gradient(180deg, rgba(223, 236, 245, 1) 5%, rgba(223, 236, 245, 0) 44%), linear-gradient(180deg, rgba(223, 236, 245, 0) 63%, rgba(223, 236, 245, 1) 100%);
}
.m-p-5109 {
    left: 0px;
    top: 8075px;
    width: 412px;
    height: 373px;
    z-index: 4;
}
.m-p-5109-im {
    opacity: 1;
}
.m-p-5109-ov {
    background: linear-gradient(180deg, rgba(223, 236, 245, 1) 5%, rgba(223, 236, 245, 0) 44%), linear-gradient(180deg, rgba(223, 236, 245, 0) 63%, rgba(223, 236, 245, 1) 100%);
}
.m-i-5559 {
    left: 58px;
    top: 3679px;
    width: 840px;
    height: 651px;
    clip-path: path(
        "M809.42 455.38C794.06 486.69 774.11 514.60 750.08 538.25C706.47 581.16 654.27 615.35 599.54 630.18C544.68 645.04 474.79 663.18 419.74 639.75C399.42 631.11 384.23 614.35 362.54 608.42C329.85 599.49 295.92 597.36 262.70 592.85C215.15 586.40 166.37 575.84 126.24 543.90C96.00 519.84 72.53 485.04 51.59 449.06C31.17 413.96 11.82 375.86 4.06 333.27C-1.85 300.80 -1.86 251.07 7.71 220.37C16.39 192.55 33.97 166.48 54.23 150.04C72.40 135.29 82.38 121.35 97.32 101.36C131.43 55.70 178.39 25.72 227.20 11.50C291.36 -7.19 358.77 -0.80 423.55 14.32C515.60 35.80 604.91 74.76 687.34 129.37C723.94 153.62 759.58 181.33 788.34 218.18C820.48 259.37 849.60 316.99 836.99 375.31C830.82 403.83 821.55 430.66 809.42 455.38L809.42 455.38Z"
    );
    transform: scale(0.3976);
    transform-origin: 0 0;
    z-index: 14;
}
.m-i-5822 {
    left: 21px;
    top: 6379px;
    width: 1056px;
    height: 668px;
    clip-path: path(
        "M1017.56 467.269C998.248 499.395 973.167 528.038 942.954 552.308C888.135 596.337 822.506 631.424 753.711 646.638C684.735 661.889 596.883 680.497 527.667 656.459C502.128 647.589 483.033 630.394 455.766 624.312C414.667 615.143 372.012 612.96 330.257 608.333C270.478 601.713 209.152 590.878 158.705 558.108C120.686 533.414 91.1792 497.708 64.8583 460.783C39.1847 424.766 14.8562 385.674 5.10466 341.969C-2.32672 308.656 -2.33512 257.628 9.69883 226.128C20.6063 197.577 42.7071 170.827 68.1705 153.96C91.0194 138.827 103.562 124.522 122.342 104.008C165.232 57.1566 224.263 26.3931 285.622 11.8022C366.287 -7.37769 451.021 -0.824576 532.468 14.6917C648.179 36.7359 760.461 76.7108 864.084 132.749C910.097 157.632 954.904 186.061 991.061 223.882C1031.46 266.141 1068.07 325.271 1052.22 385.107C1044.46 414.373 1032.81 441.906 1017.56 467.269L1017.56 467.269Z"
    );
    transform: scale(0.3504);
    transform-origin: 0 0;
    z-index: 14;
}
.m-i-5829 {
    left: 54px;
    top: 8736px;
    width: 577px;
    height: 743px;
    clip-path: path("M146.958 5.48685C-93.5895 43.3739 36.9262 316.898 23.1799 432.282C-1.25536 637.387 163.264 709.779 256.924 735.676L257.03 735.705C275.792 740.893 382.725 770.463 483.904 657.016C648.276 472.713 567.849 284.178 451.011 208.404C368.081 154.619 400.316 -34.4178 146.958 5.48685Z");
    transform: scale(0.4714);
    transform-origin: 0 0;
    z-index: 14;
}
.m-i-5979 {
    left: 75px;
    top: 9424px;
    width: 976px;
    height: 617px;
    clip-path: path(
        "M940.474 431.594C922.624 461.267 899.443 487.724 871.518 510.14C820.852 550.808 760.195 583.217 696.612 597.269C632.861 611.356 551.664 628.543 487.693 606.34C464.088 598.147 446.44 582.265 421.239 576.647C383.253 568.178 343.829 566.162 305.237 561.888C249.987 555.773 193.307 545.766 146.682 515.498C111.543 492.689 84.2717 459.71 59.9448 425.603C36.2162 392.336 13.7308 356.229 4.71794 315.86C-2.15045 285.091 -2.15822 237.959 8.96407 208.864C19.0452 182.493 39.4717 157.784 63.0061 142.206C84.124 128.228 95.7164 115.015 113.074 96.0676C152.715 52.7928 207.273 24.3781 263.984 10.9011C338.538 -6.81442 416.853 -0.761622 492.129 13.5701C599.075 33.9313 702.851 70.8541 798.623 122.614C841.151 145.597 882.563 171.856 915.981 206.79C953.318 245.822 987.159 300.437 972.505 355.705C965.337 382.736 954.565 408.168 940.471 431.594L940.474 431.594Z"
    );
    transform: scale(0.3145);
    transform-origin: 0 0;
    z-index: 14;
}
.m-mt1 {
    left: 123px;
    top: 990px;
    width: 166px;
    height: 2050px;
}
.m-mt2 {
    left: 122px;
    top: 3040px;
    width: 166px;
    height: 1844px;
}
.m-mt3 {
    left: 122px;
    top: 4883px;
    width: 173px;
    height: 2327px;
}
.m-mt4 {
    left: 122px;
    top: 7210px;
    width: 173px;
    height: 2553px;
}
.m-lb1 {
    left: 108px;
    top: 1019px;
}
.m-lb2 {
    left: 88px;
    top: 3578px;
}
.m-lb3 {
    left: 109px;
    top: 4894px;
}
.m-lb4 {
    left: 38px;
    top: 6814px;
}
.m-pl-test-positif {
    left: 20px;
    top: 1213px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 104px;
}
.m-px-test-positif-i {
    left: 162px;
    top: 1278px;
}
.m-pl-1er-examen {
    left: 20px;
    top: 1873px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 104px;
}
.m-pl-echo-t1 {
    left: 20px;
    top: 2397px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 104px;
}
.m-px-echo-t1-2519 {
    left: 44px;
    top: 2519px;
}
.m-px-echo-t1-i {
    left: 44px;
    top: 2575px;
}
.m-px-echo-t1-2631 {
    left: 44px;
    top: 2631px;
}
.m-pl-epp {
    left: 10px;
    top: 3129px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 104px;
}
.m-px-epp-3267 {
    left: 75px;
    top: 3267px;
}
.m-px-epp-3323 {
    left: 75px;
    top: 3274px;
}
.m-px-epp-3379 {
    left: 75px;
    top: 3333px;
}
.m-pl-suivi {
    left: 20px;
    top: 3921px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 104px;
}
.m-px-suivi-4041 {
    right: 20px;
    top: 4041px;
}
.m-px-suivi-i {
    left: 20px;
    top: 4121px;
    z-index: 60;
}
.m-pl-echo-t2 {
    left: 20px;
    top: 4429px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 104px;
}
.m-px-echo-t2-i {
    left: 131px;
    top: 4494px;
}
.m-pl-consult-7e {
    left: 20px;
    top: 5207px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 80px;
}
.m-px-consult-7e-5330 {
    left: 37px;
    top: 5330px;
}
.m-pl-echo-t3 {
    left: 20px;
    top: 5759px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 80px;
}
.m-px-echo-t3-i {
    left: 199px;
    top: 5823px;
}
.m-pl-anesthesiste {
    left: 20px;
    top: 6281px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 80px;
}
.m-px-anesthesiste-6371 {
    left: 61px;
    top: 6371px;
}
.m-pl-apres-acc {
    left: 20px;
    top: 7890px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 80px;
}
.m-pl-epnp {
    left: 57px;
    top: 8385px;
    width: 299px;
    border-radius: 80px;
}
.m-px-epnp-8454 {
    left: 48px;
    top: 8454px;
}
.m-pl-suivi-bebe {
    left: 44px;
    top: 9061px;
    width: 324px;
    border-radius: 80px;
}
.m-px-suivi-bebe-i {
    left: 182px;
    top: 9127px;
}
.m-pl-consult-post {
    left: 67px;
    top: 9321px;
    width: 325px;
    border-radius: 80px;
}
.m-px-consult-post-9653 {
    left: 170px;
    top: 9413px;
}
.m-txtcard {
    left: 20px;
    top: 7182px;
    width: 372px;
}

/* photo test de grossesse du 1er trimestre (maquette mobile) */
.m-p-test {
    left: 33px;
    top: 1025px;
    width: 346px;
    height: auto;
    z-index: 10;
}

/* chips jaunes dans les box blanches + pills magenta Echo T1 (maquette mobile) */
.m-px-echo-t1-2631 {
    left: 20px;
    top: 2540px;
    width: calc(100vw - 40px);
    max-width: 480px;
    box-sizing: border-box;
    justify-content: space-between;
}
.m-px-echo-t1-i {
    left: 107px;
    top: 2600px;
}

/* pill « Info vaccination grippe et coqueluche » du suivi mensuel (mobile) */
.m-px-suivi-vg {
    left: 20px;
    top: 4045px;
    z-index: 60;
    width: calc(100vw - 40px);
    max-width: 480px;
    box-sizing: border-box;
    justify-content: space-between;
}

/* pill « Info Vaccination bronchiolite » sous la consultation du 7e mois (mobile) */
.m-px-c7e-vg {
    left: 20px;
    top: 5330px;
    z-index: 60;
    width: calc(100vw - 40px);
    max-width: 480px;
    box-sizing: border-box;
    justify-content: space-between;
}

/* box « Questions sur le développement de l'enfant ? » (fin du parcours mobile) */
.m-pl-qdev {
    left: 20px;
    top: 9560px;
    width: calc(100vw - 40px);
    max-width: 480px;
    border-radius: 80px;
    z-index: 60;
}

/* héro : au-delà de 520px la toile est centrée. L'illustration est étendue à
   la largeur réelle de l'écran ; « fill » garantit qu'elle couvre toute la
   boîte (le SVG fait 412x942 et laissait une bande transparente à droite). */
@media (min-width: 521px) {
    .pm-hero,
    .pm-hero__il,
    .m-p-5229,
    .m-p-5228,
    .m-p-5115,
    .m-p-5113,
    .m-p-5111,
    .m-p-5110,
    .m-p-5109,
    .m-g-5227 {
        width: calc(100vw / var(--sm, 1));
        left: calc((412px - 100vw / var(--sm, 1)) / 2);
        right: auto;
        max-width: none;
    }
    .pm-hero {
        background: var(--c-navy);
        background: linear-gradient(180deg, #dfecf5 36%, #014e9b 35%);
    }
    .pm-hero__il {
        left: 0;
        object-fit: fill;
    }
    /* les photos pleine largeur restent recadrées, jamais déformées */
    .m-p-5229 .pm-photo__im,
    .m-p-5228 .pm-photo__im,
    .m-p-5115 .pm-photo__im,
    .m-p-5113 .pm-photo__im,
    .m-p-5111 .pm-photo__im,
    .m-p-5110 .pm-photo__im,
    .m-p-5109 .pm-photo__im {
        object-fit: cover;
    }
    .pm-hero__content {
        left: calc(50vw / var(--sm, 1)) !important;
        z-index: 2;
    }

    /* décors collés aux bords de la toile : on les ancre aux bords de l'écran
       (feuillages, silhouettes) pour qu'ils restent à ras du cadre */
    .m-i-4997,
    .m-g-5108,
    .m-i-5231,
    .m-i-5839 {
        left: auto !important;
        right: calc((412px - 100vw / var(--sm, 1)) / 2) !important;
    }
    .m-i-5116,
    .m-i-5823,
    .m-i-5978 {
        left: calc((412px - 100vw / var(--sm, 1)) / 2) !important;
    }

    /* tablette : le bloc du héro remonte, et tout le parcours remonte encore
       plus (l'écart « Commencer l'aventure » -> « 1er trimestre » se resserre) */
    .pm-hero__content {
        top: 470px !important;
    }
    #pm-canvas > *:not(.pm-hero) {
        margin-top: -245px;
    }
    #pm-canvas-wrap {
        height: calc(9475px * var(--sm, 1)) !important;
    }
}