/* ====================================== */
/* MOBİL UYUMLULUK CSS - TÜM SAYFALAR İÇİN */
/* ====================================== */

/* Info Bar Tooltip - küçük ekranlarda kırpılan metinler için */
#ed-754231531 {
   position: relative;
   z-index: 10000;
}

#ed-754231531 .info-bar-content[title] {
   position: relative;
   cursor: pointer;
}

/* Hover ve focus/active ile tooltip göster */
#ed-754231531 .info-bar-content[title]:hover::after,
#ed-754231531 .info-bar-content[title]:focus::after,
#ed-754231531 .info-bar-content[title]:focus-within::after {
   content: attr(title);
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   background: #1f2125;
   color: #fff;
   padding: 8px 14px;
   border-radius: 6px;
   font-size: 13px;
   white-space: nowrap;
   z-index: 999999;
   pointer-events: none;
   box-shadow: 0 4px 12px rgba(0,0,0,0.3);
   margin-top: 6px;
}

#ed-754231531 .info-bar-content[title]:hover::before,
#ed-754231531 .info-bar-content[title]:focus::before,
#ed-754231531 .info-bar-content[title]:focus-within::before {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   border: 6px solid transparent;
   border-bottom-color: #1f2125;
   z-index: 999999;
   pointer-events: none;
}

/* Menü Kapatma Butonu - tüm ekranlarda gizle */
.mobile-menu-close {
   display: none !important;
}

/* ===== Banner Responsive - Tüm Boyutlar ===== */
.ed-element.preset-banner-v3-default {
   position: relative !important;
   width: 100% !important;
   overflow: hidden !important;
   padding: 0 !important;
   background-color: #ffffff !important;
}

.ed-element.preset-banner-v3-default > .background {
   position: absolute !important;
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   width: 100% !important;
   height: 100% !important;
   z-index: 0 !important;
   transform: translate3d(0px, 0.5px, 0px) !important;
   -webkit-transform: translate3d(0px, 0.5px, 0px) !important;
}

.ed-element.preset-banner-v3-default > .background .wv-bg {
   position: absolute !important;
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   width: 100% !important;
   height: 100% !important;
}

.ed-element.preset-banner-v3-default .background-image-holder {
   position: absolute !important;
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   width: 100% !important;
   height: 100% !important;
   background-size: cover !important;
   background-position: center center !important;
   background-repeat: no-repeat !important;
}

.ed-element.preset-banner-v3-default > .overlay {
   position: absolute !important;
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   z-index: 1 !important;
}

.ed-element.preset-banner-v3-default > .inner {
   position: relative !important;
   z-index: 2 !important;
}

/* Genel Mobil Düzenlemeler */
@media screen and (max-width: 768px) {

   /* Body ve Container Ayarları */
   body {
      font-size: 14px !important;
      overflow-x: hidden !important;
   }

   /* Container Genişlikleri */
   .ed-container,
   .inner,
   .container {
      width: 100% !important;
      max-width: 100% !important;
      padding-left: 1rem !important;
      padding-right: 1rem !important;
   }

   /* Flexbox Düzenlemeleri */
   .ed-container > .inner {
      flex-direction: column !important;
      flex-wrap: wrap !important;
   }

   /* Grid Sistemleri */
   .ed-grid,
   .ed-grid > .inner,
   [class*="ed-grid"] {
      display: block !important;
      width: 100% !important;
   }

   .ed-grid > section,
   .ed-grid .ed-element {
      width: 100% !important;
      max-width: 100% !important;
      flex-basis: 100% !important;
      margin-bottom: 1.5rem !important;
   }

   /* Başlık Boyutları */
   h1, .h1 {
      font-size: 2rem !important;
      line-height: 1.3 !important;
   }

   h2, .h2 {
      font-size: 1.5rem !important;
      line-height: 1.4 !important;
   }

   h3, .h3 {
      font-size: 1.25rem !important;
      line-height: 1.4 !important;
   }

   h4, .h4 {
      font-size: 1.1rem !important;
   }

   h5, .h5 {
      font-size: 1rem !important;
   }

   h6, .h6 {
      font-size: 0.9rem !important;
   }

   /* Paragraf ve Metin */
   p {
      font-size: 14px !important;
      line-height: 1.6 !important;
      margin-bottom: 1rem !important;
   }

   /* Görsel Düzenlemeleri */
   img,
   .ed-image,
   .ed-image img {
      max-width: 100% !important;
      height: auto !important;
      object-fit: cover !important;
   }

   figure {
      margin: 0 !important;
      width: 100% !important;
   }

   /* ===== Banner - Mobil ===== */
   .ed-element.preset-banner-v3-default {
      padding: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      min-height: 300px !important;
   }

   /* Video Düzenlemeleri */
   video,
   iframe,
   .ed-video {
      max-width: 100% !important;
      height: auto !important;
   }

   /* Buton Düzenlemeleri - Touch Friendly */
   .button,
   .ed-form-button > button,
   a.button {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      padding: 0.875rem 1rem !important;
      margin: 0.5rem 0 !important;
      font-size: 16px !important;
      min-height: 44px !important; /* iOS minimum touch target */
      text-align: center !important;
   }

   /* Navigation Menu - Mobil */
   .ed-menu {
      width: 100% !important;
   }

   .ed-menu ul {
      flex-direction: column !important;
      width: 100% !important;
   }

   .ed-menu li {
      width: 100% !important;
      text-align: left !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
   }

   .ed-menu a {
      display: block !important;
      padding: 1rem !important;
      font-size: 16px !important;
   }

   /* Mobile Menu Overlay - Menu açıldığında görünür */
   body.open #ed-754231102,
   body.open-menu #ed-754231102,
   #ed-754231102.open,
   #ed-754231102.open-menu {
      display: block !important;
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      background: rgba(0, 52, 120, 0.98) !important;
      z-index: 99999 !important;
      overflow-y: auto !important;
      padding: 7rem 1rem 2rem 1rem !important;
      margin: 0 !important;
      flex: none !important;
   }

   /* Menü Kapatma Butonu */
   .mobile-menu-close {
      display: none;
   }

   body.open .mobile-menu-close,
   body.open-menu .mobile-menu-close {
      display: flex !important;
      position: fixed !important;
      top: 70px !important;
      right: 1rem !important;
      width: 40px !important;
      height: 40px !important;
      background: transparent !important;
      border: 2px solid rgba(255, 255, 255, 0.6) !important;
      border-radius: 50% !important;
      color: #FFFFFF !important;
      font-size: 28px !important;
      line-height: 1 !important;
      cursor: pointer !important;
      z-index: 100000 !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 0 !important;
      margin: 0 !important;
      -webkit-appearance: none !important;
      appearance: none !important;
   }

   body.open .mobile-menu-close:hover,
   body.open-menu .mobile-menu-close:hover {
      background: rgba(255, 255, 255, 0.15) !important;
      border-color: #FFFFFF !important;
   }

   body.open #ed-754231102 ul,
   body.open-menu #ed-754231102 ul,
   #ed-754231102.open ul,
   #ed-754231102.open-menu ul {
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      align-items: stretch !important;
   }

   body.open #ed-754231102 li,
   body.open-menu #ed-754231102 li,
   #ed-754231102.open li,
   #ed-754231102.open-menu li {
      width: 100% !important;
      text-align: center !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
      margin: 0 !important;
   }

   body.open #ed-754231102 a,
   body.open-menu #ed-754231102 a,
   #ed-754231102.open a,
   #ed-754231102.open-menu a {
      display: block !important;
      padding: 1.2rem 1rem !important;
      font-size: 18px !important;
      color: #FFFFFF !important;
      text-align: center !important;
      font-weight: 600 !important;
      width: 100% !important;
   }

   body.open #ed-754231102 a:hover,
   body.open-menu #ed-754231102 a:hover,
   #ed-754231102.open a:hover,
   #ed-754231102.open-menu a:hover {
      background: rgba(255, 255, 255, 0.1) !important;
   }

   /* Logo Düzenlemeleri */
   .ed-logo,
   .logo {
      max-width: 120px !important;
      height: auto !important;
   }

   /* Spacer ve Padding Ayarları */
   .wv-spacer,
   .ed-container.wv-spacer {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important;
   }

   .wv-content > .inner {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important;
   }

   /* Icon Boyutları - sosyal ikonlar ve header ikonları hariç */
   .ed-icon:not(.social-icons-icon):not(#ed-754231108),
   .ed-icon:not(.social-icons-icon):not(#ed-754231108) svg {
      width: 40px !important;
      height: 40px !important;
   }

   /* Galeri Düzenlemeleri */
   .ed-gallery,
   .ed-gallery-items {
      display: block !important;
      width: 100% !important;
   }

   .ed-gallery-items > li {
      width: 100% !important;
      max-width: 100% !important;
      margin-bottom: 1rem !important;
   }

   .ed-gallery-item {
      width: 100% !important;
      margin: 0.5rem 0 !important;
   }

   .ed-gallery-item img {
      width: 100% !important;
      height: auto !important;
   }

   /* Form Elemanları */
   input[type="text"],
   input[type="email"],
   input[type="tel"],
   input[type="number"],
   input[type="search"],
   input[type="url"],
   input[type="password"],
   textarea,
   select {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0.75rem !important;
      font-size: 16px !important; /* iOS zoom engelleme */
      min-height: 44px !important;
      border-radius: 4px !important;
      margin-bottom: 1rem !important;
      box-sizing: border-box !important;
   }

   textarea {
      min-height: 120px !important;
   }

   label {
      display: block !important;
      margin-bottom: 0.5rem !important;
      font-weight: 500 !important;
   }

   .ed-form {
      width: 100% !important;
   }

   .ed-form-row {
      width: 100% !important;
      margin-bottom: 1rem !important;
   }

   /* Tablo Responsive */
   table {
      width: 100% !important;
      display: block !important;
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch !important;
   }

   thead {
      display: none !important;
   }

   tbody,
   tr,
   td {
      display: block !important;
      width: 100% !important;
   }

   td {
      text-align: left !important;
      padding: 0.5rem !important;
      position: relative !important;
      padding-left: 50% !important;
   }

   td:before {
      content: attr(data-label) !important;
      position: absolute !important;
      left: 0 !important;
      width: 50% !important;
      padding-left: 0.5rem !important;
      font-weight: bold !important;
      text-align: left !important;
   }

   /* Columns & Boxes */
   .preset-columns-three-v2-default .ed-element,
   .preset-image-boxes-v3-default .image-boxes-box,
   .preset-footer-saga-v3-default .footer-saga-box {
      width: 100% !important;
      max-width: 100% !important;
      flex-basis: 100% !important;
      margin: 0.5rem 0 !important;
   }

   /* Counter Boxes */
   .counter-box {
      width: 100% !important;
      max-width: 100% !important;
      margin: 1rem 0 !important;
   }

   /* Sayilarla Pehlivan Oto - Counter Section Centering */
   #ed-754231639 .inner {
      flex-direction: row !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      align-items: center !important;
   }

   #ed-754231639 .counter-box {
      text-align: center !important;
   }

   #ed-754231639 .counter-box .inner {
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      text-align: center !important;
   }

   #ed-754231639 .counter-caption,
   #ed-754231639 .counter-caption p,
   #ed-754231639 .counter-content {
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
   }

   /* Header - Logo + İkonlar mobil düzen */
   #ed-754231096,
   #ed-754231096.wv-boxed {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      box-sizing: border-box !important;
   }

   #ed-754231096 > .inner {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      justify-content: space-between !important;
      align-items: center !important;
      gap: 0.5rem !important;
      padding: 0.4rem 0.75rem !important;
   }

   #ed-754231096 .inner > div:first-child {
      display: flex !important;
      align-items: center !important;
      gap: 0.5rem !important;
      flex: 1 1 auto !important;
      min-width: 0 !important;
   }

   /* Logolar - yan yana, negatif margin iptal */
   #ed-754231099 {
      flex-shrink: 0 !important;
      width: auto !important;
   }

   #ed-754231099 a {
      margin-left: 0 !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 0.35rem !important;
   }

   #ed-754231099 a[style*="margin-left"] {
      margin-left: 0 !important;
   }

   #ed-754231099 img {
      max-width: 100px !important;
      max-height: 100px !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain !important;
      margin: 0 !important;
   }

   /* Nav menü gizle */
   #ed-754231102 {
      display: none !important;
   }

   /* Mobile-cont - sağa yaslı, eşit boyut ikonlar */
   #ed-754231105 {
      flex-shrink: 0 !important;
      flex-grow: 0 !important;
      margin-left: auto !important;
      width: auto !important;
   }

   #ed-754231105 > .inner {
      display: flex !important;
      flex-direction: row !important;
      gap: 0.5rem !important;
      align-items: center !important;
      justify-content: flex-end !important;
      padding: 0 !important;
   }

   /* Telefon ikonu */
   #ed-754231108 {
      margin: 0 !important;
      width: 28px !important;
      height: 28px !important;
   }

   #ed-754231108 svg {
      width: 28px !important;
      height: 28px !important;
   }

   /* Hamburger menü ikonu - telefon ile eşit boyut */
   #ed-754231111 {
      width: 28px !important;
      height: 28px !important;
   }

   .menu-trigger-box {
      width: 28px !important;
      height: 28px !important;
      padding: 0 !important;
   }

   /* HİZMETLERİMİZ - üst eleman ile çakışma düzeltmesi */
   #ed-756140688 {
      position: relative !important;
      z-index: 1 !important;
      margin-top: 2rem !important;
      clear: both !important;
   }

   /* HİZMETLERİMİZ - başlık ve alt elemanlar ortalı */
   #ed-756140688 > .inner {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      text-align: center !important;
   }

   #ed-754231180 {
      text-align: center !important;
      width: 100% !important;
   }

   #ed-756140688 .boxes-box {
      text-align: center !important;
      display: flex !important;
      justify-content: center !important;
   }

   #ed-756140688 .boxes-box > .inner {
      flex-direction: column !important;
      align-items: center !important;
      text-align: center !important;
   }

   #ed-756140688 .boxes-box-inner .inner {
      align-items: center !important;
      text-align: center !important;
   }

   #ed-756140688 .boxes-box-inner .ed-headline,
   #ed-756140688 .boxes-box-inner .ed-text,
   #ed-756140688 .boxes-box-inner .ed-headline h5,
   #ed-756140688 .boxes-box-inner .ed-text p {
      text-align: center !important;
      width: 100% !important;
   }

   /* Suppliers page - görseller ortalama */
   .suppliers-page .supplier-grid {
      justify-items: center !important;
   }

   .suppliers-page .supplier-grid img {
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
   }

   /* Text with Image Sections */
   .preset-text-with-image-v3-default .ed-element {
      width: 100% !important;
      flex-basis: 100% !important;
   }

   /* Şube Detayları butonu ortalama */
   #ed-754231228 {
      display: flex !important;
      justify-content: center !important;
      text-align: center !important;
   }

   /* Back to Top butonu ortalama */
   .back-to-top-button-icon,
   #ed-754231378 {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
   }

   /* Text with Image - resim ortalama */
   #ed-754231135 {
      display: flex !important;
      justify-content: center !important;
      text-align: center !important;
   }

   #ed-754231135 img {
      margin-left: auto !important;
      margin-right: auto !important;
      display: block !important;
   }

   /* Hiding Elements on Mobile */
   .hide-mobile,
   .desktop-only {
      display: none !important;
   }

   /* Map Responsive */
   .ed-map,
   .map-canvas {
      width: 100% !important;
      height: 300px !important;
      min-height: 300px !important;
      display: block !important;
      overflow: hidden !important;
   }

   .ed-map > div,
   .ed-map iframe {
      width: 100% !important;
      height: 100% !important;
      min-height: 300px !important;
      display: block !important;
   }

   /* Google Maps - iç elemanların position: absolute değerini korumak gerekir */
   .ed-map .map-canvas {
      position: relative !important;
      overflow: hidden !important;
   }

   /* Slider Düzenlemeleri */
   .ed-slider,
   .slider-container,
   .ed-slider-items {
      width: 100% !important;
      height: auto !important;
   }

   .ed-slider-item {
      height: 300px !important;
   }

   /* Social Icons */
   .preset-social-icons-v3-default .inner,
   .preset-social-icons-v3-about .inner {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 0.5rem !important;
   }

   .social-icons-icon {
      display: inline-block !important;
      margin: 0 !important;
      flex: 0 0 auto !important;
      width: 24px !important;
      max-width: 24px !important;
      height: 24px !important;
   }

   .social-icons-icon svg {
      width: 24px !important;
      height: 24px !important;
      max-width: 24px !important;
   }

   /* Bottom footer social icons - aynı boyut */
   #ed-754231387 .inner {
      flex-wrap: nowrap !important;
      gap: 0.75rem !important;
   }

   #ed-754231387 .social-icons-icon {
      width: 24px !important;
      max-width: 24px !important;
      height: 24px !important;
      margin: 0 !important;
   }

   #ed-754231387 .social-icons-icon svg {
      width: 24px !important;
      height: 24px !important;
      max-width: 24px !important;
   }

   /* Info Bar - Top Footer Mobil */
   .preset-info-bar-v3-default,
   .wv-boxed {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
   }

   #ed-754231531 {
      width: 100% !important;
      display: block !important;
      position: relative !important;
      z-index: 1000 !important;
      min-height: 50px !important;
   }

   #ed-754231531 > .inner {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      gap: 0.75rem !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding: 0 !important;
      justify-content: center !important;
      align-items: center !important;
      min-height: 50px !important;
   }

   /* Info Bar - Mobilde sadece sosyal medya ikonları görünsün */
   #ed-754231531 > .inner > * {
      display: none !important;
   }

   #ed-754231531 > .inner > .preset-social-icons-v3-default {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      width: auto !important;
      margin: 0 auto !important;
   }

   /* Menu wrapper - info bar altında kalsın */
   .menu-wrapper.preset-menu-v2-xxl {
      position: relative !important;
      z-index: 999 !important;
   }

   /* Menü açıkken wrapper z-index yükselt (stacking context fix) */
   body.open .menu-wrapper.preset-menu-v2-xxl,
   body.open-menu .menu-wrapper.preset-menu-v2-xxl {
      z-index: 100001 !important;
   }

   /* Menü açıkken banner'ın transform ve overflow kısıtlamalarını kaldır.
      transform olan parent, position:fixed çocukları viewport yerine
      kendi içinde konumlandırır. Bu yüzden menü arka planda kalır. */
   body.open .ed-element.preset-banner-v3-default,
   body.open-menu .ed-element.preset-banner-v3-default {
      overflow: visible !important;
      z-index: 100000 !important;
   }

   body.open .ed-element.preset-banner-v3-default > .inner,
   body.open-menu .ed-element.preset-banner-v3-default > .inner {
      transform: none !important;
      -webkit-transform: none !important;
   }

   /* Footer */
   .footer {
      padding: 2rem 1rem !important;
   }

   .footer .ed-element {
      width: 100% !important;
      margin-bottom: 1.5rem !important;
   }

   /* Back to Top Button */
   .preset-back-to-top-button-v3-default {
      bottom: 20px !important;
      right: 20px !important;
      width: 50px !important;
      height: 50px !important;
   }

   /* Margin ve Padding Sıfırlama */
   .ed-element[style*="margin"] {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }

   /* Text Alignment */
   .text-center-mobile {
      text-align: center !important;
   }

   /* List Styles */
   ul, ol {
      padding-left: 1.5rem !important;
   }

   li {
      margin-bottom: 0.5rem !important;
   }

   /* Overlay ve Background */
   .overlay {
      position: absolute !important;
      width: 100% !important;
      height: 100% !important;
   }

   /* Legal Pages */
   .legal,
   .imprint,
   .privacy {
      padding: 1rem !important;
   }

   .legal h1,
   .imprint h1,
   .privacy h1 {
      font-size: 1.75rem !important;
   }

   /* Service ve About Pages */
   .service-item,
   .about-section {
      width: 100% !important;
      margin-bottom: 2rem !important;
   }

   /* Contact Page Specific */
   .contact-info {
      width: 100% !important;
      margin-bottom: 1.5rem !important;
   }

   .contact-form {
      width: 100% !important;
   }

   /* Pricing Page */
   .pricing-table,
   .pricing-column {
      width: 100% !important;
      margin-bottom: 1.5rem !important;
   }
}

/* Extra Küçük Cihazlar (0-480px) */
@media screen and (max-width: 480px) {
   body {
      font-size: 13px !important;
   }

   h1, .h1 {
      font-size: 1.75rem !important;
   }

   h2, .h2 {
      font-size: 1.35rem !important;
   }

   h3, .h3 {
      font-size: 1.15rem !important;
   }

   .wv-spacer,
   .ed-container.wv-spacer {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
   }

   .ed-logo,
   .logo {
      max-width: 100px !important;
   }

   #ed-754231099 img {
      max-width: 100px !important;
      max-height: 100px !important;
   }

   .ed-slider-item {
      height: 250px !important;
   }

   /* Smaller padding for very small devices */
   .ed-container,
   .inner {
      padding-left: 0.75rem !important;
      padding-right: 0.75rem !important;
   }

   /* Banner - extra küçük */
   .ed-element.preset-banner-v3-default {
      padding: 0 !important;
      min-height: 220px !important;
   }
}

/* Tablet Düzenlemeleri (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
   .ed-container {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
   }

   /* Banner - tablet */
   .ed-element.preset-banner-v3-default {
      padding: 0 !important;
      min-height: 350px !important;
   }

   .ed-grid > section {
      flex-basis: 48% !important;
      max-width: 48% !important;
   }

   .preset-columns-three-v2-default .ed-element {
      flex-basis: 48% !important;
      max-width: 48% !important;
   }

   h1, .h1 {
      font-size: 2.5rem !important;
   }

   h2, .h2 {
      font-size: 2rem !important;
   }

   /* 2 Column Layout for Gallery */
   .ed-gallery-items > li {
      width: 48% !important;
      max-width: 48% !important;
   }

   /* Logo negatif margin iptal - tablet */
   #ed-754231099 a {
      margin-left: 0 !important;
   }

   #ed-754231099 a[style*="margin-left"] {
      margin-left: 0 !important;
   }

   /* Menu wrapper - tablet için tam genişlik */
   #ed-754231096 {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      box-sizing: border-box !important;
   }

   #ed-754231096.wv-boxed {
      max-width: 100% !important;
   }

   /* Header - Logo + İkonlar tablet düzen */
   #ed-754231096 > .inner {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      justify-content: space-between !important;
      align-items: center !important;
      gap: 0.5rem !important;
      padding: 0.4rem 1rem !important;
   }

   /* Logo boyut - tablet */
   #ed-754231099 img {
      max-width: 120px !important;
      max-height: 120px !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain !important;
   }

   /* Nav menü gizle - tablet (hamburger kullanılacak) */
   #ed-754231102 {
      display: none !important;
   }

   /* Mobile-cont - sağa yaslı, 976px+ custom CSS override */
   #ed-754231105,
   .ed-element.preset-menu-v2-xxl .mobile-cont {
      display: flex !important;
      flex-shrink: 0 !important;
      margin-left: auto !important;
      width: auto !important;
   }

   #ed-754231105 > .inner {
      display: flex !important;
      flex-direction: row !important;
      gap: 0.75rem !important;
      align-items: center !important;
      justify-content: flex-end !important;
      padding: 0 !important;
   }

   /* Telefon ikonu - tablet */
   #ed-754231108,
   .ed-element.preset-menu-v2-xxl .mobile-cont > .inner > .ed-element.ed-icon {
      display: block !important;
      margin: 0 !important;
      width: 28px !important;
      height: 28px !important;
   }

   #ed-754231108 svg {
      width: 28px !important;
      height: 28px !important;
   }

   /* Hamburger menü ikonu - tablet, 976px+ custom CSS override */
   #ed-754231111 {
      width: 28px !important;
      height: 28px !important;
   }

   .menu-trigger-box,
   .ed-element.preset-menu-v2-xxl .menu-trigger .menu-trigger-box {
      visibility: visible !important;
      display: block !important;
      width: 28px !important;
      height: 28px !important;
      padding: 0 !important;
   }

   /* Mobile Menu Overlay - tablet için */
   body.open #ed-754231102,
   body.open-menu #ed-754231102,
   #ed-754231102.open,
   #ed-754231102.open-menu {
      display: block !important;
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      background: rgba(0, 52, 120, 0.98) !important;
      z-index: 99999 !important;
      overflow-y: auto !important;
      padding: 7rem 1rem 2rem 1rem !important;
      margin: 0 !important;
      flex: none !important;
   }

   /* Menü Kapatma Butonu - tablet */
   body.open .mobile-menu-close,
   body.open-menu .mobile-menu-close {
      display: flex !important;
      position: fixed !important;
      top: 70px !important;
      right: 1rem !important;
      width: 40px !important;
      height: 40px !important;
      background: transparent !important;
      border: 2px solid rgba(255, 255, 255, 0.6) !important;
      border-radius: 50% !important;
      color: #FFFFFF !important;
      font-size: 28px !important;
      line-height: 1 !important;
      cursor: pointer !important;
      z-index: 100000 !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 0 !important;
      margin: 0 !important;
   }

   body.open #ed-754231102 ul,
   body.open-menu #ed-754231102 ul,
   #ed-754231102.open ul,
   #ed-754231102.open-menu ul {
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      align-items: stretch !important;
   }

   body.open #ed-754231102 li,
   body.open-menu #ed-754231102 li,
   #ed-754231102.open li,
   #ed-754231102.open-menu li {
      width: 100% !important;
      text-align: center !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
      margin: 0 !important;
   }

   body.open #ed-754231102 a,
   body.open-menu #ed-754231102 a,
   #ed-754231102.open a,
   #ed-754231102.open-menu a {
      display: block !important;
      padding: 1.2rem 1rem !important;
      font-size: 18px !important;
      color: #FFFFFF !important;
      text-align: center !important;
      font-weight: 600 !important;
      width: 100% !important;
   }

   body.open #ed-754231102 a:hover,
   body.open-menu #ed-754231102 a:hover,
   #ed-754231102.open a:hover,
   #ed-754231102.open-menu a:hover {
      background: rgba(255, 255, 255, 0.1) !important;
   }

   /* Menu wrapper z-index - tablet */
   .menu-wrapper.preset-menu-v2-xxl {
      position: relative !important;
      z-index: 999 !important;
   }

   /* Menü açıkken wrapper z-index yükselt - tablet */
   body.open .menu-wrapper.preset-menu-v2-xxl,
   body.open-menu .menu-wrapper.preset-menu-v2-xxl {
      z-index: 100001 !important;
   }

   /* ===== Info Bar / Top Footer - Tablet ===== */
   .preset-info-bar-v3-default,
   #ed-754231531 {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
   }

   #ed-754231531 > .inner {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      gap: 0.5rem !important;
      padding: 0.4rem 1rem !important;
      justify-content: center !important;
      align-items: center !important;
      margin-left: 0 !important;
   }

   /* Info bar içerik - küçülebilir */
   #ed-754231531 .info-bar-content {
      flex-shrink: 1 !important;
      min-width: 0 !important;
      overflow: visible !important;
      position: relative !important;
   }

   /* Telefon öğeleri - tablet'te de okunabilir genişlik */
   #ed-754231531 .info-bar-content:has([data-icon="ion-ios-telephone"]) {
      min-width: 110px !important;
      flex-shrink: 0 !important;
   }

   #ed-754231531 .info-bar-content .inner {
      flex-wrap: nowrap !important;
      gap: 0.25rem !important;
   }

   /* Metin boyutunu küçült - tablet */
   #ed-754231531 .info-bar-content .ed-text,
   #ed-754231531 .info-bar-content .ed-text p,
   #ed-754231531 .info-bar-content .ed-text strong {
      font-size: 11px !important;
      white-space: nowrap !important;
   }

   /* İkon boyutunu küçült - tablet */
   #ed-754231531 .info-bar-content .ed-icon:not(.social-icons-icon) svg {
      max-height: 11px !important;
      width: 11px !important;
   }

   /* Sosyal ikonlar - tablet */
   #ed-754231531 .preset-social-icons-v3-default {
      flex-shrink: 0 !important;
   }

   /* Dil seçici - tablet */
   #ed-754231531 .lang-switcher {
      flex-shrink: 0 !important;
      gap: 6px !important;
   }

   #ed-754231531 .lang-switcher img {
      width: 18px !important;
   }

   /* Suppliers page - görseller ortalama - tablet */
   .suppliers-page .supplier-grid {
      justify-items: center !important;
   }

   .suppliers-page .supplier-grid img {
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
   }

   /* Şube Detayları butonu ortalama - tablet */
   #ed-754231228 {
      display: flex !important;
      justify-content: center !important;
      text-align: center !important;
   }

   /* Back to Top butonu ortalama - tablet */
   .back-to-top-button-icon,
   #ed-754231378 {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
   }
}

/* Masaüstü - Logo ve Menü Düzeni (1025px+) */
@media screen and (min-width: 1025px) and (max-width: 1439px) {
   /* Banner - orta masaüstü */
   .ed-element.preset-banner-v3-default {
      min-height: 400px !important;
   }

   /* Logo negatif margin iptal */
   #ed-754231099 a {
      margin-left: 0 !important;
   }

   #ed-754231099 a[style*="margin-left"] {
      margin-left: 0 !important;
   }

   /* Logo boyutlarını sınırla */
   #ed-754231099 img {
      max-width: 130px !important;
      height: auto !important;
   }

   /* Menü genişliğini sayfa genişliğine sığdır */
   #ed-754231102 ul,
   #ed-754231102 ul[style*="width"] {
      width: 100% !important;
      margin: 0 !important;
      flex-wrap: nowrap !important;
      justify-content: flex-end !important;
      gap: 0.25rem !important;
   }

   #ed-754231102 ul li a {
      font-size: 12px !important;
      padding: 0.5rem 0.4rem !important;
      white-space: nowrap !important;
   }

   /* Header wrapper taşmayı engelle */
   #ed-754231096 {
      overflow: hidden !important;
   }

   #ed-754231096 > .inner {
      max-width: 100% !important;
      overflow: hidden !important;
   }

   #ed-754231096 .inner > div:first-child {
      gap: 1rem !important;
   }

   /* ===== Info Bar / Top Footer - Orta Masaüstü ===== */
   #ed-754231531 {
      width: 100% !important;
      max-width: 100% !important;
   }

   #ed-754231531 > .inner {
      margin-left: 0 !important;
      gap: 0.75rem !important;
      padding: 0.4rem 1rem !important;
   }

   /* Info bar içerik - küçülebilir */
   #ed-754231531 .info-bar-content {
      flex-shrink: 1 !important;
      min-width: 0 !important;
      overflow: visible !important;
      position: relative !important;
   }

   /* Telefon öğeleri - daha geniş min-width */
   #ed-754231531 .info-bar-content .ed-icon[style*="ion-ios-telephone"] ~ .ed-text,
   #ed-754231531 .info-bar-content:has([data-icon="ion-ios-telephone"]) {
      min-width: 120px !important;
      flex-shrink: 0 !important;
   }

   #ed-754231531 .info-bar-content .inner {
      flex-wrap: nowrap !important;
      gap: 0.3rem !important;
   }

   /* Metin boyutu küçült - orta masaüstü */
   #ed-754231531 .info-bar-content .ed-text,
   #ed-754231531 .info-bar-content .ed-text p,
   #ed-754231531 .info-bar-content .ed-text strong {
      font-size: 11px !important;
      white-space: nowrap !important;
   }

   /* İkon boyutunu küçült - orta masaüstü */
   #ed-754231531 .info-bar-content .ed-icon:not(.social-icons-icon) svg {
      max-height: 11px !important;
      width: 11px !important;
   }

   /* Dil seçici - orta masaüstü */
   #ed-754231531 .lang-switcher img {
      width: 20px !important;
   }
}

/* Landscape Mode Mobil */
@media screen and (max-height: 500px) and (orientation: landscape) {
   .wv-spacer {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
   }

   .ed-slider-item {
      height: 60vh !important;
   }
}

/* Touch Device Optimizasyonları */
@media (hover: none) and (pointer: coarse) {

   /* Touch-friendly Link ve Button Alanları */
   a,
   button,
   .button,
   input[type="submit"],
   input[type="button"] {
      min-height: 44px !important;
      min-width: 44px !important;
   }

   /* Hover Efektlerini Devre Dışı Bırak */
   a:hover,
   button:hover,
   .button:hover {
      transform: none !important;
   }

   /* Tap Highlight Rengi */
   * {
      -webkit-tap-highlight-color: rgba(0, 52, 120, 0.2) !important;
   }
}

/* Print Styles */
@media print {
   .ed-menu,
   .menu-trigger,
   .social-icons,
   .preset-back-to-top-button-v3-default {
      display: none !important;
   }

   body {
      font-size: 12pt !important;
      color: #000 !important;
      background: #fff !important;
   }
}
