/* Ana site header: logo ile arama arasındaki kategori alanı */
.site-logo-search-row { display:flex; align-items:center; }
.site-logo-column, .site-search-column, .header-category-column { display:flex; align-items:center; }
.site-logo-column { justify-content:center; }
.site-logo-link { display:flex; align-items:center; justify-content:center; width:100%; }
.site-logo-image { max-width:100%; object-fit:contain; }
.header-category-column { justify-content:center; }
.header-category-slot { width:100%; background:transparent; border:0; }
.header-category-slot .dis { width:100%; }
.header-category-slot .category-mega-menu { max-width:none; }
.header-category-slot .category-mega-menu__trigger { width:100%; justify-content:center; min-height:42px; padding:0 8px; border:1px solid #e7ebef; border-radius:8px; background:#fff; white-space:nowrap; font-size:12px; }
.header-category-slot .category-mega-menu__panel { top:47px; left:-220px; right:auto; width:min(820px,65vw); }
.site-search-column { justify-content:center; }
.site-search-form { display:flex; align-items:stretch; width:100%; max-width:470px; margin-left:auto; margin-right:auto; }
.site-search-form input { flex:1 1 auto; min-width:0; height:42px; padding:0 14px; border-radius:8px 0 0 8px; outline:none; }
.site-search-form button { flex:0 0 68px; height:42px; border-radius:0 8px 8px 0; cursor:pointer; }
@media (max-width:991px) and (min-width:768px) {
  .header-category-slot .category-mega-menu__panel { left:-160px; width:620px; }
}
@media (max-width:767px) {
  .site-logo-search-row { display:block; }
  .site-logo-column, .site-search-column, .header-category-column { display:block; width:100%; }
  .site-logo-link { justify-content:center; padding:4px 0 8px; }
  .site-logo-image { margin:0 auto; }
  .header-category-column { padding:0 10px 4px; }
  .header-category-slot { display:block; }
  .header-category-slot .category-mega-menu__trigger { min-height:40px; }
  .header-category-slot .category-mega-menu__panel { display:none; }
  .site-search-form { max-width:none; margin:8px 0 2px; }
}

/* Kalıcı masaüstü hizalama: eski 62vw + 220px kaydırmasını geçersiz kılar. */
@media (min-width: 768px) {
  .site-logo-search-row { width:100%; margin-left:0; margin-right:0; display:flex; flex-wrap:nowrap; align-items:center; }
  .site-logo-column, .header-category-column, .site-search-column, .site-account-column { float:none; }
  .site-logo-column, .header-category-column, .site-search-column, .site-account-column { min-width:0; }
  .site-search-column { padding-right:0; }
  .site-account-column { padding-left:0; }
  .site-account-column { display:flex; align-items:center; justify-content:flex-end; gap:8px; overflow:visible; }
  .site-account-column .destek { float:none !important; flex:0 0 145px; width:145px; min-width:0; margin-right:0; }
  .site-account-column .destek div:last-child a { font-size:13px; letter-spacing:-.15px; white-space:nowrap; }
  .site-account-column .menu2 { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center; justify-content:flex-end; gap:6px; float:none !important; width:auto !important; margin:0; flex:0 0 auto; }
  .site-account-column .menu2 li { display:inline-flex !important; float:none !important; flex:0 0 auto; width:auto !important; padding-right:0; margin-right:0; }
  .site-account-column .menu2 li a { float:none; display:flex; align-items:center; justify-content:center; white-space:nowrap; }
  .site-account-column .menu2 li:first-child a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; min-width:95px; height:58px; text-align:center; padding:2px 8px; line-height:1; box-sizing:border-box; }
  .site-account-column .menu2 li:first-child a i { display:block; flex:0 0 22px; line-height:22px; font-size:24px; }
  .site-account-column .menu2 li:first-child a .account-label { display:block; position:static !important; left:auto !important; right:auto !important; color:#2a3643 !important; margin:0 !important; padding:0 !important; font-size:13px; line-height:14px; font-weight:600; }
  .site-account-column .menu2 li:first-child a .account-subtitle { display:block; position:static !important; left:auto !important; right:auto !important; color:#2a3643 !important; margin:0 !important; padding:0 !important; font-size:9px; line-height:10px; font-weight:400; }
}

/* Masaüstü header: dört ana alanın birbirini itmesini engelleyen sabit kolon düzeni. */
@media (min-width: 1200px) {
  .site-logo-search-row { display:grid !important; grid-template-columns:minmax(0,24%) minmax(0,16%) minmax(0,28%) minmax(0,32%); width:100%; margin:0; align-items:center; }
  .site-logo-search-row > .site-logo-column,
  .site-logo-search-row > .header-category-column,
  .site-logo-search-row > .site-search-column,
  .site-logo-search-row > .site-account-column { width:auto !important; max-width:none; min-width:0; margin:0; float:none; box-sizing:border-box; }
  .site-logo-search-row > .site-logo-column { grid-column:1; grid-row:1; }
  .site-logo-search-row > .header-category-column { grid-column:2; grid-row:1; }
  .site-logo-search-row > .site-search-column { grid-column:3; grid-row:1; }
  .site-logo-search-row > .site-account-column { grid-column:4; grid-row:1; }
  .site-logo-search-row > .site-logo-column,
  .site-logo-search-row > .header-category-column,
  .site-logo-search-row > .site-search-column { padding-left:10px; padding-right:10px; }
  .site-logo-search-row > .site-account-column { padding-left:4px; padding-right:0; }
  .site-search-column .site-search-form { max-width:none; }
  .site-account-column { gap:6px; }
  .site-account-column .destek { flex-basis:135px; width:135px; }
  .site-account-column .destek div:last-child a { font-size:12px; }
  .site-account-column .menu2 { gap:4px; }
  .site-account-column .menu2 li:first-child a { min-width:88px; }
}

/* Hesap/sepet alanı: eski float kurallarının yatay kaydırmasını engeller. */
#sepet { right:0; left:auto; width:min(300px,100vw); max-width:100vw; box-sizing:border-box; }

/* Mobil header: çağrı merkezi ayrı satırda, Hesabım/Giriş Yap ve Sepetim aynı güvenli satırda. */
@media (max-width: 767px) {
  .site-logo-search-row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }
  .site-logo-search-row > .site-logo-column,
  .site-logo-search-row > .header-category-column,
  .site-logo-search-row > .site-search-column,
  .site-logo-search-row > .site-account-column {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    float: none;
  }
  .site-account-column {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 8px 10px 4px !important;
    overflow: visible !important;
  }
  .site-account-column .destek {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box;
    white-space: nowrap;
  }
  .site-account-column .destek > div:first-child { flex: 0 0 auto; margin-right: 7px; }
  .site-account-column .destek > div:last-child { min-width: 0; text-align: left; }
  .site-account-column .destek a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
  .site-account-column .menu2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    justify-content: stretch;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0;
    float: none !important;
    box-sizing: border-box;
    gap: 8px;
  }
  .site-account-column .menu2 li {
    display: flex !important;
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }
  .site-account-column .menu2 li a,
  .site-account-column .menu2 li:first-child a {
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 58px;
    padding: 4px 6px !important;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 1.1;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .site-account-column .menu2 li a i { flex: 0 0 22px; line-height: 22px; }
  .site-account-column .menu2 li a .account-label,
  .site-account-column .menu2 li a .account-subtitle { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .site-account-column .menu2 li:last-child a { flex-direction: row; gap: 5px; }
  .site-account-column .menu2 li:last-child a i { flex-basis: auto; }
  .site-logo-search-row .site-search-form { width: 100%; max-width: 100%; box-sizing: border-box; }
}

/* Mobil hesap kutusu: eski absolute label kurallarını kesin olarak geçersiz kılar. */
@media (max-width: 767px) {
  .site-account-column .menu2 li:first-child a i {
    position: static !important;
    display: block !important;
    width: auto;
    height: 22px;
    margin: 0 0 2px !important;
    padding: 0 !important;
    font-size: 24px;
    line-height: 22px;
    transform: none !important;
  }
  .site-account-column .menu2 li:first-child a .account-label,
  .site-account-column .menu2 li:first-child a .account-subtitle {
    position: static !important;
    display: block !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    transform: none !important;
  }
  .site-account-column .menu2 li:first-child a .account-label {
    color: #2a3643 !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
  }
  .site-account-column .menu2 li:first-child a .account-subtitle {
    color: #2a3643 !important;
    font-size: 9px;
    font-weight: 400;
    line-height: 11px;
  }
}