.nk-commerce-nav {
  display: flex !important;
  align-items: center;
  gap: 6px !important;
  width: max-content;
  flex: 0 0 auto;
}
.nk-commerce-link {
  display: inline-flex !important;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px;
  color: #171a20 !important;
  background: transparent;
  text-decoration: none !important;
  transition: color .15s, background .15s;
}
.nk-commerce-link::after { display: none !important; }
.nk-commerce-link:hover, .nk-commerce-link[aria-current="page"] { color: #ef1624 !important; background: rgba(239,22,36,.06); }
.nk-commerce-link:focus-visible { outline: 2px solid #ef1624; outline-offset: 2px; }
.nk-commerce-link svg { display: block; width: 23px; height: 23px; pointer-events: none; }
.nk-commerce-count {
  position: absolute;
  top: 0;
  right: -1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 10px;
  background: #ef1624;
  color: #fff;
  font: 600 10px/1 Arial, sans-serif;
}
.nk-commerce-count[hidden] { display: none; }
.site-header {
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  column-gap: clamp(12px,1.5vw,24px);
}
.site-header > .brand { grid-column: 1; grid-row: 1; justify-self: start; }
.site-header > nav:not(.nk-commerce-nav) { grid-column: 2; grid-row: 1; justify-self: center; margin-inline: 0; }
.site-header > .nk-commerce-nav { grid-column: 3; grid-row: 1; justify-self: end; }
.site-header.studio-header { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
.site-header.studio-header > .nk-commerce-nav { grid-column: 3; }
.shop-header-actions > .shop-icon-button, .shop-header-actions > .shop-cart-button { display: none !important; }
.shop-header-actions { gap: 8px; }
.nk-shop-static-header > nav:not(.nk-commerce-nav) { display: none !important; }
.nk-shop-static-header > .nk-commerce-nav { margin-left: auto; }
@media (min-width: 981px) and (max-width: 1200px) {
  .site-header .brand-logo { width: 165px; }
  .site-header > nav:not(.nk-commerce-nav) { gap: 18px; }
  .site-header > .header-action { font-size: 13px; }
}
@media (max-width: 980px) {
  .site-header, .site-header.studio-header {
    grid-template-columns: minmax(0,1fr) auto auto;
    column-gap: 8px;
    padding-inline: 16px;
  }
  .site-header > nav:not(.nk-commerce-nav), .site-header > .header-action { display: none !important; }
  .site-header > .nk-commerce-nav, .site-header.studio-header > .nk-commerce-nav { grid-column: 2; grid-row: 1; }
  .site-header > .mobile-menu-toggle { display: flex; grid-column: 3; grid-row: 1; margin: 0; justify-self: end; }
  .site-header.studio-header { grid-template-columns: minmax(0,1fr) auto; }
  .site-header.studio-header > .mobile-menu-toggle { grid-column: 2; }
  .site-header .brand-logo { width: min(145px, 28vw); }
  .nk-commerce-nav { gap: 3px !important; }
  .nk-commerce-link { width: 36px; height: 40px; }
  .nk-commerce-link svg { width: 22px; height: 22px; }
  .shop-header { padding-inline: 16px; }
  .shop-header .shop-brand { width: min(135px,28vw); }
  .shop-header-actions { gap: 4px; }
  .shop-header .shop-menu-toggle { width: 34px; padding-inline: 0; }
  .nk-shop-static-header { padding-inline: 16px; }
  .nk-shop-static-header > a img { width: min(145px,30vw); height: auto; }
}
@media (min-width: 821px) and (max-width: 980px) {
  .site-header { height: 72px; }
  .site-header > .mobile-menu-toggle {
    width: 38px; height: 38px; padding: 8px 5px; position: relative; z-index: 2;
    flex-direction: column; justify-content: center; gap: 5px; border: 0;
    color: #171a20; background: transparent; cursor: pointer;
  }
  .site-header > .mobile-menu-toggle span { width: 27px; height: 2px; display: block; background: currentColor; }
  .site-header > .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .site-header > .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .site-header > .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .site-header .mobile-menu {
    position: absolute; inset: 72px 0 auto; width: 100%; height: calc(100dvh - 72px);
    display: block; overflow-y: auto; visibility: hidden; opacity: 0;
    pointer-events: none; background: #fff;
  }
  .site-header .mobile-menu.open { visibility: visible; opacity: 1; pointer-events: auto; }
  .site-header .mobile-menu nav { padding: 24px; display: flex; flex-direction: column; align-items: stretch; }
  .site-header .mobile-menu nav a { min-height: 62px; border-bottom: 1px solid rgba(23,26,32,.12); display: flex; align-items: center; font-size: 22px; }
  body.mobile-menu-open { overflow: hidden; }
  body.mobile-menu-open .site-header { position: fixed; z-index: 600; }
}
@media (prefers-reduced-motion: reduce) { .nk-commerce-link { transition: none; } }
