:root{--g:#1f6f43;--gd:#163d2a;--c:#2b3038;--a:#f59e0b;--ad:#d97706;--bg:#f6f8f6;--w:#fff;--t:#1d2226;--m:#5b6670;--r:14px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font:16px/1.6 Inter,system-ui,sans-serif;color:var(--t);background:var(--bg);-webkit-text-size-adjust:100%}
img{max-width:100%;display:block}a{color:var(--g);text-decoration:none}
h1,h2,h3,h4{font-family:Poppins,sans-serif;line-height:1.25;color:var(--gd)}
.wrap{width:min(1150px,92%);margin:auto}.muted{color:var(--m)}
.btn{display:inline-block;background:var(--a);color:#1d1400;border:0;border-radius:10px;padding:12px 22px;font:600 15px Poppins,sans-serif;cursor:pointer;transition:.2s}
.btn:hover{background:var(--ad)}.btn:disabled{opacity:.6}.btn-sm{padding:8px 16px;font-size:14px}.btn-o{background:transparent;border:2px solid #fff;color:#fff}
.hd{position:sticky;top:0;z-index:50;background:var(--gd)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font:700 22px Poppins;color:#fff}.logo span{color:var(--a)}
#menu{display:flex;gap:22px;align-items:center}#menu a{color:#e6efe9;font-weight:500}#menu a:hover{color:var(--a)}
.burger{display:none;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}
.hero{background:linear-gradient(120deg,rgba(22,61,42,.95),rgba(43,48,56,.85)),url(../images/hero.svg) center/cover;color:#fff;padding:90px 0}
.hero h1{color:#fff;font-size:clamp(28px,5vw,48px);max-width:720px}.hero p{max-width:600px;margin:16px 0 26px;color:#dbe7df;font-size:18px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
section{padding:64px 0}.sec-t{text-align:center;margin-bottom:34px}.sec-t h2{font-size:clamp(24px,4vw,34px)}
.sec-t p{color:var(--m)}.alt{background:var(--w)}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.grid3{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--w);border-radius:var(--r);box-shadow:0 2px 14px rgba(0,0,0,.07);overflow:hidden}.alt .card{background:var(--bg)}
.card .b{padding:18px}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#dfe6e1}
.price{font:700 22px Poppins;color:var(--g)}.tag{display:inline-block;background:#e4f2ea;color:var(--g);border-radius:20px;padding:2px 12px;font-size:13px;margin-bottom:8px}
.stock{font-size:14px;color:var(--m);margin:4px 0 12px}
.steps{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));counter-reset:s}
.step{background:var(--w);border-radius:var(--r);padding:22px;text-align:center;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:var(--g);color:#fff;font:700 18px Poppins}
.stars{color:var(--a);letter-spacing:2px}
details{background:var(--w);border-radius:10px;padding:14px 18px;margin-bottom:10px;box-shadow:0 1px 8px rgba(0,0,0,.06)}
summary{font-weight:600;cursor:pointer}details p{margin-top:8px;color:var(--m)}
.cta-band{background:var(--c);color:#fff;text-align:center}.cta-band h2{color:#fff;margin-bottom:10px}.cta-band p{margin-bottom:20px;color:#cfd6dc}
.map iframe{width:100%;height:320px;border:0;border-radius:var(--r)}
.ft{background:var(--gd);color:#cfe0d5;padding:44px 0 0}.ft h4{color:#fff;margin-bottom:10px}.ft a{color:var(--a)}
.copy{text-align:center;padding:18px;margin-top:30px;border-top:1px solid rgba(255,255,255,.12);font-size:14px}
.wa-float{position:fixed;right:16px;bottom:16px;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 4px 16px rgba(0,0,0,.3);z-index:60}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:grid;place-items:center;padding:14px;overflow:auto}.modal[hidden]{display:none}
.modal-box{background:#fff;border-radius:var(--r);padding:24px;width:min(460px,100%);position:relative;max-height:94vh;overflow:auto}
.x{position:absolute;right:12px;top:6px;background:none;border:0;font-size:30px;cursor:pointer;color:var(--m)}
form label{display:block;font-size:14px;font-weight:500;margin-top:10px}
form input,form textarea{width:100%;margin-top:4px;padding:11px;border:1px solid #cbd3cf;border-radius:8px;font:inherit}
form input:focus,form textarea:focus{outline:2px solid var(--g);border-color:var(--g)}
form .btn{width:100%;margin-top:14px}.err{color:#c62828;font-size:14px;margin-top:8px;min-height:1em}.hp{position:absolute;left:-9999px}
@media(max-width:820px){.burger{display:block}
#menu{position:absolute;top:64px;left:0;right:0;background:var(--gd);flex-direction:column;padding:16px;gap:14px;display:none}
#menu.open{display:flex}.hero{padding:60px 0}section{padding:44px 0}}
.two{display:grid;gap:34px;grid-template-columns:1fr 1fr;align-items:start}
.hero-img{width:100%;border-radius:var(--r);margin-bottom:12px;background:#dfe6e1}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.thumbs img{border-radius:8px;aspect-ratio:1;object-fit:cover}
.prose{margin-top:14px}.prose h2,.prose h3{margin:20px 0 8px}.prose p,.prose ul,.prose ol{margin-bottom:14px}.prose ul,.prose ol{padding-left:22px}
.prose img{border-radius:10px;margin:12px 0}.prose a{text-decoration:underline}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.prose td,.prose th{border:1px solid #d5dcd8;padding:8px}.card h3 a{color:inherit}h1{font-size:clamp(26px,4vw,36px)}
@media(max-width:820px){.two{grid-template-columns:1fr}}