/* SORFPANEL — Mobile quick menu final layout fix
   Keeps the quick-menu system functional while visually separating its card
   from the category tabs above it. Loaded last so older theme overrides cannot win. */
@media (max-width:768px){
  html body.home-mobile-ready .mobile-home-only{
    background:#f5f5f6!important;
  }

  html body.home-mobile-ready .mobile-home-only .mh-tabs{
    position:relative!important;
    z-index:5!important;
    height:auto!important;
    min-height:45px!important;
    margin:0!important;
    padding-top:6px!important;
    padding-bottom:8px!important;
    align-items:center!important;
    background:#fff!important;
    border-bottom:1px solid #eceef0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    box-sizing:border-box!important;
  }

  html body.home-mobile-ready .mobile-home-only .mh-quick-rail{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    box-sizing:border-box!important;
    margin:14px 12px 10px!important;
    padding:20px 12px 13px!important;
    gap:16px!important;
    align-items:flex-start!important;
    background:#fff!important;
    border:1px solid #eceef1!important;
    border-radius:15px!important;
    box-shadow:0 4px 14px rgba(16,24,40,.07)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail::-webkit-scrollbar{display:none!important}

  html body.home-mobile-ready .mobile-home-only .mh-quick-rail>a{
    flex:0 0 72px!important;
    min-width:72px!important;
    width:72px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    text-align:center!important;
    color:#292929!important;
    text-decoration:none!important;
  }

  html body.home-mobile-ready .mobile-home-only .mh-quick-rail>a>span{
    display:grid!important;
    place-items:center!important;
    width:58px!important;
    height:58px!important;
    margin:0 auto 8px!important;
    padding:0!important;
    border:2px solid #f0ded2!important;
    border-radius:50%!important;
    background:#fff8f3!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    font-size:28px!important;
  }
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail>a>span>img{
    width:100%!important;
    height:100%!important;
    padding:4px!important;
    box-sizing:border-box!important;
    object-fit:contain!important;
  }

  html body.home-mobile-ready .mobile-home-only .mh-quick-rail>a>em{
    position:absolute!important;
    z-index:2!important;
    top:-11px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    max-width:70px!important;
    padding:3px 6px!important;
    border:2px solid #fff!important;
    border-radius:10px!important;
    background:#f56600!important;
    color:#fff!important;
    box-sizing:border-box!important;
    font-size:7px!important;
    line-height:1.05!important;
    font-style:normal!important;
    font-weight:700!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body.home-mobile-ready .mobile-home-only .mh-quick-rail>a>b{
    display:block!important;
    min-height:30px!important;
    margin:0!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:normal!important;
  }

  /* Keep the following banner completely clear of the quick-menu card. */
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail + .mh-banner-row{
    margin-top:0!important;
  }
}

@media (max-width:370px){
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail{
    gap:13px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail>a{
    flex-basis:68px!important;
    min-width:68px!important;
    width:68px!important;
  }
}

/* 2026-08-10 — GERCEK FIX: mobil ana kategori pill alt kenar kirpilmasi.
   Not: Horizontal scroll overflow-y'yi de auto yapabildigi icin nav yuksekligi,
   padding ve pill yuksekligi toplamindan buyuk tutulur. Sadece bu bolgeyi etkiler. */
@media (max-width:768px){
  html body.home-mobile-ready .mobile-home-only > .mh-tabs{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:8px 12px 11px!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    background:#fff!important;
    border-bottom:1px solid #eceef0!important;
    scrollbar-width:none!important;
  }
  html body.home-mobile-ready .mobile-home-only > .mh-tabs::-webkit-scrollbar{display:none!important}
  html body.home-mobile-ready .mobile-home-only > .mh-tabs > a{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 13px!important;
    box-sizing:border-box!important;
    border:1px solid #dedede!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#4c4d52!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  html body.home-mobile-ready .mobile-home-only > .mh-tabs > a.active{
    background:var(--mh-accent,#ff6b00)!important;
    border-color:var(--mh-accent,#ff6b00)!important;
    color:#fff!important;
  }
}