/* =========================================================
   C. TESTE GRATUITE
   ========================================================= */

.c-tests {
    position: relative;

    overflow: hidden;

    padding:
        clamp(95px, 9vw, 150px)
        0
        clamp(105px, 10vw, 165px);

    background:
        radial-gradient(
            circle at 8% 18%,
            rgba(65,146,255,.07),
            transparent 26%
        ),
        radial-gradient(
            circle at 92% 68%,
            rgba(70,217,137,.055),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdff 52%,
            #ffffff 100%
        );
}


/* =========================================================
   GLOW FUNDAL
   ========================================================= */

.c-tests__glow {
    position: absolute;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    filter: blur(35px);

    pointer-events: none;

    opacity: .65;

    z-index: 0;
}


.c-tests__glow--blue {
    top: 8%;
    left: -260px;

    background:
        radial-gradient(
            circle,
            rgba(65,146,255,.15),
            transparent 70%
        );
}


.c-tests__glow--green {
    right: -260px;
    top: 42%;

    background:
        radial-gradient(
            circle,
            rgba(70,217,137,.13),
            transparent 70%
        );
}


.c-tests__glow--gold {
    left: 38%;
    bottom: -300px;

    background:
        radial-gradient(
            circle,
            rgba(213,187,66,.10),
            transparent 70%
        );
}


/* =========================================================
   HERO C
   ========================================================= */

.c-tests__hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(380px, .88fr)
        minmax(500px, 1.12fr);

    gap:
        clamp(55px, 7vw, 110px);

    align-items: center;

    width: min(1180px, 100%);

    margin:
        0 auto
        clamp(120px, 11vw, 180px);

    z-index: 2;
}


/* =========================================================
   COPY
   ========================================================= */

.c-tests__copy {
    position: relative;

    max-width: 540px;
}


.c-tests__pretitle {
    display: block;

    margin:
        20px
        0
        12px;

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

    font-size: .82rem;

    font-weight: 700;

    letter-spacing: .04em;

    color: #327ee8;
}


.c-tests__copy h2 {
    margin:
        0
        0
        25px;

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

    font-size:
        clamp(2.25rem, 3.5vw, 3.75rem);

    line-height: 1.04;

    font-weight: 760;

    letter-spacing: -.05em;

    color: #172638;

    text-wrap: balance;
}


.c-tests__copy > p {
    margin:
        0
        0
        17px;

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

    font-size:
        clamp(.98rem, 1.08vw, 1.08rem);

    line-height: 1.72;

    color: #59697a;
}


/* =========================================================
   OBSERVĂ / ÎNȚELEGE / ACȚIONEAZĂ
   ========================================================= */

.c-tests__trust {
    display: grid;

    gap: 12px;

    margin:
        30px
        0
        32px;
}


.c-tests__trust-item {
    display: grid;

    grid-template-columns:
        46px
        1fr;

    gap: 14px;

    align-items: center;

    padding:
        12px
        14px;

    border-radius: 12px;

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

    border:
        1px solid rgba(218,229,240,.7);

    transition:
        transform .4s ease,
        background .4s ease,
        box-shadow .4s ease;
}


.c-tests__trust-icon {
    display: grid;
    place-items: center;

    width: 42px;
    height: 42px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            rgba(65,146,255,.12),
            rgba(70,217,137,.10)
        );

    color: #327ee8;

    font-size: 1.2rem;
}


.c-tests__trust-item strong {
    display: block;

    margin-bottom: 3px;

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

    color: #172638;
}


.c-tests__trust-item small {
    color: #718094;

    line-height: 1.4;
}


/* =========================================================
   CTA
   ========================================================= */

.c-tests__actions {
    display: flex;

    flex-wrap: wrap;

    gap:
        15px
        22px;

    align-items: center;
}


.c-tests__primary-btn,
.c-tests__closing-btn {
    position: relative;

    overflow: hidden;

    isolation: isolate;
}


/* lumină care traversează butonul */

.c-tests__primary-btn::after,
.c-tests__closing-btn::after {
    content: "";

    position: absolute;

    top: -50%;
    left: -80%;

    width: 40%;
    height: 200%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.34),
            transparent
        );

    transform:
        skewX(-18deg);

    animation:
        cTestsButtonShine
        5.8s
        ease-in-out
        infinite;

    pointer-events: none;

    z-index: -1;
}


@keyframes cTestsButtonShine {

    0%,
    70% {
        left: -80%;
    }

    88%,
    100% {
        left: 140%;
    }

}


.c-tests__secondary-link {
    display: inline-flex;

    align-items: center;

    gap: 5px;

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

    font-size: .91rem;

    font-weight: 650;

    color: #36536f;

    text-decoration: none;

    transition:
        gap .3s ease,
        color .3s ease;
}


.c-tests__secondary-link:hover {
    gap: 10px;

    color: #327ee8;
}


.c-tests__microcopy {
    display: block;

    max-width: 480px;

    margin-top: 14px;

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

    font-size: .78rem;

    line-height: 1.55;

    color: #8190a0;
}


/* =========================================================
   VIZUAL / BROWSER
   ========================================================= */

.c-tests__visual {
    position: relative;

    isolation: isolate;
}


.c-tests__browser {
    position: relative;

    z-index: 3;

    transform-origin: center;

    will-change:
        transform,
        opacity,
        clip-path;
}


/* =========================================================
   REVEAL DIN INTERIOR → EXTERIOR

   exact ideea ta 1% → 100%
   ========================================================= */

.c-tests__browser {
    opacity: 0;

    clip-path:
        circle(
            1%
            at 50% 50%
        );

    transform:
        scale(.94);

    transition:
        clip-path
            1.15s
            cubic-bezier(.2,.75,.25,1),

        transform
            1.15s
            cubic-bezier(.2,.75,.25,1),

        opacity
            .65s
            ease;
}


.c-tests.is-visible
.c-tests__browser {

    opacity: 1;

    clip-path:
        circle(
            100%
            at 50% 50%
        );

    transform:
        scale(1);
}


/* =========================================================
   GLOW SUB BROWSER
   ========================================================= */

.c-tests__visual::before,
.c-tests__visual::after {

    content: "";

    position: absolute;

    border-radius: 50%;

    filter: blur(60px);

    pointer-events: none;

    z-index: -1;
}


.c-tests__visual::before {

    width: 52%;
    aspect-ratio: 1;

    top: -10%;
    left: -5%;

    background:
        rgba(65,146,255,.14);
}


.c-tests__visual::after {

    width: 48%;
    aspect-ratio: 1;

    right: -4%;
    bottom: -8%;

    background:
        rgba(70,217,137,.12);
}


/* =========================================================
   PROGRES DEMO
   ========================================================= */

.c-tests__progress-fill {
    display: block;

    width: 0 !important;

    height: 100%;

    transition:
        width 1.25s
        .6s
        cubic-bezier(.2,.75,.25,1);
}


.c-tests.is-visible
.c-tests__progress-fill {
    width: 58% !important;
}


/* =========================================================
   OPȚIUNI TEST
   ========================================================= */

.c-tests__option {
    opacity: 0;

    transform:
        translateY(12px);

    transition:
        opacity .5s ease,
        transform .5s ease;
}


.c-tests.is-visible
.c-tests__option {

    opacity: 1;

    transform:
        translateY(0);
}


.c-tests.is-visible
.c-tests__option:nth-of-type(1) {
    transition-delay: .75s;
}


.c-tests.is-visible
.c-tests__option:nth-of-type(2) {
    transition-delay: .9s;
}


.c-tests.is-visible
.c-tests__option:nth-of-type(3) {
    transition-delay: 1.05s;
}


.c-tests__option--selected {
    background:
        rgba(70,217,137,.055);
}


/* =========================================================
   ÎNCEARCĂ — MIC INDICATOR
   ========================================================= */

.c-tests__try-note {
    position: absolute;

    top: -55px;
    right: 12%;

    display: flex;

    align-items: center;

    gap: 7px;

    padding:
        7px
        12px;

    border-radius: 999px;

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

    border:
        1px solid rgba(65,146,255,.18);

    box-shadow:
        0 10px 30px rgba(30,55,80,.07);

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

    font-size: .76rem;

    font-weight: 700;

    color: #327ee8;

    animation:
        cTestsTryFloat
        2.8s
        ease-in-out
        infinite;

    z-index: 6;
}


@keyframes cTestsTryFloat {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(7px);
    }

}


/* =========================================================
   BADGE INTERPRETARE
   ========================================================= */

.c-tests__result-badge {
    position: absolute;

    right: -25px;
    bottom: -45px;

    display: grid;

    grid-template-columns:
        42px
        1fr;

    gap: 12px;

    align-items: center;

    width: min(330px, 72%);

    padding:
        14px
        16px;

    border-radius: 14px;

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

    border:
        1px solid rgba(207,222,237,.8);

    box-shadow:
        0 18px 55px rgba(25,45,68,.10);

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

    backdrop-filter:
        blur(8px);

    z-index: 5;
}


.c-tests__result-badge > i {
    display: grid;

    place-items: center;

    width: 40px;
    height: 40px;

    border-radius: 50%;

    background:
        rgba(70,217,137,.10);

    color: #2fa96a;

    font-size: 1.15rem;
}


.c-tests__result-badge strong {
    display: block;

    margin-bottom: 3px;

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

    font-size: .86rem;

    color: #172638;
}


.c-tests__result-badge small {
    display: block;

    font-size: .73rem;

    line-height: 1.45;

    color: #718094;
}


/* =========================================================
   C2. REASIGURARE
   ========================================================= */

.c-tests__reassurance {
    position: relative;

    width: min(1100px, 100%);

    margin:
        0 auto
        clamp(110px, 10vw, 160px);

    z-index: 2;
}


.c-tests__reassurance-intro {
    width: min(650px, 100%);

    margin-bottom:
        clamp(40px, 5vw, 65px);
}


.c-tests__reassurance-intro h3 {
    margin: 0;

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

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

    line-height: 1.1;

    letter-spacing: -.04em;

    color: #172638;
}


.c-tests__reassurance-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 2px;

    background:
        rgba(213,224,236,.65);
}


.c-tests__reassurance-item {
    position: relative;

    padding:
        clamp(30px, 3.5vw, 45px);

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

    transition:
        transform .4s ease,
        background .4s ease,
        box-shadow .4s ease;
}


.c-tests__reassurance-number {
    display: block;

    margin-bottom: 28px;

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

    font-size: .8rem;

    font-weight: 750;

    letter-spacing: .1em;

    color: #327ee8;
}


.c-tests__reassurance-item:nth-child(2)
.c-tests__reassurance-number {
    color: #31ad6f;
}


.c-tests__reassurance-item:nth-child(3)
.c-tests__reassurance-number {
    color: #ad942c;
}


.c-tests__reassurance-item h4 {
    margin:
        0
        0
        15px;

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

    font-size:
        clamp(1.1rem, 1.4vw, 1.35rem);

    line-height: 1.27;

    color: #172638;
}


.c-tests__reassurance-item p {
    margin: 0;

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

    font-size: .96rem;

    line-height: 1.68;

    color: #627185;
}


/* =========================================================
   C3. CTA FINAL
   ========================================================= */

.c-tests__closing {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 55px;

    align-items: center;

    width: min(1020px, 100%);

    margin: 0 auto;

    padding:
        clamp(38px, 5vw, 58px)
        clamp(35px, 5vw, 65px);

    border-radius: 22px;

    background:
        linear-gradient(
            120deg,
            rgba(65,146,255,.075),
            rgba(70,217,137,.06) 58%,
            rgba(213,187,66,.07)
        );

    border:
        1px solid rgba(206,221,236,.75);

    box-shadow:
        0 20px 60px rgba(34,55,80,.06);

    z-index: 2;
}


.c-tests__closing h3 {
    margin:
        0;

    max-width: 640px;

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

    font-size:
        clamp(1.55rem, 2.2vw, 2.2rem);

    line-height: 1.13;

    letter-spacing: -.035em;

    color: #172638;
}


/* =========================================================
   HOVER — DOAR DISPOZITIVE CU MOUSE
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    .c-tests__trust-item:hover {

        transform:
            translateX(7px);

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

        box-shadow:
            0 12px 35px rgba(32,52,77,.07);
    }


    .c-tests__browser:hover {

        transform:
            scale(1.015);

        transition:
            transform .45s ease;
    }


    .c-tests__reassurance-item:hover {

        transform:
            translateY(-7px);

        background: #fff;

        box-shadow:
            0 20px 55px rgba(32,52,77,.09);

        z-index: 2;
    }

}

@media (min-width: 1200px) {

    .c-tests__hero {
        display: grid;

        grid-template-columns:
            minmax(380px, .88fr)
            minmax(500px, 1.12fr);

        grid-template-rows:
            auto
            auto;

        column-gap:
            clamp(55px, 7vw, 110px);

        row-gap: 0;

        align-items: center;
    }




    .c-tests__visual {
        grid-column: 2;
        grid-row: 1 / 3;

        align-self: center;
    }


}

/* =========================================================
   TABLETĂ
   ========================================================= */

@media
(min-width: 768px)
and
(max-width: 1199.98px) {

    .c-tests__hero {
        display: grid;

        grid-template-columns:
            .9fr
            1.1fr;

        grid-template-rows:
            auto
            auto;

        gap:
            0
            45px;
    }



    .c-tests__visual {
        grid-column: 2;
        grid-row: 1 / 3;

        align-self: center;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767.98px) {

    .c-tests__hero {
        display: flex;

        flex-direction: column;

        gap: 0;
    }


    /* 1 */



    /* 2 — testul vine înaintea butonului */
    .c-tests__visual {
        order: 2;

        width: 100%;

        margin-top: 42px;
        margin-bottom: 90px;
    }


    /* 3 */


}


/* =========================================================
   SUB 360px
   ========================================================= */

@media (max-width: 359.98px) {

    .c-tests__copy h2 {

        font-size: 1.65rem;
    }


    .c-tests__trust-item {

        grid-template-columns:
            38px
            1fr;

        gap: 10px;

        padding:
            10px
            8px;
    }


    .c-tests__trust-icon {

        width: 36px;
        height: 36px;
    }


    .c-tests__result-badge {

        right: 5%;

        width: 90%;

        padding:
            11px
            12px;
    }


    .c-tests__closing {

        padding:
            25px
            16px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .c-tests__browser,
    .c-tests__option,
    .c-tests__try-note,
    .c-tests__primary-btn::after,
    .c-tests__closing-btn::after {

        animation: none !important;
        transition: none !important;
    }


    .c-tests__browser {

        opacity: 1;

        clip-path: none;

        transform: none;
    }


    .c-tests__option {

        opacity: 1;

        transform: none;
    }


    .c-tests__progress-fill {

        width: 58% !important;
    }

}

/* =========================================================
   C — REVEAL TEXT / CONȚINUT
   ========================================================= */

/* =========================================================
   C — REVEAL INDIVIDUAL LA SCROLL
   ========================================================= */

.c-scroll-reveal {
    opacity: 0;

    transform:
        translate3d(0, 26px, 0);

    transition:
        opacity .72s ease,
        transform .85s cubic-bezier(.2,.7,.2,1);
}


.c-scroll-reveal.is-visible {
    opacity: 1;

    transform:
        translate3d(0, 0, 0);
}

.c-tests__reassurance-intro,
.c-tests__reassurance-item,
.c-tests__closing {
    opacity: 0;

    transform:
        translate3d(0, 28px, 0);

    transition:
        opacity .7s ease,
        transform .85s cubic-bezier(.2,.7,.2,1);
}


.c-tests__reassurance-intro.is-visible,
.c-tests__reassurance-item.is-visible,
.c-tests__closing.is-visible {
    opacity: 1;

    transform:
        translate3d(0,0,0);
}



/* =========================================================
   C — POZIȚIONAREA DEMO-ULUI TEST
   ========================================================= */

/* Desktop/tabletă */
.c-tests__visual--desktop {
    display: block;
}


/* copia pentru telefon este ascunsă */
.c-tests__visual--mobile {
    display: none;
}


/* =========================================================
   C2 — OBIECȚII
   MOBIL < 768px
   CARDURI ALTERNANTE STÂNGA / DREAPTA
   ========================================================= */

@media (max-width: 767.98px) {

    .c-tests__reassurance {
        width: 100%;
        margin-bottom: 90px;
    }


    .c-tests__reassurance-intro {
        width: 100%;
        margin-bottom: 42px;
    }


    /* ---------------------------------------------------------
       Cele 3 carduri devin verticale
       --------------------------------------------------------- */

    .c-tests__reassurance-grid {
        display: flex;
        flex-direction: column;

        gap: 24px;

        width: 100%;

        background: transparent;
    }


    /* ---------------------------------------------------------
       CARD
       --------------------------------------------------------- */

    .c-tests__reassurance-item {
        width: 88%;

        padding:
            25px
            23px
            27px;

        border:
            1px solid rgba(207, 222, 237, .78);

        border-radius: 14px;

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

        box-shadow:
            0 16px 42px
            rgba(31, 52, 76, .075);

        opacity: 0;

        transition:
            opacity .7s ease,
            transform .85s cubic-bezier(.2,.7,.2,1),
            box-shadow .4s ease;
    }


    /* =====================================================
       01 — STÂNGA
       ===================================================== */

    .c-tests__reassurance-item:nth-child(1) {
        margin-right: auto;
        margin-left: 0;

        transform:
            translate3d(-34px, 18px, 0);
    }


    /* =====================================================
       02 — DREAPTA
       ===================================================== */

    .c-tests__reassurance-item:nth-child(2) {
        margin-right: 0;
        margin-left: auto;

        transform:
            translate3d(34px, 18px, 0);
    }


    /* =====================================================
       03 — STÂNGA
       ===================================================== */

    .c-tests__reassurance-item:nth-child(3) {
        margin-right: auto;
        margin-left: 0;

        transform:
            translate3d(-34px, 18px, 0);
    }


    /* ---------------------------------------------------------
       Când JS adaugă .is-visible
       --------------------------------------------------------- */

    .c-tests__reassurance-item.is-visible {
        opacity: 1;

        transform:
            translate3d(0, 0, 0);
    }


    /* ---------------------------------------------------------
       Numărul
       --------------------------------------------------------- */

    .c-tests__reassurance-number {
        margin-bottom: 15px;
    }


    /* ---------------------------------------------------------
       Titlu
       --------------------------------------------------------- */

    .c-tests__reassurance-item h4 {
        margin-bottom: 12px;

        font-size:
            clamp(1.08rem, 4.8vw, 1.28rem);

        line-height: 1.27;
    }


    /* ---------------------------------------------------------
       Text
       --------------------------------------------------------- */

    .c-tests__reassurance-item p {
        font-size: .94rem;
        line-height: 1.65;
    }

	   /* ascundem demo-ul din coloana desktop */
    .c-tests__visual--desktop {
        display: none;
    }


    /* afișăm demo-ul dintre text și beneficii */
    .c-tests__visual--mobile {
        display: block;

        width: 100%;

        margin:
            40px
            0
            90px;
    }

	
    .c-tests__trust-item.c-scroll-reveal {
        transform:
            translate3d(-22px, 18px, 0);
    }


    .c-tests__trust-item:nth-child(2).c-scroll-reveal {
        transform:
            translate3d(22px, 18px, 0);
    }


    .c-tests__trust-item:nth-child(3).c-scroll-reveal {
        transform:
            translate3d(-22px, 18px, 0);
    }


    .c-tests__trust-item.c-scroll-reveal.is-visible {
        transform:
            translate3d(0, 0, 0);
    }

}


/* =========================================================
   SECȚIUNEA C - CLOSING RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .c-tests__closing {
        display: grid;

        grid-template-columns: minmax(0, 1fr);

        gap: 24px;

        width: 100%;
    }


    .c-tests__closing > div {
        width: 100%;
        min-width: 0;
    }


    .c-tests__closing h3 {
        width: 100%;
        max-width: 620px;

        margin-left: 0;
        margin-right: 0;
    }


    .c-tests__closing .btn {
        width: fit-content;
        max-width: 100%;

        justify-self: start;
    }


	@media (max-width: 575.98px) {

    .c-tests__closing {
        gap: 22px;

        padding-left: 20px;
        padding-right: 20px;
    }


    .c-tests__closing h3 {
        font-size: clamp(27px, 8.5vw, 36px);

        line-height: 1.08;

        letter-spacing: -0.035em;
    }


    .c-tests__closing .mini-kicker {
        display: block;

        margin-bottom: 8px;
    }


    .c-tests__closing .btn {
        width: 100%;

        min-height: 56px;

        justify-content: space-between;
    }

}

} /* închidere @media (max-width: 991.98px) din fișierul original */

/* =========================================================
   ANIMAȚII 2026 — C2 / TESTE
   Titlu mask-reveal + 3 direcții + hover discret
   01 = stânga | 02 = jos | 03 = dreapta
========================================================= */

.c-tests {
    overflow-x: clip;
}

/* Titlul secțiunii — reveal prin mască */
.c-tests__reassurance-intro {
    opacity: 1;
    transform: none;
}

.c-tests__reassurance-intro .mini-kicker {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    transition:
        opacity .55s ease .04s,
        transform .68s cubic-bezier(.16,1,.3,1) .04s;
}

.c-tests__reassurance-intro h3 {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    transform: translate3d(0, 30px, 0);
    transition:
        opacity .35s ease .10s,
        clip-path .92s cubic-bezier(.16,1,.3,1) .10s,
        transform .92s cubic-bezier(.16,1,.3,1) .10s;
    will-change: transform, opacity, clip-path;
}

.c-tests__reassurance-intro.is-visible .mini-kicker,
.c-tests__reassurance-intro.is-visible h3 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.c-tests__reassurance-intro.is-visible h3 {
    clip-path: inset(0 0 0 0);
}

/* Cele 3 obiecții */
.c-tests__reassurance-item {
    opacity: 0;
    will-change: transform, opacity;
    transition:
        opacity .72s ease,
        transform .96s cubic-bezier(.16,1,.3,1),
        background .4s ease,
        box-shadow .4s ease;
}

.c-tests__reassurance-item:nth-child(1) {
    transform: translate3d(-76px, 0, 0) scale(.985);
    transition-delay: .04s;
}

.c-tests__reassurance-item:nth-child(2) {
    transform: translate3d(0, 58px, 0) scale(.985);
    transition-delay: .13s;
}

.c-tests__reassurance-item:nth-child(3) {
    transform: translate3d(76px, 0, 0) scale(.985);
    transition-delay: .22s;
}

.c-tests__reassurance-item.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

@media (hover: hover) and (pointer: fine) {
    .c-tests__reassurance-item.is-visible:hover {
        transform: translate3d(0, -7px, 0) scale(1);
        background: #fff;
        box-shadow: 0 20px 55px rgba(32,52,77,.09);
        z-index: 2;
    }
}

/* Telefon: păstrăm exact logica stânga / jos / dreapta */
@media (max-width: 767.98px) {
    .c-tests__reassurance-item:nth-child(1) {
        transform: translate3d(-34px, 0, 0) scale(.99);
    }

    .c-tests__reassurance-item:nth-child(2) {
        transform: translate3d(0, 34px, 0) scale(.99);
    }

    .c-tests__reassurance-item:nth-child(3) {
        transform: translate3d(34px, 0, 0) scale(.99);
    }

    .c-tests__reassurance-item.is-visible {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .c-tests__reassurance-intro,
    .c-tests__reassurance-intro .mini-kicker,
    .c-tests__reassurance-intro h3,
    .c-tests__reassurance-item,
    .c-tests__reassurance-item.is-visible {
        opacity: 1 !important;
        transform: none !important;
        clip-path: inset(0 0 0 0) !important;
        transition: none !important;
    }
}