/* Shared high-contrast header for the KRS storefront. */
.site-header.page-shell {
  width: 100%;
  margin: 0;
  padding-inline: max(24px, calc((100% - 1200px) / 2));
  border-bottom: 1px solid #292929;
  background: #000;
  color: #fff;
}

.site-header .main-nav > a,
.site-header .main-nav > a:hover {
  color: #fff;
}

.site-header .main-nav > a.nav-current::after {
  background: #fff;
}

.site-header .cart-trigger {
  border-color: #777;
  background: #000;
  color: #fff;
}

.site-header .cart-trigger:hover {
  border-color: #fff;
  background: #111;
}

.site-header .cart-count {
  background: #fff;
  color: #000;
}

.cart-icon {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.site-header a:focus-visible,
.site-header button:focus-visible {
  outline-color: #fff;
}

@media (max-width: 900px) {
  .site-header.page-shell {
    padding-inline: 24px;
  }
}

@media (max-width: 620px) {
  .site-header.page-shell {
    padding-inline: 16px;
  }
}

@media (max-width: 760px) {
  .site-header.page-shell {
    flex-wrap: wrap;
    gap: 12px;
    padding-block: 12px;
  }

  .site-header .main-nav {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 14px;
  }

  .site-header .main-nav > a:nth-child(2),
  .site-header .main-nav > a:nth-child(3) {
    display: inline;
  }
}

/* Customer account dropdown and compact navigation. */
.site-header .header-actions{display:flex;align-items:center;gap:10px}
.site-header .account-menu{position:relative}
.site-header .account-trigger{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 11px;border:1px solid #777;border-radius:3px;background:#000;color:#fff;font:inherit;font-size:12px;cursor:pointer;list-style:none}
.site-header .account-trigger::-webkit-details-marker{display:none}
.site-header .account-trigger::marker{content:""}
.site-header .account-trigger:hover{border-color:#fff;background:#111}
.site-header .account-icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.site-header .account-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:284px;padding:14px;border:1px solid #555;background:#080808;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.25)}
.site-header .account-menu-title{margin:2px 3px 12px;color:#fff;font-size:12px;font-weight:600}
.site-header .account-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:39px;padding:8px 9px;border:1px solid #3b3b3b;background:#111;color:#fff;text-align:left;font:inherit;font-size:12px}
.site-header .account-option+.account-option{margin-top:6px}
.site-header .account-option:disabled{opacity:1;color:#aaa;cursor:not-allowed}
.site-header .account-option span{color:#888;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.site-header .account-status{margin:12px 3px 2px;color:#aaa;font-size:10px;line-height:1.55}
.site-header .mobile-menu-trigger{display:none;place-items:center;width:40px;height:40px;padding:0;border:1px solid #777;border-radius:3px;background:#000;color:#fff;cursor:pointer}
.site-header .mobile-menu-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.site-header .mobile-account-options{display:none}

@media(max-width:760px){
  .site-header.page-shell{position:relative;flex-wrap:wrap;justify-content:space-between;gap:0;padding-block:12px}
  .site-header .main-nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin-top:12px;padding:9px 0 3px;border-top:1px solid #333}
  .site-header[data-menu-open="true"] .main-nav{display:flex}
  .site-header .main-nav>a,.site-header .main-nav>a:nth-child(2),.site-header .main-nav>a:nth-child(3){display:block;padding:11px 1px;border-bottom:1px solid #292929;color:#ddd;font-size:13px}
  .site-header .main-nav>a.nav-current:after{display:none}
  .site-header .header-actions{order:2;gap:8px}
  .site-header .account-menu{display:none}
  .site-header .mobile-menu-trigger{display:grid}
  .site-header .mobile-account-options{display:block;padding-top:13px}
  .site-header .mobile-account-options>p:first-child{margin:0 0 8px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
  .site-header .mobile-account-options .account-option{min-height:38px}
  .site-header .mobile-account-options .account-status{margin:9px 2px 0}
}

/* Simple text-link menus: sign-in, sign-up, and support. */
.site-header .account-dropdown{width:164px;padding:2px 0;border:0;background:#050505;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.site-header .account-menu-link{display:block;padding:11px 12px;border-bottom:1px solid #333;color:#fff;font-size:12px;text-decoration:none}
.site-header .account-menu-link:last-child{border-bottom:0}
.site-header .account-menu-link:hover{background:#141414;color:#fff}
.site-header .mobile-account-options{padding-top:10px}
.site-header .mobile-account-options .account-menu-link{padding:11px 1px;border-bottom:1px solid #292929;color:#ddd;font-size:13px}
.site-header .mobile-account-options .account-menu-link:last-child{border-bottom:0}
.site-header .mobile-account-options .account-menu-link:hover{background:transparent;color:#fff}