:root{
  --zemin:#F6F4EE; --kart:#FFFDF8; --murekkep:#1E2B24; --metin:#3E4A43; --soluk:#56615B;
  --yesil:#2F7A55; --yesil-koyu:#245F42; --yesil-acik:#E4EEE7; --kum:#EAE4D6; --kum-metin:#6B6355;
  --cizgi:#E3DED2; --cizgi-koyu:#CFC9BB; --ic:clamp(16px,4vw,32px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--yesil)}a:hover{color:var(--yesil-koyu)}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;letter-spacing:-.015em}
p{margin:0}
.kap{max-width:1200px;margin:0 auto;padding-left:var(--ic);padding-right:var(--ic)}
.atla{position:absolute;left:-9999px}.atla:focus{left:16px;top:16px;background:#fff;padding:10px 14px;border-radius:8px;z-index:10}
:focus-visible{outline:3px solid var(--yesil);outline-offset:3px}

/* Üst menü */
.ust{border-bottom:1px solid var(--cizgi);background:var(--zemin)}
.ust .kap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--murekkep)}
.logo-isaret{width:40px;height:40px;border-radius:999px;display:flex;flex:none}
.logo-isaret svg{display:block}
.logo-yazi{display:flex;flex-direction:column;line-height:1.2}
.logo-yazi b{font-size:16px}
.logo-yazi span{font-size:13px;color:var(--soluk)}
.menu{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;font-size:15px;font-weight:500}
.menu a{color:var(--murekkep);text-decoration:none;padding:10px 0}
.menu a:hover{color:var(--yesil)}
.menu a.dugme{color:#fff;padding:12px 20px}

/* Düğmeler */
.dugme{display:inline-flex;align-items:center;gap:10px;background:var(--yesil);color:#fff;text-decoration:none;padding:16px 26px;border-radius:999px;font-weight:600;font-size:16px;min-height:44px}
.dugme:hover{background:var(--yesil-koyu);color:#fff}
.dugme-cizgi{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--murekkep);text-decoration:none;padding:15px 24px;border-radius:999px;font-weight:600;font-size:16px;border:1.5px solid var(--cizgi-koyu);min-height:44px}
.dugme-cizgi:hover{border-color:var(--yesil);color:var(--yesil-koyu)}
.dugme-beyaz{background:#fff;color:var(--yesil-koyu);font-weight:700}
.dugme-beyaz:hover{background:var(--yesil-acik);color:var(--yesil-koyu)}
.dugmeler{display:flex;flex-wrap:wrap;gap:12px}

/* Ortak */
.etiket{align-self:flex-start;background:var(--yesil-acik);color:var(--yesil-koyu);font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px}
.ust-baslik{font-size:14px;font-weight:600;color:var(--yesil);letter-spacing:.04em;text-transform:uppercase}
.bolum{padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px)}
.bolum-kart{background:var(--kart);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.bolum-yesil{background:var(--yesil-acik)}
.bolum-yesil .ust-baslik{color:var(--yesil-koyu)}
.bolum-bas{display:flex;flex-direction:column;gap:14px;max-width:720px;margin-bottom:40px}
h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15}
.alt-metin{font-size:17px;line-height:1.6;color:var(--soluk)}
.iki-sutun{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(32px,5vw,72px);align-items:center}
.yigin{display:flex;flex-direction:column;gap:20px}

/* Giriş */
.giris{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,96px)}
.giris h1{font-size:clamp(36px,5vw,60px);line-height:1.08;letter-spacing:-.02em}
.giris .alt-metin{font-size:clamp(17px,1.6vw,20px);max-width:34em}
.guven{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px;color:var(--soluk)}
.guven span{display:flex;align-items:center;gap:8px}

/* Fotoğraf yerleri (fotoğraflar gelince <img> ile değişecek) */
.foto{background:var(--kum);border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--kum-metin);font-size:15px;font-weight:500;text-align:center;padding:24px;overflow:hidden}
.foto img{width:100%;height:100%;object-fit:cover}
.foto-dolu{padding:0;background:var(--kum)}
.foto-ofis{aspect-ratio:1/1;border-radius:24px}
.foto-dikey{aspect-ratio:4/5}.foto-kare{aspect-ratio:1/1}.foto-yatay{aspect-ratio:5/4}

/* Hizmet kartları */
.kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
.hizmet-kart{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:20px;text-decoration:none;color:var(--murekkep);transition:border-color .15s,transform .15s}
.hizmet-kart:hover{border-color:var(--yesil);color:var(--murekkep);transform:translateY(-2px)}
.hizmet-kart h3{font-size:19px}
.hizmet-kart p{font-size:15px;line-height:1.55;color:var(--soluk);flex-grow:1}
.hizmet-kart span{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--yesil)}

/* Hakkımda */
.metin p{font-size:17px;line-height:1.7;color:var(--metin)}
.kunye{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px;margin-top:8px}
.kunye div{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.kunye span{font-size:13px;color:var(--soluk)}
.kunye b{font-size:15px}

/* Süreç */
.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}
.adimlar li{background:var(--kart);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}
.adim-no{width:40px;height:40px;border-radius:999px;background:var(--yesil);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.adimlar h3{font-size:19px}
.adimlar p{font-size:15px;line-height:1.55;color:var(--soluk)}

/* Ofis */
.ofis{align-items:stretch}
.bilgiler{margin:0;display:flex;flex-direction:column;gap:14px}
.bilgiler>div{display:flex;gap:14px;align-items:flex-start}
.bilgiler svg{flex:none;margin-top:1px}
.bilgiler dt{font-weight:600}
.bilgiler dd{margin:2px 0 0;color:var(--soluk)}
.ofis-gorsel{display:flex;flex-direction:column;gap:12px;min-width:0}
.harita{display:flex;align-items:center;gap:14px;background:#DDE6DF;color:#2F4A3B;text-decoration:none;border-radius:18px;padding:16px 20px;font-size:15px}
.harita span{display:flex;flex-direction:column;gap:2px}
.harita b{color:var(--murekkep)}
.harita svg{flex:none;width:28px;height:28px}
.harita:hover{background:var(--yesil-acik);color:var(--yesil-koyu)}

/* SSS */
.sss-kap{max-width:860px}
.sss{display:flex;flex-direction:column;gap:12px}
.sss details{background:var(--zemin);border:1px solid var(--cizgi);border-radius:18px;padding:20px 24px}
.bolum:not(.bolum-kart) .sss details{background:var(--kart)}
.sss summary{cursor:pointer;list-style:none;font-size:17px;font-weight:600;display:flex;justify-content:space-between;gap:16px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";color:var(--yesil);font-weight:700}
.sss details[open] summary::after{content:"–"}
.sss details p{margin-top:12px;font-size:16px;line-height:1.65;color:var(--soluk)}
.doldur{font-style:italic}

/* Hizmet sayfası */
.yol{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--soluk);margin-bottom:32px}
.yol a{color:var(--soluk)}
.yol [aria-current]{color:var(--murekkep);font-weight:600}
.liste{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:1.55;color:var(--metin)}
.liste li{display:flex;gap:12px}
.liste svg{flex:none}
.kutular{display:flex;flex-direction:column;gap:12px}
.kutu{background:var(--zemin);border:1px solid var(--cizgi);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.kutu h3{font-size:17px}
.kutu p{font-size:15px;line-height:1.55;color:var(--soluk)}
.ust-hiza{align-items:start}
h2.orta{font-size:clamp(26px,3vw,36px);line-height:1.2}
.haplar{display:flex;flex-wrap:wrap;gap:10px}
.haplar a{background:var(--kart);color:var(--murekkep);text-decoration:none;padding:12px 18px;border-radius:999px;font-size:15px;font-weight:500}
.haplar a:hover{color:var(--yesil-koyu)}

/* Son çağrı */
.cagri{background:var(--yesil);color:#fff;border-radius:32px;padding:clamp(36px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cagri h2{font-size:clamp(26px,3vw,38px);line-height:1.2}
.cagri p{font-size:17px;line-height:1.6;color:var(--yesil-acik);margin-top:10px}

/* Alt bilgi */
.alt{border-top:1px solid var(--cizgi);font-size:15px;color:var(--soluk)}
.alt-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px;padding-top:48px;padding-bottom:32px}
.alt-izgara>*{display:flex;flex-direction:column;gap:8px}
.alt b{color:var(--murekkep);font-size:16px}
.alt nav a{color:var(--soluk);text-decoration:none}
.alt nav a:hover{color:var(--yesil)}
.telif{font-size:13px;padding-bottom:32px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hizmet-kart{transition:none}.hizmet-kart:hover{transform:none}}

.saatler{display:grid;grid-template-columns:auto auto;gap:2px 20px;justify-content:start;font-variant-numeric:tabular-nums}
.guven a{color:inherit;text-decoration:none}.guven a:hover{color:var(--yesil)}
.bolum-ust{padding-bottom:clamp(48px,6vw,80px)}
.gruplar{columns:3 280px;column-gap:16px}
.gruplar .grup{break-inside:avoid;margin-bottom:16px}
.grup{background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.grup h3{font-size:17px;color:var(--yesil-koyu)}
.grup ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.grup li{background:var(--yesil-acik);color:var(--murekkep);font-size:14px;font-weight:500;padding:7px 12px;border-radius:999px}
.uyari{margin-top:20px;font-size:15px;line-height:1.6;color:var(--soluk);max-width:60em}

/* Yazılar */
.yazi-kart{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;text-decoration:none;color:var(--murekkep);transition:border-color .15s}
.bolum-kart .yazi-kart{background:var(--zemin)}
.yazi-kart:hover{border-color:var(--yesil);color:var(--murekkep)}
.yazi-kart h3{font-size:19px;line-height:1.3;text-wrap:balance}
.yazi-kart p{font-size:15px;line-height:1.55;color:var(--soluk);flex-grow:1}
.yazi-tarih{font-size:13px;color:var(--soluk)}
.yazi-kart .devam{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--yesil)}
.yazi{max-width:720px;display:flex;flex-direction:column;gap:40px}
.yazi-bas{display:flex;flex-direction:column;gap:20px}
.yazi-bas h1{font-size:clamp(32px,4.4vw,48px);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.yazar{display:flex;align-items:center;gap:12px;font-size:14px}
.yazar img{width:48px;height:48px;border-radius:999px;object-fit:cover}
.yazar>span{display:flex;flex-direction:column;gap:2px}
.yazar>span>span{color:var(--soluk)}
.yazi-govde{display:flex;flex-direction:column;gap:18px;font-size:18px;line-height:1.75;color:var(--metin)}
.yazi-govde h2{font-size:clamp(22px,2.4vw,27px);line-height:1.25;color:var(--murekkep);margin-top:18px}
.yazi-govde ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:8px}
.yazi-govde li::marker{color:var(--yesil)}
.yazi-not{background:var(--yesil-acik);color:var(--murekkep);border-radius:16px;padding:20px 22px;font-size:17px;line-height:1.65}
.yazi-cagri{background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;padding:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.yazi-cagri b{font-size:18px}
.yazi-cagri p{color:var(--soluk);margin-top:4px}
.haplar-acik a{background:var(--yesil-acik)}

/* Telefonla randevu */
.menu-tel{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--yesil-koyu)!important}
.dugme-cizgi svg,.dugme svg,.menu-tel svg{flex:none}
.tel-not{font-size:15px;color:var(--soluk)}
.tel-not a{font-weight:600}
.cagri .dugmeler{flex:none}
.cagri-tel{font-size:16px!important}
.cagri-tel a{color:#fff;font-weight:700;white-space:nowrap}
.dugme-beyaz-cizgi{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.dugme-beyaz-cizgi:hover{background:rgba(255,255,255,.12);color:#fff}
.yazi-cagri p a{font-weight:600;white-space:nowrap}
.mobil-cubuk{display:none}
@media (max-width:720px){
  .mobil-cubuk{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:20;
    background:var(--zemin);border-top:1px solid var(--cizgi);
    padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .mobil-cubuk a{justify-content:center;padding:13px 12px;font-size:15px}
  .mobil-cubuk .dugme-cizgi{background:var(--kart)}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .menu-tel{display:none!important}
}

/* Yazı fotoğrafları */
.foto-kapak{aspect-ratio:16/10;border-radius:24px;max-width:100%}
.foto-kart{aspect-ratio:16/10;border-radius:14px;margin-bottom:6px;max-width:100%}
.yazi-foto{margin:10px auto;max-width:480px;width:100%;display:flex;flex-direction:column;gap:10px}
.foto-yazi{aspect-ratio:1320/1720;border-radius:20px;max-width:100%}
.yazi-foto figcaption{font-size:14.5px;line-height:1.5;color:var(--soluk);text-align:center}

/* Yazı: ara başlık, çizim, tablo, kaynaklar */
.yazi-govde h3{font-size:19px;line-height:1.35;color:var(--murekkep);margin-top:6px}
.yazi-govde strong{color:var(--murekkep)}
.yazi-govde a{text-underline-offset:3px}
.yazi-cizim{margin:10px 0;background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;padding:22px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.cizim-svg{flex:0 1 220px;min-width:160px;max-width:240px;margin:0 auto}
.cizim-svg svg{width:100%;height:auto;display:block}
.cizim-yan{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:12px}
.cizim-yan figcaption{font-weight:700;color:var(--murekkep);font-size:16px;line-height:1.4}
.lejant{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5}
.lejant li{display:flex;gap:10px;align-items:flex-start}
.lejant span{flex:none;width:26px;height:26px;border-radius:999px;background:var(--yesil);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.lejant p{margin:0;color:var(--metin)}
.yazi-tablo{margin:10px 0;display:flex;flex-direction:column;gap:10px}
.yazi-tablo figcaption{font-weight:700;color:var(--murekkep);font-size:16px}
.tablo-kap{overflow-x:auto;border:1px solid var(--cizgi);border-radius:16px;background:var(--kart)}
.yazi-tablo table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px;line-height:1.45}
.yazi-tablo th,.yazi-tablo td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.yazi-tablo thead th{background:var(--yesil-acik);color:var(--yesil-koyu);font-size:13px;letter-spacing:.02em}
.yazi-tablo tbody th{color:var(--murekkep);font-weight:700}
.yazi-tablo tbody tr:last-child th,.yazi-tablo tbody tr:last-child td{border-bottom:0}
.tablo-not{font-size:14px;color:var(--soluk)}
.kaynaklar{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.55;color:var(--soluk)}
.kaynaklar a{font-weight:600}
.yazi-kucuk{font-size:14.5px;color:var(--soluk);font-style:italic}
@media (max-width:600px){
.tablo-kap{border:0;background:none;border-radius:0}
.yazi-tablo table{min-width:0}
.yazi-tablo thead{display:none}
.yazi-tablo tbody,.yazi-tablo tr,.yazi-tablo th,.yazi-tablo td{display:block}
.yazi-tablo tbody{display:flex;flex-direction:column;gap:10px}
.yazi-tablo tr{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:14px 16px}
.yazi-tablo th,.yazi-tablo td{padding:0;border:0}
.yazi-tablo tbody th{font-size:16px;margin-bottom:8px}
.yazi-tablo td{padding-top:6px}
.yazi-tablo td::before{content:attr(data-etiket);display:block;font-size:12px;font-weight:700;color:var(--yesil-koyu);letter-spacing:.02em}
}