:root{
  --bg:#EBE1CC;
  --accent:#C19A6B;
  --text:#222;
}

body{
  margin:0;
  font-family:'Open Sans',sans-serif;
  background:var(--bg);
  color:var(--text);
}

.container{
  max-width:1100px;
  margin:auto;
  padding:0 20px;
}

.site-header{
  background:#fff;
  border-bottom:1px solid #eee;
}

.header-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.logo{height:90px}

.site-nav a{
  margin-left:20px;
  text-decoration:none;
  color:#222;
  font-weight:600;
}

/* HERO */
.hero{
  text-align:center;
  padding:80px 0 40px;
}

.hero h1{
  font-family:'Playfair Display',serif;
  font-size:56px;
  margin-bottom:10px;
}

.hero-sub{
  color:var(--accent);
  font-size:18px;
}

/* RÓLAM */
.about{
  text-align:center;
  padding:40px 0;
}

.about h2{
  font-family:'Playfair Display',serif;
  font-size:36px;
}

.about p{
  max-width:700px;
  margin:20px auto 0;
  font-size:18px;
  line-height:1.7;
}

/* SZOLGÁLTATÁSOK */
.services{
  padding:60px 0;
}

.services h2{
  text-align:center;
  font-family:'Playfair Display',serif;
  font-size:42px;
  margin-bottom:40px;
}

.cards{
  display:flex;
  gap:25px;
  justify-content:center;
  flex-wrap:wrap;
}

.card{
  background:#fff;
  padding:30px;
  border-radius:14px;
  width:300px;
  text-align:center;
  box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.card .icon{
  font-size:38px;
  margin-bottom:10px;
}

.card h3{
  font-size:22px;
  margin-bottom:10px;
}

.card p{
  font-size:16px;
  line-height:1.6;
}

/* CONTACT */
.contact{
  padding:60px 0;
}

.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

.contact-card{
  background:#fff;
  padding:30px;
  border-radius:14px;
}

.contact-buttons{
  margin-top:15px;
}

.btn{
  padding:10px 22px;
  border-radius:30px;
  text-decoration:none;
  display:inline-block;
}

.primary{
  background:var(--accent);
  color:white;
}

.outline{
  border:2px solid #ddd;
  color:#222;
}

.contact-image img{
  width:100%;
  border-radius:14px;
  box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

footer{
  text-align:center;
  padding:20px;
  background:#f4f4f4;
  margin-top:40px;
}

/* MOBILE */
@media(max-width:768px){
  .contact-grid{
    grid-template-columns:1fr;
  }
}