@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* =========================
   HEADER ANA ÜST BAR
========================= */
.tmz-header,
#headerContainer > header{
  background:#000;
  color:#fff;
  font-family:Inter, Arial, Helvetica, sans-serif;
  padding:16px 20px;
  display:flex;
  align-items:center;
  position:relative;
  z-index:10000;
}

/* =========================
   LOGO
========================= */
.logo{
  font-size:22px;
  font-weight:bold;
}

.logo a{
  color:#fff;
  text-decoration:none;
  outline:none;
  -webkit-tap-highlight-color:transparent;
}

.logo a:focus,
.logo a:active,
.logo a:focus-visible{
  outline:none;
  box-shadow:none;
}

/* =========================
   HEADER RIGHT AREA
========================= */
.right{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}

/* auth hazır olana kadar flicker olmasın */
.right.auth-pending{
  visibility:hidden;
}

/* =========================
   AUTH BUTTONS
========================= */
.auth{
  display:flex;
  gap:10px;
}

.btn-white{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#fff;
  color:#111;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  border:none;
}

/* =========================
   BURGER ICON
========================= */
.menu-icon{
  font-size:24px;
  cursor:pointer;
  color:#fff;
  width:30px;
  text-align:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:10001;
  user-select:none;
  line-height:1;
  min-height:42px;
  -webkit-tap-highlight-color:transparent;
}

/* =========================
   ACCOUNT MENU
========================= */
.account-menu{
  position:absolute;
  top:70px;
  left:0;
  width:100%;
  background:#fff;
  display:none;
  z-index:9998;
}

/* =========================
   BURGER MENU
========================= */
.burger-menu{
  position:fixed;
  top:70px;
  left:0;
  right:0;
  height:calc(100vh - 70px);
  background:#fff;
  padding:20px;
  box-sizing:border-box;
  display:none;
  z-index:9999;
  overflow-y:auto;
}

.account-menu a,
.account-item,
.burger-menu a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px;
  font-size:18px;
  font-weight:bold;
  text-decoration:none;
  color:#000;
  border-bottom:1px solid #eee;
}

.burger-menu a:last-child,
.account-item:last-child{
  border-bottom:none;
}

.account-menu.active{
  display:block;
}

.burger-menu.active{
  display:block;
}

.icon{
  width:24px;
  height:24px;
  fill:#000;
}

.section .btn{
  display:block !important;
  width:fit-content !important;
}

.create-account{
  border-bottom:1px solid #ddd;
  display:inline-block;
  padding-bottom:4px;
}

#guestMenu,
#userMenu{
  display:flex;
  align-items:center;
  gap:10px;
}

#userMenu{
  display:none;
}

#userAccountBtn{
  max-width:170px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* =========================
   USER PANEL
========================= */
.user-panel-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.08);
  display:none;
  z-index:10020;
}

.user-panel{
  position:fixed;
  top:70px;
  right:20px;
  width:380px;
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 90px);
  overflow:auto;
  background:#f3f3f3;
  border-radius:22px;
  box-shadow:0 18px 55px rgba(0,0,0,0.18);
  display:none;
  z-index:10021;
  padding:20px 18px 18px;
}

.user-profile-photo-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8e8e8;
  color:#111;
  font-weight:800;
  letter-spacing:-.02em;
}

.user-profile-photo-fallback[hidden]{
  display:none !important;
}

.user-panel.active,
.user-panel-overlay.active{
  display:block;
}

.user-panel-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:22px;
}

.user-panel-close{
  width:40px;
  height:40px;
  border:none;
  background:transparent;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
  padding:0;
  -webkit-tap-highlight-color:transparent;
}

.user-panel-close svg{
  width:28px;
  height:28px;
  stroke:#000;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
  display:block;
}

.user-profile{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.user-profile-left{
  flex:1;
  min-width:0;
}

.user-profile-name{
  font-size:34px;
  line-height:1.02;
  font-weight:700;
  color:#111;
  word-break:break-word;
  letter-spacing:-1px;
  margin-bottom:14px;
}

.user-profile-meta{
  margin-top:5px;
  color:#5b5b5b;
  font-size:14px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.user-profile-meta[hidden]{
  display:none !important;
}

.user-profile-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#e9e9e9;
  border-radius:999px;
  padding:8px 14px;
  font-size:16px;
  font-weight:700;
  color:#111;
}

.user-profile-badge svg{
  width:18px;
  height:18px;
  fill:#000;
  stroke:none;
  display:block;
}

.user-profile-photo{
  width:92px;
  height:92px;
  border-radius:50%;
  object-fit:cover;
  background:#ececec;
  flex-shrink:0;
}

.user-cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin-bottom:20px;
}

.user-card{
  background:#e9e9e9;
  border-radius:18px;
  min-height:122px;
  padding:12px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
  color:#111;
  cursor:pointer;
  text-decoration:none;
}

.user-card-icon{
  width:31px;
  height:31px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.user-card-icon svg{
  width:31px;
  height:31px;
  stroke:#000;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block;
}

.user-card-icon.fill svg{
  fill:#000;
  stroke:none;
}

.user-card-text{
  font-size:17px;
  font-weight:500;
  line-height:1.2;
}

.user-divider{
  height:8px;
  background:#e1e1e1;
  margin:0 -18px 6px;
}

.user-menu{
  margin-top:0;
}

.user-menu-item{
  display:flex;
  align-items:center;
  gap:22px;
  text-decoration:none;
  color:#111;
  padding:18px 0;
  border-bottom:1px solid transparent;
  font-size:18px;
  font-weight:500;
  cursor:pointer;
}

.user-menu-item:last-child{
  border-bottom:none;
}

.user-menu-icon{
  width:28px;
  min-width:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  flex-shrink:0;
}

.user-menu-icon svg{
  width:24px;
  height:24px;
  stroke:#000;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block;
}

.user-menu-icon.fill svg{
  fill:#000;
  stroke:none;
}

.user-logout-wrap{
  padding-top:14px;
}

.user-logout-btn{
  width:100%;
  border:none;
  background:#e9e9e9;
  color:#d72845;
  padding:18px;
  border-radius:16px;
  font-size:22px;
  font-weight:500;
  cursor:pointer;
}

/* =========================
   BURGER OVERLAY
========================= */
#burgerOverlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0);
  display:none;
  z-index:9997;
}

#burgerOverlay.active{
  display:block;
}

body.no-scroll{
  overflow:hidden;
}

/* =========================
   GELİŞMİŞ BURGER MENU
========================= */
.burger-menu{
  top:70px !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:calc(100vh - 70px) !important;
  padding:0 !important;
  background:#f6f6f6 !important;
  box-sizing:border-box;
  overflow-y:auto;
  display:none;
  z-index:9999;
  font-family:Inter, Arial, Helvetica, sans-serif;
}

.burger-menu.active{
  display:block !important;
}

.burger-menu .menu-page{
  min-height:100%;
  padding:26px 0 28px;
}

.burger-menu .item,
.burger-menu .main-toggle,
.burger-menu .sub-link,
.burger-menu .sub-toggle,
.burger-menu .city-link,
.burger-menu .lang-link{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:none;
  border:none;
  text-decoration:none;
  text-align:left;
  color:#111;
  cursor:pointer;
  font-family:Inter, Arial, Helvetica, sans-serif !important;
  border-bottom:none !important;
  box-shadow:none !important;
}

.burger-menu .item,
.burger-menu .main-toggle{
  padding:24px 42px;
  font-size:31px;
  font-weight:700;
  line-height:1.04;
  letter-spacing:-0.65px;
}

.burger-menu .main-arrow,
.burger-menu .sub-arrow{
  font-size:24px;
  line-height:1;
  color:#111;
  flex-shrink:0;
  margin-left:16px;
  transition:transform .2s ease;
}

.burger-menu .main-group.open > .main-toggle .main-arrow,
.burger-menu .sub-group.open > .sub-toggle .sub-arrow{
  transform:rotate(180deg);
}

.burger-menu .main-content,
.burger-menu .sub-content{
  display:none;
}

.burger-menu .main-group.open > .main-content,
.burger-menu .sub-group.open > .sub-content{
  display:block;
}

.burger-menu .sub-link,
.burger-menu .sub-toggle{
  padding:18px 42px 18px 76px;
  font-size:17px;
  font-weight:400;
  line-height:1.22;
  letter-spacing:-0.15px;
  color:#6c6c6c;
}

.burger-menu .city-link{
  padding:17px 42px 17px 108px;
  font-size:17px;
  font-weight:400;
  line-height:1.22;
  letter-spacing:-0.15px;
  color:#6c6c6c;
}

.burger-menu .lang-wrap{
  padding:24px 42px 0;
}

.burger-menu .lang-link{
  width:auto;
  justify-content:flex-start;
  gap:8px;
  font-size:17px;
  font-weight:500;
  color:#111;
}

.burger-menu .lang-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:#111;
}

.burger-menu .lang-icon svg{
  width:20px;
  height:20px;
  display:block;
}

/* =========================
   MOBILE
========================= */
@media (max-width:768px){
  .user-panel-overlay{
    display:none !important;
  }

  .user-panel{
    top:0;
    right:0;
    width:100%;
    max-width:none;
    max-height:none;
    height:100vh;
    border-radius:0;
    box-shadow:none;
    padding:20px 18px 18px;
  }

  .user-panel.active{
    display:block;
  }

  .user-profile-name{
    font-size:30px;
  }

  .user-profile-photo{
    width:84px;
    height:84px;
  }

  .user-cards{
    gap:10px;
  }

  .user-card{
    min-height:112px;
    border-radius:16px;
  }

  .user-divider{
    margin:0 -18px 6px;
  }

  .user-logout-btn{
    min-height:76px;
    font-size:20px;
  }
}

@media (max-width:480px){
  .burger-menu .item,
  .burger-menu .main-toggle{
    padding:22px 28px;
    font-size:28px;
  }

  .burger-menu .sub-link,
  .burger-menu .sub-toggle{
    padding:17px 28px 17px 58px;
    font-size:16px;
  }

  .burger-menu .city-link{
    padding:16px 28px 16px 84px;
    font-size:16px;
  }

  .burger-menu .lang-wrap{
    padding:22px 28px 0;
  }
}


/* =========================
   DESKTOP/TABLET HEADER FIX
   Mobil görünümü bozmaz; sadece 769px+ davranışını güçlendirir.
========================= */
.tmz-header{
  width:100%;
  min-height:70px;
  background:#000;
  color:#fff;
  font-family:Inter, Arial, Helvetica, sans-serif;
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 20px;
  position:static;
  top:auto;
  z-index:10000;
  box-shadow:none;
}

.tmz-logo{
  flex:0 0 auto;
  white-space:nowrap;
}

.tmz-desktop-nav{
  display:none;
  align-items:center;
  gap:4px;
  min-width:0;
}

.tmz-desktop-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 13px;
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  font-size:15px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  opacity:.94;
  transition:background .18s ease, opacity .18s ease;
}

.tmz-desktop-nav a:hover,
.tmz-desktop-nav a:focus-visible{
  background:rgba(255,255,255,.14);
  opacity:1;
  outline:none;
}

.tmz-header-right{
  flex:0 0 auto;
}

@media (min-width:769px){
  .tmz-header{
    padding-left:clamp(56px,8vw,112px);
    padding-right:clamp(56px,8vw,112px);
  }

  .burger-menu{
    top:70px !important;
    left:auto !important;
    right:clamp(48px,8vw,112px) !important;
    width:min(460px, calc(100vw - 48px)) !important;
    height:auto !important;
    max-height:calc(100vh - 92px) !important;
    border-radius:24px !important;
    box-shadow:0 28px 80px rgba(0,0,0,.22) !important;
    background:#f6f6f6 !important;
  }

  .burger-menu .menu-page{
    padding:22px 0 24px;
  }

  .burger-menu .item,
  .burger-menu .main-toggle{
    padding:20px 30px;
    font-size:25px;
  }

  .burger-menu .sub-link,
  .burger-menu .sub-toggle{
    padding:15px 30px 15px 56px;
  }

  .burger-menu .city-link{
    padding:14px 30px 14px 82px;
  }

  #burgerOverlay.active{
    display:block;
    background:rgba(0,0,0,.14);
  }
}

@media (min-width:1024px){
  .tmz-header{
    min-height:76px;
    gap:26px;
  }

  .tmz-logo{
    font-size:24px;
  }

  .tmz-desktop-nav{
    display:flex;
    flex:1 1 auto;
  }

  .tmz-header-right{
    margin-left:0;
  }

  #guestMenu,
  #userMenu{
    gap:8px;
  }

  #userAccountBtn{
    max-width:220px;
  }
}

@media (min-width:1280px){
  .tmz-header{
    padding-left:128px;
    padding-right:128px;
  }

  .burger-menu{
    right:128px !important;
  }

  .tmz-desktop-nav{
    gap:8px;
  }

  .tmz-desktop-nav a{
    padding-left:16px;
    padding-right:16px;
  }
}


/* =========================
   PRODUCTION HEADER HARDENING
   Header include yüklenemediğinde ana sayfa fallback header da görünür.
========================= */
.tmz-header,
#headerContainer .tmz-header{
  width:100%;
  background:#000;
  color:#fff;
  font-family:Inter, Arial, Helvetica, sans-serif;
  display:flex;
  align-items:center;
  min-height:70px;
  z-index:10000;
}

#headerContainer{
  position:relative;
  z-index:10000;
}

.tmz-header a{
  color:inherit;
}

.tmz-header .btn-white,
#headerContainer .tmz-header .btn-white{
  background:#fff;
  color:#111 !important;
}

.tmz-header .btn-white:hover,
.tmz-header .btn-white:focus,
.tmz-header .btn-white:focus-visible,
#headerContainer .tmz-header .btn-white:hover,
#headerContainer .tmz-header .btn-white:focus,
#headerContainer .tmz-header .btn-white:focus-visible{
  background:#fff;
  color:#111 !important;
  outline:none;
}

.tmz-fallback-menu-link{
  width:42px;
  min-width:42px;
  height:42px;
  border-radius:999px;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  line-height:1;
  text-decoration:none;
}

@media (min-width:1024px){
  .tmz-fallback-menu-link{
    display:none;
  }

  .tmz-header-fallback .tmz-desktop-nav{
    display:flex;
    flex:1 1 auto;
  }
}

/* =========================
   PREMIUM DESKTOP HEADER + MENU REFINEMENT
   Mobil görünüm korunur; yalnızca 769px+ header ve toggle menü kalitesi.
========================= */
@media (min-width:769px){
  .tmz-header,
  #headerContainer .tmz-header{
    min-height:80px;
    padding:0 clamp(48px, 6vw, 112px);
    gap:clamp(20px, 2.4vw, 34px);
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 1px 0 rgba(255,255,255,.04), 0 18px 44px rgba(0,0,0,.14);
    font-family:Inter, Arial, Helvetica, sans-serif;
  }

  .tmz-logo,
  .logo.tmz-logo{
    display:flex;
    align-items:center;
    line-height:1;
  }

  .tmz-logo a,
  .logo.tmz-logo a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    color:#fff;
    font-family:Inter, Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:850;
    line-height:1;
    letter-spacing:-.055em;
  }

  .tmz-desktop-nav{
    align-items:center;
    min-width:0;
    gap:4px;
    margin-left:clamp(8px, 1vw, 18px);
  }

  .tmz-desktop-nav a{
    min-height:42px;
    padding:0 14px;
    border-radius:999px;
    color:rgba(255,255,255,.76);
    font-family:Inter, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:620;
    line-height:1;
    letter-spacing:-.012em;
    text-decoration:none;
    transition:background-color .18s ease, color .18s ease, transform .18s ease;
  }

  .tmz-desktop-nav a:hover,
  .tmz-desktop-nav a:focus-visible{
    background:rgba(255,255,255,.10);
    color:#fff;
    transform:translateY(-1px);
    outline:none;
  }

  .tmz-header-right,
  .right.tmz-header-right{
    gap:10px;
    margin-left:auto;
    font-family:Inter, Arial, Helvetica, sans-serif;
  }

  .tmz-header .auth,
  #headerContainer .tmz-header .auth,
  #guestMenu,
  #userMenu{
    align-items:center;
    gap:8px;
  }

  .tmz-header .btn-white,
  #headerContainer .tmz-header .btn-white{
    min-height:42px;
    padding:0 17px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:#fff;
    color:#080808 !important;
    font-family:Inter, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:760;
    line-height:1;
    letter-spacing:-.012em;
    box-shadow:none;
    transition:background-color .18s ease, border-color .18s ease, transform .18s ease;
  }

  .tmz-header .btn-white:hover,
  .tmz-header .btn-white:focus-visible,
  #headerContainer .tmz-header .btn-white:hover,
  #headerContainer .tmz-header .btn-white:focus-visible{
    background:#f3f3f3;
    color:#080808 !important;
    border-color:#fff;
    transform:translateY(-1px);
    outline:none;
  }

  .menu-icon,
  #menuIcon{
    width:42px;
    min-width:42px;
    height:42px;
    min-height:42px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-family:Inter, Arial, Helvetica, sans-serif;
    font-size:20px !important;
    font-weight:750;
    line-height:1;
    letter-spacing:0;
    transition:background-color .18s ease, border-color .18s ease, transform .18s ease;
  }

  .menu-icon:hover,
  .menu-icon:focus-visible,
  #menuIcon:hover,
  #menuIcon:focus-visible{
    background:rgba(255,255,255,.14);
    border-color:rgba(255,255,255,.28);
    transform:translateY(-1px);
    outline:none;
  }

  .burger-menu{
    top:calc(80px + 12px) !important;
    right:clamp(40px, 6vw, 112px) !important;
    left:auto !important;
    width:min(430px, calc(100vw - 48px)) !important;
    height:auto !important;
    max-height:calc(100vh - 112px) !important;
    padding:0 !important;
    border:1px solid rgba(17,17,17,.08) !important;
    border-radius:28px !important;
    background:#fff !important;
    box-shadow:0 30px 90px rgba(0,0,0,.24) !important;
    overflow:hidden auto;
    font-family:Inter, Arial, Helvetica, sans-serif;
  }

  .burger-menu .menu-page{
    min-height:auto;
    padding:14px;
  }

  .burger-menu .item,
  .burger-menu .main-toggle{
    min-height:52px;
    padding:0 16px;
    border-radius:16px;
    color:#111;
    font-family:Inter, Arial, Helvetica, sans-serif !important;
    font-size:17px;
    font-weight:720;
    line-height:1.18;
    letter-spacing:-.018em;
    transition:background-color .16s ease, color .16s ease;
  }

  .burger-menu .item:hover,
  .burger-menu .item:focus-visible,
  .burger-menu .main-toggle:hover,
  .burger-menu .main-toggle:focus-visible{
    background:#f3f4f2;
    color:#050505;
    outline:none;
  }

  .burger-menu .main-arrow,
  .burger-menu .sub-arrow{
    width:28px;
    height:28px;
    border-radius:999px;
    background:#f2f2f2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#111;
    font-size:18px;
    font-weight:700;
    margin-left:12px;
  }

  .burger-menu .sub-link,
  .burger-menu .sub-toggle,
  .burger-menu .city-link{
    min-height:42px;
    padding-top:0;
    padding-bottom:0;
    border-radius:14px;
    color:#5f646a;
    font-family:Inter, Arial, Helvetica, sans-serif !important;
    font-size:14px;
    font-weight:560;
    line-height:1.25;
    letter-spacing:-.008em;
    transition:background-color .16s ease, color .16s ease;
  }

  .burger-menu .sub-link,
  .burger-menu .sub-toggle{
    padding-left:34px;
    padding-right:16px;
  }

  .burger-menu .city-link{
    padding-left:52px;
    padding-right:16px;
  }

  .burger-menu .sub-link:hover,
  .burger-menu .sub-link:focus-visible,
  .burger-menu .sub-toggle:hover,
  .burger-menu .sub-toggle:focus-visible,
  .burger-menu .city-link:hover,
  .burger-menu .city-link:focus-visible{
    background:#f7f7f7;
    color:#111;
    outline:none;
  }

  .burger-menu .lang-wrap{
    padding:12px 16px 4px;
  }

  .burger-menu .lang-link{
    min-height:42px;
    padding:0;
    color:#111;
    font-family:Inter, Arial, Helvetica, sans-serif !important;
    font-size:14px;
    font-weight:650;
  }

  #burgerOverlay.active{
    display:block;
    background:rgba(0,0,0,.18);
    backdrop-filter:blur(2px);
  }
}

@media (min-width:1024px){
  .tmz-desktop-nav{
    display:flex;
    flex:1 1 auto;
  }
}

@media (min-width:1280px){
  .tmz-header,
  #headerContainer .tmz-header{
    padding-left:128px;
    padding-right:128px;
  }

  .burger-menu{
    right:128px !important;
  }
}


/* =========================
   GLOBAL HEADER PARITY WITH HOME
   Anasayfadaki doğru header oranları ortak include header'a taşınır.
   Sayfa içeriklerine ve mobil ana yapıya dokunmaz.
========================= */
#headerContainer{
  min-height:72px;
  background:#000;
}

#headerContainer header,
#headerContainer .tmz-header{
  min-height:72px !important;
  padding:14px clamp(20px,4vw,56px) !important;
  background:#000 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}

#headerContainer .logo a,
#headerContainer .tmz-logo a{
  font-size:22px !important;
  font-weight:900 !important;
  letter-spacing:-.9px !important;
  color:#fff !important;
}

#headerContainer .tmz-desktop-nav{
  align-items:center !important;
  gap:clamp(18px,2vw,30px) !important;
  margin-left:clamp(28px,4vw,56px) !important;
}

#headerContainer .tmz-desktop-nav a{
  color:rgba(255,255,255,.78) !important;
  font-size:14px !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
  transition:color .18s ease, background-color .18s ease !important;
}

#headerContainer .tmz-desktop-nav a:hover,
#headerContainer .tmz-desktop-nav a:focus-visible{
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  outline:none !important;
}

#headerContainer .btn-white,
#headerContainer .tmz-header .btn-white{
  min-height:42px !important;
  padding:0 18px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#080808 !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

#headerContainer .btn-white:hover,
#headerContainer .btn-white:focus-visible,
#headerContainer .tmz-header .btn-white:hover,
#headerContainer .tmz-header .btn-white:focus-visible{
  background:#f3f3f3 !important;
  color:#080808 !important;
  outline:none !important;
}

#headerContainer .menu-icon,
#headerContainer .tmz-fallback-menu-link{
  color:#fff !important;
}

@media (min-width:861px){
  #headerContainer .tmz-desktop-nav{
    display:flex !important;
    flex:1 1 auto !important;
  }
}

@media (max-width:860px){
  #headerContainer .tmz-desktop-nav{
    display:none !important;
  }

  #headerContainer header,
  #headerContainer .tmz-header{
    padding:14px 20px !important;
  }
}

@media (max-width:640px){
  #headerContainer{
    min-height:70px;
  }

  #headerContainer .auth{
    gap:8px;
  }

  #headerContainer .btn-white,
  #headerContainer .tmz-header .btn-white{
    min-height:40px !important;
    padding:0 12px !important;
    font-size:14px !important;
  }
}

/* =========================
   KAYIT MENU COMPACT DESKTOP
   Kayıt butonunun açtığı küçük menü anasayfa toggle karakterine yaklaştırılır.
   Mobil yapı korunur; sadece 769px+ için ölçülendirme yapılır.
========================= */
@media (min-width:769px){
  #headerContainer .account-menu,
  .account-menu{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:auto !important;
    right:clamp(20px,4vw,56px) !important;
    width:min(260px, calc(100vw - 40px)) !important;
    max-width:260px !important;
    background:#fff !important;
    color:#111 !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:22px !important;
    box-shadow:0 22px 58px rgba(0,0,0,.18) !important;
    padding:8px !important;
    z-index:10030 !important;
    overflow:hidden !important;
  }

  #headerContainer .account-menu.active,
  .account-menu.active{
    display:block !important;
  }

  #headerContainer .account-menu a,
  #headerContainer .account-item,
  .account-menu a,
  .account-item{
    min-height:46px !important;
    padding:0 14px !important;
    border-bottom:none !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    color:#111 !important;
    background:transparent !important;
    font-family:Inter, Arial, Helvetica, sans-serif !important;
    font-size:14.5px !important;
    font-weight:720 !important;
    line-height:1.2 !important;
    letter-spacing:-.01em !important;
    text-decoration:none !important;
    transition:background-color .16s ease, color .16s ease, transform .16s ease !important;
  }

  #headerContainer .account-menu a:hover,
  #headerContainer .account-menu a:focus-visible,
  #headerContainer .account-item:hover,
  #headerContainer .account-item:focus-visible,
  .account-menu a:hover,
  .account-menu a:focus-visible,
  .account-item:hover,
  .account-item:focus-visible{
    background:#f3f4f2 !important;
    color:#050505 !important;
    outline:none !important;
  }

  #headerContainer .account-menu a[aria-disabled="true"],
  .account-menu a[aria-disabled="true"]{
    color:#8b8f94 !important;
    cursor:default !important;
  }

  #headerContainer .account-menu a[aria-disabled="true"]:hover,
  .account-menu a[aria-disabled="true"]:hover{
    background:transparent !important;
    color:#8b8f94 !important;
  }
}

@media (min-width:1280px){
  #headerContainer .account-menu,
  .account-menu{
    right:clamp(20px,4vw,56px) !important;
  }
}

/* =========================
   FINAL HEADER BEHAVIOR
   Uber referansındaki gibi header viewport üstünde kalır.
   Masaüstünde burger/toggle kullanılmaz; toggle yalnızca mobilde kalır.
========================= */
html body #headerContainer{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:11000 !important;
  width:100% !important;
  background:#000 !important;
  transform:none !important;
}

html body #headerContainer > header,
html body #headerContainer .tmz-header,
html body header.tmz-header,
html body .tmz-header{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  inset:auto !important;
  transform:none !important;
}

@media (min-width:769px){
  html body #headerContainer .menu-icon,
  html body #headerContainer #menuIcon,
  html body #headerContainer .tmz-fallback-menu-link,
  html body .menu-icon,
  html body #menuIcon,
  html body .tmz-fallback-menu-link{
    display:none !important;
  }

  html body #headerContainer .tmz-desktop-nav,
  html body .tmz-desktop-nav{
    display:flex !important;
    flex:1 1 auto !important;
  }

  html body #burgerMenu,
  html body .burger-menu,
  html body #burgerOverlay,
  html body #burgerOverlay.active{
    display:none !important;
  }
}

@media (max-width:768px){
  html body #headerContainer .menu-icon,
  html body #headerContainer #menuIcon,
  html body .menu-icon,
  html body #menuIcon{
    display:inline-flex !important;
  }

  html body #headerContainer .tmz-fallback-menu-link,
  html body .tmz-fallback-menu-link{
    display:inline-flex;
  }
}


/* =========================
   KAYIT MENU RIGHT ALIGN FINAL FIX
   Kayıt popup sağ kenarı Kayıt butonunun sağ kenarıyla hizalanır.
   Panel genişliği küçültülür; menü yazıları soldan hizalı kalır.
========================= */
@media (min-width:769px){
  html body #headerContainer .account-menu,
  html body .account-menu{
    left:auto !important;
    right:clamp(20px,4vw,56px) !important;
    width:min(260px, calc(100vw - 40px)) !important;
    max-width:260px !important;
    padding:8px !important;
  }

  html body #headerContainer .account-menu a,
  html body #headerContainer .account-item,
  html body .account-menu a,
  html body .account-item{
    justify-content:flex-start !important;
    text-align:left !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

@media (min-width:1280px){
  html body #headerContainer .account-menu,
  html body .account-menu{
    right:clamp(20px,4vw,56px) !important;
  }
}


/* =========================
   HEADER AUTH TEXT + KAYDOLUN MENU FINAL
   Yardım/Oturum açın text link olur; Kaydolun tek beyaz buton kalır.
   Kaydolun menüsü header'a bitişik ve Kaydolun butonunun sağ kenarına hizalıdır.
========================= */
#headerContainer .header-auth-link,
.tmz-header .header-auth-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 10px;
  border:0 !important;
  border-radius:999px;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
  font-family:Inter, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:760;
  line-height:1;
  letter-spacing:-.012em;
  text-decoration:none;
  white-space:nowrap;
}

#headerContainer .header-auth-link:hover,
#headerContainer .header-auth-link:focus-visible,
.tmz-header .header-auth-link:hover,
.tmz-header .header-auth-link:focus-visible{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  outline:none;
}

@media (min-width:769px){
  html body #headerContainer .account-menu,
  html body .account-menu{
    top:100% !important;
    margin-top:0 !important;
    right:clamp(20px,4vw,56px) !important;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
  }

  html body #headerContainer #guestMenu,
  html body #headerContainer .auth{
    align-items:center !important;
  }

  html body #headerContainer .header-help-link{
    order:1;
  }

  html body #headerContainer .header-auth-link:not(.header-help-link){
    order:2;
  }

  html body #headerContainer #kayitBtn{
    order:3;
  }
}

@media (max-width:768px){
  #headerContainer .header-help-link,
  .tmz-header .header-help-link{
    display:none !important;
  }

  #headerContainer .header-auth-link,
  .tmz-header .header-auth-link{
    min-height:40px;
    padding:0 10px;
    font-size:14px;
  }
}

/* =========================
   DESKTOP HAKKINDA DROPDOWN FINAL
   Hakkımızda nav metni Hakkında açılır menüsüne dönüştürülür.
   Burger/toggle masaüstünde kapalı kalır; mobil burger yapısı korunur.
========================= */
.tmz-desktop-nav .desktop-about-menu{
  position:relative;
  display:none;
  align-items:center;
  flex:0 0 auto;
  font-family:Inter, Arial, Helvetica, sans-serif;
}

.tmz-desktop-nav .desktop-about-toggle,
.tmz-desktop-nav .desktop-menu-item,
.tmz-desktop-nav .desktop-menu-toggle{
  font-family:Inter, Arial, Helvetica, sans-serif !important;
  -webkit-tap-highlight-color:transparent;
}

.tmz-desktop-nav .desktop-about-toggle{
  min-height:42px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:rgba(255,255,255,.78);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:14px;
  font-weight:650;
  line-height:1;
  letter-spacing:-.01em;
  cursor:pointer;
  white-space:nowrap;
  transition:background-color .18s ease, color .18s ease, transform .18s ease;
}

.tmz-desktop-nav .desktop-about-toggle:hover,
.tmz-desktop-nav .desktop-about-toggle:focus-visible,
.tmz-desktop-nav .desktop-about-menu.open > .desktop-about-toggle{
  background:rgba(255,255,255,.10);
  color:#fff;
  transform:translateY(-1px);
  outline:none;
}

.desktop-chevron,
.menu-chevron{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:3.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}

.tmz-desktop-nav .desktop-about-toggle .desktop-chevron{
  transition:transform .18s ease;
}

.tmz-desktop-nav .desktop-about-menu.open > .desktop-about-toggle .desktop-chevron{
  transform:rotate(180deg);
}

.tmz-desktop-nav .desktop-about-dropdown,
.tmz-desktop-nav .desktop-flyout{
  position:absolute;
  min-width:258px;
  width:258px;
  padding:9px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:22px;
  background:#fff;
  color:#111;
  box-shadow:0 28px 74px rgba(0,0,0,.20);
  display:none;
  z-index:12050;
}

.tmz-desktop-nav .desktop-about-dropdown{
  top:calc(100% + 14px);
  left:0;
}

.tmz-desktop-nav .desktop-flyout{
  top:0;
  left:calc(100% + 12px);
}

.tmz-desktop-nav .desktop-about-menu.open > .desktop-about-dropdown,
.tmz-desktop-nav .desktop-about-menu:hover > .desktop-about-dropdown,
.tmz-desktop-nav .desktop-menu-group.open > .desktop-flyout,
.tmz-desktop-nav .desktop-menu-group:hover > .desktop-flyout,
.tmz-desktop-nav .desktop-menu-group:focus-within > .desktop-flyout{
  display:block;
}

.tmz-desktop-nav .desktop-menu-group{
  position:relative;
}

.tmz-desktop-nav .desktop-menu-item,
.tmz-desktop-nav .desktop-menu-toggle{
  width:100%;
  min-height:42px;
  padding:0 13px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#111 !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  font-size:14.5px !important;
  font-weight:690 !important;
  line-height:1.18 !important;
  letter-spacing:-.012em !important;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
  transition:background-color .16s ease, color .16s ease, transform .16s ease;
}

.tmz-desktop-nav .desktop-menu-item:hover,
.tmz-desktop-nav .desktop-menu-item:focus-visible,
.tmz-desktop-nav .desktop-menu-toggle:hover,
.tmz-desktop-nav .desktop-menu-toggle:focus-visible,
.tmz-desktop-nav .desktop-menu-group.open > .desktop-menu-toggle,
.tmz-desktop-nav .desktop-menu-group:hover > .desktop-menu-toggle{
  background:#f3f4f2;
  color:#050505 !important;
  outline:none;
}

.tmz-desktop-nav .desktop-menu-item[aria-disabled="true"]{
  color:#7f858b !important;
  cursor:default;
}

.tmz-desktop-nav .desktop-menu-item[aria-disabled="true"]:hover,
.tmz-desktop-nav .desktop-menu-item[aria-disabled="true"]:focus-visible{
  background:transparent;
  color:#7f858b !important;
  transform:none;
}

.tmz-desktop-nav .desktop-menu-toggle .desktop-chevron.right{
  width:19px;
  height:19px;
  stroke-width:3.2;
  color:#111;
}

.tmz-desktop-nav .desktop-menu-group.open > .desktop-menu-toggle .desktop-chevron.right{
  transform:translateX(2px);
}

.tmz-desktop-nav .district-flyout{
  width:272px;
  min-width:272px;
  max-height:min(484px, calc(100vh - 140px));
  overflow-y:auto;
  overscroll-behavior:contain;
}

@media (min-width:861px){
  #headerContainer .tmz-desktop-nav .desktop-about-menu,
  .tmz-desktop-nav .desktop-about-menu{
    display:inline-flex !important;
  }
}

@media (max-width:860px){
  #headerContainer .tmz-desktop-nav .desktop-about-menu,
  .tmz-desktop-nav .desktop-about-menu{
    display:none !important;
  }
}

/* Mobil burger içindeki ok ikonları modern, kalın ve temiz görünür. */
.burger-menu .main-arrow,
.burger-menu .sub-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#111;
}

.burger-menu .main-arrow .menu-chevron,
.burger-menu .sub-arrow .menu-chevron{
  width:22px;
  height:22px;
  stroke-width:3.15;
}

.burger-menu .main-group.open > .main-toggle .menu-chevron,
.burger-menu .sub-group.open > .sub-toggle .menu-chevron{
  transform:rotate(180deg);
}

.burger-menu .main-group.open > .main-toggle .main-arrow,
.burger-menu .sub-group.open > .sub-toggle .sub-arrow{
  transform:none !important;
}

/* =========================
   HAKKINDA DROPDOWN VISIBILITY PATCH
   Header include kullanılan tüm sayfalarda Hakkında seçenekleri görünür kalır.
========================= */
#headerContainer,
#headerContainer .tmz-header,
#headerContainer .tmz-desktop-nav,
#headerContainer .desktop-about-menu,
#headerContainer .desktop-menu-group{
  overflow:visible !important;
}

@media (min-width:861px){
  #headerContainer .tmz-desktop-nav .desktop-about-menu,
  .tmz-desktop-nav .desktop-about-menu{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  #headerContainer .tmz-desktop-nav .desktop-about-dropdown,
  #headerContainer .tmz-desktop-nav .desktop-flyout,
  .tmz-desktop-nav .desktop-about-dropdown,
  .tmz-desktop-nav .desktop-flyout{
    pointer-events:auto;
  }

  #headerContainer .tmz-desktop-nav .desktop-about-menu.open > .desktop-about-dropdown,
  #headerContainer .tmz-desktop-nav .desktop-about-menu:hover > .desktop-about-dropdown,
  #headerContainer .tmz-desktop-nav .desktop-about-menu:focus-within > .desktop-about-dropdown,
  #headerContainer .tmz-desktop-nav .desktop-menu-group.open > .desktop-flyout,
  #headerContainer .tmz-desktop-nav .desktop-menu-group:hover > .desktop-flyout,
  #headerContainer .tmz-desktop-nav .desktop-menu-group:focus-within > .desktop-flyout,
  .tmz-desktop-nav .desktop-about-menu.open > .desktop-about-dropdown,
  .tmz-desktop-nav .desktop-about-menu:hover > .desktop-about-dropdown,
  .tmz-desktop-nav .desktop-about-menu:focus-within > .desktop-about-dropdown,
  .tmz-desktop-nav .desktop-menu-group.open > .desktop-flyout,
  .tmz-desktop-nav .desktop-menu-group:hover > .desktop-flyout,
  .tmz-desktop-nav .desktop-menu-group:focus-within > .desktop-flyout{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

/* =========================
   HAKKINDA MENU HOVER FINAL FIX
   Desktop Hakkında menüsü tıklama gerektirmeden hover ile açılır.
   Flyout boşlukları korunur; görünmez hover köprüleri ile menü kapanmaz.
========================= */
@media (min-width:861px){
  html body #headerContainer,
  html body #headerContainer .tmz-header,
  html body #headerContainer .tmz-desktop-nav,
  html body #headerContainer .desktop-about-menu,
  html body #headerContainer .desktop-menu-group,
  html body .tmz-header,
  html body .tmz-desktop-nav,
  html body .desktop-about-menu,
  html body .desktop-menu-group{
    overflow:visible !important;
  }

  html body #headerContainer .desktop-about-menu,
  html body .desktop-about-menu{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    z-index:12080 !important;
  }

  html body #headerContainer .desktop-about-toggle,
  html body .desktop-about-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    cursor:pointer !important;
  }

  html body #headerContainer .desktop-about-dropdown,
  html body .desktop-about-dropdown{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    display:block !important;
    visibility:hidden !important;
    opacity:0 !important;
    transform:translateY(8px) !important;
    pointer-events:none !important;
    min-width:266px !important;
    width:266px !important;
    padding:9px !important;
    border-radius:22px !important;
    border:1px solid rgba(0,0,0,.08) !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:0 28px 74px rgba(0,0,0,.20) !important;
    z-index:13000 !important;
    transition:opacity .14s ease, transform .14s ease, visibility .14s ease !important;
  }

  html body #headerContainer .desktop-flyout,
  html body .desktop-flyout{
    position:absolute !important;
    top:-9px !important;
    left:calc(100% + 12px) !important;
    display:block !important;
    visibility:hidden !important;
    opacity:0 !important;
    transform:translateX(8px) !important;
    pointer-events:none !important;
    min-width:266px !important;
    width:266px !important;
    padding:9px !important;
    border-radius:22px !important;
    border:1px solid rgba(0,0,0,.08) !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:0 28px 74px rgba(0,0,0,.20) !important;
    z-index:13010 !important;
    transition:opacity .14s ease, transform .14s ease, visibility .14s ease !important;
  }

  html body #headerContainer .desktop-about-dropdown::before,
  html body .desktop-about-dropdown::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-10px;
    height:10px;
  }

  html body #headerContainer .desktop-flyout::before,
  html body .desktop-flyout::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-14px;
    width:14px;
  }

  html body #headerContainer .desktop-about-menu:hover > .desktop-about-dropdown,
  html body #headerContainer .desktop-about-menu:focus-within > .desktop-about-dropdown,
  html body #headerContainer .desktop-about-menu.open > .desktop-about-dropdown,
  html body .desktop-about-menu:hover > .desktop-about-dropdown,
  html body .desktop-about-menu:focus-within > .desktop-about-dropdown,
  html body .desktop-about-menu.open > .desktop-about-dropdown{
    visibility:visible !important;
    opacity:1 !important;
    transform:translateY(0) !important;
    pointer-events:auto !important;
  }

  html body #headerContainer .desktop-menu-group:hover > .desktop-flyout,
  html body #headerContainer .desktop-menu-group:focus-within > .desktop-flyout,
  html body #headerContainer .desktop-menu-group.open > .desktop-flyout,
  html body .desktop-menu-group:hover > .desktop-flyout,
  html body .desktop-menu-group:focus-within > .desktop-flyout,
  html body .desktop-menu-group.open > .desktop-flyout{
    visibility:visible !important;
    opacity:1 !important;
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }

  html body #headerContainer .desktop-about-menu:hover > .desktop-about-toggle,
  html body #headerContainer .desktop-about-menu:focus-within > .desktop-about-toggle,
  html body #headerContainer .desktop-about-menu.open > .desktop-about-toggle,
  html body .desktop-about-menu:hover > .desktop-about-toggle,
  html body .desktop-about-menu:focus-within > .desktop-about-toggle,
  html body .desktop-about-menu.open > .desktop-about-toggle{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
  }

  html body #headerContainer .desktop-about-menu:hover > .desktop-about-toggle .desktop-chevron,
  html body #headerContainer .desktop-about-menu:focus-within > .desktop-about-toggle .desktop-chevron,
  html body #headerContainer .desktop-about-menu.open > .desktop-about-toggle .desktop-chevron,
  html body .desktop-about-menu:hover > .desktop-about-toggle .desktop-chevron,
  html body .desktop-about-menu:focus-within > .desktop-about-toggle .desktop-chevron,
  html body .desktop-about-menu.open > .desktop-about-toggle .desktop-chevron{
    transform:rotate(180deg) !important;
  }

  html body #headerContainer .desktop-menu-group:hover > .desktop-menu-toggle .desktop-chevron.right,
  html body #headerContainer .desktop-menu-group:focus-within > .desktop-menu-toggle .desktop-chevron.right,
  html body #headerContainer .desktop-menu-group.open > .desktop-menu-toggle .desktop-chevron.right,
  html body .desktop-menu-group:hover > .desktop-menu-toggle .desktop-chevron.right,
  html body .desktop-menu-group:focus-within > .desktop-menu-toggle .desktop-chevron.right,
  html body .desktop-menu-group.open > .desktop-menu-toggle .desktop-chevron.right{
    transform:translateX(2px) !important;
  }

  html body #headerContainer .desktop-menu-item,
  html body #headerContainer .desktop-menu-toggle,
  html body .desktop-menu-item,
  html body .desktop-menu-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:42px !important;
    text-align:left !important;
    color:#111 !important;
  }

  html body #headerContainer .district-flyout,
  html body .district-flyout{
    width:282px !important;
    min-width:282px !important;
    max-height:min(484px, calc(100vh - 140px)) !important;
    overflow:hidden auto !important;
    overscroll-behavior:contain !important;
  }
}

/* =========================
   HAKKINDA DROPDOWN SIZE + HOVER COLOR FIX
   Hakkında butonu daraltılır; Keşfedin > Şehirler flyout kartı küçültülür.
   Dropdown hover metinleri beyaz olmaz, koyu gri kalır.
========================= */
@media (min-width:861px){
  html body #headerContainer .desktop-about-toggle,
  html body .desktop-about-toggle{
    padding-left:6px !important;
    padding-right:6px !important;
    gap:6px !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout{
    width:128px !important;
    min-width:128px !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout .desktop-menu-toggle,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout .desktop-menu-toggle{
    padding-left:10px !important;
    padding-right:8px !important;
    gap:8px !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout .desktop-menu-toggle span,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout .desktop-menu-toggle span{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:hover,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:focus-visible,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:hover,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:focus-visible,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:hover > .desktop-menu-toggle,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:focus-within > .desktop-menu-toggle,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:hover,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:focus-visible,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:hover,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:focus-visible,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:hover > .desktop-menu-toggle,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:focus-within > .desktop-menu-toggle{
    color:#2f3438 !important;
    background:#f3f4f2 !important;
  }

  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:hover span,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:hover span,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:hover > .desktop-menu-toggle span,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:hover span,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:hover span,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:hover > .desktop-menu-toggle span{
    color:#2f3438 !important;
  }

  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:hover .desktop-chevron,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:hover > .desktop-menu-toggle .desktop-chevron,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:hover .desktop-chevron,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:hover > .desktop-menu-toggle .desktop-chevron{
    color:#2f3438 !important;
    stroke:#2f3438 !important;
  }
}


/* =========================
   HEADER DESKTOP SPACING + HAKKINDA MENU SIZE FINAL PATCH
   Sadece masaüstü header ölçülerini düzeltir; mobil yapıya dokunmaz.
========================= */
@media (min-width:861px){
  html body #headerContainer .tmz-header,
  html body .tmz-header{
    gap:clamp(10px, 1.2vw, 17px) !important;
  }

  html body #headerContainer .tmz-desktop-nav,
  html body .tmz-desktop-nav{
    gap:8px !important;
    margin-left:clamp(14px, 2vw, 28px) !important;
  }

  html body #headerContainer .tmz-desktop-nav > a,
  html body .tmz-desktop-nav > a{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  html body #headerContainer .desktop-about-toggle,
  html body .desktop-about-toggle{
    padding-left:13px !important;
    padding-right:13px !important;
    gap:7px !important;
  }

  html body #headerContainer .desktop-about-dropdown,
  html body .desktop-about-dropdown{
    width:226px !important;
    min-width:226px !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-item,
  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-menu-toggle,
  html body .desktop-about-dropdown > .desktop-menu-item,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-menu-toggle{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}


/* =========================
   HEADER DROPDOWN FINAL MEASUREMENT PATCH 66
   Hakkında kartı Kaydolun kart karakterine alınır;
   İstanbul flyout ölçüleri ve viewport içi scroll düzeltilir.
   Mobil header yapısına dokunmaz.
========================= */
@media (min-width:861px){
  html body #headerContainer .desktop-about-dropdown,
  html body .desktop-about-dropdown{
    top:100% !important;
    margin-top:0 !important;
    width:min(260px, calc(100vw - 40px)) !important;
    min-width:260px !important;
    max-width:260px !important;
    padding:8px !important;
    border-radius:0 0 22px 22px !important;
    border:1px solid rgba(0,0,0,.08) !important;
    background:#fff !important;
    box-shadow:0 22px 58px rgba(0,0,0,.18) !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-item,
  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-menu-toggle,
  html body .desktop-about-dropdown > .desktop-menu-item,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-menu-toggle{
    min-height:46px !important;
    padding-left:12px !important;
    padding-right:12px !important;
    border-radius:14px !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout{
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout{
    width:226px !important;
    min-width:226px !important;
    max-width:226px !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout{
    width:226px !important;
    min-width:226px !important;
    max-width:226px !important;
    top:-108px !important;
    max-height:min(420px, calc(100vh - 112px)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable both-edges;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout .desktop-menu-item,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout .desktop-menu-item{
    min-height:40px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    font-size:13.5px !important;
  }

  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:hover,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:focus-visible,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:hover,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:focus-visible,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:hover > .desktop-menu-toggle,
  html body #headerContainer .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:focus-within > .desktop-menu-toggle,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:hover,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-item:focus-visible,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:hover,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-toggle:focus-visible,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:hover > .desktop-menu-toggle,
  html body .tmz-desktop-nav .desktop-about-dropdown .desktop-menu-group:focus-within > .desktop-menu-toggle{
    color:#2f3438 !important;
    background:#f3f4f2 !important;
  }
}

/* =========================
   ISTANBUL DISTRICT FLYOUT CUSTOM SCROLLBAR FINAL
   İlçe listesinde görünen kısa kalın dikey çizgi dekor değil,
   kart içindeki gerçek scrollbar thumb görünümüdür.
   Mobil header yapısına dokunmaz.
========================= */
@media (min-width:861px){
  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout{
    padding-right:12px !important;
    scrollbar-width:thin !important;
    scrollbar-color:#2f3438 transparent !important;
    background-image:none !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar{
    width:12px !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track{
    background:transparent !important;
    margin:16px 0 !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-thumb,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-thumb{
    min-height:58px !important;
    background:#2f3438 !important;
    border:4px solid #fff !important;
    border-radius:999px !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button{
    display:none !important;
    width:0 !important;
    height:0 !important;
  }
}


/* =========================
   ISTANBUL DISTRICT SCROLLBAR END-CAP FIX 68
   Scrollbar çizgisi kalır; üst/alt sabit parça görüntüleri kaldırılır.
   Mobil header yapısına dokunmaz.
========================= */
@media (min-width:861px){
  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout{
    scrollbar-width:thin !important;
    scrollbar-color:#2f3438 transparent !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar{
    width:8px !important;
    background:transparent !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track,
  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track-piece,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track-piece{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    margin:0 !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track-piece:start,
  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track-piece:end,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track-piece:start,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track-piece:end{
    background:transparent !important;
    border:none !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-thumb,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-thumb{
    min-height:58px !important;
    background:#2f3438 !important;
    border:none !important;
    border-radius:999px !important;
    box-shadow:none !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button,
  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button:single-button,
  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button:vertical:start:decrement,
  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button:vertical:end:increment,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button:single-button,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button:vertical:start:decrement,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button:vertical:end:increment{
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:transparent !important;
    border:none !important;
  }

  html body #headerContainer .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-corner,
  html body .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-corner{
    background:transparent !important;
  }
}

/* =========================
   ISTANBUL DISTRICT LIST FINAL FIX 69
   İlçe kartında native scrollbar okları/üst-alt sabit parçaları kaldırılır.
   Scroll ile ilgili yalnızca kısa, kalın dikey thumb görünür.
   Mobil header yapısına dokunmaz.
========================= */
@media (min-width:861px){
  html body #headerContainer .district-flyout,
  html body .district-flyout{
    width:226px !important;
    min-width:226px !important;
    max-width:226px !important;
    max-height:min(420px, calc(100vh - 112px)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    padding-right:10px !important;
    scrollbar-gutter:auto !important;
    scrollbar-width:thin !important;
    scrollbar-color:#2f3438 transparent !important;
  }

  html body #headerContainer .district-flyout::-webkit-scrollbar,
  html body .district-flyout::-webkit-scrollbar{
    width:8px !important;
    height:0 !important;
    background:transparent !important;
    -webkit-appearance:none !important;
  }

  html body #headerContainer .district-flyout::-webkit-scrollbar-track,
  html body #headerContainer .district-flyout::-webkit-scrollbar-track-piece,
  html body #headerContainer .district-flyout::-webkit-scrollbar-track-piece:start,
  html body #headerContainer .district-flyout::-webkit-scrollbar-track-piece:end,
  html body .district-flyout::-webkit-scrollbar-track,
  html body .district-flyout::-webkit-scrollbar-track-piece,
  html body .district-flyout::-webkit-scrollbar-track-piece:start,
  html body .district-flyout::-webkit-scrollbar-track-piece:end{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    margin:0 !important;
  }

  html body #headerContainer .district-flyout::-webkit-scrollbar-button,
  html body #headerContainer .district-flyout::-webkit-scrollbar-button:single-button,
  html body #headerContainer .district-flyout::-webkit-scrollbar-button:vertical,
  html body #headerContainer .district-flyout::-webkit-scrollbar-button:vertical:start,
  html body #headerContainer .district-flyout::-webkit-scrollbar-button:vertical:end,
  html body #headerContainer .district-flyout::-webkit-scrollbar-button:vertical:start:decrement,
  html body #headerContainer .district-flyout::-webkit-scrollbar-button:vertical:end:increment,
  html body .district-flyout::-webkit-scrollbar-button,
  html body .district-flyout::-webkit-scrollbar-button:single-button,
  html body .district-flyout::-webkit-scrollbar-button:vertical,
  html body .district-flyout::-webkit-scrollbar-button:vertical:start,
  html body .district-flyout::-webkit-scrollbar-button:vertical:end,
  html body .district-flyout::-webkit-scrollbar-button:vertical:start:decrement,
  html body .district-flyout::-webkit-scrollbar-button:vertical:end:increment{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    -webkit-appearance:none !important;
  }

  html body #headerContainer .district-flyout::-webkit-scrollbar-thumb,
  html body .district-flyout::-webkit-scrollbar-thumb{
    min-height:58px !important;
    background:#2f3438 !important;
    background-clip:padding-box !important;
    border:2px solid transparent !important;
    border-radius:999px !important;
    box-shadow:none !important;
  }

  html body #headerContainer .district-flyout::-webkit-scrollbar-corner,
  html body .district-flyout::-webkit-scrollbar-corner{
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:transparent !important;
  }
}


/* =========================
   ISTANBUL DISTRICT SCROLLBAR HIDDEN FINAL 70
   İlçe kartı scroll çalışır; scrollbar görseli tamamen gizlenir.
   Mobil header yapısına dokunmaz.
========================= */
@media (min-width:861px){
  html body #headerContainer .district-flyout,
  html body .district-flyout{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
  }

  html body #headerContainer .district-flyout::-webkit-scrollbar,
  html body #headerContainer .district-flyout::-webkit-scrollbar-track,
  html body #headerContainer .district-flyout::-webkit-scrollbar-track-piece,
  html body #headerContainer .district-flyout::-webkit-scrollbar-thumb,
  html body #headerContainer .district-flyout::-webkit-scrollbar-button,
  html body #headerContainer .district-flyout::-webkit-scrollbar-corner,
  html body .district-flyout::-webkit-scrollbar,
  html body .district-flyout::-webkit-scrollbar-track,
  html body .district-flyout::-webkit-scrollbar-track-piece,
  html body .district-flyout::-webkit-scrollbar-thumb,
  html body .district-flyout::-webkit-scrollbar-button,
  html body .district-flyout::-webkit-scrollbar-corner{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:0 !important;
    -webkit-appearance:none !important;
  }
}

/* =========================
   FINAL DISTRICT FLYOUT: NO VISIBLE SCROLLBAR
   İstanbul ilçeleri eksiltilmez. Kart scroll çalışır; scrollbar görseli tamamen görünmez.
========================= */
@media (min-width:861px){
  html body #headerContainer .district-flyout,
  html body .district-flyout{
    width:218px !important;
    min-width:218px !important;
    max-width:218px !important;
    max-height:min(438px, calc(100vh - 132px)) !important;
    overflow:hidden !important;
    padding:8px 0 !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }

  html body #headerContainer .district-flyout .district-scroll-list,
  html body .district-flyout .district-scroll-list{
    display:flex !important;
    flex-direction:column !important;
    width:calc(100% + 32px) !important;
    max-height:calc(min(438px, calc(100vh - 132px)) - 16px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    padding:0 32px 0 0 !important;
    margin:0 -32px 0 0 !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
  }

  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-track,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-track-piece,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-thumb,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-button,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-corner,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-track,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-track-piece,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-thumb,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-button,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-corner,
  html body #headerContainer .district-flyout::-webkit-scrollbar,
  html body #headerContainer .district-flyout::-webkit-scrollbar-track,
  html body #headerContainer .district-flyout::-webkit-scrollbar-track-piece,
  html body #headerContainer .district-flyout::-webkit-scrollbar-thumb,
  html body #headerContainer .district-flyout::-webkit-scrollbar-button,
  html body #headerContainer .district-flyout::-webkit-scrollbar-corner,
  html body .district-flyout::-webkit-scrollbar,
  html body .district-flyout::-webkit-scrollbar-track,
  html body .district-flyout::-webkit-scrollbar-track-piece,
  html body .district-flyout::-webkit-scrollbar-thumb,
  html body .district-flyout::-webkit-scrollbar-button,
  html body .district-flyout::-webkit-scrollbar-corner{
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:0 !important;
    -webkit-appearance:none !important;
  }

  html body #headerContainer .district-flyout .district-scroll-list > .desktop-menu-item,
  html body .district-flyout .district-scroll-list > .desktop-menu-item{
    width:218px !important;
    max-width:218px !important;
  }
}

/* =========================
   FINAL ISTANBUL DISTRICT LIST: SCROLLBAR REMOVED
   Native scrollbar is disabled visually. Scroll is handled by header.js.
   No mobile header changes.
========================= */
@media (min-width:861px){
  html body #headerContainer .district-flyout,
  html body .district-flyout{
    width:218px !important;
    min-width:218px !important;
    max-width:218px !important;
    max-height:min(438px, calc(100vh - 132px)) !important;
    overflow:hidden !important;
    overflow-y:hidden !important;
    overflow-x:hidden !important;
    padding:8px 0 !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
  }

  html body #headerContainer .district-flyout::after,
  html body .district-flyout::after{
    content:none !important;
    display:none !important;
  }

  html body #headerContainer .district-flyout::-webkit-scrollbar,
  html body #headerContainer .district-flyout::-webkit-scrollbar-track,
  html body #headerContainer .district-flyout::-webkit-scrollbar-track-piece,
  html body #headerContainer .district-flyout::-webkit-scrollbar-thumb,
  html body #headerContainer .district-flyout::-webkit-scrollbar-button,
  html body #headerContainer .district-flyout::-webkit-scrollbar-corner,
  html body .district-flyout::-webkit-scrollbar,
  html body .district-flyout::-webkit-scrollbar-track,
  html body .district-flyout::-webkit-scrollbar-track-piece,
  html body .district-flyout::-webkit-scrollbar-thumb,
  html body .district-flyout::-webkit-scrollbar-button,
  html body .district-flyout::-webkit-scrollbar-corner{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:0 !important;
    -webkit-appearance:none !important;
  }

  html body #headerContainer .district-flyout .district-scroll-list,
  html body .district-flyout .district-scroll-list{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:100% !important;
    max-height:calc(min(438px, calc(100vh - 132px)) - 16px) !important;
    overflow:hidden !important;
    overflow-y:hidden !important;
    overflow-x:hidden !important;
    padding:0 !important;
    margin:0 !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
  }

  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-track,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-track-piece,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-thumb,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-button,
  html body #headerContainer .district-flyout .district-scroll-list::-webkit-scrollbar-corner,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-track,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-track-piece,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-thumb,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-button,
  html body .district-flyout .district-scroll-list::-webkit-scrollbar-corner{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:0 !important;
    -webkit-appearance:none !important;
  }

  html body #headerContainer .district-flyout .district-scroll-list > .desktop-menu-item,
  html body .district-flyout .district-scroll-list > .desktop-menu-item{
    width:100% !important;
    max-width:100% !important;
  }
}

/* =========================
   ISTANBUL DISTRICT LIST — HIDDEN NATIVE SCROLLBAR
   Kaydırma davranışı korunur; scrollbar, thumb, track ve odak çizgisi görünmez.
   Mobil header yapısına dokunmaz.
========================= */
@media (min-width:861px){
  html body #headerContainer .desktop-about-dropdown .district-flyout,
  html body .desktop-about-dropdown .district-flyout{
    overflow:hidden !important;
    overflow-y:hidden !important;
    overflow-x:hidden !important;
    scrollbar-gutter:auto !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
    background-image:none !important;
  }

  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:100% !important;
    max-height:calc(min(438px, calc(100vh - 132px)) - 16px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:auto !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
    padding:0 !important;
    margin:0 !important;
    outline:none !important;
    box-shadow:none !important;
  }

  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list:focus,
  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list:focus-visible,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list:focus,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list:focus-visible{
    outline:none !important;
    box-shadow:none !important;
  }

  html body #headerContainer .desktop-about-dropdown .district-flyout::-webkit-scrollbar,
  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar,
  html body .desktop-about-dropdown .district-flyout::-webkit-scrollbar,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    background:transparent !important;
    -webkit-appearance:none !important;
  }

  html body #headerContainer .desktop-about-dropdown .district-flyout::-webkit-scrollbar-track,
  html body #headerContainer .desktop-about-dropdown .district-flyout::-webkit-scrollbar-track-piece,
  html body #headerContainer .desktop-about-dropdown .district-flyout::-webkit-scrollbar-thumb,
  html body #headerContainer .desktop-about-dropdown .district-flyout::-webkit-scrollbar-button,
  html body #headerContainer .desktop-about-dropdown .district-flyout::-webkit-scrollbar-corner,
  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-track,
  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-track-piece,
  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-thumb,
  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-button,
  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-corner,
  html body .desktop-about-dropdown .district-flyout::-webkit-scrollbar-track,
  html body .desktop-about-dropdown .district-flyout::-webkit-scrollbar-track-piece,
  html body .desktop-about-dropdown .district-flyout::-webkit-scrollbar-thumb,
  html body .desktop-about-dropdown .district-flyout::-webkit-scrollbar-button,
  html body .desktop-about-dropdown .district-flyout::-webkit-scrollbar-corner,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-track,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-track-piece,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-thumb,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-button,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list::-webkit-scrollbar-corner{
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:0 !important;
    -webkit-appearance:none !important;
  }
}

/* =========================
   ISTANBUL DISTRICT PANEL — ZERO NATIVE SCROLLBAR
   The panel is clipped with overflow:hidden. District movement is performed
   with translate3d in assets/js/header.js, so no browser scrollbar exists.
   Desktop only; mobile navigation remains unchanged.
========================= */
@media (min-width:861px){
  html body #headerContainer .desktop-about-dropdown .district-flyout,
  html body .desktop-about-dropdown .district-flyout{
    position:absolute !important;
    overflow:hidden !important;
    overflow-x:hidden !important;
    overflow-y:hidden !important;
    scrollbar-gutter:auto !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
  }

  html body #headerContainer .desktop-about-dropdown .district-flyout .district-scroll-list,
  html body .desktop-about-dropdown .district-flyout .district-scroll-list{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    overscroll-behavior:none !important;
    scrollbar-gutter:auto !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
    padding:0 !important;
    margin:0 !important;
    outline:0 !important;
    border:0 !important;
    box-shadow:none !important;
    transform:translate3d(0, var(--district-scroll-offset, 0px), 0) !important;
    will-change:transform;
  }

  html body #headerContainer .desktop-about-dropdown .district-flyout::before,
  html body #headerContainer .desktop-about-dropdown .district-flyout::after,
  html body .desktop-about-dropdown .district-flyout::before,
  html body .desktop-about-dropdown .district-flyout::after{
    content:none !important;
    display:none !important;
  }

  html body #headerContainer .desktop-about-dropdown .district-flyout::-webkit-scrollbar,
  html body #headerContainer .desktop-about-dropdown .district-flyout *::-webkit-scrollbar,
  html body .desktop-about-dropdown .district-flyout::-webkit-scrollbar,
  html body .desktop-about-dropdown .district-flyout *::-webkit-scrollbar{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:0 !important;
    -webkit-appearance:none !important;
  }
}

/* =========================
   ISTANBUL DISTRICT PANEL — DEFINITIVE ZERO SCROLLBAR 77
   Native scrolling is eliminated at the panel level. The existing
   translate3d wheel/keyboard behavior in assets/js/header.js remains active.
   Desktop only; mobile navigation is unchanged.
========================= */
@media (min-width:861px){
  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout{
    overflow:clip !important;
    overflow-x:clip !important;
    overflow-y:clip !important;
    overscroll-behavior:none !important;
    scrollbar-gutter:auto !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
    padding-right:0 !important;
    background-image:none !important;
  }

  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout > .district-scroll-list,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout > .district-scroll-list{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    overscroll-behavior:none !important;
    scrollbar-gutter:auto !important;
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    transform:translate3d(0, var(--district-scroll-offset, 0px), 0) !important;
  }

  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::before,
  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::after,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::before,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::after{
    content:none !important;
    display:none !important;
  }

  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar,
  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout *::-webkit-scrollbar,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout *::-webkit-scrollbar{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:0 !important;
    -webkit-appearance:none !important;
  }

  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track,
  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track-piece,
  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-thumb,
  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button,
  html body #headerContainer #desktopAboutGroup .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-corner,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-track-piece,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-thumb,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-button,
  html body #headerContainer #desktopAboutGroupFallback .desktop-about-dropdown > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .desktop-flyout > .desktop-menu-group > .district-flyout::-webkit-scrollbar-corner{
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:0 !important;
    -webkit-appearance:none !important;
  }
}

/* =========================
   HOME HEADER PRIMARY NAV WHITE ONLY 82
   Mevcut anasayfa header ölçüleri, fontu ve etkileşim stili korunur.
   Yalnızca ana seçeneklerin metin rengi beyazdır.
========================= */
@media (min-width:861px){
  html body #headerContainer .tmz-desktop-nav > a,
  html body .tmz-header .tmz-desktop-nav > a,
  html body #headerContainer .tmz-desktop-nav > .desktop-about-menu > .desktop-about-toggle,
  html body .tmz-header .tmz-desktop-nav > .desktop-about-menu > .desktop-about-toggle{
    color:#fff !important;
  }
}

/* =========================
   SHARED HEADER GEOMETRY LOCK
   Bu blok dosyanin sonunda kalir; sayfa CSS'leri ayni header'i oynatamaz.
========================= */
#headerContainer,
#headerContainer *,
.tmz-header,
.tmz-header *{
  box-sizing:border-box;
}

html body #headerContainer{
  min-height:72px !important;
}

html body #headerContainer .tmz-header,
html body header.tmz-header{
  width:100% !important;
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  padding:0 clamp(20px, 4vw, 56px) !important;
  align-items:center !important;
}

html body #headerContainer .tmz-logo,
html body #headerContainer .logo.tmz-logo,
html body #headerContainer .tmz-header-right,
html body #headerContainer .right.tmz-header-right{
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  align-items:center !important;
}

html body #headerContainer .tmz-logo a,
html body #headerContainer .logo.tmz-logo a{
  font-size:22px !important;
  line-height:1 !important;
}

html body #headerContainer .tmz-desktop-nav{
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  align-items:center !important;
}

html body #headerContainer .tmz-header-right > .auth,
html body #headerContainer #guestMenu,
html body #headerContainer #userMenu{
  min-height:44px !important;
  align-items:center !important;
}

@media (max-width:640px){
  html body #headerContainer{
    min-height:70px !important;
  }

  html body #headerContainer .tmz-header,
  html body header.tmz-header{
    height:70px !important;
    min-height:70px !important;
    max-height:70px !important;
    padding:0 20px !important;
  }
}

/* =========================
   MOBILE APP-LIKE HEADER — FINAL
   360-768px akışkan mobil düzen. Desktop kurallarına dokunmaz.
========================= */
@media (max-width:768px){
  html{
    overflow-x:hidden;
  }

  html body{
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden;
  }

  html body #headerContainer{
    width:100% !important;
    min-height:64px !important;
    background:#000 !important;
  }

  html body #headerContainer .tmz-header,
  html body header.tmz-header{
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:0 max(16px, env(safe-area-inset-left)) 0 max(16px, env(safe-area-inset-right)) !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    background:#000 !important;
  }

  html body #headerContainer .tmz-logo,
  html body #headerContainer .logo.tmz-logo{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    flex:0 0 auto !important;
  }

  html body #headerContainer .tmz-logo a,
  html body #headerContainer .logo.tmz-logo a{
    display:inline-flex !important;
    align-items:center !important;
    min-height:44px !important;
    font-size:21px !important;
    line-height:1 !important;
    letter-spacing:-.8px !important;
    white-space:nowrap !important;
  }

  html body #headerContainer .tmz-desktop-nav{
    display:none !important;
  }

  html body #headerContainer .tmz-header-right,
  html body #headerContainer .right.tmz-header-right{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin-left:auto !important;
    gap:8px !important;
  }

  html body #headerContainer .auth{
    min-width:0 !important;
    gap:8px !important;
  }

  html body #headerContainer #guestMenu,
  html body #headerContainer #userMenu,
  html body #headerContainer .tmz-header-right > .auth{
    display:none !important;
  }

  html body #headerContainer .header-help-link,
  html body #headerContainer .header-auth-link:not(.header-help-link){
    display:none !important;
  }

  html body #headerContainer .btn-white,
  html body #headerContainer .tmz-header .btn-white{
    min-height:40px !important;
    max-width:132px !important;
    padding:0 14px !important;
    font-size:13px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  html body #headerContainer .menu-icon,
  html body #headerContainer .tmz-fallback-menu-link{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:23px !important;
    line-height:1 !important;
    flex:0 0 44px !important;
  }

  .burger-menu{
    top:64px !important;
    height:calc(100dvh - 64px) !important;
    max-height:calc(100dvh - 64px) !important;
    overscroll-behavior:contain !important;
    padding-bottom:env(safe-area-inset-bottom) !important;
  }

  .burger-menu .menu-page{
    min-height:100% !important;
    padding-bottom:max(28px, env(safe-area-inset-bottom)) !important;
  }

  .burger-menu .mobile-auth-block{
    display:block;
    padding:18px 20px 16px;
    border-bottom:1px solid rgba(0,0,0,.09);
  }

  .burger-menu .mobile-auth-block[hidden]{
    display:none !important;
  }

  .burger-menu .mobile-auth-primary,
  .burger-menu .mobile-auth-secondary{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    touch-action:manipulation;
  }

  .burger-menu .mobile-auth-primary{
    background:#000;
    color:#fff;
  }

  .burger-menu .mobile-register-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:8px;
  }

  .burger-menu .mobile-auth-secondary{
    min-width:0;
    padding:8px 10px;
    background:#e4e4e4;
    color:#111;
    overflow-wrap:anywhere;
  }

  .burger-menu .item,
  .burger-menu .main-toggle{
    min-height:58px !important;
    padding:16px 20px !important;
    font-size:clamp(23px, 7vw, 28px) !important;
  }

  .burger-menu .sub-link,
  .burger-menu .sub-toggle{
    min-height:48px !important;
    padding:13px 20px 13px 42px !important;
    font-size:15px !important;
  }

  .burger-menu .city-link{
    min-height:46px !important;
    padding:12px 20px 12px 58px !important;
    font-size:14px !important;
  }

  .user-panel{
    height:100dvh !important;
    max-height:100dvh !important;
    padding:max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
}

@media (min-width:769px){
  .burger-menu .mobile-auth-block{
    display:none !important;
  }
}

@media (max-width:380px){
  html body #headerContainer .tmz-header,
  html body header.tmz-header{
    padding-left:12px !important;
    padding-right:12px !important;
    gap:6px !important;
  }

  html body #headerContainer .btn-white,
  html body #headerContainer .tmz-header .btn-white{
    padding:0 11px !important;
    font-size:12.5px !important;
  }
}