/* Phase 4: fixed mobile chrome, compact catalogue controls, and safe overlays. */
@media (max-width:800px){
  body{padding-top:116px!important}
  header{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:64px!important;z-index:110!important}
  .quick-nav{position:fixed!important;top:64px!important;left:0!important;right:0!important;width:100%!important;height:52px!important;z-index:109!important;background:#f7f5f0!important}
  .quick-nav a{white-space:nowrap;font-size:11px!important}
  .category-page{z-index:140!important}
  .category-page-bar{position:sticky!important;top:0!important;z-index:145!important}
  .category-tools #category-language-menu{position:fixed!important;top:58px!important;right:12px!important;left:auto!important;z-index:210!important;max-height:calc(100vh - 74px)!important;overflow:auto!important}
  [dir="rtl"] .category-tools #category-language-menu{left:12px!important;right:auto!important}
  .category-page.show{padding-top:0!important}
  .category-page .category-page-inner{padding-top:32px!important}
  .category-page.compact .category-intro{display:none!important}
  .category-page.compact .library-controlbar{position:sticky!important;top:64px!important;z-index:142!important;background:#f3f1eb!important;padding-top:0!important;box-shadow:0 8px 14px rgba(32,35,31,.08)}
  .category-page.compact .category-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .category-page.compact .category-tabs button{line-height:1.05!important;overflow:hidden!important;text-overflow:clip!important}
  .category-page.compact .library-tools{padding:9px 0!important}
  .whatsapp{position:fixed!important;top:158px!important;right:10px!important;bottom:auto!important;z-index:150!important}
  .modal{z-index:170!important;padding:18px!important;align-items:center!important}
  .modal-content{width:min(88vw,400px)!important;max-height:74vh!important;overflow:auto!important}
  .modal-close{position:fixed!important;top:30px!important;right:22px!important;z-index:175!important;width:44px!important;height:44px!important;border:2px solid #fff!important}
  .gallery-control{width:36px!important;height:36px!important}
}
@media (min-width:801px){.whatsapp{position:fixed!important;top:22vh!important;right:22px!important;bottom:auto!important;z-index:150!important}}
[dir="rtl"] .category-tools #category-language-menu{left:16px!important;right:auto!important}