/* Keon Labels - global.css  (generated from the "Simple Custom CSS and JS" snippets; unused and overridden rules removed) */

/* ===== SEARCH SUGGESTIONS & ARCHIVE FALLBACK RESULTS ===== */
.kh-search-suggestions {
	-webkit-overflow-scrolling: touch;
	color: #40334b;
	font-size: 13px;
	box-sizing: border-box !important;
}
.kh-search-suggestions[hidden] {
	display: none;
}
.kh-search-suggestions a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 8px 12px;
	border-bottom: 1px solid #f0eaf2;
	box-sizing: border-box !important;
	background-color: #ffffff;
	color: inherit;
	text-decoration: none;
	transition: background-color 0.18s ease, color 0.18s ease;
}
.kh-search-suggestions a:hover,
.kh-search-suggestions a:focus,
.kh-search-suggestions a:active {
	background-color: #f7f1f8;
	color: #76228e;
	box-shadow: none !important;
	transform: none !important;
	outline: 0;
}
.kh-search-suggestions__heading {
	padding: 8px 12px 6px;
	border-bottom: 1px solid #f0eaf2;
	color: #76228e;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}
.kh-search-suggestions a img {
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	object-fit: contain;
}
.kh-search-suggestions__copy {
	flex: 1 1 auto;
	overflow-wrap: break-word;
	word-break: break-word;
}
.kh-search-suggestions strong,
.kh-search-suggestions__copy span {
	display: block;
}
.kh-search-suggestions strong {
	font-size: 13px;
	line-height: 1.3;
}
.kh-search-suggestions__copy span {
	margin-top: 2px;
	color: #786a82;
	font-size: 11px;
	line-height: 1.35;
}
.kh-search-suggestions__action {
	justify-content: center;
	padding: 10px 12px;
	color: #76228e !important;
	font-size: 12px;
	font-weight: 700;
}
.kh-search-suggestions__empty {
	line-height: 1.4;
}
.keon-search-results--archive {
	display: block !important;
	width: 100% !important;
	max-width: 1120px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
	padding: clamp(24px, 4vw, 40px) clamp(16px, 3.5vw, 30px) clamp(36px, 5vw, 56px) !important;
}
.keon-search-results--archive .keon-search-results__notice {
	max-width: 720px;
	margin: 0 0 clamp(20px, 3vw, 32px) !important;
	padding: clamp(16px, 2.5vw, 22px) clamp(16px, 2.5vw, 24px);
	border-left: 4px solid #4ca356;
	border-radius: 0 6px 6px 0;
	background-color: #f5faf5;
	box-sizing: border-box !important;
}
.keon-search-results--archive h2 {
	margin: 0 0 16px !important;
	color: #201b24;
	font-size: clamp(20px, 2.4vw, 24px) !important;
	line-height: 1.25;
}
.keon-search-results--archive .keon-search-results__notice h2 {
	margin-bottom: 7px !important;
	font-size: clamp(18px, 2.2vw, 22px) !important;
}
.keon-search-results--archive .keon-search-results__notice p,
.keon-search-results--archive .keon-search-results__empty {
	margin: 0 !important;
	color: #675d70;
	font-size: clamp(13px, 1.4vw, 14px);
	line-height: 1.5;
}
.keon-search-results--archive .keon-search-results__grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: clamp(12px, 1.8vw, 16px) !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}
body .content .keon-search-results--archive a.keon-search-result,
body .content .keon-search-results--archive a.keon-search-result:hover,
body .content .keon-search-results--archive a.keon-search-result:focus,
body .content .keon-search-results--archive a.keon-search-result:active {
	box-sizing: border-box !important;
}
.keon-search-results--archive .keon-search-result {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	min-height: 96px;
	padding: clamp(14px, 2vw, 18px) !important;
	border: 1px solid #e5d8e8 !important;
	border-radius: 6px !important;
	background-color: #ffffff !important;
	color: #40334b !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transform: none !important;
	box-sizing: border-box !important;
	overflow-wrap: break-word;
	word-break: break-word;
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}
.keon-search-results--archive .keon-search-result:hover,
.keon-search-results--archive .keon-search-result:focus,
.keon-search-results--archive .keon-search-result:active {
	border-color: #9b3dad !important;
	background-color: #f7f1f8 !important;
	color: #76228e !important;
	box-shadow: none !important;
	transform: none !important;
	outline: 0;
}
.keon-search-results--archive .keon-search-result strong,
.keon-search-results--archive .keon-search-result span {
	display: block;
}
.keon-search-results--archive .keon-search-result strong {
	font-size: clamp(14.5px, 1.6vw, 16px);
	line-height: 1.3;
}
.keon-search-results--archive .keon-search-result span {
	margin-top: 6px;
	color: #786a82;
	font-size: clamp(11.5px, 1.2vw, 12px);
	line-height: 1.4;
}
@media (min-width: 700px) and (max-width: 1024px) {
	.keon-search-results--archive .keon-search-results__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
}
@media (max-width: 699.98px) {
	.kh-search-suggestions a {
		padding: 10px 10px;
	}
	.keon-search-results--archive .keon-search-results__grid {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}
	.keon-search-results--archive .keon-search-result {
		min-height: 80px;
	}
}

/* ===== Hide theme's default back-to-top button ===== */
#back-top {
    display: none !important;
}
.keon-btt {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 6px 18px rgba(65, 16, 79, .18);
    cursor: pointer;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    transition: opacity .3s ease, transform .3s ease, visibility .3s, box-shadow .25s ease, background-color .25s ease;
}
.keon-btt.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.keon-btt:hover,
.keon-btt:focus-visible {
    background: #76228e;
    box-shadow: 0 10px 24px rgba(65, 16, 79, .3);
    transform: translateY(-3px);
}
.keon-btt:focus-visible {
    outline: 2px solid #76228e;
    outline-offset: 3px;
}
.keon-btt__ring {
    position: absolute;
    inset: 0;
    transform: rotate(-90deg);
    transition: opacity .2s ease;
}
.keon-btt:hover .keon-btt__ring,
.keon-btt:focus-visible .keon-btt__ring {
    opacity: 0;
}
.keon-btt__ring circle {
    fill: none;
    stroke-width: 2.5;
}
.keon-btt__ring-track {
    stroke: #eee3f2;
}
.keon-btt__ring-fill {
    stroke: #76228e;
    stroke-linecap: round;
    transition: stroke-dashoffset .1s linear;
}
.keon-btt__arrow {
    position: relative;
    z-index: 1;
    width: 18px;
    height: 18px;
    stroke: #76228e;
    stroke-width: 2.5;
    transition: stroke .2s ease, transform .2s ease;
}
.keon-btt:hover .keon-btt__arrow,
.keon-btt:focus-visible .keon-btt__arrow {
    stroke: #fff;
    transform: translateY(-1px);
}
.keon-btt__tip {
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%) translateX(6px);
    padding: 7px 13px;
    border-radius: 8px;
    background: #21192a;
    color: #fff;
    font-family: 'Plus Jakarta Sans', Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease, transform .2s ease;
}
.keon-btt__tip::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background: #21192a;
    transform: rotate(45deg);
}
.keon-btt:hover .keon-btt__tip,
.keon-btt:focus-visible .keon-btt__tip {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}
@media (max-width: 600px) {
    .keon-btt { width: 44px; height: 44px; bottom: 20px; right: 20px; }
    .keon-btt__tip { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .keon-btt,
    .keon-btt__arrow,
    .keon-btt__ring,
    .keon-btt__tip {
        transition: none;
    }
}

/* ===== HEADER + FOOTER — responsive version v3.2 (full file) ===== */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .kh-header {
    --kh-logo-cx: 49.5%;
    --kh-logo-cy: 50%;
    --kh-logo-crop: 44%;
    width: 100%;
    max-width: 100%;
    font-family: 'Plus Jakarta Sans', Arial, sans-serif;
  }
  .kh-header img,
  .kh-footer img {
    max-width: 100%;
  }
  .kh-header.kh-is-scrolled .kh-nav {
    box-shadow: 0 6px 20px rgba(65, 16, 79, .1);
  }
  .kh-topbar {
    background: #491258;
  }
  .kh-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    max-width: 1582px;
    margin: 0 auto;
    padding: 8px max(clamp(18px, 6vw, 100px), env(safe-area-inset-right, 0px)) 8px max(clamp(18px, 6vw, 100px), env(safe-area-inset-left, 0px));
  }
  .kh-topbar__msg {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1px;
  }
  .kh-topbar__msg-short {
    display: none;
  }
  .kh-topbar__call {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 8px;
    margin-right: 16px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .4px;
    text-decoration: none !important;
    white-space: nowrap;
  }
  .kh-topbar__call svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
  }
  .kh-nav {
    background: #fbf9fc;
    border-bottom: 1px solid #f0e6f2;
    transition: box-shadow .2s ease;
  }
  .kh-nav__inner {
    --kh-pad: 18px;
    --kh-gutter: 32px;
    --kh-row: 85px;
    --kh-safe: max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 16px;
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--kh-pad) max(var(--kh-gutter), var(--kh-safe));
    transition: padding .3s ease;
  }
  .kh-header.kh-is-scrolled .kh-nav__inner {
    --kh-pad: 10px;
    --kh-row: 52px;
  }
  .kh-logo {
    display: inline-flex;
    flex-shrink: 0;
    border-radius: 50%;
  }
  .kh-logo img {
    display: block;
    height: 105px;
    width: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin: -10px 0;
    border-radius: 50%;
    clip-path: circle(var(--kh-logo-crop) at var(--kh-logo-cx) var(--kh-logo-cy));
    transition: height .3s ease, margin .3s ease;
  }
  .kh-header.kh-is-scrolled .kh-logo img {
    height: 65px;
    margin: -6.5px 0;
  }
  .kh-nav__links {
    display: flex;
    align-items: center;
    gap: 28px;
    min-width: 0;
    margin: 0 0 0 40px;
    padding: 0;
    list-style: none;
  }
  .kh-nav__links a,
  .kh-nav__dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 4px;
    border: 0;
    background: transparent !important;
    color: #1e1621;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .3px;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: color .2s ease;
  }
  .kh-nav__links a:hover,
  .kh-nav__dropdown:hover,
  .kh-nav__dropdown[aria-expanded="true"],
  .kh-nav__links a[aria-current="page"],
  .kh-nav__dropdown[aria-current="page"] {
    color: #812991;
  }
  .kh-nav__links a:focus-visible,
  .kh-nav__dropdown:focus-visible,
  .kh-cta:focus-visible,
  .kh-cart:focus-visible,
  .kh-materials-chip:focus-visible,
  .kh-nav__toggle:focus-visible,
  .kh-search:focus-visible,
  .kh-logo:focus-visible {
    outline: 2px solid #852e96;
    outline-offset: 3px;
  }
  .kh-nav__dropdown svg {
    width: 10px;
    height: 10px;
    stroke-width: 2.4;
    transition: transform .2s ease;
  }
  .kh-nav__dropdown[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }
  .kh-nav__dropdown-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
  }
  .kh-nav__menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    min-width: 210px;
    padding: 10px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(65, 16, 79, .15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
    z-index: 70;
  }
  .kh-nav__dropdown[aria-expanded="true"] + .kh-nav__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .kh-nav__menu a {
    padding: 9px 12px;
    border-radius: 8px;
    color: #21192a;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
  }
  .kh-nav__menu a:hover {
    background: #f5edf7;
    color: #812991;
  }
  .kh-nav__menu a[aria-current="page"] {
    background: #f5edf7;
    color: #812991;
  }
  .kh-nav__dropdown-wrap:has(.kh-nav__menu a[aria-current="page"]) .kh-nav__dropdown {
    color: #812991;
  }
  .kh-nav__menu--columns {
    flex-direction: row;
    gap: 4px;
    min-width: 420px;
    padding: 14px;
    left: 50%;
    transform: translate(-50%, 6px);
  }
  .kh-nav__dropdown[aria-expanded="true"] + .kh-nav__menu--columns {
    transform: translate(-50%, 0);
  }
  .kh-nav__menu-col {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
  }
  .kh-nav__menu-col:not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #f0e6f2;
  }
  .kh-nav__menu-heading {
    padding: 6px 12px 8px;
    color: #812991;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
  }
  .kh-nav__actions {
    position: static;
    display: flex;
    align-items: center;
    margin-left: auto;
    flex-shrink: 0;
  }
  .kh-search-wrap,
  .kh-search-wrap.kh-search-is-open {
    position: static;
    display: inline-flex;
    align-items: center;
  }
  .kh-search-form {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: max(var(--kh-gutter, 32px), var(--kh-safe, 0px));
    right: max(var(--kh-gutter, 32px), var(--kh-safe, 0px));
    z-index: 100;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: auto;
    max-width: 762px;
    margin: 0 0 0 auto;
    height: 52px;
    padding: 0 60px 0 20px;
    transform: translateY(-50%);
    background: #fff;
    border: 2px solid #852e96;
    border-radius: 999px;
    box-shadow: 0 12px 30px rgba(65, 16, 79, .18);
    transition: box-shadow .2s ease;
  }
  .kh-search-form:focus-within {
    box-shadow: 0 12px 30px rgba(65, 16, 79, .18), 0 0 0 4px rgba(133, 46, 150, .2);
  }
  .kh-search-form[hidden] {
    display: none !important;
  }
  .kh-search-form input[type="search"] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    flex: 1;
    height: 100%;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #21192a;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.2;
    text-overflow: ellipsis;
    appearance: none;
    -webkit-appearance: none;
  }
  .kh-search-form input[type="search"]::placeholder {
    color: #8d7a94;
    opacity: 1;
    text-overflow: ellipsis;
  }
  .kh-search-form input[type="search"]::-webkit-search-decoration,
  .kh-search-form input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
  }
  .kh-search-form input[type="search"]:focus {
    outline: none;
  }
  .kh-search {
    position: relative;
    z-index: 101;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0 !important;
    border: 2px solid #ffffff !important;
    border-radius: 50%;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #852e96 !important;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
  }
  .kh-search:hover {
    background-color: #9b3dad !important;
    border-color: #9b3dad !important;
    color: #ffffff !important;
    transform: translateY(-1px);
  }
  .kh-search[aria-expanded="true"] {
    position: absolute;
    top: 50%;
    right: calc(max(var(--kh-gutter, 32px), var(--kh-safe, 0px)) + 4px);
    transform: translateY(-50%);
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #852e96 !important;
    box-shadow: none !important;
  }
  .kh-search[aria-expanded="true"]:hover {
    transform: translateY(-50%);
    background: transparent !important;
    background-color: transparent !important;
    color: #63216e !important;
  }
  .kh-search svg {
    width: 20px !important;
    height: 20px !important;
    display: block;
    margin: 0 auto;
    flex-shrink: 0;
    stroke: currentColor !important;
    vertical-align: middle;
  }
  .kh-cart {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 18px 5px 5px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #1e1621 !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(65, 16, 79, .1);
  }
  .kh-cart:hover {
    box-shadow: 0 5px 14px rgba(65, 16, 79, .16);
  }
  .kh-cart__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #812991;
    color: #fff;
    flex-shrink: 0;
  }
  .kh-cart__icon svg {
    width: 16px;
    height: 16px;
    display: block;
  }
  .kh-cart__count {
    position: absolute;
    top: -6px;
    right: -7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 3px;
    border-radius: 999px;
    background: #a6ce39;
    color: #21192a;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
  }
  .kh-cart__total {
    font-size: 14.5px;
    font-weight: 700;
    white-space: nowrap;
  }
  .kh-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 13px 24px !important;
    border: 2px solid #852e96 !important;
    border-radius: 999px !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #852e96 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap;
    vertical-align: middle;
    transform: none !important;
  }
  .kh-cta:hover,
  .kh-cta:focus {
    background-color: #852e96 !important;
    color: #ffffff !important;
    border-color: #852e96 !important;
    box-shadow: 0 4px 10px rgba(116, 33, 143, 0.28);
  }
  .kh-nav__toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 10px;
    background: #f5edf7;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
  }
  .kh-nav__toggle span {
    display: block;
    height: 2px;
    margin: 0 auto;
    border-radius: 2px;
    background: #812991;
    transition: transform .25s ease, opacity .25s ease;
  }
  .kh-nav__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .kh-nav__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .kh-nav__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .kh-materials-chip {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    margin-left: 24px;
    margin-right: 20px;
    padding: 9px 18px;
    border-radius: 999px;
    border: 1.5px solid transparent;
    background-image: linear-gradient(100deg, #852e96, #9b3dad);
    color: #fff;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    text-decoration: none !important;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
  }
  .kh-materials-chip:hover {
    color: #63216e;
    background-image: linear-gradient(#fff, #fff);
    border-color: #812991;
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(116, 33, 143, .18);
  }
  .kh-materials-chip:active:not(:hover),
  .kh-materials-chip:focus:not(:hover),
  .kh-materials-chip:focus-visible:not(:hover) {
    color: #fff;
    background-image: linear-gradient(100deg, #852e96, #9b3dad);
    border-color: transparent;
    outline: none;
    box-shadow: none;
    transform: none;
  }
  .kh-materials-chip svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    transition: transform .3s ease;
  }
  .kh-materials-chip:hover svg {
    transform: rotate(-10deg) scale(1.08);
  }
  .kh-logo,
  .kh-nav__links,
  .kh-materials-chip,
  .kh-cart,
  .kh-cta,
  .kh-nav__toggle {
    transition: filter .25s ease, opacity .25s ease;
  }
  .kh-nav--search-open .kh-logo,
  .kh-nav--search-open .kh-nav__links,
  .kh-nav--search-open .kh-materials-chip,
  .kh-nav--search-open .kh-cart,
  .kh-nav--search-open .kh-cta,
  .kh-nav--search-open .kh-nav__toggle,
  .kh-nav:has(.kh-search-wrap.kh-search-is-open) .kh-logo,
  .kh-nav:has(.kh-search-wrap.kh-search-is-open) .kh-nav__links,
  .kh-nav:has(.kh-search-wrap.kh-search-is-open) .kh-materials-chip,
  .kh-nav:has(.kh-search-wrap.kh-search-is-open) .kh-cart,
  .kh-nav:has(.kh-search-wrap.kh-search-is-open) .kh-cta,
  .kh-nav:has(.kh-search-wrap.kh-search-is-open) .kh-nav__toggle {
    filter: blur(5px);
    opacity: .35;
    pointer-events: none;
  }
  .kh-search-wrap.kh-search-is-open {
    z-index: 90;
  }
  @media (max-width: 1399px) {
    .kh-nav__inner {
      --kh-gutter: 24px;
      gap: 12px;
    }
    .kh-logo img {
      height: 90px;
      margin: -8px 0;
    }
    .kh-nav__links {
      gap: 18px;
      margin-left: 20px;
    }
    .kh-nav__links a,
    .kh-nav__dropdown {
      font-size: 13.5px;
      letter-spacing: .2px;
    }
    .kh-materials-chip {
      margin-left: 8px;
      margin-right: 0;
      padding: 8px 14px;
      font-size: 12px;
    }
    .kh-cart { padding: 5px; }
    .kh-cart__total { display: none; }
    .kh-cta {
      padding: 11px 18px !important;
      font-size: 13px !important;
    }
  }
  @media (max-width: 1140px) {
    .kh-materials-chip { display: none; }
  }
  @media (min-width: 961px) and (max-width: 1100px) {
    .kh-nav__inner { gap: 8px; }
    .kh-nav__links {
      gap: 12px;
      margin-left: 8px;
    }
    .kh-nav__links a,
    .kh-nav__dropdown {
      padding: 6px 2px;
      font-size: 13px;
      letter-spacing: .1px;
    }
    .kh-logo img {
      height: 80px;
      margin: -6px 0;
    }
    .kh-header.kh-is-scrolled .kh-logo img {
      height: 60px;
      margin: -5px 0;
    }
    .kh-cta {
      padding: 10px 14px !important;
      font-size: 12.5px !important;
    }
  }
  @media (max-width: 999px) {
    .kh-topbar__msg { font-size: 12.5px; }
    .kh-topbar__msg-full { display: none; }
    .kh-topbar__msg-short { display: inline; }
  }
  @media (max-width: 960px) {
    .kh-nav__inner {
      --kh-gutter: 24px;
      gap: 12px;
    }
    .kh-nav__toggle {
      display: flex;
      width: 44px;
      height: 44px;
    }
    .kh-cta {
      padding: 10px 16px !important;
      font-size: 12.5px !important;
    }
    .kh-nav__links { display: none; }
    .kh-nav.kh-is-open {
      max-height: calc(100vh - 44px);
      max-height: calc(100dvh - 44px);
      overflow-y: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
    }
    .kh-header.kh-is-scrolled .kh-nav.kh-is-open {
      max-height: 100vh;
      max-height: 100dvh;
    }
    .kh-nav.kh-is-open .kh-nav__inner { flex-wrap: wrap; }
    .kh-nav.kh-is-open .kh-nav__links {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      order: 5;
      width: 100%;
      gap: 0;
      margin: 8px 0 0;
      padding: 4px 0 0;
      border-top: 1px solid #f0e6f2;
    }
    .kh-nav__links a,
    .kh-nav__dropdown {
      width: 100%;
      padding: 14px 4px;
      border-bottom: 1px solid #f5edf7;
      font-size: 14px;
      letter-spacing: .3px;
    }
    .kh-nav__dropdown { justify-content: space-between; }
    .kh-nav__dropdown svg { width: 12px; height: 12px; }
    .kh-nav__dropdown-wrap {
      display: block;
      width: 100%;
    }
    .kh-nav__menu,
    .kh-nav__menu--columns {
      position: static;
      display: none;
      flex-direction: column;
      min-width: 0;
      margin: 0;
      padding: 4px 0 8px 12px;
      border-radius: 0;
      box-shadow: none;
      opacity: 1;
      visibility: visible;
      transform: none;
    }
    .kh-nav__dropdown[aria-expanded="true"] + .kh-nav__menu,
    .kh-nav__dropdown[aria-expanded="true"] + .kh-nav__menu--columns {
      display: flex;
      transform: none;
    }
    .kh-nav__menu a {
      padding: 11px 12px;
      border-bottom: 0;
      font-size: 14px;
      white-space: normal;
    }
    .kh-nav__menu-col:not(:first-child) {
      padding-left: 0;
      border-left: 0;
      border-top: 1px solid #f0e6f2;
    }
    .kh-nav.kh-is-open .kh-materials-chip {
      display: inline-flex;
      order: 6;
      justify-content: center;
      width: 100%;
      margin: 12px 0 4px;
      padding: 13px 18px;
      font-size: 13px;
    }
    .kh-search-form {
      top: calc(var(--kh-pad) + var(--kh-row) / 2);
      max-width: none;
      margin: 0;
      transform: translateY(-50%);
    }
    .kh-search[aria-expanded="true"],
    .kh-search[aria-expanded="true"]:hover {
      top: calc(var(--kh-pad) + var(--kh-row) / 2);
      transform: translateY(-50%);
    }
  }
  @media (max-width: 700px) {
    .kh-topbar__msg { display: none; }
    .kh-topbar__inner { justify-content: center; }
    .kh-topbar__call { margin-right: 0; }
  }
  @media (max-width: 600px) {
    .kh-topbar__inner {
      padding-top: 7px;
      padding-bottom: 7px;
      padding-left: max(18px, env(safe-area-inset-left, 0px));
      padding-right: max(18px, env(safe-area-inset-right, 0px));
    }
    .kh-topbar__call { font-size: 12px; }
    .kh-nav__inner {
      --kh-gutter: 16px;
      --kh-row: 60px;
      gap: 8px;
    }
    .kh-header.kh-is-scrolled .kh-nav__inner { --kh-row: 44px; }
    .kh-logo img { height: 60px; }
    .kh-header.kh-is-scrolled .kh-logo img { height: 44px; }
    .kh-search,
    .kh-nav__toggle {
      width: 44px;
      height: 44px;
    }
    .kh-search-form {
      height: 48px;
      padding: 0 54px 0 16px;
    }
  }
  @media (max-width: 520px) {
    .kh-cta { display: none !important; }
  }
  @media (max-width: 360px) {
    .kh-nav__inner {
      --kh-gutter: 12px;
    }
  }
  @media (max-width: 340px) {
    .kh-nav__inner {
      --kh-gutter: 10px;
      gap: 6px;
    }
    .kh-cart { padding: 4px; }
    .kh-search,
    .kh-nav__toggle,
    .kh-search[aria-expanded="true"] {
      width: 40px;
      height: 40px;
    }
    .kh-topbar__inner {
      padding-left: max(12px, env(safe-area-inset-left, 0px));
      padding-right: max(12px, env(safe-area-inset-right, 0px));
    }
    .kh-search-form {
      padding: 0 50px 0 14px;
    }
  }
  @media (max-width: 960px) and (max-height: 480px) {
    .kh-nav.kh-is-open,
    .kh-header.kh-is-scrolled .kh-nav.kh-is-open {
      max-height: 100vh;
      max-height: 100dvh;
    }
    .kh-nav__inner,
    .kh-header.kh-is-scrolled .kh-nav__inner {
      --kh-pad: 10px;
      --kh-row: 56px;
    }
    .kh-logo img,
    .kh-header.kh-is-scrolled .kh-logo img { height: 56px; }
  }
  @media (hover: none) {
    .kh-search:hover,
    .kh-materials-chip:hover {
      transform: none;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .kh-header *,
    .kh-header *::before,
    .kh-header *::after {
      transition: none !important;
    }
  }
  .kh-nav .kh-nav__menu-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit;
    line-height: 1.4;
    text-align: left;
    text-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
  }
  .kh-nav .kh-nav__menu-heading:hover,
  .kh-nav .kh-nav__menu-heading:focus {
    color: #812991;
  }
  .kh-nav .kh-nav__menu-heading:focus-visible {
    outline: 2px solid #852e96;
    outline-offset: 2px;
  }
  .kh-nav__menu-chev {
    display: block;
    flex: 0 0 auto;
    width: 12px;
    height: 8px;
  }
  .kh-nav a.kh-nav__menu-heading--link {
    text-decoration: none !important;
    cursor: pointer;
  }
  .kh-nav__menu-arrow {
    display: block;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    transition: transform .2s ease;
  }
  .kh-nav a.kh-nav__menu-heading--link:hover .kh-nav__menu-arrow,
  .kh-nav a.kh-nav__menu-heading--link:focus-visible .kh-nav__menu-arrow {
    transform: translateX(3px);
  }
  .kh-nav a.kh-nav__menu-heading--link[aria-current="page"] {
    color: #812991;
    background: #f5edf7 !important;
  }
  @media (min-width: 961px) {
    .kh-nav__dropdown-wrap--mega .kh-nav__menu--columns {
      display: grid;
      grid-template-columns: 210px minmax(0, 1fr);
      grid-template-rows: repeat(5, min-content) 1fr;
      column-gap: 14px;
      row-gap: 2px;
      align-items: start;
      width: 700px;
      max-width: calc(100vw - 24px);
      min-width: 0;
      padding: 14px;
      left: 50%;
      right: auto;
      transform: translate(calc(-50% + var(--kh-mega-shift, 0px)), 6px);
    }
    .kh-nav__dropdown-wrap--mega .kh-nav__dropdown[aria-expanded="true"] + .kh-nav__menu--columns {
      transform: translate(calc(-50% + var(--kh-mega-shift, 0px)), 0);
    }
    .kh-nav__dropdown-wrap--mega .kh-nav__menu--columns::before {
      content: "";
      position: absolute;
      top: -6px;
      left: calc(50% - var(--kh-mega-shift, 0px));
      width: 12px;
      height: 12px;
      background: #fff;
      border-radius: 3px 0 0 0;
      transform: translateX(-50%) rotate(45deg);
      box-shadow: -3px -3px 6px rgba(65, 16, 79, .05);
    }
    .kh-nav__menu-col { display: contents; }
    .kh-nav .kh-nav__menu-heading {
      grid-column: 1;
      padding: 11px 12px;
      border-radius: 10px;
      color: #21192a;
      font-size: 13.5px;
      letter-spacing: normal;
      text-transform: none;
      cursor: pointer;
      pointer-events: auto;
      transition: background-color .15s ease, color .15s ease;
    }
    .kh-nav .kh-nav__menu-heading:hover,
    .kh-nav .kh-nav__menu-col.kh-acc-open > .kh-nav__menu-heading {
      background: #f5edf7 !important;
      color: #812991;
    }
    .kh-nav a.kh-nav__menu-heading--link {
      position: relative;
      margin-top: 6px;
      color: #21192a;
      font-size: 13.5px;
      font-weight: 800;
      letter-spacing: normal;
      text-transform: none;
      white-space: normal;
    }
    .kh-nav a.kh-nav__menu-heading--link::before {
      content: "";
      position: absolute;
      top: -4px;
      left: 12px;
      right: 12px;
      height: 1px;
      background: #f0e6f2;
      pointer-events: none;
    }
    .kh-nav__menu-chev {
      width: 10px;
      height: 7px;
      opacity: .45;
      transform: rotate(-90deg);
      transition: opacity .15s ease;
    }
    .kh-nav__menu-col.kh-acc-open > .kh-nav__menu-heading .kh-nav__menu-chev { opacity: 1; }
    .kh-nav__menu-col .kh-nav__menu-panel {
      display: none;
      grid-column: 2;
      grid-row: 1 / -1;
      align-self: stretch;
      min-height: 236px;
      padding-left: 14px;
      border-left: 1px solid #f0e6f2;
    }
    .kh-nav__menu-col.kh-acc-open > .kh-nav__menu-panel {
      display: block;
      column-count: 2;
      column-gap: 8px;
    }
    .kh-nav__menu-panel a {
      display: flex;
      break-inside: avoid;
      margin-bottom: 2px;
      white-space: normal;
    }
    .kh-nav--search-open .kh-nav__menu--columns,
    .kh-nav:has(.kh-search-wrap.kh-search-is-open) .kh-nav__menu--columns {
      opacity: 0 !important;
      visibility: hidden !important;
    }
  }
  @media (max-width: 960px) {
    .kh-nav .kh-nav__menu-heading {
      padding: 12px 12px;
      font-size: 12px;
      cursor: pointer;
      pointer-events: auto;
    }
    .kh-nav a.kh-nav__menu-heading--link {
      color: #812991;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .5px;
      text-transform: uppercase;
      white-space: normal;
    }
    .kh-nav__menu-chev { transition: transform .2s ease; }
    .kh-nav__menu-col.kh-acc-open > .kh-nav__menu-heading .kh-nav__menu-chev {
      transform: rotate(180deg);
    }
    .kh-nav__menu-col:not(:first-child) {
      margin-top: 0;
      padding-top: 0;
    }
    .kh-nav__menu-col .kh-nav__menu-panel { display: none; }
    .kh-nav__menu-col.kh-acc-open > .kh-nav__menu-panel {
      display: flex;
      flex-direction: column;
      gap: 2px;
      padding: 0 0 8px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .kh-nav__menu-chev,
    .kh-nav__menu-arrow,
    .kh-nav .kh-nav__menu-heading { transition: none; }
  }
  .kh-footer-outer {
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    overflow-x: hidden;
    overflow-x: clip;
  }
  .kh-footer {
    position: relative;
    background: linear-gradient(155deg, #63216e 0%, #551763 32%, #4c1257 60%, #430f4d 100%);
    font-family: 'Plus Jakarta Sans', Arial, sans-serif;
    width: 100%;
    max-width: none;
    border-radius: 0;
    overflow: hidden;
  }
  .kh-footer a {
    color: inherit;
    -webkit-tap-highlight-color: transparent;
  }
  .kh-footer::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 12% 92%, rgba(255, 255, 255, .07), transparent 45%),
      radial-gradient(circle at 68% 65%, rgba(255, 255, 255, .05), transparent 55%);
    pointer-events: none;
  }
  .kh-footer__inner {
    position: relative;
    box-sizing: border-box;
    max-width: 1600px;
    margin: 0 auto;
    padding: 64px max(clamp(24px, 8.4vw, 120px), env(safe-area-inset-right, 0px)) 0 max(clamp(24px, 8.4vw, 120px), env(safe-area-inset-left, 0px));
  }
  .kh-footer__top {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1.1fr;
    gap: 32px;
    padding-bottom: 40px;
  }
  .kh-footer__top > * {
    min-width: 0;
  }
  .kh-footer .kh-footer__brand-logo {
    --kh-logo-size: 106px;
    --kh-logo-cx: 50.2%;
  --kh-logo-cy: 49.3%;
  --kh-logo-r: .44;
  --kh-logo-trim: .98;
    position: relative;
    display: block;
    flex: none;
    box-sizing: border-box;
    width: var(--kh-logo-size);
    height: var(--kh-logo-size);
    aspect-ratio: 1 / 1;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    overflow: hidden;
    clip-path: circle(50% at 50% 50%);
    isolation: isolate;
    line-height: 0;
  }
  .kh-footer .kh-footer__brand-logo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    transform-origin: var(--kh-logo-cx) var(--kh-logo-cy);
    transform:
      translate(calc(50% - var(--kh-logo-cx)), calc(50% - var(--kh-logo-cy)))
      scale(calc(.5 / var(--kh-logo-r) * var(--kh-logo-trim)));
  }
  .kh-footer__desc {
    margin: 24px 0 0;
    max-width: 260px;
    color: #c8b1cd;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.65;
  }
  .kh-footer__brand-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 18px;
  }
  .kh-footer__brand-links a {
    color: #b89fbd;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    transition: color .18s ease;
  }
  .kh-footer__brand-links a:hover {
    color: #fff;
  }
  .kh-footer__brand-links a:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #7a5580;
  }
  .kh-footer__heading {
    margin: 0 0 22px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .1px;
  }
  .kh-footer__links {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .kh-footer__links a {
    color: #b89fbd;
    font-size: 14.5px;
    font-weight: 500;
    text-decoration: none !important;
    transition: color .18s ease;
  }
  .kh-footer__links a:hover {
    color: #fff;
  }
  .kh-footer__contact {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .kh-footer__contact li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #dcc9e0;
    font-size: 14.5px;
    font-weight: 500;
    overflow-wrap: anywhere;
  }
  .kh-footer__contact a {
    color: inherit;
    text-decoration: none !important;
    transition: color .18s ease;
  }
  .kh-footer__contact a:hover {
    color: #fff;
  }
  .kh-footer__contact svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    margin-top: 3px;
    color: #d3b6d8;
  }
  .kh-footer__expertise {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .kh-footer__expertise-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(233px, 100%);
    height: auto;
    aspect-ratio: 233 / 220;
    border-radius: 28px;
    overflow: hidden;
    padding: 12px;
    box-sizing: border-box;
  }
  .kh-footer__expertise-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .kh-footer__legal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px 0;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .kh-footer__legal a,
  .kh-footer__legal a:visited {
    color: #dcc9e0;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    transition: color .18s ease;
  }
  .kh-footer__legal a:hover {
    color: #fff;
  }
  .kh-footer__legal a:not(:last-child) {
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #7a5580;
  }
  .kh-footer__bottom {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 12px;
    padding: 8px 0;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(255, 255, 255, .14);
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
  }
  .kh-footer__bottom p {
    min-width: 0;
    margin: 0;
    color: #ffffff;
    overflow-wrap: anywhere;
  }
  .kh-footer a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
    border-radius: 4px;
  }
  .kh-footer .kh-footer__links a:is(:link, :visited, :focus, :active),
  .kh-footer .kh-footer__brand-links a:is(:link, :visited, :focus, :active) {
    color: #b89fbd;
    background: transparent;
    text-decoration: none !important;
    box-shadow: none;
  }
  .kh-footer .kh-footer__contact a:is(:link, :visited, :focus, :active),
  .kh-footer .kh-footer__legal a:is(:link, :visited, :focus, :active) {
    color: #dcc9e0;
    background: transparent;
    text-decoration: none !important;
    box-shadow: none;
  }
  .kh-footer .kh-footer__links a:hover,
  .kh-footer .kh-footer__brand-links a:hover,
  .kh-footer .kh-footer__contact a:hover,
  .kh-footer .kh-footer__legal a:hover {
    color: #ffffff;
  }
  .kh-footer a:focus:not(:focus-visible) {
    outline: none;
  }
  @media (max-width: 1200px) {
    .kh-footer__top {
      gap: 24px;
    }
    .kh-footer__expertise-box {
      width: min(200px, 100%);
    }
  }
  @media (max-width: 1024px) {
    .kh-footer__inner {
      padding-top: 56px;
    }
    .kh-footer__top {
      grid-template-columns: 1fr 1fr;
      gap: 40px 32px;
    }
    .kh-footer__desc {
      max-width: 340px;
    }
    .kh-footer__expertise {
      justify-content: flex-start;
    }
    .kh-footer__expertise-box {
      width: min(170px, 100%);
      padding: 8px;
    }
  }
  @media (max-width: 900px) {
    .kh-footer__legal {
      gap: 4px 18px;
    }
    .kh-footer__legal a:not(:last-child) {
      padding-right: 0;
      margin-right: 0;
      border-right: 0;
    }
  }
  @media (max-width: 640px) {
    .kh-footer__inner {
      padding: 44px max(24px, env(safe-area-inset-right, 0px)) 0 max(24px, env(safe-area-inset-left, 0px));
    }
    .kh-footer__top {
      grid-template-columns: 1fr;
      gap: 36px;
      padding-bottom: 32px;
    }
    .kh-footer__desc {
      max-width: none;
      margin-top: 20px;
    }
    .kh-footer__heading {
      margin-bottom: 14px;
    }
    .kh-footer__links {
      gap: 4px;
    }
    .kh-footer__links a {
      display: inline-block;
      padding: 8px 0;
    }
    .kh-footer__contact {
      gap: 14px;
    }
    .kh-footer__expertise {
      justify-content: center;
    }
    .kh-footer__expertise-box {
      width: min(140px, 45%);
      padding: 6px;
    }
    .kh-footer .kh-footer__brand-logo {
      --kh-logo-size: 80px;
    }
    .kh-footer__legal {
      gap: 2px 18px;
      padding-top: 8px;
    }
    .kh-footer__legal a {
      padding: 6px 0;
    }
    .kh-footer__bottom {
      flex-direction: column;
      gap: 6px;
      padding-top: 14px;
      padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    }
  }
  @media (min-width: 1025px) {
    .kh-footer__top {
      grid-template-columns: minmax(240px, 1.4fr) repeat(3, auto);
      column-gap: clamp(32px, 5vw, 90px);
      align-items: start;
    }
    .kh-footer__expertise {
      justify-content: flex-end;
    }
  }
  @media (min-width: 1025px) and (max-width: 1279px) {
    .kh-footer .kh-footer__inner {
      padding-left: max(clamp(24px, 4vw, 48px), env(safe-area-inset-left, 0px));
      padding-right: max(clamp(24px, 4vw, 48px), env(safe-area-inset-right, 0px));
    }
    .kh-footer .kh-footer__top {
      column-gap: clamp(20px, 2.6vw, 32px);
    }
  }
  @media (min-width: 641px) and (max-width: 1024px) {
    .kh-footer__expertise {
      justify-content: center;
    }
  }
  @media (max-width: 640px) {
    .kh-footer__top {
      justify-items: center;
      text-align: center;
    }
    .kh-footer__brand-logo,
    .kh-footer__desc {
      margin-left: auto;
      margin-right: auto;
    }
    .kh-footer__brand-links,
    .kh-footer__social-icons,
    .kh-footer__legal {
      justify-content: center;
    }
    .kh-footer__links {
      align-items: center;
    }
    .kh-footer__contact li {
      justify-content: center;
      text-align: center;
    }
    .kh-footer__bottom {
      align-items: center;
      text-align: center;
    }
  }
  .kh-footer__shop-toggle {
    display: none;
  }
  @media (max-width: 640px) {
    .kh-footer .kh-footer__top {
      justify-items: stretch !important;
    }
    .kh-footer .kh-footer__top > :first-child {
      display: grid;
    }
    .kh-footer .kh-footer__top > :first-child > .kh-footer__brand-logo {
      margin: 0;
    }
    .kh-footer .kh-footer__top > :first-child > :not(.kh-footer__brand-logo) {
      grid-column: 2;
      margin-left: 0;
      margin-right: 0;
      text-align: left;
    }
    .kh-footer .kh-footer__desc {
      max-width: none;
    }
    .kh-footer .kh-footer__brand-links,
    .kh-footer .kh-footer__social-icons {
      justify-content: flex-start;
      padding-top: 4px;
    }
    .kh-footer .kh-footer__heading {
      margin-bottom: 12px;
      text-align: left;
    }
    .kh-footer .kh-footer__links {
      align-items: flex-start;
    }
    .kh-footer__shop-toggle {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      width: 100%;
      border: 1px solid rgba(255, 255, 255, .2);
      border-radius: 12px;
      background: rgba(255, 255, 255, .08);
      font: inherit;
      font-weight: 800;
      text-align: left;
      cursor: pointer;
    }
    .kh-footer__shop-toggle,
    .kh-footer__shop-toggle:hover,
    .kh-footer__shop-toggle:focus {
      color: #fff;
    }
    .kh-footer__shop-toggle:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 3px;
    }
    .kh-footer__shop-toggle-icon {
      flex: 0 0 auto;
      transition: transform .2s ease;
    }
    .kh-footer__shop-heading--mobile,
    .kh-footer__links--collapsed {
      display: none !important;
    }
    .kh-footer__shop-column.kh-shop-is-open .kh-footer__links--collapsed {
      display: flex !important;
      margin-top: 10px;
    }
    .kh-footer .kh-footer__legal,
    .kh-footer .kh-footer__bottom {
      justify-content: flex-start;
      align-items: flex-start;
      text-align: left;
    }
  }
  @media (max-width: 380px) {
    .kh-footer__expertise-box {
      width: min(120px, 40%);
    }
    .kh-footer .kh-footer__brand-logo {
      --kh-logo-size: 72px;
    }
  }
  @media (max-width: 340px) {
    .kh-footer__inner {
      padding-left: max(16px, env(safe-area-inset-left, 0px));
      padding-right: max(16px, env(safe-area-inset-right, 0px));
    }
    .kh-footer__heading {
      font-size: 15px;
    }
  }
  @media (pointer: coarse) {
    .kh-footer__links {
      gap: 4px;
    }
    .kh-footer__links a {
      display: inline-block;
      padding: 8px 0;
    }
    .kh-footer__brand-links a,
    .kh-footer__legal a {
      display: inline-block;
      padding-top: 6px;
      padding-bottom: 6px;
    }
  }
  .kh-footer__social {
    margin-top: 22px;
  }
  .kh-footer__social-label {
    display: block;
    margin-bottom: 12px;
    color: #b89fbd;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  .kh-footer__social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .kh-footer a.kh-footer__social-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    color: #d3b6d8 !important;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .22s ease, border-color .22s ease,
                color .22s ease, transform .22s ease;
  }
  .kh-footer a.kh-footer__social-icon svg {
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: inherit;
  }
  .kh-footer a.kh-footer__social-icon:hover,
  .kh-footer a.kh-footer__social-icon:focus-visible {
    border-color: rgba(255, 255, 255, .32);
    background: rgba(255, 255, 255, .12);
    color: #ffffff !important;
    transform: translateY(-2px);
  }
  .kh-footer a.kh-footer__social-icon:active {
    transform: translateY(0);
    background: rgba(255, 255, 255, .09);
  }
  .kh-footer a.kh-footer__social-icon:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .5);
    outline-offset: 3px;
  }
  @media (max-width: 640px) {
    .kh-footer__social-icons {
      gap: 12px;
    }
  }
  @media (pointer: coarse) {
    .kh-footer a.kh-footer__social-icon {
      width: 44px;
      height: 44px;
    }
    .kh-footer__social-icons {
      gap: 12px;
    }
  }
  @media (hover: none) {
    .kh-footer a.kh-footer__social-icon:hover {
      transform: none;
    }
  }
  @media (max-width: 640px) {
    .kh-footer__shop-toggle-icon {
      width: 8px;
      height: 8px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      font-size: 0;
      transform: rotate(45deg) translateY(-2px);
    }
    .kh-footer__shop-toggle[aria-expanded="true"] .kh-footer__shop-toggle-icon {
      transform: rotate(225deg) translateY(-2px);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .kh-footer a.kh-footer__social-icon {
      transition: none;
    }
    .kh-footer a.kh-footer__social-icon:hover,
    .kh-footer a.kh-footer__social-icon:focus-visible {
      transform: none;
    }
  }
  @media (max-width: 640px) {
    .kh-footer .kh-footer__inner {
      padding: 32px max(18px, env(safe-area-inset-right, 0px)) 0
              max(18px, env(safe-area-inset-left, 0px));
    }
    .kh-footer .kh-footer__top {
      padding-bottom: 24px;
    }
    .kh-footer .kh-footer__desc {
      margin-top: 0;
      line-height: 1.5;
    }
    .kh-footer__shop-toggle {
      min-height: 44px;
      padding: 9px 10px;
      font-size: 13px;
    }
    .kh-footer .kh-footer__contact {
      gap: 11px;
    }
    .kh-footer .kh-footer__contact li {
      gap: 8px;
      line-height: 1.45;
    }
    .kh-footer .kh-footer__contact svg {
      width: 15px;
      height: 15px;
    }
    .kh-footer .kh-footer__social {
      margin-top: 16px;
    }
    .kh-footer .kh-footer__social-icons {
      gap: 8px;
    }
    .kh-footer a.kh-footer__social-icon {
      width: 36px;
      height: 36px;
    }
    .kh-footer .kh-footer__expertise {
      grid-column: 1 / -1;
      grid-row: 3;
      justify-content: flex-start;
      margin-top: -4px;
    }
    .kh-footer .kh-footer__expertise-box {
      padding: 4px;
    }
    .kh-footer .kh-footer__legal {
      padding-top: 10px;
    }
  }
  @media (max-width: 380px) {
    .kh-footer .kh-footer__inner {
      padding-right: max(16px, env(safe-area-inset-right, 0px));
      padding-left: max(16px, env(safe-area-inset-left, 0px));
    }
  }
  @media (max-width: 640px) {
    .kh-footer .kh-footer__shop-column {
      display: contents;
    }
    .kh-footer .kh-footer__shop-toggle {
      grid-column: 1;
      grid-row: 2;
      align-self: start;
    }
    .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links--collapsed {
      display: grid !important;
      grid-column: 1 / -1;
      grid-row: 3;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 2px 18px;
      margin: 0;
      padding: 8px 0 0;
      border-top: 1px solid rgba(255, 255, 255, .18);
    }
    .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links--collapsed a {
      display: block;
      padding: 8px 0;
      line-height: 1.4;
    }
    .kh-footer .kh-footer__top > :nth-child(4).kh-footer__expertise {
      align-self: start;
    }
  }
  @media (max-width: 380px) {
    .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links--collapsed {
      column-gap: 12px;
    }
    .kh-footer .kh-footer__expertise-box {
      width: 92px;
    }
  }
  @media (max-width: 640px) {
    .kh-footer .kh-footer__shop-toggle,
    .kh-footer .kh-footer__shop-toggle:hover,
    .kh-footer .kh-footer__shop-toggle:focus {
      min-height: 32px;
      padding: 0 0 9px;
      border: 0 !important;
      border-bottom: 1px solid rgba(255, 255, 255, .22) !important;
      border-radius: 0;
      background: transparent !important;
      box-shadow: none !important;
      color: #fff !important;
      font-size: 15px;
      font-weight: 800;
      text-transform: capitalize;
    }
  }
  @media (max-width: 640px) {
    .kh-footer .kh-footer__top > :nth-child(2) > .kh-footer__heading {
      grid-column: 1;
      grid-row: 2;
      align-self: start;
      padding-bottom: 9px;
      border-bottom: 1px solid rgba(255, 255, 255, .22);
      text-transform: capitalize;
    }
    .kh-footer .kh-footer__top > :nth-child(2) > .kh-footer__links {
      grid-column: 1 / -1;
      grid-row: 3;
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
      border-top: 1px solid rgba(255, 255, 255, .14);
    }
    .kh-footer .kh-footer__top > :nth-child(2) > .kh-footer__links a {
      display: block;
      line-height: 1.4;
    }
    .kh-footer .kh-footer__top > :nth-child(4).kh-footer__expertise {
      margin-top: 8px;
    }
  }
  @media (max-width: 380px) {
    .kh-footer .kh-footer__top > :nth-child(2) > .kh-footer__links {
      column-gap: 12px;
    }
  }
  @media (max-width: 640px) {
    .kh-footer .kh-footer__top {
      column-gap: 14px !important;
    }
    .kh-footer .kh-footer__top > :nth-child(2) > .kh-footer__heading {
      margin: 0 0 10px;
    }
    .kh-footer .kh-footer__top > :nth-child(2) > .kh-footer__links {
      display: flex !important;
      flex-direction: column;
      gap: 3px;
      margin: 0;
      padding: 0;
      border: 0;
    }
    .kh-footer .kh-footer__top > :nth-child(2) > .kh-footer__links a {
      padding: 5px 0;
      overflow-wrap: anywhere;
    }
    .kh-footer .kh-footer__top > :nth-child(3) {
      margin-left: 4px;
    }
    .kh-footer .kh-footer__top > :nth-child(4).kh-footer__expertise {
      grid-column: 1 / -1;
      grid-row: 3;
    }
  }
  @media (max-width: 380px) {
    .kh-footer .kh-footer__top {
      grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;
      column-gap: 12px !important;
    }
    .kh-footer .kh-footer__top > :nth-child(3) {
      margin-left: 4px;
    }
  }
  .kh-footer [data-kh-more-link] {
    display: none !important;
  }
  @media (max-width: 640px) {
    .kh-footer .kh-footer__links a[href*="coloured-laser-labels"] {
      display: none !important;
    }
    .kh-footer .kh-footer__top > :nth-child(3) > .kh-footer__heading {
      padding-bottom: 9px;
    }
    .kh-footer .kh-footer__links [data-kh-more-link] {
      display: block !important;
    }
    .kh-footer .kh-footer__expertise-box {
      width: min(124px, 38vw) !important;
      margin-right: auto;
      margin-left: auto;
    }
  }
  @media (min-width: 961px) and (max-height: 950px) {
    .kh-topbar__inner {
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .kh-nav__inner {
      --kh-pad: 10px;
      --kh-row: 72px;
    }
    .kh-logo img {
      height: 80px;
      margin: -7.5px 0;
    }
  }
  @media (max-width: 960px) {
    html,
    body {
      width: 100% !important;
      max-width: 100% !important;
      overflow-x: hidden !important;
      overscroll-behavior-x: none !important;
    }
    .kh-header,
    .kh-footer-outer {
      width: 100% !important;
      max-width: 100% !important;
    }
  }
.kh-header {
  display: contents;
  position: static;
  top: auto;
  left: auto;
  z-index: auto;
}
.kh-topbar,
.kh-header.kh-is-scrolled .kh-topbar {
  display: block;
  max-height: none;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
  transition: none;
}
.kh-nav {
  position: sticky;
  top: var(--keon-adminbar-h, 0px);
  z-index: 60;
}
.page-wrapper,
body:has(.kh-header.kh-is-scrolled) .page-wrapper {
  padding-top: 0 !important;
  transition: none;
}
@media (max-width: 960px) {
  .kh-header { width: 100%; max-width: 100%; }
}
@media (max-width: 960px) and (max-height: 480px) {
  .kh-header:not(.kh-is-scrolled) .kh-topbar {
    display: block;
    max-height: none;
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 640px) {
  .kh-footer .kh-footer__top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    justify-items: stretch !important;
    gap: 22px !important;
    text-align: left !important;
  }
  .kh-footer .kh-footer__top > :first-child,
  .kh-footer .kh-footer__top > :nth-child(2),
  .kh-footer .kh-footer__top > :nth-child(3),
  .kh-footer .kh-footer__top > :nth-child(4) {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
  }
  .kh-footer .kh-footer__top > :nth-child(2) {
    display: block !important;
  }
  .kh-footer .kh-footer__top > :nth-child(2) > .kh-footer__heading {
    display: none !important;
  }
  .kh-footer .kh-footer__shop-toggle {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    border-radius: 12px;
    background: rgba(255, 255, 255, .08) !important;
    box-shadow: none !important;
    color: #fff !important;
    font: inherit;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
  }
  .kh-footer .kh-footer__shop-toggle:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .85);
    outline-offset: 3px;
  }
  .kh-footer .kh-footer__shop-toggle-icon {
    display: inline-block;
    flex: 0 0 auto;
    transition: transform .2s ease;
  }
  .kh-footer .kh-footer__shop-toggle[aria-expanded="true"] .kh-footer__shop-toggle-icon {
    transform: rotate(180deg);
  }
  .kh-footer .kh-footer__shop-column .kh-footer__links {
    display: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 4px 18px;
    margin: 10px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .18);
  }
  .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
    display: grid !important;
  }
  .kh-footer .kh-footer__shop-column .kh-footer__links a {
    display: block !important;
    min-width: 0;
    padding: 7px 0 !important;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }
  .kh-footer .kh-footer__top > :nth-child(3) {
    display: block !important;
    padding-top: 0;
  }
  .kh-footer .kh-footer__top > :nth-child(3) > .kh-footer__heading {
    margin: 0 0 10px !important;
    padding: 0 0 9px;
    border-bottom: 1px solid rgba(255, 255, 255, .22);
    text-align: left;
  }
  .kh-footer .kh-footer__contact li {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .kh-footer .kh-footer__top > :nth-child(4).kh-footer__expertise {
    justify-content: center !important;
    margin: 0 !important;
  }
}
@media (max-width: 380px) {
  .kh-footer .kh-footer__shop-column .kh-footer__links {
    column-gap: 12px;
  }
}
@media (max-width: 640px) {
  .kh-footer .kh-footer__top > :nth-child(2) .kh-footer__links {
    display: none !important;
  }
  .kh-footer .kh-footer__top > :nth-child(2).kh-shop-is-open .kh-footer__links {
    display: grid !important;
  }
}
.kh-search-form {
  overflow: visible !important;
}
.kh-search-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: -2px;
  right: -2px;
  z-index: 120;
  display: none;
  max-height: min(62vh, 420px);
  overflow-y: auto;
  padding: 7px;
  border: 1px solid #eaddee;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(65, 16, 79, .2);
}
.kh-search-suggestions:not([hidden]) {
  display: block !important;
}
.kh-search-suggestions__item {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 58px;
  padding: 8px 10px;
  border-radius: 11px;
  color: #21192a !important;
  text-decoration: none !important;
}
.kh-search-suggestions__item:hover,
.kh-search-suggestions__item[aria-selected="true"] {
  background: #f5edf7;
}
.kh-search-suggestions__item img {
  display: block;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: 7px;
  background: #fbf8fc;
}
.kh-search-suggestions__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}
.kh-search-suggestions__copy strong {
  overflow: hidden;
  font-size: 13px;
  line-height: 1.3;
  text-overflow: ellipsis;
}
.kh-search-suggestions__copy small {
  color: #716a76;
  font-size: 11px;
}
.kh-search-suggestions__empty {
  padding: 13px 12px;
  color: #716a76;
  font-size: 13px;
}
.kh-search-submit {
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 62px !important;
  min-height: 36px !important;
  margin: 0 0 0 8px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #852e96 !important;
  color: #fff !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.kh-search-submit:hover,
.kh-search-submit:focus-visible {
  background: #63216e !important;
  color: #fff !important;
}
.kh-search-submit:focus-visible {
  outline: 2px solid #852e96;
  outline-offset: 2px;
}
@media (max-width: 640px) {
  html body .kh-footer .kh-footer__top {
    gap: 18px !important;
    width: 100% !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column,
  html body .kh-footer .kh-footer__top > .kh-footer__contact-column {
    display: block !important;
  }
  html body .kh-footer .kh-footer__shop-column .kh-footer__shop-toggle {
    display: flex !important;
    width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 15px !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.09) !important;
    color: #fff !important;
    font: inherit !important;
    font-weight: 800 !important;
    text-align: left !important;
    cursor: pointer !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__links,
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }
  html body .kh-footer .kh-footer__shop-column .kh-footer__links a {
    display: block !important;
    padding: 8px 0 !important;
    overflow-wrap: anywhere !important;
  }
  html body .kh-footer .kh-footer__contact-column > .kh-footer__heading {
    display: block !important;
  }
}
@media (max-width: 960px) {
  .kh-search-suggestions {
    max-height: min(55vh, 360px);
  }
}
.kh-footer .kh-footer__contact-column {
  text-align: center !important;
}
.kh-footer .kh-footer__contact-column > .kh-footer__heading {
  text-align: center !important;
}
.kh-footer .kh-footer__contact-column .kh-footer__contact {
  width: fit-content !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.kh-footer .kh-footer__contact-column .kh-footer__contact li {
  justify-content: center !important;
  text-align: center !important;
}
@media (max-width: 640px) {
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column > .kh-footer__shop-toggle {
    padding: 12px 15px !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.09) !important;
    color: #fff !important;
    text-align: left !important;
    cursor: pointer !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__links {
    display: none !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
    display: grid !important;
  }
}
.kh-nav__inner { align-items: center !important; }
.kh-logo { align-self: center !important; align-items: center !important; line-height: 0 !important; }
@media (min-width: 961px) {
  .kh-nav__inner, .kh-header.kh-is-scrolled .kh-nav__inner {
    --kh-row: clamp(88px, 7.8vw, 116px) !important;
    --kh-pad: 12px !important;
  }
  .kh-logo img, .kh-header.kh-is-scrolled .kh-logo img {
    display: block !important; width: auto !important;
    height: clamp(88px, 7.8vw, 116px) !important; margin: 0 !important;
  }
}
@media (max-width: 960px) {
  .kh-nav__inner, .kh-header.kh-is-scrolled .kh-nav__inner {
    --kh-row: 78px !important; --kh-pad: 8px !important;
  }
  .kh-logo img, .kh-header.kh-is-scrolled .kh-logo img {
    width: auto !important; height: 78px !important; margin: 0 !important;
  }
}
@media (max-width: 360px) {
  .kh-nav__inner, .kh-header.kh-is-scrolled .kh-nav__inner { --kh-row: 64px !important; }
  .kh-logo img, .kh-header.kh-is-scrolled .kh-logo img { height: 64px !important; }
}
.kh-search:not([aria-expanded="true"]) {
  border-color: #76228e !important;
  background: linear-gradient(135deg, #76228e, #9b3dad) !important;
  color: #fff !important;
  box-shadow: 0 5px 14px rgba(118, 34, 142, .28) !important;
}
.kh-search:not([aria-expanded="true"]):hover,
.kh-search:not([aria-expanded="true"]):focus-visible {
  border-color: #5c1a6e !important;
  background: #5c1a6e !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(92, 26, 110, .35) !important;
}
.kh-search-submit { display: none !important; }
.kh-footer .kh-footer__social {
	text-align: center !important;
}
.kh-footer .kh-footer__social-icons {
	width: 100% !important;
	justify-content: center !important;
}
.kh-footer .kh-footer__contact-column .kh-footer__social-label {
	text-align: center !important;
}
@media (max-width: 640px) {
	html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__links,
	html body .kh-footer .kh-footer__top > .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
		justify-items: center !important;
		column-gap: 14px !important;
		row-gap: 4px !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links > *,
	html body .kh-footer .kh-footer__shop-column .kh-footer__links > * > a {
		width: 100% !important;
		text-align: center !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links a[href*="coloured-laser-labels"] {
		display: block !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links [data-kh-more-link] {
		display: block !important;
	}
}
@media (max-width: 640px) {
  html body .kh-footer .kh-footer__shop-column .kh-footer__shop-toggle-icon {
    display: block !important;
    flex: 0 0 9px !important;
    width: 9px !important;
    height: 9px !important;
    border: 0 !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: rotate(45deg) !important;
    transform-origin: center !important;
    transition: transform .2s ease !important;
  }
  html body .kh-footer .kh-footer__shop-column .kh-footer__shop-toggle[aria-expanded="true"] .kh-footer__shop-toggle-icon {
    transform: rotate(225deg) !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__links,
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
  }
  html body .kh-footer .kh-footer__shop-column .kh-footer__links > *,
  html body .kh-footer .kh-footer__shop-column .kh-footer__links > * > a {
    min-width: 0 !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }
}
.kh-footer .kh-footer__brand-links {
  align-items: center !important;
  gap: 0 !important;
  padding-top: 8px !important;
}
.kh-footer .kh-footer__brand-links a {
  color: #e0cbe5 !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(224, 203, 229, .65) !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}
.kh-footer .kh-footer__brand-links a:not(:last-child) {
  padding-right: 11px !important;
  margin-right: 11px !important;
  border-right: 1px solid rgba(255, 255, 255, .32) !important;
}
.kh-footer .kh-footer__brand-links a:hover {
  color: #fff !important;
  text-decoration-color: #fff !important;
}
@media (max-width: 640px) {
  .kh-footer .kh-footer__top > :first-child {
    grid-template-columns: 80px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 14px !important;
    row-gap: 5px !important;
  }
  .kh-footer .kh-footer__top > :first-child > .kh-footer__brand-logo {
    --kh-logo-size: 80px !important;
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    align-self: center !important;
  }
  .kh-footer .kh-footer__top > :first-child > .kh-footer__desc,
  .kh-footer .kh-footer__top > :first-child > .kh-footer__brand-links,
  .kh-footer .kh-footer__top > :first-child > .kh-footer__social {
    grid-column: 2 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }
  .kh-footer .kh-footer__top > :first-child > .kh-footer__desc {
    margin-top: 0 !important;
  }
  .kh-footer .kh-footer__top > :first-child > .kh-footer__brand-links {
    justify-content: flex-start !important;
    padding-top: 2px !important;
  }
}
@media (max-width: 380px) {
  .kh-footer .kh-footer__top > :first-child {
    grid-template-columns: 70px minmax(0, 1fr) !important;
    column-gap: 11px !important;
  }
  .kh-footer .kh-footer__top > :first-child > .kh-footer__brand-logo {
    --kh-logo-size: 70px !important;
  }
}
@media (max-width: 640px) {
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
    justify-items: center !important;
    column-gap: 10px !important;
  }
  html body .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links > *,
  html body .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links > * > a {
    min-width: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
  html body .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links a {
    padding: 4px 1px !important;
  }
}
@media (max-width: 380px) {
  html body .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
    column-gap: 6px !important;
  }
  html body .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links a {
    font-size: 10px !important;
    letter-spacing: -.15px !important;
  }
}
.kh-footer .kh-footer__heading,
.kh-footer .kh-footer__desc,
.kh-footer .kh-footer__brand-links a,
.kh-footer .kh-footer__links a,
.kh-footer .kh-footer__contact li,
.kh-footer .kh-footer__contact a,
.kh-footer .kh-footer__legal a,
.kh-footer .kh-footer__bottom,
.kh-footer .kh-footer__bottom p,
.kh-footer .kh-footer__social-label,
.kh-footer .kh-footer__shop-toggle {
  font-size: 12px !important;
}
.kh-footer .kh-footer__social-label {
  letter-spacing: .08em !important;
}
.kh-footer .kh-footer__shop-toggle {
  line-height: 1.35 !important;
}
@media (max-width: 640px) {
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
    row-gap: 5px !important;
    padding-top: 7px !important;
  }
  html body .kh-footer .kh-footer__shop-column.kh-shop-is-open .kh-footer__links a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    letter-spacing: -.1px !important;
  }
}
.kh-cart__icon {
  width: 40px !important;
  height: 40px !important;
}
.kh-nav__actions .kh-cart__icon > svg {
  stroke-width: 2.4 !important;
}
@media (max-width: 380px) {
  .kh-cart__icon {
    width: 36px !important;
    height: 36px !important;
  }
}
.kh-nav__actions {
  gap: 10px !important;
}
.kh-nav__actions .kh-search,
.kh-nav__actions .kh-nav__toggle {
  width: 40px !important;
  height: 40px !important;
}
.kh-nav__actions .kh-cart__icon {
  width: 36px !important;
  height: 36px !important;
}
.kh-nav__actions .kh-search > svg,
.kh-nav__actions .kh-materials-chip > svg {
  width: 16px !important;
  height: 16px !important;
}
.kh-nav__actions .kh-cart__icon > svg {
  width: 20px !important;
  height: 20px !important;
}
.kh-nav__toggle span {
  width: 15px !important;
}
.kh-nav__actions .kh-cart__count {
  top: -4px !important;
  right: -4px !important;
  min-width: 15px !important;
  height: 15px !important;
  font-size: 9px !important;
}
@media (max-width: 380px) {
  .kh-nav__actions {
    gap: 8px !important;
  }
  .kh-nav__actions .kh-search {
    width: 36px !important;
    height: 36px !important;
  }
  .kh-nav__actions .kh-nav__toggle {
    width: 40px !important;
    height: 40px !important;
  }
  .kh-nav__actions .kh-cart__icon {
    width: 34px !important;
    height: 34px !important;
  }
  .kh-nav__actions .kh-search > svg {
    width: 15px !important;
    height: 15px !important;
  }
  .kh-nav__actions .kh-cart__icon > svg {
    width: 18px !important;
    height: 18px !important;
  }
  .kh-nav__toggle span {
    width: 14px !important;
  }
}
.kh-phone-link {
  display: none !important;
}
@media (max-width: 960px) {
  .kh-nav__actions {
    gap: 10px !important;
  }
  .kh-nav__actions .kh-phone-link {
    display: inline-flex !important;
    flex: 0 0 40px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #76228e, #9b3dad) !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(118, 34, 142, .24) !important;
    text-decoration: none !important;
    line-height: 1 !important;
  }
  .kh-nav__actions .kh-phone-link svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
  }
  .kh-nav__actions .kh-phone-link:focus-visible {
    outline: 2px solid #852e96 !important;
    outline-offset: 3px !important;
  }
  .kh-nav__inner > .kh-nav__toggle {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }
  .kh-nav__inner > .kh-nav__toggle span {
    width: 15px !important;
  }
  .kh-nav--search-open .kh-phone-link,
  .kh-nav:has(.kh-search-wrap.kh-search-is-open) .kh-phone-link {
    filter: blur(5px);
    opacity: .35;
    pointer-events: none;
  }
}
@media (max-width: 380px) {
  .kh-nav__actions .kh-phone-link {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
  }
  .kh-nav__actions .kh-phone-link svg {
    width: 15px !important;
    height: 15px !important;
    flex-basis: 15px !important;
  }
  .kh-nav__inner > .kh-nav__toggle {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
}
@media (max-width: 640px) {
  html body .kh-footer .kh-footer__contact-column > .kh-footer__heading {
    margin: 0 0 10px !important;
    padding: 0 0 9px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .22) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__shop-toggle {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__links,
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-items: stretch !important;
    align-items: start !important;
    gap: 7px 12px !important;
    padding: 8px 0 0 !important;
    text-align: left !important;
    background-image: none !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__links > *,
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__links > * > a {
    width: auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__links a {
    display: block !important;
    padding: 5px 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}
@media (max-width: 380px) {
  html body .kh-footer .kh-footer__top > .kh-footer__shop-column .kh-footer__links {
    column-gap: 8px !important;
  }
}
@media (max-width: 960px) {
  .kh-header .kh-topbar,
  .kh-header.kh-is-scrolled .kh-topbar {
    display: none !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .kh-nav {
    top: var(--keon-adminbar-h, 0px) !important;
  }
}
@media (max-width: 640px) {
  html body .kh-footer .kh-footer__top > :first-child {
    display: grid !important;
    row-gap: 6px !important;
  }
  html body .kh-footer .kh-footer__top > :first-child > .kh-footer__brand-logo {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    margin: 0 !important;
  }
  html body .kh-footer .kh-footer__top > :first-child > .kh-footer__desc,
  html body .kh-footer .kh-footer__top > :first-child > .kh-footer__brand-links,
  html body .kh-footer .kh-footer__top > :first-child > .kh-footer__social {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }
  html body .kh-footer .kh-footer__expertise-box {
    max-width: none !important;
  }
  html body .kh-footer .kh-footer__contact-column > .kh-footer__heading {
    font-size: 13px !important;
  }
}
@media (max-width: 380px) {
  html body .kh-footer .kh-footer__top {
    grid-template-columns: minmax(0, 1fr) minmax(112px, .9fr) !important;
    column-gap: 10px !important;
  }
}
@media (max-width: 640px) {
  html body .kh-footer .kh-footer__top > :first-child {
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }
  html body .kh-footer .kh-footer__top > :first-child > .kh-footer__brand-logo {
    margin-right: 0 !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__contact-column,
  html body .kh-footer .kh-footer__top > :nth-child(3) {
    text-align: left !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__contact-column > .kh-footer__heading,
  html body .kh-footer .kh-footer__top > :nth-child(3) > .kh-footer__heading {
    text-align: left !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__contact-column .kh-footer__contact,
  html body .kh-footer .kh-footer__top > :nth-child(3) .kh-footer__contact {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  html body .kh-footer .kh-footer__top > .kh-footer__contact-column .kh-footer__contact li,
  html body .kh-footer .kh-footer__top > :nth-child(3) .kh-footer__contact li {
    justify-content: flex-start !important;
    text-align: left !important;
  }
}
@media (max-width: 380px) {
  html body .kh-footer .kh-footer__top > :first-child {
    column-gap: 16px !important;
  }
}
@media (max-width: 640px) {
	html body .kh-footer .kh-footer__top > :first-child {
		column-gap: 20px !important;
	}
	html body .kh-footer .kh-footer__top > :first-child > :not(.kh-footer__brand-logo) {
		padding-left: 8px !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__contact-column > .kh-footer__heading {
		margin-bottom: 10px !important;
		text-align: left !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__contact-column .kh-footer__contact {
		align-items: flex-start !important;
		margin: 0 !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__contact-column .kh-footer__contact li {
		justify-content: flex-start !important;
		text-align: left !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__contact-column .kh-footer__social-label {
		text-align: left !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__contact-column .kh-footer__social-icons {
		justify-content: flex-start !important;
	}
}
@media (max-width: 640px) {
	html body .kh-footer .kh-footer__top {
		display: grid !important;
	}
	html body .kh-footer .kh-footer__top > :first-child,
	html body .kh-footer .kh-footer__top > .kh-footer__shop-column,
	html body .kh-footer .kh-footer__top > .kh-footer__contact-column,
	html body .kh-footer .kh-footer__top > .kh-footer__expertise {
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}
	html body .kh-footer .kh-footer__shop-column > .kh-footer__heading {
		display: none !important;
	}
	html body .kh-footer .kh-footer__shop-column > .kh-footer__shop-toggle {
		display: flex !important;
		width: 100% !important;
		min-height: 44px !important;
		align-items: center !important;
		justify-content: space-between !important;
		margin: 0 !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links {
		width: 100% !important;
	}
	html body .kh-footer .kh-footer__contact-column .kh-footer__contact {
		gap: 12px !important;
	}
	html body .kh-footer .kh-footer__contact-column .kh-footer__contact li {
		min-width: 0 !important;
		white-space: normal !important;
	}
	html body .kh-footer .kh-footer__contact-column .kh-footer__social-label {
		width: 100% !important;
		margin-top: 18px !important;
	}
	html body .kh-footer .kh-footer__legal {
		gap: 8px 0 !important;
	}
	html body .kh-footer .kh-footer__legal a {
		text-align: center !important;
	}
	html body .kh-footer .kh-footer__bottom {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
		text-align: center !important;
	}
	html body .kh-footer .kh-footer__bottom p {
		width: 100% !important;
		text-align: center !important;
	}
	html body .kh-footer .kh-footer__bottom p:not(:first-child) {
		display: none !important;
	}
}
@media (max-width: 640px) {
	html body .kh-footer .kh-footer__top {
		grid-template-columns: minmax(0, 1fr) minmax(88px, 104px) !important;
		grid-auto-flow: row !important;
		column-gap: 14px !important;
		align-items: start !important;
		justify-items: stretch !important;
	}
	html body .kh-footer .kh-footer__top > :first-child {
		grid-column: 1 / -1 !important;
		grid-row: 1 !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__shop-column {
		display: block !important;
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		width: 100% !important;
		min-width: 0 !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__shop-column > .kh-footer__heading {
		display: none !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__shop-column > .kh-footer__shop-toggle {
		display: flex !important;
		width: 100% !important;
		min-height: 44px !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__contact-column {
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		align-self: start !important;
	}
	html body .kh-footer .kh-footer__contact-column > .kh-footer__heading {
		text-align: left !important;
	}
	html body .kh-footer .kh-footer__contact-column .kh-footer__contact {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		align-items: flex-start !important;
	}
	html body .kh-footer .kh-footer__contact-column .kh-footer__contact li {
		justify-content: flex-start !important;
		text-align: left !important;
	}
	html body .kh-footer .kh-footer__contact-column .kh-footer__contact li:nth-child(2),
	html body .kh-footer .kh-footer__contact-column .kh-footer__contact li:nth-child(2) a {
		white-space: nowrap !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}
	html body .kh-footer .kh-footer__contact-column .kh-footer__social-icons {
		width: 100% !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__expertise {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
	}
	html body .kh-footer .kh-footer__expertise-box {
		margin: 0 auto !important;
	}
	html body .kh-footer .kh-footer__expertise-box::before {
		color: #76228e;
		font-size: 27px;
		font-weight: 800;
		line-height: 1;
		letter-spacing: -1px;
	}
	html body .kh-footer .kh-footer__expertise-box::after {
		margin-top: 5px;
		color: #4b3152;
		font-size: 7px;
		font-weight: 800;
		line-height: 1.2;
		letter-spacing: .6px;
		text-align: center;
	}
	html body .kh-footer .kh-footer__legal {
		display: flex !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		column-gap: 0 !important;
		row-gap: 6px !important;
		text-align: center !important;
	}
	html body .kh-footer .kh-footer__legal a:not(:last-child) {
		padding-right: 10px !important;
		margin-right: 10px !important;
		border-right: 1px solid rgba(255, 255, 255, .42) !important;
	}
}
@media (max-width: 960px) {
	html body .kh-nav {
		position: sticky !important;
		z-index: 100 !important;
	}
	html body .kh-nav__toggle,
	html body .kh-nav__actions .kh-search {
		position: relative !important;
		z-index: 103 !important;
		pointer-events: auto !important;
		cursor: pointer !important;
	}
	html body .kh-nav.kh-is-open {
		position: sticky !important;
		z-index: 102 !important;
		max-height: calc(100vh - var(--keon-adminbar-h, 0px)) !important;
		max-height: calc(100dvh - var(--keon-adminbar-h, 0px)) !important;
		overflow-y: auto !important;
		overscroll-behavior: contain !important;
	}
	html body .kh-nav.kh-is-open .kh-nav__inner {
		flex-wrap: wrap !important;
	}
	html body .kh-nav.kh-is-open .kh-nav__links {
		display: flex !important;
		visibility: visible !important;
		flex-direction: column !important;
		width: 100% !important;
		order: 5 !important;
	}
	html body .kh-nav .kh-search-form:not([hidden]) {
		display: flex !important;
		z-index: 104 !important;
	}
}
html body .kh-footer .kh-footer__top > .kh-footer__expertise {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
html body .kh-footer .kh-footer__expertise-box {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-direction: row !important;
	width: min(233px, 100%) !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: 233 / 220 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: hidden !important;
}
html body .kh-footer .kh-footer__expertise-box img {
	display: block !important;
	max-width: 100% !important;
}
html body .kh-footer .kh-footer__expertise-box::before,
html body .kh-footer .kh-footer__expertise-box::after {
	content: none !important;
	display: none !important;
}
@media (max-width: 640px) {
	html body .kh-footer .kh-footer__top > .kh-footer__contact-column {
		grid-column: 1 !important;
		grid-row: 3 !important;
		text-align: left !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__expertise {
		grid-column: 2 !important;
		grid-row: 3 !important;
		align-self: center !important;
		justify-content: center !important;
	}
	html body .kh-footer .kh-footer__contact-column .kh-footer__social,
	html body .kh-footer .kh-footer__contact-column .kh-footer__social-label {
		text-align: left !important;
	}
	html body .kh-footer .kh-footer__contact-column .kh-footer__social-icons {
		justify-content: flex-start !important;
	}
	html body .kh-footer .kh-footer__expertise-box {
		width: min(112px, 100%) !important;
		padding: 0 !important;
	}
}
@media (max-width: 640px) {
	html body .kh-footer .kh-footer__top > .kh-footer__shop-column.kh-shop-is-open .kh-footer__links {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 5px 14px !important;
		margin-top: 8px !important;
		padding: 10px 2px 2px !important;
	}
}
@media (min-width: 641px) {
	html body .kh-footer .kh-footer__shop-column .kh-footer__links {
		position: relative !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		align-items: start !important;
		column-gap: clamp(18px, 2.5vw, 36px) !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links::before {
		content: "" !important;
		position: absolute !important;
		top: 4px !important;
		bottom: 4px !important;
		left: 50% !important;
		width: 1px !important;
		background: rgba(255, 255, 255, .2) !important;
		pointer-events: none !important;
	}
}
@media (max-width: 640px) {
	html body .kh-footer .kh-footer__shop-column .kh-footer__links {
		position: relative !important;
		row-gap: 3px !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links::before {
		content: "" !important;
		position: absolute !important;
		top: 4px !important;
		bottom: 4px !important;
		left: 50% !important;
		width: 1px !important;
		background: rgba(255, 255, 255, .2) !important;
		pointer-events: none !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links a {
		padding-top: 3px !important;
		padding-bottom: 3px !important;
		line-height: 1.3 !important;
	}
	html body .kh-footer .kh-footer__inner {
		padding-top: 26px !important;
	}
	html body .kh-footer .kh-footer__top {
		row-gap: 16px !important;
		padding-bottom: 16px !important;
	}
}
@media (min-width: 641px) {
	html body .kh-footer .kh-footer__inner {
		padding-top: 46px !important;
	}
	html body .kh-footer .kh-footer__top {
		padding-bottom: 28px !important;
	}
}
html body .kh-footer .kh-footer__legal {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
html body .kh-footer .kh-footer__bottom {
	padding-top: 6px !important;
	padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important;
}
@media (min-width: 641px) {
	html body .kh-footer .kh-footer__shop-column > .kh-footer__heading {
		width: 100% !important;
		margin: 0 0 12px !important;
		padding: 0 0 9px !important;
		border-bottom: 1px solid rgba(255, 255, 255, .22) !important;
	}
	html body .kh-footer .kh-footer__contact-column > .kh-footer__heading {
		width: 100% !important;
		margin: 0 0 12px !important;
		padding: 0 0 9px !important;
		border-bottom: 1px solid rgba(255, 255, 255, .22) !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links {
		row-gap: 3px !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links > * {
		margin: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links a {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		line-height: 1.25 !important;
	}
}
@media (min-width: 1280px) {
	html body .kh-footer .kh-footer__top > .kh-footer__shop-column {
		transform: translateX(-28px) !important;
	}
	html body .kh-footer .kh-footer__top > .kh-footer__contact-column {
		transform: translateX(20px) !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links {
		width: 270px !important;
		max-width: 295px !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 24px !important;
		row-gap: 8px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	html body .kh-footer .kh-footer__shop-column .kh-footer__links a {
		white-space: nowrap !important;
	}
}
@media (min-width:1025px){
  html body .kh-footer .kh-footer__expertise-box{
    width:min(140px,100%) !important;
  }
  html body .kh-footer .kh-footer__contact-column,
  html body .kh-footer .kh-footer__contact-column > .kh-footer__heading,
  html body .kh-footer .kh-footer__contact-column .kh-footer__social,
  html body .kh-footer .kh-footer__contact-column .kh-footer__social-label{
    text-align:left !important;
  }
  html body .kh-footer .kh-footer__contact-column .kh-footer__contact{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    align-items:flex-start !important;
  }
  html body .kh-footer .kh-footer__contact-column .kh-footer__contact li{
    justify-content:flex-start !important;
    text-align:left !important;
  }
  html body .kh-footer .kh-footer__contact-column .kh-footer__social-icons{
    width:100% !important;
    justify-content:flex-start !important;
  }
}
@media (min-width:1025px){
  html body .kh-footer .kh-footer__top > .kh-footer__expertise{
    align-self:center !important;
    justify-self:center !important;
    justify-content:center !important;
  }
}
@media (min-width:700px) and (max-width:960px){
  html body .kh-nav .kh-nav__actions .kh-search[aria-expanded="true"],
  html body .kh-nav .kh-nav__actions .kh-search[aria-expanded="true"]:hover,
  html body .kh-nav .kh-nav__actions .kh-search[aria-expanded="true"]:focus-visible{
    position:absolute !important;
    top:calc(var(--kh-pad) + var(--kh-row) / 2) !important;
    right:calc(max(var(--kh-gutter,24px), var(--kh-safe,0px)) + 6px) !important;
    left:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    z-index:105 !important;
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    width:40px !important;
    height:40px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#852e96 !important;
  }
  html body .kh-nav .kh-nav__actions .kh-search[aria-expanded="true"]:hover{
    color:#63216e !important;
  }
  html body .kh-nav .kh-nav__actions .kh-search[aria-expanded="true"] svg{
    display:block !important;
    width:18px !important;
    height:18px !important;
  }
  html body .kh-nav .kh-search-form{
    padding-right:64px !important;
  }
}
@media (min-width:700px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__inner{
    padding-left:max(clamp(32px,5vw,56px), env(safe-area-inset-left,0px)) !important;
    padding-right:max(clamp(32px,5vw,56px), env(safe-area-inset-right,0px)) !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top{
    justify-items:stretch !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > .kh-footer__expertise.kh-footer__expertise{
    justify-self:start !important;
  }
  html body .kh-footer.kh-footer .kh-footer__heading{
    margin:0 0 16px !important;
    padding:0 0 10px !important;
    border-bottom:1px solid rgba(255,255,255,.22) !important;
    font-size:14px !important;
    text-align:left !important;
  }
  html body .kh-footer.kh-footer .kh-footer__bottom{
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px)) !important;
  }
}
@media (min-width:960px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__top{
    grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) !important;
  }
}
@media (min-width:700px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__inner{
    padding-top:56px !important;
    padding-left:max(clamp(32px,5vw,56px), env(safe-area-inset-left,0px)) !important;
    padding-right:max(clamp(32px,5vw,56px), env(safe-area-inset-right,0px)) !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top{
    display:grid !important;
    grid-auto-flow:row !important;
    row-gap:44px !important;
    align-items:start !important;
    justify-items:stretch !important;
    padding-bottom:40px !important;
    text-align:left !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child{
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > .kh-footer__expertise.kh-footer__expertise{
    display:flex !important;
    grid-row:1 !important;
    align-self:center !important;
    justify-self:stretch !important;
    align-items:center !important;
    width:100% !important;
    margin:0 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > .kh-footer__shop-column{
    display:block !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    transform:none !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > .kh-footer__contact-column{
    display:block !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    transform:none !important;
    text-align:left !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__brand-logo{
    margin:0 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > :not(.kh-footer__brand-logo){
    grid-column:2 !important;
    grid-row:auto !important;
    min-width:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  html body .kh-footer.kh-footer .kh-footer__desc{
    max-width:440px !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.65 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__brand-links{
    justify-content:flex-start !important;
    padding-top:2px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__brand-links a{
    font-size:13px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__expertise-box{
    margin:0 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__shop-column > .kh-footer__heading,
  html body .kh-footer.kh-footer .kh-footer__contact-column > .kh-footer__heading{
    width:100% !important;
    margin:0 0 16px !important;
    padding:0 0 10px !important;
    border-bottom:1px solid rgba(255,255,255,.22) !important;
    font-size:14px !important;
    text-align:left !important;
  }
  html body .kh-footer.kh-footer .kh-footer__shop-column .kh-footer__links{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:28px !important;
    row-gap:9px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }
  html body .kh-footer.kh-footer .kh-footer__shop-column .kh-footer__links::before{
    top:2px !important;
    bottom:2px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__shop-column .kh-footer__links a{
    display:block !important;
    padding:2px 0 !important;
    font-size:13px !important;
    line-height:1.4 !important;
    white-space:normal !important;
    text-align:left !important;
  }
  html body .kh-footer.kh-footer .kh-footer__contact-column .kh-footer__contact{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    gap:14px !important;
    align-items:flex-start !important;
  }
  html body .kh-footer.kh-footer .kh-footer__contact-column .kh-footer__contact li{
    justify-content:flex-start !important;
    text-align:left !important;
    font-size:13px !important;
    line-height:1.5 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__contact-column .kh-footer__contact a{
    font-size:13px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__contact-column .kh-footer__social{
    margin-top:22px !important;
    text-align:left !important;
  }
  html body .kh-footer.kh-footer .kh-footer__contact-column .kh-footer__social-label{
    margin-bottom:12px !important;
    font-size:11px !important;
    text-align:left !important;
  }
  html body .kh-footer.kh-footer .kh-footer__contact-column .kh-footer__social-icons{
    width:100% !important;
    justify-content:flex-start !important;
  }
  html body .kh-footer.kh-footer .kh-footer__legal{
    justify-content:center !important;
    flex-wrap:wrap !important;
    text-align:center !important;
  }
  html body .kh-footer.kh-footer .kh-footer__legal a{
    font-size:13px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__legal a:not(:last-child){
    padding-right:14px !important;
    margin-right:14px !important;
    border-right:1px solid rgba(255,255,255,.3) !important;
  }
  html body .kh-footer.kh-footer .kh-footer__bottom{
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px)) !important;
    font-size:12.5px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__bottom p{
    font-size:12.5px !important;
  }
}
@media (min-width:960px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__top{
    row-gap:48px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__desc{
    max-width:480px !important;
    font-size:13.5px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__shop-column .kh-footer__links{
    column-gap:36px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__shop-column > .kh-footer__heading,
  html body .kh-footer.kh-footer .kh-footer__contact-column > .kh-footer__heading{
    font-size:15px !important;
  }
}
@media (min-width:700px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__top > :first-child{
    justify-content:start !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__brand-logo{
    --kh-logo-size:108px !important;
    justify-self:start !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > :not(.kh-footer__brand-logo){
    justify-self:start !important;
    padding-left:0 !important;
    margin-left:0 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__expertise-box{
    width:min(112px,100%) !important;
  }
  html body .kh-footer.kh-footer .kh-footer__bottom{
    padding-top:12px !important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
  }
}
@media (min-width:960px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__brand-logo{
    --kh-logo-size:120px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__expertise-box{
    width:min(124px,100%) !important;
  }
}
@media (min-width:700px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__top > :first-child{
    align-content:stretch !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__desc{
    width:100% !important;
    text-wrap:balance;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__brand-links{
    margin:0 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__social{
    grid-column:2 !important;
    grid-row:4 !important;
    margin:8px 0 0 !important;
  }
}
@media (min-width:700px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__top{
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    column-gap:24px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > .kh-footer__shop-column{
    grid-column:1 / 7 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > .kh-footer__contact-column{
    grid-column:7 / 13 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child{
    display:grid !important;
    grid-template-columns:108px minmax(0,1fr) !important;
    grid-template-rows:1fr auto auto 1fr !important;
    column-gap:14px !important;
    row-gap:0 !important;
    align-items:center !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__brand-logo{
    grid-column:1 !important;
    grid-row:1 / 5 !important;
    align-self:center !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__desc{
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:end !important;
    margin:0 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__brand-links{
    grid-column:2 !important;
    grid-row:3 !important;
    align-self:start !important;
  }
}
@media (min-width:960px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__top{
    column-gap:32px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child{
    grid-template-columns:120px minmax(0,1fr) !important;
    column-gap:16px !important;
  }
}
@media (min-width:700px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__top > :first-child{
    grid-column:1 / 9 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > .kh-footer__expertise.kh-footer__expertise{
    grid-column:9 / 13 !important;
    justify-content:flex-start !important;
    padding-left:8px !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__desc{
    max-width:330px !important;
    white-space:normal !important;
    line-height:1.5 !important;
    font-size:13px !important;
    overflow-wrap:normal !important;
  }
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__brand-links{
    flex-wrap:wrap !important;
    white-space:normal !important;
    padding-top:8px !important;
  }
}
@media (min-width:960px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__top > :first-child > .kh-footer__desc{
    max-width:380px !important;
    font-size:13.5px !important;
  }
}
@media (min-width:700px) and (max-width:1199px){
  html body .kh-footer.kh-footer .kh-footer__legal{
    padding-top:16px !important;
    padding-bottom:16px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    gap:0 !important;
    border-top:1px solid rgba(255,255,255,.14) !important;
    border-bottom:0 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__legal a{
    padding-top:4px !important;
    padding-bottom:4px !important;
    line-height:1.4 !important;
  }
  html body .kh-footer.kh-footer .kh-footer__bottom{
    border-top:1px solid rgba(255,255,255,.14) !important;
  }
}

/* KEON: menu bar stays at the top on every page (16 Oct 2026).
   The menu bar (#khNav) is position:sticky, but the theme's "overflow-x: hidden" on <body> (and on
   .page-wrapper at 1200px and below) turned those boxes into scroll containers, so sticky never stuck.
   "clip" hides sideways overflow the same way without breaking sticky. Not applied while the old
   off-canvas menu is open (it locks scrolling) or on the blank page template. Older browsers keep the old behaviour. */
@supports (overflow: clip) {
  html:not(.st-menu-open) body:not(.lockscroll) { overflow-x: clip !important; }
  html:not(.st-menu-open) body:not(.page-template-blank-php) .page-wrapper { overflow-x: clip !important; overflow-y: visible !important; }
  @media only screen and (max-width: 1200px) {
    html:not(.st-menu-open) body:not(.page-template-blank-php) .page-wrapper { display: flow-root; }
  }
}

/* KEON: same compact header as the home page, on every page (16 Oct 2026). Desktop (961px and wider):
   menu bar 77px, logo 64px, menu text 12px, top bar 30px. Copied from the home page's header sizes
   (home.css "HEADER + FOOTER v3.2"), without its position:fixed - the menu bar stays sticky. */
@media (min-width: 961px) {
  html:not(.keon-hdr-off) body .kh-topbar, html:not(.keon-hdr-off) body #khHeader.kh-is-scrolled .kh-topbar { height: 30px !important; min-height: 30px !important; max-height: 30px !important; overflow: hidden !important; }
  html:not(.keon-hdr-off) body .kh-topbar__inner { max-width: 1400px !important; min-height: 0 !important; padding: 5px 24px !important; }
  html:not(.keon-hdr-off) body .kh-topbar__msg, html:not(.keon-hdr-off) body .kh-topbar__call { font-size: 11px !important; line-height: 1.25 !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-nav__inner, html:not(.keon-hdr-off) body .kh-header.kh-is-scrolled .kh-nav__inner { --kh-row: 64px !important; --kh-pad: 6px !important; --kh-gutter: 24px !important; gap: 12px !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-logo img, html:not(.keon-hdr-off) body .kh-header.kh-is-scrolled .kh-logo img { height: 64px !important; width: auto !important; margin: 0 !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-nav__links { gap: 18px !important; margin-left: 24px !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-nav__links a, html:not(.keon-hdr-off) body .kh-header .kh-nav__dropdown { font-size: 12px !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-nav .kh-nav__menu-heading { font-size: 13px !important; font-weight: 700 !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-nav .kh-nav__menu-panel a { font-size: 12.5px !important; font-weight: 500 !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-nav .kh-search-form { left: 8% !important; right: 8% !important; max-width: none !important; margin: 0 !important; height: 46px !important; padding: 0 50px 0 17px !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-nav .kh-search-form input[type="search"] { font-size: 15px !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-nav .kh-search[aria-expanded="true"] { right: calc(8% + 4px) !important; width: 36px !important; height: 36px !important; }
  html:not(.keon-hdr-off) body .kh-header .kh-nav .kh-search[aria-expanded="true"] svg { width: 17px !important; height: 17px !important; }
}

/* ===== KEON A11Y: shape thumbnails keep their real proportions (16 Oct 2026) ===== */
a.printer-label-shape img{object-fit:contain}

/* ===== KEON: Quick View styling (16 Oct 2026, requested by Joel) - Quick View popup only =====
   Price/quantity table in the popup's own font and purple tones, total as a summary line,
   Add to cart lined up with the quantity box, image column stays in view (tablet/desktop),
   tighter table cells on phones. Colours come from the popup's existing palette. */
@media (min-width:768px){
	.quick-view-popup .product-images{position:sticky;top:0;align-self:flex-start;z-index:1}
}
.quick-view-popup .wpcpq-wrap{margin:0 0 16px}
.quick-view-popup .wpcpq-table{border:1px solid #ead8f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(116,33,143,.06)}
.quick-view-popup .wpcpq-table .wpcpq-row{display:flex;align-items:center;margin:0;padding:0!important;border:0;border-bottom:1px solid #f1e6f4!important;font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:14px;font-weight:500;color:#21192a!important;background:transparent!important}
.quick-view-popup .wpcpq-table .wpcpq-row > div{flex:1 1 50%;padding:9px 16px;font:inherit;color:inherit!important;border:0;background:transparent}
.quick-view-popup .wpcpq-table .wpcpq-row > div:last-child{text-align:right}
.quick-view-popup .wpcpq-table .wpcpq-row .amount,.quick-view-popup .wpcpq-table .wpcpq-row bdi{color:inherit!important;font:inherit}
.quick-view-popup .wpcpq-table .wpcpq-head{background:#f8ecfa!important}
.quick-view-popup .wpcpq-table .wpcpq-head > div{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b5a72!important}
.quick-view-popup .wpcpq-table .wpcpq-item{cursor:pointer;transition:background-color .2s,color .2s}
.quick-view-popup .wpcpq-table .wpcpq-item:hover{background:#fbf6fc!important}
.quick-view-popup .wpcpq-table .wpcpq-item.wpcpq-item-active{background:#f3e2f8!important;color:#821ba0!important;font-weight:700;box-shadow:inset 3px 0 0 #821ba0}
.quick-view-popup .wpcpq-table .wpcpq-summary{border-bottom:0!important;border-top:1px solid #ead8f0!important;background:linear-gradient(135deg,#fff 0%,#f8ecfa 100%)!important}
.quick-view-popup .wpcpq-table .wpcpq-summary > div{padding:14px 16px;font-weight:600;color:#6b5a72!important}
.quick-view-popup .wpcpq-table .wpcpq-summary > .wpcpq-summary-total{font-size:18px;font-weight:800;color:#821ba0!important}
.quick-view-popup .woocommerce-variation-add-to-cart > .wpcpq-id{display:none}
.quick-view-popup .woocommerce-variation-add-to-cart .single_add_to_cart_button{flex:1 1 100%;width:100%;margin-left:0!important;margin-right:0!important}
@media (max-width:767.98px){
	.quick-view-popup .wpcpq-table .wpcpq-row > div{padding:9px 14px}
}

/* ===== KEON: Quick View image centred in the left column on tablet/desktop (16 Oct 2026, requested by Joel)
   The column is made as tall as the visible popup (height set by quick-view.js) and its contents centred. ===== */
@media (min-width:768px){
	.quick-view-popup .product-images{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
}