.elementor-162 .elementor-element.elementor-element-1f622ae2:not(.elementor-motion-effects-element-type-background), .elementor-162 .elementor-element.elementor-element-1f622ae2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-308e809 );}.elementor-162 .elementor-element.elementor-element-1f622ae2{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0em 0em 0em 0em;}.elementor-162 .elementor-element.elementor-element-1f622ae2 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-162 .elementor-element.elementor-element-7b6d0b80 > .elementor-element-populated{margin:0em 0em 0em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-162 .elementor-element.elementor-element-7b6d0b80{width:40%;}}@media(max-width:1024px){.elementor-162 .elementor-element.elementor-element-1f622ae2{padding:4em 1em 4em 1em;}.elementor-162 .elementor-element.elementor-element-7b6d0b80 > .elementor-element-populated{margin:2.5em 2em 0em 0em;--e-column-margin-right:2em;--e-column-margin-left:0em;}}@media(max-width:767px){.elementor-162 .elementor-element.elementor-element-1f622ae2{padding:2em 1.5em 3em 1.5em;}.elementor-162 .elementor-element.elementor-element-7b6d0b80 > .elementor-element-populated{margin:0em 0em 2em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}}/* Start custom CSS for html, class: .elementor-element-25d3581 *//* =========================================================
   MARMURA & AGREGATE
   covoarepiatranaturala.ro
   ========================================================= */

.cpma-page{

    /* =============================
       IMAGINI - MODIFICĂ DOAR AICI
       ============================= */

    --cpma-img-hero:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/IMG_2331.jpg");
    --cpma-img-1:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/B2D33EAE-43B0-4988-B3DD-D32FEF61B735.png");
    --cpma-img-2:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/IMG_2330.jpg");
    --cpma-img-3:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/IMG_2332.jpg");
    --cpma-img-4:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/IMG_2336.jpg");
    --cpma-img-5:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/images-2.jpeg");

    /* pattern existent pe site */
    --cpma-pattern:url("https://covoarepiatranaturala.ro/wp-content/uploads/2026/10/BG-1.png");


    --white:#ffffff;
    --cream:#f7f6f3;
    --light:#f1f1ef;
    --black:#151515;
    --text:#55534f;
    --muted:#85817a;

    --green:#adb64d;
    --green-dark:#9fa841;

    --teal:#285e63;
    --teal-dark:#214f53;

    --line:#dddcd7;

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

    margin:0 auto;

    color:var(--text);

    font-family:inherit;
    font-size:16px;
    line-height:1.68;
}


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


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


.cpma-page h1,
.cpma-page h2,
.cpma-page h3{
    font-family:Georgia, "Times New Roman", serif;
    font-weight:400;

    color:var(--black);
}


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

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

    letter-spacing:-1.4px;
}


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

    font-size:43px;
    line-height:1.14;

    letter-spacing:-.8px;
}


.cpma-page h3{
    font-size:23px;
    line-height:1.3;
}


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


.cpma-lead{
    font-size:18px;
    line-height:1.72;

    color:#46443f;
}


.cpma-kicker{
    display:block;

    margin-bottom:15px;

    color:var(--black);

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

    letter-spacing:2px;
    text-transform:uppercase;
}


/* =========================================================
   GENERIC LINKS
   ========================================================= */

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

    text-decoration:underline;
    text-decoration-color:var(--green);
    text-decoration-thickness:1px;
    text-underline-offset:4px;

    transition:color .2s ease;
}


.cpma-page a:not(.cpma-btn):not(.cpma-text-link):hover{
    color:var(--green-dark);
}


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

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

    margin-top:28px;
}


.cpma-btn{
    display:inline-flex;

    min-height:47px;

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

    padding:12px 22px;

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

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

    letter-spacing:.6px;

    text-decoration:none !important;

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


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


.cpma-btn-green{
    background:var(--green);
    border-color:var(--green);

    color:#fff !important;
}


.cpma-btn-green:hover{
    background:var(--teal);
    border-color:var(--teal);
}


.cpma-btn-outline{
    background:transparent;

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


.cpma-btn-outline:hover{
    background:var(--black);
    border-color:var(--black);

    color:#fff !important;
}


.cpma-btn-light{
    background:#fff;
    border-color:#fff;

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


.cpma-btn-light:hover{
    background:transparent;
    border-color:#fff;

    color:#fff !important;
}


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

    margin-top:6px;

    color:var(--black) !important;

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

    letter-spacing:.7px;

    text-decoration:none !important;

    border-bottom:1px solid var(--green);

    padding-bottom:3px;
}


.cpma-text-link:hover{
    color:var(--green-dark) !important;
}


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

.cpma-hero{
    position:relative;

    min-height:650px;

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

    padding:70px 30px;

    overflow:hidden;
}


.cpma-hero-bg{
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(15,15,15,.18),
            rgba(15,15,15,.18)
        ),
        var(--cpma-img-hero);

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


.cpma-hero-box{
    position:relative;
    z-index:2;

    width:min(700px,90%);

    padding:55px 60px;

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

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

    text-align:center;

    backdrop-filter:blur(2px);
}


.cpma-hero-box:before{
    content:"";

    position:absolute;
    inset:17px;

    border:1px solid rgba(21,21,21,.3);

    pointer-events:none;
}


.cpma-hero-box > *{
    position:relative;
    z-index:2;
}


.cpma-hero-box h1{
    max-width:620px;

    margin-left:auto;
    margin-right:auto;
}


.cpma-hero-box p{
    max-width:570px;

    margin-left:auto;
    margin-right:auto;
}


.cpma-hero-box .cpma-actions{
    justify-content:center;
}


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

.cpma-intro{
    display:grid;

    grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);

    gap:90px;

    align-items:center;

    max-width:1180px;

    margin:0 auto;

    padding:90px 45px;
}


.cpma-intro-images{
    position:relative;

    min-height:560px;
}


.cpma-image{
    background-position:center;
    background-size:cover;
}


.cpma-image-1{
    position:absolute;

    left:0;
    top:0;

    width:57%;
    height:72%;

    background-image:var(--cpma-img-1);
}


.cpma-image-2{
    position:absolute;

    right:0;
    bottom:0;

    width:60%;
    height:72%;

    background-image:var(--cpma-img-2);
}


.cpma-mini-label{
    position:absolute;

    left:35px;
    bottom:10px;

    z-index:4;

    min-width:165px;

    padding:22px 25px;

    background:#fff;
}


.cpma-mini-label strong{
    display:block;

    color:var(--green);

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


.cpma-mini-label span{
    display:block;

    margin-top:7px;

    color:var(--black);

    font-size:14px;
    line-height:1.4;
}


.cpma-intro-copy{
    padding-right:10px;
}


.cpma-intro-points{
    display:grid;

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

    gap:35px;

    margin:30px 0 25px;
}


.cpma-intro-points h3{
    margin-bottom:7px;

    font-size:20px;
}


.cpma-intro-points p{
    margin:0;

    font-size:13px;
}


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

.cpma-statement{
    padding:95px 30px;

    background:
        linear-gradient(
            rgba(40,94,99,.92),
            rgba(40,94,99,.92)
        ),
        var(--cpma-pattern);

    background-repeat:repeat;
    background-size:auto;

    text-align:center;

    color:#fff;
}


.cpma-small-line{
    display:block;

    width:58px;
    height:2px;

    margin:0 auto 26px;

    background:var(--green);
}


.cpma-statement h2{
    max-width:900px;

    margin:0 auto 18px;

    color:#fff;

    font-size:42px;
}


.cpma-statement p{
    max-width:670px;

    margin:0 auto;

    color:rgba(255,255,255,.85);
}


/* =========================================================
   TYPES
   ========================================================= */

.cpma-types{
    display:grid;

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

    gap:60px;

    max-width:1180px;

    margin:0 auto;

    padding:90px 45px;
}


.cpma-types-intro{
    padding-top:20px;
}


.cpma-types-intro h2{
    font-size:39px;
}


.cpma-types-grid{
    display:grid;

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

    gap:15px;
}


.cpma-type-card{
    position:relative;

    min-height:285px;

    padding:30px;

    background:#fff;

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

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


.cpma-type-card:hover{
    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(0,0,0,.06);
}


.cpma-type-featured{
    background:var(--green);

    border-color:var(--green);

    color:#fff;
}


.cpma-type-number{
    display:block;

    margin-bottom:35px;

    color:var(--green);

    font-family:Georgia, "Times New Roman", serif;
    font-size:20px;
}


.cpma-type-featured .cpma-type-number{
    color:#fff;
}


.cpma-type-card h3{
    margin-bottom:12px;
}


.cpma-type-featured h3{
    color:#fff;
}


.cpma-type-card p{
    font-size:13px;
}


.cpma-type-featured p{
    color:rgba(255,255,255,.88);
}


.cpma-type-meta{
    position:absolute;

    left:30px;
    right:30px;
    bottom:25px;

    padding-top:13px;

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

    color:var(--muted);

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

    letter-spacing:.9px;
}


.cpma-type-featured .cpma-type-meta{
    color:#fff;

    border-color:rgba(255,255,255,.35);
}


/* =========================================================
   EDITORIAL SPLIT
   ========================================================= */

.cpma-editorial{
    display:grid;

    grid-template-columns:1fr 1fr;

    background:var(--cream);
}


.cpma-editorial-image{
    min-height:600px;

    background-image:var(--cpma-img-3);

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


.cpma-editorial-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:75px 70px;
}


.cpma-design-row{
    display:grid;

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

    gap:1px;

    margin:25px 0 30px;

    background:var(--line);
}


.cpma-design-row > div{
    padding:18px 14px;

    background:#fff;
}


.cpma-design-row strong{
    display:block;

    margin-bottom:3px;

    color:var(--black);

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


.cpma-design-row span{
    color:var(--muted);

    font-size:9px;
}


/* =========================================================
   GRANULATION
   ========================================================= */

.cpma-grain{
    display:grid;

    grid-template-columns:1fr 1fr;

    max-width:1180px;

    margin:0 auto;

    padding:90px 45px;

    gap:75px;

    align-items:center;
}


.cpma-grain-copy h2{
    max-width:520px;
}


.cpma-grain-list{
    margin-top:30px;

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


.cpma-grain-list > div{
    display:grid;

    grid-template-columns:45px 1fr;

    gap:15px;

    padding:19px 0;

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


.cpma-grain-list > div > span{
    color:var(--green);

    font-family:Georgia, "Times New Roman", serif;
    font-size:17px;
}


.cpma-grain-list h3{
    margin-bottom:3px;

    font-size:18px;
}


.cpma-grain-list p{
    margin:0;

    font-size:12px;
}


.cpma-image-4{
    min-height:530px;

    background-image:var(--cpma-img-4);
}


/* =========================================================
   SYSTEM
   ========================================================= */

.cpma-system{
    padding:75px 30px;

    background:
        linear-gradient(
            rgba(245,245,243,.94),
            rgba(245,245,243,.94)
        ),
        var(--cpma-pattern);

    background-repeat:repeat;
}


.cpma-system-inner{
    display:grid;

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

    gap:80px;

    max-width:1080px;

    margin:0 auto;

    align-items:start;
}


.cpma-system-title h2{
    font-size:39px;
}


.cpma-system-copy{
    padding-top:20px;
}


/* =========================================================
   COSTS
   ========================================================= */

.cpma-costs{
    display:grid;

    grid-template-columns:1fr 1fr;

    background:var(--teal);
}


.cpma-cost-image{
    min-height:560px;

    background-image:var(--cpma-img-5);

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


.cpma-cost-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:70px;

    color:#fff;
}


.cpma-cost-copy .cpma-kicker{
    color:#fff;
}


.cpma-cost-copy h2{
    color:#fff;
}


.cpma-cost-copy .cpma-lead{
    color:#fff;
}


.cpma-cost-copy p{
    color:rgba(255,255,255,.86);
}


.cpma-cost-copy p a{
    color:#fff !important;

    text-decoration-color:var(--green) !important;
}


/* =========================================================
   APPLICATIONS
   ========================================================= */

.cpma-applications{
    max-width:1180px;

    margin:0 auto;

    padding:90px 45px;

    text-align:center;
}


.cpma-applications > h2{
    max-width:830px;

    margin-left:auto;
    margin-right:auto;
}


.cpma-app-grid{
    display:grid;

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

    gap:1px;

    margin-top:45px;

    background:var(--line);

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

    text-align:left;
}


.cpma-app-grid > a{
    display:flex;
    flex-direction:column;

    min-height:290px;

    padding:27px;

    background:#fff;

    text-decoration:none !important;

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


.cpma-app-grid > a:hover{
    background:var(--green);

    transform:translateY(-4px);
}


.cpma-app-grid > a > span{
    display:block;

    margin-bottom:45px;

    color:var(--green);

    font-family:Georgia, "Times New Roman", serif;
    font-size:17px;
}


.cpma-app-grid h3{
    margin-bottom:10px;

    font-size:20px;
}


.cpma-app-grid p{
    margin-bottom:22px;

    font-size:12px;
}


.cpma-app-grid b{
    margin-top:auto;

    color:var(--black);

    font-size:9px;

    letter-spacing:.5px;
}


.cpma-app-grid > a:hover span,
.cpma-app-grid > a:hover h3,
.cpma-app-grid > a:hover p,
.cpma-app-grid > a:hover b{
    color:#fff;
}


/* =========================================================
   EXECUTION / HIDROIZOL
   ========================================================= */

.cpma-execution{
    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:60px;

    padding:75px max(45px,calc((100% - 1090px) / 2));

    background:var(--teal);

    color:#fff;
}


.cpma-execution .cpma-kicker{
    color:#fff;
}


.cpma-execution h2{
    max-width:700px;

    color:#fff;
}


.cpma-execution p{
    max-width:720px;

    color:rgba(255,255,255,.87);
}


.cpma-execution p a{
    color:#fff !important;

    text-decoration-color:var(--green) !important;
}


.cpma-execution-card{
    align-self:center;

    padding:30px;

    background:#fff;

    color:var(--text);
}


.cpma-execution-card > span{
    display:block;

    margin-bottom:18px;

    color:var(--green-dark);

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

    letter-spacing:1.3px;
}


.cpma-execution-card > strong{
    display:block;

    margin-bottom:12px;

    color:var(--black);

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


.cpma-execution-card p{
    color:var(--text);

    font-size:12px;
}


.cpma-execution-card a{
    color:var(--black) !important;

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

    text-decoration:none !important;

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


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

.cpma-faq{
    display:grid;

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

    gap:70px;

    max-width:1180px;

    margin:0 auto;

    padding:90px 45px;
}


.cpma-faq-intro h2{
    font-size:38px;
}


.cpma-faq-list{
    border-top:1px solid var(--line);
}


.cpma-faq-list details{
    border-bottom:1px solid var(--line);
}


.cpma-faq-list summary{
    display:grid;

    grid-template-columns:1fr 35px;

    gap:20px;

    align-items:center;

    padding:20px 18px;

    background:#f5f5f4;

    cursor:pointer;

    list-style:none;
}


.cpma-faq-list summary::-webkit-details-marker{
    display:none;
}


.cpma-faq-list summary span{
    color:var(--black);

    font-family:Georgia, "Times New Roman", serif;
    font-size:17px;
}


.cpma-faq-list summary b{
    color:var(--green);

    font-size:20px;
    font-weight:400;

    text-align:center;

    transition:transform .2s ease;
}


.cpma-faq-list details[open] summary{
    background:var(--green);

    color:#fff;
}


.cpma-faq-list details[open] summary span,
.cpma-faq-list details[open] summary b{
    color:#fff;
}


.cpma-faq-list details[open] summary b{
    transform:rotate(45deg);
}


.cpma-faq-list details > div{
    padding:22px 20px 24px;
}


.cpma-faq-list details p{
    margin:0;

    font-size:13px;
}


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

.cpma-final{
    padding:90px 30px;

    background:
        linear-gradient(
            rgba(37,84,88,.93),
            rgba(37,84,88,.93)
        ),
        var(--cpma-pattern);

    color:#fff;

    text-align:center;
}


.cpma-final .cpma-kicker{
    color:#fff;
}


.cpma-final h2{
    max-width:800px;

    margin-left:auto;
    margin-right:auto;

    color:#fff;
}


.cpma-final p{
    max-width:700px;

    margin-left:auto;
    margin-right:auto;

    color:rgba(255,255,255,.86);
}


.cpma-final .cpma-actions{
    justify-content:center;
}


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

@media(max-width:1024px){

    .cpma-page h1{
        font-size:46px;
    }

    .cpma-page h2{
        font-size:37px;
    }


    .cpma-intro{
        gap:45px;

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


    .cpma-types{
        gap:35px;

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


    .cpma-editorial-copy{
        padding:55px 40px;
    }


    .cpma-grain{
        gap:45px;

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


    .cpma-applications{
        padding-left:30px;
        padding-right:30px;
    }


    .cpma-app-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }


    .cpma-faq{
        gap:40px;

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

}


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

@media(max-width:767px){

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


    .cpma-page h1{
        font-size:36px;
        line-height:1.1;
    }


    .cpma-page h2{
        font-size:31px;
    }


    .cpma-lead{
        font-size:16px;
    }


    /* HERO */

    .cpma-hero{
        min-height:570px;

        padding:35px 15px;
    }


    .cpma-hero-box{
        width:100%;

        padding:45px 25px;
    }


    .cpma-hero-box:before{
        inset:10px;
    }


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


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


    /* INTRO */

    .cpma-intro{
        grid-template-columns:1fr;

        gap:45px;

        padding:55px 18px;
    }


    .cpma-intro-images{
        min-height:460px;
    }


    .cpma-intro-points{
        grid-template-columns:1fr;

        gap:20px;
    }


    /* STATEMENT */

    .cpma-statement{
        padding:65px 18px;
    }


    .cpma-statement h2{
        font-size:29px;
    }


    /* TYPES */

    .cpma-types{
        grid-template-columns:1fr;

        padding:55px 18px;
    }


    .cpma-types-grid{
        grid-template-columns:1fr;
    }


    .cpma-type-card{
        min-height:250px;
    }


    /* EDITORIAL */

    .cpma-editorial{
        grid-template-columns:1fr;
    }


    .cpma-editorial-image{
        min-height:390px;
    }


    .cpma-editorial-copy{
        padding:50px 18px;
    }


    .cpma-design-row{
        grid-template-columns:1fr;
    }


    /* GRAIN */

    .cpma-grain{
        grid-template-columns:1fr;

        padding:55px 18px;
    }


    .cpma-image-4{
        min-height:390px;
    }


    /* SYSTEM */

    .cpma-system{
        padding:55px 18px;
    }


    .cpma-system-inner{
        grid-template-columns:1fr;

        gap:20px;
    }


    .cpma-system-copy{
        padding-top:0;
    }


    /* COSTS */

    .cpma-costs{
        grid-template-columns:1fr;
    }


    .cpma-cost-image{
        min-height:390px;
    }


    .cpma-cost-copy{
        padding:50px 18px;
    }


    /* APPLICATIONS */

    .cpma-applications{
        padding:55px 18px;
    }


    .cpma-app-grid{
        grid-template-columns:1fr;
    }


    .cpma-app-grid > a{
        min-height:230px;
    }


    /* EXECUTION */

    .cpma-execution{
        grid-template-columns:1fr;

        gap:30px;

        padding:55px 18px;
    }


    /* FAQ */

    .cpma-faq{
        grid-template-columns:1fr;

        gap:30px;

        padding:55px 18px;
    }


    /* FINAL */

    .cpma-final{
        padding:65px 18px;
    }

}


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

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

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

}/* End custom CSS */