/* Modern, responsive styles for the Hargitai site */
:root{
  --accent:#0b66ff;
  --bg:#e8f4fd;
  --card:#ffffff;
  --muted:#666;
  --max-width:1100px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#222}
.container{max-width:var(--max-width);margin:28px auto;padding:24px}
.header{display:flex;align-items:center;gap:18px}
.header h1{margin:0;font-size:1.4rem;color:var(--accent)}
.header p{margin:0;color:var(--muted)}
.hero{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.details-link{color:var(--accent);text-decoration:none;font-weight:600;margin:12px}
.details-link:hover{text-decoration:underline}
.hero img{width:100%;max-width:240px;border-radius:16px;object-fit:cover;box-shadow:0 6px 18px rgba(16,24,40,0.06)}
.content{display:grid;grid-template-columns:1fr;gap:18px;margin-top:20px}
.card{background:var(--card);padding:24px;border-radius:12px;box-shadow:0 6px 18px rgba(16,24,40,0.04)}
.address{line-height:1.5}
.contact-grid{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.contact-visual{min-width:200px}
.contact-details{flex:1}
.contact-details a{color:var(--accent);text-decoration:none;font-weight:600}
.footer{margin-top:26px;text-align:center;color:var(--muted);font-size:0.9rem}
@media(min-width:800px){
  .content{grid-template-columns:2fr 1fr}
}
/* Small utility */
.center{display:flex;align-items:center;justify-content:center}
.notice{font-size:0.9rem;color:var(--muted)}