/* v3.12.97 — Tablet çekmece menüsü ve marka hiyerarşisi kalıcı düzeltme */
@media (min-width:768px) and (max-width:1366px){
  /* Tablet çekmecesi: önceki display:none kurallarını kesin olarak ezer. */
  html:not(.patoz-login-first) #app.app-shell.host-app>.host-sidebar{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    z-index:1202!important;
    width:min(82vw,360px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:calc(16px + env(safe-area-inset-top,0px)) 15px calc(18px + env(safe-area-inset-bottom,0px))!important;
    flex-direction:column!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fff!important;
    border-right:1px solid #e8e1f3!important;
    box-shadow:22px 0 54px rgba(37,21,78,.24)!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .24s ease!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html:not(.patoz-login-first) body.mobile-menu-open #app.app-shell.host-app>.host-sidebar{
    transform:translate3d(0,0,0)!important;
  }
  html:not(.patoz-login-first) #app.app-shell.host-app>.mobile-drawer-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1201!important;
    margin:0!important;
    background:rgba(28,16,62,.42)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .24s ease,visibility .24s ease!important;
  }
  html:not(.patoz-login-first) body.mobile-menu-open #app.app-shell.host-app>.mobile-drawer-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html:not(.patoz-login-first) .mobile-drawer-close{
    display:grid!important;
    place-items:center!important;
  }

  /* Header marka bloğu: başlık tek satır, sürüm hemen altında. */
  html:not(.patoz-login-first) .host-mobile-brand{
    display:grid!important;
    grid-template-columns:30px minmax(145px,max-content)!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:1px!important;
    align-items:center!important;
    flex:0 0 auto!important;
    min-width:190px!important;
    max-width:245px!important;
    width:auto!important;
    overflow:visible!important;
  }
  html:not(.patoz-login-first) .host-mobile-brand>img{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    flex:0 0 30px!important;
    padding:3px!important;
    align-self:center!important;
  }
  html:not(.patoz-login-first) .host-mobile-brand>span{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    width:max-content!important;
    max-width:205px!important;
    overflow:visible!important;
  }
  html:not(.patoz-login-first) .host-mobile-brand strong{
    display:block!important;
    width:max-content!important;
    max-width:205px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:16px!important;
    line-height:1.08!important;
    font-weight:800!important;
  }
  html:not(.patoz-login-first) .host-mobile-brand small{
    display:block!important;
    width:max-content!important;
    margin:3px 0 0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:600!important;
  }
}