/* Start custom CSS for html, class: .elementor-element-f4b79e8 *//* =========================================
   PICBOOTH - HERO + INTRO FUNDALURI FOTO
   CSS COMPLET DE LA 0
========================================= */

.pb-bg-hero,
.pb-bg-intro{
    font-family:"Poppins", sans-serif;
    box-sizing:border-box;
}

.pb-bg-hero *,
.pb-bg-intro *{
    box-sizing:border-box;
}


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

.pb-bg-hero{
    position:relative;

    width:calc(100% - 40px);
    max-width:1280px;

    margin:20px auto 0;

    padding:86px 30px 78px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(255,205,5,.10),
            transparent 32%
        ),
        radial-gradient(
            circle at 85% 20%,
            rgba(255,205,5,.06),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #070707,
            #171717
        );

    border-radius:28px;

    color:#fff;

    text-align:center;
}


/* GRID DECOR */

.pb-bg-hero::before{
    content:"";

    position:absolute;

    inset:0;

    opacity:.12;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size:42px 42px;

    pointer-events:none;
}


/* GLOW */

.pb-bg-hero__glow{
    position:absolute;

    border-radius:50%;

    filter:blur(100px);

    pointer-events:none;
}

.pb-bg-hero__glow--one{
    width:320px;
    height:320px;

    top:-130px;
    left:-70px;

    background:rgba(255,205,5,.11);
}

.pb-bg-hero__glow--two{
    width:300px;
    height:300px;

    right:-100px;
    bottom:-120px;

    background:rgba(255,205,5,.07);
}


/* CONTENT */

.pb-bg-hero__inner{
    position:relative;

    z-index:2;

    width:100%;
    max-width:850px;

    margin:0 auto;
}


/* =========================================
   HERO BADGE
========================================= */

.pb-bg-hero__badge{
    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:18px;

    padding:8px 12px;

    border:1px solid rgba(255,205,5,.22);

    border-radius:999px;

    background:rgba(255,205,5,.06);

    color:#FFCD05;

    font-size:9px;
    line-height:1;

    font-weight:900;

    letter-spacing:1.6px;
}

.pb-bg-hero__badge span{
    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:#FFCD05;

    box-shadow:
        0 0 12px
        rgba(255,205,5,.8);
}


/* =========================================
   HERO TITLE
========================================= */

.pb-bg-hero h1{
    width:100%;

    margin:0;

    color:#fff;

    font-size:54px;
    line-height:1.05;

    letter-spacing:-2.4px;

    font-weight:600;

    text-align:center;
}

.pb-bg-hero h1 .pb-title-line{
    display:block;
}

.pb-bg-hero h1 .pb-title-yellow{
    color:#FFCD05;

    font-weight:700;
}


/* =========================================
   HERO TEXT
========================================= */

.pb-bg-hero__text{
    width:100%;
    max-width:650px;

    margin:20px auto 0;

    color:rgba(255,255,255,.65);

    font-size:14px;
    line-height:1.75;

    font-weight:400;
}


/* =========================================
   HERO SERVICES
========================================= */

.pb-bg-hero__services{
    display:flex;

    align-items:center;
    justify-content:center;

    flex-wrap:wrap;

    gap:10px;

    width:100%;

    margin-top:24px;
}

.pb-bg-service{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:7px;

    padding:9px 12px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:10px;

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

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

    font-size:10px;
    line-height:1;

    font-weight:700;
}

.pb-bg-service__check{
    display:flex;

    align-items:center;
    justify-content:center;

    width:18px;
    height:18px;

    flex:0 0 18px;

    border-radius:50%;

    background:rgba(255,205,5,.12);

    color:#FFCD05;

    font-size:9px;

    font-weight:900;
}


/* =========================================
   HERO BUTTON
========================================= */

.pb-bg-hero__button{
    position:relative;

    overflow:hidden;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:10px;

    margin-top:28px;

    padding:13px 19px;

    border-radius:10px;

    background:#FFCD05;

    color:#111 !important;

    text-decoration:none !important;

    font-size:10px;

    font-weight:900;

    letter-spacing:.7px;

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

.pb-bg-hero__button:hover{
    transform:translateY(-2px);

    box-shadow:
        0 14px 35px
        rgba(255,205,5,.20);
}


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

.pb-bg-intro{
    width:100%;

    padding:52px 20px 24px;

    background:#fff;
}

.pb-bg-intro__inner{
    width:100%;
    max-width:950px;

    margin:0 auto;
}

.pb-bg-intro__content{
    width:100%;

    text-align:center;
}


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

.pb-bg-intro__eyebrow{
    display:block;

    margin-bottom:10px;

    color:#806200;

    font-size:9px;
    line-height:1;

    font-weight:900;

    letter-spacing:1.7px;
}


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

.pb-bg-intro__content h2{
    width:100%;

    margin:0;

    color:#111;

    font-size:39px;
    line-height:1.1;

    letter-spacing:-1.6px;

    font-weight:600;
}

.pb-intro-title-line{
    display:block;
}

.pb-bg-intro__content h2 strong{
    font-weight:700;
}


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

.pb-bg-intro__content > p{
    width:100%;
    max-width:610px;

    margin:14px auto 0;

    color:#777;

    font-size:13px;
    line-height:1.7;
}


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

.pb-bg-intro__features{
    display:flex;

    align-items:center;
    justify-content:center;

    flex-wrap:wrap;

    gap:8px;

    width:100%;

    margin-top:20px;
}

.pb-bg-intro__features span{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:8px 10px;

    border:1px solid rgba(0,0,0,.07);

    border-radius:9px;

    background:#fff;

    color:#555;

    font-size:9px;
    line-height:1;

    font-weight:700;

    box-shadow:
        0 6px 20px
        rgba(0,0,0,.035);
}


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

@media(max-width:950px){

    .pb-bg-hero{
        padding:
            70px 24px
            64px;
    }

    .pb-bg-hero h1{
        font-size:44px;
    }

    .pb-bg-intro__content h2{
        font-size:34px;
    }

}


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

@media(max-width:767px){

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

    .pb-bg-hero{
        width:calc(100% - 20px);

        max-width:none;

        margin:10px auto 0;

        padding:
            45px 12px
            40px;

        border-radius:20px;
    }


    .pb-bg-hero__inner{
        width:100%;

        max-width:100%;

        margin:0 auto;
    }


    /* BADGE */

    .pb-bg-hero__badge{
        margin-bottom:14px;

        padding:7px 10px;

        font-size:7px;

        letter-spacing:1px;
    }


    .pb-bg-hero__badge span{
        width:5px;
        height:5px;

        flex-basis:5px;
    }


    /* =====================================
       HERO TITLE - EXACT 2 RANDURI
    ===================================== */

    .pb-bg-hero h1{
        width:100%;

        max-width:100%;

        margin:0 auto;

        padding:0 2px;

        font-size:21px !important;

        line-height:1.12;

        letter-spacing:-.7px;

        font-weight:600;

        text-align:center;
    }


    .pb-bg-hero h1 .pb-title-line{
        display:block;

        width:100%;

        white-space:nowrap;
    }


    .pb-bg-hero h1 .pb-title-yellow{
        color:#FFCD05;

        font-weight:700;
    }


    /* HERO TEXT */

    .pb-bg-hero__text{
        max-width:315px;

        margin-top:14px;

        font-size:10px;

        line-height:1.6;
    }


    /* =====================================
       HERO BADGES - ACELASI RAND
    ===================================== */

    .pb-bg-hero__services{
        display:grid;

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

        gap:6px;

        width:100%;
        max-width:330px;

        margin:
            18px auto 0;
    }


    .pb-bg-service{
        width:100%;

        min-width:0;

        gap:4px;

        padding:
            8px 3px;

        border-radius:8px;

        white-space:nowrap;

        font-size:7px;
        line-height:1;
    }


    .pb-bg-service__check{
        width:15px;
        height:15px;

        flex:0 0 15px;

        font-size:7px;
    }


    /* BUTTON */

    .pb-bg-hero__button{
        margin-top:20px;

        padding:11px 15px;

        font-size:8px;

        border-radius:9px;
    }


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

    .pb-bg-intro{
        padding:
            36px 10px
            18px;
    }


    .pb-bg-intro__inner{
        width:100%;

        max-width:100%;
    }


    .pb-bg-intro__content{
        width:100%;
    }


    /* EYEBROW */

    .pb-bg-intro__eyebrow{
        margin-bottom:8px;

        font-size:7px;

        letter-spacing:1.1px;
    }


    /* =====================================
       INTRO TITLE - EXACT 2 RANDURI
    ===================================== */

    .pb-bg-intro__content h2{
        width:100%;

        max-width:100%;

        margin:0 auto;

        padding:0 2px;

        font-size:19px !important;

        line-height:1.12;

        letter-spacing:-.55px;

        font-weight:600;

        text-align:center;
    }


    .pb-intro-title-line{
        display:block;

        width:100%;

        white-space:nowrap;
    }


    .pb-bg-intro__content h2 strong{
        font-weight:700;
    }


    /* INTRO TEXT */

    .pb-bg-intro__content > p{
        max-width:315px;

        margin-top:11px;

        font-size:10px;

        line-height:1.6;
    }


    /* =====================================
       INTRO FEATURES PE ACELASI RAND
    ===================================== */

    .pb-bg-intro__features{
        display:grid;

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

        gap:5px;

        width:100%;
        max-width:345px;

        margin:
            16px auto 0;
    }


    .pb-bg-intro__features span{
        width:100%;

        min-width:0;

        padding:
            7px 2px;

        border-radius:7px;

        white-space:nowrap;

        font-size:5.8px;

        line-height:1;

        letter-spacing:-.1px;
    }

}


/* =========================================
   TELEFOANE MICI
========================================= */

@media(max-width:390px){

    .pb-bg-hero h1{
        font-size:20px !important;
    }

    .pb-bg-intro__content h2{
        font-size:18px !important;
    }

    .pb-bg-service{
        font-size:6.5px;
    }

    .pb-bg-intro__features span{
        font-size:5.4px;
    }

}


/* =========================================
   TELEFOANE FOARTE MICI
========================================= */

@media(max-width:350px){

    .pb-bg-hero{
        padding-left:10px;
        padding-right:10px;
    }

    .pb-bg-hero h1{
        font-size:18px !important;

        letter-spacing:-.45px;
    }

    .pb-bg-intro__content h2{
        font-size:16.5px !important;

        letter-spacing:-.4px;
    }

    .pb-bg-service{
        font-size:6px;
    }

    .pb-bg-intro__features span{
        font-size:5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9dd6ef *//* =========================================
   FIX GLOBAL IPHONE / MOBILE
   FARA SCROLL STANGA-DREAPTA
========================================= */

html,
body{
    width:100%;
    max-width:100%;

    overflow-x:hidden !important;
}

@supports (overflow:clip){

    html,
    body{
        overflow-x:clip !important;
    }

}


/* LIGHTBOX OPEN */

html.pb-lightbox-open,
body.pb-lightbox-open{
    overflow:hidden !important;
}


/* =========================================
   PICBOOTH - GALERIE FUNDALURI
========================================= */

.pb-fundaluri{
    position:relative;

    display:block;

    width:100%;
    max-width:100%;

    margin:0;

    padding:35px 20px 70px;

    background:#fff;

    color:#111;

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

    box-sizing:border-box;

    overflow-x:hidden;

    touch-action:pan-y;
}

@supports (overflow:clip){

    .pb-fundaluri{
        overflow-x:clip;
    }

}


.pb-fundaluri,
.pb-fundaluri *{
    box-sizing:border-box;
}


.pb-fundaluri img{
    display:block;

    max-width:100%;
}


/* =========================================
   HEADER
========================================= */

.pb-fundaluri-head{
    width:100%;
    max-width:720px;

    margin:0 auto 34px;

    padding:0;

    text-align:center;
}


.pb-fundaluri-eyebrow{
    display:block;

    margin-bottom:9px;

    color:#806200;

    font-size:10px;
    line-height:1;

    font-weight:900;

    letter-spacing:1.8px;
}


.pb-fundaluri-head h2{
    width:100%;

    margin:0;

    padding:0;

    color:#111;

    font-size:38px;
    line-height:1.1;

    letter-spacing:-1.5px;

    font-weight:600;
}


.pb-fundaluri-head h2 strong{
    font-weight:700;
}


.pb-fundaluri-head p{
    width:100%;
    max-width:570px;

    margin:13px auto 0;

    padding:0;

    color:#777;

    font-size:13px;
    line-height:1.7;

    font-weight:400;
}


/* =========================================
   GRID
========================================= */

.pb-fundaluri-grid{
    position:relative;

    width:100%;
    max-width:1280px;

    min-width:0;

    margin:0 auto;
    padding:0;

    display:grid;

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

    gap:30px 25px;

    overflow:visible;
}


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

.pb-fundal-card{
    position:relative;

    width:100%;
    max-width:100%;

    min-width:0;

    margin:0;
    padding:0;

    background:transparent;

    overflow:visible;
}


/* =========================================
   ZONA IMAGINE
========================================= */

.pb-fundal-visual{
    position:relative;

    display:block;

    width:100%;
    max-width:100%;

    min-width:0;

    margin:0;
    padding:0;

    border:0;

    border-radius:18px;

    background:#fff;

    overflow:hidden;

    cursor:pointer;

    -webkit-appearance:none;
    appearance:none;

    -webkit-tap-highlight-color:transparent;

    touch-action:manipulation;

    box-shadow:
        0 10px 35px
        rgba(0,0,0,.065);

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


/* DESKTOP HOVER */

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

    .pb-fundal-visual:hover{
        transform:translateY(-4px);

        box-shadow:
            0 18px 45px
            rgba(0,0,0,.10);
    }

}


/* =========================================
   IMAGINE FUNDAL
========================================= */

.pb-fundal-bg{
    position:relative;

    z-index:1;

    display:block;

    width:100%;
    max-width:100%;

    height:auto;

    aspect-ratio:4 / 3;

    object-fit:contain;
    object-position:center;

    margin:0;
    padding:0;

    background:#fff;

    filter:none !important;

    opacity:1;

    transform-origin:center;

    transition:
        transform .5s
        cubic-bezier(.2,.8,.2,1);
}


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

    .pb-fundal-visual:hover
    .pb-fundal-bg{
        transform:scale(1.01);

        filter:none !important;

        opacity:1;
    }

}


/* =========================================
   FARA OVERLAY
========================================= */

.pb-fundal-visual::before,
.pb-fundal-visual::after{
    display:none !important;

    content:none !important;
}


/* =========================================
   CUPLU
========================================= */

.pb-fundal-couple{
    position:absolute;

    z-index:3;

    left:50%;
    bottom:7%;

    width:48%;
    max-width:48%;

    height:80%;

    background-image:
        url("https://picbooth.ro/wp-content/uploads/2026/08/ChatGPT-Image-Aug-28-2026-02_49_07-PM.png");

    background-repeat:no-repeat;

    background-position:center bottom;

    background-size:contain;

    opacity:0;

    transform:
        translate3d(-50%,8px,0)
        scale(.97);

    transform-origin:center bottom;

    filter:
        drop-shadow(
            0 10px 10px
            rgba(0,0,0,.18)
        );

    transition:
        opacity .32s ease,
        transform .45s
        cubic-bezier(.2,.8,.2,1);

    pointer-events:none;
}


/* =========================================
   CUPLU DESKTOP
========================================= */

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

    .pb-fundal-visual:hover
    .pb-fundal-couple{
        opacity:1;

        transform:
            translate3d(-50%,0,0)
            scale(1);
    }

}


/* =========================================
   LABEL HOVER
========================================= */

.pb-fundal-hover{
    position:absolute;

    z-index:5;

    left:50%;
    bottom:11px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    max-width:calc(100% - 20px);

    transform:
        translate3d(-50%,7px,0);

    opacity:0;

    white-space:nowrap;

    padding:7px 12px;

    border-radius:999px;

    background:#111;

    color:#fff;

    font-size:8px;
    line-height:1;

    font-weight:900;

    letter-spacing:1px;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.15);

    transition:
        opacity .3s ease,
        transform .3s ease;

    pointer-events:none;
}


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

    .pb-fundal-visual:hover
    .pb-fundal-hover{
        opacity:1;

        transform:
            translate3d(-50%,0,0);
    }

}


/* =========================================
   PARTEA DE JOS
========================================= */

.pb-fundal-bottom{
    display:flex;

    align-items:center;
    justify-content:space-between;

    width:100%;
    max-width:100%;

    min-width:0;

    gap:15px;

    padding:11px 3px 0;

    overflow:hidden;
}


.pb-fundal-bottom > span{
    display:block;

    min-width:0;

    color:#111;

    font-size:12px;
    line-height:1;

    font-weight:900;

    letter-spacing:.7px;

    white-space:nowrap;
}


/* =========================================
   BUTON DESCHIDERE
========================================= */

.pb-fundal-open{
    position:relative;

    display:flex;

    align-items:center;
    justify-content:center;

    flex:0 0 32px;

    width:32px;
    height:32px;

    min-width:32px;
    max-width:32px;

    margin:0;
    padding:0;

    border:0;

    border-radius:50%;

    background:#111;

    cursor:pointer;

    -webkit-appearance:none;
    appearance:none;

    -webkit-tap-highlight-color:transparent;

    touch-action:manipulation;

    transition:
        transform .25s ease,
        background .25s ease;
}


/* =========================================
   SAGEATA CSS
========================================= */

.pb-fundal-open__arrow{
    position:relative;

    display:block;

    width:11px;
    height:11px;

    flex:none;

    transform:rotate(-45deg);

    pointer-events:none;

    transition:transform .25s ease;
}


.pb-fundal-open__arrow::before{
    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:11px;
    height:1.5px;

    border-radius:2px;

    background:#fff;

    transform:translateY(-50%);
}


.pb-fundal-open__arrow::after{
    content:"";

    position:absolute;

    right:0;
    top:50%;

    width:6px;
    height:6px;

    border-top:1.5px solid #fff;
    border-right:1.5px solid #fff;

    transform:
        translateY(-50%)
        rotate(45deg);
}


/* =========================================
   HOVER BUTON - DOAR DESKTOP
========================================= */

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

    .pb-fundal-open:hover{
        background:#FFCD05;

        transform:translateY(-2px);
    }


    .pb-fundal-open:hover
    .pb-fundal-open__arrow{
        transform:
            translate3d(1px,-1px,0)
            rotate(-45deg);
    }


    .pb-fundal-open:hover
    .pb-fundal-open__arrow::before{
        background:#111;
    }


    .pb-fundal-open:hover
    .pb-fundal-open__arrow::after{
        border-color:#111;
    }

}


/* =========================================
   LIGHTBOX
========================================= */

.pb-fundal-lightbox{
    position:fixed;

    inset:0;

    z-index:999999;

    display:flex;

    align-items:center;
    justify-content:center;

    width:100%;
    max-width:100vw;

    height:100%;
    min-height:100%;

    margin:0;

    padding:25px;

    background:
        rgba(0,0,0,.88);

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

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    overflow:hidden;

    overscroll-behavior:none;

    touch-action:pan-y;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}


.pb-fundal-lightbox.active{
    opacity:1;

    visibility:visible;

    pointer-events:auto;
}


/* =========================================
   LIGHTBOX BOX
========================================= */

.pb-fundal-lightbox-box{
    position:relative;

    width:100%;
    max-width:900px;

    min-width:0;

    max-height:92vh;

    margin:0;

    overflow-x:hidden;
    overflow-y:auto;

    -webkit-overflow-scrolling:touch;

    background:#fff;

    border-radius:20px;

    box-shadow:
        0 35px 100px
        rgba(0,0,0,.45);
}


/* =========================================
   LIGHTBOX IMAGE
========================================= */

.pb-fundal-lightbox-image{
    display:block;

    width:100%;
    max-width:100%;

    height:auto;

    max-height:72vh;

    object-fit:contain;
    object-position:center;

    margin:0;

    padding:12px;

    background:#fff;
}


/* =========================================
   LIGHTBOX BOTTOM
========================================= */

.pb-fundal-lightbox-bottom{
    display:flex;

    align-items:center;
    justify-content:space-between;

    width:100%;
    max-width:100%;

    min-width:0;

    gap:15px;

    padding:16px 18px;

    background:#fff;

    border-top:
        1px solid rgba(0,0,0,.06);
}


.pb-fundal-lightbox-title{
    min-width:0;

    color:#111;

    font-size:15px;

    font-weight:800;
}


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

.pb-fundal-whatsapp{
    position:relative;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    flex:none;

    gap:10px;

    max-width:100%;

    padding:12px 17px;

    border-radius:11px;

    background:#FFCD05;

    color:#111 !important;

    text-decoration:none !important;

    white-space:nowrap;

    font-size:10px;

    font-weight:900;

    letter-spacing:.3px;

    overflow:hidden;

    -webkit-tap-highlight-color:transparent;

    touch-action:manipulation;

    box-shadow:
        0 8px 25px
        rgba(255,205,5,.20);

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


/* =========================================
   SAGEATA WHATSAPP CSS
========================================= */

.pb-wa-arrow{
    position:relative;

    display:block;

    width:10px;
    height:8px;

    flex:none;
}


.pb-wa-arrow::before{
    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:10px;
    height:1.5px;

    background:currentColor;

    border-radius:2px;

    transform:translateY(-50%);
}


.pb-wa-arrow::after{
    content:"";

    position:absolute;

    right:0;
    top:50%;

    width:5px;
    height:5px;

    border-top:1.5px solid currentColor;
    border-right:1.5px solid currentColor;

    transform:
        translateY(-50%)
        rotate(45deg);
}


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

    .pb-fundal-whatsapp:hover{
        background:#111;

        color:#fff !important;

        transform:translateY(-2px);

        box-shadow:
            0 12px 30px
            rgba(0,0,0,.16);
    }

}


/* =========================================
   BUTON INCHIDERE
========================================= */

.pb-fundal-lightbox-close{
    position:fixed;

    z-index:1000001;

    top:18px;
    right:20px;

    display:flex;

    align-items:center;
    justify-content:center;

    width:44px;
    height:44px;

    min-width:44px;

    margin:0;
    padding:0;

    border:0;

    border-radius:50%;

    background:#fff;

    color:#111;

    font-family:Arial,sans-serif;

    font-size:27px;
    line-height:1;

    cursor:pointer;

    -webkit-appearance:none;
    appearance:none;

    -webkit-tap-highlight-color:transparent;

    touch-action:manipulation;

    box-shadow:
        0 12px 35px
        rgba(0,0,0,.25);

    transition:
        transform .25s ease,
        background .25s ease;
}


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

    .pb-fundal-lightbox-close:hover{
        background:#FFCD05;

        transform:rotate(5deg);
    }

}


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

@media(max-width:950px){

    .pb-fundaluri-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:25px 18px;
    }


    .pb-fundal-couple{
        bottom:7%;

        width:50%;
        max-width:50%;

        height:80%;
    }

}


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

@media(max-width:767px){

    html,
    body{
        width:100%;

        max-width:100%;

        overflow-x:hidden !important;

        overscroll-behavior-x:none;
    }


    .pb-fundaluri{
        width:100%;
        max-width:100%;

        padding:28px 12px 45px;

        overflow-x:hidden;

        touch-action:pan-y;

        overscroll-behavior-x:none;
    }


    @supports (overflow:clip){

        .pb-fundaluri{
            overflow-x:clip;
        }

    }


    /* HEADER */

    .pb-fundaluri-head{
        width:100%;

        max-width:100%;

        margin:0 auto 23px;

        padding:0 2px;
    }


    .pb-fundaluri-eyebrow{
        margin-bottom:8px;

        font-size:9px;

        letter-spacing:1.4px;
    }


    .pb-fundaluri-head h2{
        width:100%;

        max-width:100%;

        font-size:29px;

        line-height:1.12;

        letter-spacing:-1px;
    }


    .pb-fundaluri-head p{
        width:100%;

        max-width:320px;

        margin:10px auto 0;

        font-size:11px;

        line-height:1.6;
    }


    /* =========================================
       GRID - 2 PE RAND
    ========================================= */

    .pb-fundaluri-grid{
        width:100%;
        max-width:100%;

        min-width:0;

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

        gap:18px 9px;

        margin:0;

        padding:0;

        overflow:visible;
    }


    /* CARD */

    .pb-fundal-card{
        width:100%;
        max-width:100%;

        min-width:0;

        overflow:visible;
    }


    /* IMAGINE */

    .pb-fundal-visual{
        width:100%;
        max-width:100%;

        min-width:0;

        border-radius:12px;

        transform:none;

        box-shadow:
            0 7px 22px
            rgba(0,0,0,.055);
    }


    .pb-fundal-bg{
        width:100%;
        max-width:100%;

        aspect-ratio:4 / 3;

        background:#fff;

        filter:none !important;
    }


    /* CUPLU */

    .pb-fundal-couple{
        bottom:6%;

        width:58%;
        max-width:58%;

        height:79%;

        transform:
            translate3d(-50%,6px,0)
            scale(.97);
    }


    /* LABEL */

    .pb-fundal-hover{
        bottom:7px;

        max-width:calc(100% - 12px);

        padding:5px 7px;

        font-size:6px;

        letter-spacing:.7px;
    }


    /* BOTTOM */

    .pb-fundal-bottom{
        width:100%;
        max-width:100%;

        min-width:0;

        gap:5px;

        padding:8px 2px 0;

        overflow:hidden;
    }


    .pb-fundal-bottom > span{
        min-width:0;

        font-size:9px;

        letter-spacing:.4px;
    }


    /* BUTON */

    .pb-fundal-open{
        flex:0 0 27px;

        width:27px;
        height:27px;

        min-width:27px;
        max-width:27px;
    }


    .pb-fundal-open__arrow{
        width:9px;
        height:9px;
    }


    .pb-fundal-open__arrow::before{
        width:9px;
        height:1.4px;
    }


    .pb-fundal-open__arrow::after{
        width:5px;
        height:5px;

        border-top-width:1.4px;
        border-right-width:1.4px;
    }


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

    .pb-fundal-lightbox{
        width:100%;

        max-width:100%;

        padding:
            max(12px,env(safe-area-inset-top))
            max(12px,env(safe-area-inset-right))
            max(12px,env(safe-area-inset-bottom))
            max(12px,env(safe-area-inset-left));

        overflow:hidden;

        touch-action:pan-y;
    }


    .pb-fundal-lightbox-box{
        width:100%;

        max-width:100%;

        min-width:0;

        margin:0;

        border-radius:16px;

        overflow-x:hidden;
        overflow-y:auto;
    }


    .pb-fundal-lightbox-image{
        width:100%;

        max-width:100%;

        max-height:67vh;

        padding:8px;
    }


    .pb-fundal-lightbox-bottom{
        width:100%;

        max-width:100%;

        flex-direction:column;

        align-items:stretch;

        gap:11px;

        padding:14px;

        text-align:center;

        overflow:hidden;
    }


    .pb-fundal-whatsapp{
        width:100%;

        max-width:100%;

        padding:13px;

        white-space:normal;
    }


    .pb-fundal-lightbox-close{
        top:
            max(
                13px,
                env(safe-area-inset-top)
            );

        right:
            max(
                13px,
                env(safe-area-inset-right)
            );

        width:40px;
        height:40px;

        min-width:40px;

        font-size:24px;
    }

}


/* =========================================
   TOUCH / IPHONE PREVIEW
========================================= */

@media(hover:none){

    .pb-fundal-visual{
        transform:none !important;
    }


    .pb-fundal-card.show-preview
    .pb-fundal-bg{
        transform:scale(1.01);

        filter:none !important;

        opacity:1;
    }


    .pb-fundal-card.show-preview
    .pb-fundal-couple{
        opacity:1;

        transform:
            translate3d(-50%,0,0)
            scale(1);
    }


    .pb-fundal-card.show-preview
    .pb-fundal-hover{
        opacity:1;

        transform:
            translate3d(-50%,0,0);
    }


    /* FARA HOVER FALS PE IPHONE */

    .pb-fundal-open:hover{
        background:#111;

        transform:none;
    }


    .pb-fundal-open:hover
    .pb-fundal-open__arrow{
        transform:rotate(-45deg);
    }


    .pb-fundal-open:hover
    .pb-fundal-open__arrow::before{
        background:#fff;
    }


    .pb-fundal-open:hover
    .pb-fundal-open__arrow::after{
        border-color:#fff;
    }


    /* APASARE */

    .pb-fundal-open:active{
        background:#FFCD05;

        transform:scale(.94);
    }


    .pb-fundal-open:active
    .pb-fundal-open__arrow::before{
        background:#111;
    }


    .pb-fundal-open:active
    .pb-fundal-open__arrow::after{
        border-color:#111;
    }

}


/* =========================================
   TELEFOANE FOARTE MICI
========================================= */

@media(max-width:390px){

    .pb-fundaluri{
        padding-left:9px;
        padding-right:9px;
    }


    .pb-fundaluri-grid{
        gap:
            16px
            7px;
    }


    .pb-fundal-bottom{
        padding-left:1px;
        padding-right:1px;
    }


    .pb-fundal-bottom > span{
        font-size:8.5px;
    }

}


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

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

    .pb-fundal-visual,
    .pb-fundal-bg,
    .pb-fundal-couple,
    .pb-fundal-hover,
    .pb-fundal-open,
    .pb-fundal-open__arrow,
    .pb-fundal-whatsapp{
        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3994d3b *//* =========================================
   PICBOOTH - GHID + CTA
========================================= */

.pb-bg-guide,
.pb-bg-final{
    font-family:"Poppins",sans-serif;
    box-sizing:border-box;
}

.pb-bg-guide *,
.pb-bg-final *{
    box-sizing:border-box;
}


/* =========================================
   GUIDE
========================================= */

.pb-bg-guide{
    width:100%;
    padding:55px 20px 65px;
    background:#fff;
    color:#111;
}

.pb-bg-guide__inner{
    width:100%;
    max-width:1180px;
    margin:0 auto;
}

.pb-bg-guide__head{
    width:100%;
    max-width:720px;
    margin:0 auto 32px;
    text-align:center;
}

.pb-bg-guide__eyebrow{
    display:block;
    margin-bottom:9px;

    color:#806200;

    font-size:10px;
    line-height:1;

    font-weight:900;
    letter-spacing:1.8px;
}

.pb-bg-guide__head h2{
    width:100%;
    margin:0;

    color:#111;

    font-size:37px;
    line-height:1.12;

    letter-spacing:-1.4px;

    font-weight:600;
}

.pb-guide-title-line{
    display:block;
}

.pb-bg-guide__head h2 strong{
    font-weight:700;
}

.pb-bg-guide__head p{
    width:100%;
    max-width:580px;

    margin:13px auto 0;

    color:#777;

    font-size:13px;
    line-height:1.7;
}


/* =========================================
   GUIDE GRID
========================================= */

.pb-bg-guide__grid{
    display:grid;

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

    gap:14px;
}

.pb-bg-guide__card{
    position:relative;

    min-width:0;
    min-height:265px;

    overflow:hidden;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:21px;

    background:#fff;

    border:1px solid rgba(0,0,0,.075);

    border-radius:18px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.pb-bg-guide__card:hover{
    transform:translateY(-5px);

    border-color:rgba(255,205,5,.65);

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.075);
}

.pb-bg-guide__number{
    color:rgba(0,0,0,.055);

    font-size:54px;
    line-height:.9;

    font-weight:900;
    letter-spacing:-4px;

    transition:color .3s ease;
}

.pb-bg-guide__card:hover
.pb-bg-guide__number{
    color:rgba(255,205,5,.30);
}

.pb-bg-guide__content{
    width:100%;
    margin-top:35px;
}

.pb-bg-guide__type{
    display:block;

    margin-bottom:5px;

    color:#806200;

    font-size:8px;
    line-height:1;

    font-weight:900;
    letter-spacing:1.5px;
}

.pb-bg-guide__content h3{
    margin:0;

    color:#111;

    font-size:18px;
    line-height:1.2;

    font-weight:800;

    letter-spacing:-.5px;
}

.pb-bg-guide__content p{
    margin:9px 0 0;

    color:#777;

    font-size:11px;
    line-height:1.6;
}


/* =========================================
   TAGS
========================================= */

.pb-bg-guide__tags{
    display:grid;

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

    gap:4px;

    width:100%;

    margin-top:14px;
}

.pb-bg-guide__tags span{
    display:flex;

    align-items:center;
    justify-content:center;

    min-width:0;

    padding:5px 3px;

    white-space:nowrap;

    border:1px solid rgba(255,205,5,.32);

    border-radius:6px;

    background:#fff9dc;

    color:#4c4300;

    font-size:6.5px;
    line-height:1;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.15px;
}


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

.pb-bg-final{
    position:relative;

    width:calc(100% - 40px);
    max-width:1180px;

    margin:0 auto 45px;

    padding:47px 48px 19px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 75% 0%,
            rgba(255,205,5,.10),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #080808,
            #151515
        );

    border-radius:25px;

    color:#fff;
}

.pb-bg-final::before{
    content:"";

    position:absolute;
    inset:0;

    opacity:.14;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size:36px 36px;

    pointer-events:none;
}

.pb-bg-final__glow{
    position:absolute;

    top:-130px;
    right:5%;

    width:280px;
    height:280px;

    border-radius:50%;

    background:rgba(255,205,5,.13);

    filter:blur(100px);

    pointer-events:none;
}

.pb-bg-final__inner{
    position:relative;
    z-index:2;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:50px;
}

.pb-bg-final__left{
    max-width:620px;
}

.pb-bg-final__eyebrow{
    display:block;

    margin-bottom:9px;

    color:#FFCD05;

    font-size:9px;

    font-weight:900;

    letter-spacing:1.7px;
}

.pb-bg-final__left h2{
    margin:0;

    color:#fff;

    font-size:39px;
    line-height:1.08;

    letter-spacing:-1.5px;

    font-weight:600;
}

.pb-bg-final__left h2 strong{
    color:#FFCD05;

    font-weight:700;
}

.pb-bg-final__left p{
    max-width:530px;

    margin:12px 0 0;

    color:rgba(255,255,255,.64);

    font-size:12px;
    line-height:1.7;
}


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

.pb-bg-final__right{
    flex:0 0 auto;

    display:flex;
    flex-direction:column;

    gap:8px;

    width:205px;
}

.pb-bg-final__button{
    position:relative;

    overflow:hidden;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:10px;

    width:100%;

    min-height:44px;

    padding:11px 15px;

    border-radius:10px;

    text-decoration:none !important;

    font-size:9px;

    font-weight:900;

    letter-spacing:.5px;

    transition:.3s ease;
}

.pb-bg-final__button--primary{
    background:#FFCD05;

    color:#111 !important;

    box-shadow:
        0 10px 30px
        rgba(255,205,5,.15);
}

.pb-bg-final__button--primary:hover{
    transform:translateY(-2px);

    box-shadow:
        0 14px 35px
        rgba(255,205,5,.22);
}

.pb-bg-final__button--secondary{
    border:1px solid rgba(255,255,255,.15);

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

    color:#fff !important;
}

.pb-bg-final__button--secondary:hover{
    background:#fff;

    color:#111 !important;

    transform:translateY(-2px);
}


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

.pb-bg-final__bottom{
    position:relative;
    z-index:2;

    display:flex;

    align-items:center;

    gap:18px;

    margin-top:32px;

    padding-top:16px;

    border-top:1px solid rgba(255,255,255,.08);
}

.pb-bg-final__bottom span{
    display:flex;

    align-items:center;

    gap:6px;

    color:rgba(255,255,255,.55);

    font-size:9px;

    font-weight:700;
}

.pb-bg-final__bottom i{
    display:flex;

    align-items:center;
    justify-content:center;

    width:16px;
    height:16px;

    border-radius:50%;

    background:rgba(255,205,5,.12);

    color:#FFCD05;

    font-size:8px;

    font-style:normal;
}


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

@media(max-width:950px){

    .pb-bg-guide__grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:12px;
    }

    .pb-bg-guide__card{
        min-height:235px;
    }

    .pb-bg-final__inner{
        gap:30px;
    }

}


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

@media(max-width:767px){

    /* GUIDE */

    .pb-bg-guide{
        padding:
            38px 10px
            45px;
    }

    .pb-bg-guide__head{
        width:100%;
        max-width:100%;

        margin-bottom:23px;

        padding:0 2px;
    }

    .pb-bg-guide__eyebrow{
        margin-bottom:8px;

        font-size:7px;

        letter-spacing:1.1px;
    }


    /* TITLE EXACT 2 RANDURI */

    .pb-bg-guide__head h2{
        width:100%;

        max-width:100%;

        margin:0 auto;

        font-size:20px !important;
        line-height:1.12;

        letter-spacing:-.65px;

        font-weight:600;

        text-align:center;
    }

    .pb-guide-title-line{
        display:block;

        width:100%;

        white-space:nowrap;
    }

    .pb-bg-guide__head p{
        max-width:320px;

        margin-top:10px;

        font-size:10px;

        line-height:1.6;
    }


    /* CARDS */

    .pb-bg-guide__grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:8px;
    }

    .pb-bg-guide__card{
        min-height:220px;

        padding:13px;

        border-radius:14px;
    }

    .pb-bg-guide__number{
        font-size:38px;

        letter-spacing:-3px;
    }

    .pb-bg-guide__content{
        margin-top:23px;
    }

    .pb-bg-guide__type{
        margin-bottom:4px;

        font-size:6px;

        letter-spacing:.9px;
    }

    .pb-bg-guide__content h3{
        font-size:12px;

        line-height:1.18;

        letter-spacing:-.25px;
    }

    .pb-bg-guide__content p{
        margin-top:7px;

        font-size:7.5px;

        line-height:1.5;
    }


    /* TAGS TOATE PE UN RAND */

    .pb-bg-guide__tags{
        grid-template-columns:
            repeat(3,minmax(0,1fr));

        gap:2px;

        margin-top:9px;
    }

    .pb-bg-guide__tags span{
        width:100%;

        min-width:0;

        padding:4px 1px;

        white-space:nowrap;

        border-radius:5px;

        font-size:4.7px;

        line-height:1;

        letter-spacing:-.1px;
    }


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

    .pb-bg-final{
        width:calc(100% - 20px);

        margin:
            0 auto 30px;

        padding:
            34px 17px
            17px;

        border-radius:20px;
    }

    .pb-bg-final__inner{
        flex-direction:column;

        align-items:stretch;

        gap:22px;

        text-align:center;
    }

    .pb-bg-final__left{
        max-width:100%;
    }

    .pb-bg-final__eyebrow{
        font-size:7px;

        letter-spacing:1.2px;
    }

    .pb-bg-final__left h2{
        font-size:29px;

        line-height:1.08;

        letter-spacing:-1px;
    }

    .pb-bg-final__left p{
        max-width:320px;

        margin:
            10px auto 0;

        font-size:10px;

        line-height:1.6;
    }

    .pb-bg-final__right{
        width:100%;

        max-width:290px;

        margin:auto;
    }

    .pb-bg-final__button{
        min-height:44px;

        font-size:9px;
    }

    .pb-bg-final__bottom{
        justify-content:center;

        flex-wrap:wrap;

        gap:8px 12px;

        margin-top:24px;

        padding-top:14px;
    }

    .pb-bg-final__bottom span{
        font-size:7px;
    }

    .pb-bg-final__bottom i{
        width:14px;
        height:14px;

        font-size:7px;
    }

}


/* =========================================
   TELEFOANE MICI
========================================= */

@media(max-width:390px){

    .pb-bg-guide__head h2{
        font-size:18.5px !important;
    }

    .pb-bg-guide__card{
        padding:11px;

        min-height:216px;
    }

    .pb-bg-guide__content h3{
        font-size:11px;
    }

    .pb-bg-guide__content p{
        font-size:7px;
    }

    .pb-bg-guide__tags span{
        font-size:4.2px;
    }

    .pb-bg-final__left h2{
        font-size:27px;
    }

}/* End custom CSS */