:root{--ana:#008080;--koyu:#0b4f4f;--vurgu:#f59e0b;--metin:#1f2933;--gri:#5b6773;--zemin:#f3f8f8;--kenar:#d6e4e4}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--metin);line-height:1.65;background:#fff;padding-bottom:56px}
img{max-width:100%;height:auto;display:block}a{color:var(--ana)}
.kap{max-width:1160px;margin:0 auto;padding:0 16px}
.ust-bant{background:var(--koyu);color:#e6f2f2;font-size:.85rem}
.ust-bant .kap{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.ust-bant a{color:#fff;font-weight:700;text-decoration:none}
.baslik{background:#fff;border-bottom:3px solid var(--ana);position:sticky;top:0;z-index:20}
.baslik .kap{display:flex;align-items:center;gap:16px;min-height:72px}
.logo img{width:190px}
.menu{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.menu a{padding:8px 11px;border-radius:6px;text-decoration:none;color:var(--metin);font-weight:600;font-size:.95rem}
.menu a:hover,.menu a.aktif{background:var(--zemin);color:var(--ana)}
.ara-dugme{background:var(--vurgu);color:#1a1a1a;font-weight:800;padding:10px 16px;border-radius:8px;text-decoration:none;white-space:nowrap}
.menu-dugme{display:none;font-size:1.7rem;cursor:pointer;margin-left:auto}
.kirinti{background:var(--zemin);font-size:.88rem}.kirinti .kap{padding-top:8px;padding-bottom:8px}.kirinti span{color:var(--gri)}
.hero{background:linear-gradient(135deg,var(--koyu),var(--ana));color:#fff}
.hero .kap{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding-top:42px;padding-bottom:42px}
.hero h1{font-size:2.2rem;line-height:1.2;margin:0 0 12px}.hero p{font-size:1.08rem;color:#e3f3f3}
.hero img{border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.dugmeler{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.dugme{display:inline-block;background:var(--vurgu);color:#1a1a1a;font-weight:800;padding:12px 20px;border-radius:8px;text-decoration:none}
.dugme.ikinci{background:#fff;color:var(--koyu)}
.sayfa-bas{background:linear-gradient(135deg,var(--koyu),var(--ana));color:#fff}
.sayfa-bas .kap{padding-top:30px;padding-bottom:30px}.sayfa-bas h1{margin:0 0 6px;font-size:2rem;line-height:1.25}.sayfa-bas p{margin:0;color:#dff1f1}
.icerik{display:grid;grid-template-columns:1fr 300px;gap:34px;padding-top:30px;padding-bottom:40px}
.icerik h2{color:var(--koyu);font-size:1.45rem;margin:28px 0 10px;line-height:1.3}.icerik h3{font-size:1.12rem;margin:20px 0 6px}
.icerik figure{margin:0 0 18px}.icerik figure img{border-radius:12px}
.yan .kutu{border:1px solid var(--kenar);border-radius:12px;padding:16px;margin-bottom:18px;background:#fff}
.yan .kutu p.kb{font-weight:800;color:var(--koyu);margin:0 0 10px}
.yan .kutu a.lnk{display:block;border:1px solid var(--kenar);border-radius:8px;padding:9px 12px;margin-bottom:8px;text-decoration:none;color:var(--metin);font-weight:600;background:var(--zemin)}
.yan .kutu a.lnk:hover{border-color:var(--ana);color:var(--ana)}
.yan .teklif-kutu{background:var(--koyu);color:#fff;border:none}.yan .teklif-kutu p.kb{color:#fff}
.bolum{padding:40px 0}.bolum.acik{background:var(--zemin)}
.bolum h2{text-align:center;color:var(--koyu);font-size:1.7rem;margin:0 0 8px}.bolum .alt-yazi{text-align:center;color:var(--gri);max-width:760px;margin:0 auto 24px}
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kart{background:#fff;border:1px solid var(--kenar);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--metin);display:flex;flex-direction:column}
.kart img{aspect-ratio:3/2;object-fit:cover}.kart div{padding:14px 16px}.kart strong{display:block;color:var(--koyu);font-size:1.08rem;margin-bottom:4px}
.guven{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.guven div{background:#fff;border-left:4px solid var(--ana);border-radius:10px;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.guven strong{display:block;color:var(--koyu)}
.sekmeler{max-width:900px;margin:0 auto}
.sekmeler input{display:none}
.sekme-basliklar{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px}
.sekme-basliklar label{padding:9px 14px;border-radius:999px;border:1px solid var(--kenar);background:#fff;cursor:pointer;font-weight:700;font-size:.92rem}
.sekme-icerik>div{display:none;background:#fff;border:1px solid var(--kenar);border-radius:12px;padding:18px 22px}
.sekme-icerik h3{margin-top:0;color:var(--koyu)}
#s1:checked~.sekme-basliklar label[for=s1],#s2:checked~.sekme-basliklar label[for=s2],#s3:checked~.sekme-basliklar label[for=s3],#s4:checked~.sekme-basliklar label[for=s4],#s5:checked~.sekme-basliklar label[for=s5],#s6:checked~.sekme-basliklar label[for=s6]{background:var(--ana);color:#fff;border-color:var(--ana)}
#s1:checked~.sekme-icerik .t1,#s2:checked~.sekme-icerik .t2,#s3:checked~.sekme-icerik .t3,#s4:checked~.sekme-icerik .t4,#s5:checked~.sekme-icerik .t5,#s6:checked~.sekme-icerik .t6{display:block}
.adimlar{counter-reset:a;list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.adimlar li{background:#fff;border:1px solid var(--kenar);border-radius:12px;padding:14px;counter-increment:a}
.adimlar li::before{content:counter(a);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ana);color:#fff;font-weight:800;margin-bottom:6px}
.sss details{border:1px solid var(--kenar);border-radius:10px;padding:12px 16px;margin-bottom:10px;background:#fff}
.sss summary{font-weight:700;cursor:pointer;color:var(--koyu)}
.bolgeler{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.bolgeler a{border:1px solid var(--kenar);background:#fff;border-radius:999px;padding:8px 14px;text-decoration:none;font-weight:600}
.harita iframe{width:100%;height:380px;border:0;border-radius:12px}
form.teklif{display:grid;grid-template-columns:1fr 1fr;gap:12px}
form.teklif label{display:flex;flex-direction:column;font-weight:600;font-size:.92rem;gap:4px}
form.teklif .tam{grid-column:1/-1}
form.teklif input,form.teklif select,form.teklif textarea{padding:10px;border:1px solid var(--kenar);border-radius:8px;font:inherit}
form.teklif button{background:var(--vurgu);border:0;padding:13px;border-radius:8px;font-weight:800;font-size:1rem;cursor:pointer}
.bilgi{padding:12px 16px;border-radius:10px;background:#e7f6ec;border:1px solid #9bd3ae;margin-bottom:16px}.bilgi.hata{background:#fdecec;border-color:#f1a7a7}
.cta{background:var(--koyu);color:#fff;text-align:center;padding:34px 0}.cta .cta-baslik{font-size:1.45rem;font-weight:800;margin:0 0 6px}.cta .dugmeler{justify-content:center}
.alt{background:#0d2b2b;color:#c9dcdc;padding-top:34px;font-size:.93rem}
.alt .izgara{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:24px}
.alt a{color:#e5f3f3;display:block;text-decoration:none;margin-bottom:6px}.alt p{margin:0 0 8px}
.alt .alt-baslik{font-weight:800;color:#fff;margin-bottom:10px}
.alt-logo{background:#fff;border-radius:8px;padding:6px;width:200px;margin-bottom:10px}
.ts-uye{display:inline-flex!important;align-items:center;gap:10px;margin-top:8px}.ts-uye img{width:90px;border-radius:6px}
.telif{border-top:1px solid #1f4646;margin-top:24px;padding-top:14px;padding-bottom:14px;color:#8fb0b0}
.mobil-cubuk{display:none}
@media(max-width:900px){
 .hero .kap,.icerik{grid-template-columns:1fr}.kartlar,.guven{grid-template-columns:1fr 1fr}.adimlar{grid-template-columns:1fr 1fr}
 .alt .izgara{grid-template-columns:1fr 1fr}.menu-dugme{display:block}.ara-dugme{display:none}
 .menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:8px 16px;border-bottom:3px solid var(--ana)}
 #menu-ac:checked~.menu{display:flex}.baslik .kap{position:relative}
 .mobil-cubuk{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:30}
 .mobil-cubuk a{text-align:center;padding:15px;font-weight:800;text-decoration:none;color:#fff;background:var(--ana)}.mobil-cubuk a+a{background:var(--vurgu);color:#1a1a1a}
}
@media(min-width:901px){body{padding-bottom:0}}
@media(max-width:560px){.hero h1{font-size:1.7rem}.sayfa-bas h1{font-size:1.5rem}.kartlar,.guven,.alt .izgara{grid-template-columns:1fr}form.teklif{grid-template-columns:1fr}.ust-bant .kap{justify-content:center}}