.window > .layout, .window > .layout.sidebar-collapsed {
  display:block !important; grid-template-columns:minmax(0,1fr) !important;
  padding-inline:0 !important; --sidebar-fixed-width:0px !important;
}
.window .layout > .account-content-shell {
  width:100% !important; max-width:1600px; box-sizing:border-box;
  margin-inline:auto !important; padding-inline:clamp(16px,3vw,52px) !important;
}
#accountMenu {width:min(168px,46vw)!important; max-height:min(72vh,470px); overflow:visible;
  padding:7px!important; background:#202224!important; border:1px solid #414547!important;
  border-radius:12px!important; box-shadow:0 12px 32px #0005;}
.user-menu:not(.open) #accountMenu {display:none!important}
.user-menu.open #accountMenu:not([hidden]) {display:block!important}
#accountMenu .account-menu-profile {display:none}
#accountMenu button[role=menuitem] {display:flex;align-items:center;justify-content:flex-start!important;gap:10px;width:100%;box-sizing:border-box;
  padding:6px 10px!important; min-height:31px!important;height:auto!important; margin:0!important;
  text-align:left; color:#f0f1ee!important; background:transparent; border:0;border-radius:6px;
  font-size:13px!important;line-height:19px!important;font-weight:550!important;}
#accountMenu button[role=menuitem]:is(:hover,:focus-visible) {background:#373c38!important;}
#accountMenu button svg {flex:0 0 17px;width:17px;height:17px;fill:none;stroke:#becf94;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#accountMenu button[data-account-action="logout"] {border-top:1px solid #444849;margin-top:4px!important;padding-top:9px!important}
.is-guest #accountMenu button[data-account-action=logout] {display:none}
@media(max-width:760px){.window .layout > .account-content-shell{padding-inline:14px!important} #tabs{overflow-x:auto;flex-wrap:nowrap}}

#accountMenu button[data-account-action="feedback"]::after {content:none!important; display:none!important}

#helpMenuToggle span {margin-left:auto;font-size:19px;color:#becf94}
#helpMenuToggle[aria-expanded=true] {background:#373c38}
.account-help-group{position:static}
#helpMenu:not([hidden]) {display:block;position:absolute;right:calc(100% + 5px);bottom:-1px;width:min(146px,42vw);padding:6px;background:#202224;border:1px solid #414547;border-radius:10px;box-shadow:0 8px 18px #0004}
#helpMenu[hidden],#catalogToTop[hidden]{display:none!important}
#catalogToTop {position:fixed;z-index:910;right:12px;bottom:18px;transform:translate(var(--top-dx,0px),var(--top-dy,0px));display:grid;place-items:center;width:26px;height:26px;padding:0;border-radius:50%;border:1px solid #ffffff40;background:#242827a8;color:#f5f6f2;cursor:pointer}
#catalogToTop:is(:hover,:focus-visible){background:#343936eb}
#catalogToTop svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:360px){
  #accountMenu{width:140px!important}
  #helpMenu:not([hidden]){width:112px}
  #helpMenu button[role=menuitem]{padding-inline:6px!important;gap:6px}
}

#helpMenu::before{content:"";position:absolute;top:0;bottom:0;left:100%;width:14px}
@media(max-width:600px){#catalogToTop{width:23px;height:23px}}

@media (min-width: 1440px) {
  main.window:has(.catalog #grid:not([hidden])) { width: 100%; }
  .window .catalog:has(#grid:not(.resource-media-grid):not([hidden])) #managerHero { width: auto; margin-inline: calc(-1 * clamp(24px, 2.35vw, 52px)) !important; }
  .window .layout > .account-content-shell:has(.catalog #grid:not([hidden])) {
    max-width: none;
    padding-inline: clamp(24px, 2.35vw, 52px) !important;
  }
  .account-content-shell > .catalog:has(#grid) { max-width: none; }
  .catalog #grid.grid:not(.resource-media-grid) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Leave room above the first row and its raised badge when search wraps. */
@media (max-width: 760px) {
  header.bar .bar-top.search-open {
    height: auto;
    align-content: start;
    padding-top: max(14px, env(safe-area-inset-top, 0px));
  }
  .bar-top.search-open #search { font-size: 16px; }
}

/* A uniform inset gives the search field and category pill concentric ends. */
#headerSearch.is-open #headerSearchForm {
  box-sizing: border-box;
  padding: 4px;
  align-items: center;
  border-radius: 999px;
}
#headerSearchForm #headerSearchCategory {
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  border-radius: 999px;
}

.n12-manager-store .bar-top.search-open .brand-cluster,
.n12-manager-store .bar-top.search-open .account-nav { flex-shrink: 0; }
.n12-manager-store .bar-top.search-open .brand { white-space: nowrap; }
@media (min-width:761px) {
  .n12-manager-store .bar-top.search-open { column-gap: 18px; }
  .n12-manager-store .bar-top.search-open #headerSearch {
    flex: 0 1 300px;
    min-width: 0;
    max-width: 300px;
    margin-inline: 0;
  }
}
.n12-manager-store .account-nav #ncoinEntry { white-space: nowrap; }

.n12-manager-store .window .layout > .account-content-shell:has(#productCatalog) { padding-top: 10px; }
.n12-manager-store .window .layout #productCatalog.heading { margin-top: 4px; min-height: 0; padding-top: 0; }
@media (min-width:761px) {
  .n12-manager-store .window .catalog #managerHero {
    width: auto;
    margin: -10px calc(-1 * clamp(16px, 3vw, 52px)) 0 !important;
  }
}

@media (max-width:760px) {
  #catalogToTop { width:44px; height:44px; }
  #catalogToTop svg { width:20px; height:20px; }
}

@media (min-width:761px) and (max-width:840px) {
  .n12-manager-store .bar-top.search-open {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    height:auto;
    padding-block:10px;
    row-gap:8px;
  }
  .n12-manager-store .bar-top.search-open #headerSearch {
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
  }
  .n12-manager-store .bar-top.search-open .account-nav { grid-column:2; grid-row:1; }
}

@media (min-width:761px) {
  .n12-manager-store .window .layout #productCatalog:not(:has(.resource-subnav:not([hidden]))).heading {
    align-items:flex-end;
    margin-bottom:10px;
  }
  .n12-manager-store #productCatalog:not(:has(.resource-subnav:not([hidden]))) .heading-main,
  .n12-manager-store #productCatalog:not(:has(.resource-subnav:not([hidden]))) .heading-main h1 {
    min-height:0;
    height:auto;
  }
  .n12-manager-store #productCatalog:not(:has(.resource-subnav:not([hidden]))) .catalog-filters {
    align-self:flex-end;
  }
  .n12-manager-store #productCatalog:not(:has(.resource-subnav:not([hidden]))) .catalog-filter-trigger {
    align-items:flex-end;
    min-height:32px;
    padding-block:6px 0;
  }
  .n12-manager-store #productCatalog:not(:has(.resource-subnav:not([hidden]))) .catalog-filter-trigger i {align-self:flex-end;margin-bottom:.4em}
}