/* =====================================================
   KENT NAKLİYAT - UYGUR TARZINA YAKIN KURUMSAL TASARIM
   Not: Orijinal sınıf mantığı korunmuştur. Renkler Kent logosuna göre mavi/turuncu yapılmıştır.
   Fotoğraflar kaldırıldı; yerlerine ne koyulacağı yazan kutular eklendi.
   ===================================================== */
:root {
  --kent-blue: #003b8e;
  --kent-dark: #001f5c;
  --kent-orange: #ff5a00;
  --kent-orange2: #ff7a1a;
  --kent-light: #f3f7ff;
  --kent-text: #17233c;
  --gray: #5d6878;
  --white: #fff
}

* {
  box-sizing: border-box
}

html {
  scroll-behavior: smooth
}

body {
  font-family: 'Nunito Sans', 'Open Sans', Arial, sans-serif;
  margin: 0;
  color: var(--kent-text);
  background: #fff;
  line-height: 1.65
}

a {
  text-decoration: none !important;
  color: inherit
}

img {
  max-width: 100%
}

.auto-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 18px
}

.clearfix:after {
  content: "";
  display: block;
  clear: both
}

.pull-left {
  float: left
}

.pull-right {
  float: right
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}

.col-lg-6,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-md-12,
.col-sm-12 {
  padding: 0 15px
}

.col-lg-6 {
  width: 50%
}

.col-lg-4 {
  width: 33.333%
}

.col-lg-3 {
  width: 25%
}

.col-lg-2 {
  width: 16.666%
}

.offset-lg-2 {
  margin-left: 16.666%
}

.text-center {
  text-align: center
}

.centered {
  text-align: center
}

/* Sağ açılır ikon bar */
.sag-icon-toggle {
  position: fixed;
  right: 0;
  top: 25%;
  z-index: 99999;
  background: var(--kent-orange);
  color: #fff;
  border: 0;
  border-radius: 12px 0 0 12px;
  padding: 14px 10px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
  writing-mode: vertical-rl
}

.sag-icon-bar {
  position: fixed;
  top: 34%;
  right: 0;
  width: 220px;
  z-index: 99998;
  font-family: 'Nunito Sans', Arial, sans-serif;
  transition: .35s
}

.sag-icon-bar.closed {
  right: -170px
}

.sag-icon-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.sag-icon-bar li {
  width: 220px;
  min-height: 58px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
  transition: .25s;
  margin-bottom: 4px;
  border-radius: 14px 0 0 14px;
  overflow: hidden
}

.sag-icon-bar li:hover {
  transform: translateX(-8px)
}

.sag-icon-bar .s1 {
  background: #25d366
}

.sag-icon-bar .s2 {
  background: var(--kent-dark)
}

.sag-icon-bar .s3 {
  background: var(--kent-orange)
}

.sag-icon-bar .s4 {
  background: #c13584
}

.sag-icon-bar .s5 {
  background: #111827
}

.sag-icon-bar a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 58px;
  font-weight: 900;
  gap: 12px;
  padding: 0 18px
}

.sag-icon-bar i {
  font-size: 24px;
  width: 32px;
  text-align: center
}

.sag-icon-bar span {
  font-size: 15px
}

.sag-icon-bar.closed span {
  display: none
}

.sag-icon-bar.closed li {
  width: 58px
}

.sag-icon-bar.closed a {
  justify-content: center;
  padding: 0
}

/* Header */
.header-top {
  background: var(--kent-dark);
  color: #fff;
  font-size: 14px;
  padding: 11px 0
}

.header-top .text {
  font-weight: 900;
  letter-spacing: .2px
}

.top-right {
  display: flex;
  gap: 22px;
  align-items: center
}

.nav-list,
.social-nav,
.navigation,
.list-link {
  list-style: none;
  margin: 0;
  padding: 0
}

.nav-list li,
.social-nav li {
  display: inline-block;
  margin-left: 12px
}

.social-nav a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .12);
  color: #fff
}

.social-nav a:hover {
  background: var(--kent-orange)
}

.header-upper {
  background: #fff;
  padding: 18px 0;
  border-bottom: 1px solid #edf2f7
}

.logo img {
  max-height: 92px;
  max-width: 270px
}

.upper-right {
  display: flex;
  gap: 28px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 8px
}

.info-box {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--kent-dark)
}

.info-box .icon-box {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--kent-orange);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px
}

.info-box ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.info-box strong {
  font-size: 15px
}

.info-box li:last-child {
  font-weight: 900;
  color: var(--kent-text)
}

.header-lower {
  background: linear-gradient(90deg, var(--kent-blue), var(--kent-dark));
  box-shadow: 0 12px 30px rgba(0, 31, 92, .22)
}

.nav-outer {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.main-menu .navigation>li {
  display: inline-block;
  position: relative
}

.main-menu .navigation>li>a {
  color: #fff;
  font-weight: 900;
  padding: 22px 15px;
  display: block;
  text-transform: uppercase;
  font-size: 14px
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
  background: var(--kent-orange)
}

.dropdown ul {
  display: none;
  position: absolute;
  background: #fff;
  min-width: 270px;
  top: 100%;
  left: 0;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .16);
  z-index: 50;
  padding: 10px 0;
  list-style: none
}

.dropdown:hover ul {
  display: block
}

.dropdown ul a {
  display: block;
  padding: 10px 18px;
  color: var(--kent-dark);
  font-weight: 800
}

.dropdown ul a:hover {
  color: var(--kent-orange)
}

.button-box .theme-btn {
  background: var(--kent-orange);
  color: #fff;
  padding: 13px 22px;
  border-radius: 4px;
  font-weight: 900;
  display: inline-block
}

.mobile-nav-toggler {
  display: none;
  color: #fff;
  font-size: 24px
}

/* Slider */
.main-slider {
  position: relative;
  overflow: hidden
}

.main-slider-carousel {
  display: block
}

.slide {
  min-height: 650px;
  background: linear-gradient(120deg, rgba(0, 31, 92, .94), rgba(0, 59, 142, .82));
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  position: relative;
  color: #fff
}

.slide:after {
  content: "";
  position: absolute;
  right: -110px;
  top: -130px;
  width: 420px;
  height: 420px;
  background: rgba(255, 90, 0, .92);
  border-radius: 50%
}

.slide:before {
  content: "";
  position: absolute;
  right: 8%;
  bottom: 55px;
  width: 370px;
  height: 250px;
  border: 3px dashed rgba(255, 255, 255, .55);
  border-radius: 20px
}

.slide-note {
  position: absolute;
  right: 10%;
  bottom: 105px;
  z-index: 2;
  text-align: center;
  color: #fff;
  font-weight: 900
}

.content-boxed {
  max-width: 720px;
  position: relative;
  z-index: 2;
  padding: 60px 0
}

.content-boxed h1 {
  font-size: 58px;
  line-height: 1.05;
  margin: 0 0 22px;
  font-weight: 900
}

.content-boxed .text {
  font-size: 19px;
  max-width: 650px;
  margin-bottom: 28px;
  color: #eef5ff
}

.theme-btn {
  display: inline-block;
  border-radius: 4px;
  font-weight: 900;
  transition: .25s
}

.btn-style-three {
  background: var(--kent-orange);
  color: #fff;
  padding: 15px 25px;
  margin-right: 10px
}

.btn-style-four {
  background: #fff;
  color: var(--kent-dark);
  padding: 15px 25px
}

.btn-style-three:hover,
.btn-style-four:hover,
.read-more:hover {
  transform: translateY(-3px)
}

.photo-placeholder {
  border: 3px dashed #b6c4dc;
  background: rgba(255, 255, 255, .96);
  color: #64748b;
  border-radius: 16px;
  min-height: 255px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 25px;
  font-weight: 800
}

.photo-placeholder.dark {
  background: rgba(255, 255, 255, .12);
  color: #fff;
  border-color: rgba(255, 255, 255, .55)
}

.photo-placeholder b {
  color: var(--kent-orange);
  font-size: 20px
}

.photo-placeholder.small {
  min-height: 160px
}

/* Sections */
section {
  padding: 86px 0
}

.sec-title {
  margin-bottom: 48px
}

.sec-title .title,
.title {
  color: var(--kent-orange);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .8px
}

.sec-title h2 {
  font-size: 42px;
  color: var(--kent-dark);
  margin: 8px 0 12px;
  font-weight: 900
}

.sec-title h5 {
  font-size: 17px;
  color: #596579;
  font-weight: 700
}

.separater {
  width: 70px;
  height: 4px;
  background: var(--kent-orange);
  display: block;
  margin: 0 auto 13px;
  border-radius: 3px
}

.about-section.style-two {
  background: linear-gradient(180deg, #fff, #f6f9ff)
}

.image-column .inner-column {
  position: relative
}

.experiance {
  position: absolute;
  right: 20px;
  bottom: -20px;
  background: var(--kent-orange);
  color: #fff;
  padding: 24px;
  border-radius: 8px;
  font-weight: 900;
  box-shadow: 0 15px 35px rgba(255, 90, 0, .28)
}

.content-column .inner-column {
  padding: 20px 0
}

.content-column h2 {
  font-size: 40px;
  color: var(--kent-dark);
  margin: 0 0 20px
}

.content-column .text p {
  font-size: 17px;
  color: #536174
}

.read-more {
  background: var(--kent-blue);
  color: #fff !important;
  padding: 13px 20px;
  border-radius: 4px;
  font-weight: 900;
  display: inline-block;
  margin-top: 10px
}

.phone {
  margin-left: 20px;
  color: var(--kent-dark);
  font-weight: 800
}

.phone strong {
  color: var(--kent-orange);
  font-size: 21px;
  display: block
}

.signature img {
  max-width: 220px;
  margin-top: 20px
}

.check-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 18px 0
}

.check-list span {
  font-weight: 900;
  color: var(--kent-dark)
}

.check-list i {
  color: var(--kent-orange);
  margin-right: 8px
}

/* Hizmetler */
.service-section-two {
  background: var(--kent-light)
}

.service-grid,
.three-item-carousel,
.service-carousel,
.testimonial-carousel,
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px
}

.service-block-two,
.service-block-four,
.testimonial-block,
.client-box,
.blog-card,
.why-card,
.faq-item {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0, 31, 92, .10);
  transition: .25s
}

.service-block-two:hover,
.service-block-four:hover,
.testimonial-block:hover,
.client-box:hover,
.blog-card:hover,
.why-card:hover {
  transform: translateY(-7px)
}

.service-block-two .image,
.service-block-four .image {
  position: relative
}

.lower-box,
.lower-content,
.blog-card {
  padding: 22px
}

.lower-box h4,
.lower-content h4 {
  margin: 0;
  color: var(--kent-dark);
  font-size: 21px
}

.overlay-box {
  padding: 0 22px 22px;
  color: #5d6878
}

.overlay-box h3 a {
  color: var(--kent-dark)
}

.icon,
.icon-two {
  color: var(--kent-orange)
}

/* Sayaç */
.counter-section-two,
.stats-band {
  background: linear-gradient(90deg, var(--kent-dark), var(--kent-blue));
  color: #fff;
  padding: 55px 0
}

.fact-counter-three .row {
  justify-content: center
}

.counter-column {
  text-align: center
}

.counter-column .inner {
  padding: 18px 12px;
  border-right: 1px solid rgba(255, 255, 255, .14)
}

.count-outer {
  font-size: 42px;
  font-weight: 900;
  color: var(--kent-orange);
  line-height: 1
}

.counter-title {
  font-size: 15px;
  color: #fff;
  margin-top: 12px;
  font-weight: 800
}

/* Yeni ek profesyonel alanlar */
.why-section {
  background: #fff
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px
}

.why-card {
  padding: 26px;
  text-align: center
}

.why-card i {
  font-size: 38px;
  color: var(--kent-orange);
  margin-bottom: 14px
}

.why-card h3 {
  color: var(--kent-dark);
  margin: 8px 0
}

.packing-section {
  background: #f7faff
}

.packing-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 32px;
  align-items: center
}

.packing-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px
}

.packing-list div {
  background: #fff;
  padding: 16px;
  border-left: 5px solid var(--kent-orange);
  box-shadow: 0 8px 25px rgba(0, 31, 92, .08);
  font-weight: 800
}

.timeline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px
}

.step {
  background: #fff;
  text-align: center;
  padding: 26px 18px;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0, 31, 92, .10)
}

.step .num {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--kent-orange);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
  font-weight: 900
}

/* Yorumlar */
.testimonial-section {
  background: #fff
}

.testimonial-block .inner-box {
  padding: 30px
}

.author-image {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: #eef3ff;
  border: 3px solid var(--kent-orange);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: var(--kent-dark);
  float: left;
  margin-right: 15px
}

.upper-inner h4 {
  color: var(--kent-dark);
  margin: 0;
  font-size: 20px
}

.designation {
  color: var(--kent-orange);
  font-weight: 800
}

.testimonial-block .text {
  clear: both;
  padding-top: 18px;
  color: #536174
}

/* Akışkan bölüm */
.fluid-section-one {
  background: linear-gradient(120deg, var(--kent-dark), var(--kent-blue));
  color: #fff;
  padding: 0
}

.outer-container {
  display: grid;
  grid-template-columns: 1fr 1fr
}

.fluid-section-one .content-column {
  padding: 70px 8%
}

.fluid-section-one h2 {
  color: #fff;
  font-size: 42px
}

.fluid-section-one .text {
  font-size: 18px;
  margin-bottom: 25px
}

.fluid-section-one .image-column {
  min-height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 40px
}

.fluid-section-one .photo-placeholder {
  width: 100%;
  height: 360px
}

/* Referans / bölge */
.clients-section-three {
  background: #f7faff
}

.title-box h3 {
  font-size: 31px;
  color: var(--kent-dark);
  margin: 10px 0
}

.client-box {
  padding: 18px;
  text-align: center;
  margin-bottom: 20px
}

.client-box .image {
  height: 95px;
  border: 2px dashed #b6c4dc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #64748b;
  font-weight: 900
}

.area-list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap
}

.area-list span {
  background: #fff;
  border: 1px solid #d7e2f5;
  border-left: 5px solid var(--kent-orange);
  padding: 12px 15px;
  border-radius: 6px;
  font-weight: 900;
  color: var(--kent-dark)
}

/* Fiyat/SSS/İletişim */
.quote-section {
  background: linear-gradient(120deg, var(--kent-orange), #ff7a1a);
  color: #fff
}

.quote-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  align-items: start
}

.quote-info h2 {
  font-size: 42px;
  margin: 0 0 10px
}

.quote-info ul {
  list-style: none;
  padding: 0;
  margin: 25px 0
}

.quote-info li {
  margin: 12px 0;
  font-weight: 900
}

.quote-info i {
  margin-right: 10px
}

.quote-card {
  background: #fff;
  color: var(--kent-text);
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .22)
}

.quote-card h3 {
  color: var(--kent-dark);
  font-size: 28px;
  margin-top: 0
}

.quote-card input,
.quote-card select,
.quote-card textarea,
.newsletter-form input,
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 14px;
  border: 1px solid #ccd7ea;
  border-radius: 6px;
  margin-bottom: 12px;
  font-family: inherit
}

.quote-card textarea,
.contact-form textarea {
  height: 120px;
  resize: none
}

.quote-card button,
.newsletter-form button,
.contact-form button {
  background: var(--kent-blue);
  color: #fff;
  border: 0;
  padding: 14px 20px;
  border-radius: 6px;
  font-weight: 900;
  cursor: pointer
}

.faq-section {
  background: #fff
}

.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px
}

.faq-item {
  padding: 20px
}

.faq-item h3 {
  color: var(--kent-dark);
  margin: 0 0 8px
}

.contact-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px
}

.contact-card {
  background: #fff;
  border-radius: 12px;
  padding: 22px;
  box-shadow: 0 12px 35px rgba(0, 31, 92, .10);
  text-align: center
}

.contact-card i {
  font-size: 33px;
  color: var(--kent-orange)
}

.map-box {
  height: 260px;
  border: 3px dashed #b6c4dc;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #64748b;
  font-weight: 900;
  background: #fff
}

/* Footer */
.main-footer {
  background: #06142f;
  color: #dbeafe;
  padding-top: 70px
}

.main-footer h4 {
  color: #fff;
  font-size: 21px;
  margin-top: 0
}

.main-footer .text {
  color: #dbeafe
}

.footer-widget {
  margin-bottom: 30px
}

.footer-widget .logo img {
  max-width: 210px
}

.list-link li {
  margin-bottom: 9px
}

.list-link a {
  color: #dbeafe
}

.list-link a:hover {
  color: var(--kent-orange)
}

.request-widget .phone {
  margin: 0;
  color: var(--kent-orange);
  font-size: 28px;
  font-weight: 900
}

.contact-widget ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.contact-widget li {
  margin-bottom: 12px
}

.contact-widget span {
  color: var(--kent-orange);
  margin-right: 8px
}

.lower-section {
  border-top: 1px solid rgba(255, 255, 255, .12);
  padding: 28px 0;
  margin-top: 20px
}

.newsletter-form form {
  display: flex
}

.newsletter-form input {
  margin: 0;
  border-radius: 6px 0 0 6px
}

.newsletter-form button {
  border-radius: 0 6px 6px 0;
  width: 70px
}

.footer-bottom {
  background: #020917;
  padding: 18px 0;
  margin-top: 20px
}

.footer-bottom .row {
  align-items: center
}

.copyright {
  color: #bcd0ef
}

/* Sayfa banner */
.page-title {
  background: linear-gradient(120deg, rgba(0, 31, 92, .94), rgba(0, 59, 142, .82));
  color: #fff;
  padding: 90px 0
}

.page-title h1 {
  font-size: 48px;
  margin: 0
}

.breadcrumb {
  color: #dbeafe;
  font-weight: 800
}

.breadcrumb a {
  color: #fff
}

.simple-content {
  background: #fff
}

.content-box {
  background: #fff;
  border-radius: 14px;
  padding: 30px;
  box-shadow: 0 12px 35px rgba(0, 31, 92, .10)
}

@media(max-width:900px) {

  .pull-left,
  .pull-right {
    float: none
  }

  .header-top .clearfix,
  .header-upper .clearfix {
    display: block
  }

  .top-right,
  .upper-right {
    justify-content: center;
    margin-top: 12px
  }

  .logo {
    text-align: center
  }

  .nav-outer {
    display: block
  }

  .main-menu .navigation>li {
    display: block
  }

  .main-menu .navigation>li>a {
    padding: 14px
  }

  .button-box {
    display: none
  }

  .dropdown ul {
    position: static;
    box-shadow: none
  }

  .content-boxed h1 {
    font-size: 39px
  }

  .slide {
    min-height: 560px
  }

  .slide:before,
  .slide-note {
    display: none
  }

  .col-lg-6,
  .col-lg-4,
  .col-lg-3,
  .col-lg-2 {
    width: 100%
  }

  .service-grid,
  .three-item-carousel,
  .service-carousel,
  .testimonial-carousel,
  .blog-grid,
  .why-grid,
  .timeline,
  .quote-grid,
  .faq-grid,
  .packing-grid,
  .packing-list,
  .contact-cards,
  .outer-container {
    grid-template-columns: 1fr
  }

  .counter-column .inner {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .14)
  }

  .phone {
    margin-left: 0
  }

  .sag-icon-toggle {
    top: auto;
    bottom: 0;
    right: 0;
    writing-mode: horizontal-tb;
    border-radius: 12px 0 0 0
  }

  .sag-icon-bar {
    top: auto;
    bottom: 45px
  }

  .sag-icon-bar.closed {
    right: -162px
  }
}

/* Geliştirme: teklif formu, fiyat rehberi ve güven detayları */
.compact-title {
  margin-bottom: 20px
}

.compact-title .separater {
  margin-left: 0
}

.quote-info .compact-title h2 {
  color: #fff
}

.advanced-quote {
  align-items: stretch
}

.quote-mini-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 24px
}

.quote-mini-cards div {
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 12px;
  padding: 18px;
  text-align: center
}

.quote-mini-cards strong {
  display: block;
  font-size: 30px;
  color: #fff
}

.quote-mini-cards span {
  font-weight: 900;
  color: #fff
}

.smart-form .service-choice {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 15px
}

.smart-form .service-choice label {
  border: 1px solid #d5e0f2;
  border-radius: 10px;
  padding: 12px 8px;
  text-align: center;
  font-weight: 900;
  color: var(--kent-dark);
  cursor: pointer;
  background: #f8fbff
}

.smart-form .service-choice input {
  width: auto;
  margin: 0 5px 0 0
}

.smart-form .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px
}

.form-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: center
}

.whatsapp-form-btn {
  background: #25d366;
  color: #fff !important;
  border-radius: 6px;
  padding: 14px 18px;
  text-align: center;
  font-weight: 900;
  display: block
}

.price-guide-section {
  background: #f7faff
}

.price-guide-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px
}

.price-box {
  background: #fff;
  border-radius: 14px;
  padding: 25px;
  box-shadow: 0 12px 35px rgba(0, 31, 92, .10);
  border-top: 5px solid var(--kent-orange);
  transition: .25s
}

.price-box:hover {
  transform: translateY(-6px)
}

.price-box i {
  font-size: 36px;
  color: var(--kent-blue);
  margin-bottom: 12px
}

.price-box h3 {
  color: var(--kent-dark);
  margin: 8px 0 10px
}

.trust-detail-section {
  background: #fff
}

.big-checks {
  grid-template-columns: 1fr 1fr
}

.teklif-page-section {
  padding-top: 80px
}

.navigation li a[href="fiyat-teklifi-al.html"] {
  color: #fff
}

.cost-note {
  background: #fff7ed;
  border-left: 5px solid var(--kent-orange);
  border-radius: 10px;
  padding: 16px 18px;
  color: var(--kent-dark);
  font-weight: 800;
  margin-top: 18px
}

@media(max-width:900px) {

  .smart-form .service-choice,
  .smart-form .form-row,
  .form-actions,
  .quote-mini-cards,
  .price-guide-grid {
    grid-template-columns: 1fr
  }

  .compact-title .separater {
    margin-left: auto
  }

  .big-checks {
    grid-template-columns: 1fr
  }
}


/* === Güncelleme: Enakliyat tarzı akıllı adres formu + geniş ana fotoğraf === */
.wide-hero-photo {
  background: #06142f;
  padding: 0;
}

.wide-photo-placeholder {
  height: 520px;
  margin: 0;
  background: linear-gradient(120deg, rgba(0, 31, 92, .92), rgba(0, 59, 142, .78)), #dce8fb;
  border-bottom: 6px solid var(--kent-orange);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}

.wide-photo-placeholder div {
  border: 3px dashed rgba(255, 255, 255, .55);
  border-radius: 22px;
  width: 88%;
  height: 76%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: rgba(255, 255, 255, .06);
  box-shadow: inset 0 0 70px rgba(255, 255, 255, .08)
}

.wide-photo-placeholder strong {
  font-size: 34px;
  letter-spacing: .5px;
  margin-bottom: 12px
}

.wide-photo-placeholder span {
  font-size: 19px;
  max-width: 760px;
  line-height: 1.6
}

.wide-photo-placeholder small {
  margin-top: 12px;
  color: #ffcfad;
  font-weight: 900
}

.sag-icon-bar {
  width: 72px
}

.sag-icon-bar.closed {
  right: -72px
}

.sag-icon-bar li {
  width: 72px
}

.sag-icon-bar li.s2 {
  width: 155px
}

.sag-icon-bar li.s2 a {
  justify-content: flex-start
}

.sag-icon-bar li:not(.s2) a {
  justify-content: center;
  padding: 0
}

.sag-icon-bar li:not(.s2) span {
  display: none
}

.sag-icon-bar .s2 span {
  display: inline;
  font-size: 16px;
  white-space: nowrap
}

.sag-icon-bar.closed li.s2 {
  width: 72px
}

.sag-icon-bar.closed .s2 span {
  display: none
}

.sag-icon-bar.closed li {
  width: 72px
}

.smart-location-title {
  font-weight: 900;
  color: var(--kent-dark);
  margin: 16px 0 8px;
  font-size: 15px
}

.smart-location-title i {
  color: var(--kent-orange);
  margin-right: 8px
}

.smart-location-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin-bottom: 10px
}

.smart-field {
  position: relative
}

.smart-field input {
  margin-bottom: 0 !important
}

.suggest-box {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  background: #fff;
  border: 1px solid #d6e1f3;
  border-radius: 10px;
  box-shadow: 0 18px 35px rgba(0, 31, 92, .18);
  z-index: 9999;
  max-height: 220px;
  overflow: auto;
  display: none
}

.suggest-box.active {
  display: block
}

.suggest-item {
  padding: 11px 13px;
  cursor: pointer;
  border-bottom: 1px solid #eef3fb;
  font-weight: 800;
  color: #24364f
}

.suggest-item:hover {
  background: #f5f9ff;
  color: var(--kent-blue)
}

.suggest-item small {
  display: block;
  color: #6b7a90;
  font-weight: 700;
  margin-top: 2px
}

.form-actions .whatsapp-form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  padding: 13px
}

.form-actions .whatsapp-form-btn i {
  margin: 0 !important
}

.quote-card .location-form {
  margin-top: 12px
}

.quote-card .location-form .service-choice label {
  font-size: 13px
}

@media(max-width:900px) {
  .wide-photo-placeholder {
    height: 430px
  }

  .wide-photo-placeholder strong {
    font-size: 25px
  }

  .smart-location-grid {
    grid-template-columns: 1fr
  }

  .sag-icon-bar {
    bottom: 50px !important
  }

  .sag-icon-bar.closed {
    right: -72px !important
  }

  .sag-icon-bar li.s2 {
    width: 155px
  }

  .sag-icon-toggle {
    font-size: 13px
  }
}


/* GÜNCEL MOBİL HAMBURGER MENÜ */
.mobile-nav-toggler {
  display: none;
  background: var(--kent-orange);
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 12px 16px;
  font-weight: 900;
  cursor: pointer;
  margin: 10px 0;
  font-size: 15px
}

.mobile-nav-toggler i {
  margin-right: 7px
}

@media(max-width:900px) {
  .mobile-nav-toggler {
    display: inline-flex;
    align-items: center;
    justify-content: center
  }

  .nav-outer {
    display: block !important;
    text-align: center
  }

  .main-menu {
    display: none;
    background: var(--kent-dark);
    border-radius: 0 0 14px 14px;
    margin-top: 8px;
    overflow: hidden
  }

  .main-menu.mobile-open {
    display: block
  }

  .main-menu .navigation>li {
    display: block !important;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .12)
  }

  .main-menu .navigation>li>a {
    padding: 14px 18px !important
  }

  .dropdown ul {
    display: none !important;
    position: static !important;
    background: #062b68 !important;
    box-shadow: none !important;
    padding: 0 !important
  }

  .dropdown.open ul {
    display: block !important
  }

  .dropdown ul a {
    color: #fff !important;
    padding: 11px 28px !important
  }
}

/* HİZMET DETAY SAYFALARI */
.service-hero {
  background: linear-gradient(135deg, rgba(0, 31, 92, .94), rgba(0, 65, 150, .92));
  color: #fff;
  padding: 95px 0;
  position: relative;
  overflow: hidden
}

.service-hero:after {
  content: "";
  position: absolute;
  right: -90px;
  top: -120px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: rgba(255, 90, 0, .28)
}

.service-hero .auto-container {
  position: relative;
  z-index: 2
}

.service-hero h1 {
  font-size: 48px;
  line-height: 1.12;
  margin: 0 0 18px;
  color: #fff
}

.service-hero p {
  font-size: 18px;
  max-width: 830px;
  line-height: 1.8;
  color: #eaf2ff
}

.breadcrumb-mini {
  font-weight: 900;
  color: #ffb27a;
  margin-bottom: 12px
}

.detail-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 35px;
  align-items: start
}

.detail-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(0, 31, 92, .10);
  padding: 30px;
  border-top: 5px solid var(--kent-orange)
}

.detail-card h2,
.detail-card h3 {
  color: var(--kent-dark)
}

.detail-card p,
.detail-card li {
  color: #516173;
  line-height: 1.75
}

.detail-card ul {
  padding-left: 22px
}

.detail-photo {
  min-height: 360px;
  border: 3px dashed #9db0ce;
  border-radius: 18px;
  background: #f7faff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #0b2f70;
  font-weight: 900;
  padding: 25px
}

.detail-photo span {
  display: block;
  color: #6a7d96;
  margin-top: 8px;
  font-weight: 700
}

.included-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 25px
}

.included-box {
  background: #f8fbff;
  border: 1px solid #dde7f6;
  border-radius: 14px;
  padding: 22px
}

.included-box i {
  font-size: 28px;
  color: var(--kent-orange);
  margin-bottom: 10px
}

.included-box h4 {
  color: var(--kent-dark);
  margin: 0 0 8px
}

.detail-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px
}

.detail-step {
  background: #fff;
  border-radius: 15px;
  padding: 22px;
  box-shadow: 0 10px 30px rgba(0, 31, 92, .08);
  text-align: center
}

.detail-step strong {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--kent-orange);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px
}

.faq-box {
  background: #fff;
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 15px;
  box-shadow: 0 8px 25px rgba(0, 31, 92, .08)
}

.faq-box h4 {
  color: var(--kent-dark);
  margin: 0 0 8px
}

.service-cta {
  background: linear-gradient(90deg, var(--kent-orange), #ff7a24);
  color: #fff;
  border-radius: 20px;
  padding: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px
}

.service-cta h2 {
  color: #fff;
  margin: 0
}

.service-cta a {
  background: #fff;
  color: var(--kent-dark);
  font-weight: 900;
  border-radius: 6px;
  padding: 14px 20px;
  display: inline-block;
  margin-left: 8px
}

@media(max-width:900px) {
  .service-hero h1 {
    font-size: 34px
  }

  .detail-grid,
  .included-grid,
  .detail-steps {
    grid-template-columns: 1fr
  }

  .service-cta {
    display: block;
    text-align: center
  }

  .service-cta a {
    margin: 8px 4px
  }
}

/* KURUMSAL DETAY SAYFALARI */
.corporate-hero {
  background: linear-gradient(135deg, rgba(0, 31, 92, .96), rgba(0, 59, 142, .92));
}

.detail-steps {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.corporate-hero .link-box {
  margin-top: 22px;
}

@media(max-width:900px) {
  .corporate-hero {
    padding: 70px 0
  }

  .corporate-hero h1 {
    font-size: 34px
  }
}


/* ===== Ek profesyonel geliştirmeler ===== */
.fleet-section {
  background: #fff
}

.fleet-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px
}

.fleet-card,
.ba-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 12px 35px rgba(0, 31, 92, .10);
  padding: 24px;
  transition: .25s
}

.fleet-card:hover,
.ba-card:hover {
  transform: translateY(-7px)
}

.fleet-card h3,
.ba-card h3 {
  color: var(--kent-dark);
  font-size: 22px;
  margin: 18px 0 10px
}

.fleet-card p,
.ba-card p {
  color: #596579
}

.mini-list {
  margin: 14px 0 0;
  padding-left: 20px;
  color: #536174;
  font-weight: 800
}

.mini-list li {
  margin-bottom: 7px
}

.before-after-section {
  background: #f7faff
}

.before-after-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px
}

.faq-accordion {
  max-width: 980px;
  margin: 0 auto
}

.faq-acc-item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0, 31, 92, .09);
  margin-bottom: 14px;
  overflow: hidden;
  border-left: 5px solid var(--kent-orange)
}

.faq-acc-item button {
  width: 100%;
  border: 0;
  background: #fff;
  padding: 20px 24px;
  text-align: left;
  font-weight: 900;
  color: var(--kent-dark);
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

.faq-acc-content {
  display: none;
  padding: 0 24px 22px;
  color: #596579;
  font-size: 16px
}

.faq-acc-item.active .faq-acc-content {
  display: block
}

.faq-acc-item.active button i {
  transform: rotate(180deg)
}

.banner {
  background: linear-gradient(90deg, var(--kent-orange), #ff7a1a);
  color: #fff;
  text-align: center
}

.banner h2 {
  font-size: 36px;
  margin: 0 0 10px
}

.banner p {
  font-size: 18px;
  margin-bottom: 24px
}

.banner .btn-style-four {
  margin-left: 10px
}

.page-title {
  background: linear-gradient(120deg, var(--kent-dark), var(--kent-blue));
  color: #fff;
  padding: 70px 0
}

.page-title h1 {
  font-size: 46px;
  margin: 0 0 10px
}

.page-title p {
  font-size: 18px;
  margin: 0;
  color: #eaf2ff
}

@media(max-width:900px) {

  .fleet-grid,
  .before-after-grid {
    grid-template-columns: 1fr
  }

  .banner h2 {
    font-size: 28px
  }

  .page-title h1 {
    font-size: 34px
  }

  .faq-acc-item button {
    font-size: 16px
  }

  .banner .btn-style-four {
    margin-left: 0;
    margin-top: 10px
  }
}

/* === DÜZELTME: Üst menü tek satır ve düzgün hizalama === */
.header-lower {
  min-height: auto !important;
  overflow: visible !important;
}

.header-lower .auto-container {
  max-width: 1320px !important;
}

.header-lower .nav-outer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  flex-wrap: nowrap !important;
  min-height: 72px !important;
}

.main-menu {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.main-menu .navigation {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  white-space: nowrap !important;
}

.main-menu .navigation>li {
  display: block !important;
  flex: 0 0 auto !important;
}

.main-menu .navigation>li>a {
  padding: 22px 10px !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.options-box {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
}

.button-box .theme-btn {
  padding: 13px 18px !important;
  white-space: nowrap !important;
}

.dropdown ul {
  white-space: normal !important;
}

/* Sağ ikon bar içerikle çakışmasın diye biraz dar ve sabit */
.sag-icon-bar {
  right: 0 !important;
}

.sag-icon-bar.closed {
  right: -72px !important;
}

.sag-icon-toggle {
  right: 0 !important;
}

@media(max-width:1180px) {
  .mobile-nav-toggler {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  .nav-outer {
    display: block !important;
    text-align: center !important;
  }

  .main-menu {
    display: none !important;
    background: var(--kent-dark);
    border-radius: 0 0 14px 14px;
    margin-top: 8px;
    overflow: hidden;
  }

  .main-menu.mobile-open {
    display: block !important;
  }

  .main-menu .navigation {
    display: block !important;
    white-space: normal !important;
  }

  .main-menu .navigation>li {
    display: block !important;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
  }

  .main-menu .navigation>li>a {
    padding: 14px 18px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  .dropdown ul {
    display: none !important;
    position: static !important;
    background: #062b68 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .dropdown.open ul {
    display: block !important;
  }

  .dropdown ul a {
    color: #fff !important;
    padding: 11px 28px !important;
  }

  .options-box {
    display: none !important;
  }
}


/* === FINAL PROFESYONEL EKLEMELER === */
.pro-hero-photo {
  position: relative;
  min-height: 620px;
  background: linear-gradient(120deg, rgba(0, 31, 92, .82), rgba(0, 59, 142, .72)), url('images/ana-sayfa-hero.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  color: #fff;
  overflow: hidden;
}

.pro-hero-photo:after {
  content: "";
  position: absolute;
  inset: 40px 6%;
  border: 3px dashed rgba(255, 255, 255, .45);
  border-radius: 28px;
  pointer-events: none;
}

.hero-photo-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  text-align: left;
}

.hero-badge {
  display: inline-block;
  background: var(--kent-orange);
  padding: 10px 18px;
  border-radius: 50px;
  font-weight: 900;
  margin-bottom: 20px;
  box-shadow: 0 12px 25px rgba(0, 0, 0, .2)
}

.hero-photo-content h1 {
  font-size: 58px;
  line-height: 1.08;
  color: #fff;
  margin: 0 0 20px;
}

.hero-photo-content p {
  font-size: 20px;
  line-height: 1.7;
  color: #eef5ff;
  max-width: 760px;
  margin-bottom: 28px;
}

.hero-photo-actions a {
  margin-right: 12px;
  margin-bottom: 10px;
}

.google-review-section {
  background: #fff;
  padding: 80px 0;
}

.review-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 25px;
  margin-bottom: 34px;
}

.google-label {
  color: var(--kent-orange);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.review-head h2 {
  color: var(--kent-dark);
  font-size: 40px;
  margin: 8px 0 8px;
}

.review-head p {
  color: #64748b;
  font-size: 17px;
  margin: 0;
}

.review-link {
  background: #f1f6ff;
  color: var(--kent-dark);
  padding: 13px 18px;
  border-radius: 8px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.review-slider {
  overflow: hidden;
  border-radius: 20px;
}

.review-track {
  display: flex;
  gap: 22px;
  animation: reviewSlide 18s linear infinite;
}

.review-slider:hover .review-track {
  animation-play-state: paused;
}

.review-card {
  min-width: 330px;
  background: #f8fbff;
  border: 1px solid #dfe9f8;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 12px 30px rgba(0, 31, 92, .08);
}

.review-card .stars {
  color: #ffb400;
  font-size: 22px;
  margin-bottom: 14px;
  letter-spacing: 2px;
}

.review-card p {
  color: #4b5d73;
  line-height: 1.7;
  margin: 0 0 18px;
}

.review-card strong {
  display: block;
  color: var(--kent-dark);
  font-size: 18px;
  margin-bottom: 5px;
}

.review-card span {
  color: var(--kent-orange);
  font-weight: 800;
}

@keyframes reviewSlide {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-50%)
  }
}

.upload-box {
  grid-column: 1/-1;
  background: #f8fbff;
  border: 2px dashed #b8c8e3;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 14px;
  color: var(--kent-dark);
}

.upload-box label {
  display: block;
  font-weight: 900;
  margin-bottom: 8px;
}

.upload-box input {
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #d7e2f2;
  border-radius: 8px;
}

.upload-box small {
  display: block;
  color: #64748b;
  margin-top: 8px;
  line-height: 1.5;
}

.extra-moving-fields {
  margin-bottom: 0 !important;
}

.mobile-nav-toggler {
  display: none;
  background: var(--kent-orange);
  color: #fff;
  border: 0;
  border-radius: 8px;
  width: 46px;
  height: 42px;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}

.main-menu {
  transition: all .35s ease;
}

@media(max-width:1180px) {
  .mobile-nav-toggler {
    display: inline-flex !important
  }

  .main-menu {
    opacity: 0;
    transform: translateY(-12px);
    max-height: 0;
    transition: .35s ease
  }

  .main-menu.mobile-open {
    opacity: 1;
    transform: translateY(0);
    max-height: 900px
  }

  .dropdown ul {
    transition: .25s ease
  }

  .pro-hero-photo {
    min-height: 520px
  }

  .hero-photo-content h1 {
    font-size: 38px
  }

  .hero-photo-content p {
    font-size: 16px
  }

  .pro-hero-photo:after {
    inset: 24px 4%
  }

  .review-head {
    display: block
  }

  .review-link {
    display: inline-block;
    margin-top: 18px
  }

  .review-card {
    min-width: 285px
  }

  .review-track {
    animation-duration: 24s
  }
}

@media(max-width:600px) {
  .pro-hero-photo {
    min-height: 480px
  }

  .hero-photo-content h1 {
    font-size: 30px
  }

  .hero-photo-actions a {
    display: block;
    text-align: center;
    margin-right: 0
  }

  .review-track {
    animation: none;
    display: grid;
    grid-template-columns: 1fr
  }

  .review-card {
    min-width: 0
  }

  .upload-box {
    padding: 12px
  }
}
.map-box{
    width: 100%;
    max-width: 900px;
    height: 420px;
    margin: 35px auto 0;
    border: 3px dashed #b8c4d8;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.map-box iframe{
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.counter-number{
  transition: 0.3s;
}

/* Fotoğraf yerleştirme alanları */
.photo-placeholder{
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  min-height: 255px;
  background: #eef4ff;
}

.photo-placeholder img{
  width: 100%;
  height: 100%;
  min-height: 255px;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}

.photo-placeholder.small img{
  min-height: 170px;
}

.photo-placeholder.dark img{
  min-height: 360px;
}

.photo-placeholder .photo-caption{
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  background: rgba(0, 31, 92, .86);
  color: #fff;
  border-left: 5px solid var(--kent-orange, #ff6a00);
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 800;
  line-height: 1.45;
  text-align: left;
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
}

.photo-placeholder .photo-caption b,
.photo-caption b{
  color: #ffb36b;
}

@media(max-width: 700px){
  .photo-placeholder img{min-height: 210px;}
  .photo-placeholder.dark img{min-height: 260px;}
  .photo-placeholder .photo-caption{
    font-size: 12px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 10px;
  }
}


/* Fotoğraf yerleşimi - eklenen gerçek görseller */
.photo-placeholder{
  position: relative;
  overflow: hidden;
}
.photo-placeholder img{
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
  display: block;
}
.photo-placeholder .photo-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:10px 14px;
  background:linear-gradient(transparent, rgba(0,0,0,.68));
  color:#fff;
  font-weight:800;
  font-size:13px;
}
.wide-hero-photo.pro-hero-photo{
  background-image: linear-gradient(rgba(0,31,92,.68), rgba(0,31,92,.72)), url("images/ana-sayfa-hero.jpg");
  background-size: cover;
  background-position: center;
}
.service-block-two .photo-placeholder,
.service-block-four .photo-placeholder,
.fleet-card .photo-placeholder,
.ba-card .photo-placeholder{
  min-height: 270px;
}


/* === FOTOĞRAF DÜZELTME: çizgiler ve yazılar kaldırıldı, fotoğraflar orantılı yapıldı === */
.photo-placeholder,
.photo-placeholder.dark,
.photo-placeholder.small{
  border: none !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  min-height: 280px !important;
  height: 280px !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.16) !important;
}
.photo-placeholder img,
.photo-placeholder.dark img,
.photo-placeholder.small img{
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 18px !important;
}
.photo-placeholder .photo-caption,
.photo-caption{
  display:none !important;
}
.service-block-two .photo-placeholder,
.service-block-four .photo-placeholder,
.fleet-card .photo-placeholder,
.ba-card .photo-placeholder{
  height: 300px !important;
  min-height: 300px !important;
}
.about-section .photo-placeholder,
.image-column .photo-placeholder{
  height: 420px !important;
  min-height: 420px !important;
}
.quote-info .photo-placeholder,
.teklif-page-section .photo-placeholder{
  height: 280px !important;
  min-height: 280px !important;
}
.wide-hero-photo.pro-hero-photo{
  background-image: linear-gradient(rgba(0,31,92,.55), rgba(0,31,92,.62)), url("images/ana-sayfa-hero.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
@media(max-width:768px){
  .photo-placeholder,
  .photo-placeholder.dark,
  .photo-placeholder.small,
  .service-block-two .photo-placeholder,
  .service-block-four .photo-placeholder,
  .fleet-card .photo-placeholder,
  .ba-card .photo-placeholder,
  .about-section .photo-placeholder,
  .image-column .photo-placeholder{
    height: 240px !important;
    min-height: 240px !important;
  }
}


/* =========================================================
   KENT NAKLİYAT PROFESYONEL SON DÜZENLEMELER
   - Dört ana hizmet kartına gerçek görsel
   - Kesik çizgili alanların kaldırılması
   - Orantılı görseller
   - Mobil hamburger menü
   ========================================================= */

/* Ana hizmet sunumları: solda metin, sağda hizmetle uyumlu gerçek fotoğraf */
.main-slider .slide{
  padding:0 !important;
  min-height:650px;
}
.main-slider .slide:before{
  display:none !important;
  content:none !important;
}
.main-slider .slide .auto-container{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);
  align-items:center;
  gap:64px;
  position:relative;
  z-index:3;
}
.main-slider .content-boxed{
  max-width:680px;
}
.slide-media{
  display:block;
  width:100%;
  height:360px;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 24px 60px rgba(0,0,0,.34);
  border:6px solid rgba(255,255,255,.16);
  position:relative;
  z-index:4;
}
.slide-media:after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
  pointer-events:none;
}
.slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .45s ease;
}
.slide-media:hover img{
  transform:scale(1.035);
}

/* Fotoğraf kutuları: tek oran, temiz görünüm, kesik çizgi yok */
.photo-placeholder,
.photo-placeholder.dark,
.photo-placeholder.small,
.detail-photo{
  border:none !important;
  outline:none !important;
  background:#eaf0f8 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:20px !important;
  box-shadow:0 18px 45px rgba(0,31,92,.16) !important;
}
.photo-placeholder img,
.photo-placeholder.dark img,
.photo-placeholder.small img,
.detail-photo img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  border-radius:20px !important;
}
.detail-photo{
  height:430px !important;
  min-height:430px !important;
}
.service-block-two .photo-placeholder,
.service-block-four .photo-placeholder,
.fleet-card .photo-placeholder,
.ba-card .photo-placeholder{
  height:300px !important;
  min-height:300px !important;
}
.photo-caption,
.slide-note{
  display:none !important;
}

/* Detay sayfası görsel galerileri */
.professional-gallery-section{
  padding:82px 0;
  background:#f5f8ff;
}
.professional-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.professional-gallery-card{
  position:relative;
  height:310px;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 38px rgba(0,31,92,.14);
}
.professional-gallery-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.professional-gallery-card:hover img{
  transform:scale(1.055);
}
.professional-gallery-card span{
  position:absolute;
  left:16px;
  right:16px;
  bottom:15px;
  padding:12px 15px;
  border-radius:11px;
  background:rgba(0,31,92,.88);
  color:#fff;
  font-weight:900;
  text-align:center;
  backdrop-filter:blur(5px);
}
.enriched-hero{
  background-size:cover !important;
  background-position:center !important;
}
.hero-quick-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:25px;
}

/* Mobil menü karartması */
.mobile-menu-overlay{
  position:fixed;
  inset:0;
  z-index:99990;
  background:rgba(2,17,43,.68);
  opacity:0;
  visibility:hidden;
  transition:.3s ease;
}
.mobile-menu-overlay.active{
  opacity:1;
  visibility:visible;
}

/* Navbar genişliği ve dengeli boşluk */
.main-menu .navigation{
  margin:0;
  padding:0;
  list-style:none;
}
.main-menu .navigation>li>a{
  white-space:nowrap;
}

/* Mobil ve tablet: soldan kayan hamburger menü */
@media(max-width:1150px){
  .mobile-nav-toggler{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:52px;
    height:48px;
    border:0;
    border-radius:10px;
    background:var(--kent-orange);
    color:#fff;
    cursor:pointer;
    margin:11px 0;
    position:relative;
    z-index:100002;
  }
  .nav-outer{
    min-height:70px;
  }
  .main-menu{
    display:block !important;
    position:fixed !important;
    top:0;
    left:-330px;
    bottom:0;
    width:min(320px,86vw);
    z-index:100001;
    overflow-y:auto;
    background:linear-gradient(180deg,#062b68,#001f5c);
    padding:78px 18px 28px;
    box-shadow:18px 0 48px rgba(0,0,0,.34);
    transition:left .34s ease;
  }
  .main-menu.mobile-open{
    left:0;
  }
  .main-menu .navigation>li{
    display:block !important;
    width:100%;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .main-menu .navigation>li>a{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    padding:15px 14px !important;
    color:#fff !important;
    font-size:14px !important;
  }
  .main-menu .dropdown ul{
    display:none !important;
    position:static !important;
    min-width:0 !important;
    width:100%;
    padding:4px 0 10px !important;
    background:#05265b !important;
    box-shadow:none !important;
  }
  .main-menu .dropdown.open>ul{
    display:block !important;
  }
  .main-menu .dropdown ul a{
    color:#fff !important;
    padding:12px 22px !important;
  }
  .options-box{
    margin-left:auto;
    margin-right:12px;
  }
  .button-box{
    display:block !important;
  }
  body.menu-open{
    overflow:hidden;
  }
}

@media(max-width:900px){
  .main-slider .slide{
    min-height:auto;
    padding:70px 0 !important;
  }
  .main-slider .slide .auto-container{
    grid-template-columns:1fr;
    gap:30px;
  }
  .main-slider .content-boxed{
    padding:0;
    max-width:none;
  }
  .slide-media{
    height:300px;
  }
  .professional-gallery-grid{
    grid-template-columns:1fr;
  }
  .professional-gallery-card{
    height:280px;
  }
  .detail-photo{
    height:300px !important;
    min-height:300px !important;
  }
  .button-box{
    display:none !important;
  }
}

@media(max-width:560px){
  .slide-media{
    height:235px;
    border-width:4px;
  }
  .main-slider .content-boxed h1{
    font-size:38px;
  }
  .professional-gallery-card{
    height:240px;
  }
}


.wide-hero-photo.pro-hero-photo{
  background-image:
    linear-gradient(90deg,rgba(0,31,92,.82),rgba(0,31,92,.48)),
    url("images/selected/hero-kent-nakliyat.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
}


/* Son görünüm düzeltmeleri */
.wide-photo-placeholder .hero-photo-content{
  border:none !important;
  outline:none !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 18px !important;
  background:transparent !important;
  box-shadow:none !important;
  display:block !important;
  text-align:left !important;
}
.wide-photo-placeholder .hero-photo-actions{
  border:none !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:block !important;
}
.hamburger-lines{
  width:24px;
  height:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.hamburger-lines i{
  display:block;
  width:100%;
  height:3px;
  border-radius:5px;
  background:#fff;
  transition:.25s;
}
@media(max-width:900px){
  .sag-icon-toggle{
    top:auto !important;
    right:12px !important;
    bottom:12px !important;
    writing-mode:horizontal-tb !important;
    border-radius:40px !important;
    padding:11px 15px !important;
    font-size:12px !important;
  }
  .sag-icon-bar{
    top:auto !important;
    right:12px !important;
    bottom:64px !important;
    width:58px !important;
  }
  .sag-icon-bar.closed{
    right:-76px !important;
  }
  .sag-icon-bar li,
  .sag-icon-bar li.s2{
    width:58px !important;
    height:54px !important;
  }
  .sag-icon-bar li a{
    width:58px !important;
    height:54px !important;
    justify-content:center !important;
    padding:0 !important;
  }
  .sag-icon-bar li.s2 span{
    display:none !important;
  }
  .wide-photo-placeholder{
    height:auto !important;
    min-height:560px;
    padding:90px 0 !important;
  }
  .wide-photo-placeholder .hero-photo-content{
    padding:0 22px !important;
  }
  .hero-photo-content h1{
    font-size:42px !important;
  }
}

/* Kesik çizgilerin tamamen kaldırılması */
.pro-hero-photo:after{
  display:none !important;
  content:none !important;
}
.map-box{
  border:none !important;
  outline:none !important;
}

/* =========================================================
   KENT NAKLİYAT - SON MOBİL UYUMLULUK DÜZELTMELERİ
   Masaüstü yapısını değiştirmeden yalnızca tablet ve telefon
   görünümünü iyileştirir.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

@media (max-width:1150px){
  .auto-container{width:92% !important;max-width:92% !important;padding-left:0 !important;padding-right:0 !important}
  .header-upper .auto-container{display:flex;align-items:center;justify-content:space-between;gap:18px}
  .header-upper .pull-left,.header-upper .pull-right{float:none !important}
  .header-upper .upper-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}
  .header-upper .upper-column{margin:0 !important;padding:0 0 0 45px !important}
  .header-lower .nav-outer{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0 8px !important}
  .header-lower .options-box{margin-left:auto !important}
  .main-menu{overscroll-behavior:contain}
  .main-menu .navigation{display:block !important;width:100% !important}
  .main-menu .navigation>li>a{min-height:50px}
  .main-menu .dropdown>a i{margin-left:auto}
}

@media (max-width:900px){
  body{font-size:15px;line-height:1.65}
  .auto-container{width:calc(100% - 32px) !important;max-width:calc(100% - 32px) !important}
  .row{margin-left:0 !important;margin-right:0 !important}
  [class*="col-"]{float:none !important;width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important}

  /* Üst bilgi ve logo */
  .header-top{padding:7px 0 !important}
  .header-top .top-left{display:none !important}
  .header-top .top-right{float:none !important;width:100% !important;text-align:center !important}
  .header-top .social-nav{display:flex !important;justify-content:center !important;gap:14px !important}
  .header-upper{padding:8px 0 !important}
  .header-upper .auto-container{min-height:74px !important}
  .header-upper .logo-box{width:auto !important;margin:0 !important;padding:0 !important}
  .header-upper .logo img{width:116px !important;max-height:68px !important;object-fit:contain !important}
  .header-upper .upper-right{display:none !important}
  .header-lower{min-height:62px !important}
  .header-lower .auto-container{width:100% !important;max-width:100% !important}
  .header-lower .nav-outer{min-height:62px !important;padding:0 16px !important}
  .mobile-nav-toggler{margin:7px 0 !important;width:48px !important;height:46px !important;flex:0 0 48px !important}
  .header-lower .options-box{display:block !important;margin:0 0 0 auto !important}
  .header-lower .button-box{display:block !important}
  .header-lower .button-box .theme-btn{padding:12px 16px !important;font-size:13px !important;line-height:20px !important;border-radius:7px !important}
  .header-lower .button-box .theme-btn i{display:none !important}

  /* Açılır mobil menü */
  .main-menu{width:min(330px,88vw) !important;padding:76px 16px 28px !important}
  .main-menu:before{content:'MENÜ';position:absolute;left:20px;top:25px;color:#fff;font-size:13px;letter-spacing:1.5px;font-weight:900}
  .main-menu .navigation>li>a{font-size:15px !important;padding:14px 12px !important;white-space:normal !important}
  .main-menu .dropdown ul a{font-size:14px !important;line-height:1.45 !important;white-space:normal !important}

  /* Ana üst görsel */
  .wide-hero-photo,.wide-photo-placeholder{min-height:520px !important;height:auto !important;padding:72px 0 76px !important;background-position:62% center !important}
  .wide-hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,92,.92),rgba(0,31,92,.62))}
  .wide-hero-photo .hero-overlay{display:none !important}
  .hero-photo-content{position:relative !important;z-index:2 !important;padding:0 !important;max-width:100% !important}
  .hero-photo-content .hero-badge{font-size:12px !important;line-height:1.45 !important;padding:8px 11px !important;display:inline-block !important}
  .hero-photo-content h1{font-size:clamp(34px,10vw,48px) !important;line-height:1.08 !important;margin:18px 0 16px !important;max-width:100% !important}
  .hero-photo-content p{font-size:16px !important;line-height:1.7 !important;max-width:100% !important}
  .hero-photo-actions{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:12px !important;margin-top:24px !important}
  .hero-photo-actions .theme-btn{width:100% !important;text-align:center !important;justify-content:center !important;margin:0 !important}

  /* Slider kartları */
  .main-slider{padding:0 !important}
  .main-slider .slide{padding:54px 0 !important;min-height:0 !important}
  .main-slider .slide .auto-container{display:flex !important;flex-direction:column !important;gap:25px !important}
  .main-slider .content-boxed{width:100% !important;max-width:100% !important;padding:0 !important}
  .main-slider .content-boxed h1{font-size:34px !important;line-height:1.13 !important;margin-bottom:14px !important}
  .main-slider .content-boxed .text{font-size:15px !important;line-height:1.7 !important}
  .main-slider .link-box{display:flex !important;flex-direction:column !important;gap:10px !important;margin-top:22px !important}
  .main-slider .link-box .theme-btn{width:100% !important;text-align:center !important;margin:0 !important}
  .slide-media{width:100% !important;height:260px !important;border-radius:18px !important;order:2 !important}
  .slide-media img{width:100% !important;height:100% !important;object-fit:cover !important}
  .owl-nav{display:none !important}
  .owl-dots{margin-top:18px !important}

  /* Genel bölümler */
  section{max-width:100%;overflow:hidden}
  .sec-title{margin-bottom:30px !important}
  .sec-title h2{font-size:31px !important;line-height:1.18 !important}
  .sec-title h5{font-size:15px !important;line-height:1.7 !important;padding:0 !important}
  .about-section,.service-section-two,.service-section-four,.professional-gallery-section,.facts-section,.news-section,.testimonial-section,.contact-section{padding-top:58px !important;padding-bottom:58px !important}
  .about-section .image-column,.about-section .content-column{margin-bottom:28px !important}
  .about-section .inner-column{padding:0 !important;margin:0 !important}
  .about-section .photo-placeholder{height:290px !important;min-height:290px !important;border-radius:18px !important}
  .about-section .experiance{position:static !important;margin-top:12px !important;width:100% !important}
  .about-section .experiance .inner{text-align:center !important;padding:13px !important;border-radius:10px !important}
  .about-section .content-column .inner-column{padding-left:0 !important}
  .about-section .clearfix{display:flex !important;flex-direction:column !important;gap:14px !important}
  .about-section .pull-left{float:none !important;margin:0 !important}
  .about-section .phone{padding:0 !important}
  .about-section .signature img{max-width:120px !important}

  /* Hizmet kartları ve galeriler */
  .three-item-carousel,.service-carousel{display:block !important}
  .three-item-carousel .owl-stage-outer,.service-carousel .owl-stage-outer{overflow:visible !important}
  .service-block-two,.service-block-four{margin-bottom:22px !important;width:100% !important}
  .service-block-two .inner-box,.service-block-four .inner-box{border-radius:18px !important;overflow:hidden !important}
  .service-block-two .image,.service-block-four .image{height:auto !important;min-height:0 !important}
  .service-block-two .photo-placeholder,.service-block-four .photo-placeholder{height:250px !important;min-height:250px !important}
  .service-block-two .lower-box,.service-block-four .lower-box{padding:17px 16px !important}
  .service-block-two .lower-box h4,.service-block-four .lower-box h4{font-size:18px !important;line-height:1.35 !important;margin:0 !important}
  .service-block-two .overlay-box,.service-block-four .overlay-box{display:none !important}
  .professional-gallery-grid{grid-template-columns:1fr !important;gap:18px !important}
  .professional-gallery-card{height:245px !important}
  .professional-gallery-card span{left:10px !important;right:10px !important;bottom:10px !important;font-size:13px !important;padding:10px !important}

  /* Rakamlar ve kutular */
  .fact-counter .column,.counter-column{width:50% !important;float:left !important;padding:8px !important}
  .fact-counter .inner{min-height:150px !important;padding:18px 10px !important}
  .fact-counter .count-outer{font-size:28px !important}
  .fact-counter .counter-title{font-size:13px !important;line-height:1.35 !important}

  /* İç sayfa hero ve içerikler */
  .page-title,.enriched-hero{padding:72px 0 !important;min-height:300px !important;background-position:center !important}
  .page-title h1,.enriched-hero h1{font-size:36px !important;line-height:1.15 !important;word-break:normal !important}
  .page-title .text,.enriched-hero .text{font-size:15px !important;line-height:1.65 !important}
  .detail-photo{height:270px !important;min-height:270px !important;margin-top:22px !important}
  .detail-photo img{object-fit:cover !important}
  .professional-gallery-section{padding:55px 0 !important}

  /* Formlar */
  .form-group,.form-row,.quote-grid{width:100% !important;display:block !important}
  input,select,textarea{font-size:16px !important;max-width:100% !important}
  .contact-form,.quote-form,.default-form{padding:22px 16px !important;border-radius:16px !important}
  .contact-form .theme-btn,.quote-form .theme-btn,.default-form .theme-btn{width:100% !important;text-align:center !important}

  /* Alt alan */
  .main-footer{padding-top:52px !important}
  .main-footer .footer-column{width:100% !important;margin-bottom:28px !important}
  .main-footer .widgets-section{padding-bottom:18px !important}
  .main-footer .footer-bottom{text-align:center !important}
  .main-footer .footer-bottom .pull-left,.main-footer .footer-bottom .pull-right{float:none !important;width:100% !important;margin:7px 0 !important}

  /* Sağ sabit araçları daha küçük ve güvenli */
  .sag-icon-toggle{right:10px !important;bottom:10px !important;z-index:10020 !important}
  .sag-icon-bar{right:10px !important;bottom:62px !important;z-index:10019 !important}
}

@media (max-width:560px){
  .auto-container{width:calc(100% - 24px) !important;max-width:calc(100% - 24px) !important}
  .header-upper .logo img{width:102px !important;max-height:61px !important}
  .header-lower .button-box .theme-btn{padding:10px 12px !important;font-size:12px !important}
  .mobile-nav-toggler{width:44px !important;height:42px !important;flex-basis:44px !important}
  .wide-hero-photo,.wide-photo-placeholder{min-height:500px !important;padding:62px 0 68px !important;background-position:68% center !important}
  .hero-photo-content h1{font-size:34px !important}
  .hero-photo-content p{font-size:15px !important}
  .main-slider .content-boxed h1{font-size:30px !important}
  .slide-media{height:220px !important}
  .sec-title h2{font-size:28px !important}
  .about-section .photo-placeholder{height:245px !important;min-height:245px !important}
  .service-block-two .photo-placeholder,.service-block-four .photo-placeholder{height:220px !important;min-height:220px !important}
  .fact-counter .column,.counter-column{width:100% !important;float:none !important;padding:7px 0 !important}
  .fact-counter .inner{min-height:0 !important}
  .page-title h1,.enriched-hero h1{font-size:32px !important}
  .professional-gallery-card{height:220px !important}
  .theme-btn{max-width:100% !important;white-space:normal !important}
}


/* =========================================================
   KENT NAKLİYAT - HERO VE MOBİL KART KAYDIRMA DÜZENLEMELERİ
   ========================================================= */

/* Ana sayfa açıklamalı atlıkarınca */
.kent-hero-carousel{
  position:relative;
  min-height:660px;
  overflow:hidden;
  background:#082f6f;
}
.kent-hero-track{
  position:relative;
  min-height:660px;
}
.kent-hero-slide{
  position:absolute;
  inset:0;
  min-height:660px;
  display:flex;
  align-items:center;
  background-size:cover;
  background-position:center;
  opacity:0;
  visibility:hidden;
  transform:scale(1.035);
  transition:opacity .8s ease,visibility .8s ease,transform 5.5s ease;
}
.kent-hero-slide.active{
  opacity:1;
  visibility:visible;
  transform:scale(1);
  z-index:2;
}
.kent-hero-content{
  position:relative;
  z-index:3;
  color:#fff;
  padding-top:70px;
  padding-bottom:70px;
}
.kent-hero-content > *{
  max-width:720px;
}
.kent-hero-content h1{
  color:#fff;
  font-size:58px;
  line-height:1.08;
  font-weight:900;
  margin:18px 0 20px;
  text-shadow:0 3px 18px rgba(0,0,0,.28);
}
.kent-hero-content p{
  color:#f1f6ff;
  font-size:18px;
  line-height:1.75;
  margin:0 0 28px;
  text-shadow:0 2px 12px rgba(0,0,0,.2);
}
.kent-hero-carousel .hero-badge{
  display:inline-flex;
  width:auto;
  max-width:100%;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.32);
  backdrop-filter:blur(6px);
  color:#fff;
  font-weight:800;
}
.kent-hero-arrow{
  position:absolute;
  top:50%;
  z-index:8;
  width:48px;
  height:48px;
  margin-top:-24px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
  background:rgba(3,34,83,.5);
  color:#fff;
  font-size:25px;
  cursor:pointer;
  transition:.25s;
}
.kent-hero-arrow:hover{background:#ff5b00;border-color:#ff5b00}
.kent-hero-prev{left:24px}
.kent-hero-next{right:24px}
.kent-hero-dots{
  position:absolute;
  left:50%;
  bottom:26px;
  z-index:9;
  display:flex;
  gap:9px;
  transform:translateX(-50%);
}
.kent-hero-dots button{
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.5);
  cursor:pointer;
  transition:.25s;
}
.kent-hero-dots button.active{
  width:30px;
  border-radius:8px;
  background:#ff5b00;
}

/* Eski dört hizmet slaytının artık düzgün tekli kayması */
.main-slider{
  overflow:hidden;
}
.main-slider-carousel{
  display:flex !important;
  width:100%;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-x:contain;
}
.main-slider-carousel::-webkit-scrollbar{display:none}
.main-slider-carousel > .slide{
  flex:0 0 100%;
  width:100%;
  scroll-snap-align:start;
}

/* Mobilde hizmet ve galeri kartları yatay kaydırma */
@media (max-width:767px){
  .kent-hero-carousel,
  .kent-hero-track,
  .kent-hero-slide{
    min-height:590px;
  }
  .kent-hero-slide{
    background-position:center;
  }
  .kent-hero-content{
    padding-top:76px;
    padding-bottom:88px;
  }
  .kent-hero-content h1{
    font-size:38px;
    line-height:1.12;
    margin-top:15px;
  }
  .kent-hero-content p{
    font-size:15px;
    line-height:1.65;
  }
  .kent-hero-content .hero-photo-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .kent-hero-content .theme-btn{
    width:100%;
    text-align:center;
    justify-content:center;
  }
  .kent-hero-arrow{
    width:40px;
    height:40px;
    font-size:20px;
    top:auto;
    bottom:22px;
    margin:0;
  }
  .kent-hero-prev{left:18px}
  .kent-hero-next{right:18px}
  .kent-hero-dots{bottom:34px}

  .three-item-carousel,
  .service-carousel{
    display:flex !important;
    gap:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    scrollbar-width:none !important;
    padding:4px 12px 18px 0 !important;
    touch-action:pan-x !important;
  }
  .three-item-carousel::-webkit-scrollbar,
  .service-carousel::-webkit-scrollbar{display:none !important}

  .three-item-carousel > .service-block-two,
  .service-carousel > .service-block-four{
    flex:0 0 86% !important;
    width:86% !important;
    min-width:86% !important;
    margin:0 !important;
    scroll-snap-align:center !important;
  }
  .three-item-carousel .inner-box,
  .service-carousel .inner-box{
    height:100% !important;
  }
  .three-item-carousel .photo-placeholder,
  .service-carousel .photo-placeholder{
    height:235px !important;
    min-height:235px !important;
  }
}

/* Çok küçük ekran */
@media (max-width:420px){
  .kent-hero-carousel,
  .kent-hero-track,
  .kent-hero-slide{min-height:560px}
  .kent-hero-content h1{font-size:33px}
  .kent-hero-content p{font-size:14px}
  .kent-hero-content .hero-badge{font-size:12px}
  .three-item-carousel > .service-block-two,
  .service-carousel > .service-block-four{
    flex-basis:88% !important;
    width:88% !important;
    min-width:88% !important;
  }
}


/* =========================================================
   MOBİL MENÜ SON DÜZELTME
   Hamburger hiçbir zaman çarpıya dönüşmez.
   Menü açıkken buton sağdaki karartılmış alanda kalır.
   ========================================================= */
@media (max-width:1150px){
  .main-menu{
    width:min(330px,calc(100vw - 62px)) !important;
    left:-340px !important;
    padding:76px 16px 30px !important;
  }
  .main-menu.mobile-open{
    left:0 !important;
  }

  .mobile-nav-toggler,
  .mobile-nav-toggler[aria-expanded="true"]{
    width:46px !important;
    height:44px !important;
    flex:0 0 46px !important;
    border-radius:9px !important;
    background:var(--kent-orange) !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* Açık durumda buton panelin üstüne binmez; sağdaki boş alanda kalır */
  body.menu-open .mobile-nav-toggler{
    position:fixed !important;
    top:14px !important;
    right:8px !important;
    left:auto !important;
    margin:0 !important;
    z-index:100004 !important;
    box-shadow:0 8px 24px rgba(0,0,0,.24) !important;
  }

  /* Hamburger çizgileri açık/kapalı durumda hep aynı kalır */
  .mobile-nav-toggler[aria-expanded="true"] .hamburger-lines i,
  body.menu-open .mobile-nav-toggler .hamburger-lines i{
    opacity:1 !important;
    transform:none !important;
  }

  .mobile-menu-overlay{
    z-index:100000 !important;
  }
  .main-menu{
    z-index:100002 !important;
  }

  /* Menü başlığı ve satır hizaları */
  .main-menu:before{
    content:'MENÜ' !important;
    position:absolute !important;
    left:22px !important;
    top:27px !important;
    color:#fff !important;
    font-size:14px !important;
    letter-spacing:1.5px !important;
    font-weight:900 !important;
  }
  .main-menu .navigation>li>a{
    min-height:58px !important;
    padding:15px 14px !important;
    font-size:15px !important;
    line-height:1.35 !important;
  }
}

@media (max-width:420px){
  .main-menu{
    width:calc(100vw - 58px) !important;
    left:calc(-100vw + 58px) !important;
  }
  body.menu-open .mobile-nav-toggler{
    width:42px !important;
    height:42px !important;
    right:8px !important;
  }
}


/* =========================================================
   DÖRT BÜYÜK HİZMET ALANI - OTOMATİK VE MANUEL SLIDER
   ========================================================= */
.main-slider{
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,#0d397c,#2e5fa6);
}
.service-showcase-track{
  display:flex;
  width:100%;
  transition:transform .75s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
  touch-action:pan-y;
}
.service-showcase-track > .slide{
  flex:0 0 100%;
  min-width:100%;
  position:relative;
}
.service-showcase-track > .slide .auto-container{
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,560px);
  align-items:center;
  gap:70px;
}
.service-showcase-track .content-boxed{
  position:relative;
  z-index:2;
}
.service-showcase-track .content-boxed h1{
  font-size:64px;
  line-height:1.05;
  color:#fff;
  margin:0 0 24px;
  font-weight:900;
}
.service-showcase-track .content-boxed .text{
  max-width:680px;
  color:#fff;
  font-size:18px;
  line-height:1.75;
}
.service-showcase-track .slide-media{
  width:100%;
  height:405px;
  border:6px solid #fff;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.22);
}
.service-showcase-track .slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.service-showcase-controls{
  position:absolute;
  left:50%;
  bottom:26px;
  z-index:20;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:16px;
}
.service-showcase-arrow{
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:rgba(0,31,92,.55);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  transition:.25s;
}
.service-showcase-arrow:hover{
  background:#ff5b00;
  border-color:#ff5b00;
}
.service-showcase-dots{
  display:flex;
  align-items:center;
  gap:8px;
}
.service-showcase-dots button{
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.5);
  cursor:pointer;
  transition:.25s;
}
.service-showcase-dots button.active{
  width:28px;
  border-radius:8px;
  background:#ff5b00;
}

@media(max-width:900px){
  .service-showcase-track > .slide .auto-container{
    min-height:660px;
    grid-template-columns:1fr;
    gap:26px;
    padding-top:54px;
    padding-bottom:88px;
  }
  .service-showcase-track .content-boxed h1{
    font-size:42px;
  }
  .service-showcase-track .content-boxed .text{
    font-size:16px;
  }
  .service-showcase-track .slide-media{
    height:300px;
    border-width:4px;
    border-radius:20px;
  }
}

@media(max-width:560px){
  .service-showcase-track > .slide .auto-container{
    min-height:620px;
    padding-top:42px;
    padding-bottom:86px;
  }
  .service-showcase-track .content-boxed h1{
    font-size:34px;
  }
  .service-showcase-track .content-boxed .text{
    font-size:14px;
    line-height:1.65;
  }
  .service-showcase-track .link-box{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .service-showcase-track .link-box .theme-btn{
    flex:1 1 150px;
    text-align:center;
  }
  .service-showcase-track .slide-media{
    height:245px;
  }
  .service-showcase-controls{
    bottom:18px;
  }
  .service-showcase-arrow{
    width:40px;
    height:40px;
  }
}


/* =========================================================
   UYGUR REFERANSLI MOBİL DÜZEN - KENT NAKLİYAT
   Masaüstü korunur, yalnızca tablet/telefon görünümü değişir.
   ========================================================= */
@media only screen and (max-width: 767px){

  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }
  body{
    padding-bottom:64px !important;
  }
  .page-wrapper{
    overflow:hidden !important;
  }
  .auto-container{
    width:100% !important;
    max-width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  /* Üst başlık: örnekteki gibi sade ve kompakt */
  .header-top{
    display:none !important;
  }
  .header-upper{
    padding:8px 0 !important;
    min-height:78px !important;
    border-bottom:1px solid #e8edf5 !important;
  }
  .header-upper .auto-container,
  .header-upper .clearfix{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .header-upper .logo-box{
    float:none !important;
    margin:0 !important;
    text-align:center !important;
  }
  .header-upper .logo img,
  .logo img{
    width:auto !important;
    max-width:150px !important;
    max-height:64px !important;
    object-fit:contain !important;
  }
  .header-upper .upper-right{
    display:none !important;
  }

  /* Lacivert mobil navigasyon satırı */
  .header-lower{
    position:sticky !important;
    top:0 !important;
    z-index:10000 !important;
    min-height:58px !important;
    background:linear-gradient(90deg,#0a3a83,#03275f) !important;
  }
  .header-lower .auto-container{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .nav-outer{
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  .mobile-nav-toggler{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:static !important;
    width:44px !important;
    height:42px !important;
    flex:0 0 44px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:5px !important;
    background:#ff5b00 !important;
    box-shadow:none !important;
    z-index:10004 !important;
  }
  body.menu-open .mobile-nav-toggler{
    position:static !important;
    top:auto !important;
    right:auto !important;
    margin:0 !important;
  }
  .hamburger-lines{
    width:22px !important;
    height:16px !important;
  }
  .hamburger-lines i,
  .mobile-nav-toggler[aria-expanded="true"] .hamburger-lines i{
    width:22px !important;
    height:2px !important;
    opacity:1 !important;
    transform:none !important;
  }
  .options-box{
    margin:0 0 0 auto !important;
    display:block !important;
  }
  .header-lower .button-box{
    display:block !important;
  }
  .header-lower .button-box .theme-btn{
    display:inline-flex !important;
    align-items:center !important;
    min-height:40px !important;
    padding:9px 13px !important;
    border-radius:5px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }
  .header-lower .button-box .theme-btn i{
    display:none !important;
  }

  /* Soldan kayan mobil menü */
  .main-menu{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    left:-100% !important;
    bottom:0 !important;
    width:calc(100vw - 58px) !important;
    max-width:330px !important;
    padding:76px 16px 24px !important;
    overflow-y:auto !important;
    background:#062d6b !important;
    box-shadow:18px 0 42px rgba(0,0,0,.32) !important;
    z-index:10003 !important;
    transition:left .3s ease !important;
  }
  .main-menu.mobile-open{
    left:0 !important;
  }
  .main-menu:before{
    content:'MENÜ' !important;
    position:absolute !important;
    top:25px !important;
    left:20px !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:1.4px !important;
  }
  .main-menu .navigation{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .main-menu .navigation>li{
    display:block !important;
    float:none !important;
    width:100% !important;
    border-bottom:1px solid rgba(255,255,255,.13) !important;
  }
  .main-menu .navigation>li>a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:58px !important;
    padding:14px 12px !important;
    color:#fff !important;
    background:transparent !important;
    font-size:15px !important;
    line-height:1.35 !important;
    text-transform:uppercase !important;
    white-space:normal !important;
  }
  .main-menu .navigation>li>a:hover{
    background:rgba(255,255,255,.06) !important;
  }
  .main-menu .dropdown ul{
    display:none !important;
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    padding:5px 0 10px !important;
    background:#05265a !important;
    box-shadow:none !important;
  }
  .main-menu .dropdown.open>ul{
    display:block !important;
  }
  .main-menu .dropdown ul li{
    width:100% !important;
  }
  .main-menu .dropdown ul a{
    display:block !important;
    padding:11px 18px !important;
    color:#e8f1ff !important;
    font-size:13px !important;
    line-height:1.45 !important;
    white-space:normal !important;
  }
  .mobile-menu-overlay{
    background:rgba(0,0,0,.62) !important;
    z-index:10002 !important;
  }

  /* Sağdaki masaüstü araçları mobilde altta sabit bar olur */
  .sag-icon-toggle{
    display:none !important;
  }
  .sag-icon-bar,
  .sag-icon-bar.closed{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    width:100% !important;
    height:64px !important;
    z-index:10050 !important;
    transform:none !important;
    background:transparent !important;
  }
  .sag-icon-bar ul{
    width:100% !important;
    height:64px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
  }
  .sag-icon-bar li{
    display:none !important;
    height:64px !important;
    min-height:64px !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
    overflow:hidden !important;
  }
  .sag-icon-bar li.s1,
  .sag-icon-bar li.s2,
  .sag-icon-bar li.s3{
    display:block !important;
  }
  .sag-icon-bar li.s1{
    width:25% !important;
    background:#25b941 !important;
  }
  .sag-icon-bar li.s2{
    width:25% !important;
    background:#232323 !important;
  }
  .sag-icon-bar li.s3{
    width:50% !important;
    background:#ff7a00 !important;
  }
  .sag-icon-bar li a,
  .sag-icon-bar.closed li a{
    width:100% !important;
    height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:0 8px !important;
    color:#fff !important;
    font-size:15px !important;
  }
  .sag-icon-bar li i{
    width:auto !important;
    font-size:22px !important;
  }
  .sag-icon-bar li.s2 span{
    display:none !important;
  }
  .sag-icon-bar li.s3 a:after{
    content:'Teklif Al';
    font-weight:900;
  }

  /* İlk büyük atlıkarınca: mobilde tam görsel ve yazı üstte */
  .kent-hero-carousel,
  .kent-hero-track,
  .kent-hero-slide{
    min-height:610px !important;
  }
  .kent-hero-slide{
    background-position:center !important;
  }
  .kent-hero-slide:after{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(180deg,rgba(1,28,68,.72),rgba(1,28,68,.86)) !important;
  }
  .kent-hero-content{
    position:relative !important;
    z-index:3 !important;
    padding-top:66px !important;
    padding-bottom:92px !important;
    text-align:left !important;
  }
  .kent-hero-content h1{
    font-size:37px !important;
    line-height:1.08 !important;
    margin:16px 0 18px !important;
  }
  .kent-hero-content p{
    font-size:15px !important;
    line-height:1.65 !important;
  }
  .kent-hero-content .hero-photo-actions{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    width:100% !important;
  }
  .kent-hero-content .hero-photo-actions .theme-btn{
    width:100% !important;
    margin:0 !important;
    text-align:center !important;
  }
  .kent-hero-arrow{
    display:none !important;
  }

  /* Dört büyük hizmet sliderı: örnekteki gibi arka plan görsel + üstte yazı */
  .main-slider{
    padding:0 !important;
    background:#082f6f !important;
  }
  .service-showcase-track > .slide{
    min-height:590px !important;
    display:flex !important;
    align-items:center !important;
    background-size:cover !important;
    background-position:center !important;
  }
  .service-showcase-track > .slide:before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    border:0 !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,rgba(2,31,76,.62),rgba(2,31,76,.91)) !important;
    z-index:1 !important;
  }
  .service-showcase-track > .slide:after{
    display:none !important;
  }
  .service-showcase-track > .slide .auto-container{
    min-height:590px !important;
    display:flex !important;
    align-items:center !important;
    padding-top:60px !important;
    padding-bottom:90px !important;
  }
  .service-showcase-track .content-boxed{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    position:relative !important;
    z-index:3 !important;
  }
  .service-showcase-track .content-boxed h1{
    font-size:39px !important;
    line-height:1.08 !important;
    margin-bottom:18px !important;
  }
  .service-showcase-track .content-boxed .text{
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.65 !important;
  }
  .service-showcase-track .slide-media{
    display:none !important;
  }
  .service-showcase-track .link-box{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    margin-top:24px !important;
  }
  .service-showcase-track .link-box .theme-btn{
    width:100% !important;
    margin:0 !important;
    text-align:center !important;
  }
  .service-showcase-controls{
    bottom:20px !important;
  }

  /* Bölümler ve kartlar */
  section{
    padding:54px 0 !important;
  }
  .sec-title{
    margin-bottom:30px !important;
  }
  .sec-title h2{
    font-size:29px !important;
    line-height:1.18 !important;
  }
  .sec-title h5{
    font-size:14px !important;
    line-height:1.55 !important;
  }
  .row{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  [class*="col-"]{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .about-section .row,
  .fluid-section-one .outer-container,
  .main-footer .row{
    display:block !important;
  }
  .image-column,
  .content-column,
  .big-column,
  .footer-column{
    width:100% !important;
    float:none !important;
  }
  .about-section .photo-placeholder,
  .detail-photo,
  .professional-gallery-card{
    height:245px !important;
    min-height:245px !important;
  }
  .experiance{
    position:static !important;
    margin-top:12px !important;
    padding:15px !important;
  }
  .content-column h2{
    font-size:29px !important;
    line-height:1.2 !important;
  }
  .phone{
    margin:15px 0 0 !important;
  }

  /* Kartlar yatay kayar, kullanıcı elle de kaydırır */
  .three-item-carousel,
  .service-carousel{
    display:flex !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x !important;
    scrollbar-width:none !important;
    padding:4px 0 16px !important;
  }
  .three-item-carousel::-webkit-scrollbar,
  .service-carousel::-webkit-scrollbar{
    display:none !important;
  }
  .three-item-carousel > .service-block-two,
  .service-carousel > .service-block-four{
    flex:0 0 86% !important;
    width:86% !important;
    min-width:86% !important;
    margin:0 !important;
    scroll-snap-align:center !important;
  }
  .service-block-two .photo-placeholder,
  .service-block-four .photo-placeholder{
    height:225px !important;
    min-height:225px !important;
  }
  .service-block-two .lower-box,
  .service-block-four .lower-content{
    padding:16px !important;
  }

  /* Sayaçlar: iki sütun, çok uzun görünmez */
  .fact-counter .row,
  .fact-counter-three .row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  .fact-counter .column,
  .fact-counter-three .column,
  .counter-column{
    width:100% !important;
    float:none !important;
    padding:0 !important;
  }
  .fact-counter .inner,
  .fact-counter-three .inner{
    min-height:142px !important;
    padding:18px 10px !important;
  }

  /* İç sayfalar */
  .page-title,
  .enriched-hero{
    min-height:300px !important;
    padding:70px 0 !important;
    background-position:center !important;
  }
  .page-title h1,
  .enriched-hero h1{
    font-size:34px !important;
    line-height:1.12 !important;
  }

  /* Form ve footer */
  input,select,textarea{
    width:100% !important;
    max-width:100% !important;
    font-size:16px !important;
  }
  .contact-form,
  .quote-form,
  .default-form{
    padding:18px 14px !important;
  }
  .main-footer{
    padding-top:48px !important;
  }
  .main-footer .footer-column{
    margin-bottom:26px !important;
  }
  .main-footer .footer-bottom{
    padding-bottom:15px !important;
  }
}

@media only screen and (max-width: 390px){
  .header-upper .logo img,
  .logo img{
    max-width:132px !important;
  }
  .header-lower .button-box .theme-btn{
    font-size:11px !important;
    padding:8px 10px !important;
  }
  .kent-hero-content h1{
    font-size:33px !important;
  }
  .service-showcase-track .content-boxed h1{
    font-size:34px !important;
  }
  .three-item-carousel > .service-block-two,
  .service-carousel > .service-block-four{
    flex-basis:89% !important;
    width:89% !important;
    min-width:89% !important;
  }
}


/* =========================================================
   BÜYÜK HİZMET SLIDERI - ARKA PLAN FOTOĞRAFI KALDIRILDI
   Öndeki fotoğraf korunur, arka plan eski mavi geçiş olur.
   ========================================================= */
.main-slider{
  background:linear-gradient(90deg,#0d397c,#2e5fa6) !important;
}
.service-showcase-track > .slide{
  background-image:none !important;
  background:linear-gradient(120deg,rgba(0,31,92,.96),rgba(0,59,142,.86)) !important;
}
.service-showcase-track > .slide:before{
  background:transparent !important;
}
.service-showcase-track .slide-media{
  display:block !important;
}

@media only screen and (max-width:767px){
  .service-showcase-track > .slide{
    background-image:none !important;
    background:linear-gradient(120deg,rgba(0,31,92,.97),rgba(0,59,142,.88)) !important;
  }
  .service-showcase-track > .slide:before{
    background:transparent !important;
  }
  .service-showcase-track > .slide .auto-container{
    min-height:680px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    align-content:center !important;
    padding-top:46px !important;
    padding-bottom:92px !important;
  }
  .service-showcase-track .slide-media{
    display:block !important;
    width:100% !important;
    height:245px !important;
    border:4px solid #fff !important;
    border-radius:18px !important;
    overflow:hidden !important;
    order:2 !important;
  }
  .service-showcase-track .content-boxed{
    order:1 !important;
  }
  .service-showcase-track .slide-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }
}


/* ANDROID MOBİL MENÜ DOKUNMA DÜZELTMESİ */
@media only screen and (max-width:1150px){
  .mobile-nav-toggler{
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
    cursor:pointer !important;
    user-select:none !important;
    -webkit-user-select:none !important;
  }
  .mobile-nav-toggler *{
    pointer-events:none !important;
  }
  .header-lower,
  .nav-outer,
  .mobile-nav-toggler{
    position:relative;
  }
  .mobile-nav-toggler{
    z-index:10020 !important;
  }
  .main-menu{
    z-index:10018 !important;
  }
  .mobile-menu-overlay{
    z-index:10017 !important;
    pointer-events:none !important;
  }
  .mobile-menu-overlay.active{
    pointer-events:auto !important;
  }
}


/* =========================================================
   KENT NAKLİYAT - TÜM SAYFALAR SON MOBİL UYUMLULUK PAKETİ
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,video,svg,canvas{max-width:100%;height:auto}
iframe{max-width:100%;border:0}
button,input,select,textarea{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
p,h1,h2,h3,h4,h5,h6,li,a,span{overflow-wrap:anywhere}
table{max-width:100%}

@media only screen and (max-width:1150px){
  body.menu-open{overflow:hidden !important;touch-action:none}
  .mobile-nav-toggler{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:44px !important;
    min-height:44px !important;
  }
  .main-menu{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    left:-100% !important;
    width:min(330px,calc(100vw - 54px)) !important;
    max-width:calc(100vw - 54px) !important;
    height:100vh !important;
    height:100dvh !important;
    margin:0 !important;
    padding:74px 14px 28px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    border-radius:0 !important;
    background:#062d6b !important;
    box-shadow:18px 0 45px rgba(0,0,0,.34) !important;
    transition:left .28s ease !important;
  }
  .main-menu.mobile-open{left:0 !important;display:block !important}
  .main-menu .navigation,
  .main-menu .navigation>li{width:100% !important}
  .main-menu .navigation>li>a{
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    white-space:normal !important;
  }
  .main-menu .dropdown>ul{
    position:static !important;
    min-width:0 !important;
    width:100% !important;
    box-shadow:none !important;
  }
  .main-menu .dropdown.open>ul{display:block !important}
  .mobile-menu-overlay{
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background:rgba(0,0,0,.62) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transition:.25s !important;
  }
  .mobile-menu-overlay.active{
    opacity:1 !important;
    visibility:visible !important;
  }
}

@media only screen and (max-width:900px){
  .auto-container{
    width:100% !important;
    max-width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .row{margin-left:0 !important;margin-right:0 !important}
  [class*="col-"]{max-width:100% !important}
  .why-grid,.timeline,.fleet-grid,.professional-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .packing-grid,.detail-grid,.quote-grid,.before-after-grid{
    grid-template-columns:1fr !important;
  }
  .contact-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .service-cta{flex-direction:column !important;text-align:center !important}
}

@media only screen and (max-width:767px){
  body{
    width:100% !important;
    padding-bottom:calc(64px + env(safe-area-inset-bottom)) !important;
  }
  .page-wrapper{width:100% !important;overflow:hidden !important}
  .auto-container{padding-left:15px !important;padding-right:15px !important}

  section{padding:48px 0 !important}
  .sec-title{margin-bottom:28px !important}
  .sec-title h2,.content-column h2,.quote-info h2,.banner h2{
    font-size:28px !important;
    line-height:1.18 !important;
  }
  .sec-title h5,.service-hero p,.kent-hero-content p{
    font-size:14px !important;
    line-height:1.65 !important;
  }

  .service-grid,
  .why-grid,
  .packing-grid,
  .packing-list,
  .timeline,
  .testimonial-carousel,
  .blog-grid,
  .quote-grid,
  .faq-grid,
  .contact-cards,
  .smart-location-grid,
  .detail-grid,
  .included-grid,
  .detail-steps,
  .fleet-grid,
  .before-after-grid,
  .professional-gallery-grid,
  .form-row{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .service-block-two,
  .service-block-four,
  .testimonial-block,
  .blog-card,
  .why-card,
  .faq-item,
  .fleet-card,
  .ba-card,
  .detail-card,
  .included-box,
  .detail-step,
  .contact-card,
  .professional-gallery-card{
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
  }

  .detail-card,.quote-card,.fleet-card,.ba-card{
    padding:19px 15px !important;
    border-radius:13px !important;
  }
  .detail-card ul,.mini-list{padding-left:19px !important}

  .service-hero,.corporate-hero,.page-title,.enriched-hero{
    min-height:0 !important;
    padding:58px 0 !important;
  }
  .service-hero h1,.corporate-hero h1,.page-title h1,.enriched-hero h1{
    font-size:32px !important;
    line-height:1.12 !important;
  }
  .service-hero:after{width:230px !important;height:230px !important}

  .kent-hero-carousel,.kent-hero-track,.kent-hero-slide{min-height:590px !important}
  .kent-hero-content{padding-top:55px !important;padding-bottom:88px !important}
  .kent-hero-content h1{font-size:34px !important}
  .hero-photo-actions,.link-box,.form-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  .hero-photo-actions a,.link-box a,.form-actions button,.form-actions a,
  .service-cta a{
    width:100% !important;
    min-height:46px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .service-showcase-track > .slide .auto-container{
    min-height:650px !important;
    padding-top:38px !important;
    padding-bottom:84px !important;
  }
  .service-showcase-track .content-boxed h1{font-size:31px !important}
  .service-showcase-track .slide-media{height:225px !important}
  .service-showcase-controls{bottom:16px !important}

  .three-item-carousel,.service-carousel{
    width:100% !important;
    max-width:100% !important;
    scroll-padding-inline:15px !important;
    overscroll-behavior-x:contain !important;
  }
  .three-item-carousel > .service-block-two,
  .service-carousel > .service-block-four{
    flex:0 0 88% !important;
    width:88% !important;
    min-width:88% !important;
  }

  .photo-placeholder,.detail-photo,.professional-gallery-card{
    min-height:220px !important;
    height:auto !important;
  }
  .professional-gallery-card img,.detail-photo img,
  .service-block-two img,.service-block-four img{
    width:100% !important;
    object-fit:cover !important;
  }

  .fact-counter .row,.fact-counter-three .row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .count-outer{font-size:34px !important}
  .counter-title{font-size:13px !important}

  .quote-card input,.quote-card select,.quote-card textarea,
  .contact-form input,.contact-form select,.contact-form textarea,
  input,select,textarea{
    width:100% !important;
    max-width:100% !important;
    min-height:46px !important;
    font-size:16px !important;
  }
  textarea{min-height:120px !important}
  .service-choice{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:9px !important;
  }
  .service-choice label{
    flex:1 1 calc(50% - 9px) !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
  }
  .suggest-box{
    position:relative !important;
    top:auto !important;
    margin-top:4px !important;
    max-height:180px !important;
  }

  .map-box{
    width:100% !important;
    height:320px !important;
    min-height:320px !important;
    padding:0 !important;
    overflow:hidden !important;
    border-style:solid !important;
  }
  .map-box iframe{
    display:block !important;
    width:100% !important;
    height:100% !important;
  }

  .faq-acc-item button{
    min-height:54px !important;
    padding:16px !important;
    font-size:15px !important;
    gap:12px !important;
  }
  .faq-acc-content{padding:0 16px 18px !important}

  .main-footer{padding-top:44px !important}
  .main-footer .row{display:block !important}
  .main-footer .big-column,.main-footer .footer-column{
    width:100% !important;
    max-width:100% !important;
    float:none !important;
  }
  .footer-bottom .row{text-align:center !important}
  .footer-bottom .social-nav{justify-content:center !important;margin-top:12px !important}
  .request-widget .phone{font-size:24px !important}

  .sag-icon-bar,.sag-icon-bar.closed{
    height:calc(64px + env(safe-area-inset-bottom)) !important;
    padding-bottom:env(safe-area-inset-bottom) !important;
  }
  .sag-icon-bar ul,.sag-icon-bar li,.sag-icon-bar a{
    min-height:64px !important;
  }

  table{
    display:block !important;
    width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
}

@media only screen and (max-width:390px){
  .auto-container{padding-left:13px !important;padding-right:13px !important}
  .kent-hero-content h1{font-size:30px !important}
  .service-showcase-track .content-boxed h1{font-size:28px !important}
  .header-lower .button-box .theme-btn{font-size:10.5px !important;padding:8px 9px !important}
  .service-choice label{flex-basis:100% !important}
  .fact-counter .row,.fact-counter-three .row{grid-template-columns:1fr !important}
  .three-item-carousel > .service-block-two,
  .service-carousel > .service-block-four{
    flex-basis:91% !important;
    width:91% !important;
    min-width:91% !important;
  }
}