*{box-sizing:border-box}
:root{
  --green:#347927;
  --green-dark:#1f5517;
  --green-soft:#e8f5e9;
  --cream:#faf7ee;
  --brown:#352719;
  --white:#fff;
  --shadow:0 18px 42px rgba(31,85,23,.14);
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--brown);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);display:flex;align-items:center;gap:22px;padding:10px 4vw;box-shadow:0 8px 26px rgba(0,0,0,.08)}
.logo img{width:170px;display:block}
.menu-btn{display:none}
nav{display:flex;gap:20px;justify-content:center;flex:1}
nav a{text-decoration:none;color:#14220e;font-weight:900;text-transform:uppercase;font-size:14px}
nav a:hover{color:var(--green)}
.find,.btn{display:inline-block;text-decoration:none;border-radius:999px;font-weight:900}
.find{background:var(--green);color:#fff;padding:12px 18px;white-space:nowrap}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;min-height:660px;padding:70px 5vw;background:linear-gradient(135deg,#eef8e9,#fff7e8)}
.hero-text h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:8px 0 18px;color:var(--green-dark)}
.hero-text p{font-size:20px;max-width:650px}
.tag{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:1000;font-size:13px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn.main{background:var(--green);color:white;padding:14px 22px}
.btn.light{background:white;color:var(--green-dark);padding:14px 22px;box-shadow:var(--shadow)}
.hero-visual img{width:100%;border-radius:28px;box-shadow:var(--shadow);display:block}
main{max-width:1220px;margin:auto;padding:0 4vw 70px}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-34px 0 70px;position:relative}
.summary div{background:white;border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.summary strong{display:block;color:var(--green-dark);text-transform:uppercase}
.section{margin:70px 0}
.section-title{max-width:780px;margin-bottom:28px}
h2{font-size:clamp(30px,4vw,48px);line-height:1.1;color:var(--green-dark);margin:8px 0 12px}
.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.activity-grid article{display:grid;grid-template-columns:190px 1fr;background:white;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.activity-grid img{width:190px;height:190px;object-fit:cover}
.activity-grid div{padding:24px}
.activity-grid h3{color:var(--green-dark);text-transform:uppercase;margin-top:0}
.price-zone{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}
.table-wrap{overflow:auto;background:white;border-radius:18px;box-shadow:var(--shadow)}
table{width:100%;min-width:620px;border-collapse:collapse}
th,td{padding:16px;border-bottom:1px solid #e7e7e7;text-align:left}
th{background:var(--green);color:white;text-transform:uppercase}
td:nth-child(2),td:nth-child(3){font-weight:1000}
.notice{background:var(--green-soft);border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.notice h3{font-size:28px;color:var(--green-dark);margin-top:0}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery img{width:100%;height:175px;object-fit:cover;border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.14)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:white;border-radius:28px;padding:38px;box-shadow:var(--shadow);margin:70px 0}
.contact-card{display:grid;gap:12px;align-content:center}
.contact-card a{background:var(--green-soft);color:var(--green-dark);padding:14px 18px;border-radius:14px;text-decoration:none;font-weight:900}
footer{text-align:center;background:#173d11;color:white;padding:30px}
footer img{width:145px;background:white;border-radius:12px;padding:7px}
@media(max-width:900px){
  .top{flex-wrap:wrap;justify-content:center}
  .menu-btn{display:block;background:white;border:0;font-size:26px}
  nav{order:3;flex-basis:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  nav a{background:var(--green-soft);border-radius:999px;text-align:center;padding:8px;font-size:12px}
  .logo img{width:145px}
  .hero{grid-template-columns:1fr;min-height:auto;padding:38px 18px}
  .hero-text h1{font-size:42px}
  .hero-text p{font-size:16px}
  .summary,.price-zone,.contact{grid-template-columns:1fr}
  .activity-grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .find{display:none}
  nav{grid-template-columns:repeat(2,1fr)}
  .activity-grid article{grid-template-columns:110px 1fr}
  .activity-grid img{width:110px;height:130px}
  .activity-grid div{padding:14px}
  .activity-grid h3{font-size:15px}
  .activity-grid p{font-size:13px}
  .gallery{grid-template-columns:1fr}
  .gallery img{height:190px}
  .contact{padding:24px}
}