:root { --green:#0a4c35; --dark:#05261a; --cream:#f0ede3; --gold:#b99557; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Lato',system-ui,sans-serif; color:var(--dark); background:#fff; line-height:1.7; }
a { color:var(--green); }
.wrap { max-width:820px; margin:0 auto; padding:0 20px; }
.serif { font-family:'Playfair Display',Georgia,serif; }
header { background:#fff; border-bottom:1px solid #eee; padding:16px 0; position:sticky; top:0; z-index:10; }
header .wrap { display:flex; align-items:center; justify-content:space-between; max-width:1100px; }
header img { height:46px; }
header nav a { margin-left:20px; text-decoration:none; font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--green); }
.hero { background:linear-gradient(180deg,var(--cream),#fff); padding:56px 0 40px; text-align:center; }
.hero h1 { font-size:clamp(26px,4.6vw,42px); color:var(--green); line-height:1.15; margin-bottom:14px; }
.hero p { font-size:17px; color:#555; max-width:620px; margin:0 auto; }
.badge { display:inline-block; background:var(--green); color:#fff; font-size:12px; letter-spacing:.14em; text-transform:uppercase; padding:6px 15px; border-radius:99px; margin-bottom:18px; }
.crumbs { font-size:13px; color:#888; padding:14px 0 0; }
.crumbs a { color:#888; text-decoration:none; }
article { padding:32px 0; }
article h2 { font-family:'Playfair Display',Georgia,serif; font-size:clamp(22px,3.6vw,30px); color:var(--green); margin:30px 0 12px; }
article h3 { color:var(--green); margin:20px 0 6px; font-size:18px; }
article p { margin-bottom:14px; }
article ul { margin:0 0 16px 20px; }
article li { margin-bottom:8px; }
.card { display:flex; flex-wrap:wrap; gap:22px; background:var(--cream); border-radius:16px; overflow:hidden; align-items:stretch; margin:24px 0; }
.card img { width:300px; max-width:100%; object-fit:cover; flex:1 1 260px; }
.card .body { flex:1 1 300px; padding:26px; }
.specs { display:flex; gap:20px; flex-wrap:wrap; margin:12px 0 16px; font-weight:700; color:var(--green); }
.cta-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.btn { display:inline-flex; align-items:center; gap:8px; padding:12px 24px; border-radius:10px; text-decoration:none; font-weight:700; font-size:15px; }
.btn-green { background:var(--green); color:#fff; }
.btn-wa { background:#25D366; color:#fff; }
.btn-outline { border:2px solid var(--green); color:var(--green); }
.faq dt { font-weight:700; color:var(--green); margin-top:16px; font-size:16px; }
.faq dd { margin:5px 0 0; color:#444; }
.closing { background:var(--green); color:var(--cream); text-align:center; border-radius:16px; padding:38px 24px; margin:28px 0; }
.closing h2 { color:#fff; margin-top:0; }
.closing .btn-outline { border-color:var(--cream); color:var(--cream); }
.related { border-top:1px solid #eee; padding-top:22px; }
.related a { display:block; margin-bottom:8px; font-weight:700; color:var(--gold); text-decoration:none; }
footer { background:var(--dark); color:#cdd6d0; text-align:center; padding:30px 20px; font-size:14px; margin-top:24px; }
footer a { color:var(--gold); text-decoration:none; }