.elementor-210 .elementor-element.elementor-element-15a614df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-210 .elementor-element.elementor-element-15a614df:not(.elementor-motion-effects-element-type-background), .elementor-210 .elementor-element.elementor-element-15a614df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://covor-piatra-pret.ro/wp-content/uploads/2026/10/E84FFEA6-F331-4255-960C-DB27FFFA3A1E.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-210 .elementor-element.elementor-element-15a614df::before, .elementor-210 .elementor-element.elementor-element-15a614df > .elementor-background-video-container::before, .elementor-210 .elementor-element.elementor-element-15a614df > .e-con-inner > .elementor-background-video-container::before, .elementor-210 .elementor-element.elementor-element-15a614df > .elementor-background-slideshow::before, .elementor-210 .elementor-element.elementor-element-15a614df > .e-con-inner > .elementor-background-slideshow::before, .elementor-210 .elementor-element.elementor-element-15a614df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-638d055 );--background-overlay:'';}.elementor-210 .elementor-element.elementor-element-7cf68324{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-210 .elementor-element.elementor-element-2c52efe8{text-align:center;}.elementor-210 .elementor-element.elementor-element-2c52efe8 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-210 .elementor-element.elementor-element-24553304{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-210 .elementor-element.elementor-element-319ae11{--display:flex;--overlay-opacity:0.1;}.elementor-210 .elementor-element.elementor-element-319ae11::before, .elementor-210 .elementor-element.elementor-element-319ae11 > .elementor-background-video-container::before, .elementor-210 .elementor-element.elementor-element-319ae11 > .e-con-inner > .elementor-background-video-container::before, .elementor-210 .elementor-element.elementor-element-319ae11 > .elementor-background-slideshow::before, .elementor-210 .elementor-element.elementor-element-319ae11 > .e-con-inner > .elementor-background-slideshow::before, .elementor-210 .elementor-element.elementor-element-319ae11 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://covor-piatra-pret.ro/wp-content/uploads/2026/10/bg_pattern__4.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-210 .elementor-element.elementor-element-15a614df{--content-width:640px;}.elementor-210 .elementor-element.elementor-element-319ae11{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-210 .elementor-element.elementor-element-15a614df{--content-width:540px;}}@media(max-width:1024px){.elementor-210 .elementor-element.elementor-element-15a614df{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-210 .elementor-element.elementor-element-7cf68324{--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-210 .elementor-element.elementor-element-24553304{--padding-top:3em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-210 .elementor-element.elementor-element-319ae11{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}}@media(max-width:767px){.elementor-210 .elementor-element.elementor-element-15a614df{--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-210 .elementor-element.elementor-element-7cf68324{--padding-top:21px;--padding-bottom:21px;--padding-left:21px;--padding-right:21px;}.elementor-210 .elementor-element.elementor-element-24553304{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}}/* Start custom CSS for html, class: .elementor-element-8f51453 *//* ======================================================
   EXEMPLE LUCRARI - COVOR PIATRA PRET
   ====================================================== */

.cpex-page{

    /* ==============================
       ADAUGA AICI FOTOGRAFIILE TALE
       ============================== */

    --cpex-main:url("https://covor-piatra-pret.ro/wp-content/uploads/2026/10/IMG_2345.jpg");

    --cpex-img-1:url("https://covor-piatra-pret.ro/wp-content/uploads/2026/10/covor-piatra8.webp");
    --cpex-img-2:url("https://covor-piatra-pret.ro/wp-content/uploads/2026/10/735389A3-28A3-41E8-B184-3F9D13C7D1D6.png");
    --cpex-img-3:url("https://covor-piatra-pret.ro/wp-content/uploads/2026/10/IMG_23411.jpg");
    --cpex-img-4:url("https://covor-piatra-pret.ro/wp-content/uploads/2026/10/hidroizolatie-balcoane.webp");
    --cpex-img-5:url("https://covor-piatra-pret.ro/wp-content/uploads/2026/10/IMG_2336.jpg");
    --cpex-img-6:url("https://covor-piatra-pret.ro/wp-content/uploads/2026/10/24FA5B4E-2809-4C11-BC76-F9C6FD1B20A8.png");


    --bg:#eeeeee;
    --white:#ffffff;
    --black:#202020;
    --text:#504f4d;
    --muted:#777472;
    --line:#d1cecb;
    --red:#ff3c32;
    --soft:#f6f5f3;

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

    margin:0 auto;

    background:var(--bg);
    color:var(--text);

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


.cpex-page *,
.cpex-page *:before,
.cpex-page *:after{
    box-sizing:border-box;
}


.cpex-page h1,
.cpex-page h2,
.cpex-page h3,
.cpex-page p,
.cpex-page blockquote{
    margin-top:0;
}


.cpex-page h1,
.cpex-page h2,
.cpex-page h3,
.cpex-page blockquote{
    color:var(--black);

    font-family:Georgia, "Times New Roman", serif;
    font-weight:400;
}


.cpex-page h1{
    margin-bottom:22px;

    font-size:51px;
    line-height:1.07;
    letter-spacing:-1px;
}


.cpex-page h2{
    margin-bottom:20px;

    font-size:42px;
    line-height:1.13;
    letter-spacing:-.8px;
}


.cpex-page h3{
    margin-bottom:10px;

    font-size:21px;
    line-height:1.3;
}


.cpex-page p{
    margin-bottom:18px;
}


.cpex-lead{
    color:#3f3e3c;

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


.cpex-kicker{
    display:block;

    margin-bottom:14px;

    color:var(--black);

    font-size:10px;
    font-weight:700;
    letter-spacing:1.4px;
    line-height:1.3;

    text-transform:uppercase;
}


/* LINKS IN CONTENT */

.cpex-page a:not(.cpex-btn):not(.cpex-text-link):not(.cpex-portfolio-btn){
    color:var(--black);

    font-weight:600;

    text-decoration:underline;
    text-decoration-color:var(--red);
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}


.cpex-page a:not(.cpex-btn):not(.cpex-text-link):not(.cpex-portfolio-btn):hover{
    color:var(--red);
}


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

.cpex-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;

    margin-top:28px;
}


.cpex-btn{
    display:inline-flex;

    min-height:50px;

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

    padding:13px 22px;

    border:1px solid var(--black);

    font-size:11px;
    font-weight:700;
    letter-spacing:1.1px;

    text-transform:uppercase;
    text-decoration:none !important;

    transition:
        transform .18s ease,
        background .18s ease,
        color .18s ease,
        border-color .18s ease;
}


.cpex-btn:hover{
    transform:translateY(-2px);
}


.cpex-btn-dark{
    background:var(--black);
    color:#fff !important;
}


.cpex-btn-dark:hover{
    background:var(--red);
    border-color:var(--red);
}


.cpex-btn-outline{
    background:transparent;
    color:var(--black) !important;
}


.cpex-btn-outline:hover{
    background:var(--black);
    color:#fff !important;
}


.cpex-btn-red{
    background:var(--red);
    border-color:var(--red);

    color:#fff !important;
}


.cpex-btn-red:hover{
    background:#fff;
    border-color:#fff;

    color:var(--black) !important;
}


.cpex-btn-white{
    background:#fff;
    border-color:#fff;

    color:var(--black) !important;
}


.cpex-btn-white:hover{
    background:transparent;
    color:#fff !important;
}


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

.cpex-hero{
    display:grid;

    grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);

    gap:65px;
    align-items:center;

    padding:72px 55px;

    border-bottom:1px solid var(--line);
}


.cpex-hero-copy{
    max-width:750px;
}


.cpex-hero-index{
    background:var(--black);
    color:#fff;
}


.cpex-hero-index > span{
    display:block;

    padding:21px 24px;

    border-bottom:1px solid rgba(255,255,255,.12);

    color:#aaa;

    font-size:9px;
    font-weight:700;
    letter-spacing:1.2px;
}


.cpex-hero-index > div{
    display:grid;

    grid-template-columns:40px 1fr;

    gap:10px;
    align-items:center;

    padding:15px 24px;

    border-bottom:1px solid rgba(255,255,255,.11);
}


.cpex-hero-index b{
    color:var(--red);

    font-family:Georgia, "Times New Roman", serif;
    font-size:15px;
    font-weight:400;
}


.cpex-hero-index strong{
    color:#fff;

    font-size:12px;
    font-weight:500;
}


/* ======================================================
   LARGE PHOTO
   ====================================================== */

.cpex-main-photo{
    position:relative;

    min-height:540px;

    background-image:
        linear-gradient(
            90deg,
            rgba(20,20,20,.68),
            rgba(20,20,20,.08)
        ),
        var(--cpex-main);

    background-position:center;
    background-size:cover;
}


.cpex-main-photo-caption{
    position:absolute;

    left:55px;
    bottom:48px;

    max-width:650px;

    color:#fff;
}


.cpex-main-photo-caption span{
    display:block;

    margin-bottom:14px;

    color:var(--red);

    font-size:10px;
    font-weight:700;
    letter-spacing:1.2px;
}


.cpex-main-photo-caption strong{
    display:block;

    font-family:Georgia, "Times New Roman", serif;
    font-size:42px;
    line-height:1.15;
    font-weight:400;
}


/* ======================================================
   PROJECT SECTIONS
   ====================================================== */

.cpex-project{
    display:grid;

    grid-template-columns:1fr 1fr;

    background:#fff;

    border-bottom:1px solid var(--line);
}


.cpex-project-photo{
    min-height:540px;

    background-position:center;
    background-size:cover;

    transition:transform .5s ease;
}


.cpex-photo-1{
    background-image:var(--cpex-img-1);
}

.cpex-photo-2{
    background-image:var(--cpex-img-2);
}

.cpex-photo-3{
    background-image:var(--cpex-img-3);
}

.cpex-photo-4{
    background-image:var(--cpex-img-4);
}

.cpex-photo-5{
    background-image:var(--cpex-img-5);
}

.cpex-photo-6{
    background-image:var(--cpex-img-6);
}


.cpex-project-copy{
    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:64px 55px;
}


.cpex-project-number{
    position:absolute;

    right:32px;
    top:24px;

    color:#dedbd8;

    font-family:Georgia, "Times New Roman", serif;
    font-size:55px;
    line-height:1;
}


.cpex-project-copy h2{
    max-width:490px;
}


.cpex-project-copy p{
    max-width:600px;
}


.cpex-tags{
    display:flex;
    flex-wrap:wrap;

    gap:6px;

    margin:8px 0 22px;
}


.cpex-tags span{
    padding:6px 9px;

    background:var(--soft);
    border:1px solid var(--line);

    color:var(--muted);

    font-size:9px;
    font-weight:600;

    text-transform:uppercase;
    letter-spacing:.6px;
}


.cpex-text-link{
    display:inline-block;

    align-self:flex-start;

    color:var(--red) !important;

    font-size:11px;
    font-weight:700;

    text-decoration:none !important;
}


.cpex-text-link:hover{
    text-decoration:underline !important;
    text-underline-offset:4px;
}


/* ======================================================
   STATEMENT
   ====================================================== */

.cpex-statement{
    padding:75px 55px;

    background:var(--soft);

    text-align:center;

    border-bottom:1px solid var(--line);
}


.cpex-statement .cpex-kicker{
    margin-bottom:25px;
}


.cpex-statement blockquote{
    max-width:920px;

    margin:0 auto;

    font-size:39px;
    line-height:1.3;
}


/* ======================================================
   STANDARD SECTION
   ====================================================== */

.cpex-section{
    padding:70px 55px;

    border-bottom:1px solid var(--line);
}


.cpex-section > h2{
    max-width:830px;
}


.cpex-section > .cpex-lead{
    max-width:800px;
}


.cpex-soft{
    background:var(--soft);
}


/* ======================================================
   TABLE
   ====================================================== */

.cpex-table{
    margin-top:36px;

    border-top:1px solid var(--black);
}


.cpex-table-head,
.cpex-table-row{
    display:grid;

    grid-template-columns:.7fr 1.5fr .8fr;

    gap:25px;

    align-items:center;
}


.cpex-table-head{
    padding:14px 18px;

    color:var(--muted);

    font-size:9px;
    font-weight:700;
    letter-spacing:1px;

    text-transform:uppercase;
}


.cpex-table-row{
    padding:20px 18px;

    background:#fff;

    border-top:1px solid var(--line);
}


.cpex-table-row strong{
    color:var(--black);

    font-family:Georgia, "Times New Roman", serif;
    font-size:18px;
    font-weight:400;
}


.cpex-table-row span{
    font-size:12px;
}


.cpex-table-row b{
    justify-self:end;

    color:var(--muted);

    font-size:10px;
    font-weight:700;

    text-transform:uppercase;

    text-align:right;
}


/* ======================================================
   PORTFOLIO
   ====================================================== */

.cpex-portfolio{
    display:grid;

    grid-template-columns:1.25fr .75fr;

    gap:50px;
    align-items:center;

    padding:60px 55px;

    background:#e4e2df;

    border-bottom:1px solid var(--line);
}


.cpex-portfolio-copy h2{
    font-size:37px;
}


.cpex-portfolio-copy p{
    max-width:700px;
    margin-bottom:0;
}


.cpex-portfolio-btn{
    display:block;

    padding:28px;

    background:#fff;

    border-top:2px solid var(--black);

    text-decoration:none !important;

    transition:
        transform .18s ease,
        border-color .18s ease;
}


.cpex-portfolio-btn:hover{
    transform:translateY(-3px);
    border-color:var(--red);
}


.cpex-portfolio-btn > span{
    display:block;

    margin-bottom:18px;

    color:var(--muted);

    font-size:9px;
    font-weight:700;
    letter-spacing:1.2px;
}


.cpex-portfolio-btn strong{
    display:flex;

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

    color:var(--black);

    font-family:Georgia, "Times New Roman", serif;
    font-size:24px;
    font-weight:400;
}


.cpex-portfolio-btn b{
    color:var(--red);

    font-size:25px;
    font-weight:400;
}


/* ======================================================
   SERVICE BLOCK
   ====================================================== */

.cpex-service{
    display:grid;

    grid-template-columns:1.15fr .85fr;

    gap:60px;

    padding:65px 55px;

    background:var(--black);

    color:#d5d5d5;
}


.cpex-service .cpex-kicker{
    color:#aaa;
}


.cpex-service h2{
    max-width:700px;

    color:#fff;
}


.cpex-service > div:first-child p{
    max-width:700px;
}


.cpex-service > div:first-child a{
    color:#fff !important;
}


.cpex-service-meta{
    align-self:center;

    padding:27px;

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


.cpex-service-meta > span{
    display:block;

    margin-bottom:14px;

    color:var(--red);

    font-size:9px;
    font-weight:700;
    letter-spacing:1.1px;
}


.cpex-service-meta p{
    margin-bottom:15px;

    color:#aaa;

    font-size:12px;
}


.cpex-service-meta a{
    color:#fff !important;

    font-size:11px;
    font-weight:700;

    text-decoration:none !important;
}


.cpex-service-meta a:hover{
    color:var(--red) !important;
}


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

.cpex-faq{
    margin-top:30px;

    border-top:1px solid var(--line);
}


.cpex-faq article{
    padding:23px 0;

    border-bottom:1px solid var(--line);
}


.cpex-faq h3{
    margin-bottom:7px;

    font-size:20px;
}


.cpex-faq p{
    max-width:850px;

    margin:0;

    font-size:14px;
}


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

.cpex-final{
    padding:65px 55px;

    background:var(--black);

    color:#d5d5d5;
}


.cpex-final .cpex-kicker{
    color:#aaa;
}


.cpex-final h2{
    max-width:780px;

    color:#fff;
}


.cpex-final p{
    max-width:760px;
}


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

@media(max-width:1024px){

    .cpex-hero,
    .cpex-section{
        padding-left:35px;
        padding-right:35px;
    }

    .cpex-hero{
        gap:35px;
    }

    .cpex-project-copy{
        padding:55px 35px;
    }

    .cpex-project-photo{
        min-height:500px;
    }

    .cpex-portfolio,
    .cpex-service{
        padding-left:35px;
        padding-right:35px;
    }

}


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

@media(max-width:767px){

    .cpex-page{
        font-size:15px;
    }

    .cpex-page h1{
        font-size:36px;
    }

    .cpex-page h2{
        font-size:32px;
    }

    .cpex-lead{
        font-size:17px;
    }


    .cpex-hero,
    .cpex-project,
    .cpex-portfolio,
    .cpex-service{
        grid-template-columns:1fr;
    }


    .cpex-hero,
    .cpex-section{
        padding:44px 18px;
    }


    .cpex-actions{
        flex-direction:column;
    }


    .cpex-actions .cpex-btn{
        width:100%;
    }


    .cpex-main-photo{
        min-height:410px;
    }


    .cpex-main-photo-caption{
        left:20px;
        right:20px;
        bottom:28px;
    }


    .cpex-main-photo-caption strong{
        font-size:30px;
    }


    .cpex-project-copy{
        padding:48px 18px;
    }


    .cpex-project-photo{
        min-height:380px;
    }


    /* păstrează fotografia prima și pe proiectele alternate */
    .cpex-project-right .cpex-project-photo{
        order:1;
    }


    .cpex-project-right .cpex-project-copy{
        order:2;
    }


    .cpex-project-number{
        right:18px;
        top:19px;

        font-size:45px;
    }


    .cpex-statement{
        padding:55px 18px;
    }


    .cpex-statement blockquote{
        font-size:28px;
    }


    .cpex-table-head{
        display:none;
    }


    .cpex-table-row{
        grid-template-columns:1fr;

        gap:6px;

        padding:20px;
    }


    .cpex-table-row b{
        justify-self:start;

        margin-top:6px;

        text-align:left;
    }


    .cpex-portfolio,
    .cpex-service{
        padding:48px 18px;

        gap:25px;
    }


    .cpex-final{
        padding:48px 18px;
    }

}


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

    .cpex-page *,
    .cpex-page *:before,
    .cpex-page *:after{
        transition:none !important;
    }

}/* End custom CSS */