*{box-sizing:border-box;margin:0;padding:0}
:root{--g:#1f6f50;--o:#f2994a;--d:#17222b;--l:#f4f1ea}
html{scroll-behavior:smooth}body{font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--d)}
.wrap{max-width:1140px;margin:auto;padding:0 20px}a{color:inherit}
.nav{position:sticky;top:0;background:#fff;box-shadow:0 1px 8px #0001;z-index:9}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:1.5rem;text-decoration:none;color:var(--g)}.logo span{color:var(--o)}
nav{display:flex;gap:22px;align-items:center}nav a{text-decoration:none;font-weight:500}
.burger{display:none;background:none;border:0;font-size:1.6rem}
.btn{display:inline-block;background:var(--o);color:#fff;padding:13px 26px;border-radius:40px;text-decoration:none;font-weight:700}
.btn.sm{padding:8px 18px;color:#fff}.btn.ghost{background:transparent;border:2px solid #fff}
.hero{min-height:min(82vh,680px);display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#0b1a26dd,#0b1a2633),url(img/hero.jpg) center/cover}
.hero h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;max-width:640px;margin:10px 0}
.tag{color:var(--o);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem}
.lead{font-size:1.15rem;max-width:620px}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.sec{padding:72px 20px}h2{font-size:2rem;margin-bottom:24px;color:var(--g)}
.alt{background:var(--l)}.two{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.note{background:#fff3e3;border-left:4px solid var(--o);padding:10px 14px;margin-bottom:24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #0001}
.ph{height:160px;display:flex;align-items:flex-start;justify-content:flex-end;padding:10px;font-weight:800;font-size:.75rem;color:#fff}
.p1{background:linear-gradient(135deg,#1f6f50,#6fc3a0)}.p2{background:linear-gradient(135deg,#24577a,#8cc6e8)}
.p3{background:linear-gradient(135deg,#a0522d,#f2c08f)}.p4{background:linear-gradient(135deg,#4b3f72,#b7a7e8)}
.cb{padding:18px}.price{color:var(--o);font-weight:700;margin-top:6px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.feat div{background:#fff;padding:22px;border-radius:12px;box-shadow:0 2px 12px #0001}.feat b{font-size:1.1rem}
.community{background:var(--g);color:#fff;text-align:center}.community h2{color:#fff}.community .lead{margin:0 auto 26px}
.fb{background:#1877f2}
.contact{list-style:none;font-size:1.1rem}.contact li{margin-bottom:14px}.todo{background:#ffe4b5;padding:2px 8px;border-radius:4px}
iframe{width:100%;height:280px;border:0;border-radius:12px}
footer{background:var(--d);color:#cfd6dc;padding:40px 0 20px;font-size:.92rem}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.anpc{display:flex;flex-direction:column;gap:6px}
.copy{text-align:center;margin-top:24px;opacity:.6}
@media(max-width:800px){.burger{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 6px 12px #0002}
.open nav{display:flex}.two{grid-template-columns:1fr}.sec{padding:52px 20px}.hero{min-height:min(70vh,560px)}}
/* v2 */
a.card{text-decoration:none;color:inherit;display:block;transition:transform .15s}a.card:hover{transform:translateY(-3px)}
.ph{position:relative}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700}
.badge.sold{background:#c0392b;color:#fff}.badge.ok{background:#d9f2e6;color:var(--g)}
.empty{background:#fff;border:2px dashed #cfc8b8;border-radius:14px;padding:36px;text-align:center;color:#555}
.more{text-align:center;margin-top:26px}
.detail h1{font-size:2rem;line-height:1.2;margin-bottom:8px}.price.big{font-size:1.8rem;margin:12px 0}
.gallery img#main{width:100%;border-radius:14px;aspect-ratio:4/3;object-fit:cover}.ph.big{height:340px;border-radius:14px}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.thumbs img{width:80px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer}
.specs{list-style:none;margin:12px 0}.desc{margin:16px 0}.btn.wa{background:#25d366}
.admin small{font-size:.8rem;color:#777}.anav{display:flex;gap:12px;align-items:center}
.inline{display:inline}.link{background:none;border:0;color:var(--g);cursor:pointer;font:inherit;text-decoration:underline}.danger{color:#c0392b}
.aform{display:flex;flex-direction:column;gap:14px;max-width:820px}.aform.narrow{max-width:380px;margin:40px auto}
.aform label{display:flex;flex-direction:column;font-weight:600;gap:4px;flex:1}
.aform input,.aform select,.aform textarea{font:inherit;padding:10px;border:1px solid #ccc;border-radius:8px;font-weight:400}
.row{display:flex;gap:14px;flex-wrap:wrap}.row label{min-width:150px}button.btn{border:0;cursor:pointer;font:inherit;font-weight:700}
.err{background:#fde2e0;color:#8a1c12;padding:10px;border-radius:8px}.ok{background:#d9f2e6;padding:10px;border-radius:8px;margin-bottom:12px}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:middle}
.thumb{width:72px;height:54px;object-fit:cover;border-radius:6px}.act a{margin-right:8px}
.pgrid{display:flex;gap:10px;flex-wrap:wrap}.pcell{flex:0 0 auto!important}.pcell img{width:120px;height:90px;object-fit:cover;border-radius:6px}
fieldset{border:1px solid #ddd;border-radius:8px;padding:12px}