/* =========================================================
   Mobil düzeltmeler (yönetim paneli ile eklendi)
   Masaüstü görünümü değişmez; yalnızca 767 px ve altı.
   ========================================================= */

/* Masaüstünde mobil çubuk gizli */
nav .mbar, nav .mmenu { display: none; }

@media screen and (max-width: 767px) {

  /* ---------- Üst çubuk ---------- */
  nav {
    display: block !important;
    position: sticky; top: 0; z-index: 1000;
    background: #1b4374 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
  }
  nav .mbar {
    display: flex; align-items: center; justify-content: space-between;
    height: 60px; padding: 0 12px 0 14px;
  }
  nav .mbar-logo { display: flex; align-items: center; height: 60px; }
  nav .mbar-logo img { height: 40px; width: auto; display: block; }
  nav .menu-toggle {
    display: inline-flex; align-items: center; gap: 9px;
    height: 42px; padding: 0 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 8px;
    background: transparent; color: #fff; font: 600 13px/1 'Raleway', Arial, sans-serif; letter-spacing: .06em;
    cursor: pointer; -webkit-tap-highlight-color: transparent;
  }
  nav .menu-toggle:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  nav .mt-icon { position: relative; width: 20px; height: 14px; display: inline-block; }
  nav .mt-icon i { position: absolute; left: 0; width: 20px; height: 2px; border-radius: 2px; background: #fff; transition: transform .2s, opacity .2s, top .2s; }
  nav .mt-icon i:nth-child(1) { top: 0; } nav .mt-icon i:nth-child(2) { top: 6px; } nav .mt-icon i:nth-child(3) { top: 12px; }
  nav.open .mt-icon i:nth-child(1) { top: 6px; transform: rotate(45deg); }
  nav.open .mt-icon i:nth-child(2) { opacity: 0; }
  nav.open .mt-icon i:nth-child(3) { top: 6px; transform: rotate(-45deg); }

  /* ---------- Açılır menü ---------- */
  nav .mmenu {
    display: none !important;
    position: absolute; left: 0; right: 0; top: 60px;
    max-height: calc(100vh - 60px); overflow-y: auto; -webkit-overflow-scrolling: touch;
    margin: 0 !important; padding: 6px 0 16px !important; list-style: none;
    background: #fff; box-shadow: 0 12px 24px rgba(0,0,0,.2);
  }
  nav.open .mmenu { display: block !important; }
  nav .mmenu li { display: block !important; border: 0 !important; position: relative; }
  nav .mmenu > li { border-bottom: 1px solid #e8ecf2 !important; }
  nav .mmenu a {
    display: block; padding: 0 18px; line-height: 50px !important; text-align: left;
    color: #1b4374 !important; font: 700 14px/50px 'Raleway', Arial, sans-serif; letter-spacing: .02em;
  }
  body[dir="rtl"] nav .mmenu a { text-align: right; }
  nav .mmenu a:hover, nav .mmenu a:focus { background: #f2f6fb; }
  nav .mmenu li.current > a { color: #13808f !important; box-shadow: inset 4px 0 0 #13808f; }
  body[dir="rtl"] nav .mmenu li.current > a { box-shadow: inset -4px 0 0 #13808f; }

  /* Sektör > alt kategori */
  nav .mmenu .has-children > a { padding-right: 60px; }
  body[dir="rtl"] nav .mmenu .has-children > a { padding-right: 18px; padding-left: 60px; }
  nav .sub-toggle {
    position: absolute; top: 0; right: 0; width: 56px; height: 50px; border: 0; border-left: 1px solid #e8ecf2;
    background: transparent; color: #1b4374; font-size: 18px; cursor: pointer;
  }
  body[dir="rtl"] nav .sub-toggle { right: auto; left: 0; border-left: 0; border-right: 1px solid #e8ecf2; }
  nav .sub-toggle::before { content: "+"; font-weight: 700; }
  nav .has-children.expanded > .sub-toggle::before { content: "−"; }
  nav .msub { display: none; list-style: none; margin: 0; padding: 0 0 8px; background: #f6f8fb; }
  nav .has-children.expanded > .msub { display: block; }
  nav .msub a { font-weight: 500 !important; font-size: 14px !important; line-height: 42px !important; padding-left: 30px !important; color: #333 !important; }
  body[dir="rtl"] nav .msub a { padding-left: 18px !important; padding-right: 30px !important; }
  nav .msub li.current > a { color: #13808f !important; font-weight: 700 !important; }

  /* Diller */
  nav .mmenu li.mlangs { display: flex !important; gap: 8px; padding: 14px 18px 0; border: 0 !important; }
  nav .mmenu li.mlangs a {
    flex: 1; text-align: center !important; line-height: 40px !important; border: 1px solid #d5dce6; border-radius: 8px;
    font-size: 12px !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; gap: 6px;
  }
  nav .mmenu li.mlangs a.on { background: #1b4374; color: #fff !important; border-color: #1b4374; }

  body.menu-open { overflow: hidden; }

  /* ---------- Başlık / banner ---------- */
  /* Logo: ilk hâlindeki gibi büyük beyaz kutu, ekranın en üstünden başlar.
     Menü çubuğu yer kaplamaz; yalnızca sağ üstte yüzen menü düğmesi kalır. */
  nav {
    position: fixed !important; top: 0; left: 0; right: 0; height: 0;
    background: transparent !important; box-shadow: none !important;
  }
  nav .mbar { justify-content: flex-end; height: 0; padding: 0; }
  nav .mbar-logo { display: none; }
  nav .menu-toggle {
    position: fixed; top: 6px; right: 12px; left: auto; z-index: 1001;
    background: #1b4374; border-color: rgba(255,255,255,.5);
    box-shadow: 0 3px 12px rgba(0,0,0,.3);
  }

  /* Logo kutusu %60 oranında küçük ve solda (gölgeli beyaz kutu oranı korunur) */
  /* Başlık (lacivert şerit + logo) menü düğmesiyle birlikte ekranın üstünde sabit kalır */
  header {
    position: fixed !important; top: 0; left: 0; right: 0;
    height: 102px !important; z-index: 999;
    pointer-events: none;                 /* logonun yanındaki boş alan tıklamayı engellemesin */
  }
  header .ach-logo a { pointer-events: auto; }
  body { padding-top: 54px; }             /* sabit şeridin altında içerik kaybolmasın */
  header .menu-bar { height: 54px !important; }
  header .menu-bar .container, header .menu-bar .col-sm-3 { padding: 0 !important; }
  header .ach-logo {
    width: 150px !important; padding: 0 18px !important;
    margin: 0 auto 0 6px !important;
    background-size: 150px 102px !important;
  }
  header .ach-logo img { width: 114px; height: auto; display: block; }
  .slider-wrapper { margin-top: 0 !important; }
  nav .mmenu { position: fixed; top: 54px; max-height: calc(100vh - 54px); }
  nav.open::before {
    content: ""; position: fixed; left: 0; right: 0; top: 0; height: 54px; background: #1b4374; z-index: 1000;
  }

  /* ---------- Okunabilirlik ---------- */
  p { font-size: 14px !important; line-height: 23px !important; }
  .content-wrapper, .about-wrapper { padding: 24px 16px !important; }
  .content-wrapper { margin-bottom: 24px; }
  h1 { margin-top: 10px !important; }

  /* Mobilde gizlenen içerikler artık görünür */
  .about-wrapper { display: block !important; }
  .contact-mobile { display: block !important; margin-bottom: 12px; font-size: 15px; }
  .contact-mobile > div { width: 100% !important; float: none !important; }
  .contact-mobile > div:nth-child(odd) { font-weight: 700; color: #1b4374; margin-top: 8px; }
  .contact-mobile a { word-break: break-all; }

  /* ---------- Alt kategori sayfaları ---------- */
  .cat-toggle {
    display: flex; align-items: center; justify-content: space-between; width: 100%;
    margin: 0 0 12px; padding: 0 16px; height: 48px; border: 0; border-radius: 6px;
    background: #13808f; color: #fff; font: 700 14px 'Raleway', Arial, sans-serif; cursor: pointer;
  }
  .cat-toggle::after { content: "▾"; font-size: 16px; transition: transform .2s; }
  .cat-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
  #accordian.collapsed { display: none; }

  /* Ürünler 2 sütun */
  .content-wrapper .col-sm-9 { padding: 0 !important; }
  .content-wrapper .col-sm-9:has(> .col-sm-4.product-mobile-padding-0px) { display: flex; flex-wrap: wrap; }
  .content-wrapper .col-sm-9 > .col-sm-12 { width: 100%; }
  .content-wrapper .col-sm-9 > .col-sm-4.product-mobile-padding-0px {
    width: 50% !important; float: none !important; padding: 0 5px 12px !important;
  }
  .product-name { font-size: 12px !important; line-height: 16px !important; padding: 8px 4px !important; min-height: 48px; }
  .sub-desc { padding: 0 5px 12px !important; }

  /* Sektör kartları tam genişlik */
  .sectors-wrapper [class*="col-sm-"] { margin-bottom: 12px; }
}

/* Çok dar ekranlarda menü yazısını gizle */
@media screen and (max-width: 340px) {
  nav .mt-label { display: none; }
}