/* =========================================================
   D'. FAQ — CLARIFICAREA ÎNTREBĂRILOR
   MODERN 3C
   styleDDD.css
========================================================= */


/* =========================================================
   1. SECȚIUNEA
========================================================= */

#intrebari {
    --faq-blue: #4192ff;
    --faq-green: #46f484;
    --faq-gold: #e1ff58;

    --faq-ink: #15242e;
    --faq-text: #52646f;
    --faq-soft: #7c8b94;

    position: relative;

    overflow: hidden;
}


/* =========================================================
   2. FUNDAL GENERAL
========================================================= */

#intrebari .pm-objections {
    --faq-photo-scale: 1.02;
    --faq-photo-focus-x: 78%;
    --faq-photo-focus-y: 44%;
    --faq-photo-shift-y: 0px;
	--faq-photo-parallax-y: 0px;

    position: relative;

    padding:
        clamp(110px, 10vw, 155px)
        0
        clamp(115px, 11vw, 165px);

    overflow: hidden;

    isolation: isolate;

    background:
        linear-gradient(
            180deg,
            #fbfcfb 0%,
            #f8fbfa 48%,
            #fbfcfb 100%
        );
}

/* =========================================================
   3. FOTOGRAFIA DESKTOP
========================================================= */

#intrebari .pm-objections::before {
    content: "";

    position: absolute;

    z-index: -2;

    top: 0;
    right: 0;

    width:
        min(
            52vw,
            920px
        );

    height:
        820px;

    background-image:
        url("/assets/images/femeie-faq.webp");

    background-repeat:
        no-repeat;

    background-position:
        right top;

    background-size:
        cover;

    opacity:
        .62;

transform:
    translate3d(
        0,
        var(--faq-photo-shift-y),
        0
    )
    scale(
        var(--faq-photo-scale)
    );

transform-origin:
    var(--faq-photo-focus-x)
    var(--faq-photo-focus-y);

transition:
    transform 1.05s
        cubic-bezier(.22, 1, .36, 1),

    transform-origin .75s
        cubic-bezier(.22, 1, .36, 1);

will-change:
    transform;

    /* transform-origin:
        right top;
 */
    pointer-events:
        none;


    /*
       Fotografia se estompează
       dinspre dreapta spre stânga
       și spre partea de jos.
    */

    -webkit-mask-image:
        linear-gradient(
            to left,
            #000 0%,
            #000 45%,
            rgba(0, 0, 0, .80) 61%,
            rgba(0, 0, 0, .42) 78%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            #000 0%,
            #000 55%,
            rgba(0, 0, 0, .78) 70%,
            rgba(0, 0, 0, .30) 87%,
            transparent 100%
        );

    -webkit-mask-composite:
        source-in;
}

#intrebari .pm-objections.is-parallax-scrolling::before {
    transition:
        transform .16s linear,
        transform-origin .75s
            cubic-bezier(.22, 1, .36, 1);
}

/* =========================================================
   4. STRAT DE LUMINĂ / PROTECȚIA TEXTULUI
========================================================= */

#intrebari .pm-objections::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    pointer-events: none;

    background:

        radial-gradient(
            circle at 5% 18%,
            rgba(225, 255, 88, .12),
            transparent 25%
        ),

        radial-gradient(
            circle at 90% 12%,
            rgba(65, 146, 255, .075),
            transparent 28%
        ),

        radial-gradient(
            circle at 86% 36%,
            rgba(70, 244, 132, .055),
            transparent 28%
        ),

        linear-gradient(
            90deg,
            rgba(251, 253, 252, .94) 0%,
            rgba(251, 253, 252, .88) 30%,
            rgba(251, 253, 252, .62) 49%,
            rgba(251, 253, 252, .25) 68%,
            rgba(251, 253, 252, .05) 100%
        );
}


/* =========================================================
   5. LAYOUT
========================================================= */

#intrebari .pm-objections__layout {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(290px, .72fr)
        minmax(0, 1.28fr);

    gap:
        clamp(
            65px,
            8vw,
            120px
        );

    align-items:
        start;
}


/* =========================================================
   6. INTRO STÂNGA
========================================================= */

#intrebari .pm-objections__intro {
    position: sticky;

    top: 125px;

    align-self: start;

    text-align: left;
}


/* =========================================================
   7. MINI LABEL
========================================================= */

#intrebari .pm-objections__intro .pm-mini {
    position: relative;

    display: inline-block;

    margin-bottom: 22px;

    padding-left: 70px;

    color: #647b89;
}


#intrebari .pm-objections__intro .pm-mini::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 52px;
    height: 2px;

    transform:
        translateY(-50%);

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            var(--faq-blue),
            var(--faq-green),
            var(--faq-gold)
        );
}

#intrebari .pm-objections.faq-photo-zoom {
    --faq-photo-scale: 1.14;
}

/* =========================================================
   8. TITLU
========================================================= */

#intrebari .pm-objections__intro h3 {
    max-width:
        470px;

    margin:
        0;

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            2.5rem,
            4.1vw,
            4rem
        );

    line-height:
        1.02;

    font-weight:
        740;

    letter-spacing:
        -.055em;

    color:
        var(--faq-ink);

    text-wrap:
        balance;
}


#intrebari .pm-objections__intro h3 span {
    display: block;

    margin-top:
        .07em;

    font-weight:
        780;

    background:
        linear-gradient(
            90deg,
            #347fd8 0%,
            #31a765 52%,
            #899929 100%
        );

    -webkit-background-clip:
        text;

    background-clip:
        text;

    color:
        transparent;

    -webkit-text-fill-color:
        transparent;
}


/* =========================================================
   9. TEXT INTRO
========================================================= */

#intrebari .pm-objections__intro > p {
    max-width:
        455px;

    margin:
        28px
        0
        0;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        clamp(
            .96rem,
            1.05vw,
            1.04rem
        );

    line-height:
        1.78;

    color:
        #607381;
}


/* =========================================================
   10. HELP BOX
========================================================= */

#intrebari .faq-help {
    position: relative;

    display: flex;

    align-items:
        flex-start;

    justify-content:
        flex-start;

    gap: 14px;

    max-width:
        455px;

    margin-top:
        32px;

    padding:
        1px;

    overflow:
        hidden;

    border:
        0;

    border-radius:
        14px;

    background:
        linear-gradient(
            135deg,
            rgba(65, 146, 255, .08),
            rgba(70, 244, 132, .08),
            rgba(225, 255, 88, .02)
        );

    box-shadow:
        0 16px 38px
        rgba(28, 56, 76, .065);

    backdrop-filter:
        none;

    -webkit-backdrop-filter:
        none;

	margin-bottom: 5rem;
}


/* interior alb */

#intrebari .faq-help::before {
    content: "";

    position: absolute;

    inset: 1px;

    z-index: 1;

    border-radius:
        13px;

    background:
        rgba(255, 255, 255, .84);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);
}


#intrebari .faq-help > i,
#intrebari .faq-help > div {
    position: relative;

    z-index: 2;
}


/* icon */

#intrebari .faq-help > i {
    width: 39px;
    height: 39px;

    flex:
        0 0
        39px;

    display: grid;

    place-items:
        center;

    margin:
        16px
        0
        16px
        16px;

    border-radius:
        50%;

    font-size:
        1.12rem;

    color:
        #337fd2;

    background:
        linear-gradient(
            135deg,
            rgba(65, 146, 255, .12),
            rgba(70, 244, 132, .10)
        );
}


#intrebari .faq-help > div {
    padding:
        16px
        18px
        16px
        0;
}


#intrebari .faq-help small {
    display: block;

    margin:
        0;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .80rem;

    line-height:
        1.65;

    color:
        #5e7280;
}


/* =========================================================
   11. FAQ — CARD PRINCIPAL
========================================================= */

#intrebari .pm-faq {
    position: relative;

    padding:
        clamp(
            17px,
            2vw,
            25px
        )
        clamp(
            22px,
            2.4vw,
            32px
        );

    border:
        0;

    border-radius:
        20px;

    background:
        rgba(255, 255, 255, .28);

    backdrop-filter:
        blur(3px);

    -webkit-backdrop-filter:
        blur(3px);

    box-shadow:
        0 24px 65px
        rgba(27, 54, 73, .075);

    overflow:
        hidden;
}


/* =========================================================
   12. BORDURĂ FINĂ 3C
========================================================= */

#intrebari .pm-faq::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    border-radius:
        inherit;

    padding:
        1px;

    background:
        linear-gradient(
            135deg,
            rgba(65, 146, 255, .25),
            rgba(70, 244, 132, .17),
            rgba(225, 255, 88, .30)
        );

    -webkit-mask:
        linear-gradient(#fff 0 0)
        content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:
        xor;

    mask-composite:
        exclude;

    pointer-events:
        none;
}


/* accent 3C sus */

#intrebari .pm-faq::before {
    content: "";

    position: absolute;

    top: 0;
    left: 30px;

    width: 118px;
    height: 2px;

    border-radius:
        0
        0
        999px
        999px;

    background:
        linear-gradient(
            90deg,
            var(--faq-blue),
            var(--faq-green),
            var(--faq-gold)
        );

    pointer-events:
        none;
}


/* =========================================================
   13. FIECARE ÎNTREBARE
========================================================= */

#intrebari .pm-faq__item {
    position: relative;

    overflow:
        hidden;

    border-bottom:
        1px solid
        rgba(31, 61, 80, .085);

    background:
        transparent;

    transition:
        background-color .45s ease,
        box-shadow .45s ease;
}


#intrebari .pm-faq__item:first-of-type {
    margin-top:
        2px;
}


#intrebari .pm-faq__item:last-child {
    border-bottom:
        0;
}


/* =========================================================
   14. ACCENT ÎNTREBARE DESCHISĂ
========================================================= */

#intrebari .pm-faq__item::before {
    content: "";

    position: absolute;

    top: 13px;
    bottom: 13px;
    left: 0;

    width: 2px;

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            var(--faq-blue),
            var(--faq-green),
            var(--faq-gold)
        );

    opacity:
        0;

    transform:
        scaleY(.25);

    transform-origin:
        center;

    transition:
        opacity .45s ease,
        transform .55s
        cubic-bezier(.22, 1, .36, 1);
}


#intrebari .pm-faq__item.is-open::before {
    opacity:
        1;

    transform:
        scaleY(1);
}


#intrebari .pm-faq__item.is-open {
    background:
        linear-gradient(
            90deg,
            rgba(65, 146, 255, .028),
            rgba(70, 244, 132, .018) 52%,
            rgba(225, 255, 88, .022)
        );
}


/* =========================================================
   15. SUMMARY
========================================================= */

#intrebari .pm-faq__item summary {
    position: relative;

    min-height:
        88px;

    display: flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    padding:
        21px
        7px
        21px
        14px;

    list-style:
        none;

    cursor:
        pointer;

    color:
        #273e4d;

    font-family:
        "Manrope",
        sans-serif;

    font-size:
        clamp(
            1rem,
            1.35vw,
            1.17rem
        );

    font-weight:
        650;

    line-height:
        1.43;

    transition:
        color .35s ease;
}


#intrebari .pm-faq__item summary::-webkit-details-marker {
    display:
        none;
}


#intrebari .pm-faq__item summary span {
    max-width:
        calc(100% - 60px);

    transition:
        transform .48s
        cubic-bezier(.22, 1, .36, 1),

        color .35s ease;
}


#intrebari .pm-faq__item.is-open summary span {
    transform:
        translateX(4px);

    color:
        #162f40;
}


/* =========================================================
   16. PLUS / X
========================================================= */

#intrebari .pm-faq__item summary i {
    width: 40px;
    height: 40px;

    flex:
        0 0
        40px;

    display: grid;

    place-items:
        center;

    border:
        1px solid
        transparent;

    border-radius:
        50%;

    color:
        #456273;

    font-size:
        20px;

    background:
        linear-gradient(
            rgba(255, 255, 255, .88),
            rgba(255, 255, 255, .88)
        )
        padding-box,

        linear-gradient(
            135deg,
            rgba(65, 146, 255, .42),
            rgba(70, 244, 132, .35),
            rgba(225, 255, 88, .48)
        )
        border-box;

    box-shadow:
        0 7px 18px
        rgba(29, 58, 78, .045);

    transition:
        transform .52s
        cubic-bezier(.22, 1, .36, 1),

        box-shadow .35s ease,

        background .35s ease,

        color .35s ease;
}


#intrebari .pm-faq__item.is-open summary i {
    transform:
        rotate(45deg)
        scale(1.04);

    color:
        #2e7552;

    box-shadow:
        0 9px 22px
        rgba(34, 82, 66, .08);

    background:
        linear-gradient(
            rgba(249, 255, 251, .94),
            rgba(249, 255, 251, .94)
        )
        padding-box,

        linear-gradient(
            135deg,
            var(--faq-blue),
            var(--faq-green),
            var(--faq-gold)
        )
        border-box;
}


/* =========================================================
   17. RĂSPUNS
   PĂSTRĂM STRUCTURA PENTRU JS-UL EXISTENT
========================================================= */

#intrebari .pm-faq__answer {
    max-width:
        none;

    height:
        0;

    padding:
        0 !important;

    margin:
        0;

    overflow:
        hidden;

    opacity:
        0;

    box-sizing:
        border-box;
}


/*
   Wrapper folosit de animația existentă.
*/

#intrebari .pm-faq__answer-inner {
    max-width:
        700px;

    padding:
        2px
        66px
        28px
        18px;
}


#intrebari .pm-faq__answer p {
    margin:
        0
        0
        12px;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .88rem;

    line-height:
        1.78;

    color:
        #657886;
}


#intrebari .pm-faq__answer p:last-child {
    margin-bottom:
        0;
}


/* =========================================================
   18. HOVER
========================================================= */

@media (hover: hover) {

    #intrebari
    .pm-faq__item:not(.is-open)
    summary:hover span {
        color:
            #1d394b;

        transform:
            translateX(3px);
    }


    #intrebari
    .pm-faq__item:not(.is-open)
    summary:hover i {
        transform:
            scale(1.07);

        box-shadow:
            0 10px 25px
            rgba(31, 66, 90, .08);
    }

}


/* =========================================================
   19. DESKTOP MARE
========================================================= */

@media (min-width: 1400px) {

    #intrebari .pm-objections::before {
        width:
            min(
                48vw,
                940px
            );

        height:
            850px;

        background-position:
            right top;

        opacity:
            .66;
    }

}


/* =========================================================
   20. TABLETĂ
   576px — 991.98px
========================================================= */

@media
(min-width: 576px)
and
(max-width: 991.98px) {

    /* =====================================================
       VARIABILE FOTO
    ====================================================== */

    #intrebari .pm-objections {
        --faq-photo-scale: 1.01;
        --faq-photo-focus-x: 76%;
        --faq-photo-focus-y: 40%;
        --faq-photo-shift-y: 0px;
    }


    /*
       Când întrebarea este deschisă:
       zoom + deplasarea verticală venită din JS.
    */

    #intrebari .pm-objections.faq-photo-zoom {
        --faq-photo-scale: 1.13;
    }


    /* =====================================================
       LAYOUT
    ====================================================== */

    #intrebari .pm-objections__layout {
        grid-template-columns:
            1fr;

        gap:
            48px;
    }


    /* =====================================================
       INTRO
    ====================================================== */

    #intrebari .pm-objections__intro {
        position:
            relative;

        top:
            auto;

        text-align:
            left;
    }


    #intrebari .pm-objections__intro h3 {
        max-width:
            620px;
    }


    #intrebari .pm-objections__intro > p {
        max-width:
            620px;

        margin-left:
            0;

        margin-right:
            0;
    }


    /* =====================================================
       HELP
    ====================================================== */

    #intrebari .faq-help {
        max-width:
            540px;
    }


    /* =====================================================
       FOTOGRAFIA
    ====================================================== */

    #intrebari .pm-objections::before {
        top:
            0;

        right:
            0;

        width:
            68%;

        height:
            680px;

        background-image:
            url("/assets/images/femeie-faq.webp");

        background-repeat:
            no-repeat;

        background-position:
            right top;

        background-size:
            cover;

        opacity:
            .82;


        /*
           IMPORTANT:
           aici avem și zoomul,
           și deplasarea verticală.
        */

        transform:
		    translate3d(
		        0,
		        calc(
		            var(--faq-photo-parallax-y) +
		            var(--faq-photo-shift-y)
		        ),
		        0
		    )
		    scale(
		        var(--faq-photo-scale)
		    );
		
		transform-origin:
		    var(--faq-photo-focus-x)
		    var(--faq-photo-focus-y);
		
		transition:
		    transform 1.05s
		        cubic-bezier(.22, 1, .36, 1),
		
		    transform-origin .75s
		        cubic-bezier(.22, 1, .36, 1);
		
		will-change:
		    transform;


        /* estompare verticală */

        -webkit-mask-image:
            linear-gradient(
                to bottom,
                #000 0%,
                #000 48%,
                rgba(0, 0, 0, .70) 67%,
                rgba(0, 0, 0, .28) 84%,
                transparent 100%
            );

        -webkit-mask-composite:
            source-over;


        mask-image:
            linear-gradient(
                to bottom,
                #000 0%,
                #000 48%,
                rgba(0, 0, 0, .70) 67%,
                rgba(0, 0, 0, .28) 84%,
                transparent 100%
            );
    }


    /* =====================================================
       STRAT DE LUMINĂ
    ====================================================== */

    #intrebari .pm-objections::after {
        background:

            radial-gradient(
                circle at 88% 10%,
                rgba(65, 146, 255, .08),
                transparent 30%
            ),

            radial-gradient(
                circle at 10% 22%,
                rgba(225, 255, 88, .08),
                transparent 28%
            ),

            linear-gradient(
                90deg,
                rgba(251, 253, 252, .93) 0%,
                rgba(251, 253, 252, .82) 48%,
                rgba(251, 253, 252, .47) 75%,
                rgba(251, 253, 252, .18) 100%
            );
    }


    /* =====================================================
       FAQ
    ====================================================== */

    #intrebari .pm-faq {
        padding:
            18px
            24px;
    }

}

/* =========================================================
   21. TELEFON
   până la 575.98px
========================================================= */

@media (max-width: 575.98px) {

    /* =====================================================
       VARIABILE FOTO
    ====================================================== */

    #intrebari .pm-objections {
        --faq-photo-scale: 1.02;
        --faq-photo-focus-x: 50%;
        --faq-photo-focus-y: 38%;
        --faq-photo-shift-y: 0px;
    }


    /*
       O singură valoare de zoom.
       Am eliminat regula duplicată 1.10.
    */

    #intrebari .pm-objections.faq-photo-zoom {
        --faq-photo-scale: 1.14;
    }


    /* =====================================================
       FOTO PORTRAIT
    ====================================================== */

    #intrebari .pm-objections::before {
        top:
            0;

        right:
            0;

        bottom:
            auto;

        left:
            0;

        width:
            100%;

        height:
            760px;


        background-image:
            url("/assets/images/femeia-faq.webp");

        background-repeat:
            no-repeat;

        background-position:
            center top;

        background-size:
            cover;


        opacity:
            .55;


        /*
           IMPORTANT:
           aceasta este singura transformare
           a fotografiei pe mobil.

           JS:
           --faq-photo-shift-y

           CSS:
           --faq-photo-scale
        */

        transform:
			translate3d(
				0,
				calc(
					var(--faq-photo-parallax-y) +
					var(--faq-photo-shift-y)
				),
				0
			)
			scale(
				var(--faq-photo-scale)
			);
		
		transform-origin:
			var(--faq-photo-focus-x)
			var(--faq-photo-focus-y);
		
		transition:
			transform 1.05s
				cubic-bezier(.22, 1, .36, 1),
		
			transform-origin .75s
				cubic-bezier(.22, 1, .36, 1);
		
		will-change:
			transform;


        /* =================================================
           ESTOMPARE FOTO
        ================================================== */

        -webkit-mask-image:
            linear-gradient(
                to bottom,
                #000 0%,
                #000 50%,
                rgba(0, 0, 0, .88) 62%,
                rgba(0, 0, 0, .55) 76%,
                rgba(0, 0, 0, .18) 88%,
                transparent 100%
            );

        -webkit-mask-composite:
            source-over;


        mask-image:
            linear-gradient(
                to bottom,
                #000 0%,
                #000 50%,
                rgba(0, 0, 0, .88) 62%,
                rgba(0, 0, 0, .55) 76%,
                rgba(0, 0, 0, .18) 88%,
                transparent 100%
            );
    }


    /* =====================================================
       STRAT PESTE FOTO
    ====================================================== */

    #intrebari .pm-objections::after {
        background:

            radial-gradient(
                circle at 16% 7%,
                rgba(225, 255, 88, .06),
                transparent 28%
            ),

            linear-gradient(
                180deg,
                rgba(251, 253, 252, .24) 0%,
                rgba(251, 253, 252, .30) 20%,
                rgba(251, 253, 252, .43) 38%,
                rgba(251, 253, 252, .64) 55%,
                rgba(251, 253, 252, .86) 70%,
                #fbfdfc 86%,
                #fbfdfc 100%
            );
    }


    /* =====================================================
       CONTAINER
    ====================================================== */

    #intrebari .pm-container {
        width:
            min(
                calc(100% - 28px),
                1180px
            );
    }


    /* =====================================================
       LAYOUT
    ====================================================== */

    #intrebari .pm-objections__layout {
        grid-template-columns:
            1fr;

        gap:
            38px;
    }


    /* =====================================================
       INTRO
    ====================================================== */

    #intrebari .pm-objections__intro {
        position:
            relative;

        top:
            auto;

        text-align:
            left;
    }


    #intrebari .pm-objections__intro .pm-mini {
        margin-bottom:
            18px;

        padding-left:
            55px;
    }


    #intrebari .pm-objections__intro .pm-mini::before {
        width:
            40px;
    }


    #intrebari .pm-objections__intro h3 {
        max-width:
            100%;

        font-size:
            clamp(
                2rem,
                10vw,
                2.8rem
            );

        line-height:
            1.04;
    }


    #intrebari .pm-objections__intro > p {
        max-width:
            none;

        margin-top:
            22px;

        font-size:
            .92rem;

        line-height:
            1.70;
    }


    /* =====================================================
       HELP
    ====================================================== */

    #intrebari .faq-help {
        max-width:
            none;

        margin-top:
            25px;

        border-radius:
            12px;
    }


    #intrebari .faq-help::before {
        border-radius:
            11px;
    }


    #intrebari .faq-help > i {
        width:
            35px;

        height:
            35px;

        flex-basis:
            35px;

        margin:
            14px
            0
            14px
            14px;
    }


    #intrebari .faq-help > div {
        padding:
            14px
            14px
            14px
            0;
    }


    #intrebari .faq-help small {
        font-size:
            .75rem;
    }


    /* =====================================================
       CARD FAQ
    ====================================================== */

    #intrebari .pm-faq {
        padding:
            12px
            15px;

        border-radius:
            15px;

        background:
            rgba(255, 255, 255, .27);

        backdrop-filter:
            blur(10px);

        -webkit-backdrop-filter:
            blur(10px);

        box-shadow:
            0 18px 42px
            rgba(28, 54, 72, .065);
    }


    #intrebari .pm-faq::before {
        left:
            18px;

        width:
            90px;
    }


    /* =====================================================
       SUMMARY
    ====================================================== */

    #intrebari .pm-faq__item summary {
        min-height:
            74px;

        gap:
            13px;

        padding:
            17px
            4px
            17px
            10px;

        font-size:
            .94rem;

        line-height:
            1.42;
    }


    #intrebari .pm-faq__item summary span {
        max-width:
            calc(100% - 49px);
    }


    #intrebari .pm-faq__item summary i {
        width:
            34px;

        height:
            34px;

        flex-basis:
            34px;

        font-size:
            17px;
    }


    /* =====================================================
       RĂSPUNS
    ====================================================== */

    #intrebari .pm-faq__answer-inner {
        max-width:
            none;

        padding:
            0
            7px
            22px
            10px;
    }


    #intrebari .pm-faq__answer p {
        font-size:
            .80rem;

        line-height:
            1.70;
    }

}


/* =========================================================
   FAQ HELP — CONȚINUT + CTA WHATSAPP
========================================================= */

#intrebari .faq-help__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
}


/* titlul scurt */

#intrebari .faq-help__content > strong {
    display: block;

    margin: 0 0 5px;

    font-family:
        "Manrope",
        sans-serif;

    font-size: .86rem;
    font-weight: 700;
    line-height: 1.45;

    color: #263f50;
}


/* text explicativ */

#intrebari .faq-help__content > small {
    display: block;

    margin: 0;

    font-family:
        "Inter",
        sans-serif;

    font-size: .78rem;
    line-height: 1.6;

    color: #667986;
}


/* =========================================================
   BUTON WHATSAPP
========================================================= */

#intrebari .faq-help__whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin-top: 13px;

    padding:
        9px
        13px;

    border:
        1px solid
        rgba(37, 211, 102, .26);

    border-radius:
        9px;

    text-decoration:
        none;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        .78rem;

    font-weight:
        650;

    line-height:
        1;

    color:
        #286347;

    background:
        rgba(255, 255, 255, .74);

    box-shadow:
        0 7px 18px
        rgba(33, 84, 63, .055);

    transition:
        transform .35s
        cubic-bezier(.22, 1, .36, 1),

        border-color .3s ease,

        background .3s ease,

        box-shadow .3s ease,

        color .3s ease;
}


/* icon WhatsApp */

#intrebari .faq-help__whatsapp .bxl-whatsapp {
    font-size:
        1.05rem;

    color:
        #25a95c;
}


/* săgeată */

#intrebari .faq-help__arrow {
    font-size:
        1rem;

    transition:
        transform .35s
        cubic-bezier(.22, 1, .36, 1);
}


/* hover */

@media (hover: hover) {

    #intrebari .faq-help__whatsapp:hover {
        transform:
            translateY(-2px);

        color:
            #21583e;

        border-color:
            rgba(37, 211, 102, .42);

        background:
            rgba(248, 255, 250, .94);

        box-shadow:
            0 10px 24px
            rgba(33, 103, 68, .10);
    }


    #intrebari .faq-help__whatsapp:hover
    .faq-help__arrow {
        transform:
            translateX(3px);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575.98px) {

    #intrebari .faq-help__content > strong {
        font-size:
            .82rem;
    }


    #intrebari .faq-help__content > small {
        font-size:
            .75rem;
    }


    #intrebari .faq-help__whatsapp {
        margin-top:
            12px;

        padding:
            9px
            12px;

        font-size:
            .76rem;
    }

}

/* =========================================================
   22. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    #intrebari .pm-faq__item,

    #intrebari .pm-faq__item::before,

    #intrebari .pm-faq__item summary span,

    #intrebari .pm-faq__item summary i {
        transition:
            none !important;
    }


    #intrebari .pm-objections::before {
        transform:
            none !important;
    }

}