/* sdgmuhendislik.com — tek stil dosyası.
   Palet SDG logosundan örneklendi: camgöbeği #00aeef, kırmızı #ed1c24. Koyu zemin lacivert.
   Kırmızı BEYAZ üstünde yazı olarak #c8101a (4.5+ kontrast), camgöbeği yalnız dolgu/koyu zemin üstü yazı. */

:root{
  --lacivert:#0a1f33; --lacivert2:#12324f; --cam:#00aeef; --cam-koyu:#0782b4; --kirmizi:#ed1c24; --kirmizi-yazi:#c8101a;
  --kagit:#f2f7fa; --cizgi:#d3e1ea; --yazi:#14283a; --soluk:#52687a; --beyaz:#fff; --gaz:#ffc83d; --sicak:#ff5a4d; --soguk:#33c3ff;
  --olcu:1180px; --yar:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--yazi);background:#fff;-webkit-text-size-adjust:100%}
img,svg{max-width:100%}
img{height:auto}
a{color:var(--cam-koyu)}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;color:var(--lacivert)}
p{margin:0 0 1em}
.kapsa{width:min(100% - 32px,var(--olcu));margin-inline:auto}
.atla{position:absolute;left:-999px;top:0;background:#fff;padding:8px 14px;z-index:99}
.atla:focus{left:8px;top:8px}

/* WhatsApp iki bağlantı (ortak/whatsapp.php): görünürlüğü CSS seçer */
.wa-masaustu{display:none}
@media (min-width:601px){.wa-mobil{display:none}.wa-masaustu{display:inline-flex}}
.dugme.wa-masaustu{display:none}
@media (min-width:601px){.dugme.wa-mobil{display:none}.dugme.wa-masaustu{display:inline-flex}}
.ikon-wa{width:20px;height:20px;flex:none;fill:currentColor}
.ikon-wa .wa-ic{fill:#fff}

/* ---------- üst bant + başlık ---------- */
.ustbant{background:var(--lacivert);color:#cfe2ef;font-size:14px}
.ustbant .kapsa{display:flex;justify-content:space-between;gap:0 24px;flex-wrap:wrap;padding:0}
.ustbant a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.ustbant .oge{display:inline-flex;align-items:center;gap:6px}
.ustbant svg{width:15px;height:15px;stroke:var(--cam);fill:none;stroke-width:2}
@media (max-width:900px){.ustbant .gizle{display:none}}
@media (max-width:600px){.ustbant .oge:first-child{display:none}.ustbant .kapsa{justify-content:center}}

.baslik{background:#fff;border-bottom:3px solid var(--cam);position:sticky;top:0;z-index:50}
.baslik .kapsa{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.marka{display:flex;align-items:center;flex:none}
.marka img{display:block;width:150px;height:auto}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.menu{display:flex;align-items:center;gap:14px}
.menu a{text-decoration:none}
.menu>ul>li>a{display:block;padding:12px 12px;color:var(--lacivert);font-weight:600;border-radius:8px}
.menu>ul>li>a:hover,.menu>ul>li>a.acik{color:var(--kirmizi-yazi);background:var(--kagit)}
.alt-var{position:relative}
.alt-menu{display:none!important;position:absolute;left:0;top:100%;min-width:250px;background:#fff;border:1px solid var(--cizgi);border-top:3px solid var(--kirmizi);border-radius:0 0 10px 10px;box-shadow:0 18px 40px rgba(10,31,51,.18);padding:8px!important;flex-direction:column;align-items:stretch!important;gap:0!important}
.alt-var:hover>.alt-menu,.alt-var:focus-within>.alt-menu{display:flex!important}
.alt-menu a{display:flex;align-items:center;gap:10px;padding:8px 10px;color:var(--lacivert);border-radius:8px;min-height:44px}
.alt-menu a:hover{background:var(--kagit)}
.alt-menu .ik{width:30px;height:30px;flex:none}
.menu-dugme{display:none;background:none;border:0;width:48px;height:48px;padding:0;cursor:pointer}
.menu-dugme svg{width:28px;height:28px;stroke:var(--lacivert);stroke-width:2;fill:none;stroke-linecap:round}
@media (max-width:1120px){
  .menu-dugme{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:12px 16px 18px;border-bottom:3px solid var(--cam);box-shadow:0 20px 30px rgba(10,31,51,.16);max-height:calc(100vh - 120px);overflow:auto}
  .menu.acik{display:flex}
  .menu ul{flex-direction:column;align-items:stretch}
  .menu>ul>li>a{min-height:46px;display:flex;align-items:center}
  .alt-menu{display:flex!important;position:static;box-shadow:none;border:0;border-left:3px solid var(--cizgi);border-radius:0;margin:0 0 6px 8px;min-width:0;padding:0 0 0 6px!important}
}

/* ---------- düğmeler ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer;font-size:16px;font-family:inherit;line-height:1.2;text-align:center}
.dugme-kucuk{min-height:44px;padding:8px 16px}
.dugme-tam{width:100%}
.dugme-ana{background:var(--kirmizi);color:#fff}
.dugme-ana:hover{background:#c8101a}
.dugme-hayalet{border-color:rgba(255,255,255,.55);color:#fff}
.dugme-hayalet:hover{background:rgba(255,255,255,.12)}
.dugme-hayalet-koyu{border-color:var(--lacivert);color:var(--lacivert)}
.dugme-hayalet-koyu:hover{background:var(--kagit)}
.dugme-ikinci{border-color:var(--lacivert);color:var(--lacivert);background:#fff}
.dugme-ikinci:hover{background:var(--kagit)}
.dugme-wa{background:#128c4a;color:#fff}
.dugme-wa:hover{background:#0e7a40}

.yuzen{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;flex-direction:column;gap:10px}
.yuzen a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(10,31,51,.3)}
.yuzen svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.yuzen .y-wa{background:#128c4a}.yuzen .y-wa svg{fill:#fff;stroke:none}
.yuzen .y-tel{background:var(--lacivert2)}
.yuzen .y-bilgi{background:var(--kirmizi)}
@media (max-width:700px){
  /* telefonda yüzen düğmeler içeriği örtüyordu → alta sabit eylem çubuğu, gövdeye pay */
  body{padding-bottom:64px}
  .yuzen{left:0;right:0;bottom:0;flex-direction:row;gap:8px;padding:8px 12px;background:var(--lacivert);box-shadow:0 -6px 20px rgba(10,31,51,.25)}
  .yuzen a{flex:1;width:auto;height:48px;border-radius:10px;box-shadow:none}
}
.yuzen a.wa-masaustu{display:none}
@media (min-width:601px){.yuzen a.wa-mobil{display:none}.yuzen a.wa-masaustu{display:grid}}

/* ---------- sayfa başı ---------- */
.sayfabasi{background:var(--lacivert);color:#fff;background-image:linear-gradient(rgba(0,174,239,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,174,239,.07) 1px,transparent 1px);background-size:32px 32px;padding:34px 0 38px}
.sayfabasi h1{color:#fff;font-size:clamp(28px,4vw,42px);margin:6px 0 4px}
.altbaslik{color:#b9d3e4;margin:0;max-width:760px}
.kirinti{font-size:14px;color:#9fc0d6;display:flex;flex-wrap:wrap;gap:6px}
.kirinti a{color:#d6ebf8;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.kirinti{align-items:center}
.kirinti em{font-style:normal;color:#fff}

/* ---------- bölümler ---------- */
.bolum{padding:clamp(44px,6vw,80px) 0}
.bolum-siki{padding:30px 0 10px}
.bolum-kagit{background:var(--kagit)}
.bolum-koyu{background:var(--lacivert);color:#d4e4ef}
.bolum-koyu h2,.bolum-koyu h3{color:#fff}
.bb{max-width:760px;margin-bottom:28px}
.bb-etiket{font:600 13px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--kirmizi-yazi);display:inline-flex;gap:8px;align-items:center;margin-bottom:10px}
.bb-etiket i{font-style:normal;background:var(--kirmizi);color:#fff;border-radius:4px;padding:3px 6px}
.bolum-koyu .bb-etiket,.kahraman .bb-etiket,.bilgi-bant.kahraman-form .bb-etiket{color:#ffb4b7}
.bb h2{font-size:clamp(26px,3.4vw,38px)}
.bb p{color:var(--soluk);margin:0}
.bolum-koyu .bb p{color:#b9d3e4}
.bolum-giris{font-size:18px;color:var(--soluk);max-width:760px}
.devam-bag{margin-top:26px}

/* ---------- kahraman ---------- */
.kahraman{background:var(--lacivert);color:#fff;background-image:linear-gradient(rgba(0,174,239,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,174,239,.08) 1px,transparent 1px);background-size:36px 36px;padding:clamp(28px,5vw,64px) 0 clamp(20px,3vw,40px);overflow:hidden}
.kahraman-ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:center}
.etiket-mono{font:600 13px/1 ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cam);display:inline-block;margin-bottom:14px}
.kahraman h1{color:#fff;font-size:clamp(30px,4.4vw,52px);margin-bottom:16px}
.kahraman p{color:#c4dae9;font-size:18px;max-width:560px}
.kahraman-dugmeler{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;max-width:520px;margin-top:22px}
.kahraman-sahne .sahne{width:100%;height:auto;display:block}
@media (max-width:900px){.kahraman-ic{grid-template-columns:minmax(0,1fr)}.kahraman-sahne{order:-1;max-width:560px;margin-inline:auto}}

/* ---------- bilgi bandı (hızlı form) ---------- */
.bilgi-bant{background:var(--kagit);padding:clamp(36px,5vw,64px) 0}
.bilgi-bant.kahraman-form{background:var(--lacivert2);color:#d4e4ef;padding:34px 0 40px}
.bilgi-bant.kahraman-form h2{color:#fff}
.bilgi-ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:start}
@media (min-width:901px){.bilgi-ic{align-items:center}}
.adim-liste{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px;counter-reset:adim}
.adim-liste li{counter-increment:adim;display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:center}
.adim-liste li::before{content:counter(adim);grid-row:1/3;width:40px;height:40px;border-radius:50%;background:var(--kirmizi);color:#fff;font-weight:800;display:grid;place-items:center}
.adim-liste b{color:#fff}
.adim-liste span{color:#b9d3e4;font-size:15px}
.bilgi-yan h2{font-size:clamp(24px,3vw,34px)}
.bilgi-yan p{color:var(--soluk)}
.kahraman-form .bilgi-yan p{color:#b9d3e4}
.bilgi-tel{list-style:none;margin:0 0 16px;padding:0;font-size:22px;font-weight:700}
.bilgi-tel a{color:var(--lacivert);text-decoration:none;display:inline-block;min-height:44px;padding:6px 0}
.kahraman-form .bilgi-tel a{color:#fff}
@media (max-width:900px){.bilgi-ic{grid-template-columns:minmax(0,1fr)}}

/* ---------- form ---------- */
.form-kutu{background:#fff;border-radius:16px;padding:clamp(18px,3vw,30px);box-shadow:0 18px 40px rgba(10,31,51,.14);color:var(--yazi)}
.form{position:relative}
.form label{display:block;margin-bottom:14px;font-weight:600;font-size:15px}
.form label>span{display:block;margin-bottom:5px}
.form input[type=text],.form input[type=tel],.form input[type=email],.form select,.form textarea{width:100%;min-height:48px;padding:10px 12px;border:1.5px solid #b8cad6;border-radius:10px;font:inherit;background:#fff;color:var(--yazi)}
.form textarea{min-height:92px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid rgba(0,174,239,.35);border-color:var(--cam-koyu)}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:560px){.ikili{grid-template-columns:minmax(0,1fr)}}
.kvkk{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:13px!important;color:var(--soluk)}
.kvkk input{width:22px;height:22px;flex:none;margin-top:2px}
.form-not{font-size:13px;font-weight:400;color:var(--soluk);margin:10px 0 0}
.uyari{padding:12px 14px;border-radius:10px;margin:0 0 14px;font-weight:600}
.uyari-iyi{background:#e3f6ec;color:#0b5a32}
.uyari-kotu{background:#fde8e8;color:#8f1117}
.form-duzen{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:32px;align-items:start}
@media (max-width:900px){.form-duzen{grid-template-columns:minmax(0,1fr)}}

/* ---------- hizmet grupları ---------- */
.grup-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.grup-kart{display:flex;flex-direction:column;gap:8px;background:#fff;border:1.5px solid var(--cizgi);border-radius:var(--yar);padding:22px;text-decoration:none;color:var(--yazi);transition:transform .25s,box-shadow .25s,border-color .25s}
.grup-kart:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(10,31,51,.14);border-color:var(--cam)}
.grup-kart b{font-size:20px;color:var(--lacivert)}
.grup-ikon{display:grid;place-items:center;width:72px;height:72px;border-radius:16px;background:var(--lacivert);flex:none}
.grup-ikon .ik{width:54px;height:54px}
.grup-ikon.buyuk{width:96px;height:96px}.grup-ikon.buyuk .ik{width:72px;height:72px}
.grup-fotolu{padding:0;overflow:hidden;position:relative}
.grup-fotolu>*:not(.grup-foto){margin-inline:22px}
.grup-fotolu>.grup-say{margin-bottom:20px}
.grup-foto{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--kagit)}
.grup-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.grup-kart:hover .grup-foto img{transform:scale(1.05)}
.grup-fotolu .grup-ikon{width:64px;height:64px;margin-top:-34px;position:relative;border:3px solid #fff}
.grup-fotolu .grup-ikon .ik{width:46px;height:46px}
.mozaik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(130px,17vw,210px);gap:12px}
.mozaik-goz{position:relative;overflow:hidden;border-radius:var(--yar);display:block;background:var(--lacivert)}
.mozaik-goz:nth-child(1),.mozaik-goz:nth-child(6){grid-column:span 2}
.mozaik-goz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.mozaik-goz:hover img{transform:scale(1.06)}
.mozaik-goz span{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;color:#fff;font-weight:700;background:linear-gradient(transparent,rgba(10,31,51,.85))}
@media (max-width:700px){.mozaik{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}.mozaik-goz:nth-child(1),.mozaik-goz:nth-child(6){grid-column:span 2}}
.grup-liste{color:var(--soluk);font-size:15px;flex:1}
.grup-say{font-weight:700;color:var(--kirmizi-yazi);font-size:14px}
.grup-baslik{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.grup-baslik h2{margin:0}.grup-baslik a{color:var(--lacivert);text-decoration:none}
.grup-ust{display:flex;gap:20px;align-items:center;margin-bottom:28px}
.grup-ust p{margin:0}
@media (max-width:560px){.grup-ust{flex-direction:column;align-items:flex-start}}
.hizmet-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px 18px}
.hizmet-liste a{display:flex;align-items:center;min-height:44px;padding:6px 12px;border-left:3px solid var(--cam);background:#fff;border-radius:0 8px 8px 0;text-decoration:none;color:var(--lacivert);font-weight:600}
.hizmet-liste a:hover{background:var(--kagit);border-left-color:var(--kirmizi)}
.hizmet-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.hizmet-kart{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--cizgi);border-radius:var(--yar);overflow:hidden;text-decoration:none;color:var(--yazi);transition:box-shadow .25s,border-color .25s}
.hizmet-kart:hover{box-shadow:0 16px 34px rgba(10,31,51,.14);border-color:var(--cam)}
.hizmet-foto{display:block;aspect-ratio:16/7;overflow:hidden;background:var(--kagit)}
.hizmet-foto img{width:100%;height:100%;object-fit:cover;display:block}
.hizmet-kart b{display:block;padding:14px 16px 4px;font-size:18px;color:var(--lacivert)}
.hizmet-ozet{display:block;padding:0 16px 16px;color:var(--soluk);font-size:15px}

/* ---------- hizmet sayfası ---------- */
.hizmet-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
@media (max-width:960px){.hizmet-duzen{grid-template-columns:minmax(0,1fr)}}
.hizmet-kapak{margin:0 0 24px;border-radius:var(--yar);overflow:hidden;background:var(--kagit)}
.hizmet-kapak img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover}
.yazi h3{margin:1.4em 0 .4em;font-size:21px}
.yazi p{max-width:75ch}
.yazi-dar{max-width:860px}
.tik{padding-left:0;list-style:none;margin:0 0 1em}
.tik li{position:relative;padding:4px 0 4px 28px}
.tik li::before{content:"";position:absolute;left:4px;top:.75em;width:12px;height:7px;border-left:3px solid var(--cam);border-bottom:3px solid var(--cam);transform:rotate(-45deg)}
.devam{margin-top:12px;border:1.5px solid var(--cizgi);border-radius:var(--yar);padding:4px 16px 12px}
.devam summary{cursor:pointer;font-weight:700;color:var(--kirmizi-yazi);min-height:44px;display:flex;align-items:center}
.hizmet-galeri{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:24px}
.hizmet-galeri figure{margin:0;border-radius:var(--yar);overflow:hidden}
.hizmet-galeri img{display:block;width:100%;height:auto}
.hizmet-yan{position:sticky;top:96px;display:grid;gap:16px}
@media (max-width:960px){.hizmet-yan{position:static}}
.yan-kart{background:var(--kagit);border:1.5px solid var(--cizgi);border-radius:var(--yar);padding:20px;display:grid;gap:10px}
.yan-kart h2{font-size:19px;margin:0}
.yan-kart p{margin:0;color:var(--soluk)}
.yan-liste{list-style:none;margin:0;padding:0}
.yan-liste a{display:flex;align-items:center;min-height:44px;padding:4px 10px;border-radius:8px;text-decoration:none;color:var(--lacivert)}
.yan-liste a:hover,.yan-liste a.acik{background:#fff;color:var(--kirmizi-yazi);font-weight:700}

/* ---------- ProFiltre ---------- */
.pf-ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:center}
@media (max-width:900px){.pf-ic{grid-template-columns:minmax(0,1fr)}}
.pf-sahne .sahne{width:100%;height:auto;display:block}
.pf-metin p{color:#c4dae9}
.pf-afis{margin:0;border-radius:var(--yar);overflow:hidden;box-shadow:0 18px 40px rgba(10,31,51,.18)}
.pf-afis img{display:block;width:100%;height:auto}
.video-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.video{margin:0}
.video-kapak{position:relative;display:block;border-radius:var(--yar);overflow:hidden;background:#000;aspect-ratio:4/3}
.video-kapak img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.oynat{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:var(--kirmizi)}
.oynat::after{content:"";position:absolute;left:25px;top:19px;border-left:20px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent}
.video figcaption{margin-top:8px;font-weight:600;font-size:15px}

/* ---------- referans / marka / hakkımızda ---------- */
.ref-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.ref-kart{display:flex;gap:16px;align-items:center;background:#fff;border:1.5px solid var(--cizgi);border-radius:var(--yar);padding:16px}
.ref-kart h3{font-size:17px;margin:0 0 4px}.ref-kart p{margin:0;color:var(--soluk);font-size:15px}
.ref-logo{flex:none;width:78px;height:78px;display:grid;place-items:center;background:#fff;border:1px solid var(--cizgi);border-radius:10px;overflow:hidden}
.ref-logo img{width:70px;height:70px;object-fit:contain}
.ref-harf{background:var(--lacivert);color:#fff;font-size:30px;font-weight:800;border:0}
.marka-seridi{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.marka-seridi li{padding:10px 18px;border:1.5px solid var(--cizgi);border-radius:999px;background:#fff;font-weight:700;color:var(--lacivert)}
.not-kucuk{margin-top:18px;color:var(--soluk);font-size:14px}
.vm-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.vm-kart{background:#fff;border-radius:var(--yar);padding:24px;border-top:4px solid var(--kirmizi)}
.vm-kart:nth-child(even){border-top-color:var(--cam)}
.vm-kart h2{font-size:22px}.vm-kart p{margin:0;color:var(--soluk)}

/* ---------- SSS / çağrı / iletişim ---------- */
.sss-duzen{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:32px}
@media (max-width:900px){.sss-duzen{grid-template-columns:minmax(0,1fr)}}
.sss details{border-bottom:1px solid rgba(255,255,255,.18)}
.sss summary{cursor:pointer;font-weight:700;color:#fff;min-height:52px;display:flex;align-items:center;padding:6px 0}
.sss p{color:#b9d3e4;margin:0 0 16px}
.cagri{position:relative;background:var(--kirmizi);color:#fff;padding:clamp(34px,5vw,56px) 0;overflow:hidden}
.cagri{background:linear-gradient(100deg,#c8101a 0%,var(--kirmizi) 55%,#f04a50 100%)}
.cagri .boru-dolgu{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.cagri .boru-sicak,.cagri .boru-soguk{stroke:#fff;opacity:.22;stroke-dasharray:2 14;stroke-width:3}
.cagri-ic{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cagri h2{color:#fff;margin:0 0 6px;font-size:clamp(24px,3vw,34px)}.cagri p{margin:0;max-width:520px}
.cagri-dugmeler{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;flex:1;min-width:min(100%,560px);max-width:680px}
.cagri .dugme-ana{background:var(--lacivert)}.cagri .dugme-ana:hover{background:#06131f}
.iletisim-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.iletisim-genis{grid-column:span 2}@media (max-width:560px){.iletisim-genis{grid-column:auto}}
.iletisim-kart{background:var(--kagit);border-radius:var(--yar);padding:20px;border-left:4px solid var(--cam)}
.iletisim-kart h3{font-size:16px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.iletisim-kart p{margin:0 0 8px}.iletisim-kart a{display:inline-block;min-height:30px}
.kart-alt{color:var(--soluk)}
.harita-bolum iframe{display:block;width:100%;height:380px;border:0}
.harita-bolum .kapsa{padding:16px 0}

/* ---------- altbilgi ---------- */
.altbilgi{background:var(--lacivert);color:#b9d3e4;padding:48px 0 22px}
.altbilgi .duzen{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:30px}
@media (max-width:960px){.altbilgi .duzen{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.altbilgi .duzen{grid-template-columns:minmax(0,1fr)}}
.altbilgi h4{color:#fff;font-size:16px;margin-bottom:12px}
.altbilgi ul{list-style:none;margin:0;padding:0}
.altbilgi li{padding:3px 0}
.altbilgi a{color:#d6ebf8;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.altbilgi a:hover{color:#fff;text-decoration:underline}
.marka-alt{background:#fff;border-radius:10px;padding:8px 12px;display:inline-flex;margin-bottom:12px}
.marka-alt img{width:130px}
.tanit{font-size:15px}
.sosyal{display:flex;gap:6px 14px;flex-wrap:wrap}
.sosyal a{gap:8px;min-height:44px}
.sosyal svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
.sosyal svg .dolu{fill:currentColor}
.kapanis{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}

/* ================= VEKTÖREL SAHNELER ================= */
.sahne{overflow:visible}
.sahne .cz{fill:none;stroke:#8fd6f5;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sahne .cz.ince{stroke-width:1.4;opacity:.8}
.sahne .dolgu-koyu{fill:#0f2c46}.sahne .dolgu-hafif{fill:rgba(143,214,245,.1)}.sahne .dolgu-acik{fill:#d9f2fc}
.sahne .dolgu-gaz{fill:var(--gaz)}.sahne .ic-gaz{stroke:var(--gaz);stroke-width:3;stroke-linecap:round;fill:none}
.sahne .bina-govde{fill:rgba(18,50,79,.55)}
.sahne .et{font:700 17px ui-monospace,Consolas,monospace;fill:#8fd6f5;letter-spacing:.06em}
.sahne [class^="boru-"],.sahne [class*=" boru-"]{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.sahne .boru-gaz,.boru-gaz{stroke:var(--gaz);stroke-dasharray:3 11}
.sahne .boru-sicak,.boru-sicak{stroke:var(--sicak);stroke-dasharray:10 8}
.sahne .boru-soguk,.boru-soguk{stroke:var(--soguk);stroke-dasharray:10 8}
.sahne .boru-yangin{stroke:#7fb7d6;stroke-dasharray:12 6;stroke-width:4}
.sahne .boru-bag{stroke:#8fd6f5;stroke-width:1.6;stroke-dasharray:none}
.sahne .boru-pf{stroke-width:7}
.sahne .boru-pf.kirli{stroke:#a47a4a;stroke-dasharray:none;opacity:.9}
.sahne .boru-pf.temiz{stroke:var(--soguk);stroke-dasharray:none;opacity:.9}
.boru-dolgu .ince-boru{fill:none;stroke-width:3;stroke-linecap:round}
.sahne .pervane{fill:rgba(143,214,245,.55);stroke:#8fd6f5;stroke-width:1.2}
.sahne .alev-dis{fill:#ff8a1f}.sahne .alev-ic{fill:#ffd24a}
.sahne .koni{fill:rgba(51,195,255,.18);stroke:none}
.sahne .damla{fill:var(--soguk)}
.sahne .duman circle{fill:rgba(190,215,232,.5)}
.sahne .sicaklik,.sahne .soguk-hava{fill:none;stroke-width:2.6;stroke-linecap:round}
.sahne .sicaklik{stroke:var(--sicak)}.sahne .soguk-hava{stroke:var(--soguk)}
.sahne .filtre-kafa{fill:var(--kirmizi)}.sahne .filtre-gov{fill:rgba(237,28,36,.88);stroke:#ffb4b7;stroke-width:2}
.sahne .filtre-nokta{fill:#7a4f26;opacity:.85}
.sahne .parca.kir{fill:#a47a4a}.sahne .parca.tem{fill:#bdeeff}
.sahne .parca{offset-rotate:0deg}

/* ikonlar */
.ik{display:block;overflow:visible}
.ik-cizgi{fill:none;stroke:#8fd6f5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ik-cizgi.ince{stroke-width:2}.ik-cizgi.gaz{stroke:var(--gaz)}
.ik-dolu-sicak{fill:#ff8a1f}.ik-dolu-gaz{fill:var(--gaz)}.ik-dolu-acik{fill:#d9f2fc}.ik-dolu-hafif{fill:rgba(143,214,245,.14)}
.ik-sicak{fill:none;stroke:var(--sicak);stroke-width:3;stroke-linecap:round}
.ik-damla,.ik-damla-buyuk{fill:var(--soguk)}
.ik-pervane{fill:rgba(143,214,245,.6);stroke:#8fd6f5;stroke-width:1.5}
.ik-duman{fill:rgba(190,215,232,.6)}

/* ================= HAREKET ================= */
@media (prefers-reduced-motion:no-preference){
  @keyframes akis{to{stroke-dashoffset:-36}}
  @keyframes akis-ters{to{stroke-dashoffset:36}}
  @keyframes don{to{transform:rotate(360deg)}}
  @keyframes titre{0%,100%{transform:scale(1,1)}25%{transform:scale(.94,1.08)}50%{transform:scale(1.04,.95)}75%{transform:scale(.97,1.05)}}
  @keyframes yuksel{0%{transform:translateY(0);opacity:0}15%{opacity:.8}100%{transform:translateY(-34px);opacity:0}}
  @keyframes dus{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(46px);opacity:0}}
  @keyframes dalga{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(-6px);opacity:1}}
  @keyframes nefes{0%,100%{opacity:.25}50%{opacity:.8}}
  @keyframes kay{0%{transform:translateY(0);opacity:.2}50%{opacity:1}100%{transform:translateY(8px);opacity:.2}}
  @keyframes yol-kirli{0%{offset-distance:0%;opacity:0}8%{opacity:1}100%{offset-distance:100%;opacity:1}}
  @keyframes yol-temiz{0%{offset-distance:0%;opacity:1}92%{opacity:1}100%{offset-distance:100%;opacity:0}}
  @keyframes tut{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}

  .sahne .boru-gaz{animation:akis 1.6s linear infinite}
  .sahne .boru-sicak,.boru-sicak{animation:akis 1.4s linear infinite}
  .sahne .boru-soguk,.boru-soguk{animation:akis-ters 1.4s linear infinite}
  .sahne .boru-yangin{animation:akis 3s linear infinite}
  .sahne .fan-don,.sahne .gunes-isin,.ik-don{transform-box:fill-box;transform-origin:center;animation:don 2.2s linear infinite}
  .sahne .gunes-isin,.ik-don.yavas{animation-duration:14s}
  .sahne .fan-don{transform-origin:0 0;transform-box:view-box}
  .sahne .alev{transform-box:fill-box;transform-origin:50% 100%;animation:titre .9s ease-in-out infinite}
  .sahne .duman circle,.ik-duman{animation:yuksel 3.4s ease-out infinite}
  .sahne .duman circle:nth-child(2),.ik-duman.idm2{animation-delay:1.1s}
  .sahne .duman circle:nth-child(3),.ik-duman.idm3{animation-delay:2.2s}
  .sahne .damla,.ik-damla{animation:dus 1.5s ease-in infinite}
  .sahne .damla.d2,.ik-damla.id2{animation-delay:.5s}.sahne .damla.d3,.ik-damla.id3{animation-delay:1s}
  .sahne .koni{animation:nefes 2.4s ease-in-out infinite}
  .sahne .koni.k2{animation-delay:.8s}.sahne .koni.k3{animation-delay:1.6s}
  .sahne .sicaklik path,.sahne .sicaklik{animation:dalga 2s ease-in-out infinite}
  .sahne .sicaklik.s2{animation-delay:.6s}.sahne .sicaklik.s3{animation-delay:1.2s}
  .sahne .soguk-hava{animation:kay 2.2s ease-in-out infinite}
  .ik-alev{transform-box:fill-box;transform-origin:50% 100%;animation:titre 1s ease-in-out infinite}
  .ik-sicak{animation:dalga 2s ease-in-out infinite}
  .ik-damla-buyuk{animation:tut 1.8s ease-in-out infinite}
  .grup-kart:hover .ik-don{animation-duration:.8s}

  .sahne .filtre-nokta{animation:tut 2.6s ease-in-out infinite}
  .sahne .filtre-nokta.fn2{animation-delay:.6s}.sahne .filtre-nokta.fn3{animation-delay:1.2s}.sahne .filtre-nokta.fn4{animation-delay:1.8s}
  .sahne-pf .parca{opacity:0;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}
  .sahne-pf .parca.kir{offset-path:path("M100 100 H250 H310");animation-name:yol-kirli}
  .sahne-pf .parca.kir.k2{animation-delay:1.6s}.sahne-pf .parca.kir.k3{animation-delay:3.2s}
  .sahne-pf .parca.tem{offset-path:path("M390 100 H530 V190 H100 V170");animation-name:yol-temiz}
  .sahne-pf .parca.tem.t2{animation-delay:1.6s}.sahne-pf .parca.tem.t3{animation-delay:3.2s}

  .js .bel{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .js .bel.gor{opacity:1;transform:none}
  .alt-menu{transition:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sahne-pf .parca{display:none}
}
.bolum-randevu{padding-bottom:0}

/* WhatsApp düğmesi metni TEK SATIR kalır (ikon + metin hizalı); çağrı bandında üç düğme eşit ve yeterince geniş */
.dugme-wa span{white-space:nowrap}
.cagri-dugmeler{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.kahraman-dugmeler{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}

/* ---------- hizmet bölgeleri haritası ---------- */
.tr-harita{position:relative;max-width:1000px;margin:0 auto;background:#fff;border:1.5px solid var(--cizgi);border-radius:var(--yar);padding:10px}
.tr-harita img,.tr-il-katman{display:block;width:100%;height:auto}
.tr-il-katman{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
.tr-il-katman .il path{fill:var(--cam);stroke:#fff;stroke-width:.8;stroke-linejoin:round}
.tr-il-katman .il-sakarya path{fill:var(--kirmizi)}
.tr-il-katman .il-bolu path,.tr-il-katman .il-duzce path{fill:#0782b4}
.tr-il-katman .il-bilecik path,.tr-il-katman .il-zonguldak path{fill:#5fcaf5}
.tr-il-katman .il-karabuk path,.tr-il-katman .il-bartin path{fill:#2d6a9f}
.il-liste{list-style:none;margin:18px auto 0;padding:0;max-width:1000px;display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center}
.il-liste li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;min-height:44px;border:1.5px solid var(--cizgi);border-radius:999px;background:#fff;font-weight:700;color:var(--lacivert)}
.il-liste i{width:12px;height:12px;border-radius:50%;background:var(--cam)}
.il-liste .il-sakarya i{background:var(--kirmizi)}
.il-liste .il-bolu i,.il-liste .il-duzce i{background:#0782b4}
.il-liste .il-bilecik i,.il-liste .il-zonguldak i{background:#5fcaf5}
.il-liste .il-karabuk i,.il-liste .il-bartin i{background:#2d6a9f}
@media (prefers-reduced-motion:no-preference){
  @keyframes il-nefes{0%,100%{opacity:.62}50%{opacity:1}}
  .tr-il-katman .il{animation:il-nefes 3.2s ease-in-out infinite;animation-delay:calc(var(--g) * .35s)}
  .tr-il-katman .il-sakarya{animation-duration:1.8s}
}

/* ---------- blog / iletişim listesi / arama ---------- */
.blog-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.blog-kart{display:flex;flex-direction:column;background:var(--kagit);border:1.5px solid var(--cizgi);border-radius:var(--yar);overflow:hidden;text-decoration:none;color:var(--yazi);transition:box-shadow .25s,border-color .25s}
.blog-kart:hover{box-shadow:0 16px 34px rgba(10,31,51,.14);border-color:var(--cam)}
.blog-kart b{display:block;padding:14px 16px 4px;font-size:18px;color:var(--lacivert);border-left:4px solid var(--kirmizi);margin:14px 0 0 0}
.blog-kart p{margin:0;padding:4px 16px 0;color:var(--soluk);font-size:15px}
.blog-foto{display:block;margin:12px;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#fff}
.blog-foto img{width:100%;height:100%;object-fit:contain;display:block}
.tel-liste{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tel-liste li{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--cizgi);min-height:48px}
.tel-liste span{color:var(--soluk)}
.tel-liste a,.tel-liste b{font-weight:700;color:var(--lacivert);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.ara-kutu{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.ara-kutu input{flex:1;min-width:200px;min-height:48px;padding:10px 14px;border:1.5px solid #b8cad6;border-radius:10px;font:inherit}
.ara-kutu button{min-height:48px;padding:0 24px}
.populer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 26px;color:var(--soluk)}
.populer a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid var(--cizgi);border-radius:999px;background:#fff;color:var(--lacivert);font-weight:700;text-decoration:none}
.populer a:hover{border-color:var(--cam)}

/* Menü sekiz öğe: tek satır, sıkı dolgu (1121 px altı hamburger) */
.menu>ul>li>a{white-space:nowrap;padding-inline:9px}
.menu{gap:10px}
.menu .dugme{white-space:nowrap}
.grup-baslik h2 a{display:inline-flex;align-items:center;min-height:44px}

/* ---------- yangın yönetmeliği ---------- */
.yonetmelik-kutu{background:var(--kagit);border:1.5px solid var(--cizgi);border-left:5px solid var(--lacivert);border-radius:var(--yar);padding:22px 24px;margin-top:26px}
.yonetmelik-kutu h2{font-size:22px;margin:0 0 6px}
.yonetmelik-kutu .y-baslik{font-size:19px;margin:1.2em 0 .4em;color:var(--lacivert)}
.yonetmelik-kutu .madde-bas{font-size:17px;margin:1.2em 0 .4em;color:var(--lacivert)}
.yonetmelik-kutu p{max-width:80ch;margin:0 0 .7em}
.yonetmelik-kutu .madde b{display:inline-block;background:var(--lacivert);color:#fff;border-radius:6px;padding:2px 9px;margin-right:6px;font-size:14px}
.yonetmelik-kutu .bent{padding-left:18px;border-left:3px solid var(--cizgi)}
.yon-not{color:var(--soluk);font-size:15px;max-width:80ch}
.yon-giris .yon-not{background:#fff;border:1.5px solid var(--cizgi);border-radius:var(--yar);padding:14px 16px}
.yon-hizli{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:22px}
.yon-hizli a{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;padding:14px 16px;border:1.5px solid var(--cizgi);border-radius:var(--yar);background:#fff;text-decoration:none;color:var(--yazi)}
.yon-hizli a:hover{border-color:var(--cam)}
.yon-no{grid-row:1/3;width:40px;height:40px;border-radius:50%;background:var(--lacivert);color:#fff;font-weight:800;display:grid;place-items:center}
.yon-hizli b{color:var(--lacivert)}
.yon-hizli em{font-style:normal;color:var(--soluk);font-size:14px}
.yon-konu{scroll-margin-top:90px}
.yon-bag{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:18px 0 0;max-width:640px}
.yon-afis{display:grid;gap:4px;margin:0 0 24px;padding:18px 20px;border:1.5px solid var(--lacivert);border-left-width:6px;border-radius:var(--yar);background:var(--kagit);text-decoration:none;color:var(--yazi)}
.yon-afis b{font-size:20px;color:var(--lacivert)}
.yon-afis em{font-style:normal;font-weight:700;color:var(--kirmizi-yazi)}