/* P86 — końcowa geometria nagłówka mobilnego po kolumnie flag. */

@media (max-width: 820px) {
  body.mobile-ui-active.ow-p36-mobile-header > header {
    grid-template-columns:
      minmax(80px, 1fr)
      108px
      32px
      44px
      44px !important;
    grid-template-areas:
      "brand wind flags command account" !important;
  }

  body.mobile-ui-active.ow-p36-mobile-header
  #ow-p36-command-bell,
  body.mobile-ui-active.ow-p36-mobile-header
  header
  .ow-account-root,
  body.mobile-ui-active.ow-p36-mobile-header
  header
  .ow-account-trigger {
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  body.mobile-ui-active.ow-p36-mobile-header
  #ow-p36-command-bell {
    height: 44px !important;
  }
}

@media (max-width: 390px) {
  body.mobile-ui-active.ow-p36-mobile-header > header {
    grid-template-columns:
      minmax(60px, 1fr)
      88px
      28px
      44px
      44px !important;
    gap: 3px !important;
  }

  body.mobile-ui-active.ow-p36-mobile-header
  header
  .mobile-wind-summary,
  body.mobile-ui-active.ow-p36-mobile-header
  header
  .opti-mobile-header-wind {
    width: 88px !important;
    min-width: 88px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
}