.n222-market-shell{position:relative;z-index:80;background:var(--n222-color-surface,#fff);border-bottom:1px solid var(--n222-color-border,#e5e7eb);font-family:var(--n222-font-sans,inherit)}
.n222-market-shell *{box-sizing:border-box}
.n222-market-shell__main{max-width:1280px;margin:0 auto;min-height:72px;padding:12px 24px;display:grid;grid-template-columns:auto auto minmax(280px,1fr) auto;align-items:center;gap:14px}
.n222-market-shell__brand{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--n222-color-text,#17201b);font-weight:800;white-space:nowrap}
.n222-market-shell__brand-mark{color:var(--n222-color-primary,#17764d);font-size:1.4rem}.n222-market-shell__brand-text{font-size:1rem}
.n222-market-shell__catalog{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 16px;border-radius:10px;background:var(--n222-color-primary,#17764d);color:#fff;text-decoration:none;font-weight:700}
.n222-market-shell__search{display:flex;min-width:0}.n222-market-shell__search input{min-width:0;flex:1;height:44px;border:1px solid var(--n222-color-border,#cfd5d1);border-radius:10px 0 0 10px;padding:0 14px;background:#fff;color:var(--n222-color-text,#17201b)}
.n222-market-shell__search button{height:44px;border:0;border-radius:0 10px 10px 0;padding:0 16px;background:var(--n222-color-primary,#17764d);color:#fff;font-weight:700}
.n222-market-shell__actions{display:flex;align-items:center;gap:12px}.n222-market-shell__actions a{color:var(--n222-color-text,#17201b);text-decoration:none;font-weight:650;white-space:nowrap}
.n222-market-shell__cart span{display:inline-flex;min-width:22px;height:22px;padding:0 5px;align-items:center;justify-content:center;border-radius:999px;background:var(--n222-color-primary,#17764d);color:#fff;font-size:.75rem}
.n222-market-shell__categories{max-width:1280px;margin:0 auto;padding:0 24px 10px;display:flex;gap:18px;overflow-x:auto;scrollbar-width:thin}.n222-market-shell__categories a{white-space:nowrap;color:var(--n222-color-muted,#55615a);text-decoration:none;font-size:.92rem}
.n222-market-shell__menu,.n222-market-shell__mobile-panel{display:none}
.n222-market-shell a:focus-visible,.n222-market-shell button:focus-visible,.n222-market-shell input:focus-visible{outline:3px solid #0b63ce;outline-offset:2px}
@media(max-width:900px){
 .n222-market-shell__main{grid-template-columns:auto 1fr auto;padding:10px 16px;gap:10px}
 .n222-market-shell__menu{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--n222-color-border,#cfd5d1);border-radius:10px;background:#fff;font-size:1.25rem}
 .n222-market-shell__brand{justify-self:start}.n222-market-shell__brand-text,.n222-market-shell__catalog,.n222-market-shell__actions>a:not(.n222-market-shell__cart),.n222-market-shell__categories{display:none}
 .n222-market-shell__actions{grid-column:3;grid-row:1}.n222-market-shell__search{grid-column:1/-1;grid-row:2;width:100%}
 .n222-market-shell__mobile-panel{display:none;padding:10px 16px 16px;border-top:1px solid var(--n222-color-border,#e5e7eb);background:#fff}
 .n222-market-shell.is-open .n222-market-shell__mobile-panel{display:grid;gap:4px}
 .n222-market-shell__mobile-panel a{min-height:44px;display:flex;align-items:center;padding:0 10px;border-radius:8px;color:var(--n222-color-text,#17201b);text-decoration:none}
}
@media(max-width:390px){.n222-market-shell__main{padding-left:12px;padding-right:12px}.n222-market-shell__search button{padding:0 12px}.n222-market-shell__brand-mark{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.n222-market-shell *{scroll-behavior:auto!important;transition:none!important}}

/* S52-A003-CP2 LEGACY-ASTRA-HEADER-SUPPRESSION
 * Existing Astra/Max Mega Menu records remain intact except explicitly removed Orthopedic menu items.
 */
body.n222-marketplace-shell-active header#masthead,
body.n222-marketplace-shell-active .site-header,
body.n222-marketplace-shell-active .ast-primary-header-bar,
body.n222-marketplace-shell-active .main-header-bar {
  display:none !important;
}

/* S52-A003-CP3 MOBILE-MENU-VISIBILITY
 * Make the menu affordance obvious before focus/click, not only after interaction.
 */
@media (max-width: 900px) {
  .n222-market-shell__menu {
    background: var(--n222-color-brand, #176b4a) !important;
    border-color: var(--n222-color-brand, #176b4a) !important;
    color: #ffffff !important;
    font-weight: 700;
    line-height: 1;
    box-shadow: none;
  }

  .n222-market-shell__menu:hover {
    background: var(--n222-color-brand-hover, #12573d) !important;
    border-color: var(--n222-color-brand-hover, #12573d) !important;
    color: #ffffff !important;
  }

  .n222-market-shell__menu:focus-visible {
    outline: 3px solid #0b63ce;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #ffffff;
  }
}