:root{
  --bg:#343434;
  --surface:#343434;
  --text:#DFBC75;
  --muted:#5c6a76;
  --brand:#DFBC75;      /* marka rengi */
  --brand-600:#8F7D56;  /* hover */
  --ring:#323333;       /* focus */
  --ok:#1b873f;
  --danger:#b3261e;
  --shadow:0 12px 28px rgba(0,0,0,.08);
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;line-height:1.65;color:var(--text);background:var(--bg)}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-600)}
.container{width:min(1180px,92%);margin-inline:auto}
.muted{color: #DFBC75;}
.badge{display:inline-block;background:whitesmoke;color:var(--brand);padding:.28rem .6rem;border-radius:999px;font-size:.8rem}
.btn{display:inline-block;padding:.9rem 1.1rem;border-radius:999px;border:1px solid transparent;font-weight:600}
.btn.small{padding:.55rem .9rem}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-600); color:#DFBC75}
.btn-outline{border-color:var(--brand);color:var(--brand);background:#fff}
.btn-outline:hover{background:#eaf5f4}
.btn-ghost{border-color:#d7e6e4;background:#fff;color:var(--brand);align-items: center;}
.btn-ghost:hover{background:#f4faf9}
.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding: 20px;}
.card-body{padding:1rem; display: flex;flex-direction: column; align-items: center;}
.section{padding:3.2rem 0}
.section.alt{background:#73664C}
.section-head{margin-bottom:1.1rem}
.section-head h2{margin:.2rem 0 .2rem;font-size: 40px; text-align: center;}
.section-p {text-align: center; color: #DFBC75;margin-bottom: 50px;}
.grid{display:grid;gap:1rem}
.grid-3{grid-template-columns:repeat(3,1fr); display: flex;flex-direction: row}
.list-plain{list-style:none;padding:0;margin:0}
.ticks{list-style:none;padding:0;margin:0}
.ticks li{padding-left:1.4rem;position:relative;margin:.25rem 0}
.ticks li::before{content:"✔";position:absolute;left:.2rem;color:var(--brand)}

/* ============ Skip link ============ */
.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:12px;top:12px;background:#000;color:#fff;padding:.6rem .8rem;border-radius:8px;z-index:9999}

/* ============ Header ============ */
.site-header{position:sticky;top:0;background:#323333;border-bottom:1px solid #e6eaee;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}
.brand{display:flex;gap:.7rem;align-items:center}
.brand img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text strong{font-size:1.05rem}
.menu{display:flex;gap:1rem;align-items:center}
.menu a{padding:.5rem .7rem;border-radius:8px}
.menu a:hover{background:#f2f6f7}
.hamburger{display:none;font-size:1.3rem;background:#fff;border:1px solid #dbe6ea;border-radius:10px;padding:.45rem .6rem}
.nav-cta{display:flex;gap:.6rem;align-items:center}

/* ============ Hero ============ */
.hero{padding:4.5rem 0}
.hero-grid{display:grid;gap:2rem;grid-template-columns:1.2fr .8fr;align-items:center}
.hero h1{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.2;margin:.2rem 0 .7rem}
.hero p{margin:0 0 1rem}
.hero .actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem}
.photo-card{margin:0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.photo-card img{aspect-ratio:4/3;object-fit:cover}
.hero-bullets{list-style:none;padding:0;margin:.6rem 0 0;font-size: 20px}
.hero-bullets li{margin:.2rem 0}
.hero-text {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

/* ============ Services ============ */
.service img{width:100%;height:675px;object-fit:cover}
.service h3{margin:.3rem 0 .4rem;font-size:1.12rem; text-align: center;}
.service p{margin:0 0 .7rem; text-align: center;}

/* ============ Doctor ============ */
.doctor{display:grid;grid-template-columns:200px 1fr;gap:1.2rem;align-items:center}
.doctor img{width:200px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}

/* ============ Stats ============ */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stat{background:var(--surface);border-radius:14px;padding:1.1rem;text-align:center;box-shadow:var(--shadow)}
.stat strong{display:block;font-size:1.6rem}
.stat span{color:#DFBC75}

/* ============ Slider ============ */
.slider{position:relative}
.slides{display:flex;gap:1rem;overflow:hidden;scroll-behavior:smooth}
.t-card{min-width:100%;background:var(--surface);border-radius:16px;padding:1.2rem;box-shadow:var(--shadow)}
.t-card blockquote{margin:0 0 .6rem;font-size:1.05rem}
.t-card figcaption{color:var(--muted)}
.slider-nav{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;pointer-events:none}
.slider-nav button{pointer-events:auto;border:1px solid #d7e6e4;background:#fff;border-radius:10px;padding:.4rem .6rem}
.dots{display:flex;gap:.4rem;justify-content:center;margin-top:.6rem}
.dots button{width:8px;height:8px;border-radius:999px;border:1px solid #aacdc8;background:#fff}
.dots button.active{background:var(--brand)}

/* ============ FAQ ============ */
.faq{display:grid;gap:.6rem}
.faq details{background:var(--surface);border-radius:12px;padding:.8rem 1rem;box-shadow:var(--shadow)}
.faq summary{cursor:pointer;font-weight:600}
.faq p{margin:.6rem 0 0;color:rgb(225, 225, 225)}

/* ============ Form ============ */
.form-wrap{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:1.2rem}
.notice{border:1px solid ;border-radius:12px;padding:.7rem .9rem;margin-bottom:.9rem}
.alert{border-radius:10px;padding:.6rem .8rem;margin-bottom:.7rem}
.alert.error{background:var(--danger);color:#fff}
.alert.success{background:var(--ok);color:#fff}
form{display:grid;gap:.9rem}
.field{display:grid;gap:.35rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
input,select,textarea{padding:.8rem;border:1px solid #d8e0e6;border-radius:10px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ring);border-color:var(--ring)}
.check{display:flex;gap:.55rem;align-items:center}

/* ============ Contact ============ */
.contact{display:grid;gap:1rem;grid-template-columns:1.1fr .9fr}

/* ============ Footer ============ */
.site-footer{margin-top:3rem;background:#0e1a22;color:#d5e2ea}
.site-footer .cols{display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:2rem 0}
.site-footer a{color:#d5e2ea}
.copy{padding:1rem 0;border-top:1px solid #274454;color:#9fb5c3}

/* ============ Floating buttons ============ */
.wa{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:999px;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 25px rgba(37,211,102,.45);color:#fff;font-size:22px}
.to-top{position:fixed;right:18px;bottom:86px;width:44px;height:44px;border-radius:999px;border:1px solid #cfe1df;background:#fff;box-shadow:var(--shadow);display:none}
.to-top.show{display:grid;place-items:center}

/* ============ Responsive ============ */
@media (max-width: 1020px){
  .grid-3{grid-template-columns:1fr 1fr; display: flex;flex-direction: column}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 820px){
  .hero-grid{grid-template-columns:1fr}
  .doctor{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .menu{display:none;position:absolute;right:0;top:64px;background:#fff;border:1px solid #e6eaee;border-radius:12px;padding:.6rem;flex-direction:column;gap:.4rem}
  .hamburger{display:block}
}

.new-actions {
    margin-top: 20px;
}

.testimonials {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    text-align: center;
    align-items: start;
}

@media (max-width:800px){
  .testimonials {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center}
  }



.testimonial {
    background: #333333;
    color: #DFBC75;
    width: 300px;
    border-radius: 10px;
    padding: 20px 30px;
    margin-bottom: 20px
}

.check input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--brand);
}

.hours div {
  display: flex;
  justify-content: space-between;  /* gün sola, saat sağa */
  max-width: 300px;                /* hizalama için genişlik sınırı */
  margin-bottom: 0.3rem;
}
.hours span:first-child {
  font-weight: 600;                /* günler kalın */
}

.logo {
    width: 800px;
    height: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}