*{box-sizing:border-box}body{margin:0;font:16px/1.7 system-ui,Arial,sans-serif;color:#20333c;background:#fff}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.header{border-bottom:1px solid #e1e8e6;padding:19px 0}.header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:850;font-size:22px;color:#173647;text-decoration:none}nav a{color:#167848;text-decoration:none}main{min-height:60vh;padding:35px 0}.page{max-width:900px}.page h1{font-size:clamp(30px,5vw,50px);line-height:1.2}.footer{background:#f5f8f6;padding:25px 0;border-top:1px solid #e1e8e6}input{max-width:100%;padding:11px;border:1px solid #b9c9c2;border-radius:7px}button{background:#167848;color:white;border:0;border-radius:7px;padding:11px 18px;cursor:pointer}.admin-card{max-width:460px;margin:35px auto;padding:25px;border:1px solid #dde7e1;border-radius:14px}.admin-card label{display:block;margin:15px 0 5px}.admin-card input{width:100%}.error{color:#a12828}
.site-brand{display:inline-flex;align-items:center;gap:10px}.site-brand-logo{width:44px;height:44px;object-fit:contain;display:block}
.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.site-nav a{text-decoration:none}
.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.site-footer-menu{display:flex;gap:15px;flex-wrap:wrap}
.site-footer-menu a{text-decoration:none}
@media(max-width:720px){.header .wrap{flex-wrap:wrap}.site-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px}.site-nav a{white-space:nowrap}}

/* Ana sayfa hero - sadece .mh-hero kapsami; panel ve diger sayfalar etkilenmez. */
.mh-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(20px,3vw,42px);background:#10313e;color:#fff;border-radius:22px;padding:clamp(22px,4vw,48px);margin:12px 0 32px;overflow:hidden;box-shadow:0 16px 38px rgba(16,49,62,.12)}
.mh-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.mh-hero-kicker{color:#a7e5c2;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin:0 0 13px}
.mh-hero h1{color:#fff;font-size:clamp(34px,4.5vw,58px);font-weight:850;line-height:1.12;letter-spacing:-.035em;margin:0 0 16px}
.mh-hero-subheading{color:#c1e9d2;font-weight:700;font-size:clamp(16px,2vw,21px);line-height:1.4;margin:0 0 12px}
.mh-hero-intro{color:#d8e7e9;line-height:1.75;font-size:clamp(15px,1.4vw,18px);margin:0 0 25px;max-width:47ch}
.mh-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.mh-hero .mh-hero-button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:11px 20px;border-radius:9px;font-size:15px;font-weight:750;line-height:1.3;text-decoration:none;transition:transform .15s ease,background .15s ease}
.mh-hero .mh-hero-button:hover{transform:translateY(-2px)}
.mh-hero .mh-hero-button-primary{background:#19a371;color:#fff}
.mh-hero .mh-hero-button-secondary{border:1px solid #94b1b8;color:#fff;background:rgba(255,255,255,.08)}
.mh-hero-image{min-width:0;min-height:320px;border-radius:16px;overflow:hidden;background:#254b55}
.mh-hero-image img{width:100%;height:100%;min-height:320px;max-height:460px;object-fit:cover;display:block}
.mh-home-content{max-width:900px;margin:0 auto 25px}
@media(max-width:760px){.mh-hero{grid-template-columns:1fr;padding:24px;border-radius:16px;gap:23px}.mh-hero-image{min-height:0}.mh-hero-image img{height:auto;min-height:0;max-height:none;aspect-ratio:16/10;object-fit:cover}.mh-hero h1{font-size:clamp(32px,8vw,46px)}}
@media(max-width:420px){.mh-hero-actions{width:100%}.mh-hero .mh-hero-button{flex:1 1 100%}}

/* Ana sayfa: hero menu altina sifir boslukla, ekran boyunca. */
main:has(.mh-hero){padding-top:0}
.mh-hero{width:100vw;width:100dvw;max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:0 0 32px;border-radius:0;box-shadow:none;gap:clamp(22px,3vw,52px);padding:clamp(28px,4vw,64px) clamp(22px,5vw,90px);min-height:clamp(470px,44vw,660px);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.mh-hero-image{height:100%;min-height:410px}
.mh-hero-image img{height:100%;max-height:none;min-height:410px;object-fit:cover}
@media(max-width:760px){.mh-hero{grid-template-columns:1fr;min-height:0;padding:32px 20px 24px;gap:24px}.mh-hero-image{min-height:0;height:auto}.mh-hero-image img{min-height:0;height:auto;aspect-ratio:16/10}}

/* Tum yeni sayfalar: tek kapsamli stil, ana sayfa ve admin etkilenmez */
.mh-detail{width:100%;margin:0 auto 50px}
.mh-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,50px);align-items:center;background:#10313e;color:#fff;padding:clamp(24px,4vw,52px);border-radius:18px;margin:0 0 38px;min-height:380px}
.mh-detail-copy{min-width:0}.mh-detail-eyebrow{color:#9ce7c4;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 14px}
.mh-detail h1{font-size:clamp(32px,4.2vw,54px);line-height:1.12;letter-spacing:-.03em;color:#fff;margin:0 0 18px}
.mh-detail-intro{color:#d8e7e9;font-size:17px;line-height:1.7;margin:0 0 22px}
.mh-detail-actions{display:flex;flex-wrap:wrap;gap:12px}.mh-detail-btn{display:inline-flex;align-items:center;justify-content:center;background:#15986d;color:#fff;text-decoration:none;border-radius:9px;padding:12px 20px;font-weight:750;min-height:46px}.mh-detail-btn--outline{background:transparent;border:1px solid #90b2ba}
.mh-detail-cover{min-width:0;overflow:hidden;border-radius:14px}.mh-detail-cover img{display:block;width:100%;height:350px;object-fit:cover}
.mh-detail-body{max-width:1060px;margin:0 auto}.mh-detail-body h2{font-size:clamp(23px,2.8vw,32px);color:#173647;margin:30px 0 12px}.mh-detail-body p{line-height:1.85}.mh-detail-body a{color:#087c5b}
.mh-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.mh-card{border:1px solid #dbe7e2;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 20px rgba(17,51,63,.05)}.mh-card img{display:block;width:100%;height:185px;object-fit:cover}.mh-card-body{padding:17px}.mh-card h2{font-size:20px;margin:0 0 8px}.mh-card p{font-size:14px;margin:0 0 14px}.mh-card a{font-weight:750;text-decoration:none}
@media(max-width:780px){.mh-detail-hero{grid-template-columns:1fr;padding:24px;min-height:0}.mh-detail-cover img{height:auto;aspect-ratio:16/10}.mh-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.mh-card-grid{grid-template-columns:1fr}.mh-detail-actions a{flex:1 1 auto}}

/* Ic sayfalarin hero alani: ana sayfayla ayni tam genislik */
main:has(.mh-detail){padding-top:0}
.mh-detail-hero{width:100vw;width:100dvw;max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:0 0 38px;border-radius:0;box-shadow:none;min-height:clamp(470px,44vw,660px);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(22px,3vw,52px);padding:clamp(28px,4vw,64px) clamp(22px,5vw,90px)}
.mh-detail-cover{height:100%;min-height:410px}
.mh-detail-cover img{height:100%;min-height:410px;max-height:none;object-fit:cover}
@media(max-width:780px){.mh-detail-hero{grid-template-columns:1fr;min-height:0;padding:32px 20px 24px;gap:24px}.mh-detail-cover{height:auto;min-height:0}.mh-detail-cover img{height:auto;min-height:0;aspect-ratio:16/10}}

/* 2026-10-09: Ana sayfa içerik genişliği ve dengeli hero. */
main:has(.mh-hero) > .mh-home-content{width:100%;max-width:1200px;margin:0 auto 25px}
main:has(.mh-hero) > .mh-home-content .cms-content{width:100%;max-width:none}
@media(min-width:761px){
  .mh-hero{min-height:500px;padding-top:32px;padding-bottom:32px}
  .mh-hero-image{min-height:0;height:100%}
  .mh-hero-image img{min-height:0;height:100%;max-height:440px}
}
@media(max-width:760px){.mh-hero{min-height:0}}

/* Yalnizca ana sayfanin ana icerik kapsayicisini 1200px'e genislet. */
main.wrap:has(.mh-hero){width:min(1200px,calc(100% - 36px))}

/* 2026-10-09: Ic sayfalarda dengeli hero ve genis icerik. */
main.wrap:has(.mh-detail){width:min(1200px,calc(100% - 36px))}
main:has(.mh-detail) > .mh-detail{width:100%;max-width:none}
.mh-detail-body{width:100%;max-width:1200px;margin:0 auto}
@media(min-width:781px){
  .mh-detail-hero{min-height:500px;padding-top:32px;padding-bottom:32px}
  .mh-detail-cover{min-height:0;height:100%}
  .mh-detail-cover img{min-height:0;height:100%;max-height:440px}
}
@media(max-width:780px){
  .mh-detail-hero{min-height:0}
  .mh-detail-cover{height:auto;min-height:0}
  .mh-detail-cover img{height:auto;min-height:0;max-height:none;aspect-ratio:16/10}
}

/* 2026-10-09: Dört ortak şablonlu sayfada metin ve kart hizası.
   Yalnızca ilgili CMS içerik sınıflarına uygulanır. */
.mh-detail-body .mh-types-page,
.mh-detail-body .mh-services-page{width:100%;max-width:none;min-width:0}
.mh-detail-body .mh-types-page .mh-types-intro,
.mh-detail-body .mh-services-page .mh-services-intro{width:100%;max-width:none;margin-left:0;margin-right:0}
.mh-detail-body .mh-types-page .mh-types-grid,
.mh-detail-body .mh-services-page .mh-services-grid{width:100%;max-width:none}
.mh-detail-body .mh-types-page .mh-types-card,
.mh-detail-body .mh-services-page .mh-services-card{min-width:0}
/* Tam ekran hero'daki 100dvw, dikey kaydırma çubuğu kadar yatay taşabilir.
   Kırpma sadece ortak detay şablonunun kullanıldığı sayfalarda geçerli. */
body:has(.mh-detail){overflow-x:clip}

/* 2026-10-10: Buton kontrast duzeltmeleri.
   Mevcut yerlesim, olculer ve mobil tasarim korunur. */

/* Ana sayfa hero birincil butonu */
.mh-hero .mh-hero-button-primary,
.mh-hero .mh-hero-button-primary:visited{
  background-color:#087344;
  color:#fff;
}
.mh-hero .mh-hero-button-primary:hover,
.mh-hero .mh-hero-button-primary:focus-visible{
  background-color:#065c36;
  color:#fff;
}

/* Tum ic sayfalarin hero birincil butonu */
.mh-detail-hero .mh-detail-btn:not(.mh-detail-btn--outline),
.mh-detail-hero .mh-detail-btn:not(.mh-detail-btn--outline):visited{
  background-color:#087344;
  color:#fff;
}
.mh-detail-hero .mh-detail-btn:not(.mh-detail-btn--outline):hover,
.mh-detail-hero .mh-detail-btn:not(.mh-detail-btn--outline):focus-visible{
  background-color:#065c36;
  color:#fff;
}

/* Hero ikincil butonunun mevcut seffaf tasarimi korunur */
.mh-detail-hero .mh-detail-btn--outline,
.mh-detail-hero .mh-detail-btn--outline:visited{
  background-color:transparent;
  color:#fff;
  border-color:#90b2ba;
}

/* Bakir ve sari makalelerinin WhatsApp CTA butonlari */
.mh-detail-body .mh-copper-page .mh-copper-cta .mh-copper-btn-whatsapp,
.mh-detail-body .mh-copper-page .mh-copper-cta .mh-copper-btn-whatsapp:visited,
.mh-detail-body .mh-brass-page .mh-brass-cta .mh-brass-btn-whatsapp,
.mh-detail-body .mh-brass-page .mh-brass-cta .mh-brass-btn-whatsapp:visited{
  background-color:#087344;
  color:#fff;
}
.mh-detail-body .mh-copper-page .mh-copper-cta .mh-copper-btn-whatsapp:hover,
.mh-detail-body .mh-copper-page .mh-copper-cta .mh-copper-btn-whatsapp:focus-visible,
.mh-detail-body .mh-brass-page .mh-brass-cta .mh-brass-btn-whatsapp:hover,
.mh-detail-body .mh-brass-page .mh-brass-cta .mh-brass-btn-whatsapp:focus-visible{
  background-color:#065c36;
  color:#fff;
}

/* Bakir ve sari makalelerinin beyaz telefon CTA butonlari */
.mh-detail-body .mh-copper-page .mh-copper-cta .mh-copper-btn-call,
.mh-detail-body .mh-copper-page .mh-copper-cta .mh-copper-btn-call:visited,
.mh-detail-body .mh-brass-page .mh-brass-cta .mh-brass-btn-call,
.mh-detail-body .mh-brass-page .mh-brass-cta .mh-brass-btn-call:visited{
  background-color:#fff;
  color:#10313e;
}