body.gnsc-global-sidebar-enabled {
  --gnsc-shop-rail-width: 72px;
  --gnsc-shop-rail-left: 0px;
  --gnsc-shop-toggle-size: 60px;
  --gnsc-shop-panel-width: clamp(340px, 24vw, 460px);
  --gnsc-shop-panel-measured-width: var(--gnsc-shop-panel-width);
  --gnsc-shop-panel-left: 14px;
  --gnsc-shop-panel-top: calc(var(--gnsc-header-height, 76px) + 18px);
  --gnsc-shop-panel-bottom: 16px;
  --gnsc-shop-surface-1: color-mix(in srgb, #081327 92%, transparent);
  --gnsc-shop-surface-2: color-mix(in srgb, #0d1d3d 96%, transparent);
  --gnsc-shop-surface-3: color-mix(in srgb, #050d1d 98%, transparent);
  --gnsc-shop-text-main: #f7fbff;
  --gnsc-shop-text-soft: #b7c7e6;
  --gnsc-shop-border-soft: rgba(126, 167, 255, 0.18);
  --gnsc-shop-border-strong: rgba(94, 167, 255, 0.34);
  --gnsc-shop-accent: #5ea7ff;
  --gnsc-shop-accent-strong: #356dff;
  --gnsc-shop-shadow: 0 24px 60px rgba(3, 9, 24, 0.36);
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light {
  --gnsc-shop-surface-1: rgba(255, 255, 255, 0.97);
  --gnsc-shop-surface-2: rgba(248, 251, 255, 0.98);
  --gnsc-shop-surface-3: rgba(241, 246, 255, 0.98);
  --gnsc-shop-text-main: #10213f;
  --gnsc-shop-text-soft: #4f6691;
  --gnsc-shop-border-soft: rgba(67, 97, 152, 0.16);
  --gnsc-shop-border-strong: rgba(71, 107, 183, 0.26);
  --gnsc-shop-shadow: 0 22px 48px rgba(20, 42, 86, 0.14);
}

/* Keep page content fluid. The sidebar gets its own smart lane only when enough room exists. */
body.gnsc-global-sidebar-enabled .content-column--shop,
body.gnsc-global-sidebar-enabled.gnsc-shop-nav-expanded .content-column--shop,
body.gnsc-global-sidebar-enabled.gnsc-shop-nav-collapsed .content-column--shop {
  transition: padding-left .26s ease !important;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-shell {
  position: static;
  pointer-events: none;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-rail,
body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel,
body.gnsc-global-sidebar-enabled .gnsc-shop-nav-backdrop {
  pointer-events: auto;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-rail {
  position: fixed;
  left: var(--gnsc-shop-rail-left);
  top: var(--gnsc-shop-panel-top);
  z-index: 240;
  width: var(--gnsc-shop-rail-width);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-toggle {
  appearance: none;
  width: var(--gnsc-shop-toggle-size);
  height: var(--gnsc-shop-toggle-size);
  margin-left: 0;
  border: 1px solid var(--gnsc-shop-border-strong);
  border-left: 0;
  border-radius: 0 18px 18px 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--gnsc-shop-surface-1) 84%, transparent), color-mix(in srgb, var(--gnsc-shop-surface-3) 96%, transparent));
  box-shadow: var(--gnsc-shop-shadow);
  color: var(--gnsc-shop-text-main);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .22s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-toggle:hover,
body.gnsc-global-sidebar-enabled .gnsc-shop-nav-toggle:focus-visible {
  transform: translateX(2px);
  border-color: color-mix(in srgb, var(--gnsc-shop-accent) 60%, transparent);
  outline: none;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-nav-expanded .gnsc-shop-nav-toggle {
  background: linear-gradient(135deg, color-mix(in srgb, var(--gnsc-shop-accent) 18%, var(--gnsc-shop-surface-1)), color-mix(in srgb, var(--gnsc-shop-accent-strong) 14%, var(--gnsc-shop-surface-3)));
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-toggle__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gnsc-shop-accent);
  font-size: 1.45rem;
  line-height: 1;
  font-weight: 800;
}

body.admin-bar.gnsc-global-sidebar-enabled {
  --gnsc-shop-panel-top: calc(32px + var(--gnsc-header-height, 76px) + 12px);
}

@media (max-width: 782px) {
  body.admin-bar.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-top: calc(46px + var(--gnsc-header-height, 76px) + 8px);
  }
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
  position: fixed;
  left: var(--gnsc-shop-panel-left);
  top: var(--gnsc-shop-panel-top);
  bottom: var(--gnsc-shop-panel-bottom);
  width: var(--gnsc-shop-panel-width);
  max-width: calc(100vw - var(--gnsc-shop-panel-left) - 18px);
  z-index: 245;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(calc(-100% - 18px), 0, 0);
  transition: transform .26s ease, opacity .22s ease, visibility .22s ease;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-nav-expanded .gnsc-shop-nav-panel {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
}

body.gnsc-global-sidebar-enabled.gnsc-shop-nav-roomy.gnsc-shop-nav-expanded .gnsc-shop-nav-panel {
  width: min(var(--gnsc-shop-panel-measured-width), clamp(360px, 25vw, 480px));
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 238;
  background: rgba(2, 8, 20, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-nav-mobile.gnsc-shop-nav-expanded .gnsc-shop-nav-backdrop {
  opacity: 1;
  visibility: visible;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .gnsc-shop-nav-backdrop {
  display: none;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
  height: 100%;
  overflow: auto;
  padding: 18px;
  border: 1px solid var(--gnsc-shop-border-strong);
  border-radius: 28px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--gnsc-shop-surface-2) 98%, transparent), color-mix(in srgb, var(--gnsc-shop-surface-3) 98%, transparent));
  box-shadow: var(--gnsc-shop-shadow);
  color: var(--gnsc-shop-text-main);
  scrollbar-width: thin;
  backdrop-filter: saturate(135%) blur(12px);
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar::-webkit-scrollbar {
  width: 8px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--gnsc-shop-accent) 30%, transparent);
  border-radius: 999px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__eyebrow {
  margin: 0 0 4px;
  color: var(--gnsc-shop-accent);
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 800;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__title {
  margin: 0;
  color: var(--gnsc-shop-text-main);
  font-size: clamp(1.45rem, 1.3rem + .45vw, 1.88rem);
  line-height: 1.12;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__subtitle {
  margin: 8px 0 0;
  color: var(--gnsc-shop-text-soft);
  font-size: .92rem;
  line-height: 1.55;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid var(--gnsc-shop-border-soft);
  background: color-mix(in srgb, var(--gnsc-shop-surface-1) 84%, transparent);
  color: var(--gnsc-shop-text-main);
  cursor: pointer;
  flex: 0 0 auto;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__close:hover,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__close:focus-visible {
  border-color: color-mix(in srgb, var(--gnsc-shop-accent) 45%, transparent);
  outline: none;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section {
  padding: 16px;
  border-radius: 22px;
  border: 1px solid var(--gnsc-shop-border-soft);
  background: color-mix(in srgb, var(--gnsc-shop-surface-1) 86%, transparent);
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__section {
  background: rgba(255, 255, 255, 0.88);
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section + .gnsc-shop-sidebar__section {
  margin-top: 12px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section-icon {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--gnsc-shop-accent) 35%, transparent);
  background: color-mix(in srgb, var(--gnsc-shop-accent) 14%, transparent);
  color: var(--gnsc-shop-accent);
  font-weight: 800;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section-title {
  margin: 0;
  font-size: 1rem;
  color: var(--gnsc-shop-text-main);
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mode-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-theme-toggle {
  appearance: none;
  min-height: 48px;
  border-radius: 999px;
  border: 1px solid var(--gnsc-shop-border-strong);
  background: var(--gnsc-shop-surface-1);
  color: var(--gnsc-shop-text-soft);
  font-weight: 800;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-theme-toggle {
  background: #ffffff;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-theme-toggle.is-active,
body.gnsc-global-sidebar-enabled .gnsc-shop-theme-toggle:hover,
body.gnsc-global-sidebar-enabled .gnsc-shop-theme-toggle:focus-visible {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--gnsc-shop-accent), var(--gnsc-shop-accent-strong));
  outline: none;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list {
  display: grid;
  gap: 8px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list-item,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mini-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--gnsc-shop-border-soft);
  background: transparent;
  color: var(--gnsc-shop-text-main);
  text-decoration: none;
  font-weight: 700;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list-item:hover,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list-item.is-current,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mini-button:hover,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mini-button:focus-visible {
  border-color: color-mix(in srgb, var(--gnsc-shop-accent) 40%, transparent);
  background: color-mix(in srgb, var(--gnsc-shop-accent) 11%, transparent);
  outline: none;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list-meta {
  color: var(--gnsc-shop-text-soft);
  font-size: .85rem;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__cards,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__audit-list {
  display: grid;
  gap: 10px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__card,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__audit-item,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__device-panel {
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--gnsc-shop-border-soft);
  background: color-mix(in srgb, var(--gnsc-shop-surface-2) 90%, transparent);
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__card-top,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__audit-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--gnsc-shop-accent) 14%, transparent);
  color: var(--gnsc-shop-accent);
  font-size: .8rem;
  font-weight: 800;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__kv {
  min-height: 48px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--gnsc-shop-border-soft);
  background: color-mix(in srgb, var(--gnsc-shop-surface-1) 84%, transparent);
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__kv-label {
  display: block;
  margin-bottom: 4px;
  color: var(--gnsc-shop-text-soft);
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__kv-value,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__device-label,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__empty-note {
  color: var(--gnsc-shop-text-main);
  font-weight: 700;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__empty-note {
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 1500px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-width: clamp(320px, 22vw, 430px);
  }
}

@media (min-width: 1850px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-width: clamp(360px, 21vw, 500px);
  }
}

@media (max-width: 1280px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-width: clamp(300px, 28vw, 348px);
  }
}

@media (max-width: 1024px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-top: 94px;
    --gnsc-shop-panel-bottom: 12px;
    --gnsc-shop-panel-left: 14px;
    --gnsc-shop-panel-width: min(340px, calc(100vw - 20px));
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-rail {
    top: 96px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__meta-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-rail-width: 58px;
    --gnsc-shop-toggle-size: 50px;
    --gnsc-shop-panel-width: min(328px, calc(100vw - 18px));
    --gnsc-shop-panel-top: 84px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
    padding: 14px;
    border-radius: 22px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__header {
    gap: 10px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__title {
    font-size: 1.3rem;
  }
}

/* === Full-screen responsive sidebar refinement === */
body.gnsc-global-sidebar-enabled {
  --gnsc-shop-panel-left: 10px;
  --gnsc-shop-panel-bottom: 14px;
  --gnsc-shop-panel-width: clamp(360px, 27vw, 460px);
  --gnsc-shop-panel-measured-width: var(--gnsc-shop-panel-width);
  --gnsc-shop-layout-offset: 0px;
  --gnsc-shop-layout-gap: clamp(14px, 1.2vw, 24px);
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
  width: min(var(--gnsc-shop-panel-measured-width), var(--gnsc-shop-panel-width));
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
  padding: 20px;
  border-radius: 30px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section {
  padding: 18px;
}

body.gnsc-global-sidebar-enabled .site-header > .container.site-header__inner {
  width: min(calc(100% - 24px), 1960px);
  max-width: none;
  gap: clamp(12px, 1.15vw, 22px);
  transition: width .26s ease, margin-left .26s ease, margin-right .26s ease, gap .26s ease;
}

body.gnsc-global-sidebar-enabled .site-header__inner {
  grid-template-columns: minmax(180px, auto) minmax(250px, 1fr) auto;
}

body.gnsc-global-sidebar-enabled .site-header__actions {
  min-width: 0;
  justify-content: flex-start;
}

body.gnsc-global-sidebar-enabled .header-search {
  width: auto;
  min-width: min(240px, 100%);
  max-width: clamp(280px, 34vw, 620px);
  flex: 1 1 clamp(280px, 32vw, 620px);
}

body.gnsc-global-sidebar-enabled .header-search .search-form,
body.gnsc-global-sidebar-enabled .header-search .search-form__row {
  width: 100%;
}

body.gnsc-global-sidebar-enabled .primary-nav {
  min-width: 0;
  justify-content: flex-end;
}

body.gnsc-global-sidebar-enabled .primary-nav ul {
  justify-content: flex-end;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-header > .container.site-header__inner {
  width: calc(100% - var(--gnsc-shop-layout-offset) - 24px);
  margin-left: calc(var(--gnsc-shop-layout-offset) + 12px);
  margin-right: 12px;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main--shop > .container {
  width: calc(100% - var(--gnsc-shop-layout-offset) - 24px);
  margin-left: calc(var(--gnsc-shop-layout-offset) + 12px);
  margin-right: 12px;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .container,
body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .layout-grid,
body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .page-shell,
body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .content-column,
body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .alignwide {
  width: min(calc(100% - var(--gnsc-shop-layout-offset) - 24px), 1960px);
  margin-left: calc(var(--gnsc-shop-layout-offset) + 12px);
  margin-right: 12px;
}

@media (min-width: 1500px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-width: clamp(380px, 26vw, 490px);
  }
}

@media (min-width: 1850px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-width: clamp(400px, 25vw, 520px);
  }
}

@media (max-width: 1280px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-width: clamp(330px, 30vw, 390px);
  }

  body.gnsc-global-sidebar-enabled .site-header__inner {
    grid-template-columns: minmax(150px, auto) minmax(220px, 1fr) auto;
  }

  body.gnsc-global-sidebar-enabled .header-search {
    max-width: clamp(240px, 30vw, 420px);
    flex-basis: clamp(240px, 30vw, 420px);
  }
}

@media (max-width: 1120px) {
  body.gnsc-global-sidebar-enabled .site-header > .container.site-header__inner,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-expanded .site-header > .container.site-header__inner {
    width: min(calc(100% - 20px), 1600px);
    margin-left: auto;
    margin-right: auto;
  }

  body.gnsc-global-sidebar-enabled .site-header__inner {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.gnsc-global-sidebar-enabled .primary-nav {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  body.gnsc-global-sidebar-enabled .header-search {
    max-width: min(100%, 460px);
    flex-basis: min(100%, 460px);
  }
}

@media (max-width: 860px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-width: min(360px, calc(100vw - 18px));
  }

  body.gnsc-global-sidebar-enabled .site-header__actions {
    justify-content: flex-end;
  }

  body.gnsc-global-sidebar-enabled .header-search {
    display: none;
  }
}

@media (max-width: 767px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-width: min(344px, calc(100vw - 18px));
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
    padding: 15px;
  }
}


/* === Sidebar light-mode clarity refinement === */
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light {
  --gnsc-shop-surface-1: rgba(255, 255, 255, 0.99);
  --gnsc-shop-surface-2: rgba(247, 250, 255, 0.99);
  --gnsc-shop-surface-3: rgba(240, 246, 255, 0.99);
  --gnsc-shop-text-main: #10213f;
  --gnsc-shop-text-soft: #5a6f95;
  --gnsc-shop-border-soft: rgba(71, 101, 160, 0.16);
  --gnsc-shop-border-strong: rgba(47, 111, 245, 0.22);
  --gnsc-shop-shadow: 0 20px 46px rgba(20, 42, 86, 0.12);
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,249,255,0.98));
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__subtitle,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__list-meta,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__kv-label {
  color: #60749a;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__section,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__card,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__audit-item,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__device-panel,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__kv {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 24px rgba(20, 42, 86, 0.05);
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-theme-toggle {
  color: #42567a;
  border-color: rgba(71, 101, 160, 0.16);
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-theme-toggle.is-active,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-theme-toggle:hover,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-theme-toggle:focus-visible {
  color: #ffffff;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__list-item,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__mini-button {
  color: #10213f;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__list-item:hover,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__list-item.is-current,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__mini-button:hover,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__mini-button:focus-visible {
  background: rgba(47, 111, 245, 0.08);
  border-color: rgba(47, 111, 245, 0.20);
}

body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__status,
body.gnsc-global-sidebar-enabled.gnsc-shop-mode-light .gnsc-shop-sidebar__section-icon {
  background: rgba(47, 111, 245, 0.10);
  color: #2458d8;
}


/* === Mobile sidebar drawer refinement === */
body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mode-buttons,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__cards,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__audit-list {
  box-sizing: border-box;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
  max-width: calc(100vw - 12px);
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
  overflow-x: hidden;
  overscroll-behavior: contain;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__title {
  text-wrap: balance;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__subtitle,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__empty-note,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list-item,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__device-label,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__audit-head,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__meta-grid {
  overflow-wrap: anywhere;
}

@media (max-width: 991px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-left: 8px;
    --gnsc-shop-panel-right: 8px;
    --gnsc-shop-panel-bottom: 10px;
    --gnsc-shop-panel-width: min(400px, calc(100vw - 16px));
    --gnsc-shop-panel-top: 86px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-rail {
    top: 88px;
    left: 8px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
    left: var(--gnsc-shop-panel-left);
    right: var(--gnsc-shop-panel-right);
    width: auto;
    max-width: none;
    height: calc(100dvh - var(--gnsc-shop-panel-top) - var(--gnsc-shop-panel-bottom));
    max-height: calc(100dvh - var(--gnsc-shop-panel-top) - var(--gnsc-shop-panel-bottom));
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
    height: 100%;
    max-height: none;
    padding: 14px;
    border-radius: 24px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__header {
    align-items: flex-start;
    gap: 10px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__close {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section {
    padding: 14px;
    border-radius: 18px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mode-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-theme-toggle {
    min-height: 56px;
    font-size: 1rem;
  }
}

@media (max-width: 640px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-rail-width: 54px;
    --gnsc-shop-toggle-size: 46px;
    --gnsc-shop-panel-left: 6px;
    --gnsc-shop-panel-right: 6px;
    --gnsc-shop-panel-top: 78px;
    --gnsc-shop-panel-bottom: 8px;
    --gnsc-shop-panel-width: calc(100vw - 12px);
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-rail {
    top: 78px;
    left: 6px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
    height: calc(100dvh - 86px);
    max-height: calc(100dvh - 86px);
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
    padding: 12px;
    border-radius: 22px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__eyebrow {
    font-size: 0.78rem;
    letter-spacing: 0.13em;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__title {
    font-size: clamp(1.45rem, 6vw, 1.9rem);
    line-height: 1.08;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__subtitle {
    font-size: 1rem;
    line-height: 1.55;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section {
    padding: 12px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section-title {
    font-size: 1.04rem;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list-item,
  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mini-button,
  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__status,
  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__kv,
  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__audit-item {
    border-radius: 16px;
  }
}


/* === Auto-fit overlay sidebar refinement === */
body.gnsc-global-sidebar-enabled {
  --gnsc-shop-layout-offset: 0px;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-rail {
  left: 0;
}

body.gnsc-global-sidebar-enabled.gnsc-shop-nav-expanded .gnsc-shop-nav-rail {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
  left: 12px;
  width: min(var(--gnsc-shop-panel-width), calc(100vw - 24px));
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
  width: 100%;
  overflow-x: hidden;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__header,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mode-buttons,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__cards,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__audit-list,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__meta-grid {
  min-width: 0;
}

body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__subtitle,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__title,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list-item,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mini-button,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__device-label,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__audit-head,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__kv,
body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__kv-value {
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-top: 84px;
    --gnsc-shop-panel-bottom: 8px;
    --gnsc-shop-panel-width: min(420px, calc(100vw - 16px));
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-rail {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 52px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-toggle {
    width: 46px;
    height: 64px;
    border-radius: 0 18px 18px 0;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
    left: 8px;
    right: auto;
    width: min(420px, calc(100vw - 16px));
    max-width: calc(100vw - 16px);
    height: calc(100dvh - var(--gnsc-shop-panel-top) - var(--gnsc-shop-panel-bottom));
    max-height: calc(100dvh - var(--gnsc-shop-panel-top) - var(--gnsc-shop-panel-bottom));
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
    padding: 14px;
    border-radius: 24px;
  }
}

@media (max-width: 560px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-top: 76px;
    --gnsc-shop-panel-bottom: 6px;
    --gnsc-shop-panel-width: calc(100vw - 12px);
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-rail {
    width: 48px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-toggle {
    width: 42px;
    height: 60px;
    border-radius: 0 16px 16px 0;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
    left: 6px;
    width: calc(100vw - 12px);
    max-width: calc(100vw - 12px);
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
    padding: 12px;
    border-radius: 22px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__header {
    gap: 10px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mode-buttons {
    grid-template-columns: 1fr 1fr;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-theme-toggle {
    min-height: 54px;
    font-size: 1rem;
  }
}


/* === Mobile-first final tuning: sidebar rail, drawer, and overlay fit === */
@media (max-width: 767px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-rail-width: 40px;
    --gnsc-shop-toggle-size: 38px;
    --gnsc-shop-panel-top: 86px;
    --gnsc-shop-panel-bottom: 6px;
    --gnsc-shop-panel-left: 4px;
    --gnsc-shop-panel-right: 4px;
    --gnsc-shop-panel-width: calc(100vw - 8px);
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-rail {
    top: 50%;
    left: -4px;
    width: 40px;
    transform: translateY(-50%);
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-toggle {
    width: 38px;
    height: 56px;
    border-radius: 0 18px 18px 0;
    border-left: 0;
    box-shadow: 0 12px 28px rgba(3, 9, 24, 0.22);
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-toggle__icon {
    font-size: 1.25rem;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
    left: 4px;
    right: 4px;
    width: auto;
    max-width: none;
    height: calc(100dvh - var(--gnsc-shop-panel-top) - var(--gnsc-shop-panel-bottom));
    max-height: calc(100dvh - var(--gnsc-shop-panel-top) - var(--gnsc-shop-panel-bottom));
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
    padding: 12px;
    border-radius: 24px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__header {
    gap: 10px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__title {
    font-size: clamp(1.45rem, 6.5vw, 1.95rem);
    line-height: 1.08;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__subtitle {
    font-size: 0.98rem;
    line-height: 1.55;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__section {
    padding: 12px;
    border-radius: 18px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-theme-toggle {
    min-height: 54px;
    font-size: 1rem;
    border-radius: 20px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__list-item,
  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__mini-button,
  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__status,
  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__kv,
  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar__audit-item {
    border-radius: 16px;
  }
}

@media (max-width: 420px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-top: 82px;
    --gnsc-shop-panel-left: 2px;
    --gnsc-shop-panel-right: 2px;
    --gnsc-shop-panel-width: calc(100vw - 4px);
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-nav-panel {
    left: 2px;
    right: 2px;
  }

  body.gnsc-global-sidebar-enabled .gnsc-shop-sidebar {
    padding: 10px;
    border-radius: 22px;
  }
}


/* === Desktop-only smart sidebar lane refinement === */
@media (min-width: 1121px) {
  body.gnsc-global-sidebar-enabled {
    --gnsc-shop-panel-width: clamp(360px, 23vw, 430px);
  }

  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .gnsc-shop-nav-panel,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .gnsc-shop-nav-toggle,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .site-header > .container.site-header__inner,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .site-main--shop > .container,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .site-main:not(.site-main--shop) > .container,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .site-main:not(.site-main--shop) > .layout-grid,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .site-main:not(.site-main--shop) > .page-shell,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .site-main:not(.site-main--shop) > .content-column,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop .site-main:not(.site-main--shop) > .alignwide {
    transition: width .32s ease, margin-left .32s ease, margin-right .32s ease, transform .32s ease, opacity .24s ease;
  }

  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-header > .container.site-header__inner,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main--shop > .container,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .container,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .layout-grid,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .page-shell,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .content-column,
  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .site-main:not(.site-main--shop) > .alignwide {
    width: calc(100vw - var(--gnsc-shop-layout-offset, 0px) - var(--gnsc-shell-left-offset) - var(--gnsc-shell-right-offset)) !important;
    max-width: none !important;
    margin-left: calc(var(--gnsc-shop-layout-offset, 0px) + var(--gnsc-shell-left-offset)) !important;
    margin-right: var(--gnsc-shell-right-offset) !important;
  }

  body.gnsc-global-sidebar-enabled.gnsc-shop-nav-desktop.gnsc-shop-nav-expanded .gnsc-shop-nav-panel {
    transform: translate3d(0, 0, 0);
  }
}