/* TPS 1.0.29 / 1.0.33: Danh mục opener + fly-out width = search left (desktop, 1240)
 *
 * Measure @1440 (client ~1425): logo col 232px + margin-right 30px → search wrap
 * left at logo.left+262. Opener was theme 275px + margin-right 20px (13px overlap).
 * Size #wide-nav left col / vertical-menu / opener / fly-out to 262px so:
 *   - opener right = FiboSearch wrap left
 *   - category panel right = opener right (≤1px)
 * Do not move logo left or account 1.0.28 1240+15px shell.
 */
@media (min-width: 850px) {
  #wide-nav .flex-row.container > .flex-col.hide-for-medium.flex-left {
    flex: 0 0 262px !important;
    width: 262px !important;
    max-width: 262px;
  }
  #wide-nav .header-vertical-menu {
    width: 262px !important;
    max-width: 262px;
  }
  #wide-nav .header-vertical-menu__opener {
    width: 262px !important;
    max-width: 262px;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  /* 1.0.33: panel was theme 275px — flush right with opener */
  #wide-nav .header-vertical-menu__fly-out,
  .header-bottom .header-vertical-menu__fly-out,
  #wide-nav .header-vertical-menu__fly-out .menu-danh-muc-san-pham-container,
  #wide-nav .header-vertical-menu__fly-out .ux-nav-vertical-menu,
  #wide-nav .header-vertical-menu__fly-out .nav-vertical-fly-out {
    width: 262px !important;
    max-width: 262px !important;
    box-sizing: border-box;
  }
}
