.mb-recovery{
        position:relative;
        padding:128px 0 132px;
        background:#FDF2F0;
        overflow:hidden;
        isolation:isolate;
    }


    .mb-recovery-wave{
        position:absolute;
        left:0;
        width:100%;
        height:112px;
        z-index:1;
        pointer-events:none;
    }


    .mb-recovery-wave svg{
        display:block;
        width:100%;
        height:100%;
    }


    .mb-recovery-wave--top{
        top:-1px;
        transform:none;
    }


    .mb-recovery-wave--bottom{
        bottom:-1px;
    }


    .mb-recovery-art{
        position:absolute;
        inset:0;
        z-index:0;
        pointer-events:none;
    }


    .mb-recovery-art-shape{
        position:absolute;
        right:clamp(-40px,2vw,20px);
        top:156px;
        width:clamp(220px,26vw,360px);
        aspect-ratio:1 / 1.16;
        border-radius:48% 52% 44% 56% / 40% 45% 55% 60%;
        background:rgba(237,183,189,.34);
        transform:rotate(8deg);
    }


    .mb-recovery-drawing{
        position:absolute;
        right:clamp(-6px,2.5vw,44px);
        top:108px;
        width:clamp(260px,29vw,420px);
        height:auto;
        opacity:.9;
        overflow:visible;
    }


    .pregnancy-focus-mask-lines{
        fill:none;
        stroke:#fff;
        stroke-width:11;
        stroke-linecap:round;
        stroke-linejoin:round;
    }


    .pregnancy-focus-mask-path{
        stroke-dasharray:1;
        stroke-dashoffset:1;
        vector-effect:non-scaling-stroke;
    }


    .mb-recovery-art.is-drawing .pregnancy-focus-mask-path{
        animation:pregnancyFocusDraw var(--draw-duration) cubic-bezier(.22,.61,.36,1) var(--draw-delay) forwards;
    }


    .pregnancy-focus-art-image{
        opacity:.92;
    }


    @keyframes pregnancyFocusDraw{
        to{
            stroke-dashoffset:0;
        }
    }


    .mb-recovery .container{
        position:relative;
        z-index:2;
    }


    .mb-recovery-heading{
        max-width:880px;
        text-align:center;
    }


    .mb-recovery-heading>p{
        margin:0 0 11px;
        color:#b96f81;
        font-family:var(--script);
        font-size:34px;
        line-height:1;
    }


    .mb-recovery-heading h2{
        margin:0;
        color:#4d3d42;
        font-size:clamp(40px,4vw,60px);
        line-height:.96;
        letter-spacing:-.04em;
        font-weight:500;
    }


    .mb-recovery-heading h2 span{
        display:block;
        margin-top:8px;
        color:#d98c97;
        font-family:var(--script);
        font-weight:400;
    }


    .mb-recovery-grid{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:18px;
        margin-top:54px;
    }


    .mb-recovery-grid article{
        position:relative;
        min-height:286px;
        padding:28px 26px 30px;
        border-radius:30px;
        background:rgba(255,250,247,.72);
        backdrop-filter:blur(3px);
        -webkit-backdrop-filter:blur(3px);
    }


    .mb-recovery-grid article:nth-child(2){
        background:rgba(255,247,246,.68);
        border-radius:36px 28px 34px 26px;
    }


    .mb-recovery-grid article:nth-child(3){
        background:rgba(255,250,247,.64);
        border-radius:26px 36px 28px 36px;
    }


    .mb-recovery-grid article:nth-child(4){
        background:rgba(255,247,246,.7);
        border-radius:34px 26px 36px 28px;
    }


    .mb-recovery-card-head{
        display:flex;
        align-items:center;
        gap:14px;
    }


    .mb-recovery-grid i{
        width:46px;
        height:46px;
        flex:0 0 46px;
        display:grid;
        place-items:center;
        border-radius:56% 44% 58% 42% / 44% 56% 44% 56%;
        background:rgba(239,200,207,.82);
        color:#8f5967;
        font-size:17px;
    }


    .mb-recovery-grid h3{
        margin:0;
        color:#544349;
        font-size:27px;
        line-height:1.02;
        font-weight:600;
    }


    .mb-recovery-grid p{
        margin:18px 0 0;
        color:#77666b;
        font-size:16px;
        line-height:1.75;
    }


    @media (max-width:980px){
        .mb-recovery{
            padding:118px 0 122px;
        }


        .mb-recovery-wave{
            height:88px;
        }


        .mb-recovery-art-shape{
            top:170px;
            right:-26px;
            width:260px;
        }


        .mb-recovery-drawing{
            top:132px;
            right:-8px;
            width:300px;
            opacity:.66;
        }


        .mb-recovery-grid{
            grid-template-columns:1fr 1fr;
        }


        .mb-recovery-grid article:nth-child(3),
        .mb-recovery-grid article:nth-child(4){
            margin-top:8px;
        }
    }


    @media (max-width:720px){
        .mb-recovery{
            padding:96px 0 104px;
        }


        .mb-recovery-wave{
            height:72px;
        }


        .mb-recovery-heading>p{
            font-size:30px;
        }


        .mb-recovery-heading h2{
            font-size:clamp(36px,10vw,48px);
        }


        .mb-recovery-art-shape{
            top:142px;
            right:50%;
            width:210px;
            transform:translateX(50%) rotate(8deg);
            opacity:.7;
        }


        .mb-recovery-drawing{
            top:116px;
            right:50%;
            width:238px;
            transform:translateX(50%);
            opacity:.24;
        }


        .mb-recovery-grid{
            grid-template-columns:1fr;
            margin-top:36px;
        }


        .mb-recovery-grid article,
        .mb-recovery-grid article:nth-child(2),
        .mb-recovery-grid article:nth-child(3),
        .mb-recovery-grid article:nth-child(4){
            min-height:0;
            margin-top:0;
            padding:24px 22px 26px;
            border-radius:26px;
        }


        .mb-recovery-card-head{
            gap:12px;
        }


        .mb-recovery-grid i{
            width:42px;
            height:42px;
            flex-basis:42px;
            font-size:16px;
        }


        .mb-recovery-grid h3{
            font-size:24px;
        }


        .mb-recovery-grid p{
            margin-top:15px;
            max-width:none;
        }
    }


    @media (prefers-reduced-motion:reduce){
        .pregnancy-focus-mask-path{
            stroke-dashoffset:0;
            animation:none !important;
        }
    }