.mobile-header.mobile-2,
  .mobile-header.mobile-2 *{box-sizing:border-box}

  .mobile-header.mobile-2{
    /* Olcu sistemi */
    --vh-cell:52px;          /* her aksiyon hucresi ayni genislik */
    --vh-gap:6px;            /* ikonlar arasi TEK ve esit aralik */
    --vh-edge:8px;           /* kart ic kenar boslugu */
    --vh-row:54px;           /* hucre yuksekligi */
    --vh-icon:24px;          /* ikon gorsel kutusu (kare) */
    --vh-label:10px;         /* etiket punto */
    --vh-search:40px;        /* arama kutusu yuksekligi */
    --vh-search-btn:32px;    /* arama butonu */
    --vh-logo:28px;          /* logo azami yukseklik — tek ayar noktasi */
    --vh-sticky-top:0px;      /* yapisirken tepeye tam oturur */

    /* Renk sistemi — Viva mavisi */
    --vh-primary:#1875d2;
    --vh-primary-hover:#145ea8;
    --vh-icon-color:#1875d2;
    --vh-ink:#243447;
    --vh-text:#41505f;
    --vh-soft:#f2f7fd;
    --vh-border:rgba(24,117,210,.22);

    position:-webkit-sticky!important;
    position:sticky!important;
    top:var(--vh-sticky-top)!important;
    z-index:99990!important;

    width:calc(100% - 12px)!important;
    margin:6px auto 10px!important;
    padding:0!important;
    border:1px solid var(--vh-border)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(36,52,71,.07)!important;
    color:var(--vh-text)!important;
    font-family:Poppins,Arial,sans-serif!important;
    overflow:visible!important;
    transition:box-shadow .18s ease!important;
  }

  .mobile-header.mobile-2.is-stuck{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    border-radius:0!important;
    box-shadow:0 10px 26px rgba(36,52,71,.16)!important;
  }

  .mobile-header.mobile-2.is-stuck .mobile-top-bar,
  .mobile-header.mobile-2.is-stuck .mobile-search-group{
    border-radius:0!important;
  }

  /* Kararli sticky denetleyicisi header'i bu fixed moda gecirir. */
  .mobile-header.mobile-2.is-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:1px solid var(--vh-border)!important;
    border-radius:0!important;
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
    transform:translateZ(0)!important;
    will-change:transform!important;
  }

  /* v29 - BODY UST BOSLUGU
     Olculdu: body'de padding-top:66px var (teshis: "body pt=66px").
     Journal'in mobil sticky header ayari, kendi fixed header'i icin
     body'ye telafi boslugu ekliyor. Bizim header akista durdugu icin
     bu bosluk aciga cikip header'in USTUNDE bos alan olarak goruluyor.
     Mobil header gorunurken sifirlanir; masaustu duzeni etkilenmez.
     KALICI COZUM: Journal > Header > Mobile > Sticky Header ayarini
     kapatmak. Bu kural o ayar acik kalsa da bosluk olusmasin diye var. */
  body.vh-mobile-header-live{
    padding-top:0!important;
  }

  /* Header fixed/kompakt olurken normal akistaki TAM yukseklik korunur. */
  .vh-header-spacer{
    display:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    pointer-events:none!important;
  }

  .vh-sticky-sentinel{
    width:100%!important;height:1px!important;
    margin:0!important;padding:0!important;pointer-events:none!important;
  }

  /* ---------------- Ust bar ---------------- */
  .mobile-header.mobile-2 .mobile-top-bar{
    min-height:0!important;
    border:0!important;
    background:transparent!important;
    border-radius:16px 16px 0 0!important;
  }
  .mobile-header.mobile-2 .mobile-top-bar:empty,
  .mobile-header.mobile-2 .mobile-top-menu-wrapper:empty{display:none!important}

  /* ---------------- Ana satir ----------------
     Hucreler esit genislikte ve icerik hucrede ORTALANIR:
     ikon merkezleri arasi mesafe her yerde var(--vh-cell) + var(--vh-gap). */
  .mobile-header.mobile-2 .mobile-bar.sticky-bar{
    position:relative!important;
    display:grid!important;
    grid-template-rows:var(--vh-row)!important;
    grid-auto-flow:column!important;
    align-items:center!important;
    justify-items:center!important;
    justify-content:stretch!important;
    column-gap:var(--vh-gap)!important;
    row-gap:0!important;
    width:100%!important;
    min-width:0!important;
    height:calc(var(--vh-row) + 12px)!important;
    min-height:calc(var(--vh-row) + 12px)!important;
    margin:0!important;
    padding:6px var(--vh-edge)!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  /* Hucre sayisi Twig'den gelir (repeat() icinde var() calismaz). */
  .mobile-header.mobile-2 .mobile-bar.vh-cells-2{grid-template-columns:minmax(0,1fr) repeat(2,var(--vh-cell))!important}
  .mobile-header.mobile-2 .mobile-bar.vh-cells-3{grid-template-columns:minmax(0,1fr) repeat(3,var(--vh-cell))!important}
  .mobile-header.mobile-2 .mobile-bar.vh-cells-4{grid-template-columns:minmax(0,1fr) repeat(4,var(--vh-cell))!important;--vh-cell:48px}
  .mobile-header.mobile-2 .mobile-bar.vh-cells-5{grid-template-columns:minmax(0,1fr) repeat(5,var(--vh-cell))!important;--vh-cell:42px;--vh-gap:4px}

  /* Grid sirasi: Logo | Takip | (Ara) | Menu | Sepetim */
  .mobile-header.mobile-2 .mobile-logo-wrapper{order:1!important;justify-self:stretch!important}
  .mobile-header.mobile-2 .mobile-custom-menu-1{order:2!important}
  .mobile-header.mobile-2 .mobile-custom-menu-2{order:3!important}
  .mobile-header.mobile-2 .vh-mobile-search-toggle{order:4!important}
  .mobile-header.mobile-2 .menu-trigger{order:5!important}
  .mobile-header.mobile-2 .mobile-cart-wrapper{order:6!important}

  /* ---------------- Logo (gorsel) ---------------- */
  .mobile-header.mobile-2 .mobile-logo-wrapper{
    position:relative!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:var(--vh-row)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;padding:0 2px!important;
    overflow:hidden!important;
    left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;
  }
  .mobile-header.mobile-2 .mobile-logo-wrapper #logo,
  .mobile-header.mobile-2 .mobile-logo-wrapper #logo > a,
  .mobile-header.mobile-2 .mobile-logo-wrapper #logo h1,
  .mobile-header.mobile-2 .mobile-logo-wrapper #logo h1 > a{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;max-width:100%!important;height:auto!important;
    margin:0!important;padding:0!important;
    left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;
    white-space:nowrap!important;
    color:#111!important;
    font-size:22px!important;
    font-weight:600!important;
    line-height:1!important;
    text-decoration:none!important;
  }
  .mobile-header.mobile-2 .mobile-logo-wrapper #logo img{
    display:block!important;
    width:auto!important;max-width:100%!important;
    height:auto!important;max-height:var(--vh-logo)!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
  }

  /* Tema, logo gorseline kendi genislik/konum kuralini uyguluyor ve gorsel
     kartin sol kenarindan tasiyordu. Ozgulluk yukseltilerek kilitlenir. */
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-logo-wrapper{
    justify-self:start!important;
    justify-content:flex-start!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-logo-wrapper #logo,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-logo-wrapper #logo > a,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-logo-wrapper #logo h1,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-logo-wrapper #logo h1 > a{
    position:static!important;
    float:none!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    inset:auto!important;
    text-align:left!important;
    transform:none!important;
  }
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-logo-wrapper #logo img{
    position:static!important;
    float:none!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:var(--vh-logo)!important;
    margin:0!important;
    padding:0!important;
    inset:auto!important;
    transform:none!important;
  }

  /* ---------------- Aksiyon hucreleri ---------------- */
  .mobile-header.mobile-2 .mobile-custom-menu,
  .mobile-header.mobile-2 .vh-mobile-search-toggle,
  .mobile-header.mobile-2 .menu-trigger,
  .mobile-header.mobile-2 .mobile-cart-wrapper{
    position:relative!important;
    width:var(--vh-cell)!important;
    min-width:var(--vh-cell)!important;
    max-width:var(--vh-cell)!important;
    height:var(--vh-row)!important;
    min-height:var(--vh-row)!important;
    margin:0!important;padding:0!important;
    left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;
    opacity:1!important;visibility:visible!important;
    overflow:visible!important;
  }

  /* Sepet hucresi tema markup'i ne olursa olsun hizalanir. */
  .mobile-header.mobile-2 .mobile-cart-wrapper > *,
  .mobile-header.mobile-2 .mobile-cart-wrapper > * > *,
  .mobile-header.mobile-2 .mobile-cart-wrapper .dropdown,
  .mobile-header.mobile-2 .mobile-cart-wrapper #cart{
    position:relative!important;
    width:100%!important;max-width:100%!important;height:100%!important;
    margin:0!important;padding:0!important;
    float:none!important;
    left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;
  }
  .mobile-header.mobile-2 .mobile-cart-wrapper .dropdown-menu,
  .mobile-header.mobile-2 .mobile-cart-wrapper .dropdown-menu *{
    height:auto!important;width:auto!important;
  }
  .mobile-header.mobile-2 .mobile-cart-wrapper .dropdown-menu{
    position:absolute!important;right:0!important;left:auto!important;
    min-width:230px!important;
  }

  /* Ic yerlesim: ikon ustte, etiket altta */
  .mobile-header.mobile-2 .mobile-custom-menu,
  .mobile-header.mobile-2 .vh-mobile-search-toggle button,
  .mobile-header.mobile-2 .menu-trigger button,
  .mobile-header.mobile-2 .mobile-cart-wrapper .cart-heading,
  .mobile-header.mobile-2 .mobile-cart-wrapper .vh-cart-link{
    box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;
    height:var(--vh-row)!important;
    min-height:var(--vh-row)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    margin:0!important;
    padding:2px 0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    color:var(--vh-text)!important;
    font-family:Poppins,Arial,sans-serif!important;
    font-size:var(--vh-label)!important;
    font-weight:500!important;
    line-height:1!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-header.mobile-2 .mobile-bar.sticky-bar > *,
  .mobile-header.mobile-2 .mobile-bar.sticky-bar > * > *,
  .mobile-header.mobile-2 .mobile-custom-menu::before,
  .mobile-header.mobile-2 .menu-trigger button::before,
  .mobile-header.mobile-2 .mobile-cart-wrapper .cart-heading::after{
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Tema kaynakli ic bosluk/kaydirma kilidi (ozgulluk yukseltilmis).
     Journal'in .menu-trigger button kurali ikonu hucre ortasindan kaydiriyor. */
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-custom-menu,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .vh-mobile-search-toggle button,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .menu-trigger button,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-cart-wrapper .cart-heading,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-cart-wrapper .vh-cart-link{
    padding:2px 0!important;
    margin:0!important;
    border:0!important;
    text-indent:0!important;
    min-width:0!important;
    max-width:100%!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    float:none!important;
    inset:auto!important;
  }
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .menu-trigger,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .vh-mobile-search-toggle,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-cart-wrapper{
    padding:0!important;
    margin:0!important;
    justify-self:center!important;
  }

  /* Genis ekranda (yatay mod) temanin min-width kurallari sepet ikonunu
     link icinde kaydiriyordu. Rozet disindaki tum torunlar sabitlenir. */
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading > *:not(.count-badge),
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading > *:not(.count-badge) > *,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .vh-cart-link > *:not(.count-badge){
    position:static!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 auto!important;
  }
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .vh-cart-link{
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }

  /* ---- Ikon kutulari: hepsi birebir ayni kare ---- */
  .mobile-header.mobile-2 .mobile-custom-menu::before,
  .mobile-header.mobile-2 .vh-mobile-search-toggle button i,
  .mobile-header.mobile-2 .menu-trigger button::before,
  .mobile-header.mobile-2 .mobile-cart-wrapper i,
  .mobile-header.mobile-2 .mobile-cart-wrapper .fa,
  .mobile-header.mobile-2 .mobile-cart-wrapper svg{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:var(--vh-icon)!important;
    height:var(--vh-icon)!important;
    min-width:0!important;
    margin:0!important;padding:0!important;
    font-size:var(--vh-icon)!important;
    line-height:var(--vh-icon)!important;
    color:var(--vh-icon-color)!important;
    transform:none!important;
  }
  .mobile-header.mobile-2 .mobile-cart-wrapper i::before,
  .mobile-header.mobile-2 .mobile-cart-wrapper .fa::before,
  .mobile-header.mobile-2 .vh-mobile-search-toggle button i::before{
    position:static!important;display:block!important;margin:0!important;
    font-size:var(--vh-icon)!important;line-height:var(--vh-icon)!important;
  }
  .mobile-header.mobile-2 .mobile-cart-wrapper i::after,
  .mobile-header.mobile-2 .mobile-cart-wrapper .fa::after,
  .mobile-header.mobile-2 .mobile-cart-wrapper .cart-heading::before{
    display:none!important;content:none!important;
  }

  /* Menu: uc cizgi, digerleriyle optik esit agirlikta */
  .mobile-header.mobile-2 .menu-trigger button::before{
    content:""!important;
    border:0!important;border-radius:0!important;
    background:
      linear-gradient(var(--vh-icon-color),var(--vh-icon-color)) center 4px/22px 2px no-repeat,
      linear-gradient(var(--vh-icon-color),var(--vh-icon-color)) center 11px/22px 2px no-repeat,
      linear-gradient(var(--vh-icon-color),var(--vh-icon-color)) center 18px/22px 2px no-repeat!important;
  }
  .mobile-header.mobile-2 .menu-trigger button::after{display:none!important;content:none!important}

  /* ---- Etiketler ---- */
  .mobile-header.mobile-2 .mobile-custom-menu .links-text,
  .mobile-header.mobile-2 .mobile-custom-menu > span:not(.count-badge),
  .mobile-header.mobile-2 .vh-mobile-search-toggle button span,
  .mobile-header.mobile-2 .menu-trigger button span,
  .mobile-header.mobile-2 .vh-cell-label{
    display:block!important;
    position:static!important;
    width:auto!important;max-width:100%!important;
    margin:0!important;padding:0!important;
    color:var(--vh-text)!important;
    font-family:Poppins,Arial,sans-serif!important;
    font-size:var(--vh-label)!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:-.1px!important;
    white-space:nowrap!important;
    text-align:center!important;
    text-decoration:none!important;
    transform:none!important;
  }

  /* Sepet: tema metinleri gizlenir, etiket JS ile eklenir. */
  .mobile-header.mobile-2 .mobile-cart-wrapper .cart-heading > span:not(.count-badge):not(.vh-cell-label),
  .mobile-header.mobile-2 .mobile-cart-wrapper .cart-total,
  .mobile-header.mobile-2 .mobile-cart-wrapper .cart-amount,
  .mobile-header.mobile-2 .mobile-cart-wrapper .cart-heading::after{
    display:none!important;content:none!important;
  }

  /* Rozetler */
  .mobile-header.mobile-2 .mobile-custom-menu .count-badge{display:none!important}
  .mobile-header.mobile-2 .mobile-cart-wrapper .count-badge{
    position:absolute!important;
    z-index:5!important;
    top:-3px!important;
    right:-6px!important;
    left:auto!important;
    width:auto!important;height:18px!important;min-width:18px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 4px!important;
    border:2px solid #fff!important;
    border-radius:10px!important;
    background:#d91f32!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:600!important;
    line-height:14px!important;
  }

  /* Dokunma geri bildirimi — SADECE gercek imleci olan cihazlarda.
     Dokunmatikte :hover son dokunulan ogede takili kalip zemini ve
     tema kaynakli beyaz ikon rengini uzerine yapistiriyordu. */
  @media (hover:hover) and (pointer:fine){
    .mobile-header.mobile-2 .mobile-custom-menu:hover,
    .mobile-header.mobile-2 .vh-mobile-search-toggle button:hover,
    .mobile-header.mobile-2 .vh-mobile-search-toggle button[aria-expanded="true"],
    .mobile-header.mobile-2 .menu-trigger button:hover,
    .mobile-header.mobile-2 .mobile-cart-wrapper .cart-heading:hover{
      outline:0!important;
      background:var(--vh-soft)!important;
      box-shadow:none!important;
    }
  }

  /* Durum kilidi: hover/focus/active/visited farketmez — zemin, renk,
     saydamlik ve filtre sabit kalir. */
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-custom-menu:hover,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-custom-menu:active,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-custom-menu:focus,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .menu-trigger button:hover,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .menu-trigger button:active,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-cart-wrapper .cart-heading:hover,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-cart-wrapper .cart-heading:active,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-cart-wrapper .cart-heading:focus,
  .mobile-header.mobile-2.mobile-2 .mobile-bar.sticky-bar .mobile-cart-wrapper .cart-heading:visited{
    background:transparent!important;
    opacity:1!important;
    filter:none!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }

  /* Ikon rengi her durumda ayni — tema hover'da beyaza cevirmesin. */
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading i,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading .fa,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading svg,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading:hover i,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading:hover .fa,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading:hover svg,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading:active i,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading:active .fa,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading:focus i,
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .cart-heading:focus .fa{
    color:var(--vh-icon-color)!important;
    -webkit-text-fill-color:var(--vh-icon-color)!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
  }

  /* SVG ikon: sadece halihazirda dolgusu/cizgisi olan parcalar boyanir,
     boylece cizgi (outline) ikon icini doldurup blob'a donmez. */
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper svg [fill]:not([fill="none"]),
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper svg[fill]:not([fill="none"]){
    fill:currentColor!important;
  }
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper svg [stroke]:not([stroke="none"]),
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper svg[stroke]:not([stroke="none"]){
    stroke:currentColor!important;
  }

  /* Rozet bu kilitten muaf: kirmizi zemin + beyaz yazi kalir. */
  .mobile-header.mobile-2.mobile-2 .mobile-cart-wrapper .count-badge{
    -webkit-text-fill-color:#fff!important;
  }
  .mobile-header.mobile-2 .vh-mobile-search-toggle button:focus-visible,
  .mobile-header.mobile-2 .menu-trigger button:focus-visible,
  .mobile-header.mobile-2 .mobile-custom-menu:focus-visible,
  .mobile-header.mobile-2 .mobile-cart-wrapper .cart-heading:focus-visible{
    outline:2px solid var(--vh-primary-hover)!important;
    outline-offset:1px!important;
  }

  /* ---------------- Arama ---------------- */
  /* Ortak govde */
  .mobile-header.mobile-2 .mobile-search-group{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    border-radius:0 0 16px 16px!important;
    transition:border-radius .15s ease!important;
    background:#fff!important;
  }

  /* inline mod: her zaman gorunur */
  .mobile-header.mobile-2 .mobile-search-group.vh-search-inline{
    padding:0 var(--vh-edge) 8px!important;
    overflow:hidden!important;
    max-height:calc(var(--vh-search) + 8px)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:max-height .22s ease,opacity .18s ease,padding .22s ease,visibility 0s linear 0s!important;
  }

  /* toggle mod: acilir panel */
  .mobile-header.mobile-2 .mobile-search-group.vh-search-panel{
    max-height:0!important;
    padding:0 var(--vh-edge)!important;
    overflow:hidden!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-4px)!important;
    transition:max-height .22s ease,opacity .18s ease,transform .18s ease,padding .22s ease!important;
  }
  .mobile-header.mobile-2 .mobile-search-group.vh-search-panel.is-open{
    max-height:72px!important;
    padding:6px var(--vh-edge) 8px!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateY(0)!important;
    border-top:1px solid var(--vh-border)!important;
  }

  .mobile-header.mobile-2 .mobile-search-wrapper,
  .mobile-header.mobile-2 .mobile-search-wrapper #search{
    width:100%!important;height:var(--vh-search)!important;margin:0!important;padding:0!important;
  }
  .mobile-header.mobile-2 .mobile-search-wrapper .dropdown,
  .mobile-header.mobile-2 .mobile-search-wrapper .dropdown-menu{
    width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  .mobile-header.mobile-2 .mobile-search-wrapper .search-trigger{display:none!important}

  .mobile-header.mobile-2.mobile-2 .mobile-search-wrapper .header-search{
    width:100%!important;
    height:var(--vh-search)!important;
    min-height:0!important;
    max-height:var(--vh-search)!important;
    display:flex!important;align-items:center!important;
    overflow:hidden!important;margin:0!important;
    border:1px solid var(--vh-border)!important;
    border-radius:11px!important;
    background:#fbfdff!important;
    box-shadow:none!important;
  }
  .mobile-header.mobile-2 .mobile-search-wrapper .header-search:focus-within{
    border-color:rgba(24,117,210,.45)!important;
    box-shadow:0 0 0 3px rgba(24,117,210,.10)!important;
  }
  .mobile-header.mobile-2 .mobile-search-wrapper .search-input{
    flex:1 1 auto!important;min-width:0!important;width:auto!important;
    height:calc(var(--vh-search) - 2px)!important;
    min-height:0!important;
    padding:0 12px!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
    color:var(--vh-text)!important;
    font-family:Poppins,Arial,sans-serif!important;
    font-size:12px!important;
  }
  .mobile-header.mobile-2 .mobile-search-wrapper .search-input::placeholder{
    color:#8d97a3!important;opacity:1!important;
  }
  .mobile-header.mobile-2.mobile-2 .mobile-search-wrapper .search-button{
    position:relative!important;inset:auto!important;
    flex:0 0 var(--vh-search-btn)!important;
    width:var(--vh-search-btn)!important;
    height:var(--vh-search-btn)!important;
    min-height:0!important;
    padding:0!important;
    margin:0 4px 0 0!important;
    border:0!important;border-radius:8px!important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.7' cy='10.7' r='6.7' stroke='%23fff' stroke-width='1.7'/%3E%3Cpath d='m15.7 15.7 4.2 4.2' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")
      center/19px 19px no-repeat,
      linear-gradient(135deg,var(--vh-primary),var(--vh-primary-hover))!important;
    color:#fff!important;
  }
  .mobile-header.mobile-2 .mobile-search-wrapper .search-button i{display:none!important}
  .mobile-header.mobile-2 .mobile-search-wrapper .search-button:before,
  .mobile-header.mobile-2 .mobile-search-wrapper .search-button:after{
    display:none!important;content:none!important;
  }

  /* ---------------- Dar ekranlar ---------------- */
  @media(max-width:389px){
    .mobile-header.mobile-2{--vh-cell:48px;--vh-gap:5px;--vh-edge:6px;--vh-icon:22px}
    .mobile-header.mobile-2 .mobile-bar.vh-cells-4{--vh-cell:44px}
    .mobile-header.mobile-2 .mobile-bar.vh-cells-5{--vh-cell:38px;--vh-gap:3px}
    .mobile-header.mobile-2{--vh-logo:25px;--vh-search:38px;--vh-search-btn:30px}
  }
  @media(max-width:359px){
    .mobile-header.mobile-2{--vh-cell:44px;--vh-gap:4px;--vh-edge:5px;--vh-icon:21px;--vh-label:9px}
    .mobile-header.mobile-2 .mobile-bar.vh-cells-4{--vh-cell:42px}
    .mobile-header.mobile-2 .mobile-bar.vh-cells-5{--vh-cell:36px;--vh-gap:2px}
    .mobile-header.mobile-2{--vh-logo:23px;--vh-search:36px;--vh-search-btn:28px}
  }

  @media(prefers-reduced-motion:reduce){
    .mobile-header.mobile-2,
    .mobile-header.mobile-2 .mobile-search-group{transition:none!important}
  }

  /* ================================================================
     MENU MODALI — FA4 ikonlar, tema mavisi, rozetsiz
     ================================================================ */
  .vh-menu-modal{
    position:fixed!important;
    inset:0!important;
    z-index:100000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:16px!important;
    opacity:0;visibility:hidden;
    transition:opacity .18s ease,visibility .18s ease;
  }
  .vh-menu-modal.is-open{opacity:1;visibility:visible}

  .vh-menu-backdrop{
    position:absolute;inset:0;
    background:rgba(13,26,43,.5);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
  }

  .vh-menu-sheet{
    position:relative;
    display:flex;flex-direction:column;
    width:min(430px,100%);
    max-height:min(84vh,720px);
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    box-shadow:0 24px 60px rgba(13,26,43,.3);
    transform:translateY(14px) scale(.985);
    opacity:0;
    transition:transform .22s cubic-bezier(.2,.8,.3,1),opacity .22s ease;
    font-family:Poppins,Arial,sans-serif;
  }
  .vh-menu-modal.is-open .vh-menu-sheet{transform:none;opacity:1}

  /* Ust marka seridi — site kartlarindaki mavi cizgiyle ayni dil */
  .vh-menu-sheet::before{
    content:"";
    position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,#1875d2,#63aef3);
  }

  .vh-menu-head{
    display:flex;align-items:center;justify-content:space-between;
    flex:0 0 auto;
    padding:16px 16px 14px;
    border-bottom:1px solid #eef3f9;
  }
  .vh-menu-head h2{
    margin:0;
    color:#16273c;
    font-size:14px;font-weight:600;
    letter-spacing:.6px;text-transform:uppercase;
  }
  .vh-menu-close{
    width:34px;height:34px;
    display:grid;place-items:center;
    padding:0;margin:0;border:0;border-radius:50%;
    background:#eef5fd;color:#1875d2;
    font-size:16px;line-height:1;cursor:pointer;
  }
  .vh-menu-close:active{background:#dceafa}

  .vh-menu-scroll{
    flex:1 1 auto;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  /* Hesap / iletisim / blog — kategorilerden ayri hizli erisim */
  .vh-menu-quick{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:14px;
    background:#f6faff;
    border-bottom:1px solid #eef3f9;
  }
  .vh-menu-quick.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vh-menu-quick.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vh-menu-quick:empty{display:none}

  .vh-menu-quick a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:12px 6px!important;
    border:1px solid #e2edf9!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#16273c!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.2!important;
    text-align:center!important;
    text-decoration:none!important;
  }
  .vh-menu-quick a:active{background:#f0f7ff!important;border-color:#cfe3f8!important}
  .vh-menu-quick .vh-q-ico{
    width:38px!important;height:38px!important;
    display:grid!important;place-items:center!important;
    border-radius:50%!important;
    background:#e9f3fd!important;
    color:#1875d2!important;
    font-size:16px!important;
  }

  /* Hizli erisim ve kategori ikonlari gercek Font Awesome 4'tur. */
  .vh-menu-quick .vh-q-ico > .fa,
  .vh-mi .vh-mi-ico > .fa{
    position:static!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-family:FontAwesome!important;
    font-style:normal!important;
    font-weight:normal!important;
    line-height:1!important;
    text-align:center!important;
    transform:none;
  }
  .vh-menu-quick .vh-q-ico > .fa{font-size:17px!important}
  .vh-mi .vh-mi-ico > .fa{font-size:16px!important}
  .vh-mi-ico > .vh-fa-oval,
  .vh-q-ico > .vh-fa-oval{transform:scaleX(1.35)!important}

  /* Kategori listesi */
  .vh-menu-list{padding:2px 0 8px}

  .vh-mi{position:relative;border-bottom:1px solid #f2f6fa}
  .vh-mi:last-child{border-bottom:0}

  .vh-mi > a{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:54px;
    padding:11px 16px!important;
    margin:0!important;border:0!important;
    background:transparent!important;
    color:#16273c!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.3!important;
    text-decoration:none!important;
    text-transform:none!important;
  }
  .vh-mi > a:active{background:#f5faff!important}
  .vh-mi.has-sub > a{padding-right:56px!important}

  .vh-mi .vh-mi-ico{
    flex:0 0 auto!important;
    width:36px!important;height:36px!important;
    display:grid!important;place-items:center!important;
    border-radius:11px!important;
    background:#eef5fd!important;
    color:#1875d2!important;
    font-size:15px!important;
  }
  .vh-mi .vh-mi-tx{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Alt kategorisi olanlarda + / - akordeon dugmesi */
  .vh-mi-toggle{
    position:absolute;top:0;right:0;
    width:54px;height:54px;
    display:grid;place-items:center;
    padding:0;margin:0;border:0;background:transparent;cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .vh-mi-toggle .vh-pm{
    position:relative;
    display:block;
    width:28px;height:28px;
    border-radius:9px;
    background:#eef5fd;
    transition:background .2s ease;
  }
  .vh-mi-toggle .vh-pm::before,
  .vh-mi-toggle .vh-pm::after{
    content:"";
    position:absolute;
    top:50%;left:50%;
    background:#1875d2;
    border-radius:2px;
    transition:transform .22s cubic-bezier(.2,.8,.3,1),opacity .18s ease,background .2s ease;
  }
  .vh-mi-toggle .vh-pm::before{
    width:12px;height:2px;
    transform:translate(-50%,-50%);
  }
  .vh-mi-toggle .vh-pm::after{
    width:2px;height:12px;
    transform:translate(-50%,-50%);
  }

  /* Acikken: mavi cip + eksi isareti */
  .vh-mi.is-open > .vh-mi-toggle .vh-pm{background:#1875d2}
  .vh-mi.is-open > .vh-mi-toggle .vh-pm::before{background:#fff}
  .vh-mi.is-open > .vh-mi-toggle .vh-pm::after{
    background:#fff;
    transform:translate(-50%,-50%) rotate(90deg) scaleX(0);
    opacity:0;
  }
  .vh-mi-toggle:active .vh-pm{background:#dceafa}
  .vh-mi.is-open > .vh-mi-toggle:active .vh-pm{background:#145ea8}

  .vh-mi-sub{
    max-height:0;overflow:hidden;
    background:#f8fbff;
    transition:max-height .25s ease;
  }
  .vh-mi.is-open > .vh-mi-sub{max-height:1400px}

  .vh-mi-sub a{
    display:block!important;
    padding:12px 16px 12px 64px!important;
    border-top:1px solid #edf3fa!important;
    background:transparent!important;
    color:#42566c!important;
    font-size:13.5px!important;
    font-weight:400!important;
    text-decoration:none!important;
    text-transform:none!important;
  }
  .vh-mi-sub a:active{background:#eaf3fd!important}

  .vh-mi .vh-mi-ico svg{width:20px;height:20px;display:block}
  .vh-menu-quick .vh-q-ico svg{width:20px;height:20px;display:block}
  .vh-menu-close .vh-close-ico{display:grid;place-items:center;pointer-events:none}
  .vh-menu-close .vh-close-ico svg{width:15px;height:15px;display:block}
  .vh-menu-close i,.vh-mi-ico i,.vh-q-ico i{pointer-events:none}

  body.vh-menu-locked{overflow:hidden!important}

  @media (max-width:359px){
    .vh-mi > a{font-size:14px!important;gap:10px!important}
    .vh-menu-quick a{font-size:11px!important}
  }

  @media (prefers-reduced-motion:reduce){
    .vh-menu-modal,.vh-menu-sheet,.vh-mi-sub,.vh-mi-toggle::before{transition:none!important}
  }

  /* ================================================================
     KOMPAKT MOD — header yapisinca arama cubugu ikona doner
     ================================================================ */

  /* inline modda arama ikonu normalde gizli, sadece yapisinca cikar */
  .mobile-header.mobile-2.vh-search-inline:not(.is-compact) .vh-mobile-search-toggle{
    display:none!important;
  }

  /* yapisinca hucre sayisi bir artar */
  .mobile-header.mobile-2.vh-search-inline.is-compact .mobile-bar.vh-cells-2{
    grid-template-columns:minmax(0,1fr) repeat(3,var(--vh-cell))!important;
  }
  .mobile-header.mobile-2.vh-search-inline.is-compact .mobile-bar.vh-cells-3{
    grid-template-columns:minmax(0,1fr) repeat(4,var(--vh-cell))!important;
  }
  .mobile-header.mobile-2.vh-search-inline.is-compact .mobile-bar.vh-cells-4{
    grid-template-columns:minmax(0,1fr) repeat(5,var(--vh-cell))!important;
    --vh-cell:44px;
  }
  .mobile-header.mobile-2.vh-search-inline.is-compact .mobile-bar.vh-cells-5{
    grid-template-columns:minmax(0,1fr) repeat(6,var(--vh-cell))!important;
    --vh-cell:40px;--vh-gap:4px;
  }

  /* yapisinca arama cubugu kapanir; ikona basilinca acilir */
  .mobile-header.mobile-2.vh-search-inline.is-compact .mobile-search-group.vh-search-inline{
    max-height:0!important;
    padding:0 var(--vh-edge)!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:max-height .22s ease,opacity .18s ease,padding .22s ease,visibility 0s linear .22s!important;
  }
  .mobile-header.mobile-2.vh-search-inline.is-compact .mobile-search-group.vh-search-inline.is-open{
    max-height:72px!important;
    padding:6px var(--vh-edge) 8px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    border-top:1px solid var(--vh-border)!important;
    transition-delay:0s!important;
  }

  /* arama ikonu kutusu (SVG) */
  .mobile-header.mobile-2 .vh-mobile-search-toggle button .vh-ico{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:var(--vh-icon)!important;
    height:var(--vh-icon)!important;
    margin:0!important;
    color:var(--vh-icon-color)!important;
    flex:0 0 auto!important;
  }
  .mobile-header.mobile-2 .vh-mobile-search-toggle button .vh-ico svg{
    width:100%;height:100%;display:block;
  }