/* Responsive presentation for the static copy of Okur Makina. */
body.home .gutenbiz-inner-banner-wrapper,
body.home #rev_slider_10_1_wrapper,
body.home #rev_slider_6_2_wrapper,
body.home #rev_slider_10_1_forcefullwidth,
body.home #rev_slider_6_2_forcefullwidth,
body.home .rs-p-wp-fix {
  display: none !important;
}

.okur-carousel {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  overflow: hidden;
  background: #1b3259;
  color: #fff !important;
  isolation: isolate;
}

.okur-carousel--hero { height: clamp(400px, 42vw, 560px); }
.okur-carousel--products { height: clamp(360px, 39vw, 510px); }
.okur-carousel__slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility .35s ease;
  background-image: linear-gradient(90deg, rgba(7,25,52,.88) 0%, rgba(7,25,52,.6) 52%, rgba(7,25,52,.16) 100%), var(--slide-image);
  background-size: cover;
  background-position: center;
}
.okur-carousel__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.okur-carousel__inner {
  width: min(1180px, calc(100% - 112px));
  margin: 0 auto;
  padding: 32px 0 56px;
}
.okur-carousel__title {
  max-width: 860px;
  margin: 0 0 18px;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(30px, 4.4vw, 58px);
  line-height: 1.12;
  font-weight: 700;
  overflow-wrap: anywhere;
  color: #fff !important;
  text-align: left !important;
}
.okur-carousel__subtitle {
  max-width: 820px;
  margin: 0;
  font-family: Montserrat, Arial, sans-serif;
  font-size: clamp(17px, 2vw, 25px);
  line-height: 1.45;
  color: #fff;
  text-align: left !important;
}
.okur-carousel__link {
  display: inline-block;
  margin-top: 26px;
  padding: 12px 20px;
  border-radius: 3px;
  background: #1e56a5;
  color: #fff;
  font-weight: 700;
}
.okur-carousel__link:hover,
.okur-carousel__link:focus-visible { background: #164278; color: #fff; }
.okur-carousel__control {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0,0,0,.56);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.okur-carousel__control:hover,
.okur-carousel__control:focus-visible { background: #1e56a5; }
.okur-carousel__control--prev { left: 18px; }
.okur-carousel__control--next { right: 18px; }
.okur-carousel__dots {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 16px;
  display: flex;
  justify-content: center;
  gap: 9px;
}
.okur-carousel__dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.okur-carousel__dot.is-active { background: #fff; }

/* Keep technical charts usable without shrinking the whole page. */
.entry-content table { max-width: 100%; }
.entry-content .wpb_wrapper { min-width: 0; }

@media (max-width: 767px) {
  .okur-carousel--hero { height: 390px; }
  .okur-carousel--products { height: 380px; }
  .okur-carousel__slide {
    align-items: flex-end;
    background-image: linear-gradient(0deg, rgba(7,25,52,.96) 0%, rgba(7,25,52,.5) 62%, rgba(7,25,52,.1) 100%), var(--slide-image);
  }
  .okur-carousel__inner { width: calc(100% - 58px); padding: 0 0 58px; }
  .okur-carousel__title { font-size: clamp(26px, 7vw, 36px); line-height: 1.17; }
  .okur-carousel__subtitle { font-size: 16px; line-height: 1.4; }
  .okur-carousel__control { width: 32px; height: 32px; font-size: 23px; top: 42%; }
  .okur-carousel__control--prev { left: 8px; }
  .okur-carousel__control--next { right: 8px; }
  .okur-carousel__link { margin-top: 18px; padding: 10px 16px; }
  .entry-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

@media (prefers-reduced-motion: reduce) {
  .okur-carousel__slide { transition: none; }
}

@media (max-width: 360px) {
  .okur-carousel__title { font-size: 24px !important; line-height: 1.16; }
  .okur-carousel__subtitle { font-size: 14px; }
  body.home .vc_custom_1651217031681 h2 { font-size: 22px !important; line-height: 1.2; }
}