/* Shared page breadcrumb banner */
.contact-hero-section.konak-page-breadcrumb {
  position: relative;
  width: 100%;
  height: clamp(430px, 45.625vw, 876px);
  min-height: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.contact-hero-section.konak-page-breadcrumb::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 60%);
  pointer-events: none;
}

.konak-page-breadcrumb .huge-bg-text {
  display: block !important;
  position: absolute;
  top: calc(50% - 112px);
  left: max(24px, calc((100vw - 1320px) / 2 + 20px));
  z-index: 2;
  width: min(34vw, 460px);
  max-width: 460px;
  padding: 0 0 0 20px;
  overflow: visible;
  transform: none;
  color: #1c1c1c;
  font-size: clamp(14px, 1.25vw, 19px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: left;
  white-space: nowrap;
  user-select: none;
  pointer-events: none;
}

.konak-page-breadcrumb .contact-hero-text {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: max(24px, calc((100vw - 1320px) / 2 + 20px));
  width: min(34vw, 460px);
  max-width: 460px;
  margin: 0;
  transform: translateY(-50%);
  text-align: left;
}

.konak-page-breadcrumb .contact-hero-text p {
  display: block;
  margin: 0;
  padding: 0 0 0 20px;
  border: 0;
  border-left: 2px solid #1c1c1c;
  color: #30353a;
  font-size: clamp(12px, 0.95vw, 16px);
  line-height: 1.85;
  letter-spacing: 0.08em;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
}

.konak-page-breadcrumb .contact-hero-text strong {
  color: #15191d;
  font-weight: 700;
}

.konak-page-breadcrumb .contact-hero-car {
  display: none !important;
}

@media (max-width: 991.98px) {
  .contact-hero-section.konak-page-breadcrumb {
    height: clamp(400px, 56vw, 540px);
    min-height: 0;
    padding: 0;
    background-position: 58% center;
  }

  .konak-page-breadcrumb .huge-bg-text {
    top: calc(50% - 100px);
    left: 28px;
    width: 38%;
    max-width: 330px;
    padding-left: 16px;
    font-size: 14px;
  }

  .konak-page-breadcrumb .contact-hero-text {
    top: 50%;
    left: 28px;
    width: 38%;
    max-width: 330px;
    margin: 0;
    transform: translateY(-50%);
    text-align: left;
  }

  .konak-page-breadcrumb .contact-hero-text p {
    padding: 0 0 0 16px;
    border: 0;
    border-left: 2px solid #1c1c1c;
    font-size: 12px;
    line-height: 1.7;
  }
}

@media (max-width: 575.98px) {
  .contact-hero-section.konak-page-breadcrumb {
    height: 390px;
    background-position: 61% center;
  }

  .contact-hero-section.konak-page-breadcrumb::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.74) 44%, rgba(255, 255, 255, 0.08) 74%);
  }

  .konak-page-breadcrumb .huge-bg-text {
    top: calc(55% - 90px);
    left: 18px;
    width: 52%;
    max-width: 210px;
    padding: 0 0 0 12px;
    color: #1c1c1c;
    font-size: 12px;
    line-height: 1.25;
  }

  .konak-page-breadcrumb .contact-hero-text {
    top: 55%;
    left: 18px;
    width: 52%;
    max-width: 210px;
  }

  .konak-page-breadcrumb .contact-hero-text p {
    padding: 0 0 0 12px;
    font-size: 10px;
    line-height: 1.65;
    letter-spacing: 0.05em;
    overflow-wrap: anywhere;
  }

  .konak-page-breadcrumb .contact-hero-text p br {
    display: block;
    content: "";
  }

  .konak-page-breadcrumb .contact-hero-text p strong {
    display: block;
    margin: 3px 0;
  }
}