:root{--vf:#1b4332;--v:#2d6a4f;--vc:#74c69d;--t:#c2410c;--tf:#9a3412;--a:#f59e0b;--ac:#fbbf24;--f:#fdf8f1;--x:#3d2c26;--g:#8a736a}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--f);color:var(--x);line-height:1.65}
.wrap{max-width:900px;margin:0 auto;padding:0 16px}
nav{background:var(--vf);padding:12px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:50}
nav .logo{color:#fff7ec;font-weight:800;font-size:1.05rem;text-decoration:none}
nav a.nl{color:#cfe8da;text-decoration:none;font-size:.85rem;font-weight:600}
nav a.nl:hover{color:#fff}
nav .cta{margin-left:auto;background:linear-gradient(180deg,var(--ac),var(--a));color:#4a2c12;font-weight:800;font-size:.82rem;padding:9px 14px;border-radius:10px;text-decoration:none}
.hero{background:linear-gradient(135deg,#1b4332,#2d6a4f 55%,#c2410c 130%);color:#fff7ec;text-align:center;padding:56px 16px 44px}
.hero h1{font-size:2rem;line-height:1.25;max-width:720px;margin:0 auto 14px}
.hero h1 span{color:var(--ac)}
.hero p{max-width:640px;margin:0 auto 20px;font-size:1rem;opacity:.95}
.btn{display:inline-block;background:linear-gradient(180deg,var(--ac),var(--a));color:#4a2c12;font-weight:800;border-radius:14px;padding:15px 26px;text-decoration:none;font-size:1rem;box-shadow:0 5px 0 #b45309}
.btn2{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:#fff7ec;font-weight:700;border-radius:14px;padding:15px 22px;text-decoration:none;font-size:.95rem}
section{padding:34px 0}
h2{text-align:center;color:var(--tf);font-size:1.35rem;margin-bottom:6px}
.sub{text-align:center;color:var(--g);font-size:.9rem;margin-bottom:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:700px){.grid3{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #f0e2cf;border-radius:14px;padding:14px;box-shadow:0 3px 12px rgba(120,72,30,.07)}
.card img{width:100%;border-radius:10px;margin-bottom:8px}
.card b{color:var(--tf)}
.avis{background:#fffdf9;border:1px solid #f0e2cf;border-radius:12px;padding:13px 15px;font-style:italic;font-size:.9rem;margin-bottom:9px}
.avis .n{font-style:normal;font-weight:700;font-size:.8rem;color:var(--tf);margin-top:5px}
details{background:#fffdf9;border:1px solid #f0e2cf;border-radius:12px;margin-bottom:8px}
summary{padding:12px 14px;font-weight:700;font-size:.9rem;cursor:pointer}
details p{padding:0 14px 12px;font-size:.87rem;color:#5c463c}
.callf{background:linear-gradient(135deg,#1b4332,#2d6a4f);color:#fff7ec;text-align:center;padding:30px 16px;border-radius:18px;margin:20px 0}
.callf .btn{margin-top:12px}
footer{background:var(--vf);color:#cfe8da;text-align:center;font-size:.82rem;padding:24px 16px;margin-top:30px}
footer b{color:#fff}
.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px rgba(120,72,30,.08)}
.tbl td{padding:11px 14px;border-bottom:1px solid #f3e6cf;font-size:.9rem}
.tbl td:last-child{text-align:right;font-weight:700;color:var(--tf);white-space:nowrap}
.price-hero{background:linear-gradient(135deg,#1b4332,#2d6a4f);color:#fff7ec;padding:44px 16px;text-align:center}
.price-hero h1{font-size:1.7rem;margin-bottom:10px}
.crumbs{font-size:.78rem;color:var(--g);margin:14px 0}
.crumbs a{color:var(--t);text-decoration:none}