/* ==================================================
   LIFEPEDIA PREMIUM
   ORGANIC LUXURY DESIGN SYSTEM
================================================== */

/* RESET */

*,
*::before,
*::after{
    box-sizing:border-box;
    margin:0;
    padding:0;
}

html{
    scroll-behavior:smooth;
}

body{

    background:#FCF8F2;

    color:#343434;

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

    line-height:1.8;

    font-size:16px;

    overflow-x:hidden;

}

/* LINKS */

a{

    color:inherit;

    text-decoration:none;

    transition:.3s;

}

/* IMAGES */

img{

    max-width:100%;

    display:block;

    height:auto;

}

/* CONTAINER */

.lp-container{

    width:1320px;

    max-width:92%;

    margin:auto;

}

/* COLORS */

:root{

    --primary:#6B6E45;

    --primary-dark:#565937;

    --gold:#B89A67;

    --cream:#FCF8F2;

    --text:#343434;

    --border:#ECE4D8;

}

/* TITLES */

h1,h2,h3,h4,h5,h6{

    font-family:'Cormorant Garamond',serif;

    color:#2f2f2f;

    font-weight:600;

    line-height:1.1;

}

h1{

    font-size:72px;

    line-height:1.05;

}

h2{

    font-size:52px;

}

p{

    color:#666;

}

/* BUTTON */

.lp-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:52px;

    padding:0 30px;

    background:var(--primary);

    color:#fff;

    border-radius:999px;

    font-weight:700;

}

.lp-btn:hover{

    background:var(--primary-dark);

}

/* ==================================================
   FEATURE STRIP - 4 caracteristici
   Secțiunea care se suprapune peste hero
================================================== */
.lp-features{
    position:relative;
    margin-top:-60px;
    z-index:20;
    padding:0 0 40px;
}
.lp-features-box{
    background:#fff;
    border-radius:28px;
    box-shadow:
        0 25px 60px rgba(52,52,52,.10),
        0 0 0 1px var(--border);
    padding:38px 30px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
}

.lp-feature-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
}

.lp-feature-icon{
    flex-shrink:0;
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(circle, var(--cream) 0%, var(--border) 100%);
    color:var(--gold);
    font-size:26px;
}
.lp-feature-icon img,
.lp-feature-icon svg{
    width:28px;
    height:28px;
}

.lp-feature-text h3{
    font-family:'Manrope',sans-serif;
    margin:0 0 6px;
    font-size:14px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--text);
}
.lp-feature-text p{
    margin:0;
    font-size:13.5px;
    line-height:1.55;
    color:#8a887a;
}

/* Separatoare verticale discrete între iteme */
.lp-feature-item + .lp-feature-item{
    position:relative;
    padding-left:20px;
}
.lp-feature-item + .lp-feature-item::before{
    content:"";
    position:absolute;
    left:0;
    top:6px;
    bottom:6px;
    width:1px;
    background:var(--border);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1100px){
    .lp-features-box{
        grid-template-columns:repeat(2, 1fr);
        gap:28px;
    }
    .lp-feature-item + .lp-feature-item::before{
        display:none;
    }
}

@media (max-width: 640px){
    .lp-features{
        margin-top:-30px;
    }
    .lp-features-box{
        grid-template-columns:1fr;
        padding:28px 22px;
        gap:26px;
        border-radius:22px;
    }
    .lp-feature-item + .lp-feature-item::before{
        display:none;
    }
}