:root{
  --lacivert:#0c1a2b; --lacivert2:#13263d; --amber:#f5a623; --amber2:#e0931a;
  --yesil:#25d366; --yesil2:#1ebe5d; --metin:#22303f; --gri:#5b6b7c;
  --acik:#f4f6f9; --beyaz:#fff; --radius:14px;
  --golge:0 6px 24px rgba(12,26,43,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--metin);line-height:1.6;background:var(--beyaz)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.kapsa{max-width:1100px;margin:0 auto;padding:0 20px}
section{padding:64px 0}
h2{font-size:clamp(1.5rem,3.5vw,2.1rem);color:var(--lacivert);margin-bottom:8px}
.altyazi{color:var(--gri);margin-bottom:36px;max-width:640px}

/* Üst bilgi şeridi */
.serit{background:var(--lacivert);color:#cfd9e4;font-size:.85rem;padding:6px 0}
.serit .kapsa{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.serit a{color:var(--amber);font-weight:600}

/* Menü */
header.site{position:sticky;top:0;z-index:50;background:var(--beyaz);box-shadow:0 2px 12px rgba(12,26,43,.08)}
.menu{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:1.15rem;color:var(--lacivert);letter-spacing:.5px}
.logo span{color:var(--amber)}
nav.ana{display:flex;gap:26px;font-weight:600;font-size:.95rem}
nav.ana a:hover{color:var(--amber2)}
.menu-btn{display:none;background:none;border:0;font-size:1.6rem;color:var(--lacivert);cursor:pointer}
.ara-btn{background:var(--amber);color:var(--lacivert);font-weight:700;padding:9px 18px;border-radius:999px;font-size:.9rem;white-space:nowrap}
.ara-btn:hover{background:var(--amber2)}

/* Hero */
.hero{background:linear-gradient(135deg,var(--lacivert) 0%,var(--lacivert2) 60%,#1b3a5c 100%);color:var(--beyaz);padding:72px 0 88px}
.hero .kapsa{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(1.7rem,4.5vw,2.7rem);line-height:1.2;margin-bottom:16px}
.hero h1 em{color:var(--amber);font-style:normal}
.hero p{color:#c7d3e0;margin-bottom:28px;font-size:1.05rem}
.cta-grup{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:1rem;transition:.2s}
.btn-tel{background:var(--amber);color:var(--lacivert)}
.btn-tel:hover{background:var(--amber2)}
.btn-wa{background:var(--yesil);color:#fff}
.btn-wa:hover{background:var(--yesil2)}
.hero-kart{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);padding:26px;backdrop-filter:blur(4px)}
.hero-kart h3{color:var(--amber);font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.hero-kart ul{list-style:none}
.hero-kart li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.95rem}
.hero-kart li:last-child{border:0}
.hero-kart li::before{content:"✓";color:var(--yesil);font-weight:800;margin-right:10px}

/* Rozetler */
.rozetler{background:var(--acik);padding:28px 0}
.rozetler .kapsa{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.rozet b{display:block;color:var(--lacivert);font-size:1.05rem}
.rozet span{color:var(--gri);font-size:.85rem}

/* Hizmet kartları */
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kart{background:var(--beyaz);border:1px solid #e6ebf1;border-radius:var(--radius);padding:26px;box-shadow:var(--golge);transition:.2s}
.kart:hover{transform:translateY(-4px)}
.kart .ikon{font-size:1.9rem;margin-bottom:12px}
.kart h3{color:var(--lacivert);font-size:1.1rem;margin-bottom:8px}
.kart p{color:var(--gri);font-size:.92rem}
.kart.one{border-top:4px solid var(--amber)}

/* Markalar */
.markalar{background:var(--lacivert);color:#fff;text-align:center}
.markalar h2{color:#fff}
.marka-izgara{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}
.marka-izgara span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:8px 18px;border-radius:999px;font-size:.9rem;font-weight:600}

/* Adımlar */
.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:adim}
.adim{background:var(--acik);border-radius:var(--radius);padding:26px;position:relative}
.adim::before{counter-increment:adim;content:counter(adim);position:absolute;top:-16px;left:22px;width:36px;height:36px;border-radius:50%;background:var(--amber);color:var(--lacivert);font-weight:800;display:flex;align-items:center;justify-content:center}
.adim h3{color:var(--lacivert);font-size:1.05rem;margin:10px 0 6px}
.adim p{color:var(--gri);font-size:.92rem}

/* SSS */
.sss details{background:var(--acik);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}
.sss summary{padding:18px 22px;font-weight:700;color:var(--lacivert);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.sss summary::after{content:"+";font-size:1.4rem;color:var(--amber)}
.sss details[open] summary::after{content:"–"}
.sss details p{padding:0 22px 18px;color:var(--gri);font-size:.95rem}

/* Bölgeler */
.bolgeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.bolgeler span{background:var(--acik);padding:8px 18px;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--lacivert)}

/* İletişim */
.iletisim{background:var(--acik)}
.iletisim .kapsa{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.bilgi-kutu{background:var(--beyaz);border-radius:var(--radius);padding:28px;box-shadow:var(--golge)}
.bilgi-kutu h3{color:var(--lacivert);margin-bottom:14px}
.bilgi-satir{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f6;font-size:.97rem;align-items:baseline}
.bilgi-satir:last-of-type{border:0}
.bilgi-satir b{color:var(--lacivert);min-width:80px}
.harita{border-radius:var(--radius);overflow:hidden;box-shadow:var(--golge)}
.harita iframe{width:100%;height:380px;border:0;display:block}

/* Alt bilgi */
footer{background:var(--lacivert);color:#8fa3b8;font-size:.88rem;padding:28px 0 110px;text-align:center}
footer b{color:#fff}

/* Yüzen WhatsApp */
.wa-yuzen{position:fixed;right:18px;bottom:88px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--yesil);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.45);animation:nabiz 2.2s infinite}
.wa-yuzen svg{width:32px;height:32px;fill:#fff}
@keyframes nabiz{0%,100%{box-shadow:0 6px 20px rgba(37,211,102,.45)}50%{box-shadow:0 6px 30px rgba(37,211,102,.75)}}

/* Mobil sabit alt bar */
.alt-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;box-shadow:0 -4px 16px rgba(12,26,43,.18)}
.alt-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 0;font-weight:800;font-size:1rem}
.alt-bar .bar-tel{background:var(--amber);color:var(--lacivert)}
.alt-bar .bar-wa{background:var(--yesil);color:#fff}

@media(max-width:880px){
  nav.ana{display:none;position:absolute;top:64px;left:0;right:0;background:var(--beyaz);flex-direction:column;gap:0;padding:8px 0;box-shadow:0 8px 16px rgba(12,26,43,.12)}
  nav.ana.acik{display:flex}
  nav.ana a{padding:13px 24px;border-bottom:1px solid #eef2f6}
  .menu-btn{display:block}
  .ara-btn{display:none}
  .hero .kapsa{grid-template-columns:1fr}
  .rozetler .kapsa{grid-template-columns:repeat(2,1fr)}
  .kartlar,.adimlar{grid-template-columns:1fr}
  .iletisim .kapsa{grid-template-columns:1fr}
}
@media(min-width:881px){
  footer{padding-bottom:28px}
  .alt-bar{display:none}
  .wa-yuzen{bottom:24px}
}

/* Alt sayfa içerik stilleri */
.kirinti{font-size:.85rem;color:var(--gri);padding:14px 0 0}
.kirinti a{color:var(--amber2);font-weight:600}
.icerik h2{margin-top:36px}
.icerik p{margin:12px 0;color:var(--metin)}
.icerik ul{margin:12px 0 12px 22px;color:var(--metin)}
.icerik li{margin:6px 0}
.cta-band{background:linear-gradient(135deg,var(--lacivert),#1b3a5c);color:#fff;border-radius:var(--radius);padding:30px;margin:42px 0;text-align:center}
.cta-band h3{font-size:1.3rem;margin-bottom:6px}
.cta-band p{color:#c7d3e0;margin-bottom:18px}
.cta-band .cta-grup{justify-content:center}

/* Google yorum rozeti ve yorumlar */
.g-rozet{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 16px;margin-top:18px;font-size:.92rem;font-weight:600;color:#fff}
.g-rozet .yildiz{color:#fbbc04;letter-spacing:2px}
.yorumlar-bolum{background:var(--acik)}
.yorum-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.yorum-kart{background:var(--beyaz);border-radius:var(--radius);padding:24px;box-shadow:var(--golge);display:flex;flex-direction:column;gap:10px}
.yorum-kart .yildiz{color:#fbbc04;letter-spacing:2px;font-size:1rem}
.yorum-kart p{color:var(--metin);font-size:.94rem;font-style:italic;flex:1}
.yorum-kart b{color:var(--lacivert);font-size:.9rem}
.yorum-kart span{color:var(--gri);font-size:.8rem}
.g-link{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-weight:700;color:var(--amber2)}
@media(max-width:880px){.yorum-kartlar{grid-template-columns:1fr}}