/* A single header layout, isolated from the legacy header overrides in style.css. */
.sp-header{position:sticky;top:0;z-index:1000;background:#fff;color:#151a23;border-bottom:1px solid #e4e7eb;box-shadow:0 3px 16px #10172208}
.sp-header *{box-sizing:border-box}
.sp-header a{text-decoration:none;color:inherit}
.sp-header .container{width:min(1280px,calc(100% - 64px));max-width:none;margin-inline:auto}
.sp-topbar{background:#101722;color:#cbd0d8;font-size:.8125rem}
.sp-topbar-inner,.sp-topbar-left,.sp-topbar-right{display:flex;align-items:center;gap:16px}
.sp-topbar-inner{min-height:28px;justify-content:space-between;padding:4px 0}
.sp-topbar-right{gap:12px}
.sp-topbar a:hover{color:#fff}
.sp-header-inner{display:flex;align-items:center;gap:26px;min-height:80px;padding:12px 0;position:relative}
.sp-brand{display:flex;align-items:center;flex-shrink:0;max-width:200px;min-width:0;overflow:hidden;height:52px}
.sp-logo{display:block;width:var(--logo-w,190px);height:var(--logo-h,auto);max-width:200px;max-height:50px;object-fit:contain;transform:translate(clamp(-12px,var(--logo-x,0px),12px),clamp(-6px,var(--logo-y,0px),6px))}
.sp-nav{margin-left:auto;min-width:0}
.sp-nav ul{margin:0;padding:0;list-style:none}
.sp-nav>ul{display:flex;align-items:center;gap:18px}
.sp-nav li{position:relative}
.sp-nav a{display:block;padding:12px 0;font-size:.875rem;font-weight:650;line-height:1.3;white-space:nowrap}
.sp-nav a:hover,.sp-nav a[aria-current=page]{color:#ad4800}
.sp-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.sp-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sp-header-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 12px;border:1px solid #e1e5ea;border-radius:8px;font-size:.8125rem;font-weight:650;line-height:1.2;background:#fff;position:relative}
.sp-header-action:hover{background:#f1f3f6}
.sp-header-action.has-badge{padding-right:12px}
.sp-header .ui-badge,.sp-header .cart-badge{background:#ff7a00;color:#141921}
.sp-menu-toggle,.sp-mobile-call,.sp-nav .sp-mobile-only{display:none}
.sp-has-children{display:flex;align-items:center;gap:2px}
.sp-submenu-toggle{background:transparent;color:inherit;border:0;font:inherit;cursor:pointer;padding:10px 5px;min-height:42px}
.sp-nav .sp-submenu{display:none;position:absolute;top:100%;left:0;min-width:220px;padding:12px;background:#fff;border:1px solid #e1e5ea;border-radius:8px;box-shadow:0 12px 28px #13172218;z-index:2}
.sp-submenu a{white-space:normal;padding:10px}
.sp-submenu .sp-submenu{top:0;left:100%}
.sp-has-children:hover>.sp-submenu,.sp-has-children:focus-within>.sp-submenu,.sp-has-children.is-expanded>.sp-submenu{display:block}
.sp-nav-count{display:inline-block;background:#ff7a00;color:#141921;font-size:.8125rem;padding:2px 8px;border-radius:20px;margin-left:8px}
.sp-admin-quickbar{position:static;display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#f0f2f5;padding:10px 24px;font-size:.875rem;border-bottom:1px solid #dfe4ea}
.sp-skip-link{position:fixed;top:-100px;left:16px;z-index:9000;background:#fff;color:#101722;padding:14px;border:2px solid #ff7a00;border-radius:8px}
.sp-skip-link:focus{top:8px}
.sp-header :focus-visible{outline:3px solid #d76400;outline-offset:3px}
html{scroll-padding-top:112px}
@media(min-width:1181px) and (max-width:1420px){
  .sp-header-inner{gap:16px}.sp-brand,.sp-logo{max-width:170px}.sp-nav>ul{gap:12px}.sp-header-action{padding-inline:9px}.sp-header-actions{gap:6px}
}
@media(max-width:1180px){
  /* Exactly one 64px row; account/admin links live inside the expandable navigation. */
  .sp-header .container{width:calc(100% - 32px)}
  .sp-topbar{display:none}
  .sp-header-inner{height:64px;min-height:64px;padding:8px 0;gap:8px;flex-wrap:nowrap}
  .sp-brand{height:44px;max-width:min(180px,42vw);flex:1;margin-right:auto}
  .sp-logo{width:100%;height:40px;max-height:40px;max-width:180px;transform:none;object-position:left center}
  .sp-mobile-call,.sp-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #e1e5ea;background:#fff;border-radius:8px;color:#151a23;padding:10px;cursor:pointer}
  .sp-mobile-call{order:1}
  .sp-header-actions{order:2;margin:0}
  .sp-header-action{display:none}
  .sp-header-cart{display:inline-flex;padding:10px;width:44px;height:44px;border-radius:8px}
  .sp-cart-label{display:none}
  .sp-menu-toggle{order:3;flex-direction:column;gap:4px}
  .sp-menu-toggle span{display:block;width:20px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
  .sp-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .sp-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .sp-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .sp-nav{display:none;position:absolute;top:calc(100% + 1px);left:-16px;right:-16px;margin:0;padding:12px 20px 20px;background:#fff;border-bottom:1px solid #dfe4ea;box-shadow:0 16px 24px #1017221a;max-height:calc(100vh - 65px);max-height:calc(100dvh - 65px);overflow-y:auto;overscroll-behavior:contain}
  .sp-nav.is-open{display:block}
  .sp-nav>ul{display:block}
  .sp-nav li{width:100%;border-bottom:1px solid #eef0f3}
  .sp-nav a{padding:14px 8px;min-height:46px;font-size:1rem;white-space:normal;overflow-wrap:anywhere}
  .sp-nav .sp-mobile-only{display:block}
  .sp-nav .sp-mobile-only:first-of-type{margin-top:12px}
  .sp-has-children{display:grid;grid-template-columns:minmax(0,1fr) 44px}
  .sp-submenu-toggle{width:44px;height:44px}
  .sp-nav .sp-submenu,.sp-submenu .sp-submenu{position:static;grid-column:1/-1;min-width:0;box-shadow:none;border:0;border-left:2px solid #ff7a00;border-radius:0;padding:0 0 0 10px;margin:0 8px 8px}
  .sp-has-children:hover>.sp-submenu,.sp-has-children:focus-within>.sp-submenu{display:none}
  .sp-has-children.is-expanded>.sp-submenu{display:block}
  html{scroll-padding-top:76px}
}
@media(prefers-reduced-motion:reduce){.sp-menu-toggle span{transition:none}}
@media print{.sp-header,.sp-admin-quickbar,.sp-skip-link{display:none!important}}

/* The original 1024px logo has large transparent margins around a horizontal mark. */
.sp-brand-padded{width:200px;justify-content:center}
.sp-logo.sp-logo-padded{width:216px;height:216px;max-width:none;max-height:none;flex-shrink:0;transform:none}
@media(min-width:1181px) and (max-width:1420px){.sp-brand-padded{width:170px}.sp-logo.sp-logo-padded{width:186px;height:186px}}
@media(max-width:1180px){.sp-brand-padded{width:155px;max-width:155px;flex:0 1 155px}.sp-logo.sp-logo-padded{width:calc(100% + 14px);height:auto;object-position:center}}