:root{
    --primary:#E53B6F;
    --secondary:#F7B548;
    --accent:#6A3D23;
    --soft:#F8E7D4;
    --bg:#FAF5EE;
    --text:#4A2E1F;
    --white:#ffffff;
    --shadow:0 10px 30px rgba(106,61,35,.12);
}

*{box-sizing:border-box;margin:0;padding:0}
body{
    font-family:Arial, Helvetica, sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.6;
}
.container{width:min(1200px,92%);margin:auto}
section{padding:100px 0}

.header{
    position:sticky;
    top:0;
    background:rgba(250,245,238,.95);
    backdrop-filter:blur(8px);
    z-index:1000;
}
.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
}
.brand-logo{height:72px}
.nav-menu{
    display:flex;
    gap:24px;
    list-style:none;
}
.nav-menu a{
    text-decoration:none;
    color:var(--accent);
    font-weight:600;
}

.hero{
    background:linear-gradient(135deg,#FAF5EE 0%,#F8E7D4 100%);
}
.hero-content{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;
    align-items:center;
}
.hero-text h1{font-size:3.4rem;line-height:1.1;margin:16px 0}
.hero-actions{display:flex;gap:16px;margin-top:30px}
.hero-image-box{
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 20px 40px rgba(106,61,35,.18);
}
.hero-product-image{
    width:100%;
    height:520px;
    object-fit:cover;
}

.btn-primary,.btn-secondary{
    padding:14px 24px;
    border-radius:999px;
    text-decoration:none;
    font-weight:700;
}
.btn-primary{background:var(--primary);color:#fff}
.btn-secondary{border:2px solid var(--accent);color:var(--accent)}

.benefits-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    text-align:center;
    font-weight:700;
}

.section-header{text-align:center;margin-bottom:50px}
.section-tag{color:var(--primary);font-weight:700;text-transform:uppercase}
.products-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}
.product-item{
    position:relative;
    border-radius:22px;
    overflow:hidden;
    min-height:380px;
}
.product-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.product-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(106,61,35,.95),rgba(106,61,35,.2));
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:24px;
    color:#fff;
}
.featured{border:2px solid var(--secondary)}

.about-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.info-box,.contact,.experience,.cta-final{
    background:#fff;
    border-radius:24px;
    padding:40px;
    box-shadow:var(--shadow);
}
footer{text-align:center;padding:30px}

@media(max-width:992px){
    .hero-content,.products-grid,.about-grid,.benefits-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:576px){
    .hero-content,.products-grid,.about-grid,.benefits-grid{
        grid-template-columns:1fr;
    }
    .nav-menu{display:none}
}

.experience-grid,
.cta-grid,
.social-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
}

.experience-image img,
.cta-image img,
.social-image img{
    width:100%;
    border-radius:24px;
    display:block;
    box-shadow:var(--shadow);
}