/* Qalamoun Market 3.1.4 — Mobile spacing hotfix
   Scope: mobile public header + home search/categories spacing only. */

@media (max-width:700px){
  /* Remove the artificial extra band above the fixed header while preserving
     the real device safe-area on notched phones. */
  .topbar.app-header{
    top:-1px!important;
    height:calc(var(--top-h,64px) + env(safe-area-inset-top,0px) + 1px)!important;
    min-height:calc(var(--top-h,64px) + env(safe-area-inset-top,0px) + 1px)!important;
    padding-top:env(safe-area-inset-top,0px)!important;
    padding-bottom:0!important;
    border-top:0!important;
  }

  /* Keep the flow spacer matched to the usable header height. */
  .app-header-spacer{
    height:calc(var(--top-h,64px) + env(safe-area-inset-top,0px))!important;
    margin:0!important;
    padding:0!important;
  }

  /* Home: search and categories should read as one app surface, not as two
     web sections separated by stacked margin + padding. */
  body.home-v310 .home-search-app{
    margin-bottom:0!important;
  }
  body.home-v310 .categories-section{
    margin-top:0!important;
    padding-top:9px!important;
  }
  body.home-v310 .categories-section .home-section-head{
    margin-top:0!important;
  }
}

html[data-theme="dark"] .topbar.app-header{
  border-top:0!important;
}