:root {
  --ml-red: #ef2b1f;
  --ml-red-dark: #b81710;
  --ml-ink: #14181f;
  --ml-muted: #68707d;
  --ml-line: #e7e9ed;
  --ml-wash: #f5f6f8;
  --ml-green: #20b967;
  --ml-radius: 20px;
  --ml-shadow: 0 20px 55px rgba(10, 18, 30, 0.11);
}

html { scroll-behavior: smooth; }
body {
  background: #fff;
  color: var(--ml-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body, p, a, span, li, input, textarea, button { font-family: inherit; }
h1, h2, h3, h4, h5, h6 { color: var(--ml-ink); letter-spacing: -0.03em; }
.container { max-width: 1180px; }
.pt-120 { padding-top: 100px; }
.pb-120 { padding-bottom: 100px; }
.pb-240 { padding-bottom: 110px; }
.pt-70 { padding-top: 64px; }

/* Üst çağrı bandı */
.emergency-call-header {
  background: #11151b !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.emergency-call-header .call-wrap {
  width: min(1180px, calc(100% - 40px)) !important;
  min-height: 54px !important;
  margin: 0 auto !important;
  padding: 7px 0 !important;
}
/* Geniş monitörlerde çağrı bandının ortada küçük bir kapsül gibi kalmasını önle. */
@media (min-width: 1600px) {
  .emergency-call-header .call-wrap {
    width: min(1840px, calc(100% - 80px)) !important;
    padding-inline: 18px !important;
  }
}
.emergency-call-header .icon-box {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}
.emergency-call-header .icon-box svg { width: 20px !important; fill: #fff !important; }
.emergency-call-header .main-title { font-size: 13px !important; letter-spacing: .7px !important; }
.emergency-call-header .sub-title { display: none !important; }
.emergency-call-header .status-line { margin-bottom: 2px !important; }
.emergency-call-header .live-badge {
  background: rgba(32,185,103,.15) !important;
  color: #7be1a7 !important;
  border: 1px solid rgba(123,225,167,.25) !important;
}
.emergency-call-header .arrival-time { color: #aeb5bf !important; font-size: 11px !important; }
.emergency-call-header .call-action {
  min-width: 230px !important;
  min-height: 40px !important;
  padding: 9px 18px !important;
  border-radius: 12px !important;
  background: var(--ml-red) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 12px !important;
}
.emergency-call-header .phone-small { color: #fff !important; opacity: .78; font-size: 11px !important; }

/* Menü */
.header-top { display: none !important; }
.menu-area {
  background: rgba(255,255,255,.97) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(20,24,31,.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px);
}
.menu-area .second-menu { min-height: 86px; }
.menu-area .logo img { max-height: 70px !important; width: auto !important; object-fit: contain; }
.logo-brand-lockup { display: inline-flex !important; align-items: center; gap: 10px; text-decoration: none !important; }
.logo-brand-lockup img { border: 1px solid #e5e7eb; border-radius: 9px; }
.logo-business-copy { display: grid; flex: 0 0 auto; line-height: 1.05; }
.logo-business-copy small { order: 2; margin-top: 5px; color: var(--ml-red); font-size: 8px; font-weight: 900; letter-spacing: 1.15px; }
.logo-business-copy strong { color: var(--ml-ink); font-size: 13px; font-weight: 950; letter-spacing: .45px; white-space: nowrap; }
.main-menu ul li { margin-left: 5px !important; }
.main-menu ul li a {
  color: #3f4651 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  padding: 34px 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.main-menu ul li a:hover,
.main-menu ul li a.active { color: var(--ml-red) !important; }
.main-menu ul li ul {
  border: 1px solid var(--ml-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--ml-shadow) !important;
  padding: 8px !important;
  overflow: hidden;
}
.main-menu ul li ul li a { padding: 10px 12px !important; border-radius: 8px; }
.main-menu ul li ul li a:hover { background: #fff1f0 !important; }
.menu-area .col-xl-1 .menu-tigger,
.menu-area .col-lg-1 .menu-tigger {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: var(--ml-red) !important;
}

/* Hero */
.slider-area { background: #171c24; }
.slider-area .single-slider { min-height: 650px !important; position: relative; }
.slider-area .single-slider::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(10,14,20,.96) 0%, rgba(10,14,20,.82) 48%, rgba(10,14,20,.18) 100%);
}
.slider-area .image-layer { filter: saturate(.82) contrast(1.04); transform: scale(1.02); }
.slider-area .single-slider .container { position: relative; z-index: 3; }
.slider-content { max-width: 720px; }
.slider-content h5 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 20px !important;
  color: #e7ebf0 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 1.1px !important;
  text-transform: uppercase;
}
.slider-content h5::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ml-green);
  box-shadow: 0 0 0 5px rgba(32,185,103,.16);
}
.slider-content h2 {
  color: #fff !important;
  font-size: clamp(48px, 6vw, 74px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  max-width: 760px;
  margin: 0 0 24px !important;
}
.slider-content p {
  max-width: 640px;
  color: #c4c9d1 !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}
.btn.ss-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  border-radius: 13px !important;
  padding: 0 23px !important;
  background: var(--ml-red) !important;
  border: 1px solid var(--ml-red) !important;
  box-shadow: 0 12px 30px rgba(239,43,31,.24);
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .2px !important;
}
.btn.ss-btn.active { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.24) !important; box-shadow: none; }
.btn.ss-btn:hover { transform: translateY(-2px); }
.slider-active .slick-arrow { border-radius: 14px !important; background: rgba(255,255,255,.12) !important; backdrop-filter: blur(8px); }

/* Hızlı fayda kartları */
.features-services-area { z-index: 6; margin-top: -56px; background: transparent !important; }
.features-services-area .container {
  margin-top: 0 !important;
  background: #fff;
  border-radius: 20px;
  padding: 14px;
  box-shadow: var(--ml-shadow);
}
.features-services-area .row { margin: 0; }
.features-services-area [class*="col-"] { padding: 0; }
.features-box {
  height: 100%;
  min-height: 190px;
  margin: 0 !important;
  padding: 24px !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--ml-line) !important;
  box-shadow: none !important;
  text-align: left !important;
}
.features-services-area [class*="col-"]:last-child .features-box { border-right: 0 !important; }
.features-icon { margin-bottom: 17px !important; }
.features-icon i {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: var(--ml-red) !important;
  background: #fff0ef;
  font-size: 22px !important;
}
.features-content h4 { font-size: 17px !important; margin-bottom: 8px !important; }
.features-content p { color: var(--ml-muted) !important; font-size: 13px !important; line-height: 1.55 !important; }

/* Genel bölüm düzeni */
.section-title h5,
.about-title h5 { color: var(--ml-red) !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: 1.5px !important; }
.section-title h5 img,
.about-title h5 img { display: none !important; }
.section-title h2,
.about-title h2 { font-size: clamp(34px, 4vw, 49px) !important; line-height: 1.08 !important; }
.about-area { background: #fff !important; }
.s-about-img img { border-radius: 24px !important; box-shadow: var(--ml-shadow); }
.about-content p,
.about-content { color: var(--ml-muted); line-height: 1.75; }

/* Hizmetler */
.services-area2 {
  background: var(--ml-wash) !important;
  padding-top: 100px !important;
  padding-bottom: 110px !important;
}
.services-area2 .section-title { margin-bottom: 40px !important; }
.services-box2 {
  height: calc(100% - 30px);
  border: 1px solid var(--ml-line) !important;
  border-radius: var(--ml-radius) !important;
  background: #fff !important;
  overflow: hidden;
  box-shadow: none !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
.services-box2:hover { transform: translateY(-6px); box-shadow: 0 18px 44px rgba(20,24,31,.1) !important; }
.services-box2 .services-img { overflow: hidden; }
.services-box2 .services-img img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .45s ease; }
.services-box2:hover .services-img img { transform: scale(1.045); }
.services-content2 { padding: 26px !important; }
.services-content2 h3 { font-size: 21px !important; line-height: 1.25 !important; }
.services-content2 a { color: var(--ml-ink) !important; }
.services-content2 > a:last-child { color: var(--ml-red) !important; }

/* Video, sayaç, ekip ve yorumlar */
.video-area { border-radius: 26px; overflow: hidden; width: min(1180px, calc(100% - 40px)); margin: -40px auto 0; }
.counter-area { background: var(--ml-ink) !important; }
.single-counter { border-color: rgba(255,255,255,.1) !important; }
.single-counter h2, .single-counter p { color: #fff !important; }
.team-area2, .blog-area { background: #fff !important; }
.single-team, .single-post2, .single-testimonial {
  border-radius: var(--ml-radius) !important;
  overflow: hidden;
  border: 1px solid var(--ml-line) !important;
  box-shadow: none !important;
  background: #fff !important;
}
.testimonial-area { background: var(--ml-wash) !important; }
.testi-author img { border-radius: 50%; }

/* Masaüstü Google yorum barı ve mobil/masaüstü ayrımı */
.service-cars-fixed { display: none !important; }
@media (min-width: 768px) {
  html body { padding-bottom: 70px !important; }
  .service-cars-fixed,
  .mobile-contact-dock,
  .modern-mobile-actions { display: none !important; }
  .ml-fixed-review-bar {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    z-index: 999998 !important;
    overflow: hidden !important;
    background: rgba(13,17,23,.97) !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 -14px 38px rgba(4,8,14,.24) !important;
    backdrop-filter: blur(16px);
    font-family: inherit !important;
  }
  .ml-fixed-review-bar::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg,#ff4b40,#b70f09);
  }
  .ml-fixed-review-inner {
    width: min(1320px, calc(100% - 40px)) !important;
    height: 70px !important;
    min-height: 70px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: auto auto minmax(240px,1fr) auto auto;
    align-items: center;
    gap: 16px !important;
  }
  .ml-review-brand {
    display: grid;
    gap: 3px;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.05;
    letter-spacing: .15px;
  }
  .ml-review-brand::before {
    content: "GOOGLE YORUMLARI";
    color: #ff6157;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.15px;
  }
  .ml-google-stars {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px;
    background: rgba(255,255,255,.06);
  }
  .ml-review-text-list {
    min-width: 0 !important;
    height: 22px !important;
  }
  .ml-review-text-list span {
    overflow: hidden;
    color: #e8ebf0 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    text-overflow: ellipsis;
  }
  .ml-review-score {
    padding: 8px 11px;
    color: #fff !important;
    background: rgba(32,185,103,.14);
    border: 1px solid rgba(123,225,167,.2);
    border-radius: 11px;
    font-size: 12px !important;
  }
  .ml-bar-btn {
    height: 42px !important;
    padding: 0 16px !important;
    color: #fff !important;
    background: linear-gradient(135deg,#ff4034,#c3130b) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 12px !important;
    box-shadow: 0 9px 24px rgba(200,20,11,.28) !important;
    animation: none !important;
  }
  .ml-location-btn::before,
  .ml-location-btn::after { display: none !important; }
  .ml-location-icon { animation: none !important; }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .ml-fixed-review-inner { grid-template-columns: auto minmax(180px,1fr) auto auto; gap: 10px !important; }
  .ml-review-brand { display: none; }
}
@media (min-width: 768px) and (max-width: 900px) {
  .ml-fixed-review-inner { grid-template-columns: auto minmax(160px,1fr) auto; }
  .ml-review-score { display: none; }
}

/* Footer */
.footer-bg { background: #0f131a !important; }
.footer-bg .footer-top { padding-top: 72px !important; padding-bottom: 50px !important; }
.footer-bg .f-widget-title img { max-height: 72px; width: auto; }
.footer-bg .f-widget-title h2 { color: #fff !important; font-size: 17px !important; }
.footer-bg p, .footer-bg li, .footer-bg a { color: #aeb4bd !important; font-size: 13px !important; line-height: 1.7 !important; }
.footer-bg a:hover { color: #fff !important; }
.footer-social a { display: inline-grid !important; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; }
.copyright-wrap { background: #0b0e13 !important; border-top: 1px solid rgba(255,255,255,.08); padding: 20px 0 !important; }

.modern-mobile-actions { display: none; }

@media (max-width: 991px) {
  .menu-area .second-menu { min-height: 74px; }
  .slider-area .single-slider { min-height: 590px !important; }
  .slider-content h2 { font-size: 52px !important; }
  .features-services-area { margin-top: -34px; }
  .features-services-area [class*="col-"] { width: 50%; }
  .features-box { border-bottom: 1px solid var(--ml-line) !important; }
  .features-services-area [class*="col-"]:nth-child(2n) .features-box { border-right: 0 !important; }
}

@media (max-width: 767px) {
  html body { padding-bottom: 112px !important; }
  .pt-120 { padding-top: 72px; }
  .pb-120 { padding-bottom: 72px; }
  .emergency-call-header .call-wrap { width: calc(100% - 24px) !important; min-height: 48px !important; }
  .emergency-call-header .icon-box, .emergency-call-header .arrival-time { display: none !important; }
  .emergency-call-header .main-title { font-size: 11px !important; }
  .emergency-call-header .call-action { min-width: 155px !important; min-height: 36px !important; padding: 8px 12px !important; font-size: 10px !important; }
  .emergency-call-header .phone-small { font-size: 9px !important; }
  .menu-area .logo img { max-height: 58px !important; }
  .logo-brand-lockup { gap: 7px; }
  .logo-business-copy small { margin-top: 3px; font-size: 6px; letter-spacing: .7px; }
  .logo-business-copy strong { font-size: 10px; letter-spacing: .15px; }
  .slider-area .single-slider { min-height: 570px !important; }
  .slider-area .single-slider::before { background: linear-gradient(90deg, rgba(10,14,20,.94), rgba(10,14,20,.65)) !important; }
  .slider-content { padding-top: 24px; }
  .slider-content h2 { font-size: 44px !important; }
  .slider-content p { font-size: 15px !important; }
  .slider-btn .btn { width: 100%; justify-content: center; margin: 0 0 10px !important; }
  .features-services-area .container { padding: 6px; border-radius: 16px; }
  .features-services-area [class*="col-"] { width: 100%; }
  .features-box { min-height: auto; padding: 18px !important; border-right: 0 !important; display: grid; grid-template-columns: 46px 1fr; gap: 14px; }
  .features-icon { margin: 0 !important; }
  .features-content p { margin-bottom: 0 !important; }
  .section-title h2, .about-title h2 { font-size: 34px !important; }
  .services-area2 { padding-top: 72px !important; padding-bottom: 76px !important; }
  .video-area { width: calc(100% - 24px); border-radius: 18px; }
  .ml-fixed-review-bar { display: none !important; }
  .modern-mobile-actions {
    position: fixed;
    display: grid;
    grid-template-columns: 1fr 1fr;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 999999;
    padding: 6px;
    background: #fff;
    border: 1px solid var(--ml-line);
    border-radius: 15px;
    box-shadow: 0 16px 45px rgba(0,0,0,.24);
  }
  .modern-mobile-actions a {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 900;
  }
  .modern-mobile-actions .modern-call { color: #fff !important; background: var(--ml-red); }
  .modern-mobile-actions .modern-whatsapp { color: #138c49 !important; background: #e8f8ef; }
}
/* Üstte arama ve konum aksiyonları */
.emergency-call-header .call-wrap { gap: 9px !important; }
.location-action {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 15px;
  color: #fff !important;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .25px;
}
.location-action:hover { color: #fff !important; background: rgba(255,255,255,.15); }
.location-action-icon { color: #ff554b; font-size: 19px; line-height: 1; }

@media (max-width: 767px) {
  .emergency-call-header .call-wrap {
    gap: 6px !important;
    padding: 6px 0 !important;
  }
  .emergency-call-header .call-info { display: none !important; }
  .emergency-call-header .call-action,
  .emergency-call-header .location-action {
    flex: 1 1 50% !important;
    min-width: 0 !important;
    min-height: 39px !important;
    padding: 7px 8px !important;
    border-radius: 11px !important;
  }
  .emergency-call-header .location-action { background: rgba(255,255,255,.1) !important; }
  .location-action-icon { font-size: 15px; }

  /* Büyük kart yerine tam genişlikte, dikkat çekici fixed bar */
  .service-cars-fixed {
    display: block !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: auto !important;
    z-index: 999999 !important;
  }
  .service-cars-box {
    overflow: visible !important;
    background: #11151b !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.3) !important;
  }
  .service-cars-header,
  .service-cars-status,
  .service-cars-note { display: none !important; }
  .service-cars-content {
    display: grid !important;
    grid-template-columns: minmax(118px,.85fr) 1.65fr !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 7px !important;
  }
  .service-districts { display: block !important; }
  .service-district {
    height: 44px !important;
    padding: 7px 9px !important;
    background: #fff !important;
    border-radius: 11px !important;
    color: var(--ml-ink) !important;
    font-size: 10px !important;
    line-height: 1.12 !important;
  }
  .service-district span { gap: 5px !important; }
  .service-district small { font-size: 9px !important; }
  .service-action-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    margin: 0 !important;
  }
  .service-action-buttons a {
    min-height: 44px !important;
    padding: 0 6px !important;
    border-radius: 11px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }
  .service-action-buttons a::before { display: none !important; }
}

/* Mobil servis kartı: referans görseldeki kompakt çağrı kutusu */
@media (max-width: 767px) {
  body { padding-bottom: 20px !important; }
  .modern-mobile-actions { display: none !important; }
  .service-cars-fixed {
    display: block !important;
    left: 10px !important;
    right: auto !important;
    bottom: 10px !important;
    width: min(270px, calc(100% - 20px)) !important;
    z-index: 999999 !important;
  }
  .service-cars-box {
    border: 2px solid var(--ml-red) !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 45px rgba(0,0,0,.25) !important;
    animation: none !important;
  }
  .service-cars-header {
    padding: 10px 12px !important;
    background: linear-gradient(135deg,var(--ml-red),var(--ml-red-dark)) !important;
    font-size: 14px !important;
  }
  .service-cars-content { padding: 12px !important; }
  .service-cars-status {
    gap: 10px !important;
    margin-bottom: 12px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
  .service-car-icon { font-size: 17px !important; animation: none !important; }
  .service-district {
    padding: 10px !important;
    border-radius: 11px !important;
    background: #fff1f0 !important;
    font-size: 12px !important;
  }
  .service-district small { color: #20ad5f !important; font-size: 11px !important; }
  .service-cars-note {
    margin-top: 10px !important;
    color: #666 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
  .service-action-buttons { gap: 7px !important; margin-top: 10px !important; }
  .service-action-buttons a {
    min-height: 38px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    animation: none !important;
  }
  .service-call-btn { background: linear-gradient(135deg,var(--ml-red),var(--ml-red-dark)) !important; }
  .service-whatsapp-btn { background: linear-gradient(135deg,#25d366,#128c4a) !important; }
}


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
/* Ana sayfa çağrı kartı */
.modern-dispatch-card {
  max-width: 390px;
  margin-left: auto;
  padding: 28px;
  color: var(--ml-ink);
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 25px;
  box-shadow: var(--ml-shadow);
}
.modern-dispatch-status { display: flex; align-items: center; justify-content: space-between; font-size: 10px; font-weight: 900; letter-spacing: .8px; }
.modern-dispatch-status span { display: flex; align-items: center; }
.modern-dispatch-status i { width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--ml-green); box-shadow: 0 0 0 5px rgba(32,185,103,.14); }
.modern-dispatch-status > b { padding: 6px 9px; color: var(--ml-green); background: #e8f9f0; border-radius: 999px; }
.modern-dispatch-card h3 { margin: 28px 0 10px; font-size: 28px; line-height: 1.12; }
.modern-dispatch-card > p { margin-bottom: 22px; color: var(--ml-muted); font-size: 14px; line-height: 1.55; }
.modern-dispatch-card ol { display: grid; gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; }
.modern-dispatch-card li { display: flex; align-items: center; gap: 12px; color: #3f4651; font-size: 13px; font-weight: 750; }
.modern-dispatch-card li b { display: grid; place-items: center; width: 30px; height: 30px; color: var(--ml-red); background: #f1f2f5; border-radius: 9px; }
.modern-dispatch-card > a { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; color: #fff !important; background: var(--ml-ink); border-radius: 13px; font-size: 16px; font-weight: 900; }
.modern-dispatch-card > a strong { color: var(--ml-red); font-size: 23px; }

/* Nasıl çalışır */
.modern-process { padding: 105px 0; background: #fff; }
.modern-process-grid { display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 90px; }
.modern-process-copy > span,
.modern-call-cta span { color: var(--ml-red); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; }
.modern-process-copy h2 { margin: 13px 0 22px; font-size: clamp(34px,4vw,49px); line-height: 1.08; }
.modern-process-copy p { max-width: 470px; color: var(--ml-muted); line-height: 1.7; }
.modern-process-copy > a { display: inline-flex; margin-top: 10px; padding-bottom: 4px; color: var(--ml-red); border-bottom: 1px solid rgba(239,43,31,.3); font-size: 14px; font-weight: 900; }
.modern-process-list { display: grid; gap: 13px; }
.modern-process-list article { display: flex; gap: 22px; padding: 24px 27px; border: 1px solid var(--ml-line); border-radius: 18px; transition: .25s ease; }
.modern-process-list article:hover { border-color: #f4b0ab; box-shadow: 0 15px 35px rgba(20,24,31,.07); }
.modern-process-list article > b { padding-top: 4px; color: var(--ml-red); font-size: 13px; }
.modern-process-list h3 { margin: 0 0 7px; font-size: 18px; }
.modern-process-list p { margin: 0; color: var(--ml-muted); font-size: 14px; line-height: 1.5; }

/* Ana çağrı alanı */
.modern-call-cta { padding: 68px 0; color: #fff; background: linear-gradient(120deg,var(--ml-red-dark),var(--ml-red)); }
.modern-call-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.modern-call-cta span { color: #fff; opacity: .8; }
.modern-call-cta h2 { margin: 8px 0; color: #fff; font-size: 40px; }
.modern-call-cta p { margin: 0; color: #fff; opacity: .82; }
.modern-call-cta a { min-width: 270px; display: grid; padding: 17px 26px; color: var(--ml-ink) !important; background: #fff; border-radius: 16px; font-size: 21px; font-weight: 950; }
.modern-call-cta a small { margin-bottom: 4px; color: var(--ml-red); font-size: 10px; letter-spacing: 1.2px; }

@media (max-width: 991px) {
  .modern-dispatch-card { display: none; }
  .modern-process-grid { grid-template-columns: 1fr; gap: 45px; }
}
@media (max-width: 767px) {
  .modern-process { padding: 76px 0; }
  .modern-process-list article { padding: 20px; }
  .modern-call-cta-inner { align-items: flex-start; flex-direction: column; }
  .modern-call-cta h2 { font-size: 34px; }
  .modern-call-cta a { width: 100%; min-width: 0; }
}
/* Son mobil yerleşim: tam genişlikte fixed servis barı */
@media (max-width: 767px) {
  .modern-mobile-actions { display: none !important; }
  .service-cars-fixed { left: 8px !important; right: 8px !important; bottom: 8px !important; width: auto !important; }
  .service-cars-header,
  .service-cars-status,
  .service-cars-note { display: none !important; }
  .service-cars-box { background: #11151b !important; border: 0 !important; animation: none !important; }
  .service-cars-content { display: grid !important; grid-template-columns: minmax(118px,.85fr) 1.65fr !important; gap: 7px !important; padding: 7px !important; }
  .service-district { height: 44px !important; padding: 7px 9px !important; background: #fff !important; font-size: 10px !important; }
  .service-action-buttons { gap: 6px !important; margin: 0 !important; }
  .service-action-buttons a { min-height: 44px !important; padding: 0 6px !important; font-size: 9px !important; animation: none !important; }
}

/* Dikkat çeken fakat ölçülü çağrı butonları */
@keyframes mlRedButtonPulse {
  0%,100% { box-shadow: 0 9px 24px rgba(239,43,31,.38), 0 0 0 0 rgba(239,43,31,.24); }
  50% { box-shadow: 0 12px 30px rgba(239,43,31,.52), 0 0 0 7px rgba(239,43,31,0); }
}
@keyframes mlGreenButtonPulse {
  0%,100% { box-shadow: 0 8px 22px rgba(37,211,102,.34), 0 0 0 0 rgba(37,211,102,.2); }
  50% { box-shadow: 0 11px 28px rgba(37,211,102,.5), 0 0 0 7px rgba(37,211,102,0); }
}
@keyframes mlButtonShine {
  0%,58% { transform: translateX(-170%) skewX(-20deg); }
  82%,100% { transform: translateX(230%) skewX(-20deg); }
}
@keyframes mlLocationPinPulse {
  0%,100% { transform: translateY(0); filter: drop-shadow(0 0 0 rgba(255,85,75,0)); }
  50% { transform: translateY(-2px); filter: drop-shadow(0 3px 5px rgba(255,85,75,.55)); }
}
.emergency-call-header .call-action,
.emergency-call-header .location-action,
.service-action-buttons a {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease !important;
}
.emergency-call-header .call-action::after,
.emergency-call-header .location-action::after,
.service-action-buttons a::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -45%;
  bottom: -45%;
  left: -38%;
  width: 28%;
  pointer-events: none;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.56),transparent);
  transform: translateX(-170%) skewX(-20deg);
  animation: mlButtonShine 3.4s ease-in-out infinite;
}
.emergency-call-header .call-action > *,
.emergency-call-header .location-action > *,
.service-action-buttons a > * { position: relative; z-index: 1; }
.emergency-call-header .call-action,
.service-action-buttons .service-call-btn {
  background: linear-gradient(135deg,#ff4034 0%,#e82116 52%,#a80d08 100%) !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  animation: mlRedButtonPulse 2.35s ease-in-out infinite !important;
}
.emergency-call-header .location-action {
  background: linear-gradient(135deg,#252c36 0%,#11151b 72%) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 9px 24px rgba(10,15,23,.28), inset 0 1px rgba(255,255,255,.08) !important;
}
.location-action-icon { animation: mlLocationPinPulse 1.8s ease-in-out infinite; }
.service-action-buttons .service-whatsapp-btn {
  background: linear-gradient(135deg,#2ce278 0%,#20bd63 55%,#0a7e3e 100%) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  animation: mlGreenButtonPulse 2.55s ease-in-out infinite !important;
}
.emergency-call-header .call-action:hover,
.emergency-call-header .location-action:hover,
.service-action-buttons a:hover { transform: translateY(-2px); filter: saturate(1.13) brightness(1.05); }
.emergency-call-header .call-action:focus-visible,
.emergency-call-header .location-action:focus-visible,
.service-action-buttons a:focus-visible { outline: 3px solid #fff !important; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .emergency-call-header .call-action,
  .emergency-call-header .location-action,
  .location-action-icon,
  .service-action-buttons a,
  .emergency-call-header .call-action::after,
  .emergency-call-header .location-action::after,
  .service-action-buttons a::after { animation: none !important; }
}

/* Yeni mobil iletişim paneli */
@keyframes mlDockLive {
  0%,100% { box-shadow: 0 0 0 0 rgba(33,189,103,.38); }
  50% { box-shadow: 0 0 0 6px rgba(33,189,103,0); }
}
.mobile-contact-dock { display: none; }
@media (max-width: 767px) {
  .mobile-contact-dock {
    position: fixed;
    display: block;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 999999;
    padding: 9px;
    overflow: hidden;
    background: rgba(255,255,255,.97);
    border: 1px solid rgba(20,24,31,.1);
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(9,14,22,.24), 0 3px 10px rgba(9,14,22,.1);
    backdrop-filter: blur(14px);
  }
  .mobile-contact-dock::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 78px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg,#ff4034,#b70f09);
    transform: translateX(-50%);
  }
  .mobile-contact-dock__status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 25px;
    padding: 0 6px 4px;
    color: #5f6670;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .35px;
    text-transform: uppercase;
  }
  .mobile-contact-dock__status span { display: flex; align-items: center; gap: 7px; color: #20252d; }
  .mobile-contact-dock__status i { width: 7px; height: 7px; border-radius: 50%; background: #20bd63; animation: mlDockLive 1.8s ease-in-out infinite; }
  .mobile-contact-dock__status b { color: #15934d; font-size: 9px; }
  .mobile-contact-dock__actions { display: grid; grid-template-columns: 1.12fr 1fr; gap: 7px; }
  .mobile-contact-dock__actions a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 52px;
    overflow: hidden;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.3) !important;
    border-radius: 15px;
    isolation: isolate;
    text-decoration: none;
  }
  .mobile-contact-dock__actions a::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -45%;
    bottom: -45%;
    left: -38%;
    width: 28%;
    pointer-events: none;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
    transform: translateX(-170%) skewX(-20deg);
    animation: mlButtonShine 3.4s ease-in-out infinite;
  }
  .mobile-contact-dock__actions a > span { position: relative; z-index: 1; }
  .mobile-contact-dock__actions a > span:last-child { display: grid; line-height: 1.05; text-align: left; }
  .mobile-contact-dock__actions small { margin-bottom: 4px; color: rgba(255,255,255,.72); font-size: 7px; font-weight: 850; letter-spacing: .7px; }
  .mobile-contact-dock__actions strong { color: #fff; font-size: 11px; font-weight: 950; letter-spacing: .15px; }
  .mobile-contact-dock__icon { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; background: rgba(255,255,255,.17); border-radius: 9px; font-size: 14px; }
  .mobile-contact-dock__call { background: linear-gradient(135deg,#ff4034 0%,#e82116 52%,#a80d08 100%) !important; animation: mlRedButtonPulse 2.35s ease-in-out infinite; }
  .mobile-contact-dock__whatsapp { background: linear-gradient(135deg,#2ce278 0%,#20bd63 55%,#0a7e3e 100%) !important; animation: mlGreenButtonPulse 2.55s ease-in-out infinite; }
  body { padding-bottom: 112px !important; }
}
@media (max-width: 350px) {
  .mobile-contact-dock { left: 7px; right: 7px; bottom: 7px; padding: 7px; }
  .mobile-contact-dock__actions { gap: 5px; }
  .mobile-contact-dock__actions a { gap: 5px; min-height: 49px; }
  .mobile-contact-dock__icon { width: 25px; height: 25px; flex-basis: 25px; }
  .mobile-contact-dock__actions strong { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-contact-dock__status i,
  .mobile-contact-dock__actions a,
  .mobile-contact-dock__actions a::after { animation: none !important; }
}

/* Son arayüz düzeni: üst sabit alan kaldırıldı, üçlü mobil iletişim çubuğu */
.emergency-call-header,
#scrollUp { display: none !important; }
html body { padding-top: 0 !important; }

@media (max-width: 767px) {
  .service-cars-fixed,
  .modern-mobile-actions,
  .ml-fixed-review-bar { display: none !important; }

  .mobile-contact-dock {
    left: 9px !important;
    right: 9px !important;
    bottom: 9px !important;
    padding: 8px !important;
    overflow: visible !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(20,24,31,.11) !important;
    border-radius: 19px !important;
    box-shadow: 0 12px 34px rgba(9,14,22,.18), 0 2px 8px rgba(9,14,22,.08) !important;
    backdrop-filter: blur(18px) saturate(1.15);
  }

  .mobile-contact-dock::before { display: none !important; }

  .mobile-contact-dock__status {
    min-height: 24px !important;
    padding: 0 5px 5px !important;
    font-size: 8.5px !important;
    font-weight: 900 !important;
    letter-spacing: .25px !important;
  }

  .mobile-contact-dock__status span { gap: 6px !important; }
  .mobile-contact-dock__status i {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px;
    animation: none !important;
    box-shadow: 0 0 0 4px rgba(32,189,99,.12);
  }
  .mobile-contact-dock__status b { color: #68707b !important; font-size: 8px !important; }

  .mobile-contact-dock__actions {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .mobile-contact-dock__actions a {
    min-height: 55px !important;
    padding: 6px 3px !important;
    flex-direction: column !important;
    gap: 4px !important;
    color: #242a33 !important;
    background: #f6f7f9 !important;
    border: 1px solid #e6e9ed !important;
    border-radius: 13px !important;
    box-shadow: none !important;
    animation: none !important;
    transition: transform .18s ease, background .18s ease !important;
  }

  .mobile-contact-dock__actions a::after { display: none !important; }
  .mobile-contact-dock__actions a:active { transform: scale(.97) !important; }
  .mobile-contact-dock__actions strong {
    color: #252b33 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
  }

  .mobile-contact-dock__icon {
    width: 27px !important;
    height: 27px !important;
    flex: 0 0 27px !important;
    padding: 6px;
    color: #fff;
    border-radius: 9px !important;
    background: #68707b !important;
  }
  .mobile-contact-dock__icon svg { display: block; width: 100%; height: 100%; fill: currentColor; }
  .mobile-contact-dock__call .mobile-contact-dock__icon { background: #e62a20 !important; }
  .mobile-contact-dock__whatsapp .mobile-contact-dock__icon { background: #20b861 !important; }
  .mobile-contact-dock__location .mobile-contact-dock__icon { background: #343b46 !important; }
  .mobile-contact-dock__call { background: #fff7f6 !important; border-color: #f4d7d4 !important; }
  .mobile-contact-dock__whatsapp { background: #f4fbf7 !important; border-color: #d5eee0 !important; }
  .mobile-contact-dock__location { background: #f7f8fa !important; }

  html body { padding-bottom: 112px !important; }
}

@media (max-width: 360px) {
  .mobile-contact-dock { left: 6px !important; right: 6px !important; bottom: 6px !important; padding: 6px !important; }
  .mobile-contact-dock__status b { display: none !important; }
  .mobile-contact-dock__actions { gap: 4px !important; }
  .mobile-contact-dock__actions strong { font-size: 8px !important; }
}

/* Marka, mobil slider ve daha görünür iletişim çubuğu */
.logo-brand-lockup {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0;
}
.logo-brand-mark {
  position: relative;
  display: grid !important;
  place-items: center;
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(21,27,36,.16);
}
.logo-brand-mark svg { display: block; width: 100%; height: 100%; }
.logo-business-copy { gap: 0 !important; line-height: 1.08 !important; }
.logo-business-copy strong {
  color: #161b23 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: .15px !important;
}
.logo-business-copy small {
  margin-top: 5px !important;
  color: #e52a20 !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: 1.25px !important;
}

@media (max-width: 767px) {
  .menu-area .container { padding-left: 14px !important; padding-right: 14px !important; }
  .menu-area .second-menu { height: 76px !important; min-height: 76px !important; }
  .logo-brand-lockup { gap: 9px !important; max-width: calc(100vw - 92px); }
  .logo-brand-mark { width: 44px; height: 44px; flex-basis: 44px; border-radius: 13px; }
  .logo-business-copy strong { font-size: 11px !important; letter-spacing: .05px !important; }
  .logo-business-copy small { margin-top: 4px !important; font-size: 7px !important; letter-spacing: .85px !important; }

  .slider-area,
  .slider-area .single-slider { background: #11161d !important; }
  .slider-area .single-slider {
    display: block !important;
    min-height: 0 !important;
    padding-top: 210px !important;
    overflow: hidden;
  }
  .slider-area .image-layer {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    height: 210px !important;
    background-color: #171c24 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    filter: saturate(.95) contrast(1.03) !important;
    transform: none !important;
  }
  .slider-area .single-slider::before {
    z-index: 1 !important;
    height: 210px !important;
    bottom: auto !important;
    background: linear-gradient(180deg,rgba(10,14,20,.05),rgba(10,14,20,.38)) !important;
    pointer-events: none;
  }
  .slider-area .single-slider .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 18px 44px !important;
    background: linear-gradient(180deg,#151b23 0%,#10151c 100%);
  }
  .slider-area .single-slider .row { display: block !important; margin: 0 !important; }
  .slider-area .single-slider [class*="col-"] { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
  .slider-content {
    max-width: 560px !important;
    margin: 0 auto !important;
    padding: 28px 0 0 !important;
    text-align: left !important;
  }
  .slider-content h5,
  .slider-content h2,
  .slider-content p,
  .slider-content .slider-btn {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
  }
  .slider-content h5 {
    display: flex !important;
    margin: 0 0 14px !important;
    color: #dfe4eb !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    letter-spacing: .65px !important;
  }
  .slider-content h2 {
    max-width: 340px !important;
    margin: 0 0 16px !important;
    color: #fff !important;
    font-size: clamp(34px,10vw,42px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 2px 16px rgba(0,0,0,.2);
  }
  .slider-content p {
    max-width: 520px !important;
    margin: 0 !important;
    color: #c8ced7 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
  .slider-content .slider-btn { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 24px !important; }
  .slider-content .slider-btn .btn {
    width: 100% !important;
    min-height: 49px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }
  .modern-dispatch-card { display: none !important; }

  .mobile-contact-dock {
    border-color: rgba(19,25,34,.16) !important;
    box-shadow: 0 16px 38px rgba(9,14,22,.25), 0 3px 10px rgba(9,14,22,.1) !important;
  }
  .mobile-contact-dock__status { color: #242a33 !important; }
  .mobile-contact-dock__actions a {
    color: #fff !important;
    border-color: rgba(255,255,255,.24) !important;
    box-shadow: 0 7px 16px rgba(9,14,22,.14) !important;
  }
  .mobile-contact-dock__actions strong { color: #fff !important; font-size: 9.5px !important; }
  .mobile-contact-dock__icon { width: 29px !important; height: 29px !important; flex-basis: 29px !important; padding: 5px !important; background: rgba(255,255,255,.17) !important; }
  .mobile-contact-dock__call { background: linear-gradient(135deg,#f13a30,#cf1710) !important; border-color: rgba(255,255,255,.25) !important; }
  .mobile-contact-dock__whatsapp { background: linear-gradient(135deg,#2dcc72,#15994e) !important; border-color: rgba(255,255,255,.25) !important; }
  .mobile-contact-dock__location { background: linear-gradient(135deg,#3d4653,#202630) !important; border-color: rgba(255,255,255,.2) !important; }
}

@media (max-width: 360px) {
  .slider-area .single-slider { padding-top: 185px !important; }
  .slider-area .image-layer,
  .slider-area .single-slider::before { height: 185px !important; }
  .slider-content h2 { font-size: 32px !important; }
  .slider-content .slider-btn { grid-template-columns: 1fr !important; }
  .mobile-contact-dock__actions strong { font-size: 8px !important; }
}

/* Son düzeltme: PNG logo, görünür slider fotoğrafı ve okunaklı alt butonlar */
.logo-brand-lockup .site-logo-png {
  display: block !important;
  width: 250px !important;
  height: 64px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.slider-area .image-layer > img { display: none; }

@media (max-width: 767px) {
  .logo-brand-lockup .site-logo-png {
    width: 226px !important;
    height: 58px !important;
  }
  .slider-area .single-slider { padding-top: 240px !important; }
  .slider-area .image-layer {
    height: 240px !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
    filter: none !important;
    transform: none !important;
  }
  .slider-area .image-layer > img {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    background: rgba(12,17,23,.22);
  }
  .slider-area .single-slider::before {
    z-index: 3 !important;
    height: 240px !important;
    background: linear-gradient(180deg,rgba(8,12,18,.02),rgba(8,12,18,.16)) !important;
  }

  html body .mobile-contact-dock .mobile-contact-dock__actions .mobile-contact-dock__call {
    background: linear-gradient(135deg,#f44336,#c91810) !important;
    border-color: #ec5a52 !important;
  }
  html body .mobile-contact-dock .mobile-contact-dock__actions .mobile-contact-dock__whatsapp {
    background: linear-gradient(135deg,#2bd06f,#108e46) !important;
    border-color: #4bd989 !important;
  }
  html body .mobile-contact-dock .mobile-contact-dock__actions .mobile-contact-dock__location {
    background: linear-gradient(135deg,#414b59,#1c222b) !important;
    border-color: #596473 !important;
  }
  html body .mobile-contact-dock .mobile-contact-dock__actions a strong {
    display: block !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.24);
  }
  html body .mobile-contact-dock .mobile-contact-dock__actions a .mobile-contact-dock__icon {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
  }
}

@media (max-width: 360px) {
  .logo-brand-lockup .site-logo-png { width: 204px !important; height: 54px !important; }
  .slider-area .single-slider { padding-top: 215px !important; }
  .slider-area .image-layer,
  .slider-area .single-slider::before { height: 215px !important; }
}

/* Final mobil hero: kompakt baslik, tek parca fotograf ve yazi katmani */
@media (max-width: 767px) {
  .menu-area .second-menu {
    height: 66px !important;
    min-height: 66px !important;
  }
  .menu-area .second-menu > .row {
    min-height: 66px !important;
    align-items: center !important;
  }
  .menu-area .logo {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
  .logo-brand-lockup {
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .logo-brand-lockup .site-logo-png {
    width: 190px !important;
    height: 52px !important;
    object-position: left center !important;
  }

  .slider-area,
  .slider-area .single-slider {
    background: #10161e !important;
  }
  .slider-area .single-slider {
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
    min-height: 540px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .slider-area .image-layer {
    inset: 0 !important;
    width: 100% !important;
    height: auto !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  .slider-area .image-layer > img {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: transparent !important;
  }
  .slider-area .single-slider::before {
    inset: 0 !important;
    width: 100% !important;
    height: auto !important;
    background: linear-gradient(180deg,rgba(8,12,18,.04) 8%,rgba(8,12,18,.28) 42%,rgba(8,12,18,.94) 100%) !important;
  }
  .slider-area .single-slider .container {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 540px !important;
    padding: 150px 18px 42px !important;
    background: transparent !important;
  }
  .slider-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  .slider-content h5,
  .slider-content h2,
  .slider-content p {
    text-shadow: 0 2px 16px rgba(0,0,0,.72) !important;
  }
  .slider-content h2 {
    max-width: 355px !important;
    font-size: clamp(35px,10.5vw,43px) !important;
  }
  .slider-content p {
    color: #eef1f5 !important;
  }
}

@media (max-width: 360px) {
  .logo-brand-lockup .site-logo-png { width: 174px !important; height: 48px !important; }
  .slider-area .single-slider,
  .slider-area .single-slider .container { min-height: 510px !important; }
  .slider-area .single-slider .container { padding: 135px 15px 36px !important; }
}

/* Masaustu servis karti hero ust sinirina yapismasin */
@media (min-width: 992px) {
  .modern-dispatch-card {
    position: relative !important;
    top: 34px !important;
    margin-top: 0 !important;
    transform: none !important;
  }
}