﻿html[lang='en'] .justMenu{width:50%;}header{transition:opacity 0.3s;position:relative;left:0;width:100%;z-index:7;top:0;}header.active_01{opacity:0;}header:before{content:"";background:transparent;box-shadow:none;width:100%;height:0;position:absolute;top:0;left:0;}header.fixed{background:transparent;}@media only screen and (max-width : 1200px){header{top:0 !important;transition:opacity 0.4s;padding:0;}header.fixed{background:transparent;top:0;padding:0;}}header.black-logo .menuLeft i,header.black-logo01 .menuLeft i{color:#fff;}header.black-logo .menuRight span,header.black-logo01 .menuRight span{color:black;}header .allHeader{width:100%;position:relative;display:flex;align-items:center;min-height:80px;}header .menuLeft{width:120px;position:absolute;z-index:1;display:flex;align-items:center;cursor:pointer;}header .menuLeft.open i{color:#fff !important;}header .menuLeft.open span{transition:0.3s;width:35px !important;margin:0;}header .menuLeft.open span:first-child{transform:rotate(45deg) translateX(10px);}header .menuLeft.open span:last-child{transform:rotate(-45deg) translateX(10px);}header .menuLeft.open span:nth-child(2){opacity:0;}header .menuLeft:hover span:first-child,header .menuLeft:hover span:nth-child(2){width:22px;}header .menuLeft:hover span:last-child{transition:0.3s;width:35px !important;}header .menuLeft .menuBar{margin-right:16px;width:35px;}header .menuLeft .menuBar span{transition:transform 0.3s ease,opacity 0.3s ease,width 0.3s ease;width:35px;display:block;margin:5px 0;border-radius:3px;border:1px solid #f18700;background:#f18700;will-change:transform,opacity;}header .menuLeft .menuBar span:last-child{width:22px;}header .menuLeft i{transition:0.3s;font:15px open_sansregular;color:#fff;}@media only screen and (max-width : 1200px){
  header .menuLeft i{display:none;}
  header .menuLeft.open i{display:none !important;}
  /* Menü açıkken orijinal hamburger tamamen gizle */
  body.menu-is-open header .menuLeft{
    display:none !important;
  }
  /* Menü açıkken logo ve sağ bölüm gizle — justMenu üstte görünsün */
  body.menu-is-open header .logo,
  body.menu-is-open header .menuRight,
  body.menu-is-open header #search-page{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}
/* justMenu açıkken z-index header'ın üstünde olsun */
.justMenu.open{
  z-index:8 !important;
}
/* Mobil menü açıkken header transparan kalır */
@media only screen and (max-width : 1200px){
  header.menu-open{
    background:transparent !important;
    opacity:1 !important;
  }
}
/* justMenu kapat butonu (mobil) - justMenu içine inject edilir */
.justMenu-close-btn{
  display:none;
  position:absolute;
  top:clamp(22px,5vw,35px);
  left:8vw;
  z-index:2;
  cursor:pointer;
  background:transparent;
  border:none;
  padding:0;
  gap:10px;
  align-items:center;
}
/* Menü açıkken her ekran boyutunda göster */
.justMenu.open .justMenu-close-btn{
  display:flex;
}
.justMenu-close-btn .close-bars{
  width:clamp(22px,5.5vw,28px);
  display:flex;
  flex-direction:column;
  gap:0;
  flex-shrink:0;
}
.justMenu-close-btn .close-bars span{
  display:block;
  height:2px;
  border-radius:3px;
  width:clamp(22px,5.5vw,28px);
  background:#f18700;
  transition:0.3s;
  margin:clamp(3px,0.8vw,4px) 0;
}
/* X şekli */
.justMenu-close-btn .close-bars span:first-child{
  transform:rotate(45deg) translate(5px,7px);
}
.justMenu-close-btn .close-bars span:nth-child(2){
  opacity:0;
}
.justMenu-close-btn .close-bars span:last-child{
  transform:rotate(-45deg) translate(5px,-7px);
}
.justMenu-close-btn .close-text{
  font-family:'Open Sans',open_sanslight,sans-serif;
  font-size:26px;
  font-weight:300;
  color:#fff;
  letter-spacing:0.05em;
  text-transform:uppercase;
}
header .logo{width:auto;padding:0;height:auto;display:inline-block;margin:0 auto;}header .logo img{max-width:190px;}@media only screen and (max-width:1200px){header .logo img{max-width:185px;}}header .lang{float:left;position:relative;}@media only screen and (max-width : 1200px){header .lang{display:none;}}header #search-page{background:#191919;position:absolute;top:55px;left:0;width:100%;z-index:20;box-shadow:0 0 18px #101010;padding:30px 0;display:none;}header #search-page form .form-group{margin-bottom:0;position:relative;}header #search-page form .form-group button{position:absolute;top:-2px;right:0;padding:11px;border:none;font-size:25px;background:none;color:#f18700;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;}header #search-page form .form-group button img{display:block;width:22px;height:22px;}header #search-page form .form-group label{width:100%;}header #search-page form .form-group label input{width:100%;border:none;color:#fff;border-bottom:1px solid #f18700;border-radius:inherit;height:60px;font:18px open_sansregular;padding-right:40px;outline:none;background:none;}header #search-page form .form-group label input::-webkit-input-placeholder{color:#fff;}header #search-page form .form-group label input:-ms-input-placeholder{color:#fff;}header #search-page form .form-group label input::placeholder{color:#fff;}header .search{float:right;margin-left:20px;width:24px;position:relative;display:flex;align-items:center;justify-content:center;z-index:25;}header .search img{width:16px;height:16px;cursor:pointer;display:block;}header .search i{color:#f18700;font-size:20px;cursor:pointer;}header .menuRight{position:absolute;right:0;display:flex;align-items:center;gap:8px;}@media only screen and (max-width : 1200px){header .menuRight{right:15px;}}

/* ── Mobil header: logo tam ortada, kenarlar serbest ── */
@media only screen and (max-width : 1200px){
  /* Header: ekranın tepesinde, padding ile yönetilen yükseklik */
  header{
    top:0 !important;
    padding:0 !important;
    transition:none;
  }
  header.fixed{
    top:0 !important;
    padding:0 !important;
  }
  header .allHeader{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:clamp(52px,13vw,72px);
    min-height:unset;
    padding:0;
    position:relative;
    box-sizing:border-box;
  }
  /* Hamburger — sol kenara absolute */
  header .menuLeft{
    position:absolute;
    left:clamp(12px,3.5vw,20px);
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    width:auto;
  }
  header .menuLeft .menuBar{
    width:clamp(26px,6.5vw,34px);
    margin-right:0;
  }
  header .menuLeft .menuBar span{
    width:clamp(26px,6.5vw,34px) !important;
    border-width:1.5px;
    margin:clamp(4px,1vw,5px) 0;
  }
  header .menuLeft .menuBar span:last-child{
    width:clamp(16px,4vw,22px) !important;
  }
  /* Logo — flex justify-content:center ile tam merkez */
  header .logo{
    position:static;
    margin:0;
    text-align:center;
    z-index:1;
    display:flex;
    align-items:center;
  }
  header .logo img{
    max-width:clamp(130px,35vw,185px) !important;
    display:block;
  }
  /* TR+arama — sağ kenara absolute */
  header .menuRight{
    position:absolute;
    right:0px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:clamp(15px,1.8vw,10px);
    white-space:nowrap;
  }
  header .menuRight .lang{
    display:flex;
    align-items:center;
    gap:clamp(3px,1vw,5px);
  }
  header .menuRight span{
    font-size:clamp(12px,3.5vw,16px);
  }
  /* Bayrak SVG mobilde gizle — tüm çözünürlüklerde */
  header .menuRight span svg,
  header .menuRight span .flag-svg,
  header .menuRight .flag-svg,
  header .flag-svg{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }
  header .menuRight span img{
    width:clamp(10px,3vw,14px);
    height:auto;
  }
  header .menuRight .search{
    float:none;
    width:auto;
    overflow:visible;
    margin-left:0;
  }
  header .search img{
    width:clamp(17px,5vw,22px) !important;
    height:clamp(17px,5vw,22px) !important;
  }
}

header .menuRight.open span{color:#fff !important;}header .menuRight span{transition:0.3s;font:15px open_sansregular;color:#fff;display:flex;align-items:center;position:relative;cursor:pointer;}header .menuRight span.up i{transition:0.4s;transform:rotate(180deg);}header .menuRight span i{transition:0.4s;font-size:11px;margin-right:8px;}header .menuRight ul{background:#252525;display:none;position:absolute;right:0;margin:0;top:25px;padding:3px 0 5px 0;width:100%;border:none;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.35);}header .menuRight ul li{list-style-type:none;text-align:center;}header .menuRight ul li a{transition:0.4s;font:13px mullerlightuploaded_file;display:inline-block;color:#fff;}header .menuRight ul li a:hover{transition:0.4s;opacity:1;color:#f18700;}header .lang{position:relative;display:inline-block;}header .lang ul{position:absolute;right:0;top:100%;margin-top:5px;}.justMenu{transition:transform 0.7s cubic-bezier(0.4,0,0.2,1);position:fixed;top:0;width:40%;background:#191919;height:100%;z-index:5;padding:130px 30px 130px 8vw;left:0;transform:translateX(-100%);will-change:transform,opacity;overflow:hidden;contain:layout style;}@media (max-width:1600px){.justMenu{width:54%;}}@media (max-width:1300px){.justMenu{width:57%;}}@media only screen and (max-width : 1200px){.justMenu{padding:81px 8vw;}}.justMenu.open{transition:transform 0.7s cubic-bezier(0.4,0,0.2,1);transform:translateX(0);will-change:transform,opacity;}@media only screen and (max-width : 767px){.justMenu.open{width:100%;}}.justMenu.open .right-adres:before{width:40%;}.justMenu .mobil-language{position:absolute;bottom:30px;left:0;width:100%;color:#fff;padding:0 8vw;font:26px open_sanslight;display:none;}@media only screen and (max-width : 1200px){.justMenu .mobil-language{display:block;}}.justMenu .mobil-language i{margin-right:7px;}.justMenu .mobil-language .lang-window{position:fixed;top:0;left:0;width:100%;height:100%;background:black;display:none;}.justMenu .mobil-language .lang-window ul{text-align:center;padding:0;margin:0;display:table-cell;vertical-align:middle;width:100em;height:94vh;}.justMenu .mobil-language .lang-window ul li a{color:#fff;text-decoration:none;display:block;padding:5px 0;}.justMenu .mobil-language .lang-window ul li.active a{color:#f18700;}.justMenu .mobil-language .lang-window .mob-close-01{padding:17px 8px;margin:150px -20px;background:black;border-radius:50%;position:absolute;bottom:0;right:50%;z-index:9999;}.justMenu .mobil-language .lang-window .mob-close-01 span{display:block;background:#fff;height:2px;width:32px;transform:rotate(-45deg) translateY(0.5px) translateX(-0.5px);}.justMenu .mobil-language .lang-window .mob-close-01 span:nth-child(2){transform:rotate(45deg) translateY(-1.5px) translateX(-1.5px);}.justMenu ul.leftMenu{padding:0;margin:0;display:table-cell;vertical-align:middle;height:calc(100vh - 155px);width:100em;}@media only screen and (max-width : 767px){.justMenu ul.leftMenu{height:calc(100vh - 185px);}}.justMenu ul.leftMenu li{list-style-type:none;position:relative;}.justMenu ul.leftMenu li a{transition:0.3s;display:block;padding:10px 0;position:relative;font:35px open_sanslight;text-transform:uppercase;color:#fff;}@media (max-height:768px){.justMenu ul.leftMenu li a{padding:5px 0;}}@media (max-width:1600px){.justMenu ul.leftMenu li a{font-size:26px;}}.justMenu ul.leftMenu li a:before{transition:0.4s;content:"";background:#f18700;height:6px;display:block;position:absolute;left:-108%;top:50%;transform:translateY(-50%);width:140px;border-radius:4px;opacity:0;}@media only screen and (max-width : 1200px){.justMenu ul.leftMenu li a:before{left:-103%;}}.justMenu ul.leftMenu li.active a,.justMenu ul.leftMenu li:hover a{color:#f18700;}.justMenu ul.leftMenu li.active a:before,.justMenu ul.leftMenu li:hover a:before{transition:0.4s;opacity:1;width:100%;}.justMenu .right-adres{position:absolute;top:50%;right:0;width:100%;margin:-225px 0;}@media only screen and (max-width : 1200px){.justMenu .right-adres{display:none !important;}}.justMenu .right-adres:before{content:"";position:fixed;top:0;right:0;background:#191919;z-index:-1;height:100vh;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;transform:scaleX(0);transform-origin:right;opacity:0;width:100%;}.justMenu .right-adres ul{list-style:none;padding:0;margin:0;}.justMenu .right-adres ul li address{display:table-cell;vertical-align:middle;width:100em;font:15px open_sansregular;position:relative;z-index:10;}.justMenu .right-adres ul li address strong{display:block;color:#cbcbcb;font:20px open_sansregular;margin-bottom:15px;}.justMenu .right-adres ul li address ul{list-style:none;padding:0;margin:0 0 30px;}.justMenu .right-adres ul li address ul li{font:15px open_sansregular;}.justMenu .right-adres ul li address ul li a{display:block;color:#848484;text-decoration:none;padding:3px 0;transition:0.4s;}.justMenu .rightMenu{position:relative;height:100%;}.justMenu .rightMenu.opens ul:after{opacity:1;width:40% !important;}.justMenu .rightMenu ul.right-menu{list-style:none;display:none;position:absolute;top:50%;margin:-150px 0;left:0;width:100%;}@media (max-height:768px){.justMenu .rightMenu ul.right-menu{margin:-110px 0;}}@media only screen and (max-width : 767px){.justMenu .rightMenu ul.right-menu{margin:0;transition:initial !important;}}@media only screen and (max-width : 1200px){.justMenu .rightMenu ul.right-menu{position:fixed;top:0;background:#191919;height:100vh;padding:0 40px !important;right:0;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;opacity:0;display:none;flex-direction:column;justify-content:center;overflow-y:auto;box-sizing:border-box !important;will-change:transform,opacity;}}.justMenu .rightMenu ul.right-menu li{font:20px open_sanslight;position:relative;}@media only screen and (max-width : 480px){.justMenu .rightMenu ul.right-menu li{font-size:20px;}}.justMenu .rightMenu ul.right-menu li.back{display:none;font-family:open_sansregular;margin-bottom:20px;}@media only screen and (max-width : 1200px){.justMenu .rightMenu ul.right-menu li.back{display:block;}}.justMenu .rightMenu ul.right-menu li.back i{margin-right:15px;}.justMenu .rightMenu ul.right-menu li a{display:block;color:#848484;text-decoration:none;padding:5px 0;transition:0.4s;}.justMenu .rightMenu ul.right-menu li a:hover{color:#f18700;}@media only screen and (max-width : 480px){.justMenu .rightMenu ul.right-menu li a{padding:2px 0;}}

/* ── Bayrak SVG: touch cihazlarda gizle (breakpoint bağımsız) ── */
@media (hover:none) and (pointer:coarse){
  header .menuRight span svg,
  header .menuRight .flag-svg,
  header .flag-svg,
  .flag-svg{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }
}
@media only screen and (max-width:1400px){
  header .menuRight span svg,
  header .menuRight .flag-svg,
  header .flag-svg{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }
}
/* ── Mobil menü: turkce.svg bayrağı ── */
.justMenu .mobil-language > span{
  display:flex;
  align-items:center;
  gap:0;
}
.justMenu .mobil-language .turkce-flag{
  width:clamp(20px,5.5vw,26px) !important;
  height:auto !important;
  border-radius:3px;
  vertical-align:middle;
  margin-left:6px !important;
  flex-shrink:0;
  display:inline-block !important;
}

/* ── Lang-Window: Modern Buzlu Cam Tasarımı ── */
.justMenu .mobil-language .lang-window{
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  display:none;
  z-index:9999;
  /* Buzlu cam arka plan */
  background:rgba(10,10,20,0.55) !important;
  backdrop-filter:blur(22px) saturate(1.6) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.6) !important;
}
/* İçerik ortalanmış flex */
.justMenu .mobil-language .lang-window ul{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(14px,3.5svh,22px) !important;
  height:auto !important;
  width:100% !important;
  padding:0 !important;
  margin:0 auto !important;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-52%);
}
.justMenu .mobil-language .lang-window ul li{
  list-style:none !important;
  width:clamp(180px,55vw,260px) !important;
}
/* Kapsül buton */
.justMenu .mobil-language .lang-window ul li a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:clamp(12px,2.8svh,18px) clamp(20px,6vw,32px) !important;
  border-radius:50px !important;
  border:1.5px solid rgba(255,255,255,0.22) !important;
  background:rgba(255,255,255,0.08) !important;
  color:#fff !important;
  font-family:'Open Sans',open_sanslight,sans-serif !important;
  font-size:26px !important;
  font-weight:300 !important;
  text-transform:uppercase !important;
  letter-spacing:0.08em !important;
  text-decoration:none !important;
  transition:background .2s, border-color .2s, box-shadow .2s !important;
  -webkit-backdrop-filter:blur(8px) !important;
  backdrop-filter:blur(8px) !important;
}
.justMenu .mobil-language .lang-window ul li a:hover,
.justMenu .mobil-language .lang-window ul li a:active{
  background:rgba(241,135,0,0.18) !important;
  border-color:rgba(241,135,0,0.6) !important;
  box-shadow:0 0 20px rgba(241,135,0,0.25) !important;
}
/* Aktif dil: turuncu kenarlık */
.justMenu .mobil-language .lang-window ul li.active a{
  border-color:#f18700 !important;
  background:rgba(241,135,0,0.15) !important;
  color:#f18700 !important;
  box-shadow:0 0 18px rgba(241,135,0,0.3) !important;
}
/* Bayrak */
.justMenu .mobil-language .lang-window .lang-flag{
  width:clamp(22px,6vw,28px) !important;
  height:auto !important;
  border-radius:3px !important;
  flex-shrink:0 !important;
}
/* GERİ butonu */
.lang-back-btn{
  position:absolute;
  bottom:clamp(30px,6svh,50px);
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(10px,2.5svh,16px) clamp(28px,8vw,44px);
  border-radius:50px;
  border:1.5px solid rgba(255,255,255,0.22);
  background:rgba(255,255,255,0.08);
  color:#fff;
  font-family:'Open Sans',open_sanslight,sans-serif;
  font-size:26px;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:0.08em;
  cursor:pointer;
  white-space:nowrap;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:background .2s, border-color .2s;
}
.lang-back-btn:hover,
.lang-back-btn:active{
  background:rgba(255,255,255,0.14);
  border-color:rgba(255,255,255,0.45);
}
/* mob-close-01 gizle — artık GERİ butonu kullanılıyor */
.justMenu .mobil-language .lang-window .mob-close-01{
  display:none !important;
}
