/* Єдиний контракт компактної шапки для Photo, Video і Design.
   Рядок має фіксовану геометрію; 44px тач-зона кнопки переповнює його
   симетрично й не бере участі в розрахунку висоти CSS Grid у WebKit. */
@media (max-width:760px){
  .topbar > .meta.header-menu-mode{
    --mobile-meta-row:24px;
    grid-template-rows:var(--mobile-meta-row);
    padding-top:clamp(16px,3vw,24px);
    padding-bottom:clamp(12px,3.75vw,18px);
    align-items:center
  }
  .topbar > .meta.header-menu-mode > .back{
    align-self:center;height:19px
  }
  .topbar > .meta.header-menu-mode > .parts{
    align-self:center;align-items:center;height:var(--mobile-meta-row);padding-bottom:0
  }
  .topbar > .meta.header-menu-mode > .parts > .part{
    line-height:1
  }
  .topbar > .meta.header-menu-mode > .header-menu-toggle{
    align-self:center;margin:0 -8px 0 0
  }
  /* Закрита панель не виїжджає вправо за viewport: горизонтальний рух
     створював приховане переповнення й міг зсувати sticky-шар у Safari. */
  .topbar > .meta.header-menu-mode:not(.header-menu-open) > .header-menu-panel{
    transform:translate3d(0,-6px,0) scale(.95,.98)
  }
}