/* =========================================================
   V21.06 — SADECE MASAÜSTÜ ÜST MENÜ
   Referans: çok katmanlı modern e-ticaret header mimarisi.
   Mobil, slider, ürün kartları ve sayfa içeriklerine dokunmaz.
   ========================================================= */

@media (min-width:761px){

  :root{
    --lxh-ink:#17191d;
    --lxh-muted:#767b82;
    --lxh-line:#e6e7e9;
    --lxh-soft:#f7f7f7;
    --lxh-accent:#f47a18;
    --lxh-wrap:1180px;
  }

  /* -------- siyah üst bilgi şeridi -------- */
  .lom-topline{
    min-height:30px!important;
    height:30px!important;
    background:#090909!important;
    border:0!important;
  }
  .lom-topline .lom-wrap{
    width:min(var(--lxh-wrap),calc(100% - 36px))!important;
    max-width:var(--lxh-wrap)!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    gap:24px!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:650!important;
  }
  .lom-topline .lom-top-help{
    margin-left:auto!important;
  }
  .lom-topline a{color:#fff!important;text-decoration:none!important}

  /* -------- tüm desktop header sabit -------- */
  .lom-header{
    position:sticky!important;
    top:0!important;
    z-index:1600!important;
    background:#fff!important;
    border-bottom:0!important;
    box-shadow:0 7px 22px rgba(15,23,42,.055)!important;
    backdrop-filter:none!important;
  }

  /* -------- ince yardımcı link şeridi -------- */
  .lux-desktop-utility{
    display:flex!important;
    height:38px!important;
    border-bottom:1px solid #efefef!important;
    background:#fff!important;
  }
  .lux-desktop-utility-inner{
    width:min(var(--lxh-wrap),calc(100% - 36px))!important;
    max-width:var(--lxh-wrap)!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
  }
  .lux-desktop-utility-left,
  .lux-desktop-utility-right{
    display:flex!important;
    align-items:center!important;
    gap:22px!important;
    min-width:0!important;
  }
  .lux-desktop-utility a{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    color:#25282d!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:600!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .lux-desktop-utility a:hover{color:var(--lxh-accent)!important}
  .lux-desktop-utility svg{
    width:14px!important;
    height:14px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    flex:0 0 auto!important;
  }

  /* -------- ana header satırı -------- */
  .lom-header .lom-wrap.lom-head-main{
    width:min(var(--lxh-wrap),calc(100% - 36px))!important;
    max-width:var(--lxh-wrap)!important;
    min-height:98px!important;
    height:98px!important;
    display:grid!important;
    grid-template-columns:170px minmax(300px,1fr) 178px auto!important;
    align-items:center!important;
    column-gap:20px!important;
    padding:0!important;
  }

  .lom-header .lom-logo{
    width:170px!important;
    min-width:170px!important;
    height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0!important;
  }
  .lom-header .lom-logo img{
    max-width:154px!important;
    max-height:54px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
  }

  /* -------- büyük ve temiz arama -------- */
  .lom-header .lom-search{
    width:100%!important;
    height:50px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 50px!important;
    align-items:center!important;
    border:1.5px solid #2b2e33!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .lom-header .lom-search>.lom-search-leading{
    display:none!important;
  }

  .lom-header .lom-search input{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    height:47px!important;
    margin:0!important;
    padding:0 17px!important;
    border:0!important;
    outline:0!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#202226!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:47px!important;
  }
  .lom-header .lom-search input::placeholder{
    color:#8b8f95!important;
    opacity:1!important;
  }

  .lom-header .lom-search>.lom-search-submit{
    position:relative!important;
    grid-column:2!important;
    width:44px!important;
    min-width:44px!important;
    height:42px!important;
    margin:3px!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:#16181c!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .lom-header .lom-search>.lom-search-submit::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    margin:auto!important;
    width:19px!important;
    height:19px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:19px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E")!important;
  }
  .lom-header .lom-search:focus-within{
    border-color:#16181c!important;
    box-shadow:0 0 0 3px rgba(23,25,29,.055)!important;
  }
  .lom-header .lom-search.is-open{
    overflow:visible!important;
    z-index:2100!important;
  }

  /* -------- müşteri hizmetleri -------- */
  .lux-desktop-service{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:178px!important;
    min-width:178px!important;
    height:52px!important;
    color:#202226!important;
    text-decoration:none!important;
  }
  .lux-desktop-service-icon{
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    color:#1d2024!important;
  }
  .lux-desktop-service-icon svg{
    width:29px!important;
    height:29px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.6!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .lux-desktop-service-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    min-width:0!important;
  }
  .lux-desktop-service-copy small{
    color:#8a8e93!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:600!important;
  }
  .lux-desktop-service-copy b{
    color:#26282c!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  /* -------- hesap / bildirim / favori / sepet -------- */
  .lom-header .lom-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:13px!important;
    min-width:0!important;
    height:66px!important;
  }

  .lom-header .lom-action-card,
  .lom-header .lom-member-trigger{
    width:66px!important;
    min-width:66px!important;
    height:66px!important;
    min-height:66px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#1c1e22!important;
    box-shadow:none!important;
  }

  .lom-header .lom-action-card:hover,
  .lom-header .lom-member-trigger:hover{
    color:var(--lxh-accent)!important;
    background:transparent!important;
  }

  .lom-header .lom-action-icon,
  .lom-header .lom-member-avatar{
    position:relative!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:currentColor!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  .lom-header .lom-action-icon svg{
    width:25px!important;
    height:25px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .lom-header .lom-action-copy{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-size:9px!important;
    font-weight:700!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .lom-header .lom-action-copy small{display:none!important}
  .lom-header .lom-action-copy b{font:inherit!important}

  .lom-header .lom-account-action .lom-action-copy{font-size:0!important}
  .lom-header .lom-account-action .lom-action-copy::after{
    content:"Üyelik";
    font-size:9px;
  }
  .lom-header .lom-favorites-action .lom-action-copy{font-size:0!important}
  .lom-header .lom-favorites-action .lom-action-copy::after{
    content:"Favoriler";
    font-size:9px;
  }
  .lom-header .lom-cart-action .lom-action-copy{font-size:0!important}
  .lom-header .lom-cart-action .lom-action-copy::after{
    content:"Sepetiniz";
    font-size:9px;
  }
  .lom-header .lom-notification-action .lom-action-copy{font-size:0!important}
  .lom-header .lom-notification-action .lom-action-copy::after{
    content:"Bildirimler";
    font-size:9px;
  }

  .lom-header .lom-cart-pill,
  .lom-header .lom-notification-badge{
    position:absolute!important;
    right:-4px!important;
    top:-5px!important;
    min-width:17px!important;
    height:17px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 4px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#e22d2d!important;
    color:#fff!important;
    font-size:8px!important;
    font-style:normal!important;
    font-weight:850!important;
    line-height:1!important;
  }

  /* Üye olmuş kullanıcıda profile özel mevcut dropdown aynen korunur */
  .lom-header .lom-member-profile{
    width:72px!important;
    min-width:72px!important;
    position:relative!important;
  }
  .lom-header .lom-member-copy,
  .lom-header .lom-member-chevron{
    display:none!important;
  }
  .lom-header .lom-member-trigger::after{
    content:"Üyelik";
    display:block;
    font-size:9px;
    font-weight:700;
    line-height:1;
  }
  .lom-header .lom-member-dropdown{
    right:-120px!important;
    top:70px!important;
  }

  /* -------- kategori / ana navigasyon -------- */
  .lom-header .lom-nav{
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    border-top:1px solid var(--lxh-line)!important;
    border-bottom:1px solid var(--lxh-line)!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .lom-header .lom-nav-inner{
    width:min(var(--lxh-wrap),calc(100% - 36px))!important;
    max-width:var(--lxh-wrap)!important;
    height:53px!important;
    display:flex!important;
    align-items:stretch!important;
    gap:0!important;
    padding:0!important;
  }

  .lom-header .lom-cat-menu{
    position:relative!important;
    flex:0 0 188px!important;
    width:188px!important;
    height:53px!important;
    margin-right:18px!important;
  }
  .lom-header .lom-cat-menu>button{
    width:188px!important;
    height:38px!important;
    margin:7px 0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:1px solid #1f2227!important;
    border-radius:6px!important;
    background:#fff!important;
    color:#202226!important;
    font-size:11px!important;
    font-weight:850!important;
    letter-spacing:0!important;
    box-shadow:none!important;
  }
  .lom-header .lom-cat-menu>button:hover{
    border-color:var(--lxh-accent)!important;
    color:var(--lxh-accent)!important;
  }

  .lom-header .lom-cat-dropdown{
    top:53px!important;
    left:0!important;
    width:270px!important;
    max-height:440px!important;
    padding:8px 0!important;
    border:1px solid #d9dade!important;
    border-radius:0 0 7px 7px!important;
    background:#fff!important;
    box-shadow:0 14px 32px rgba(15,23,42,.13)!important;
    overflow-y:auto!important;
  }
  .lom-header .lom-cat-dropdown>a{
    min-height:43px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:0 15px!important;
    border-bottom:1px solid #f0f1f2!important;
    color:#303238!important;
    font-size:10.5px!important;
    font-weight:620!important;
    text-decoration:none!important;
  }
  .lom-header .lom-cat-dropdown>a:hover{
    padding-left:18px!important;
    background:#f8f8f8!important;
    color:var(--lxh-accent)!important;
  }
  .lom-header .lom-cat-dropdown>a small{
    color:#999!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }

  .lom-header .lom-managed-menu{
    height:53px!important;
    display:flex!important;
    align-items:stretch!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .lom-header .lom-managed-menu>a,
  .lom-header .lom-nav-inner>a{
    width:100%!important;
    min-width:0!important;
    height:53px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0 10px!important;
    color:#24262a!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:750!important;
    line-height:1.15!important;
    text-align:center!important;
    border-bottom:2px solid transparent!important;
    white-space:normal!important;
  }
  .lom-header .lom-managed-menu>a:hover,
  .lom-header .lom-nav-inner>a:hover{
    color:var(--lxh-accent)!important;
    border-bottom-color:var(--lxh-accent)!important;
  }

  .lom-header .lom-managed-dropdown{
    top:53px!important;
    border:1px solid #e1e2e5!important;
    border-radius:0 0 7px 7px!important;
    box-shadow:0 14px 30px rgba(15,23,42,.11)!important;
  }

  /* mobil elemanlar desktopta asla görünmez */
  .lom-header .app-mobile-topbar,
  .lom-header .lom-mobile-menu,
  .lom-header .lom-mobile-nav{
    display:none!important;
  }

}

/* Orta masaüstü çözünürlükte aynı hiyerarşi korunur */
@media (min-width:761px) and (max-width:1180px){
  .lom-header .lom-wrap.lom-head-main{
    width:calc(100% - 28px)!important;
    grid-template-columns:145px minmax(270px,1fr) 150px auto!important;
    column-gap:12px!important;
  }
  .lom-header .lom-logo{width:145px!important;min-width:145px!important}
  .lom-header .lom-logo img{max-width:136px!important}
  .lux-desktop-service{width:150px!important;min-width:150px!important}
  .lux-desktop-service-copy b{font-size:11px!important}
  .lom-header .lom-actions{gap:7px!important}
  .lom-header .lom-action-card,
  .lom-header .lom-member-trigger{width:54px!important;min-width:54px!important}
  .lom-header .lom-cat-menu{flex-basis:165px!important;width:165px!important;margin-right:8px!important}
  .lom-header .lom-cat-menu>button{width:165px!important;font-size:10px!important}
  .lom-header .lom-managed-menu>a,
  .lom-header .lom-nav-inner>a{font-size:9px!important;padding:0 6px!important}
  .lux-desktop-utility-inner,
  .lom-header .lom-nav-inner{width:calc(100% - 28px)!important}
}

/* =========================================================
   V21.07 — SADECE MASAÜSTÜ
   1) Üst alan scroll sırasında tamamen sabit
   2) Ana menü tipografisi tek tip, büyük ve BÜYÜK HARF
   3) KATEGORİLER sağındaki aşağı ok kaldırıldı
   Mobil dahil başka hiçbir alan etkilenmez.
   ========================================================= */
@media (min-width:761px){

  /* Siyah bilgi şeridi de üstte kalsın */
  .lom-topline{
    position:sticky!important;
    top:0!important;
    z-index:1720!important;
    transform:translateZ(0)!important;
  }

  /* Tüm desktop header, siyah şeridin hemen altında sabit */
  .lom-header{
    position:sticky!important;
    top:30px!important;
    z-index:1710!important;
    transform:translateZ(0)!important;
    background:#fff!important;
  }

  /* Ana menüde tüm üst seviye yazılar aynı karakter yapısında */
  .lom-header .lom-cat-menu>button,
  .lom-header .lom-managed-menu>a,
  .lom-header .lom-nav-inner>a{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.1!important;
    letter-spacing:.015em!important;
    text-transform:uppercase!important;
  }

  /* Kategoriler butonu da diğer menülerle aynı hizaya gelsin */
  .lom-header .lom-cat-menu>button{
    justify-content:flex-start!important;
    gap:9px!important;
    white-space:nowrap!important;
  }

  /* Eski/tema kaynaklı aşağı ok kalıntılarının tamamını kaldır */
  .lom-header .lom-cat-menu>button em,
  .lom-header .lom-cat-menu>button::after{
    content:none!important;
    display:none!important;
  }

  /* Dinamik menülerde olası alt menü okları ana yazı boyutunu bozmasın */
  .lom-header .lom-managed-menu>a>em{
    margin-left:4px!important;
    font-size:9px!important;
    line-height:1!important;
    font-style:normal!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  .lom-header .lom-cat-menu>button,
  .lom-header .lom-managed-menu>a,
  .lom-header .lom-nav-inner>a{
    font-size:11px!important;
  }
}