:root {
  --kh-color-bg: #f8fafc;
  --kh-color-surface: #ffffff;
  --kh-color-surface-muted: #f1f5f9;
  --kh-color-text: #111827;
  --kh-color-muted: #64748b;
  --kh-color-border: #e2e8f0;
  --kh-color-accent: #1e40af;
  --kh-color-accent-dark: #93c5fd;
  --kh-color-scheme-accent: #1e40af;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 30, 64, 175;
  --kh-color-accent-contrast: #ffffff;
  --kh-color-card-border: color-mix(in srgb, var(--kh-color-scheme-accent) 14%, var(--kh-color-border));
  --kh-color-card-border-hover: color-mix(in srgb, var(--kh-color-scheme-accent) 72%, #020617);
  --kh-header-bg: #f3f7fc;
  --kh-header-surface: #f8fbff;
  --kh-header-border: #d6e0ec;
  --kh-header-text: #111827;
  --kh-header-muted: #475569;
  --kh-header-link: #334155;
  --kh-header-link-hover: #111827;
  --kh-header-dark-bg: #0c1220;
  --kh-header-dark-bg-rgb: 12, 18, 32;
  --kh-header-dark-surface: #111a2b;
  --kh-header-dark-surface-rgb: 17, 26, 43;
  --kh-header-dark-border: rgba(147, 197, 253, 0.2);
  --kh-header-dark-text: #f8fafc;
  --kh-header-dark-muted: #d7e3f2;
  --kh-header-dark-link: #eaf2ff;
  --kh-header-dark-link-hover: #ffffff;
  --bs-primary-rgb: var(--kh-color-scheme-rgb);
  --kh-color-success: #15803d;
  --kh-color-warning: #a16207;
  --kh-color-danger: #991b1b;
  --kh-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
  --kh-shadow-md: 0 16px 40px rgba(15, 23, 42, 0.12);
  --kh-radius: 8px;
  --kh-radius-sm: calc(var(--kh-radius) * 0.5);
  --kh-radius-lg: min(calc(var(--kh-radius) * 1.5), 10px);
  --kh-control-height: 2.65rem;
  --kh-control-height-sm: 2.35rem;
  --kh-container-max: 1200px;
  --kh-page-content-width: var(--kh-container-max);
  --kh-sticky-nav-top: 0px;
  --kh-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --kh-font-size-xs: 0.75rem;
  --kh-font-size-sm: 0.8125rem;
  --kh-font-size-base: 0.9375rem;
  --kh-font-size-md: 1rem;
  --kh-font-size-lg: 1.125rem;
  --kh-font-size-xl: 1.5rem;
  --kh-font-size-2xl: 2rem;
  --kh-font-size-3xl: 2.5rem;
  --kh-space-1: 0.25rem;
  --kh-space-2: 0.5rem;
  --kh-space-3: 0.75rem;
  --kh-space-4: 1rem;
  --kh-space-5: 1.5rem;
  --kh-space-6: 2rem;
  --kh-space-7: 3rem;
}

html[data-khors-scheme="neutral"] {
  --kh-color-accent: #1e40af;
  --kh-color-accent-dark: #93c5fd;
  --kh-color-scheme-accent: #1e40af;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 30, 64, 175;
  --kh-color-bg: #f8fafc;
  --kh-color-surface-muted: #f1f5f9;
  --kh-header-bg: #f3f7fc;
  --kh-header-surface: #f8fbff;
  --kh-header-border: #d6e0ec;
  --kh-header-text: #111827;
  --kh-header-muted: #475569;
  --kh-header-link: #334155;
  --kh-header-link-hover: #111827;
  --kh-header-dark-bg: #0c1220;
  --kh-header-dark-bg-rgb: 12, 18, 32;
  --kh-header-dark-surface: #111a2b;
  --kh-header-dark-surface-rgb: 17, 26, 43;
  --kh-header-dark-border: rgba(147, 197, 253, 0.2);
}

html[data-khors-scheme="sage"] {
  --kh-color-accent: #14532d;
  --kh-color-accent-dark: #86efac;
  --kh-color-scheme-accent: #14532d;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 20, 83, 45;
  --kh-color-bg: #f6faf7;
  --kh-color-surface-muted: #edf7f1;
  --kh-header-bg: #eef8f2;
  --kh-header-surface: #f7fcf9;
  --kh-header-border: #cfe5d7;
  --kh-header-text: #0f2419;
  --kh-header-muted: #355342;
  --kh-header-link: #1f4b31;
  --kh-header-link-hover: #0b1f13;
  --kh-header-dark-bg: #06170f;
  --kh-header-dark-bg-rgb: 6, 23, 15;
  --kh-header-dark-surface: #0a2417;
  --kh-header-dark-surface-rgb: 10, 36, 23;
  --kh-header-dark-border: rgba(134, 239, 172, 0.2);
}

html[data-khors-scheme="ocean"] {
  --kh-color-accent: #075985;
  --kh-color-accent-dark: #7dd3fc;
  --kh-color-scheme-accent: #075985;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 7, 89, 133;
  --kh-color-bg: #f5fbff;
  --kh-color-surface-muted: #eaf6fc;
  --kh-header-bg: #edf8fd;
  --kh-header-surface: #f7fcff;
  --kh-header-border: #c7e2ef;
  --kh-header-text: #0c2230;
  --kh-header-muted: #365466;
  --kh-header-link: #14536f;
  --kh-header-link-hover: #071f2e;
  --kh-header-dark-bg: #061923;
  --kh-header-dark-bg-rgb: 6, 25, 35;
  --kh-header-dark-surface: #0a2a3a;
  --kh-header-dark-surface-rgb: 10, 42, 58;
  --kh-header-dark-border: rgba(125, 211, 252, 0.2);
}

html[data-khors-scheme="copper"] {
  --kh-color-accent: #78350f;
  --kh-color-accent-dark: #fdba74;
  --kh-color-scheme-accent: #78350f;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 120, 53, 15;
  --kh-color-bg: #fffaf3;
  --kh-color-surface-muted: #fff1dc;
  --kh-header-bg: #fff4e6;
  --kh-header-surface: #fffaf3;
  --kh-header-border: #ead2b4;
  --kh-header-text: #271407;
  --kh-header-muted: #5c4937;
  --kh-header-link: #69350f;
  --kh-header-link-hover: #2a1305;
  --kh-header-dark-bg: #1a0d05;
  --kh-header-dark-bg-rgb: 26, 13, 5;
  --kh-header-dark-surface: #2a1608;
  --kh-header-dark-surface-rgb: 42, 22, 8;
  --kh-header-dark-border: rgba(253, 186, 116, 0.2);
}

html[data-khors-scheme="noir"] {
  --kh-color-accent: #94a3b8;
  --kh-color-accent-dark: #cbd5e1;
  --kh-color-scheme-accent: #94a3b8;
  --kh-color-scheme-contrast: #0b1120;
  --kh-color-scheme-rgb: 148, 163, 184;
  --kh-color-bg: #0b1120;
  --kh-color-surface: #111827;
  --kh-color-surface-muted: #1f2937;
  --kh-color-text: #f8fafc;
  --kh-color-muted: #cbd5e1;
  --kh-color-border: #334155;
  --kh-color-accent-contrast: #0b1120;
  --kh-header-bg: #090d14;
  --kh-header-surface: #101722;
  --kh-header-border: #455366;
  --kh-header-text: #f8fafc;
  --kh-header-muted: #cbd5e1;
  --kh-header-link: #e2e8f0;
  --kh-header-link-hover: #ffffff;
  --kh-header-dark-bg: #090d14;
  --kh-header-dark-bg-rgb: 9, 13, 20;
  --kh-header-dark-surface: #101722;
  --kh-header-dark-surface-rgb: 16, 23, 34;
  --kh-header-dark-border: rgba(203, 213, 225, 0.2);
}

html[data-khors-resolved-mode="dark"] {
  color-scheme: dark;
  --kh-color-bg: #0f172a;
  --kh-color-surface: #111827;
  --kh-color-surface-muted: #1f2937;
  --kh-color-text: #f8fafc;
  --kh-color-muted: #e2e8f0;
  --kh-color-border: #475569;
  --kh-color-accent: var(--kh-color-accent-dark);
  --kh-color-accent-contrast: #0b1120;
  --kh-color-warning: #fde68a;
  --kh-color-danger: #fca5a5;
  --kh-color-card-border: color-mix(in srgb, var(--kh-color-scheme-accent) 24%, #cbd5e1);
  --kh-color-card-border-hover: color-mix(in srgb, var(--kh-color-scheme-accent) 68%, #020617);
  --kh-header-bg: var(--kh-header-dark-bg);
  --kh-header-surface: var(--kh-header-dark-surface);
  --kh-header-border: var(--kh-header-dark-border);
  --kh-header-text: var(--kh-header-dark-text);
  --kh-header-muted: var(--kh-header-dark-muted);
  --kh-header-link: var(--kh-header-dark-link);
  --kh-header-link-hover: var(--kh-header-dark-link-hover);
  --bs-body-bg: var(--kh-color-bg);
  --bs-body-color: var(--kh-color-text);
  --bs-border-color: var(--kh-color-border);
  --bs-dropdown-bg: var(--kh-color-surface);
  --bs-dropdown-border-color: var(--kh-color-border);
  --bs-dropdown-color: var(--kh-color-text);
  --bs-dropdown-link-color: var(--kh-color-text);
  --bs-dropdown-link-hover-bg: var(--kh-color-surface-muted);
  --bs-dropdown-link-hover-color: var(--kh-color-accent);
  --bs-dropdown-link-active-bg: var(--kh-color-accent);
  --bs-dropdown-link-active-color: var(--kh-color-accent-contrast);
  --bs-emphasis-color: var(--kh-color-text);
  --bs-gray-600: var(--kh-color-muted);
  --bs-link-color: var(--kh-color-accent);
  --bs-link-hover-color: #bfdbfe;
  --bs-primary-rgb: var(--kh-color-scheme-rgb);
  --bs-secondary-color: var(--kh-color-muted);
  --bs-tertiary-bg: var(--kh-color-surface);
  --kh-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --kh-shadow-md: 0 18px 44px rgba(0, 0, 0, 0.45);
}

html[data-khors-resolved-mode="dark"][data-khors-scheme="neutral"] {
  --kh-color-bg: #0c1220;
  --kh-color-surface: #121a2b;
  --kh-color-surface-muted: #1d2a3f;
  --kh-color-text: #f8fafc;
  --kh-color-muted: #c8d3e1;
  --kh-color-border: #3d4b63;
  --kh-color-accent: #93c5fd;
  --kh-color-accent-dark: #93c5fd;
  --kh-color-scheme-accent: #315ecf;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 49, 94, 207;
  --kh-color-accent-contrast: #07111f;
  --kh-color-card-border: color-mix(in srgb, var(--kh-color-scheme-accent) 30%, var(--kh-color-border));
  --kh-color-card-border-hover: color-mix(in srgb, var(--kh-color-accent) 52%, var(--kh-color-border));
  --bs-link-hover-color: color-mix(in srgb, var(--kh-color-accent) 76%, #ffffff);
}

html[data-khors-resolved-mode="dark"][data-khors-scheme="sage"] {
  --kh-color-bg: #07130f;
  --kh-color-surface: #0d1f18;
  --kh-color-surface-muted: #173326;
  --kh-color-text: #f6fff8;
  --kh-color-muted: #bdddc8;
  --kh-color-border: #2f5c45;
  --kh-color-accent: #86efac;
  --kh-color-accent-dark: #86efac;
  --kh-color-scheme-accent: #1f7a45;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 31, 122, 69;
  --kh-color-accent-contrast: #062011;
  --kh-color-card-border: color-mix(in srgb, var(--kh-color-scheme-accent) 34%, var(--kh-color-border));
  --kh-color-card-border-hover: color-mix(in srgb, var(--kh-color-accent) 48%, var(--kh-color-border));
  --bs-link-hover-color: color-mix(in srgb, var(--kh-color-accent) 76%, #ffffff);
}

html[data-khors-resolved-mode="dark"][data-khors-scheme="ocean"] {
  --kh-color-bg: #06131d;
  --kh-color-surface: #0b2233;
  --kh-color-surface-muted: #12384f;
  --kh-color-text: #f2fbff;
  --kh-color-muted: #b8d8e8;
  --kh-color-border: #2b617c;
  --kh-color-accent: #7dd3fc;
  --kh-color-accent-dark: #7dd3fc;
  --kh-color-scheme-accent: #0e7490;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 14, 116, 144;
  --kh-color-accent-contrast: #031926;
  --kh-color-card-border: color-mix(in srgb, var(--kh-color-scheme-accent) 34%, var(--kh-color-border));
  --kh-color-card-border-hover: color-mix(in srgb, var(--kh-color-accent) 48%, var(--kh-color-border));
  --bs-link-hover-color: color-mix(in srgb, var(--kh-color-accent) 76%, #ffffff);
}

html[data-khors-resolved-mode="dark"][data-khors-scheme="copper"] {
  --kh-color-bg: #160d06;
  --kh-color-surface: #241507;
  --kh-color-surface-muted: #39240f;
  --kh-color-text: #fff8ef;
  --kh-color-muted: #ebc698;
  --kh-color-border: #704c22;
  --kh-color-accent: #fdba74;
  --kh-color-accent-dark: #fdba74;
  --kh-color-scheme-accent: #9a5a18;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 154, 90, 24;
  --kh-color-accent-contrast: #2a1202;
  --kh-color-card-border: color-mix(in srgb, var(--kh-color-scheme-accent) 34%, var(--kh-color-border));
  --kh-color-card-border-hover: color-mix(in srgb, var(--kh-color-accent) 46%, var(--kh-color-border));
  --bs-link-hover-color: color-mix(in srgb, var(--kh-color-accent) 76%, #ffffff);
}

html[data-khors-resolved-mode="dark"][data-khors-scheme="noir"] {
  --kh-color-bg: #090d14;
  --kh-color-surface: #101722;
  --kh-color-surface-muted: #1b2432;
  --kh-color-text: #f8fafc;
  --kh-color-muted: #cbd5e1;
  --kh-color-border: #455366;
  --kh-color-accent: #cbd5e1;
  --kh-color-accent-dark: #cbd5e1;
  --kh-color-scheme-accent: #475569;
  --kh-color-scheme-contrast: #ffffff;
  --kh-color-scheme-rgb: 71, 85, 105;
  --kh-color-accent-contrast: #070b12;
  --kh-color-card-border: color-mix(in srgb, var(--kh-color-scheme-accent) 38%, var(--kh-color-border));
  --kh-color-card-border-hover: color-mix(in srgb, var(--kh-color-accent) 36%, var(--kh-color-border));
  --bs-link-hover-color: color-mix(in srgb, var(--kh-color-accent) 76%, #ffffff);
}

html[data-khors-shadows="0"] {
  --kh-shadow-sm: none;
  --kh-shadow-md: none;
}

html[data-khors-reduced-motion="1"] *,
html[data-khors-reduced-motion="1"] *::before,
html[data-khors-reduced-motion="1"] *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 0.001ms !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

body {
  background: var(--kh-color-bg);
  color: var(--kh-color-text);
  font-family: var(--kh-font-sans);
  font-size: var(--kh-font-size-base);
  font-feature-settings: "kern", "liga", "calt";
  -webkit-font-smoothing: antialiased;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

a {
  color: var(--kh-color-accent);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

a:hover,
a:focus {
  color: color-mix(in srgb, var(--kh-color-accent) 82%, #000000);
}

html[data-khors-resolved-mode="dark"] a:hover,
html[data-khors-resolved-mode="dark"] a:focus {
  color: #bfdbfe;
}

:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--kh-color-accent) 42%, transparent);
  outline-offset: 3px;
}

#container > header,
#top,
#menu,
main,
footer {
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

#top {
  background: var(--kh-header-bg);
  border-bottom: 1px solid var(--kh-header-border);
  color: var(--kh-header-muted);
  font-size: var(--kh-font-size-sm);
  line-height: 1.35;
  margin-bottom: 0;
  padding: 0;
}

#top a,
#top button {
  color: inherit;
}

#top > div {
  align-items: center;
  display: flex;
  min-height: var(--kh-control-height);
}

#top > div > div {
  align-items: center;
  flex: 1 1 auto;
  row-gap: 0.25rem;
}

#top ul.list-inline {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.875rem;
  margin-bottom: 0;
}

#top > div > div > div:last-child ul.list-inline {
  justify-content: flex-end;
}

#top .list-inline-item {
  align-items: center;
  display: inline-flex;
  margin-right: 0 !important;
}

#top .list-inline-item > a,
#top .list-inline-item .dropdown > a {
  align-items: center;
  color: var(--kh-header-link);
  display: inline-flex;
  font-size: var(--kh-font-size-sm);
  gap: 0.25rem;
  line-height: 1.2;
  min-height: var(--kh-control-height);
  padding: 0.35rem 0;
  vertical-align: middle;
}

#top .list-inline-item > a:hover,
#top .list-inline-item > a:focus,
#top .list-inline-item .dropdown > a:hover,
#top .list-inline-item .dropdown > a:focus {
  color: var(--kh-header-link-hover);
}

#top .dropdown-menu {
  color: var(--kh-color-text);
}

#top .dropdown-menu .dropdown-item {
  color: var(--kh-color-text);
}

#top .dropdown-menu .dropdown-item:hover,
#top .dropdown-menu .dropdown-item:focus {
  background: var(--kh-color-surface-muted);
  color: var(--kh-color-accent);
}

#container > header {
  background: var(--kh-header-surface);
  border-bottom: 1px solid var(--kh-header-border);
  color: var(--kh-header-text);
  padding-block: var(--kh-space-3);
}

#container > header .input-group,
#container > header #cart {
  margin-bottom: 0 !important;
}

#container > header > .container > div {
  align-items: center;
}

#container > header > .container > div > div {
  align-items: center;
  display: flex;
}

#container > header > .container > div > div:nth-child(2) form,
#container > header > .container > div > div:nth-child(3) .dropdown {
  width: 100%;
}

#logo {
  align-items: center;
  display: flex;
  min-height: var(--kh-control-height);
}

html[data-khors-sticky="1"] #top {
  position: sticky;
  top: 0;
  z-index: 1030;
}

html[data-khors-sticky="1"] #container > header {
  position: sticky;
  top: var(--kh-control-height);
  z-index: 1029;
  box-shadow: var(--kh-shadow-sm);
}

html[data-khors-header="transparent"] #top,
html[data-khors-header="transparent"] #container > header {
  background: color-mix(in srgb, var(--kh-header-surface) 88%, transparent);
  border-bottom-color: color-mix(in srgb, var(--kh-header-border) 72%, transparent);
  color: var(--kh-header-text);
  backdrop-filter: blur(14px);
}

html[data-khors-header="transparent-dark"] #top,
html[data-khors-header="transparent-dark"] #container > header {
  background: rgba(var(--kh-header-dark-bg-rgb), 0.92);
  background-color: rgba(var(--kh-header-dark-bg-rgb), 0.92);
  border-bottom-color: color-mix(in srgb, var(--kh-header-dark-border) 72%, transparent);
  color: var(--kh-header-dark-text);
  backdrop-filter: blur(14px);
}

html[data-khors-header="transparent-dark"] #container > header {
  background: rgba(var(--kh-header-dark-surface-rgb), 0.94);
  background-color: rgba(var(--kh-header-dark-surface-rgb), 0.94);
}

html[data-khors-header="transparent-dark"] #menu {
  background: var(--kh-header-dark-surface);
  background-color: var(--kh-header-dark-surface);
  border-color: var(--kh-header-dark-border);
  color: var(--kh-header-dark-text);
}

html[data-khors-header="dark"] #top,
html[data-khors-header="dark"] #container > header,
html[data-khors-header="dark"] #menu {
  background: var(--kh-header-dark-bg);
  background-color: var(--kh-header-dark-bg);
  border-color: var(--kh-header-dark-border);
  color: var(--kh-header-dark-text);
}

html[data-khors-header="dark"] #container > header {
  background: var(--kh-header-dark-surface);
  background-color: var(--kh-header-dark-surface);
}

html[data-khors-header="dark"] #top a,
html[data-khors-header="dark"] #top button,
html[data-khors-header="transparent-dark"] #top a,
html[data-khors-header="transparent-dark"] #top button {
  color: var(--kh-header-dark-link);
}

html[data-khors-header="dark"] #top .list-inline-item > a,
html[data-khors-header="dark"] #top .list-inline-item > a:visited,
html[data-khors-header="dark"] #top .list-inline-item .dropdown > a,
html[data-khors-header="dark"] #top .list-inline-item .dropdown > a:visited,
html[data-khors-header="dark"] #menu .nav-link,
html[data-khors-header="dark"] #menu .nav-link:visited,
html[data-khors-header="dark"] #menu a,
html[data-khors-header="dark"] #menu a:visited,
html[data-khors-header="transparent-dark"] #top .list-inline-item > a,
html[data-khors-header="transparent-dark"] #top .list-inline-item > a:visited,
html[data-khors-header="transparent-dark"] #top .list-inline-item .dropdown > a,
html[data-khors-header="transparent-dark"] #top .list-inline-item .dropdown > a:visited,
html[data-khors-header="transparent-dark"] #menu .nav-link,
html[data-khors-header="transparent-dark"] #menu .nav-link:visited,
html[data-khors-header="transparent-dark"] #menu a,
html[data-khors-header="transparent-dark"] #menu a:visited {
  color: var(--kh-header-dark-link) !important;
}

html[data-khors-header="dark"] #top .list-inline-item > a:hover,
html[data-khors-header="dark"] #top .list-inline-item > a:focus,
html[data-khors-header="dark"] #top .list-inline-item .dropdown > a:hover,
html[data-khors-header="dark"] #top .list-inline-item .dropdown > a:focus,
html[data-khors-header="dark"] #menu .nav-link:hover,
html[data-khors-header="dark"] #menu .nav-link:focus,
html[data-khors-header="dark"] #menu a:hover,
html[data-khors-header="dark"] #menu a:focus,
html[data-khors-header="dark"] #menu .show > .nav-link,
html[data-khors-header="transparent-dark"] #top .list-inline-item > a:hover,
html[data-khors-header="transparent-dark"] #top .list-inline-item > a:focus,
html[data-khors-header="transparent-dark"] #top .list-inline-item .dropdown > a:hover,
html[data-khors-header="transparent-dark"] #top .list-inline-item .dropdown > a:focus,
html[data-khors-header="transparent-dark"] #menu .nav-link:hover,
html[data-khors-header="transparent-dark"] #menu .nav-link:focus,
html[data-khors-header="transparent-dark"] #menu a:hover,
html[data-khors-header="transparent-dark"] #menu a:focus,
html[data-khors-header="transparent-dark"] #menu .show > .nav-link {
  color: var(--kh-header-dark-link-hover) !important;
}

html[data-khors-header="dark"] #menu.navbar.bg-primary,
html[data-khors-header="transparent-dark"] #menu.navbar.bg-primary {
  background: var(--kh-header-dark-surface) !important;
  background-color: var(--kh-header-dark-surface) !important;
  border-color: var(--kh-header-dark-border) !important;
}

html[data-khors-header="dark"] #menu.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover,
html[data-khors-header="dark"] #menu.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus,
html[data-khors-header="dark"] #menu.navbar.bg-primary .navbar-nav > .nav-item > a:hover,
html[data-khors-header="dark"] #menu.navbar.bg-primary .navbar-nav > .nav-item > a:focus,
html[data-khors-header="dark"] #menu.navbar.bg-primary .show > .nav-link,
html[data-khors-header="transparent-dark"] #menu.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover,
html[data-khors-header="transparent-dark"] #menu.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus,
html[data-khors-header="transparent-dark"] #menu.navbar.bg-primary .navbar-nav > .nav-item > a:hover,
html[data-khors-header="transparent-dark"] #menu.navbar.bg-primary .navbar-nav > .nav-item > a:focus,
html[data-khors-header="transparent-dark"] #menu.navbar.bg-primary .show > .nav-link {
  background: color-mix(in srgb, var(--kh-color-accent) 16%, transparent);
  color: var(--kh-header-dark-link-hover) !important;
}

html[data-khors-compact="1"] #container > header {
  padding-block: var(--kh-space-2);
}

html[data-khors-compact="1"] #logo img {
  max-height: 44px;
}

#logo img {
  max-height: 56px;
}

#search .form-control,
#search input,
#container > header form.input-group .form-control,
#container > header form.input-group input {
  background: var(--kh-color-surface-muted);
  border-color: var(--kh-color-border);
  border-radius: var(--kh-radius-sm) 0 0 var(--kh-radius-sm);
  color: var(--kh-color-text);
}

#search .btn,
#container > header form.input-group .btn {
  border-radius: 0 var(--kh-radius-sm) var(--kh-radius-sm) 0;
}

#cart .btn {
  align-items: center;
  background: var(--kh-color-text);
  border-color: var(--kh-color-text);
  border-radius: var(--kh-radius);
  color: var(--kh-color-surface);
  display: inline-flex !important;
  gap: var(--kh-space-2);
  justify-content: center;
  text-align: center;
}

#cart .dropdown-menu {
  background: var(--kh-color-surface);
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 18%, var(--kh-color-border));
  border-radius: var(--kh-radius-lg);
  box-shadow: var(--kh-shadow-md);
  color: var(--kh-color-text);
  margin-top: var(--kh-space-2);
  min-width: min(42rem, calc(100vw - 2rem));
  padding: var(--kh-space-3) !important;
}

#cart .dropdown-menu li {
  min-width: 0;
}

#cart .dropdown-menu .table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
}

#cart .dropdown-menu .table > :not(caption) > * > * {
  border-bottom: 0;
}

#cart .dropdown-menu .table-striped {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 5%, var(--kh-color-surface));
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 14%, var(--kh-color-border));
  border-radius: var(--kh-radius);
  margin-bottom: var(--kh-space-3) !important;
  overflow: hidden;
}

#cart .dropdown-menu .table-striped tr {
  align-items: center;
  display: grid;
  gap: var(--kh-space-3);
  grid-template-columns: 5.75rem minmax(12rem, 1fr) auto auto auto;
  padding: var(--kh-space-3);
}

#cart .dropdown-menu .table-striped td {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  vertical-align: middle;
}

#cart .dropdown-menu .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: transparent;
}

#cart .dropdown-menu .img-thumbnail {
  aspect-ratio: 1;
  background: #ffffff;
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-border));
  border-radius: var(--kh-radius);
  max-width: 5.75rem;
  min-width: 0;
  object-fit: contain;
  padding: var(--kh-space-2);
  width: 5.75rem;
}

#cart .dropdown-menu .table-striped td:nth-child(2) > a {
  color: var(--kh-color-scheme-accent);
  font-weight: 750;
  text-decoration: none;
}

#cart .dropdown-menu .table-striped small {
  color: var(--kh-color-muted);
  font-size: var(--kh-font-size-xs);
  line-height: 1.45;
}

#cart .dropdown-menu .table-striped td:nth-child(3) {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 8%, var(--kh-color-surface));
  border-radius: 999px;
  color: var(--kh-color-text);
  font-weight: 750;
  padding: 0.35rem 0.65rem;
}

#cart .dropdown-menu .table-striped td:nth-child(4) {
  color: var(--kh-color-text);
  font-weight: 750;
}

#cart .dropdown-menu .btn-danger {
  align-items: center;
  background: color-mix(in srgb, var(--kh-color-danger) 10%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-danger) 24%, var(--kh-color-border));
  border-radius: var(--kh-radius);
  color: var(--kh-color-danger);
  display: inline-flex;
  height: var(--kh-control-height);
  justify-content: center;
  padding: 0;
  width: var(--kh-control-height);
}

#cart .dropdown-menu .btn-danger:hover,
#cart .dropdown-menu .btn-danger:focus {
  background: var(--kh-color-danger);
  border-color: var(--kh-color-danger);
  color: #ffffff;
}

#cart .dropdown-menu .table-sm.table-bordered {
  background: var(--kh-color-surface);
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-border));
  border-radius: var(--kh-radius);
  overflow: hidden;
}

#cart .dropdown-menu .table-sm.table-bordered > :not(caption) > * {
  border-width: 0;
}

#cart .dropdown-menu .table-sm.table-bordered tr {
  border: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

#cart .dropdown-menu .table-sm.table-bordered tr + tr {
  border-top: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 10%, var(--kh-color-border));
}

#cart .dropdown-menu .table-sm.table-bordered td {
  border: 0;
  padding: 0.78rem var(--kh-space-4);
}

#cart .dropdown-menu .table-sm.table-bordered tr:last-child {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 8%, var(--kh-color-surface));
}

#cart .dropdown-menu .table-sm.table-bordered tr:last-child td {
  border-bottom: 0;
  font-weight: 800;
}

#cart .dropdown-menu p.text-end {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kh-space-2);
  justify-content: flex-end;
  margin: var(--kh-space-3) 0 0;
}

#cart .dropdown-menu p.text-end a {
  align-items: center;
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 8%, var(--kh-color-surface));
  border-radius: var(--kh-radius);
  color: var(--kh-color-scheme-accent);
  display: inline-flex;
  min-height: var(--kh-control-height);
  padding: 0.65rem var(--kh-space-4);
  text-decoration: none;
}

#cart .dropdown-menu p.text-end a strong {
  align-items: center;
  display: inline-flex;
  gap: var(--kh-space-2);
}

#cart .dropdown-menu p.text-end a:last-child {
  background: var(--kh-color-scheme-accent);
  color: var(--kh-color-scheme-contrast);
}

#cart .dropdown-menu > .text-center {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 5%, var(--kh-color-surface));
  border: 1px dashed color-mix(in srgb, var(--kh-color-scheme-accent) 22%, var(--kh-color-border));
  border-radius: var(--kh-radius);
  color: var(--kh-color-muted);
}

html[data-khors-resolved-mode="dark"] #cart .dropdown-menu {
  background: var(--kh-color-surface);
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 30%, var(--kh-color-border));
}

html[data-khors-resolved-mode="dark"] #cart .dropdown-menu .table-striped,
html[data-khors-resolved-mode="dark"] #cart .dropdown-menu .table-sm.table-bordered {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 10%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 28%, var(--kh-color-border));
}

html[data-khors-resolved-mode="dark"] #cart .dropdown-menu .table-sm.table-bordered tr:last-child,
html[data-khors-resolved-mode="dark"] #cart .dropdown-menu .table-striped td:nth-child(3) {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 18%, var(--kh-color-surface));
}

@media (max-width: 767.98px) {
  #cart .dropdown-menu {
    min-width: calc(100vw - 2rem);
  }

  #cart .dropdown-menu .table-striped tr {
    grid-template-columns: 4.75rem minmax(0, 1fr) auto;
  }

  #cart .dropdown-menu .img-thumbnail {
    max-width: 4.75rem;
    width: 4.75rem;
  }

  #cart .dropdown-menu .table-striped td:nth-child(4) {
    grid-column: 2 / 3;
  }

  #cart .dropdown-menu .table-striped td:nth-child(5) {
    grid-column: 3 / 4;
    grid-row: 1 / span 2;
  }

  #cart .dropdown-menu p.text-end {
    justify-content: stretch;
  }

  #cart .dropdown-menu p.text-end a {
    flex: 1 1 auto;
    justify-content: center;
  }
}

#menu {
  background: var(--kh-color-surface);
  border: 1px solid var(--kh-color-border);
  border-radius: var(--kh-radius);
  box-shadow: var(--kh-shadow-sm);
  margin-bottom: var(--kh-space-5);
  padding-inline: var(--kh-space-3);
}

#navbar-menu {
  width: 100%;
}

html[data-khors-nav-width="full"] #menu {
  border-inline: 0;
  border-radius: 0;
  margin-inline: calc(50% - 50vw);
  padding-inline: var(--kh-space-3);
  width: 100vw;
}

html[data-khors-nav-width="full"] #navbar-menu {
  margin-inline: auto;
  max-width: var(--kh-page-content-width);
  width: min(var(--kh-page-content-width), 100vw);
}

html[data-khors-nav-scroll="sticky"] main > .container:first-child,
html[data-khors-nav-scroll="reveal"] main > .container:first-child,
html[data-khors-nav-scroll="hide"] main > .container:first-child {
  position: sticky;
  top: var(--kh-sticky-nav-top);
  transition: opacity 160ms ease, transform 160ms ease;
  z-index: 1028;
}

html[data-khors-nav-scroll="hide"][data-khors-nav-state="hidden"] main > .container:first-child,
html[data-khors-nav-scroll="reveal"][data-khors-nav-state="hidden"] main > .container:first-child {
  opacity: 0;
  pointer-events: none;
  transform: translateY(calc(-100% - var(--kh-space-2)));
}

html[data-khors-nav-scroll="sticky"] main > .container:first-child,
html[data-khors-nav-scroll="hide"][data-khors-nav-state="visible"] main > .container:first-child,
html[data-khors-nav-scroll="reveal"][data-khors-nav-state="visible"] main > .container:first-child {
  opacity: 1;
  transform: translateY(0);
}

#menu.navbar.bg-primary {
  background: var(--kh-color-scheme-accent) !important;
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 82%, #020617) !important;
}

#menu .nav-link,
#menu a {
  color: var(--kh-color-text);
  font-weight: 600;
}

#menu.navbar.bg-primary .navbar-nav > .nav-item > .nav-link,
#menu.navbar.bg-primary .navbar-nav > .nav-item > a {
  color: var(--kh-color-scheme-contrast) !important;
}

#menu .nav-link:hover,
#menu a:hover,
#menu .show > .nav-link {
  color: var(--kh-color-accent);
}

#menu.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover,
#menu.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus,
#menu.navbar.bg-primary .navbar-nav > .nav-item > a:hover,
#menu.navbar.bg-primary .navbar-nav > .nav-item > a:focus,
#menu.navbar.bg-primary .show > .nav-link {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 82%, #020617);
  color: var(--kh-color-scheme-contrast) !important;
}

#menu.navbar.bg-primary .dropdown-menu {
  background: var(--kh-color-surface);
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 22%, var(--kh-color-border));
  color: var(--kh-color-text);
}

#menu.navbar.bg-primary .dropdown-menu a,
#menu.navbar.bg-primary .dropdown-menu .dropdown-item {
  color: var(--kh-color-text) !important;
}

#menu.navbar.bg-primary .dropdown-menu a:hover,
#menu.navbar.bg-primary .dropdown-menu a:focus,
#menu.navbar.bg-primary .dropdown-menu .dropdown-item:hover,
#menu.navbar.bg-primary .dropdown-menu .dropdown-item:focus {
  background: var(--kh-color-surface-muted);
  color: var(--kh-color-accent) !important;
}

html[data-khors-resolved-mode="dark"] #menu .nav-link,
html[data-khors-resolved-mode="dark"] #menu a {
  color: #f8fafc;
}

html[data-khors-resolved-mode="dark"] #menu .nav-link:hover,
html[data-khors-resolved-mode="dark"] #menu a:hover,
html[data-khors-resolved-mode="dark"] #menu .show > .nav-link {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 72%, #020617);
  color: var(--kh-color-scheme-contrast);
}

.dropdown-menu {
  background: var(--kh-color-surface);
  border-color: var(--kh-color-border);
  border-radius: var(--kh-radius);
  box-shadow: var(--kh-shadow-md);
}

.dropdown-item {
  color: var(--kh-color-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: var(--kh-color-surface-muted);
  color: var(--kh-color-accent);
}

.breadcrumb {
  align-items: center;
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 5%, var(--kh-color-surface));
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 16%, var(--kh-color-border));
  border-radius: var(--kh-radius);
  box-shadow: var(--kh-shadow-sm);
  color: var(--kh-color-muted);
  display: flex;
  font-size: var(--kh-font-size-base);
  margin: var(--kh-space-4) 0 var(--kh-space-5);
  overflow-x: auto;
  padding: var(--kh-space-2);
  scrollbar-width: none;
}

.breadcrumb::-webkit-scrollbar {
  display: none;
}

.breadcrumb > li.breadcrumb-item {
  align-items: center;
  display: inline-flex;
  padding: 0;
  text-shadow: none;
  white-space: nowrap;
}

.breadcrumb > li.breadcrumb-item::after {
  content: none;
  display: none;
}

.breadcrumb > li.breadcrumb-item + li.breadcrumb-item::before {
  border-right: 1.5px solid currentColor;
  border-top: 1.5px solid currentColor;
  color: color-mix(in srgb, var(--kh-color-scheme-accent) 46%, var(--kh-color-muted));
  content: "";
  height: 0.42rem;
  margin: 0 var(--kh-space-3);
  opacity: 0.72;
  padding: 0;
  transform: rotate(45deg);
  width: 0.42rem;
}

.breadcrumb a {
  align-items: center;
  border-radius: var(--kh-radius-sm);
  color: color-mix(in srgb, var(--kh-color-scheme-accent) 58%, var(--kh-color-muted));
  display: inline-flex;
  font-weight: 650;
  gap: var(--kh-space-2);
  line-height: 1;
  min-height: 2rem;
  padding: var(--kh-space-2) var(--kh-space-3);
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 10%, var(--kh-color-surface));
  color: var(--kh-color-scheme-accent);
}

.breadcrumb > li.breadcrumb-item:first-child a {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 9%, var(--kh-color-surface));
  color: var(--kh-color-scheme-accent);
  justify-content: center;
  min-width: 2rem;
  padding-inline: var(--kh-space-2);
}

.breadcrumb > li.breadcrumb-item:last-child a {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 8%, var(--kh-color-surface));
  color: var(--kh-color-text);
  font-weight: 750;
}

html[data-khors-resolved-mode="dark"] .breadcrumb {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 28%, var(--kh-color-border));
}

html[data-khors-resolved-mode="dark"] .breadcrumb a:hover,
html[data-khors-resolved-mode="dark"] .breadcrumb a:focus,
html[data-khors-resolved-mode="dark"] .breadcrumb > li.breadcrumb-item:first-child a,
html[data-khors-resolved-mode="dark"] .breadcrumb > li.breadcrumb-item:last-child a {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 18%, var(--kh-color-surface));
}

#column-left {
  color: var(--kh-color-text);
}

#column-left .list-group,
#column-left .card,
#column-left .carousel {
  background: #ffffff;
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 15%, var(--kh-color-border));
  border-radius: var(--kh-radius-lg);
  box-shadow: var(--kh-shadow-sm);
  overflow: hidden;
}

#column-left > .list-group {
  display: grid;
  gap: var(--kh-space-1);
  padding: var(--kh-space-2);
}

#column-left .list-group-item {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--kh-radius-sm) !important;
  color: color-mix(in srgb, var(--kh-color-text) 86%, var(--kh-color-scheme-accent));
  display: flex;
  font-size: var(--kh-font-size-base);
  font-weight: 650;
  gap: var(--kh-space-2);
  line-height: 1.35;
  min-height: var(--kh-control-height);
  padding: 0.62rem var(--kh-space-3);
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

#column-left .list-group-item[href]:hover,
#column-left .list-group-item[href]:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 9%, var(--kh-color-surface));
  color: var(--kh-color-scheme-accent);
}

#column-left .list-group-item.active {
  background: var(--kh-color-scheme-accent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kh-color-scheme-contrast) 14%, transparent);
  color: var(--kh-color-scheme-contrast);
}

#column-left .list-group-item.active[href]:hover,
#column-left .list-group-item.active[href]:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 86%, #020617);
  color: var(--kh-color-scheme-contrast);
}

#column-left .card {
  margin-bottom: var(--kh-space-4);
}

#column-left .card-header {
  background: #ffffff;
  border-bottom: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 14%, var(--kh-color-border));
  color: var(--kh-color-text);
  font-size: var(--kh-font-size-xs);
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 0.82rem var(--kh-space-3);
  text-transform: uppercase;
}

#column-left .card-header i {
  color: var(--kh-color-scheme-accent);
  margin-right: var(--kh-space-1);
}

#column-left .card .list-group {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: var(--kh-space-2);
}

#column-left .card .list-group > a.list-group-item:not([href]) {
  color: var(--kh-color-scheme-accent);
  font-size: var(--kh-font-size-xs);
  font-weight: 800;
  letter-spacing: 0.04em;
  min-height: 0;
  padding-bottom: var(--kh-space-1);
  text-transform: uppercase;
}

#column-left .card .list-group > .list-group-item:not(a) {
  background: #ffffff;
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-border));
  margin-bottom: var(--kh-space-2);
}

#column-left .form-check {
  align-items: center;
  display: flex;
  gap: var(--kh-space-2);
  margin: 0;
  min-height: var(--kh-control-height);
  padding-left: 0;
}

#column-left .form-check + .form-check {
  margin-top: var(--kh-space-1);
}

#column-left .form-check-input {
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 38%, var(--kh-color-border));
  float: none;
  margin: 0;
}

#column-left .form-check-input:checked {
  background-color: var(--kh-color-scheme-accent);
  border-color: var(--kh-color-scheme-accent);
}

#column-left .form-check-input:focus {
  border-color: var(--kh-color-scheme-accent);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--kh-color-scheme-accent) 22%, transparent);
}

#column-left .form-check-label {
  color: var(--kh-color-text);
  font-size: var(--kh-font-size-base);
}

#column-left .card-footer {
  background: #ffffff;
  border-top: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-border));
  padding: var(--kh-space-3);
}

#column-left #button-filter {
  justify-content: center;
  width: 100%;
}

#column-left .carousel {
  margin-bottom: var(--kh-space-4);
  padding: var(--kh-space-3);
}

#column-left .carousel .img-fluid {
  aspect-ratio: 1;
  background: #ffffff;
  border-radius: var(--kh-radius);
  object-fit: contain;
  padding: var(--kh-space-2);
  width: 100%;
}

html[data-khors-resolved-mode="dark"] #column-left .list-group,
html[data-khors-resolved-mode="dark"] #column-left .card,
html[data-khors-resolved-mode="dark"] #column-left .carousel {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 8%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 28%, var(--kh-color-border));
}

html[data-khors-resolved-mode="dark"] #column-left .list-group-item[href]:hover,
html[data-khors-resolved-mode="dark"] #column-left .list-group-item[href]:focus,
html[data-khors-resolved-mode="dark"] #column-left .card .list-group > .list-group-item:not(a),
html[data-khors-resolved-mode="dark"] #column-left .card-footer,
html[data-khors-resolved-mode="dark"] #column-left .card-header {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 14%, var(--kh-color-surface));
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--kh-color-text);
  font-family: var(--kh-font-sans);
  font-weight: 700;
  letter-spacing: 0;
}

h1 {
  font-size: clamp(var(--kh-font-size-2xl), 4vw, var(--kh-font-size-3xl));
  line-height: 1.12;
  margin-bottom: var(--kh-space-5);
}

h2 {
  font-size: clamp(var(--kh-font-size-xl), 3vw, var(--kh-font-size-2xl));
  line-height: 1.18;
}

.btn {
  align-items: center;
  border-radius: var(--kh-radius);
  display: inline-flex;
  font-weight: 650;
  height: var(--kh-control-height);
  justify-content: center;
  letter-spacing: 0;
  min-height: var(--kh-control-height);
  padding-block: 0;
}

#compare-total {
  align-items: center;
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 7%, var(--kh-color-surface));
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 18%, var(--kh-color-border));
  color: color-mix(in srgb, var(--kh-color-text) 84%, var(--kh-color-scheme-accent));
  display: inline-flex !important;
  gap: var(--kh-space-2);
  justify-content: center;
  box-shadow: var(--kh-shadow-sm);
  text-align: center;
}

#compare-total:hover,
#compare-total:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 42%, var(--kh-color-border));
  color: var(--kh-color-text);
}

html[data-khors-resolved-mode="dark"] #compare-total {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 8%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 28%, var(--kh-color-border));
  color: var(--kh-color-text);
}

html[data-khors-resolved-mode="dark"] #compare-total:hover,
html[data-khors-resolved-mode="dark"] #compare-total:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 14%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 40%, var(--kh-color-border));
  color: var(--kh-color-text);
}

.btn-primary,
.btn-success {
  background: var(--kh-color-accent);
  border-color: var(--kh-color-accent);
  color: var(--kh-color-accent-contrast);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
  background: color-mix(in srgb, var(--kh-color-accent) 86%, #000000);
  border-color: color-mix(in srgb, var(--kh-color-accent) 86%, #000000);
  color: var(--kh-color-accent-contrast);
}

html[data-khors-resolved-mode="dark"] .btn-primary,
html[data-khors-resolved-mode="dark"] .btn-success {
  background: var(--kh-color-scheme-accent);
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 84%, #ffffff);
  color: var(--kh-color-scheme-contrast);
}

html[data-khors-resolved-mode="dark"] .btn-primary:hover,
html[data-khors-resolved-mode="dark"] .btn-primary:focus,
html[data-khors-resolved-mode="dark"] .btn-success:hover,
html[data-khors-resolved-mode="dark"] .btn-success:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 82%, #020617);
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 74%, #ffffff);
  color: var(--kh-color-scheme-contrast);
}

.btn-light,
.btn-default,
.btn-outline-secondary {
  background: var(--kh-color-surface);
  border-color: var(--kh-color-border);
  color: var(--kh-color-text);
}

.form-control,
.form-select,
.input-group-text {
  align-items: center;
  background: var(--kh-color-surface);
  border-color: var(--kh-color-border);
  border-radius: var(--kh-radius-sm);
  color: var(--kh-color-text);
  min-height: var(--kh-control-height);
}

.form-control:not(textarea):not([type="color"]),
.form-select {
  height: var(--kh-control-height);
}

.form-control[type="color"],
.form-control-color {
  height: var(--kh-control-height);
  min-height: var(--kh-control-height);
}

.input-group-text {
  display: inline-flex;
}

label.input-group-text {
  margin-bottom: 0;
}

.form-control::placeholder {
  color: var(--kh-color-muted);
  opacity: 1;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--kh-color-accent);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--kh-color-accent) 24%, transparent);
}

#product-category #content .input-group:has(#input-sort),
#product-category #content .input-group:has(#input-limit) {
  background: var(--kh-color-surface);
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 13%, var(--kh-color-border));
  border-radius: var(--kh-radius);
  box-shadow: var(--kh-shadow-sm);
  overflow: hidden;
}

#product-category #content .input-group:has(#input-sort):focus-within,
#product-category #content .input-group:has(#input-limit):focus-within {
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 68%, var(--kh-color-border));
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--kh-color-scheme-accent) 18%, transparent);
}

#product-category label[for="input-sort"],
#product-category label[for="input-limit"] {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 7%, var(--kh-color-surface));
  border: 0;
  border-right: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 13%, var(--kh-color-border));
  color: color-mix(in srgb, var(--kh-color-text) 82%, var(--kh-color-scheme-accent));
  font-size: var(--kh-font-size-sm);
  font-weight: 750;
  min-height: var(--kh-control-height);
  padding-inline: var(--kh-space-3);
}

#product-category #input-sort,
#product-category #input-limit {
  background-color: var(--kh-color-surface);
  border: 0;
  border-radius: 0;
  color: var(--kh-color-text);
  font-weight: 600;
  min-height: var(--kh-control-height);
  padding-inline: var(--kh-space-3) 2.4rem;
}

#product-category #input-sort:focus,
#product-category #input-limit:focus {
  box-shadow: none;
}

html[data-khors-resolved-mode="dark"] #product-category #content .input-group:has(#input-sort),
html[data-khors-resolved-mode="dark"] #product-category #content .input-group:has(#input-limit) {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 8%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 28%, var(--kh-color-border));
}

html[data-khors-resolved-mode="dark"] #product-category label[for="input-sort"],
html[data-khors-resolved-mode="dark"] #product-category label[for="input-limit"] {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 14%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 28%, var(--kh-color-border));
}

.card,
.list-group-item,
.modal-content,
.popover {
  background: var(--kh-color-surface);
  border-color: var(--kh-color-border);
  color: var(--kh-color-text);
}

.card {
  border-radius: var(--kh-radius-lg);
  box-shadow: var(--kh-shadow-sm);
}

.alert {
  border-radius: var(--kh-radius);
}

.nav-tabs {
  align-items: center;
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 5%, var(--kh-color-surface));
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 16%, var(--kh-color-border));
  border-radius: var(--kh-radius-lg);
  box-shadow: var(--kh-shadow-sm);
  display: flex;
  gap: var(--kh-space-2);
  margin: var(--kh-space-6) 0 var(--kh-space-4);
  overflow-x: auto;
  padding: var(--kh-space-2);
  scrollbar-width: none;
}

.nav-tabs::-webkit-scrollbar {
  display: none;
}

.nav-tabs .nav-item {
  margin: 0;
}

.nav-tabs .nav-link {
  align-items: center;
  border: 0;
  border-radius: var(--kh-radius);
  color: color-mix(in srgb, var(--kh-color-scheme-accent) 56%, var(--kh-color-muted));
  display: inline-flex;
  font-weight: 700;
  line-height: 1;
  min-height: var(--kh-control-height);
  padding: var(--kh-space-3) var(--kh-space-4);
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  white-space: nowrap;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 10%, var(--kh-color-surface));
  color: var(--kh-color-scheme-accent);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background: var(--kh-color-scheme-accent);
  box-shadow: var(--kh-shadow-sm);
  color: var(--kh-color-scheme-contrast);
}

.tab-content {
  background: var(--kh-color-surface);
  border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-border));
  border-radius: var(--kh-radius-lg);
  box-shadow: var(--kh-shadow-sm);
  color: var(--kh-color-text);
  margin-bottom: var(--kh-space-6);
  padding: var(--kh-space-5);
}

.tab-content > .tab-pane > :first-child {
  margin-top: 0;
}

.tab-content > .tab-pane > :last-child {
  margin-bottom: 0;
}

.table {
  color: var(--kh-color-text);
  margin-bottom: 0;
  vertical-align: middle;
}

.table > :not(caption) > * > * {
  background: transparent;
  border-bottom-color: color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-border));
  padding: var(--kh-space-3) var(--kh-space-4);
}

.table thead th,
.table > thead > tr > * {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 8%, var(--kh-color-surface));
  color: var(--kh-color-text);
  font-size: var(--kh-font-size-xs);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.table tbody th,
.table > tbody > tr > th {
  color: var(--kh-color-text);
  font-weight: 750;
}

.table tbody tr {
  transition: background-color 160ms ease;
}

.table tbody tr:hover {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 6%, transparent);
}

html[data-khors-resolved-mode="dark"] .nav-tabs,
html[data-khors-resolved-mode="dark"] .tab-content {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 10%, var(--kh-color-surface));
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 28%, var(--kh-color-border));
}

html[data-khors-resolved-mode="dark"] .nav-tabs .nav-link:hover,
html[data-khors-resolved-mode="dark"] .nav-tabs .nav-link:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 18%, var(--kh-color-surface));
}

html[data-khors-resolved-mode="dark"] .table thead th,
html[data-khors-resolved-mode="dark"] .table > thead > tr > * {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 16%, var(--kh-color-surface));
}

.pagination .page-link {
  background: var(--kh-color-surface);
  border-color: var(--kh-color-border);
  color: var(--kh-color-text);
}

.pagination .active .page-link,
.pagination .page-link:hover {
  background: var(--kh-color-accent);
  border-color: var(--kh-color-accent);
  color: var(--kh-color-accent-contrast);
}

.product-thumb {
  --kh-product-card-padding: var(--kh-space-4);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--kh-color-surface) 96%, var(--kh-color-scheme-accent)) 0%, var(--kh-color-surface) 44%);
  border: 1px solid var(--kh-color-card-border);
  border-radius: var(--kh-radius-lg);
  box-shadow: var(--kh-shadow-sm);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
  will-change: transform;
}

.product-thumb:hover,
.product-thumb:focus-within {
  border-color: var(--kh-color-card-border-hover);
  box-shadow: var(--kh-shadow-md);
  transform: translateY(-4px);
}

html[data-khors-shadows="0"] .product-thumb {
  box-shadow: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

html[data-khors-shadows="0"] .product-thumb:hover,
html[data-khors-shadows="0"] .product-thumb:focus-within {
  box-shadow: none;
}

.product-thumb .image {
  aspect-ratio: 1 / 1;
  background:
    radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--kh-color-scheme-accent) 7%, transparent), transparent 58%),
    #ffffff;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.product-thumb .image a {
  align-items: center;
  background: transparent;
  display: block;
  height: 100%;
  justify-content: center;
}

.product-thumb .image img {
  background: transparent;
  display: block;
  height: 100%;
  object-fit: contain;
  padding: clamp(var(--kh-space-4), 8%, var(--kh-space-6));
  transition: transform 220ms ease, filter 220ms ease;
  width: 100%;
}

.product-thumb:hover .image img,
.product-thumb:focus-within .image img {
  filter: saturate(1.04) contrast(1.02);
  transform: scale(1.045);
}

.product-thumb .content,
.product-thumb .caption {
  flex: 1 1 auto;
  padding: var(--kh-space-5) var(--kh-product-card-padding) var(--kh-product-card-padding);
}

.product-thumb .content {
  display: flex;
  flex-direction: column;
}

.product-thumb .content form {
  display: flex;
  flex-direction: column;
  margin: auto calc(var(--kh-product-card-padding) * -1) calc(var(--kh-product-card-padding) * -1);
}

.product-thumb h4,
.product-thumb .description h4 {
  font-size: var(--kh-font-size-md);
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: var(--kh-space-2);
}

.product-thumb h4 a,
.product-thumb .description h4 a {
  color: color-mix(in srgb, var(--kh-color-scheme-accent) 72%, var(--kh-color-text));
  text-decoration: none;
  transition: color 160ms ease;
}

.product-thumb h4 a:hover,
.product-thumb h4 a:focus,
.product-thumb .description h4 a:hover,
.product-thumb .description h4 a:focus {
  color: var(--kh-color-scheme-accent);
}

html[data-khors-resolved-mode="dark"] .product-thumb h4 a,
html[data-khors-resolved-mode="dark"] .product-thumb .description h4 a {
  color: var(--kh-color-accent);
}

html[data-khors-resolved-mode="dark"] .product-thumb h4 a:hover,
html[data-khors-resolved-mode="dark"] .product-thumb h4 a:focus,
html[data-khors-resolved-mode="dark"] .product-thumb .description h4 a:hover,
html[data-khors-resolved-mode="dark"] .product-thumb .description h4 a:focus {
  color: color-mix(in srgb, var(--kh-color-accent) 78%, #ffffff);
}

.product-thumb .description {
  color: var(--kh-color-muted);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.product-thumb .description p {
  color: color-mix(in srgb, var(--kh-color-muted) 88%, var(--kh-color-text));
  display: -webkit-box;
  font-size: var(--kh-font-size-base);
  line-height: 1.6;
  margin-bottom: var(--kh-space-4);
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.product-thumb .price {
  align-items: flex-start;
  color: var(--kh-color-text);
  display: flex;
  flex-direction: column;
  font-size: var(--kh-font-size-lg);
  font-weight: 750;
  gap: 0.1rem;
  letter-spacing: 0;
  margin-top: auto;
}

.product-thumb .price-new {
  color: var(--kh-color-danger);
  line-height: 1.2;
}

.product-thumb .price-old {
  color: var(--kh-color-muted);
  font-size: var(--kh-font-size-sm);
}

.price-tax,
.product-thumb .price-tax {
  color: var(--kh-color-muted);
  font-size: var(--kh-font-size-xs);
  font-weight: 700;
  line-height: 1.35;
}

.product-thumb .button-group,
.product-thumb .content form .button {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 6%, var(--kh-color-surface));
  border-top: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 18%, var(--kh-color-border));
  display: grid;
  gap: 0;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  margin-top: auto;
  overflow: hidden;
  width: 100%;
}

.product-thumb .button-group button,
.product-thumb .content form .button button {
  align-items: center;
  background: transparent;
  border: 0;
  border-right: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 14%, var(--kh-color-border));
  color: color-mix(in srgb, var(--kh-color-scheme-accent) 56%, var(--kh-color-muted));
  display: inline-flex;
  justify-content: center;
  min-height: var(--kh-control-height);
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
  width: 100%;
}

.product-thumb .button-group button:last-child,
.product-thumb .content form .button button:last-child {
  border-right: 0;
}

.product-thumb .button-group button:hover,
.product-thumb .button-group button:focus,
.product-thumb .content form .button button:hover,
.product-thumb .content form .button button:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 13%, var(--kh-color-surface));
  color: var(--kh-color-scheme-accent);
}

.product-thumb .button-group button:hover i,
.product-thumb .button-group button:focus i,
.product-thumb .content form .button button:hover i,
.product-thumb .content form .button button:focus i {
  transform: translateY(-1px);
}

.product-thumb .button-group button i,
.product-thumb .content form .button button i {
  transition: transform 160ms ease;
}

#product-list.product-list .product-thumb {
  height: auto;
}

@media (min-width: 768px) {
  #product-list.product-list .product-thumb {
    display: grid;
    grid-template-columns: minmax(10rem, 16rem) minmax(0, 1fr);
    min-height: 15rem;
  }

  #product-list.product-list .product-thumb:hover,
  #product-list.product-list .product-thumb:focus-within {
    transform: translateY(-2px);
  }

  #product-list.product-list .product-thumb .image {
    aspect-ratio: auto;
    border-right: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-border));
    min-height: 15rem;
  }

  #product-list.product-list .product-thumb .image a {
    align-items: center;
    display: flex;
  }

  #product-list.product-list .product-thumb .image img {
    max-height: 15rem;
    padding: var(--kh-space-5);
  }

  #product-list.product-list .product-thumb .content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(7rem, 9rem);
    padding: 0;
  }

  #product-list.product-list .product-thumb .description {
    min-width: 0;
    padding: var(--kh-space-5);
  }

  #product-list.product-list .product-thumb .description p {
    -webkit-line-clamp: 2;
    max-width: 44rem;
  }

  #product-list.product-list .product-thumb .price {
    margin-top: var(--kh-space-4);
  }

  #product-list.product-list .product-thumb .content form {
    border-left: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-border));
    display: flex;
    flex-direction: column;
    margin: 0;
    min-width: 7rem;
    position: relative;
  }

  #product-list.product-list .product-thumb .content form .button {
    align-self: stretch;
    border-left: 0;
    border-top: 0;
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, minmax(var(--kh-control-height), 1fr));
    inset: 0;
    margin: 0;
    min-height: 100%;
    min-width: 0;
    position: absolute;
    width: auto;
  }

  #product-list.product-list .product-thumb .content form .button button {
    border-bottom: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 14%, var(--kh-color-border));
    border-right: 0;
    min-height: var(--kh-control-height);
  }

  #product-list.product-list .product-thumb .content form .button button:last-child {
    border-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #product-list.product-list .product-thumb {
    grid-template-columns: minmax(8.5rem, 12rem) minmax(0, 1fr);
    min-height: 13rem;
  }

  #product-list.product-list .product-thumb .image {
    min-height: 13rem;
  }

  #product-list.product-list .product-thumb .image img {
    max-height: 13rem;
    padding: var(--kh-space-4);
  }

  #product-list.product-list .product-thumb .content {
    grid-template-columns: minmax(0, 1fr) var(--kh-control-height);
  }

  #product-list.product-list .product-thumb .description {
    padding: var(--kh-space-4);
  }

  #product-list.product-list .product-thumb .content form {
    min-width: var(--kh-control-height);
  }
}

html[data-khors-resolved-mode="dark"] .product-thumb .button-group,
html[data-khors-resolved-mode="dark"] .product-thumb .content form .button {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 12%, var(--kh-color-surface));
  border-top-color: color-mix(in srgb, var(--kh-color-scheme-accent) 32%, var(--kh-color-border));
}

html[data-khors-resolved-mode="dark"] .product-thumb .button-group button,
html[data-khors-resolved-mode="dark"] .product-thumb .content form .button button {
  border-right-color: color-mix(in srgb, var(--kh-color-scheme-accent) 28%, var(--kh-color-border));
  color: color-mix(in srgb, var(--kh-color-accent) 78%, var(--kh-color-text));
}

html[data-khors-resolved-mode="dark"] .product-thumb .button-group button:hover,
html[data-khors-resolved-mode="dark"] .product-thumb .button-group button:focus,
html[data-khors-resolved-mode="dark"] .product-thumb .content form .button button:hover,
html[data-khors-resolved-mode="dark"] .product-thumb .content form .button button:focus {
  background: color-mix(in srgb, var(--kh-color-scheme-accent) 22%, var(--kh-color-surface));
  color: var(--kh-color-accent);
}

html[data-khors-card="minimal"] .product-thumb {
  --kh-product-card-padding: var(--kh-space-3);
  background: var(--kh-color-surface);
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 10%, var(--kh-color-border));
  box-shadow: none;
}

html[data-khors-card="minimal"] .product-thumb:hover,
html[data-khors-card="minimal"] .product-thumb:focus-within {
  border-color: color-mix(in srgb, var(--kh-color-scheme-accent) 42%, var(--kh-color-border));
  transform: translateY(-2px);
}

html[data-khors-card="minimal"] .product-thumb .image {
  aspect-ratio: 4 / 3;
  background: #ffffff;
}

html[data-khors-card="minimal"] .product-thumb .image img {
  padding: clamp(var(--kh-space-5), 12%, var(--kh-space-7));
}

html[data-khors-card="minimal"] .product-thumb:hover .image img,
html[data-khors-card="minimal"] .product-thumb:focus-within .image img {
  transform: scale(1.025);
}

html[data-khors-card="minimal"] .product-thumb .content,
html[data-khors-card="minimal"] .product-thumb .caption {
  padding: var(--kh-space-4) var(--kh-product-card-padding) var(--kh-product-card-padding);
}

html[data-khors-card="minimal"] .product-thumb .description p {
  font-size: var(--kh-font-size-sm);
  line-height: 1.55;
  margin-bottom: var(--kh-space-3);
  -webkit-line-clamp: 2;
}

html[data-khors-card="minimal"] .product-thumb .price {
  font-size: var(--kh-font-size-md);
}

html[data-khors-card="minimal"] .product-thumb .button-group button,
html[data-khors-card="minimal"] .product-thumb .content form .button button {
  min-height: var(--kh-control-height-sm);
}

html[data-khors-card="elevated"] .product-thumb {
  box-shadow: var(--kh-shadow-md);
}

html[data-khors-card="elevated"] .product-thumb .image {
  aspect-ratio: 1 / 1;
}

html[data-khors-card="elevated"] .product-thumb .image img {
  padding: clamp(var(--kh-space-4), 7%, var(--kh-space-6));
}

html[data-khors-card="compact"] .product-thumb .content,
html[data-khors-card="compact"] .product-thumb .caption {
  --kh-product-card-padding: var(--kh-space-3);
  padding: var(--kh-space-3);
}

html[data-khors-card="compact"] .product-thumb .image {
  aspect-ratio: 16 / 11;
}

html[data-khors-card="compact"] .product-thumb .image img {
  padding: var(--kh-space-3);
}

html[data-khors-card="compact"] .product-thumb .description p {
  font-size: var(--kh-font-size-sm);
  line-height: 1.5;
  margin-bottom: var(--kh-space-2);
  -webkit-line-clamp: 2;
}

html[data-khors-card="compact"] .product-thumb .price {
  font-size: var(--kh-font-size-md);
}

html[data-khors-card="compact"] .product-thumb .button-group button,
html[data-khors-card="compact"] .product-thumb .content form .button button {
  min-height: var(--kh-control-height-sm);
}

.rating .fa-star,
.rating .fa-star-half-alt,
.rating .fa-star-half-stroke {
  color: var(--kh-color-warning);
}

.khors-header-switcher {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  display: inline-flex;
  justify-content: center;
  min-height: var(--kh-control-height);
  min-width: var(--kh-control-height);
}

.khors-admin-panel {
  --kh-panel-bg: #101114;
  --kh-panel-elevated: #181a1f;
  --kh-panel-control: #20232b;
  --kh-panel-control-hover: #282c36;
  --kh-panel-border: rgba(255, 255, 255, 0.14);
  --kh-panel-border-strong: rgba(255, 255, 255, 0.24);
  --kh-panel-text: #f8fafc;
  --kh-panel-muted: #bac4d0;
  --kh-panel-accent: #2dd4bf;
  --kh-panel-accent-soft: rgba(45, 212, 191, 0.18);
  --kh-panel-action: #f8fafc;
  --kh-panel-action-text: #101114;
  --kh-panel-focus: rgba(45, 212, 191, 0.42);
  background:
    linear-gradient(180deg, rgba(29, 31, 37, 0.98), rgba(14, 15, 19, 0.98));
  border: 1px solid var(--kh-panel-border);
  border-radius: 14px;
  box-shadow:
    0 26px 72px rgba(0, 0, 0, 0.34),
    0 1px 0 rgba(255, 255, 255, 0.08) inset;
  color: var(--kh-panel-text);
  font-family: var(--kh-font-sans);
  font-size: var(--kh-font-size-sm);
  inset-inline-start: 1rem;
  inset-block-start: 1rem;
  isolation: isolate;
  max-height: calc(100vh - 2rem);
  overflow: auto;
  position: fixed;
  width: min(23.5rem, calc(100vw - 2rem));
  z-index: 1080;
}

.khors-admin-panel::before {
  background: linear-gradient(90deg, var(--kh-panel-accent), #f59e0b);
  content: "";
  height: 3px;
  inset: 0 0 auto;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@supports (backdrop-filter: blur(16px)) {
  .khors-admin-panel {
    backdrop-filter: blur(18px) saturate(1.2);
  }
}

.khors-admin-panel__inner {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  justify-content: flex-start;
  min-height: 0;
  padding: 0.95rem;
  width: 100%;
}

.khors-admin-panel[data-khors-panel-dragging="1"] {
  cursor: grabbing;
  user-select: none;
}

.khors-admin-panel__handle {
  align-items: center;
  cursor: grab;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  touch-action: none;
}

.khors-admin-panel[data-khors-panel-dragging="1"] .khors-admin-panel__handle {
  cursor: grabbing;
}

.khors-admin-panel__brand {
  display: grid;
  gap: 0.1rem;
  min-width: 8rem;
  padding-inline-start: 0.65rem;
  position: relative;
}

.khors-admin-panel__brand::before {
  background: var(--kh-panel-accent);
  border-radius: 999px;
  content: "";
  height: 1.85rem;
  inset-block-start: 0.05rem;
  inset-inline-start: 0;
  position: absolute;
  width: 0.2rem;
}

.khors-admin-panel__content {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.khors-admin-panel__title {
  color: var(--kh-panel-text);
  font-size: var(--kh-font-size-base);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
}

.khors-admin-panel__caption {
  color: var(--kh-panel-muted);
  font-size: var(--kh-font-size-xs);
  line-height: 1.25;
}

.khors-admin-panel__minimize,
.khors-admin-panel__restore {
  align-items: center;
  background: var(--kh-panel-control);
  border: 1px solid var(--kh-panel-border);
  border-radius: 8px;
  color: var(--kh-panel-text);
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 750;
  justify-content: center;
}

.khors-admin-panel__minimize {
  min-height: 2.1rem;
  min-width: 2.1rem;
}

.khors-admin-panel__restore {
  display: none;
  min-height: 2.75rem;
  min-width: 2.75rem;
}

.khors-admin-panel__minimize:hover,
.khors-admin-panel__restore:hover {
  background: var(--kh-panel-control-hover);
  border-color: var(--kh-panel-border-strong);
}

.khors-admin-panel__controls,
.khors-admin-panel__actions,
.khors-admin-panel__toggle {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.khors-admin-panel__controls {
  flex: 1 1 auto;
}

.khors-admin-panel__actions {
  justify-content: flex-start;
  margin: 0;
}

.khors-admin-panel__group {
  align-items: stretch;
  background: var(--kh-panel-elevated);
  border: 1px solid var(--kh-panel-border);
  border-radius: 10px;
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0.65rem;
}

.khors-admin-panel__group legend {
  color: var(--kh-panel-muted);
  float: none;
  font-size: var(--kh-font-size-xs);
  font-weight: 750;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  width: auto;
}

.khors-admin-panel__field {
  align-items: center;
  color: var(--kh-panel-text);
  display: grid;
  gap: 0.45rem;
  font-weight: 700;
}

.khors-admin-panel__field > span {
  color: var(--kh-panel-muted);
  font-size: var(--kh-font-size-xs);
  font-weight: 750;
  line-height: 1.2;
  text-transform: uppercase;
}

.khors-admin-panel__field select,
.khors-admin-panel__field input[type="color"] {
  appearance: none;
  background: var(--kh-panel-control);
  border: 1px solid var(--kh-panel-border);
  border-radius: 8px;
  color: var(--kh-panel-text);
  font: inherit;
  font-weight: 700;
  min-height: 2.55rem;
  padding: 0 0.75rem;
  width: 100%;
}

.khors-admin-panel__field select {
  background-image:
    linear-gradient(45deg, transparent 50%, var(--kh-panel-muted) 50%),
    linear-gradient(135deg, var(--kh-panel-muted) 50%, transparent 50%);
  background-position:
    calc(100% - 1rem) 50%,
    calc(100% - 0.7rem) 50%;
  background-repeat: no-repeat;
  background-size: 0.3rem 0.3rem;
  padding-inline-end: 2rem;
}

.khors-admin-panel__field input[type="color"] {
  cursor: pointer;
  padding: 0.25rem;
}

.khors-admin-panel__field select:focus-visible,
.khors-admin-panel__field input[type="color"]:focus-visible {
  outline: 3px solid var(--kh-panel-focus);
  outline-offset: 3px;
}

.khors-admin-panel__segments {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: grid;
  gap: 0.35rem;
  padding: 0;
}

.khors-admin-panel__segments {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.khors-admin-panel__segment {
  align-items: center;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--kh-panel-text);
  display: inline-flex;
  font-weight: 700;
  gap: 0.55rem;
  justify-content: flex-start;
  min-height: 2.35rem;
  padding: 0 0.75rem;
  text-align: left;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease;
}

.khors-admin-panel__segment::before {
  background: var(--kh-segment-swatch, var(--kh-panel-accent));
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 999px;
  content: "";
  flex: 0 0 auto;
  height: 0.8rem;
  width: 0.8rem;
}

.khors-admin-panel__segment[data-khors-preview-scheme="neutral"] {
  --kh-segment-swatch: #1e40af;
}

.khors-admin-panel__segment[data-khors-preview-scheme="sage"] {
  --kh-segment-swatch: #14532d;
}

.khors-admin-panel__segment[data-khors-preview-scheme="ocean"] {
  --kh-segment-swatch: #075985;
}

.khors-admin-panel__segment[data-khors-preview-scheme="copper"] {
  --kh-segment-swatch: #78350f;
}

.khors-admin-panel__segment[data-khors-preview-scheme="noir"] {
  --kh-segment-swatch: #0b1120;
}

.khors-admin-panel__segment:hover {
  background: var(--kh-panel-control-hover);
  border-color: var(--kh-panel-border-strong);
}

.khors-admin-panel__segment[aria-pressed="true"] {
  background: var(--kh-panel-accent-soft);
  border-color: var(--kh-panel-accent);
  color: var(--kh-panel-text);
}

.khors-admin-panel__toggle {
  align-items: center;
  background: var(--kh-panel-elevated);
  border: 1px solid var(--kh-panel-border);
  border-radius: 10px;
  color: var(--kh-panel-text);
  cursor: pointer;
  flex-direction: row;
  font-weight: 700;
  gap: 0.5rem;
  justify-content: flex-start;
  min-height: 2.7rem;
  padding: 0 0.8rem 0 0.55rem;
  position: relative;
  transition:
    background-color 160ms ease,
    border-color 160ms ease;
}

.khors-admin-panel__toggle:hover {
  background: var(--kh-panel-control);
  border-color: var(--kh-panel-border-strong);
}

.khors-admin-panel__toggle input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.khors-admin-panel__switch {
  background: #4b5563;
  border-radius: 999px;
  display: inline-flex;
  height: 1.45rem;
  padding: 0.15rem;
  transition: background-color 160ms ease;
  width: 2.55rem;
}

.khors-admin-panel__switch::before {
  background: #ffffff;
  border-radius: 999px;
  box-shadow: var(--kh-shadow-sm);
  content: "";
  height: 1.15rem;
  transform: translateX(0);
  transition: transform 160ms ease;
  width: 1.15rem;
}

.khors-admin-panel__toggle input[type="checkbox"]:checked + .khors-admin-panel__switch {
  background: var(--kh-panel-accent);
}

.khors-admin-panel__toggle input[type="checkbox"]:checked + .khors-admin-panel__switch::before {
  transform: translateX(1.1rem);
}

.khors-admin-panel__toggle input[type="checkbox"]:focus-visible + .khors-admin-panel__switch,
.khors-admin-panel__segment:focus-visible,
.khors-admin-panel__minimize:focus-visible,
.khors-admin-panel__restore:focus-visible,
.khors-admin-panel__save:focus-visible {
  outline: 3px solid var(--kh-panel-focus);
  outline-offset: 3px;
}

.khors-admin-panel__range {
  background: var(--kh-panel-elevated);
  border: 1px solid var(--kh-panel-border);
  border-radius: 10px;
  color: var(--kh-panel-text);
  display: grid;
  gap: 0.65rem;
  padding: 0.75rem 0.8rem;
}

.khors-admin-panel__range-head {
  align-items: center;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
}

.khors-admin-panel__range output {
  color: var(--kh-panel-accent);
  font-weight: 800;
}

.khors-admin-panel__range input[type="range"] {
  accent-color: var(--kh-panel-accent);
  width: 100%;
}

.khors-admin-panel__range input[type="range"]:focus-visible {
  outline: 3px solid var(--kh-panel-focus);
  outline-offset: 5px;
}

.khors-admin-panel__save {
  background: var(--kh-panel-action);
  border: 1px solid var(--kh-panel-action);
  border-radius: 10px;
  color: var(--kh-panel-action-text);
  font-weight: 800;
  min-height: 2.7rem;
  padding: 0 1.15rem;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
  width: 100%;
}

.khors-admin-panel__save:hover {
  background: var(--kh-panel-accent);
  border-color: var(--kh-panel-accent);
  transform: translateY(-1px);
}

.khors-admin-panel__save:disabled {
  cursor: wait;
  opacity: 0.68;
}

.khors-admin-panel__status {
  color: var(--kh-panel-muted);
  font-size: var(--kh-font-size-sm);
  font-weight: 650;
  min-height: 1rem;
  min-width: 0;
}

.khors-admin-panel[data-khors-panel-state="minimized"] {
  background: var(--kh-panel-bg);
  border-radius: 999px;
  display: inline-flex;
  height: 3.25rem;
  max-height: none;
  overflow: visible;
  width: 3.25rem;
}

.khors-admin-panel[data-khors-panel-state="minimized"]::before {
  display: none;
}

.khors-admin-panel[data-khors-panel-state="minimized"] .khors-admin-panel__inner {
  padding: 0;
}

.khors-admin-panel[data-khors-panel-state="minimized"] .khors-admin-panel__handle,
.khors-admin-panel[data-khors-panel-state="minimized"] .khors-admin-panel__content {
  display: none;
}

.khors-admin-panel[data-khors-panel-state="minimized"] .khors-admin-panel__restore {
  background: var(--kh-panel-bg);
  border: 0;
  border-radius: 999px;
  color: var(--kh-panel-accent);
  cursor: grab;
  display: inline-flex;
  height: 100%;
  min-height: 0;
  min-width: 0;
  touch-action: none;
  width: 100%;
}

.khors-admin-panel[data-khors-panel-state="minimized"][data-khors-panel-dragging="1"] .khors-admin-panel__restore {
  cursor: grabbing;
}

.khors-admin-panel[data-khors-panel-state="minimized"] .khors-admin-panel__restore:hover {
  background: var(--kh-panel-control);
  color: var(--kh-panel-text);
}

.khors-switcher {
  background: var(--kh-color-surface);
  border: 1px solid var(--kh-color-border);
  border-radius: var(--kh-radius-lg);
  box-shadow: var(--kh-shadow-sm);
  display: grid;
  gap: var(--kh-space-3);
  padding: var(--kh-space-4);
}

.khors-switcher__group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kh-space-2);
}

.khors-switcher__button {
  background: var(--kh-color-surface-muted);
  border: 1px solid var(--kh-color-border);
  border-radius: var(--kh-radius-sm);
  color: var(--kh-color-text);
  font-weight: 650;
  min-height: var(--kh-control-height);
  padding: 0 var(--kh-space-3);
}

.khors-switcher__button[aria-pressed="true"] {
  background: var(--kh-color-accent);
  border-color: var(--kh-color-accent);
  color: var(--kh-color-accent-contrast);
}

.carousel {
  box-shadow: var(--kh-shadow-sm);
}

.carousel[id^="carousel-banner-"],
.carousel[id^="carousel-banner-"] .carousel-inner,
.carousel[id^="carousel-banner-"] .carousel-item,
.carousel[id^="carousel-banner-"] [class^="col-"],
.carousel[id^="carousel-banner-"] [class*=" col-"] {
  background: #ffffff;
}

.carousel[id^="carousel-banner-"] a {
  background: #ffffff;
  display: block;
}

.carousel[id^="carousel-banner-"] img {
  background: #ffffff;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.khors-slider {
  margin-bottom: var(--kh-space-6);
}

.khors-slider__track {
  display: grid;
  gap: var(--kh-space-4);
  grid-auto-columns: minmax(78%, 1fr);
  grid-auto-flow: column;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-width: thin;
}

.khors-slider__slide {
  background: #ffffff;
  border-radius: var(--kh-radius-lg);
  overflow: hidden;
  scroll-snap-align: start;
}

.khors-slider__slide a {
  background: #ffffff;
  display: block;
  height: 100%;
}

.khors-slider__slide img {
  background: #ffffff;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.khors-slider__title {
  color: var(--kh-color-muted);
  font-size: var(--kh-font-size-base);
  padding: var(--kh-space-3) var(--kh-space-4);
}

.khors-nav {
  background: var(--kh-color-surface);
  border: 1px solid var(--kh-color-border);
  border-radius: var(--kh-radius-lg);
  margin-bottom: var(--kh-space-5);
}

.khors-nav__bar {
  align-items: center;
  display: flex;
  gap: var(--kh-space-3);
  justify-content: space-between;
  padding: var(--kh-space-3) var(--kh-space-4);
}

.khors-nav__brand {
  color: var(--kh-color-text);
  font-weight: 750;
}

.khors-nav__toggle,
.khors-nav__close {
  background: var(--kh-color-surface-muted);
  border: 1px solid var(--kh-color-border);
  border-radius: var(--kh-radius-sm);
  color: var(--kh-color-text);
  min-height: 2.5rem;
  min-width: 2.5rem;
}

.khors-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kh-space-2);
  list-style: none;
  margin: 0;
  padding: 0;
}

.khors-nav__link {
  border-radius: var(--kh-radius-sm);
  color: var(--kh-color-text);
  display: inline-flex;
  font-weight: 650;
  padding: var(--kh-space-2) var(--kh-space-3);
  text-decoration: none;
}

.khors-nav__link:hover,
.khors-nav__link:focus {
  background: var(--kh-color-surface-muted);
  color: var(--kh-color-accent);
}

.khors-nav__panel {
  background: var(--kh-color-surface);
  border-left: 1px solid var(--kh-color-border);
  bottom: 0;
  box-shadow: var(--kh-shadow-md);
  max-width: 24rem;
  padding: var(--kh-space-5);
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: transform 180ms ease;
  width: 88vw;
  z-index: 1080;
}

.khors-nav__panel[data-khors-open="true"] {
  transform: translateX(0);
}

.khors-nav__list--panel {
  display: grid;
  gap: var(--kh-space-2);
  margin-top: var(--kh-space-5);
}

footer {
  background: var(--kh-color-text);
  color: var(--kh-color-surface);
  margin-top: var(--kh-space-7);
}

footer a {
  color: color-mix(in srgb, var(--kh-color-surface) 86%, var(--kh-color-accent));
}

@media (min-width: 768px) {
  .khors-slider__track {
    grid-auto-columns: minmax(calc((100% - (var(--kh-space-4) * (var(--kh-slider-items, 1) - 1))) / var(--kh-slider-items, 1)), 1fr);
  }

  .khors-nav__toggle {
    display: none;
  }
}

@media (min-width: 992px) {
  .khors-slider__track {
    grid-auto-columns: minmax(30%, 1fr);
  }
}

@media (max-width: 1399.98px) {
  [data-khors-wide-container="true"] {
    max-width: none;
    padding-inline: clamp(var(--kh-space-3), 2.4vw, var(--kh-space-4));
    width: 100%;
  }
}

@media (max-width: 991.98px) {
  #top {
    font-size: var(--kh-font-size-xs);
  }

  #top > div {
    min-height: var(--kh-control-height-sm);
  }

  #top > div > div {
    flex-wrap: nowrap;
    gap: var(--kh-space-2);
    margin-inline: 0;
  }

  #top > div > div > div {
    flex: 0 0 auto;
    padding-inline: 0;
    text-align: start !important;
    width: auto;
  }

  #top > div > div > div:last-child {
    flex: 1 1 auto;
    min-width: 0;
    text-align: end !important;
  }

  #top ul.list-inline,
  #top > div > div > div:last-child ul.list-inline {
    flex-wrap: nowrap;
    gap: 0 var(--kh-space-3);
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap;
  }

  #top > div > div > div:last-child ul.list-inline {
    justify-content: flex-end;
  }

  #top ul.list-inline::-webkit-scrollbar {
    display: none;
  }

  #top .list-inline-item > a,
  #top .list-inline-item .dropdown > a,
  #top .list-inline-item > button {
    font-size: var(--kh-font-size-xs);
    min-height: var(--kh-control-height-sm);
    padding-block: 0.2rem;
  }

  #top #form-currency .dropdown-toggle span,
  #top #form-language .dropdown-toggle span {
    display: none !important;
  }

  #container > header {
    padding-block: var(--kh-space-2);
  }

  html[data-khors-sticky="1"] #container > header {
    top: var(--kh-control-height-sm);
  }

  #menu {
    position: relative;
    z-index: 1028;
  }

  #navbar-menu {
    background: var(--kh-color-scheme-accent);
    border: 1px solid color-mix(in srgb, var(--kh-color-scheme-accent) 82%, #020617);
    border-radius: var(--kh-radius-sm);
    box-shadow: var(--kh-shadow-md);
    inset-block-start: calc(100% + var(--kh-space-2));
    inset-inline: 0;
    max-height: min(75vh, 32rem);
    overflow-y: auto;
    padding: var(--kh-space-3);
    position: absolute;
    width: 100%;
    z-index: 1031;
  }

  #navbar-menu.collapsing {
    transition: none;
  }

  #navbar-menu .navbar-nav {
    gap: var(--kh-space-2);
  }
}

@media (max-width: 767.98px) {
  body {
    font-size: var(--kh-font-size-base);
  }

  h1 {
    font-size: var(--kh-font-size-xl);
  }

  #container > header > .container > div {
    --bs-gutter-x: 0.5rem;
    align-items: center;
    flex-wrap: nowrap;
  }

  #container > header > .container > div > div {
    flex: 0 0 auto;
    min-width: 0;
    width: auto;
  }

  #container > header > .container > div > div:first-child {
    flex: 1 1 auto;
  }

  #container > header > .container > div > div:nth-child(2),
  #container > header > .container > div > #cart {
    flex: 0 0 auto;
    justify-content: flex-end;
  }

  #logo {
    min-height: var(--kh-control-height-sm);
  }

  #logo img {
    max-height: 40px;
    max-width: min(52vw, 12rem);
  }

  #container > header form[data-khors-mobile-search] {
    margin-bottom: 0 !important;
    position: relative;
    width: var(--kh-control-height-sm);
    z-index: 1031;
  }

  #container > header form[data-khors-mobile-search] .form-control {
    border-radius: var(--kh-radius);
    box-shadow: var(--kh-shadow-md);
    inset-block-start: calc(100% + var(--kh-space-2));
    inset-inline-end: 0;
    min-height: var(--kh-control-height);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateY(-0.25rem);
    transition: opacity 160ms ease, transform 160ms ease;
    width: min(21rem, calc(100vw - 1.5rem));
  }

  #container > header form[data-khors-mobile-search][data-khors-search-open="true"] .form-control {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  #container > header form[data-khors-mobile-search] .btn {
    align-items: center;
    background: var(--kh-color-surface-muted);
    border-color: var(--kh-color-border);
    border-radius: var(--kh-radius);
    color: var(--kh-color-text);
    display: inline-flex;
    height: var(--kh-control-height-sm);
    justify-content: center;
    min-height: var(--kh-control-height-sm);
    min-width: var(--kh-control-height-sm);
    padding: 0;
    width: var(--kh-control-height-sm);
  }

  #container > header form[data-khors-mobile-search] .btn i {
    font-size: 1rem;
    line-height: 1;
  }

  #container > header #cart {
    margin-bottom: 0 !important;
  }

  #container > header #cart .dropdown {
    width: auto;
  }

  #container > header #cart .dropdown > .btn {
    font-size: 0;
    gap: 0;
    height: var(--kh-control-height-sm);
    min-height: var(--kh-control-height-sm);
    min-width: var(--kh-control-height-sm);
    padding: 0;
    width: var(--kh-control-height-sm);
  }

  #container > header #cart .dropdown > .btn i {
    font-size: 1rem;
    line-height: 1;
  }

  #container > header #cart .dropdown > .btn::after {
    display: none;
  }

  #menu {
    border-radius: var(--kh-radius-sm);
    margin-bottom: var(--kh-space-4);
    padding: 0.35rem var(--kh-space-3);
  }

  #category {
    padding-inline: 0;
  }

  #menu .navbar-toggler {
    align-items: center;
    display: inline-flex;
    height: var(--kh-control-height-sm);
    justify-content: center;
    margin-inline-start: auto;
    min-height: var(--kh-control-height-sm);
    min-width: var(--kh-control-height-sm);
    padding: 0;
    width: var(--kh-control-height-sm);
  }

  #menu .navbar-toggler i {
    font-size: 1rem;
    line-height: 1;
  }

  .khors-admin-panel__inner {
    align-items: stretch;
    flex-direction: column;
  }

  .khors-admin-panel__controls,
  .khors-admin-panel__actions,
  .khors-admin-panel__group,
  .khors-admin-panel__segments,
  .khors-admin-panel__toggle,
  .khors-admin-panel__save {
    width: 100%;
  }

  .khors-admin-panel__actions {
    justify-content: stretch;
    margin: 0;
  }

  .khors-admin-panel__segment {
    flex: 1 1 auto;
    justify-content: flex-start;
  }

  .khors-admin-panel__status {
    min-width: 0;
  }

  .khors-nav__list {
    display: none;
  }
}