/**
 * XAN Office v1.4.61.300
 * Ana sayfa görsel denge, kart şeffaflığı, tipografi ve responsive iyileştirmeleri.
 * Harita, footer ve yönlendirme yapısı korunur.
 */

html body.mxh-theme .xan-v297-home {
  background: #ffffff !important;
}

html body.mxh-theme .xan-v297-shell {
  width: min(1380px, calc(100% - 44px)) !important;
}

html body.mxh-theme .xan-v297-home p {
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* HERO — görsel canlı, kart hafif şeffaf, metin dengeli. */
html body.mxh-theme .xan-v297-hero {
  min-height: clamp(520px, 39vw, 620px) !important;
  background-position: 58% center !important;
  filter: none !important;
  opacity: 1 !important;
}

html body.mxh-theme .xan-v297-hero::before {
  background: linear-gradient(90deg, rgba(18, 66, 74, .11) 0%, rgba(18, 66, 74, .035) 44%, rgba(18, 66, 74, 0) 74%) !important;
}

html body.mxh-theme .xan-v297-hero__inner {
  padding-block: 38px !important;
}

html body.mxh-theme .xan-v297-hero__card {
  width: min(510px, 43%) !important;
  min-height: 330px !important;
  padding: clamp(30px, 3vw, 44px) !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 16px 38px rgba(19, 55, 63, .11) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.mxh-theme .xan-v297-hero__card h1 {
  max-width: 430px !important;
  margin-bottom: 16px !important;
  font-size: clamp(32px, 2.45vw, 41px) !important;
  line-height: 1.16 !important;
}

html body.mxh-theme .xan-v297-hero__card p {
  max-width: 430px !important;
  margin-bottom: 24px !important;
}

/* Ortak buton dengesi. */
html body.mxh-theme .xan-v297-actions {
  gap: 10px !important;
}

html body.mxh-theme .xan-v297-btn {
  min-height: 47px !important;
  padding: 12px 21px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  box-shadow: none !important;
}

html body.mxh-theme .xan-v297-btn:hover,
html body.mxh-theme .xan-v297-btn:focus-visible {
  transform: translateY(-1px) !important;
}

/* Görselli kurumsal bölümler. */
html body.mxh-theme .xan-v297-split,
html body.mxh-theme .xan-v297-tools {
  padding: clamp(48px, 5.2vw, 74px) 0 !important;
}

html body.mxh-theme .xan-v297-split__grid {
  min-height: 400px !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr) !important;
  border-radius: 24px !important;
  border-color: rgba(32, 80, 88, .12) !important;
  background: #f5f9fa !important;
  box-shadow: 0 14px 40px rgba(23, 59, 66, .065) !important;
}

html body.mxh-theme .xan-v297-split--reverse .xan-v297-split__grid {
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr) !important;
}

html body.mxh-theme .xan-v297-split__image {
  min-height: 400px !important;
  background-position: center !important;
  filter: none !important;
  opacity: 1 !important;
}

html body.mxh-theme .xan-v297-split__copy {
  align-self: center !important;
  min-height: 0 !important;
  margin: 24px !important;
  padding: clamp(28px, 3.2vw, 44px) !important;
  border: 1px solid rgba(255, 255, 255, .76) !important;
  border-radius: 21px !important;
  background: rgba(255, 255, 255, .83) !important;
  box-shadow: 0 14px 34px rgba(23, 59, 66, .09) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.mxh-theme .xan-v297-split__copy h2 {
  max-width: 430px !important;
  margin-bottom: 13px !important;
  font-size: clamp(27px, 2vw, 34px) !important;
  line-height: 1.18 !important;
}

html body.mxh-theme .xan-v297-split__copy p {
  max-width: 460px !important;
  margin-bottom: 22px !important;
}

/* Ofis araçları — fotoğraf öncelikli, kısa ve ortalı metin bandı. */
html body.mxh-theme .xan-v297-tools {
  background: #f3f7f8 !important;
}

html body.mxh-theme .xan-v297-section-head {
  margin-bottom: 22px !important;
  align-items: center !important;
}

html body.mxh-theme .xan-v297-section-head h2 {
  margin-bottom: 6px !important;
  font-size: clamp(27px, 2.15vw, 35px) !important;
}

html body.mxh-theme .xan-v297-tools__grid {
  gap: 16px !important;
}

html body.mxh-theme .xan-v297-tool {
  min-height: 280px !important;
  border-radius: 20px !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: 0 13px 32px rgba(24, 61, 69, .105) !important;
}

html body.mxh-theme .xan-v297-tool:hover,
html body.mxh-theme .xan-v297-tool:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 38px rgba(24, 61, 69, .15) !important;
}

html body.mxh-theme .xan-v297-tool__shade {
  background: linear-gradient(180deg, rgba(8, 40, 47, 0) 54%, rgba(8, 40, 47, .16) 100%) !important;
}

html body.mxh-theme .xan-v297-tool__content {
  padding: 17px 16px 18px !important;
  background: rgba(14, 58, 67, .64) !important;
  border-top: 1px solid rgba(255, 255, 255, .22) !important;
}

html body.mxh-theme .xan-v297-tool__content strong {
  margin-bottom: 4px !important;
  font-size: 18px !important;
}

html body.mxh-theme .xan-v297-tool__content small {
  max-width: 260px !important;
  font-size: 12.5px !important;
  line-height: 1.48 !important;
  opacity: .96 !important;
}

/* Projeler — görsel daha görünür, kart daha hafif. */
html body.mxh-theme .xan-v297-projects {
  min-height: clamp(470px, 38vw, 590px) !important;
  background-position: center !important;
  filter: none !important;
  opacity: 1 !important;
}

html body.mxh-theme .xan-v297-projects::before {
  background: linear-gradient(90deg, rgba(8, 46, 55, .43) 0%, rgba(14, 58, 67, .22) 43%, rgba(14, 58, 67, .035) 78%) !important;
}

html body.mxh-theme .xan-v297-projects__copy {
  width: min(500px, 43%) !important;
  padding: clamp(28px, 3.2vw, 42px) !important;
  border-radius: 22px !important;
  background: rgba(14, 58, 67, .61) !important;
  border-color: rgba(255, 255, 255, .30) !important;
  box-shadow: 0 15px 36px rgba(4, 28, 34, .16) !important;
}

html body.mxh-theme .xan-v297-projects__copy h2 {
  margin-bottom: 13px !important;
  font-size: clamp(29px, 2.35vw, 38px) !important;
}

html body.mxh-theme .xan-v297-projects__copy p {
  max-width: 430px !important;
  margin-bottom: 23px !important;
}

/* Tablet */
@media (max-width: 1024px) {
  html body.mxh-theme .xan-v297-shell {
    width: min(100% - 30px, 1380px) !important;
  }

  html body.mxh-theme .xan-v297-hero {
    min-height: 550px !important;
    background-position: 62% center !important;
  }

  html body.mxh-theme .xan-v297-hero__card,
  html body.mxh-theme .xan-v297-projects__copy {
    width: min(500px, 66%) !important;
  }

  html body.mxh-theme .xan-v297-split__grid,
  html body.mxh-theme .xan-v297-split--reverse .xan-v297-split__grid {
    grid-template-columns: 1fr 1fr !important;
  }

  html body.mxh-theme .xan-v297-split__copy {
    margin: 18px !important;
    padding: 28px 24px !important;
  }
}

/* Mobil */
@media (max-width: 760px) {
  html body.mxh-theme .xan-v297-shell {
    width: calc(100% - 20px) !important;
  }

  html body.mxh-theme .xan-v297-home p {
    font-size: 14px !important;
  }

  html body.mxh-theme .xan-v297-hero {
    min-height: 590px !important;
    background-position: 68% center !important;
  }

  html body.mxh-theme .xan-v297-hero::before {
    background: linear-gradient(180deg, rgba(18, 66, 74, .015) 30%, rgba(18, 66, 74, .15) 100%) !important;
  }

  html body.mxh-theme .xan-v297-hero__inner {
    padding-block: 18px !important;
  }

  html body.mxh-theme .xan-v297-hero__card {
    width: 100% !important;
    min-height: 0 !important;
    padding: 25px 20px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .86) !important;
  }

  html body.mxh-theme .xan-v297-hero__card h1 {
    max-width: 320px !important;
    margin-bottom: 12px !important;
    font-size: clamp(27px, 8vw, 33px) !important;
  }

  html body.mxh-theme .xan-v297-hero__card p {
    margin-bottom: 19px !important;
  }

  html body.mxh-theme .xan-v297-btn {
    min-height: 46px !important;
    padding: 11px 17px !important;
  }

  html body.mxh-theme .xan-v297-split,
  html body.mxh-theme .xan-v297-tools {
    padding: 36px 0 !important;
  }

  html body.mxh-theme .xan-v297-split__grid,
  html body.mxh-theme .xan-v297-split--reverse .xan-v297-split__grid {
    grid-template-columns: 1fr !important;
    border-radius: 18px !important;
  }

  html body.mxh-theme .xan-v297-split--reverse .xan-v297-split__image {
    order: 0 !important;
  }

  html body.mxh-theme .xan-v297-split__image {
    min-height: 235px !important;
  }

  html body.mxh-theme .xan-v297-split__copy {
    margin: 12px !important;
    padding: 24px 18px !important;
    border-radius: 17px !important;
  }

  html body.mxh-theme .xan-v297-split__copy h2,
  html body.mxh-theme .xan-v297-section-head h2 {
    font-size: 25px !important;
  }

  html body.mxh-theme .xan-v297-section-head {
    margin-bottom: 17px !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  html body.mxh-theme .xan-v297-tools__grid {
    gap: 13px !important;
  }

  html body.mxh-theme .xan-v297-tool {
    min-height: 240px !important;
    border-radius: 17px !important;
  }

  html body.mxh-theme .xan-v297-projects {
    min-height: 540px !important;
    background-position: 64% center !important;
  }

  html body.mxh-theme .xan-v297-projects::before {
    background: linear-gradient(180deg, rgba(8, 46, 55, .04) 22%, rgba(8, 46, 55, .38) 100%) !important;
  }

  html body.mxh-theme .xan-v297-projects__inner {
    padding-block: 22px !important;
  }

  html body.mxh-theme .xan-v297-projects__copy {
    width: 100% !important;
    padding: 25px 20px !important;
    border-radius: 18px !important;
    background: rgba(14, 58, 67, .67) !important;
  }

  html body.mxh-theme .xan-v297-projects__copy h2 {
    font-size: 28px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.mxh-theme .xan-v297-btn,
  html body.mxh-theme .xan-v297-tool {
    transition: none !important;
  }
}


/* v1.4.61.301 — koyu/ofis illeri için sabit ofis görünümü ve sade plaka tooltip'i. */
html body.mxh-theme .xan-footer-v113__svg-map--interactive .xan-svg-province-link.xan-svg-office-link .xan-svg-province,
html body.mxh-theme .xan-footer-v113__svg-map--interactive .xan-svg-province[data-xan-office="1"] {
  fill: #205058 !important;
  stroke: #ffffff !important;
  stroke-width: 1.25 !important;
}

html body.mxh-theme .xan-footer-v113__svg-map--interactive .xan-svg-province-link.xan-svg-office-link:hover .xan-svg-province,
html body.mxh-theme .xan-footer-v113__svg-map--interactive .xan-svg-province-link.xan-svg-office-link:focus-visible .xan-svg-province {
  fill: #2a6570 !important;
  stroke: #ffffff !important;
  stroke-width: 1.55 !important;
  filter: drop-shadow(0 5px 10px rgba(18,61,69,.18)) !important;
}

html body.mxh-theme .xan-footer-v113__map-tooltip.xan-map-tooltip--office {
  min-width: 168px !important;
  padding: 11px 14px !important;
  text-align: center !important;
  background: #123d45 !important;
  border: 1px solid rgba(255,255,255,.24) !important;
}

html body.mxh-theme .xan-footer-v113__map-tooltip.xan-map-tooltip--office strong,
html body.mxh-theme .xan-footer-v113__map-tooltip.xan-map-tooltip--office small {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.mxh-theme .xan-footer-v113__map-tooltip.xan-map-tooltip--office strong {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body.mxh-theme .xan-footer-v113__map-tooltip.xan-map-tooltip--office small {
  margin-top: 3px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  opacity: .88 !important;
}
