:root{
  --green:#2ecc71;
  --blue:#3498db;
  --text:#333;
  --light:#f9f9f9;
}

/* Reset & genel */
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--green)}

/* NAVBAR */
header{position:sticky;top:0;z-index:1000}
.navbar{
  display:flex;justify-content:space-between;align-items:center;
  background:var(--green);padding:10px 40px; height: 70px;
}
.logo img
{
  width: 250px;
  display:block

}

/* Menü */
.menu{list-style:none;display:flex;margin:0;padding:0}
.menu li{position:relative;margin:0 10px}
.menu > li > a{
  color:#fff;font-weight:700;padding:12px 14px;display:block;border-radius:6px
}
.menu > li > a:hover{background:var(--blue)}

/* Dropdown */
.dropdown-content{
  display:none;position:absolute;top:100%;left:0;min-width:200px;
  background:#fff;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.12);
  padding:8px 0
}
.dropdown-content li{list-style:none;margin:0}
.dropdown-content a{display:block;padding:10px 14px;color:var(--text);font-weight:500}
.dropdown-content a:hover{background:#f1f5f9;color:var(--green)}
.dropdown:hover .dropdown-content{display:block}

/* Sayfa iskeleti */
main{max-width:1000px;margin:32px auto;padding:0 20px}
section.card{
  background:var(--light);border:1px solid #e5e7eb;border-radius:12px;
  padding:24px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.04)
}
h1,h2{color:var(--green);margin:0 0 12px}
h1{font-size:28px} h2{font-size:22px}

/* Hizmet kutuları */
.service-grid{
  display:grid;gap:18px;margin-top:14px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))
}
.service-box{
  background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;text-align:center;
  transition:.25s box-shadow,.25s transform
}
.service-box:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}
.service-box h3 a{color:var(--green)} .service-box h3 a:hover{color:var(--blue)}

/* SSS */
.faq p{margin:10px 0}
.faq strong{color:#111}

/* İletişim */
.contact-info p{font-size:18px;margin:8px 0}
.contact-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.contact-form input,.contact-form textarea{
  padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:16px
}
.contact-form button{
  padding:12px;border:0;border-radius:8px;background:var(--green);
  color:#fff;font-weight:700;cursor:pointer
}
.contact-form button:hover{background:var(--blue)}