/*
 * XAN Office v1.4.61.334
 * Ana sayfa slider: sade arka plan görselleri, mobil odaklı geçiş kontrolleri
 * ve tablet/mobil merkezlenmiş içerik akışı.
 */

.xan-v331-home-slider {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 0 0 clamp(18px, 2.4vw, 30px);
  overflow: clip;
  background: #ffffff;
}

html body.mxh-theme .xan-v331-slider-shell {
  width: min(1840px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.xan-v331-slider {
  --xan-v331-petrol: #205058;
  --xan-v331-petrol-light: #2a6570;
  position: relative;
  height: clamp(700px, 82vh, 780px);
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 0 0 34px 34px;
  background: #123d45;
  box-shadow: 0 26px 68px rgba(9, 31, 37, .22);
  color: #ffffff;
  contain: layout paint;
}

.xan-v331-slider__track {
  position: relative;
  display: grid;
  height: 100%;
  min-height: 0;
}

.xan-v331-slide {
  grid-area: 1 / 1;
  position: relative;
  display: grid;
  min-width: 0;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #123d45;
}

.xan-v331-slide[hidden] {
  display: none !important;
}

.xan-v331-slide.is-active {
  animation: xan-v331-fade-in .32s ease both;
}

@keyframes xan-v331-fade-in {
  from { opacity: .72; }
  to { opacity: 1; }
}

.xan-v331-slide__media,
.xan-v331-slide__media::after {
  position: absolute;
  inset: 0;
}

.xan-v331-slide__media {
  z-index: 0;
  margin: 0;
  overflow: hidden;
  background: #123d45;
}

.xan-v331-slide__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: var(--xan-v331-object-position, center center);
  filter: saturate(.96) contrast(1.02);
}

.xan-v331-slide__media::after {
  content: "";
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(5, 22, 27, .74) 0%, rgba(8, 31, 37, .54) 36%, rgba(8, 31, 37, .20) 68%, rgba(5, 19, 23, .34) 100%),
    linear-gradient(180deg, rgba(5, 20, 24, .24) 0%, rgba(5, 20, 24, .06) 42%, rgba(5, 20, 24, .54) 100%);
}

.xan-v331-slide__inner {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: flex-end;
  padding: clamp(162px, 12vw, 188px) clamp(34px, 4.2vw, 72px) clamp(38px, 4vw, 60px);
}

.xan-v331-slide__content {
  width: min(700px, 54%);
  min-width: 0;
  padding: clamp(24px, 2.7vw, 34px);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(8, 35, 41, .52), rgba(7, 31, 37, .64));
  box-shadow: 0 18px 46px rgba(4, 17, 21, .18);
  backdrop-filter: blur(16px) saturate(120%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
}

html body.mxh-theme .xan-v331-slide__kicker {
display: none !important;
}

html body.mxh-theme .xan-v331-slide__content h2 {
  max-width: 15ch;
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: clamp(34px, 3.5vw, 54px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.028em !important;
  text-wrap: balance;
}

html body.mxh-theme .xan-v331-slide__content p {
  max-width: 50ch;
  margin: 0 !important;
  color: rgba(255, 255, 255, .90) !important;
  font-size: clamp(15px, 1.08vw, 17px) !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  text-wrap: pretty;
}

.xan-v331-slide__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 24px;
}

html body.mxh-theme .xan-v331-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 154px;
  min-height: 52px;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--xan-v331-petrol) 0%, var(--xan-v331-petrol-light) 100%) !important;
  box-shadow: 0 10px 24px rgba(3, 20, 25, .28) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: filter .18s ease, box-shadow .18s ease !important;
}

html body.mxh-theme .xan-v331-btn:hover,
html body.mxh-theme .xan-v331-btn:focus-visible {
  background: linear-gradient(135deg, #245b64 0%, #30727e 100%) !important;
  box-shadow: 0 13px 29px rgba(3, 20, 25, .34) !important;
  color: #ffffff !important;
  filter: brightness(1.04);
  outline: 2px solid rgba(255, 255, 255, .82);
  outline-offset: 3px;
}

.xan-v331-slider__controls {
  position: absolute;
  z-index: 4;
  right: clamp(30px, 3.4vw, 58px);
  bottom: clamp(30px, 3.4vw, 52px);
  display: flex;
  align-items: center;
  gap: 10px;
}

.xan-v331-slider__arrow,
.xan-v331-slider__dot {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.xan-v331-slider__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(32, 80, 88, .94);
  box-shadow: 0 10px 24px rgba(3, 20, 25, .24);
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 27px;
  font-weight: 400;
  line-height: 1;
}

.xan-v331-slider__arrow:hover,
.xan-v331-slider__arrow:focus-visible {
  background: #2a6570;
  outline: 2px solid rgba(255, 255, 255, .82);
  outline-offset: 3px;
}

.xan-v331-slider__dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 48px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(5, 29, 35, .56);
  box-shadow: 0 10px 24px rgba(3, 20, 25, .18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.xan-v331-slider__dot {
  width: 9px;
  height: 9px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .46);
  transition: width .18s ease, background-color .18s ease;
}

.xan-v331-slider__dot.is-active {
  width: 25px;
  background: #ffffff;
}

.xan-v331-slider__dot:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

.xan-v331-slider__status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .xan-v331-slider {
    height: 700px;
  }

  .xan-v331-slide__inner {
    padding: 154px 34px 34px;
  }

  .xan-v331-slide__content {
    width: min(700px, 66%);
    padding: 28px;
  }

  html body.mxh-theme .xan-v331-slide__content h2 {
    max-width: 17ch;
    font-size: clamp(34px, 3.8vw, 50px) !important;
  }
}

/* Tablet */
@media (min-width: 600px) and (max-width: 1024px) {
  html body.mxh-theme .xan-v331-slider-shell {
    width: calc(100% - 24px) !important;
  }

  .xan-v331-slider {
    height: 720px;
    min-height: 0;
    border-radius: 0 0 28px 28px;
  }

  .xan-v331-slide__media::after {
    background:
      linear-gradient(180deg, rgba(5, 21, 25, .18) 0%, rgba(5, 21, 25, .08) 34%, rgba(5, 21, 25, .58) 74%, rgba(5, 21, 25, .84) 100%),
      linear-gradient(90deg, rgba(7, 28, 33, .14), rgba(7, 28, 33, .08));
  }

  .xan-v331-slide__inner {
    align-items: flex-end;
    padding: 148px 20px 102px;
  }

  .xan-v331-slide__content {
    width: min(690px, 100%);
    margin-inline: auto;
    padding: 24px;
    border-radius: 24px;
    text-align: center;
    background: linear-gradient(180deg, rgba(8, 35, 41, .42), rgba(7, 31, 37, .58));
  }

  html body.mxh-theme .xan-v331-slide__content h2 {
    max-width: 16ch;
    margin-inline: auto !important;
    font-size: clamp(30px, 5vw, 42px) !important;
  }

  html body.mxh-theme .xan-v331-slide__content p {
    max-width: 46ch;
    margin-inline: auto !important;
    font-size: 15px !important;
  }

  .xan-v331-slide__actions {
    justify-content: center;
  }

  .xan-v331-slider__controls {
    right: 20px;
    left: 20px;
    bottom: 24px;
    top: auto;
    justify-content: center;
    gap: 10px;
  }

  .xan-v331-slider__dots {
    order: 2;
  }

  .xan-v331-slider__arrow--prev {
    order: 1;
  }

  .xan-v331-slider__arrow--next {
    order: 3;
  }
}

/* Mobil */
@media (max-width: 599px) {
  .xan-v331-home-slider {
    padding-bottom: 16px;
  }

  html body.mxh-theme .xan-v331-slider-shell {
    width: calc(100% - 12px) !important;
  }

  .xan-v331-slider {
    height: 670px;
    min-height: 0;
    border-radius: 0 0 22px 22px;
    box-shadow: 0 18px 42px rgba(9, 31, 37, .16);
  }

  .xan-v331-slide__media img {
    object-position: var(--xan-v331-mobile-object-position, center center);
  }

  .xan-v331-slide__media::after {
    background:
      linear-gradient(180deg, rgba(4, 18, 22, .14) 0%, rgba(4, 18, 22, .06) 24%, rgba(4, 18, 22, .58) 60%, rgba(4, 18, 22, .88) 100%),
      linear-gradient(90deg, rgba(6, 27, 32, .10), rgba(6, 27, 32, .08));
  }

  .xan-v331-slide__inner {
    align-items: flex-end;
    padding: 120px 10px 98px;
  }

  .xan-v331-slide__content {
    width: 100%;
    margin-inline: auto;
    padding: 18px 16px;
    border-radius: 20px;
    text-align: center;
    background: linear-gradient(180deg, rgba(9, 40, 47, .34), rgba(6, 28, 34, .54));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  html body.mxh-theme .xan-v331-slide__kicker {
    display: none !important;
  }

  html body.mxh-theme .xan-v331-slide__content h2 {
    max-width: 15ch;
    margin: 0 auto 10px !important;
    font-size: clamp(24px, 7.2vw, 32px) !important;
    line-height: 1.10 !important;
  }

  html body.mxh-theme .xan-v331-slide__content p {
    max-width: 30ch;
    margin-inline: auto !important;
    font-size: 14px !important;
    line-height: 1.50 !important;
  }

  .xan-v331-slide__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 16px;
  }

  html body.mxh-theme .xan-v331-btn {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding-inline: 16px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  .xan-v331-slider__controls {
    right: 10px;
    left: 10px;
    bottom: 18px;
    top: auto;
    justify-content: center;
    gap: 8px;
  }

  .xan-v331-slider__arrow {
    width: 42px;
    height: 42px;
    font-size: 24px;
  }

  .xan-v331-slider__dots {
    min-height: 42px;
    max-width: calc(100% - 104px);
    padding-inline: 11px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .xan-v331-slider__dots::-webkit-scrollbar {
    display: none;
  }

  .xan-v331-slider__dot.is-active {
    width: 21px;
  }
}

@media (max-width: 370px) {
  .xan-v331-slider {
    height: 660px;
    min-height: 0;
  }

  .xan-v331-slide__content {
    padding: 18px 15px;
  }

  html body.mxh-theme .xan-v331-slide__content h2 {
    font-size: 26px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .xan-v331-slide.is-active {
    animation: none;
  }

  .xan-v331-btn,
  .xan-v331-slider__dot {
    transition: none !important;
  }
}