/* Dr. Mesut Karatas — compact dark inner-page heading system */

body.site-quality main:not(.mk-home) > section:first-of-type.jarallax,
body.site-quality .mk-inner-hero {
  position: relative;
  min-height: 190px;
  margin: 112px 16px 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(169, 133, 97, 0.24), transparent 30%),
    linear-gradient(112deg, #171412 0%, #211c19 62%, #382a22 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 24px 58px rgba(29, 23, 20, 0.18);
  isolation: isolate;
}

body.site-quality main:not(.mk-home) > section:first-of-type.jarallax::before,
body.site-quality main:not(.mk-home) > section:first-of-type.jarallax::after,
body.site-quality main:not(.mk-home) > section:first-of-type.jarallax > .container::after,
body.site-quality main:not(.mk-home) > section:first-of-type.jarallax .col-lg-6::before {
  content: none !important;
  display: none !important;
}

body.site-quality main:not(.mk-home) > section:first-of-type.jarallax .jarallax-img,
body.site-quality main:not(.mk-home) > section:first-of-type.jarallax .sw-overlay,
body.site-quality main:not(.mk-home) > section:first-of-type.jarallax .de-gradient-edge-top,
body.site-quality main:not(.mk-home) > section:first-of-type.jarallax .subtitle,
body.site-quality .mk-inner-hero-shade {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.site-quality main:not(.mk-home) > section:first-of-type.jarallax > .container {
  width: 100%;
  height: auto;
  align-self: auto;
  display: flex;
  align-items: center;
}

body.site-quality main:not(.mk-home) > section:first-of-type.jarallax > .container > .row {
  width: 100%;
  height: auto;
  margin: 0;
  align-items: center;
  justify-content: flex-start !important;
}

body.site-quality main:not(.mk-home) > section:first-of-type.jarallax .col-lg-6 {
  width: 70%;
  max-width: 880px;
  flex: 0 0 70%;
  padding: 0 clamp(42px, 5.5vw, 82px);
  text-align: left !important;
}

body.site-quality main:not(.mk-home) > section:first-of-type.jarallax h1,
body.site-quality main:not(.mk-home) > section:first-of-type.jarallax h2,
body.site-quality .mk-inner-hero h1 {
  max-width: 860px;
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--mk-display);
  font-size: clamp(46px, 4.3vw, 58px) !important;
  font-weight: 500;
  line-height: 0.96;
  letter-spacing: -0.055em;
  text-align: left !important;
  text-shadow: none !important;
  text-wrap: balance;
}

body.site-quality .crumb-wrapper {
  top: 50%;
  right: clamp(42px, 5.5vw, 82px);
  bottom: auto;
  left: auto;
  width: auto;
  max-width: 34%;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transform: translateY(-50%);
}

body.site-quality .crumb {
  min-height: 24px;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

body.site-quality .crumb li,
body.site-quality .crumb a {
  color: rgba(255, 255, 255, 0.56);
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

body.site-quality .crumb a:hover,
body.site-quality .crumb li.active {
  color: #fff;
}

body.site-quality .crumb li::before {
  color: #c3a17f !important;
  opacity: 0.9;
}

body.site-quality .crumb li.active:nth-child(n + 3) {
  display: none;
}

body.site-quality .mk-inner-hero-content {
  width: 100%;
  padding: 0 clamp(42px, 5.5vw, 82px) !important;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 48px;
}

body.site-quality .mk-inner-hero-content > .mk-kicker,
body.site-quality .mk-inner-hero-content > p:not(.mk-kicker) {
  display: none !important;
}

body.site-quality .mk-breadcrumb {
  width: fit-content;
  min-height: 24px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.56);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

body.site-quality .mk-breadcrumb a,
body.site-quality .mk-breadcrumb span {
  color: rgba(255, 255, 255, 0.56);
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

body.site-quality .mk-breadcrumb a:hover,
body.site-quality .mk-breadcrumb [aria-current="page"] {
  color: #fff;
}

body.site-quality .mk-breadcrumb > span:not([aria-current="page"]) {
  color: #c3a17f;
}

@media (max-width: 820px) {
  body.site-quality main:not(.mk-home) > section:first-of-type.jarallax,
  body.site-quality .mk-inner-hero {
    min-height: 0;
    margin: 90px 8px 0 !important;
    padding: 42px 24px 38px !important;
    display: block;
    border-radius: 15px !important;
    background:
      radial-gradient(circle at 96% 6%, rgba(169, 133, 97, 0.2), transparent 36%),
      linear-gradient(145deg, #171412 0%, #231d19 66%, #352820 100%) !important;
  }

  body.site-quality main:not(.mk-home) > section:first-of-type.jarallax > .container,
  body.site-quality main:not(.mk-home) > section:first-of-type.jarallax > .container > .row {
    display: block;
  }

  body.site-quality main:not(.mk-home) > section:first-of-type.jarallax .col-lg-6 {
    width: 100%;
    max-width: none;
    padding: 0;
    flex: 0 0 100%;
  }

  body.site-quality main:not(.mk-home) > section:first-of-type.jarallax h1,
  body.site-quality main:not(.mk-home) > section:first-of-type.jarallax h2,
  body.site-quality .mk-inner-hero h1 {
    max-width: 330px;
    font-size: clamp(38px, 10.2vw, 44px) !important;
    line-height: 0.98;
  }

  body.site-quality main:not(.mk-home) > section:first-of-type.jarallax:has(.crumb li:nth-child(3)) h1,
  body.site-quality main:not(.mk-home) > section:first-of-type.jarallax:has(.crumb li:nth-child(3)) h2 {
    max-width: 330px;
    font-size: clamp(32px, 8.8vw, 36px) !important;
    line-height: 1.02;
  }

  body.site-quality .crumb-wrapper {
    position: relative;
    inset: auto;
    max-width: none;
    margin: 25px 0 0;
    transform: none;
  }

  body.site-quality .crumb {
    justify-content: flex-start;
  }

  body.site-quality .mk-inner-hero-content {
    padding: 0 !important;
    display: block;
  }

  body.site-quality .mk-breadcrumb {
    margin-top: 25px;
  }

  body.site-quality .crumb li,
  body.site-quality .crumb a,
  body.site-quality .mk-breadcrumb a,
  body.site-quality .mk-breadcrumb span {
    font-size: 14px;
  }
}