/* style.css - responsive basic theme */
:root{--green:#1f8a3e; --dark:#0b3b2e; --maxw:1100px;}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; margin:0; color:#123; background:#fff;}
.container{max-width:var(--maxw); margin:0 auto; padding:18px;}
.site-header{background:linear-gradient(90deg,#0f5a4a,#0b3b2e); color:#fff; position:sticky; top:0; z-index:50;}
.site-header .container{display:flex; align-items:center; justify-content:space-between;}
.logo{display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff;}
.logo img{display:block; border-radius:6px;}
.brand{font-weight:700; font-size:18px;}
.main-nav a{color:#fff; margin-left:18px; text-decoration:none; font-weight:600;}
.nav-toggle{display:none; background:transparent; color:#fff; border:none; font-size:22px;}
.hero{background-image:url('/assets/hero.jpg'); background-size:cover; background-position:center; color:#fff; padding:80px 0;}
.hero-inner{max-width:720px;}
.hero h1{font-size:36px; margin:0 0 12px; line-height:1.05;}
.lead{opacity:0.95; margin-bottom:18px;}
.btn{background:var(--green); color:#fff; padding:12px 18px; text-decoration:none; display:inline-block; border-radius:8px;}
.btn-outline{border:2px solid var(--green); padding:10px 14px; color:var(--dark); border-radius:8px; text-decoration:none;}
.grid-3{display:grid; grid-template-columns: repeat(3,1fr); gap:18px;}
.card{background:#fff; padding:18px; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.06); text-align:center;}
.about-grid{display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:center;}
.about-img img{width:100%; height:220px; object-fit:cover; border-radius:12px;}
.contacts-grid{display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:start;}
.contact-form input, .contact-form textarea{width:100%; padding:10px; margin-bottom:10px; border:1px solid #ddd; border-radius:6px;}
.site-footer{background:#0f2b24; color:#fff; padding:18px 0; margin-top:28px;}
.site-footer a{color:#fff; text-decoration:underline;}
@media (max-width:900px){
  .grid-3{grid-template-columns:1fr;}
  .about-grid{grid-template-columns:1fr;}
  .contacts-grid{grid-template-columns:1fr;}
  .main-nav{display:none;}
  .nav-toggle{display:block;}
  .main-nav.open{display:block; position:absolute; left:0; right:0; background:#0f5a4a; padding:12px 18px; text-align:center;}
}