/* MYGEAR Navbar — unified mobile + desktop (.mg-nav-*)
 * Brand Light Mode: #FFFFFF bg, #D02915 CTA, #111111 text, #E5E5E5 borders */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");

/* Critical surface switch — unprefixed so mobile never inherits desktop grid */
.mg-nav__mobile-body {
  display: block;
}

.mg-nav__desktop-body,
.mg-nav__desktop-aux {
  display: none !important;
}

@media (max-width: 991px) {
  [data-nav-surface="desktop"] {
    display: none !important;
  }

  .mg-nav__desktop-body .mg-nav-primary {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .mg-nav__mobile-body {
    display: none !important;
  }

  .mg-nav__desktop-body,
  .mg-nav__desktop-aux {
    display: block !important;
  }
}

/* ── Shell ─────────────────────────────────────────────────── */

.mg-ui-v2 .mg-nav {
  position: relative;
  z-index: 100;
  background: var(--store-bg, #fff);
  border-bottom: 0;
  font-family: var(--mg-nav-font, var(--store-font));
}

.mg-ui-v2 .mg-nav--fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 120;
}

.mg-ui-v2 .mg-nav__promo {
  display: none;
}

@media (min-width: 992px) {
  .mg-ui-v2 .mg-nav__promo {
    display: block;
  }
}

/* ── Nav shell — dùng chung .mg-store-container (đồng bộ layout trang) ─ */

@media (min-width: 992px) {
  .mg-ui-v2 .mg-nav__shell.mg-store-container {
    box-sizing: border-box;
  }

  .mg-ui-v2 .mg-nav__shell .mg-nav-primary {
    width: 100%;
    min-width: 0;
  }
}

/* ── Slim ticker (desktop USP bar) ───────────────────────────── */

@media (min-width: 992px) {
  .mg-ui-v2 .mg-nav-ticker {
    background: var(--store-brand, #d02915);
    color: #fff;
    font-size: 11px;
    line-height: 1;
  }

  .mg-ui-v2 .mg-nav-ticker__shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 28px;
    padding-block: 5px;
  }

  .mg-ui-v2 .mg-nav-ticker__usp {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .mg-ui-v2 .mg-nav-ticker__usp::-webkit-scrollbar {
    display: none;
  }

  .mg-ui-v2 .mg-nav-ticker__usp-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    flex-shrink: 0;
    opacity: 0.95;
  }

  .mg-ui-v2 .mg-nav-ticker__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    opacity: 0.9;
  }

  .mg-ui-v2 .mg-nav-ticker__actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
  }

  .mg-ui-v2 .mg-nav-ticker__link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
  }

  .mg-ui-v2 .mg-nav-ticker__link:hover {
    opacity: 0.88;
  }
}

/* Mobile utility — see mg-store-nav-utility + mobile-nav.css */

/* ── Nav actions (sprite — mobile toolbar + desktop) ─────────── */

.mg-ui-v2 .mg-nav-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 1.15;
  color: var(--store-text, #111111);
}

.mg-ui-v2 .mg-nav-actions--compact {
  gap: 8px;
}

.mg-ui-v2 .mg-nav-actions--icon-only .mg-nav-actions__label {
  display: none;
}

.mg-ui-v2 .mg-nav-actions__item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}

.mg-ui-v2 .mg-nav-actions__item:hover {
  color: var(--mg-header-red, var(--store-brand, #d02915));
}

.mg-ui-v2 .mg-nav-actions__glyph {
  display: block;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  margin-right: 7px;
  border-radius: 50%;
  background-color: var(--store-icon-well, #ffe4e1);
  background-image: var(--mg-sprite-url);
  background-repeat: no-repeat;
  background-size: var(--mg-sprite-size);
}

.mg-ui-v2 .mg-nav-actions--compact .mg-nav-actions__glyph,
.mg-ui-v2 .mg-nav-actions--icon-only .mg-nav-actions__glyph {
  width: 36px;
  height: 36px;
  margin-right: 0;
}

.mg-ui-v2 .mg-nav-actions__glyph--buildpc {
  background-position: 1px -32px;
}

.mg-ui-v2 .mg-nav-actions__glyph--order {
  background-position: -38px -33px;
}

.mg-ui-v2 .mg-nav-actions__glyph--cart {
  background-position: -78px -31px;
}

.mg-ui-v2 .mg-nav-actions__cart-wrap {
  position: relative;
  display: inline-flex;
  margin-right: 7px;
}

.mg-ui-v2 .mg-nav-actions--compact .mg-nav-actions__cart-wrap,
.mg-ui-v2 .mg-nav-actions--icon-only .mg-nav-actions__cart-wrap {
  margin-right: 0;
}

.mg-ui-v2 .mg-nav-actions__cart-wrap .mg-nav-actions__glyph {
  margin-right: 0;
}

.mg-ui-v2 .mg-nav-actions__badge {
  position: absolute;
  right: 2px;
  top: 2px;
  min-width: 13px;
  height: 13px;
  padding: 0 3px;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
  text-align: center;
}

.mg-ui-v2 .mg-nav-actions__label {
  display: block;
  max-width: 72px;
  white-space: normal;
}

/* Modern icon actions (desktop only) */
@media (min-width: 992px) {
  .mg-ui-v2 .mg-nav-actions--modern {
    gap: 10px;
  }
}

@media (min-width: 992px) {
  .mg-ui-v2 .mg-nav-actions__item--modern {
    flex-direction: row;
    align-items: center;
    gap: 6px;
    text-align: left;
    font-size: 12px;
    line-height: 1.15;
  }

  .mg-ui-v2 .mg-nav-actions--stacked .mg-nav-actions__item--modern {
    align-items: center;
    gap: 5px;
  }

  .mg-ui-v2 .mg-nav-actions__label--stacked {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 58px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--store-text, #111);
  }

  .mg-ui-v2 .mg-nav-actions__label--stacked span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mg-ui-v2 .mg-nav-actions__label--stacked.mg-nav-actions__label--oneline {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }

  .mg-ui-v2 .mg-nav-actions__modern-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--store-icon-well, #ffe4e1);
    color: var(--store-brand, #d02915);
    flex-shrink: 0;
    transition: background-color var(--store-ease), color var(--store-ease);
  }

  .mg-ui-v2 .mg-nav-actions__item--modern:hover .mg-nav-actions__modern-icon {
    background: color-mix(in srgb, var(--store-brand, #d02915) 12%, #fff);
    color: var(--store-brand-dark, #a81f10);
  }

  .mg-ui-v2 .mg-nav-actions--compact .mg-nav-actions__modern-icon,
  .mg-ui-v2 .mg-nav-actions--icon-only .mg-nav-actions__modern-icon {
    width: 36px;
    height: 36px;
  }

  .mg-ui-v2 .mg-nav-actions__cart-wrap--modern {
    position: relative;
    display: inline-flex;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .mg-ui-v2 .mg-nav-actions--modern:not(.mg-nav-actions--icon-only) .mg-nav-actions__label {
    display: block;
  }
}

@media (max-width: 1199px) {
  .mg-ui-v2 .mg-nav-primary .mg-nav-actions--modern .mg-nav-actions__label,
  .mg-ui-v2 .mg-nav-primary .mg-nav-actions--modern .mg-nav-actions__label--stacked {
    display: none;
  }

  .mg-ui-v2 .mg-nav-primary .mg-nav-actions--modern {
    gap: 4px;
  }
}

@media (min-width: 992px) and (max-width: 1099px) {
  .mg-ui-v2 .mg-store-mega--inline .mg-store-mega__trigger-label {
    display: none;
  }

  .mg-ui-v2 .mg-store-mega--inline .mg-store-mega__trigger {
    width: 42px;
    padding: 0;
    justify-content: center;
  }

  .mg-ui-v2 .mg-store-mega--inline .mg-store-mega__trigger-icon {
    margin-right: 0;
  }
}

/* ── Desktop primary row (FPT: logo | danh mục | search | actions) ─ */

@media (min-width: 992px) {
  .mg-ui-v2 .mg-nav-primary {
    --mg-nav-control-h: 42px;
    --mg-nav-logo-col: 150px;
    --mg-nav-logo-layout-h: 48px;
    --mg-nav-logo-scale: 1.2;
    --mg-nav-logo-gap: 20px;
    --mg-nav-center-inset: 24px;
    --mg-nav-mega-search-gap: 12px;
    --mg-nav-rail-gap: 16px;
    display: grid;
    grid-template-columns: var(--mg-nav-logo-col) minmax(0, 1fr) auto;
    grid-template-rows: auto;
    align-items: center;
    column-gap: var(--mg-nav-logo-gap);
    padding-block: 12px 14px;
  }

  .mg-ui-v2 .mg-nav-primary:has(.mg-nav-primary__search-below) {
    align-items: start;
    padding-block-end: 18px;
  }

  .mg-ui-v2 .mg-nav-primary__logo {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: var(--mg-nav-logo-col);
    height: var(--mg-nav-logo-layout-h);
    min-height: var(--mg-nav-control-h);
    max-height: var(--mg-nav-logo-layout-h);
    overflow: visible;
  }

  .mg-ui-v2 .mg-nav-primary:has(.mg-nav-primary__search-below) .mg-nav-primary__logo {
    align-self: start;
    margin-top: calc((var(--mg-nav-control-h) - var(--mg-nav-logo-layout-h)) / 2);
  }

  .mg-ui-v2 .mg-nav-primary__center {
    grid-column: 2;
    grid-row: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: start;
    column-gap: var(--mg-nav-mega-search-gap);
    row-gap: 8px;
    min-width: 0;
    width: 100%;
    padding-inline-start: var(--mg-nav-center-inset);
  }

  .mg-ui-v2 .mg-nav-primary__mega {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    align-self: center;
    min-width: 140px;
    height: fit-content;
    pointer-events: none;
  }

  .mg-ui-v2 .mg-nav-primary__mega .mg-store-mega__trigger {
    pointer-events: auto;
  }

  .mg-ui-v2 .mg-nav-primary__search-line {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    align-self: center;
    justify-self: stretch;
  }

  .mg-ui-v2 .mg-nav-search-row {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    min-width: 0;
  }

  /* Search fills the entire middle search line */
  .mg-ui-v2 .mg-nav-search-row .mg-store-search {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    width: 100%;
  }

  /*
   * Right rail: Build NUC/NAS + PC/warranty/cart + account
   * One flex group — same gap inside nested groups so items look continuous.
   */
  .mg-ui-v2 .mg-nav-primary__actions {
    --mg-nav-rail-icon: 36px;
    --mg-nav-rail-label-w: 56px;
    --mg-nav-rail-gap: 16px;
    grid-column: 3;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: var(--mg-nav-rail-gap);
    flex-shrink: 0;
    align-self: center;
    justify-self: end;
    max-width: 100%;
    min-width: 0;
    min-height: var(--mg-nav-control-h, 42px);
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-builder-nav--rail,
  .mg-ui-v2 .mg-nav-primary__actions .header-builder-nav {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: var(--mg-nav-rail-gap);
    padding: 0;
    margin: 0;
  }

  .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions--modern {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: var(--mg-nav-rail-gap);
    margin: 0;
    padding: 0;
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu {
    flex-shrink: 0;
    display: flex;
    align-items: center;
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-builder-nav__link,
  .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions__item--modern,
  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__guest-link--rail,
  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__trigger--rail,
  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__guest-link--topbar,
  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu--topbar .header-user-menu__trigger {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    height: var(--mg-nav-control-h, 42px);
    min-height: var(--mg-nav-control-h, 42px);
    min-width: calc(var(--mg-nav-rail-icon) + 6px + var(--mg-nav-rail-label-w));
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
    text-decoration: none;
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-builder-nav__icon-well,
  .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions__modern-icon,
  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__rail-icon {
    width: var(--mg-nav-rail-icon);
    height: var(--mg-nav-rail-icon);
    flex-shrink: 0;
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-builder-nav__label,
  .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions__label--stacked {
    width: var(--mg-nav-rail-label-w);
    min-width: var(--mg-nav-rail-label-w);
    max-width: var(--mg-nav-rail-label-w);
  }

  .mg-ui-v2 .mg-nav-primary:has(.mg-nav-primary__search-below) .mg-nav-primary__mega,
  .mg-ui-v2 .mg-nav-primary:has(.mg-nav-primary__search-below) .mg-nav-primary__actions {
    align-self: start;
    height: var(--mg-nav-control-h);
  }

  .mg-ui-v2 .mg-nav-primary__search-below {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    padding-top: 0;
  }

  .mg-ui-v2 .mg-nav-primary__logo {
    flex: 0 0 auto;
    line-height: 0;
    text-decoration: none;
  }

  .mg-ui-v2 .mg-nav-primary__logo-img {
    display: block;
    width: auto;
    height: var(--mg-nav-logo-layout-h);
    max-width: var(--mg-nav-logo-col);
    max-height: var(--mg-nav-logo-layout-h);
    object-fit: contain;
    object-position: left center;
    transform: scale(var(--mg-nav-logo-scale));
    transform-origin: left center;
  }

  .mg-ui-v2 .mg-nav-primary__search-line .mg-store-search,
  .mg-ui-v2 .mg-nav__compact-inner .mg-store-search {
    width: 100%;
  }

  .mg-ui-v2 .mg-nav-primary__search-line .search-form__row,
  .mg-ui-v2 .mg-nav__compact-inner .search-form__row {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
  }

  .mg-ui-v2 .mg-nav-primary__search-line .search-form__field--detached-input,
  .mg-ui-v2 .mg-nav__compact-inner .search-form__field--detached-input {
    flex: 1 1 auto;
    min-width: 0;
    border-radius: 999px;
    box-shadow: none;
    border: 1px solid var(--store-border, #e5e5e5);
    background: #f9fafb;
  }

  .mg-ui-v2 .mg-nav-primary__search-line .search-form--open .search-form__field--detached-input,
  .mg-ui-v2 .mg-nav__compact-inner .search-form--open .search-form__field--detached-input {
    border-radius: 20px 20px 0 0;
    border-bottom-color: transparent;
    background: #fff;
    box-shadow: 0 4px 12px rgba(9, 13, 20, 0.08);
  }

  .mg-ui-v2 .mg-nav-primary__search-line .search-form__field--detached-input .text-search,
  .mg-ui-v2 .mg-nav__compact-inner .search-form__field--detached-input .text-search {
    width: 100%;
    height: var(--mg-nav-control-h, 42px);
    font-size: 14px;
    color: var(--store-text, #111);
    background: transparent;
    padding-inline: 14px;
  }

  .mg-ui-v2 .mg-nav-primary__search-line .search-form__submit,
  .mg-ui-v2 .mg-nav__compact-inner .search-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--mg-nav-control-h, 42px);
    width: var(--mg-nav-control-h, 42px);
    height: var(--mg-nav-control-h, 42px);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: var(--store-brand, #d02915);
    color: #fff;
    cursor: pointer;
    transition: background-color var(--store-ease);
  }

  .mg-ui-v2 .mg-nav-primary__search-line .search-form__submit:hover,
  .mg-ui-v2 .mg-nav__compact-inner .search-form__submit:hover {
    background: var(--store-brand-dark, #7a180d);
  }

  .mg-ui-v2 .mg-nav-search__hotkey {
    width: 100%;
    min-width: 0;
  }

  .mg-ui-v2 .mg-nav-search__links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .mg-ui-v2 .mg-nav-search__links::-webkit-scrollbar {
    display: none;
  }

  .mg-ui-v2 .mg-nav-search__links li {
    flex: 0 0 auto;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .mg-ui-v2 .mg-nav-search__link {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    font-family: var(--mg-nav-font, var(--store-font));
    font-size: 13px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: 0;
    color: var(--store-brand, #d02915);
    text-decoration: none;
    text-transform: lowercase;
    white-space: nowrap;
    transition: color var(--store-ease, 0.15s ease), opacity var(--store-ease, 0.15s ease);
  }

  .mg-ui-v2 .mg-nav-search__link:hover {
    color: var(--store-brand-dark, #7a180d);
    background: none;
    opacity: 0.92;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions--modern {
    gap: var(--mg-nav-rail-gap);
  }

  .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions__item--modern {
    gap: 6px;
    min-width: calc(var(--mg-nav-rail-icon) + 6px + var(--mg-nav-rail-label-w));
    justify-content: flex-start;
  }

  .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions__label--stacked {
    width: var(--mg-nav-rail-label-w);
    min-width: var(--mg-nav-rail-label-w);
    max-width: var(--mg-nav-rail-label-w);
  }

  .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions__label--oneline {
    width: auto;
    min-width: var(--mg-nav-rail-label-w);
    max-width: 72px;
  }

  .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions__modern-icon {
    width: var(--mg-nav-rail-icon);
    height: var(--mg-nav-rail-icon);
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__guest-link--rail,
  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__trigger--rail {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    min-width: calc(var(--mg-nav-rail-icon) + 6px + var(--mg-nav-rail-label-w));
    text-decoration: none;
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__rail-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--mg-nav-rail-icon);
    height: var(--mg-nav-rail-icon);
    border-radius: 50%;
    background: var(--store-icon-well, #ffe4e1);
    color: var(--store-brand, #d02915);
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__rail-icon .user-tier-avatar--sm {
    width: var(--mg-nav-rail-icon);
    height: var(--mg-nav-rail-icon);
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__rail-icon .user-tier-avatar--sm .user-tier-avatar__inner {
    width: 30px;
    height: 30px;
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__guest-link--rail:hover,
  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__trigger--rail:hover {
    color: var(--store-brand, #d02915);
  }

  .mg-ui-v2 .mg-nav-primary__search-line .search-form__field--detached-input,
  .mg-ui-v2 .mg-nav__compact-inner .search-form__field--detached-input {
    box-shadow: none;
  }

  .mg-ui-v2 .mg-nav__compact-inner .search-form__combo .search-suggest {
    z-index: 3000;
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__guest-link--topbar,
  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu--topbar .header-user-menu__trigger {
    color: var(--store-text, #111);
  }

  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__guest-link--topbar:hover,
  .mg-ui-v2 .mg-nav-primary__actions .header-user-menu--topbar .header-user-menu__trigger:hover {
    color: var(--store-brand, #d02915);
  }

  @media (max-width: 1199px) {
    .mg-ui-v2 .mg-nav-primary {
      --mg-nav-logo-col: 128px;
      --mg-nav-logo-layout-h: 44px;
      --mg-nav-logo-scale: 1.15;
      --mg-nav-logo-gap: 16px;
      --mg-nav-center-inset: 16px;
      --mg-nav-rail-gap: 16px;
    }

    .mg-ui-v2 .mg-nav-primary__mega {
      min-width: 0;
    }

    .mg-ui-v2 .mg-nav-primary__actions .mg-nav-actions__item--modern,
    .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__guest-link--rail,
    .mg-ui-v2 .mg-nav-primary__actions .header-user-menu__trigger--rail {
      min-width: 0;
    }
  }
}

/* Mobile sticky: see mobile-nav.css (.mg-nav--fixed .mg-mnav__*) */

/* ── Desktop: scroll away naturally; reappear fixed on scroll up ─ */

@media (min-width: 992px) {
  .mg-ui-v2 .mg-nav__desktop-slot {
    position: relative;
    width: 100%;
  }

  .mg-ui-v2 .mg-nav__desktop-body--pinned {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 110;
    background: var(--store-bg, #fff);
    border-bottom: 0;
    box-shadow: 0 2px 12px rgba(9, 13, 20, 0.08);
  }

  body.mg-store-mega-active .mg-nav__desktop-body--pinned {
    z-index: 2990;
  }
}