/* ==========================================================================
   Kit Retus Vopsea — redesign 2026
   Mobile-first layer over Astra. Tokens first, then shell, then pages.
   ========================================================================== */

:root {
	--kr-ink: #16202a;
	--kr-ink-2: #4a5763;
	--kr-ink-3: #5f6b76; /* 4.9:1 on --kr-mist, 5.4:1 on white (AA) */
	--kr-paper: #ffffff;
	--kr-mist: #f2f4f6;
	--kr-line: #dce1e6;
	--kr-accent: #d9481f;
	--kr-accent-press: #b83a16;
	--kr-go: #1f8a4c;
	--kr-go-bg: #e8f5ed;
	--kr-wa: #168140; /* WhatsApp green, darkened to 4.9:1 on white (AA) */

	/* the four stripes of the logo */
	--kr-s1: #3aa655;
	--kr-s2: #f0a12b;
	--kr-s3: #2f7fc1;
	--kr-s4: #d6342c;

	--kr-font: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--kr-r-sm: 8px;
	--kr-r: 14px;
	--kr-r-lg: 22px;
	--kr-gutter: 16px;
	--kr-bar-h: 64px;
	--kr-shadow-bar: 0 -1px 0 var(--kr-line), 0 -8px 24px rgba(22, 32, 42, .08);
}

/* ---------- Base type ---------- */

html body.kr-2026,
.kr-2026 button,
.kr-2026 input,
.kr-2026 select,
.kr-2026 textarea,
.kr-2026 .elementor-widget-text-editor,
.kr-2026 .elementor-heading-title,
.kr-2026 .entry-content p {
	font-family: var(--kr-font);
	font-variation-settings: "wdth" 100;
}

body.kr-2026 {
	color: var(--kr-ink);
	background: var(--kr-paper);
	font-size: 16px;
	line-height: 1.55;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}

.kr-2026 h1, .kr-2026 h2, .kr-2026 h3, .kr-2026 h4,
.kr-2026 .entry-title,
.kr-2026 .product_title,
.kr-2026 .elementor-heading-title {
	font-family: var(--kr-font);
	font-variation-settings: "wdth" 118;
	font-weight: 750;
	letter-spacing: -0.01em;
	color: var(--kr-ink);
	line-height: 1.15;
	text-transform: none;
}

.kr-2026 a { color: var(--kr-ink); text-underline-offset: 3px; }
.kr-2026 a:hover { color: var(--kr-accent); }

.kr-2026 :focus-visible {
	outline: 3px solid var(--kr-s3);
	outline-offset: 2px;
	border-radius: 4px;
}

.kr-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 var(--kr-gutter); box-sizing: border-box; }
.kr-wrap--narrow > * { max-width: 760px; }

.kr-h2 {
	font-size: clamp(1.45rem, 1.1rem + 1.6vw, 2.1rem);
	margin: 0 0 .6em;
}

.kr-lead { color: var(--kr-ink-2); margin: -.2em 0 1.4em; max-width: 60ch; }

/* ---------- Buttons ---------- */

.kr-btn,
.kr-2026 .button,
.kr-2026 button.button,
.kr-2026 .single_add_to_cart_button,
.kr-2026 .checkout-button,
.kr-2026 #place_order,
.kr-2026 .wc-block-components-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	min-height: 48px;
	padding: 0 1.3em;
	border: 0;
	border-radius: 999px;
	font-family: var(--kr-font);
	font-variation-settings: "wdth" 108;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.1;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .15s ease, transform .1s ease;
}

.kr-btn:active,
.kr-2026 .button:active,
.kr-2026 .single_add_to_cart_button:active { transform: scale(.98); }

.kr-btn--accent,
.kr-2026 .single_add_to_cart_button,
.kr-2026 .checkout-button,
.kr-2026 #place_order,
.kr-2026 .woocommerce a.button.alt,
.kr-2026 .woocommerce button.button.alt {
	background: var(--kr-accent) !important;
	color: #fff !important;
}

.kr-btn--accent:hover,
.kr-2026 .single_add_to_cart_button:hover,
.kr-2026 .checkout-button:hover,
.kr-2026 #place_order:hover { background: var(--kr-accent-press) !important; color: #fff !important; }

.kr-btn--wa { background: var(--kr-wa); color: #fff !important; }
.kr-btn--wa:hover { background: #178a45; }

.kr-btn--ghost { background: var(--kr-paper); color: var(--kr-ink) !important; box-shadow: inset 0 0 0 1.5px var(--kr-ink); }

.kr-link-btn {
	background: none;
	border: 0;
	padding: 0;
	color: var(--kr-s3);
	font: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

/* ---------- Form controls ---------- */

.kr-2026 input[type="text"],
.kr-2026 input[type="email"],
.kr-2026 input[type="tel"],
.kr-2026 input[type="search"],
.kr-2026 input[type="number"],
.kr-2026 input[type="password"],
.kr-2026 select,
.kr-2026 textarea,
.kr-2026 .select2-container--default .select2-selection--single {
	border: 1.5px solid var(--kr-line) !important;
	border-radius: var(--kr-r-sm) !important;
	background-color: var(--kr-paper);
	color: var(--kr-ink);
	font-size: 16px !important; /* no iOS zoom */
	min-height: 48px;
	box-shadow: none !important;
	transition: border-color .15s ease;
}

.kr-2026 input:focus,
.kr-2026 select:focus,
.kr-2026 textarea:focus { border-color: var(--kr-ink) !important; outline: none; }

/* ---------- Chips ---------- */

.kr-chip {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0 .6em;
	border-radius: 6px;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .02em;
	font-variation-settings: "wdth" 110;
}

/* A color code reads like the plate on the door pillar: stamped, bordered. */
.kr-chip--code {
	background: var(--kr-paper);
	color: var(--kr-ink);
	box-shadow: inset 0 0 0 1.5px var(--kr-ink);
	font-feature-settings: "tnum";
}

/* ==========================================================================
   Shell: header, bottom nav, action bars, footer
   ========================================================================== */

.kr-2026 #ast-mobile-header .ast-above-header-bar,
.kr-2026 #ast-mobile-header .ast-primary-header-bar,
.kr-2026 #ast-mobile-header .ast-below-header-bar {
	border: 0;
}

@media (max-width: 921px) {
	.kr-2026 #ast-mobile-header .ast-above-header-bar {
		min-height: 0;
		padding: 6px 0;
		background: var(--kr-paper);
		border-bottom: 1px solid var(--kr-line);
	}

	.kr-2026 #ast-mobile-header .ast-builder-grid-row { min-height: 52px; }

	.kr-2026 #ast-mobile-header .custom-logo-link img,
	.kr-2026 #ast-mobile-header .site-logo-img img {
		max-height: 44px;
		width: auto;
	}

	/* search row */
	.kr-2026 #ast-mobile-header .ast-below-header-bar,
	.kr-2026 #ast-mobile-header .ast-primary-header-bar {
		background: var(--kr-paper) !important;
		padding: 8px 0 10px;
		min-height: 0;
	}

	/* Chaty's bubble covers content; WhatsApp lives in the bottom bar on mobile. */
	.kr-2026 .chaty,
	.kr-2026 .chaty-widget,
	.kr-2026 #chaty-widget-0,
	.kr-2026 [id^="chaty-widget"] { display: none !important; }

	body.kr-2026 { padding-bottom: calc(var(--kr-bar-h) + env(safe-area-inset-bottom)); }
}

/* ---------- Bottom nav ---------- */

.kr-bnav { display: none; }

@media (max-width: 921px) {
	.kr-bnav {
		position: fixed;
		z-index: 9990;
		left: 0;
		right: 0;
		bottom: 0;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		height: calc(var(--kr-bar-h) + env(safe-area-inset-bottom));
		padding-bottom: env(safe-area-inset-bottom);
		background: rgba(255, 255, 255, .96);
		-webkit-backdrop-filter: saturate(1.4) blur(12px);
		backdrop-filter: saturate(1.4) blur(12px);
		box-shadow: var(--kr-shadow-bar);
	}
}

.kr-bnav__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	color: var(--kr-ink-2) !important;
	font-size: 11.5px;
	font-weight: 600;
	text-decoration: none;
}

.kr-bnav__item svg {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.kr-bnav__item.is-active { color: var(--kr-ink) !important; }
.kr-bnav__item.is-active svg { stroke-width: 2.2; }
.kr-bnav__item--wa { color: var(--kr-wa) !important; }

.kr-bnav__icon { position: relative; display: inline-flex; }

.kr-cart-count {
	position: absolute;
	top: -5px;
	right: -9px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--kr-accent);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	box-sizing: border-box;
}

.kr-cart-count.is-empty { display: none; }

.kr-cart-count.is-bump { animation: kr-bump .45s ease; }

@keyframes kr-bump {
	0% { transform: scale(1); }
	40% { transform: scale(1.35); }
	100% { transform: scale(1); }
}

/* ---------- Action bar (product / cart / checkout) ---------- */

.kr-actionbar { display: none; }

@media (max-width: 921px) {
	.kr-actionbar {
		position: fixed;
		z-index: 9991;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 10px var(--kr-gutter) calc(10px + env(safe-area-inset-bottom));
		background: rgba(255, 255, 255, .97);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		box-shadow: var(--kr-shadow-bar);
		transform: translateY(0);
		transition: transform .25s ease;
	}

	.kr-actionbar[hidden] { display: flex; transform: translateY(110%); visibility: hidden; }

	.kr-actionbar .kr-btn { flex: 0 0 auto; min-width: 46%; }

	/* the buy bar only takes space once it appears */
	body.single-product.kr-2026 { padding-bottom: 0; }
	body.single-product.kr-2026.kr-has-buybar { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
}

.kr-actionbar__info { display: flex; flex-direction: column; min-width: 0; flex: 1; }

.kr-actionbar__label {
	font-size: 12.5px;
	color: var(--kr-ink-2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.kr-actionbar__price { font-weight: 750; font-size: 1.1rem; font-variation-settings: "wdth" 110; }
.kr-actionbar__price del { display: none; }
.kr-actionbar__price small { display: none; }

/* ---------- Footer ---------- */

.kr-2026 .site-footer { background: var(--kr-ink); color: #c9d1d8; }
.kr-2026 .site-footer a { color: #fff !important; }
.kr-2026 .site-footer .site-above-footer-wrap,
.kr-2026 .site-footer .site-primary-footer-wrap,
.kr-2026 .site-footer .site-below-footer-wrap { background: transparent !important; border-color: rgba(255, 255, 255, .1) !important; }
.kr-2026 .site-footer .ast-footer-copyright { color: #9aa6b1; font-size: .85rem; }

/* Cookie settings live in the footer; CookieYes' floating revisit button covered the bottom bars */
[data-cky-tag="revisit-consent"] { display: none !important; }
.kr-cookie-settings { margin: 0 0 12px; text-align: center; }
.kr-2026 .kr-cookie-settings button {
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
	font: inherit;
	font-size: .95rem;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

/* ANPC SAL / SOL pictograms */
.kr-anpc { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 auto; padding: 0 var(--kr-gutter); }
.kr-anpc a { display: block; line-height: 0; }
/* official files: shown at their own size so they stay sharp */
.kr-anpc img { width: auto; max-width: 100%; height: 50px; }

/* Cart and checkout on phones: no search, the page is about finishing the order */
@media (max-width: 921px) {
	.kr-2026.woocommerce-cart #ast-mobile-header .ast-below-header-wrap,
	.kr-2026.woocommerce-checkout #ast-mobile-header .ast-below-header-wrap { display: none !important; }
}

/* ==========================================================================
   Notices (WooCommerce)
   ========================================================================== */

.kr-2026 .woocommerce-message,
.kr-2026 .woocommerce-info,
.kr-2026 .woocommerce-error {
	border: 0 !important;
	border-radius: var(--kr-r) !important;
	background: var(--kr-mist) !important;
	color: var(--kr-ink) !important;
	padding: 14px 16px 14px 46px !important;
	font-size: .95rem;
	box-shadow: none !important;
}

.kr-2026 .woocommerce-message { background: var(--kr-go-bg) !important; }
.kr-2026 .woocommerce-message::before { color: var(--kr-go) !important; }
.kr-2026 .woocommerce-error { background: #fdecea !important; }

.kr-2026 .woocommerce-message .button {
	min-height: 36px;
	padding: 0 1em;
	background: var(--kr-ink) !important;
	color: #fff !important;
	font-size: .9rem;
}

/* ==========================================================================
   Home
   ========================================================================== */

.kr-home .site-content > .ast-container { display: block; max-width: none; padding: 0; }
.kr-home-main { overflow-x: clip; }

.kr-hero {
	position: relative;
	padding: 28px 0 32px;
	background:
		linear-gradient(180deg, var(--kr-mist) 0, var(--kr-mist) 62%, var(--kr-paper) 62%);
}

/* the logo's paint chips: a short fan on phones, a big one beside the headline on desktop */
.kr-hero__swatches {
	position: absolute;
	top: 18px;
	right: -34px;
	width: 150px;
	height: 150px;
	pointer-events: none;
}

.kr-hero__swatches i {
	position: absolute;
	right: 0;
	top: 30px;
	width: 120px;
	height: 34px;
	border-radius: 6px;
	transform-origin: 100% 50%;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}

.kr-hero__swatches i:nth-child(1) { background: var(--kr-s1); transform: rotate(-36deg); }
.kr-hero__swatches i:nth-child(2) { background: var(--kr-s2); transform: rotate(-22deg); }
.kr-hero__swatches i:nth-child(3) { background: var(--kr-s3); transform: rotate(-8deg); }
.kr-hero__swatches i:nth-child(4) { background: var(--kr-s4); transform: rotate(6deg); }

@media (prefers-reduced-motion: no-preference) {
	.kr-hero__swatches i { animation: kr-fan .7s cubic-bezier(.2, .8, .2, 1) both; }
	.kr-hero__swatches i:nth-child(2) { animation-delay: .06s; }
	.kr-hero__swatches i:nth-child(3) { animation-delay: .12s; }
	.kr-hero__swatches i:nth-child(4) { animation-delay: .18s; }
}

@keyframes kr-fan { from { transform: rotate(0deg); opacity: 0; } }

@media (max-width: 699px) {
	.kr-hero__swatches {
		position: relative;
		top: 0;
		right: auto;
		display: flex;
		gap: 4px;
		width: auto;
		height: auto;
		margin: 0 0 14px;
	}
	.kr-hero__swatches i {
		position: static;
		width: 22px;
		height: 8px;
		border-radius: 2px;
		transform: none !important;
		animation: none !important;
	}
}

.kr-hero__title {
	position: relative;
	max-width: 15ch;
	margin: 0 0 .45em;
	font-size: clamp(2rem, 1.3rem + 3.6vw, 3.6rem);
	font-variation-settings: "wdth" 122 !important;
	font-weight: 800 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.025em !important;
}

/* keyword line inside the H1, read as a small label above the headline */
.kr-hero__kicker {
	display: block;
	margin-bottom: .55rem;
	color: var(--kr-ink-2);
	font-size: .95rem;
	font-variation-settings: "wdth" 100;
	font-weight: 650;
	line-height: 1.3;
	letter-spacing: 0;
}

.kr-hero__lead {
	position: relative;
	max-width: 46ch;
	margin: 0 0 22px;
	color: var(--kr-ink-2);
	font-size: 1.02rem;
}

/* ---------- Finder ---------- */

.kr-finder {
	position: relative;
	background: var(--kr-paper);
	border-radius: var(--kr-r-lg);
	box-shadow: 0 1px 0 var(--kr-line), 0 18px 40px -18px rgba(22, 32, 42, .35);
	padding: 6px 16px 18px;
	scroll-margin-top: 12px;
}

.kr-finder__tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	margin: 0 -10px 14px;
	padding: 4px;
	background: var(--kr-mist);
	border-radius: 999px;
}

.kr-finder__tabs button {
	min-height: 42px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--kr-ink-2);
	font-weight: 650;
	font-size: .93rem;
	cursor: pointer;
}

.kr-finder__tabs button.is-active {
	background: var(--kr-paper);
	color: var(--kr-ink);
	box-shadow: 0 1px 3px rgba(22, 32, 42, .15);
}

.kr-steps {
	display: flex;
	gap: 6px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
	font-size: .82rem;
	color: var(--kr-ink-3);
	font-weight: 600;
}

.kr-steps__item { display: flex; align-items: center; gap: 6px; flex: 1; }
.kr-steps__item span {
	display: inline-grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--kr-mist);
	font-size: .75rem;
}
.kr-steps__item.is-current { color: var(--kr-ink); }
.kr-steps__item.is-current span { background: var(--kr-ink); color: #fff; }
.kr-steps__item.is-done span { background: var(--kr-go); color: #fff; }

.kr-brands {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.kr-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 0 6px;
	border: 1.5px solid var(--kr-line);
	border-radius: var(--kr-r-sm);
	background: var(--kr-paper);
	color: var(--kr-ink);
	font-weight: 650;
	font-size: .95rem;
	font-variation-settings: "wdth" 104;
	text-align: center;
	cursor: pointer;
	transition: border-color .12s ease, background-color .12s ease;
}

.kr-brand:hover { border-color: var(--kr-ink); }
.kr-brand:active { background: var(--kr-mist); }

.kr-brand--more { position: relative; padding: 0; }
.kr-brand--more select {
	font-size: .95rem !important;
	color: var(--kr-ink);
	width: 100%;
	height: 100%;
	min-height: 47px !important;
	border: 0 !important;
	background: transparent;
	padding: 0 8px !important;
	font-weight: 650;
	text-align: center;
	text-align-last: center;
	cursor: pointer;
}

.kr-finder__bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.kr-finder__bar strong { font-size: 1.15rem; font-variation-settings: "wdth" 115; }

.kr-search { position: relative; display: block; margin-bottom: 10px; }
.kr-search svg {
	position: absolute;
	left: 14px;
	top: 50%;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	fill: none;
	stroke: var(--kr-ink-3);
	stroke-width: 2;
	stroke-linecap: round;
}
.kr-search input { width: 100%; padding-left: 44px !important; }

.kr-models {
	max-height: min(52vh, 420px);
	overflow-y: auto;
	margin: 0 -4px;
	padding: 0 4px;
	list-style: none;
	overscroll-behavior: contain;
}

.kr-models li { margin: 0; }

.kr-models a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 50px;
	padding: 0 6px;
	border-bottom: 1px solid var(--kr-line);
	color: var(--kr-ink);
	font-weight: 600;
	text-decoration: none;
}

.kr-models a small { color: var(--kr-ink-3); font-weight: 500; font-size: .82rem; white-space: nowrap; }
.kr-models a:active { background: var(--kr-mist); }
.kr-models .kr-models__empty { padding: 14px 6px; color: var(--kr-ink-2); }

.kr-models .kr-skeleton {
	height: 50px;
	border-bottom: 1px solid var(--kr-line);
	background: linear-gradient(90deg, var(--kr-mist) 0, #fafbfc 50%, var(--kr-mist) 100%) 0 0 / 200% 100%;
	animation: kr-shimmer 1.1s linear infinite;
}

@keyframes kr-shimmer { to { background-position: -200% 0; } }

.kr-finder__all { display: inline-block; margin-top: 12px; font-size: .9rem; }
.kr-finder__remember { margin: 12px 0 0; font-size: .9rem; color: var(--kr-ink-2); }
.kr-finder__remember a { font-weight: 650; }

.kr-codeform__label { display: block; font-weight: 650; margin-bottom: 8px; }
.kr-codeform__row { display: flex; gap: 8px; }
.kr-codeform__row input { flex: 1; min-width: 0; text-transform: uppercase; letter-spacing: .04em; font-weight: 650; }
.kr-codeform__row input::placeholder { text-transform: none; letter-spacing: 0; font-weight: 400; }
.kr-codeform__hint { margin: 10px 0 0; color: var(--kr-ink-2); font-size: .9rem; }

/* ---------- Assurance strip ---------- */

.kr-assure-strip { padding: 4px 0 8px; }

.kr-assure-strip__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}

.kr-assure-strip p {
	display: grid;
	grid-template-columns: 10px 1fr;
	column-gap: 12px;
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px solid var(--kr-line);
	color: var(--kr-ink-2);
	font-size: .92rem;
}

.kr-assure-strip p::before {
	content: "";
	grid-row: span 2;
	width: 10px;
	height: 100%;
	border-radius: 3px;
	background: var(--kr-s1);
}

.kr-assure-strip p:nth-child(2)::before { background: var(--kr-s3); }
.kr-assure-strip p:nth-child(3)::before { background: var(--kr-s2); }
.kr-assure-strip p b { display: block; color: var(--kr-ink); font-size: 1rem; }

@media (min-width: 768px) {
	.kr-assure-strip__grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
	.kr-assure-strip p { border-bottom: 0; }
}

/* ---------- Sections ---------- */

.kr-section { padding: 44px 0; }
.kr-section--mist { background: var(--kr-mist); }

/* TikTok social proof: dark band right under the hero */
.kr-tiktok { background: var(--kr-ink); color: #fff; }
.kr-tiktok .kr-h2 { color: #fff; }
.kr-tiktok .kr-lead { color: #c9d1d8; margin-bottom: 0; }

.kr-tiktok__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px 24px;
	margin-bottom: 22px;
}

.kr-tiktok__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px;
	padding: 4px 10px 4px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .1);
	font-size: .82rem;
	font-weight: 650;
	letter-spacing: .02em;
}
.kr-tiktok__eyebrow svg { width: 15px; height: 15px; fill: #fff; filter: drop-shadow(1px 1px 0 #fe2c55) drop-shadow(-1px -1px 0 #25f4ee); }

.kr-2026 .kr-tiktok__follow {
	color: #fff;
	font-weight: 650;
	font-size: .95rem;
	padding: 10px 16px;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .5);
	text-decoration: none;
}
.kr-2026 .kr-tiktok__follow:hover { color: #fff; box-shadow: inset 0 0 0 1.5px #fff; }

.kr-tiktok__track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 64%;
	gap: 12px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--kr-gutter);
	margin: 0 calc(-1 * var(--kr-gutter));
	padding: 0 var(--kr-gutter) 4px;
	list-style: none;
	scrollbar-width: none;
}
.kr-tiktok__track::-webkit-scrollbar { display: none; }

.kr-tiktok__card { scroll-snap-align: start; margin: 0; }

.kr-tiktok__card a,
.kr-tiktok__card iframe {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 9 / 16;
	border: 0;
	border-radius: var(--kr-r);
	overflow: hidden;
	background: #000;
	color: #fff !important;
	text-decoration: none;
}

/* Covers are app screenshots: zoom past the TikTok UI on the edges. */
.kr-tiktok__card img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%; display: block; transform: scale(1.14); transition: transform .4s; }
.kr-tiktok__card a:hover img { transform: scale(1.2); }

.kr-tiktok__card a::after {
	content: "";
	position: absolute;
	inset: 45% 0 0;
	background: linear-gradient(to top, rgba(0, 0, 0, .85), transparent);
	pointer-events: none;
}

.kr-tiktok__play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 58px;
	height: 58px;
	margin: -29px 0 0 -29px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55);
	z-index: 1;
	transition: transform .2s, background .2s;
}
.kr-tiktok__play::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -6px;
	border-style: solid;
	border-width: 10px 0 10px 17px;
	border-color: transparent transparent transparent #fff;
}
.kr-tiktok__card a:hover .kr-tiktok__play { transform: scale(1.08); background: var(--kr-accent); }

.kr-tiktok__name {
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 14px;
	z-index: 1;
	font-weight: 700;
	font-size: 1.02rem;
	line-height: 1.25;
}
.kr-tiktok__name small { display: block; font-weight: 500; font-size: .8rem; color: rgba(255, 255, 255, .75); }

/* Product page: the band breaks out of the product column to full width */
.single-product .kr-tiktok { clear: both; width: 100vw; margin: 8px 0 32px calc(50% - 50vw); }
.kr-tiktok { scroll-margin-top: 90px; }

.kr-2026 .kr-tt-teaser {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 12px 0 0;
	padding: 10px 12px;
	border-radius: var(--kr-r);
	background: var(--kr-ink);
	color: #c9d1d8;
	font-size: .86rem;
	line-height: 1.35;
	text-decoration: none;
}
.kr-2026 .kr-tt-teaser:hover { color: #fff; }
.kr-tt-teaser__thumbs { display: flex; flex: none; }
.kr-tt-teaser__thumbs img {
	width: 36px;
	height: 48px;
	object-fit: cover;
	border-radius: 6px;
	box-shadow: 0 0 0 2px var(--kr-ink);
}
.kr-tt-teaser__thumbs img + img { margin-left: -14px; }
.kr-tt-teaser__text b { display: block; color: #fff; font-size: .98rem; }
.kr-tt-teaser__text b::after { content: " ▶"; font-size: .7em; vertical-align: 2px; color: var(--kr-accent); }

@media (min-width: 768px) {
	.kr-tiktok__track { grid-auto-flow: row; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 0; padding: 0; overflow: visible; }
}

.kr-formats-grid { display: grid; gap: 12px; }

.kr-format {
	display: grid;
	grid-template-columns: 112px 1fr;
	align-items: center;
	gap: 14px;
	padding: 10px;
	border-radius: var(--kr-r);
	background: var(--kr-mist);
	color: var(--kr-ink) !important;
	text-decoration: none;
}

.kr-format img {
	width: 112px;
	height: 112px;
	object-fit: cover;
	border-radius: 10px;
	background: #fff;
}

.kr-format__body { display: flex; flex-direction: column; gap: 4px; }
.kr-format__name { font-weight: 750; font-size: 1.08rem; font-variation-settings: "wdth" 112; }
.kr-format__desc { color: var(--kr-ink-2); font-size: .88rem; line-height: 1.4; }
.kr-format__price { font-weight: 700; color: var(--kr-accent); font-size: .95rem; }

@media (min-width: 768px) {
	.kr-formats-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
	.kr-format { grid-template-columns: 1fr; padding: 14px; }
	.kr-format img { width: 100%; height: auto; aspect-ratio: 1; }
}

/* Tutorial film: home "Cum funcționează" and kit product pages */
.kr-tutorial { margin: 0 auto 20px; max-width: 860px; }
.kr-tutorial video { display: block; width: 100%; height: auto; aspect-ratio: 832 / 464; border-radius: var(--kr-r); background: #000; }
.kr-tutorial figcaption { margin-top: 8px; text-align: center; color: var(--kr-ink-2); font-size: .88rem; }
.kr-product-tutorial { clear: both; padding-bottom: 12px; }

.kr-how {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: kr-how;
}

.kr-how li {
	position: relative;
	padding: 16px 16px 16px 62px;
	border-radius: var(--kr-r);
	background: var(--kr-paper);
	color: var(--kr-ink-2);
	font-size: .94rem;
	counter-increment: kr-how;
}

.kr-how li::before {
	content: counter(kr-how);
	position: absolute;
	left: 16px;
	top: 16px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--kr-ink);
	color: #fff;
	font-weight: 750;
}

.kr-how li b { display: block; color: var(--kr-ink); font-size: 1.02rem; margin-bottom: 2px; }

@media (min-width: 768px) {
	.kr-how { grid-template-columns: repeat(3, 1fr); }
}

/* color-code help from the find-color-code plugin, toned to the page */
.kr-section--code { padding: 0; }
.kr-section--code .fcc-section {
	border-radius: var(--kr-r-lg) !important;
	margin: 36px 0 !important;
	background: var(--kr-ink) !important;
}
.kr-section--code .fcc-section *:not(button):not(.button) { font-family: var(--kr-font) !important; }
.kr-section--code .fcc-section h2,
.kr-section--code .fcc-section h3 { font-variation-settings: "wdth" 118; }

/* recommendations from the rust plugin: our heading, our cards */
.kr-home #firanto-rec-wrapper,
.kr-home #firanto-rec-wrapper * { font-family: var(--kr-font) !important; }
.kr-home #firanto-rec-wrapper .fr-outer { background: transparent; border-radius: 0; }
.kr-home #firanto-rec-wrapper .fr-header { display: none; }
.kr-home #firanto-rec-wrapper .fr-products { margin: 0; padding: 0; min-height: 0; gap: 12px; }
.kr-home #firanto-rec-wrapper .fr-card { background: var(--kr-mist); border-radius: var(--kr-r); box-shadow: none; }
.kr-home #firanto-rec-wrapper .fr-price { color: var(--kr-ink); }
.kr-home #firanto-rec-wrapper .fr-btn { border-radius: 999px; background: var(--kr-ink); color: #fff; min-height: 44px; font-weight: 700; }
.kr-home #firanto-rec-wrapper .fr-btn svg { stroke: currentColor; }

/* reviews */
.kr-reviews {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 82%;
	gap: 12px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	margin: 0 calc(-1 * var(--kr-gutter));
	padding: 4px var(--kr-gutter) 8px;
	scrollbar-width: none;
}
.kr-reviews::-webkit-scrollbar { display: none; }

.kr-review {
	scroll-snap-align: start;
	margin: 0;
	padding: 18px;
	border-radius: var(--kr-r);
	background: var(--kr-paper);
}

.kr-review blockquote {
	margin: 8px 0 10px;
	padding: 0;
	border: 0;
	font-size: 1.02rem;
	font-style: normal;
	color: var(--kr-ink);
}

.kr-review figcaption { color: var(--kr-ink-3); font-size: .88rem; font-weight: 600; }
.kr-stars { color: var(--kr-s2); letter-spacing: 2px; }

@media (min-width: 768px) {
	.kr-reviews { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; overflow: visible; }
}

/* FAQ */
.kr-faq details { border-bottom: 1px solid var(--kr-line); }
.kr-faq summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 56px;
	font-weight: 650;
	cursor: pointer;
	list-style: none;
}
.kr-faq summary::-webkit-details-marker { display: none; }
.kr-faq summary::after {
	content: "";
	flex: 0 0 12px;
	width: 12px;
	height: 12px;
	border-right: 2px solid var(--kr-ink);
	border-bottom: 2px solid var(--kr-ink);
	transform: rotate(45deg) translateY(-3px);
	transition: transform .2s ease;
}
.kr-faq details[open] summary::after { transform: rotate(225deg) translate(-2px, -2px); }
.kr-faq details p { margin: 0 0 18px; color: var(--kr-ink-2); }

/* help */
.kr-help { padding: 40px 0 48px; background: var(--kr-ink); color: #d4dbe1; }
.kr-help .kr-h2 { color: #fff; }
.kr-help p { max-width: 48ch; margin: 0 0 18px; }

@media (min-width: 700px) {
	.kr-hero__copy { position: relative; }
	.kr-hero__swatches { top: -10px; right: 0; }
}

@media (min-width: 1024px) {
	.kr-hero { padding: 64px 0 72px; background: var(--kr-mist); }
	.kr-hero__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
		gap: 56px;
		align-items: start;
	}
	.kr-hero__copy { display: flex; flex-direction: column; padding-top: 12px; }
	.kr-hero__copy .kr-hero__swatches { order: 3; }
	.kr-hero__title { font-size: clamp(2.8rem, 1.6rem + 2.6vw, 4.2rem); }
	/* the fan sits under the copy, a bit off the edge */
	.kr-hero__swatches { position: relative; top: auto; right: auto; width: 220px; height: 110px; margin-top: 8px; }
	.kr-hero__swatches i { left: 0; right: auto; top: 44px; width: 180px; height: 40px; border-radius: 6px; transform-origin: 0 50%; }
	.kr-hero__swatches i:nth-child(1) { transform: rotate(-24deg); }
	.kr-hero__swatches i:nth-child(2) { transform: rotate(-12deg); }
	.kr-hero__swatches i:nth-child(3) { transform: rotate(0deg); }
	.kr-hero__swatches i:nth-child(4) { transform: rotate(12deg); }
	.kr-finder { padding: 8px 22px 22px; }
	.kr-brands { grid-template-columns: repeat(3, 1fr); }
}

/* ==========================================================================
   Shop / category
   ========================================================================== */

.kr-formats {
	display: flex;
	gap: 8px;
	margin: 0 calc(-1 * var(--kr-gutter)) 16px;
	padding: 2px var(--kr-gutter) 6px;
	overflow-x: auto;
	scrollbar-width: none;
}
.kr-formats::-webkit-scrollbar { display: none; }

.kr-formats__item {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 14px;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1.5px var(--kr-line);
	color: var(--kr-ink) !important;
	font-weight: 600;
	font-size: .9rem;
	text-decoration: none;
	white-space: nowrap;
}

.kr-formats__item.is-active { background: var(--kr-ink); color: #fff !important; box-shadow: none; }

.kr-2026.archive .woocommerce-products-header__title,
.kr-2026.archive .page-title {
	font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.2rem);
	margin-bottom: .3em;
}

.kr-2026 .woocommerce-breadcrumb { font-size: .82rem; color: var(--kr-ink-3); }
.kr-2026 .woocommerce-breadcrumb a { color: var(--kr-ink-2); text-decoration: underline; text-underline-offset: 2px; }
.kr-2026 .woocommerce-breadcrumb a:hover { color: var(--kr-ink); }

.kr-2026 .woocommerce-result-count { font-size: .88rem; color: var(--kr-ink-3); }

/* filters: one compact card */
@media (max-width: 921px) {
	.kr-2026.archive #secondary {
		margin: 0 0 18px;
		padding: 14px;
		border-radius: var(--kr-r);
		background: var(--kr-mist);
	}

	.kr-2026.archive #secondary .widget { margin: 0 0 10px; }
	.kr-2026.archive #secondary .widget:last-child { margin-bottom: 0; }
}

.kr-2026.archive #secondary .widget-title,
.kr-2026.archive #secondary .wp-block-heading,
.kr-2026 .ast-filter-wrap .widget-title {
	margin: 0 0 6px !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: .82rem !important;
	font-weight: 650 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: var(--kr-ink-2);
	font-variation-settings: "wdth" 100;
}

.kr-2026.archive #secondary .widget-title::after,
.kr-2026.archive #secondary .widget-title::before,
.kr-2026 .ast-filter-wrap .widget-title::after,
.kr-2026 .ast-filter-wrap .widget-title::before { display: none !important; }

/* Astra Pro's collapsible filter block: one compact card, three dropdowns */
.kr-2026 .ast-collapse-filter { margin: 0 0 18px; }
.kr-2026 #primary .ast-filter-wrap {
	display: grid;
	gap: 10px;
	padding: 14px;
	border-radius: var(--kr-r);
	background: var(--kr-mist);
}
.kr-2026 #primary .ast-filter-wrap .widget { margin: 0 !important; padding: 0 !important; }
.kr-2026 #primary .ast-filter-wrap .widget_layered_nav_filters .widget-title { display: none; }
@media (min-width: 768px) {
	.kr-2026 #primary .ast-filter-wrap { grid-template-columns: repeat(3, 1fr); align-items: end; }
	.kr-2026 #primary .ast-filter-wrap .widget_layered_nav_filters { grid-column: 1 / -1; }
}
.kr-2026 .ast-filter-wrap select,
.kr-2026 .ast-filter-wrap .select2-container .select2-selection--single { height: 48px !important; background-color: var(--kr-paper); }
.kr-2026 .ast-filter-wrap .select2-container .select2-selection__rendered { line-height: 45px !important; }
.kr-2026 .ast-filter-wrap .select2-container .select2-selection__arrow { height: 46px !important; }

.kr-2026.archive #secondary select,
.kr-2026.archive #secondary .select2-container .select2-selection--single { height: 48px !important; }

.kr-2026.archive #secondary .select2-container .select2-selection__rendered { line-height: 45px !important; }
.kr-2026.archive #secondary .select2-container .select2-selection__arrow { height: 46px !important; }

.kr-2026 .widget_layered_nav_filters ul { display: flex; flex-wrap: wrap; gap: 6px; }
.kr-2026 .widget_layered_nav_filters li a {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	line-height: 1.2 !important;
	min-height: 34px;
	padding: 0 12px !important;
	border-radius: 999px;
	background: var(--kr-ink);
	color: #fff !important;
	font-size: .85rem;
	text-decoration: none;
}
.kr-2026 .widget_layered_nav_filters li a::before { position: static !important; margin: 0 !important; color: #fff !important; line-height: 1 !important; }

/* product cards */
.kr-2026 ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 12px;
	margin: 0 !important;
}

.kr-2026 ul.products::before,
.kr-2026 ul.products::after { display: none !important; }

@media (min-width: 768px) { .kr-2026 ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 20px; } }
@media (min-width: 1100px) { .kr-2026:not(.ast-no-sidebar) ul.products, .kr-2026 ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.kr-2026 ul.products li.product {
	display: flex;
	flex-direction: column;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	text-align: left !important;
}

.kr-2026 ul.products li.product .astra-shop-thumbnail-wrap {
	border-radius: var(--kr-r);
	overflow: hidden;
	background: var(--kr-mist);
}

.kr-2026 ul.products li.product .astra-shop-thumbnail-wrap img {
	aspect-ratio: 1;
	object-fit: cover;
	margin: 0 !important;
	mix-blend-mode: multiply;
}

.kr-2026 ul.products li.product .astra-shop-summary-wrap {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 10px 2px 0 !important;
}

.kr-2026 ul.products li.product .ast-woo-product-category { display: none; }

.kr-card { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.kr-card .kr-chip { min-height: 24px; font-size: .78rem; }

.kr-2026 ul.products li.product .woocommerce-loop-product__title.kr-card__color {
	margin: 2px 0 0 !important;
	font-size: 1rem !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	font-variation-settings: "wdth" 104;
	letter-spacing: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.kr-2026 ul.products li.product .woocommerce-loop-product__title:not(.kr-card__color) {
	font-size: .95rem !important;
	line-height: 1.3 !important;
	font-variation-settings: "wdth" 100;
	font-weight: 600 !important;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.kr-card__vehicle { margin: 0; font-size: .84rem; color: var(--kr-ink-3); }

.kr-2026 ul.products li.product .price {
	margin: 8px 0 10px !important;
	color: var(--kr-ink) !important;
	font-weight: 750;
	font-size: 1.05rem !important;
	font-variation-settings: "wdth" 110;
}

.kr-2026 ul.products li.product .price del { color: var(--kr-ink-3); font-weight: 400; font-size: .85em; }
.kr-2026 ul.products li.product .price ins { text-decoration: none; color: var(--kr-accent); }

.kr-2026 ul.products li.product .ast-on-card-button { display: none !important; }

.kr-2026 ul.products li.product .button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	line-height: 1.1 !important;
	margin-top: auto !important;
	width: 100%;
	min-height: 42px;
	padding: 0 .8em;
	background: var(--kr-ink) !important;
	color: #fff !important;
	font-size: .92rem;
}

.kr-2026 ul.products li.product .button::before {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
}

.kr-2026 ul.products li.product .button.loading { opacity: .7; }
.kr-2026 ul.products li.product .button.added { background: var(--kr-go) !important; }
.kr-2026 ul.products li.product .button.added::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E");
}
.kr-2026 ul.products li.product .added_to_cart { display: none !important; }

.kr-2026 .woocommerce-pagination ul { border: 0 !important; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.kr-2026 .woocommerce-pagination ul li { border: 0 !important; }
.kr-2026 .woocommerce-pagination ul li a,
.kr-2026 .woocommerce-pagination ul li span {
	display: grid !important;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 10px !important;
	border-radius: 10px;
	background: var(--kr-mist);
	color: var(--kr-ink) !important;
	font-weight: 500;
}
.kr-2026 .select2-container--default .select2-selection__placeholder { color: var(--kr-ink-3) !important; }
.kr-2026 .woocommerce-pagination ul li span.current { background: var(--kr-ink); color: #fff !important; }

/* ==========================================================================
   Single product
   ========================================================================== */

.kr-2026.single-product .woocommerce-product-gallery { display: none !important; }

.kr-gallery { position: relative; background: var(--kr-mist); }

.kr-gallery__track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.kr-gallery__track::-webkit-scrollbar { display: none; }

.kr-gallery__slide { flex: 0 0 100%; margin: 0; scroll-snap-align: center; scroll-snap-stop: always; }
.kr-gallery__slide img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; }

.kr-gallery__nav { display: none; }
.kr-gallery__thumbs { display: none; }

@media (min-width: 922px) {
	.kr-2026.single-product div.product .kr-gallery {
		float: left;
		width: 50%;
		margin: 0 0 32px;
		border-radius: var(--kr-r-lg);
		overflow: hidden;
	}
	.kr-gallery__nav {
		position: absolute;
		top: 50%;
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		min-width: 0;
		margin-top: -22px;
		padding: 0 !important;
		border: 0;
		border-radius: 50%;
		line-height: 0;
		background: rgba(255, 255, 255, .92);
		box-shadow: 0 2px 10px rgba(22, 32, 42, .15);
		color: var(--kr-ink);
		cursor: pointer;
	}
	.kr-gallery__nav--prev { left: 14px; }
	.kr-gallery__nav--next { right: 14px; }
	.kr-gallery__nav svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
	.kr-gallery__nav:disabled { opacity: 0; pointer-events: none; }
	.kr-gallery__thumbs {
		display: flex;
		gap: 8px;
		padding: 10px;
		overflow-x: auto;
		background: var(--kr-paper);
		scrollbar-width: thin;
	}
	.kr-gallery__thumbs button {
		flex: 0 0 64px;
		height: 64px;
		padding: 0;
		border: 0;
		border-radius: 8px;
		background: var(--kr-mist);
		box-shadow: inset 0 0 0 1.5px var(--kr-line);
		overflow: hidden;
		cursor: pointer;
	}
	.kr-gallery__thumbs button.is-active { box-shadow: inset 0 0 0 2px var(--kr-ink); }
	.kr-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
	.kr-gallery__dots { display: none; }
}

@media (max-width: 921px) {
	.kr-gallery {
		display: block;
		margin: 0 calc(-1 * var(--kr-gutter)) 16px;
	}

	.kr-gallery__track {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		overscroll-behavior-x: contain;
	}
	.kr-gallery__track::-webkit-scrollbar { display: none; }

	.kr-gallery__slide {
		flex: 0 0 100%;
		margin: 0;
		scroll-snap-align: center;
		scroll-snap-stop: always;
	}

	.kr-gallery__slide img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	.kr-gallery__dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 12px;
		display: flex;
		justify-content: center;
		gap: 6px;
	}
	.kr-gallery__dots span { width: 7px; height: 7px; border-radius: 50%; background: rgba(22, 32, 42, .25); transition: width .2s ease, background-color .2s ease; }
	.kr-gallery__dots span.is-active { width: 20px; border-radius: 4px; background: var(--kr-ink); }

	.kr-gallery__count {
		position: absolute;
		top: 12px;
		right: 12px;
		padding: 3px 9px;
		border-radius: 999px;
		background: rgba(255, 255, 255, .9);
		font-size: .78rem;
		color: var(--kr-ink-2);
		font-feature-settings: "tnum";
	}

	.kr-2026.single-product .ast-container { padding-left: var(--kr-gutter); padding-right: var(--kr-gutter); }
	.kr-2026.single-product .site-main { padding-top: 0; }
	.kr-2026.single-product div.product .summary { margin-top: 0; }
	.kr-2026.single-product .woocommerce-breadcrumb { display: none; }
}

.kr-2026.single-product div.product .single-product-category { font-size: .82rem; }
.kr-2026.single-product div.product .single-product-category a { color: var(--kr-ink-3); text-decoration: none; }

.kr-2026.single-product .product_title {
	font-size: clamp(1.3rem, 1.05rem + 1.2vw, 2rem) !important;
	line-height: 1.18 !important;
	margin: 4px 0 12px !important;
}

.kr-match {
	margin: 0 0 14px;
	padding: 12px 14px;
	border-radius: var(--kr-r);
	background: var(--kr-mist);
}

.kr-match__codes { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.kr-match__codes.is-short .kr-chip--extra { display: none; }
.kr-match__codes:not(.is-short) .kr-chip--more { display: none; }
.kr-chip--more { border: 0; background: var(--kr-mist); color: var(--kr-ink); cursor: pointer; font-family: inherit; }
.kr-chip--more:hover, .kr-chip--more:focus-visible { box-shadow: inset 0 0 0 1.5px var(--kr-ink); }
.kr-chip__color { font-weight: 500; letter-spacing: 0; }
.kr-chip__color::before { content: "·"; margin: 0 .4em; }
.kr-match__text { margin: 0; font-size: .9rem; color: var(--kr-ink-2); line-height: 1.45; }
.kr-match__text a { color: var(--kr-wa); font-weight: 650; }

.kr-2026.single-product div.product p.price {
	margin: 0 0 4px !important;
	color: var(--kr-ink) !important;
	font-size: 1.75rem !important;
	font-weight: 800;
	font-variation-settings: "wdth" 112;
	letter-spacing: -0.01em;
}

.kr-2026.single-product div.product p.price .woocommerce-price-suffix,
.kr-2026.single-product .ast-shipping-text { font-size: .85rem; font-weight: 500; color: var(--kr-ink-3); }

.kr-2026.single-product .woocommerce-product-details__short-description { color: var(--kr-ink-2); font-size: .95rem; margin: 6px 0 14px; }
.kr-2026.single-product .woocommerce-product-details__short-description p { margin: 0; }

.kr-2026.single-product form.cart {
	display: flex !important;
	align-items: stretch;
	gap: 10px;
	margin: 0 0 16px !important;
	padding: 0 !important;
	border: 0 !important;
}

.kr-2026.single-product form.cart .quantity {
	display: inline-flex !important;
	align-items: center;
	margin: 0 !important;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1.5px var(--kr-line);
	overflow: hidden;
}

.kr-2026.single-product form.cart .quantity .minus,
.kr-2026.single-product form.cart .quantity .plus {
	width: 40px;
	height: 52px;
	border: 0 !important;
	background: transparent !important;
	color: var(--kr-ink) !important;
	font-size: 1.2rem;
}

.kr-2026.single-product form.cart .quantity .qty {
	width: 34px !important;
	min-height: 52px;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	text-align: center;
	font-weight: 700;
}

.kr-2026.single-product form.cart .single_add_to_cart_button {
	flex: 1;
	min-height: 52px;
	margin: 0 !important;
	font-size: 1.05rem;
}

.kr-2026.single-product .product_meta { display: none; }

.kr-2026.single-product .ast-single-product-payments { margin: 0 0 14px !important; border-radius: var(--kr-r) !important; border-color: var(--kr-line) !important; }
.kr-2026.single-product .ast-single-product-payments legend { font-size: .8rem; font-weight: 600; color: var(--kr-ink-3); }
.kr-2026.single-product .ast-single-product-extras { display: none; }

.kr-assure { margin: 0 0 18px; padding: 0; list-style: none; border-radius: var(--kr-r); box-shadow: inset 0 0 0 1.5px var(--kr-line); }

.kr-assure__item {
	display: grid;
	grid-template-columns: 24px 1fr;
	gap: 12px;
	margin: 0;
	padding: 12px 14px;
	border-bottom: 1px solid var(--kr-line);
	font-size: .9rem;
	line-height: 1.45;
	color: var(--kr-ink-2);
}

.kr-assure__item:last-child { border-bottom: 0; }
.kr-assure__item b { color: var(--kr-ink); font-weight: 650; }
.kr-assure__item svg { width: 24px; height: 24px; fill: none; stroke: var(--kr-ink); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.kr-assure__item--go svg { stroke: var(--kr-go); }
.kr-assure__item--go b { color: var(--kr-go); }

.kr-2026.single-product .woocommerce-tabs { margin-top: 24px; }
.kr-2026.single-product .woocommerce-tabs ul.tabs { display: none; }
.kr-2026.single-product .woocommerce-tabs .panel { margin: 0; padding: 0; }
.kr-2026.single-product .woocommerce-tabs .panel > h2 { font-size: 1.3rem; }
.kr-2026.single-product .woocommerce-Tabs-panel--description p { color: var(--kr-ink-2); max-width: 68ch; }

.kr-2026.single-product .related.products > h2,
.kr-2026.single-product .up-sells > h2 { font-size: 1.3rem; margin-bottom: 14px; }

/* ==========================================================================
   Cart
   ========================================================================== */

.kr-2026.woocommerce-cart .elementor-heading-title,
.kr-2026.woocommerce-checkout .elementor-heading-title { font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.2rem) !important; text-align: left !important; }

@media (max-width: 921px) {
	.kr-2026.woocommerce-cart .elementor-widget-heading,
	.kr-2026.woocommerce-checkout .elementor-widget-heading { margin-bottom: 8px !important; }

	.kr-2026.woocommerce-cart .elementor-section > .elementor-container,
	.kr-2026.woocommerce-checkout .elementor-section > .elementor-container { padding: 0; }

	.kr-2026.woocommerce-cart table.shop_table_responsive,
	.kr-2026.woocommerce-cart table.cart { border: 0 !important; }

	.kr-2026.woocommerce-cart table.cart tr.cart_item {
		position: relative;
		display: grid !important;
		grid-template-columns: 84px 1fr;
		grid-template-areas:
			"thumb name"
			"thumb price"
			"thumb qty";
		column-gap: 12px;
		margin-bottom: 12px;
		padding: 12px 40px 12px 12px !important;
		border: 0 !important;
		border-radius: var(--kr-r);
		background: var(--kr-mist);
	}

	.kr-2026.woocommerce-cart table.cart tr.cart_item td {
		display: block !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		text-align: left !important;
	}

	.kr-2026.woocommerce-cart table.cart tr.cart_item td::before { display: none !important; }

	.kr-2026.woocommerce-cart table.cart td.product-thumbnail { grid-area: thumb; }
	.kr-2026.woocommerce-cart table.cart td.product-thumbnail img { width: 84px !important; max-width: none; border-radius: 10px; background: #fff; }
	.kr-2026.woocommerce-cart table.cart td.product-name { grid-area: name; font-weight: 600; font-size: .92rem; line-height: 1.35; }
	.kr-2026.woocommerce-cart table.cart td.product-name a { color: var(--kr-ink); text-decoration: none; }
	.kr-2026.woocommerce-cart table.cart td.product-price { display: none !important; }
	.kr-2026.woocommerce-cart table.cart td.product-subtotal { grid-area: price; margin-top: 6px; font-weight: 750; }
	.kr-2026.woocommerce-cart table.cart td.product-subtotal small { display: none; }
	.kr-2026.woocommerce-cart table.cart td.product-quantity { grid-area: qty; margin-top: 8px; }
	.kr-2026.woocommerce-cart table.cart td.product-remove { position: absolute; top: 8px; right: 8px; }
	.kr-2026.woocommerce-cart table.cart td.product-remove a { width: 32px !important; height: 32px !important; line-height: 30px !important; }

	.kr-2026.woocommerce-cart table.cart td.actions { padding: 0 !important; background: transparent !important; }
	.kr-2026.woocommerce-cart .cart-collaterals .cart_totals { padding: 0 !important; border: 0 !important; background: transparent !important; }
	.kr-2026.woocommerce-cart .cart-collaterals .cart_totals > h2 { padding: 0 !important; background: transparent !important; border: 0 !important; font-size: 1.25rem; }
	/* the action bar has it too, but some people never notice the bar: keep it under the totals */
	.kr-2026.woocommerce-cart .wc-proceed-to-checkout { padding: 12px 0 8px !important; }
	.kr-2026.woocommerce-cart .wc-proceed-to-checkout .checkout-button { display: block; width: 100%; min-height: 54px; margin: 0 !important; font-size: 1.08rem; }
}

.kr-2026.woocommerce-cart .cart_totals table { border: 0 !important; }
.kr-2026.woocommerce-cart .cart_totals th,
.kr-2026.woocommerce-cart .cart_totals td { border-left: 0 !important; border-right: 0 !important; }
.kr-2026.woocommerce-cart .cart_totals .order-total { font-size: 1.1rem; }

/* shipping choices as tappable rows (cart + checkout) */
.kr-2026 ul#shipping_method { margin: 0; padding: 0; }
.kr-2026 ul#shipping_method li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 8px !important;
	padding: 12px 14px !important;
	border-radius: var(--kr-r-sm);
	box-shadow: inset 0 0 0 1.5px var(--kr-line);
	text-align: left;
	line-height: 1.35;
	text-indent: 0 !important;
}
.kr-2026 ul#shipping_method li:has(input:checked) { box-shadow: inset 0 0 0 2px var(--kr-ink); background: var(--kr-paper); }
.kr-2026 ul#shipping_method li input { margin: 3px 0 0 !important; flex: 0 0 auto; accent-color: var(--kr-ink); width: 18px; height: 18px; }
.kr-2026 ul#shipping_method li label { flex: 1; font-weight: 600; }
.kr-2026 ul#shipping_method li label .amount { font-weight: 750; }
.kr-2026 ul#shipping_method li label small { color: var(--kr-ink-3); font-weight: 400; }

@media (max-width: 921px) {
	/* cart totals table is a responsive (block) table on phones; the checkout review table is not */
	.kr-2026.woocommerce-cart .woocommerce-shipping-totals td.kr-shipping-cell { display: block !important; width: 100%; }
}

/* ==========================================================================
   Checkout
   ========================================================================== */

.kr-2026.woocommerce-checkout .ylkrs-heading {
	margin: 1.6em 0 .7em !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1.15rem !important;
	font-variation-settings: "wdth" 114;
}

.kr-2026.woocommerce-checkout .form-row { margin-bottom: 12px !important; }
.kr-2026.woocommerce-checkout .form-row .description {
	display: block !important;
	position: static !important;
	margin-top: 5px;
	padding: 0 !important;
	background: none !important;
	color: var(--kr-ink-3) !important;
	font-size: .82rem;
}
.kr-2026.woocommerce-checkout .form-row .description::before { display: none !important; }

.kr-2026.woocommerce-checkout .woocommerce-invalid input,
.kr-2026.woocommerce-checkout .woocommerce-invalid select,
.kr-2026.woocommerce-checkout .woocommerce-invalid .select2-selection { border-color: #c62828 !important; }

.kr-field-error { display: block; margin-top: 5px; color: #c62828; font-size: .85rem; font-weight: 600; }

.kr-2026.woocommerce-checkout #order_review_heading { font-size: 1.25rem; }

.kr-2026.woocommerce-checkout #order_review {
	border: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.kr-2026.woocommerce-checkout #order_review .shop_table { border: 0 !important; font-size: .92rem; }
.kr-2026.woocommerce-checkout #order_review .shop_table th,
.kr-2026.woocommerce-checkout #order_review .shop_table td { border-left: 0 !important; border-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.kr-2026.woocommerce-checkout #order_review .shop_table thead { display: none; }
.kr-2026.woocommerce-checkout #order_review .order-total { font-size: 1.1rem; }
.kr-2026.woocommerce-checkout #order_review .order-total .amount { font-weight: 800; }

.kr-2026.woocommerce-checkout #payment { background: transparent !important; border: 0 !important; }
.kr-2026.woocommerce-checkout #payment ul.payment_methods { padding: 0 !important; border: 0 !important; }
.kr-2026.woocommerce-checkout #payment ul.payment_methods > li {
	margin: 0 0 8px !important;
	padding: 12px 14px !important;
	border-radius: var(--kr-r-sm);
	box-shadow: inset 0 0 0 1.5px var(--kr-line);
	list-style: none;
}
.kr-2026.woocommerce-checkout #payment ul.payment_methods > li:has(> input:checked) { box-shadow: inset 0 0 0 2px var(--kr-ink); }
.kr-2026.woocommerce-checkout #payment ul.payment_methods > li > input { accent-color: var(--kr-ink); width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px !important; }
.kr-2026.woocommerce-checkout #payment ul.payment_methods > li > label { font-weight: 650; }
.kr-2026.woocommerce-checkout #payment div.payment_box { margin: 8px 0 0 !important; padding: 0 !important; background: none !important; color: var(--kr-ink-2) !important; font-size: .88rem; }
.kr-2026.woocommerce-checkout #payment div.payment_box::before { display: none !important; }
.kr-2026.woocommerce-checkout #payment .place-order { padding: 8px 0 0 !important; }
.kr-2026.woocommerce-checkout #payment #place_order { width: 100%; min-height: 54px; font-size: 1.08rem; }
.kr-2026.woocommerce-checkout .woocommerce-privacy-policy-text { font-size: .8rem; color: var(--kr-ink-3); }

/* ---------- Checkout steps (mobile only; added by kr-checkout.js) ---------- */

.kr-costeps { display: none; }

.kr-steps-on .kr-costeps {
	position: sticky;
	top: 0;
	z-index: 50;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	margin: 0 calc(-1 * var(--kr-gutter)) 12px;
	padding: 10px var(--kr-gutter);
	background: rgba(255, 255, 255, .97);
	border-bottom: 1px solid var(--kr-line);
	list-style: none;
}

.kr-costeps li { margin: 0; }

.kr-costeps button {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: var(--kr-ink-3);
	font: inherit;
	font-size: .8rem;
	font-weight: 650;
	text-align: left;
	cursor: default;
}

.kr-costeps button::before {
	content: "";
	display: block;
	height: 4px;
	border-radius: 2px;
	background: var(--kr-line);
	transition: background-color .25s ease;
}

.kr-costeps .is-done button { color: var(--kr-ink-2); cursor: pointer; }
.kr-costeps .is-done button::before { background: var(--kr-go); }
.kr-costeps .is-current button { color: var(--kr-ink); }
.kr-costeps .is-current button::before { background: var(--kr-ink); }

.kr-steps-on [data-kr-costep]:not(.is-kr-current) { display: none !important; }

/* coupon + notices only on the last step, where totals are */
.kr-steps-on:not(.kr-at-3) .woocommerce-form-coupon-toggle,
.kr-steps-on:not(.kr-at-3) form.checkout_coupon { display: none !important; }

.kr-recap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 10px;
	padding: 12px 14px;
	border-radius: var(--kr-r-sm);
	background: var(--kr-mist);
	font-size: .88rem;
	line-height: 1.45;
	color: var(--kr-ink-2);
}

.kr-recap b { display: block; color: var(--kr-ink); font-size: .8rem; font-weight: 650; }
.kr-recap .kr-link-btn { flex: 0 0 auto; font-size: .85rem; }

.kr-steps-on .woocommerce-checkout #order_review_heading { margin-top: 4px; }

/* in-form "next" for steps 1–2; step 3 has WooCommerce's own place-order button */
.kr-co-inline { display: none; }
.kr-steps-on:not(.kr-at-3) .kr-co-inline { display: block; margin: 8px 0 20px; }
.kr-co-inline .kr-btn { width: 100%; min-height: 54px; font-size: 1.08rem; }

/* the last step's own place-order button stays; the bar mirrors it */
.kr-steps-on.kr-at-3 #payment .place-order { padding-bottom: 12px !important; }

@media (max-width: 921px) {
	.kr-2026.woocommerce-checkout { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
}

/* ==========================================================================
   Reduced motion
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.kr-2026 *, .kr-2026 *::before, .kr-2026 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- Archive fine-tuning ---------- */

.kr-2026 .widget_layered_nav_filters .widget-title,
.kr-2026 .widget_layered_nav_filters .widgettitle { display: none !important; }
.kr-2026 .widget_layered_nav_filters { margin: 0 0 12px !important; }
.kr-2026 .widget_layered_nav_filters ul { margin: 0; padding: 0; }
.kr-2026 .widget_layered_nav_filters li { margin: 0 !important; padding: 0 !important; list-style: none; }

.kr-2026 .select2-container--default .select2-selection--single {
	display: flex !important;
	align-items: center;
	padding: 0 34px 0 14px !important;
}
.kr-2026 .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 !important;
	line-height: 1.3 !important;
	color: var(--kr-ink) !important;
	font-weight: 500;
}
.kr-2026 .select2-container--default .select2-selection__placeholder { color: var(--kr-ink-3) !important; }
.kr-2026 .ast-filter-wrap .select2-container--default .select2-selection--single { background-color: var(--kr-paper) !important; }

@media (max-width: 921px) {
	.kr-2026.archive #primary,
	.kr-2026.search #primary { margin-top: 12px !important; }
	.kr-2026.archive .woocommerce-breadcrumb { margin-bottom: 4px; }
}

.kr-2026 .woocommerce-Tabs-panel--description.kr-collapsed {
	max-height: 420px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(#000 70%, transparent);
	mask-image: linear-gradient(#000 70%, transparent);
}
.kr-more { width: 100%; margin: 4px 0 8px; }
.kr-2026.single-product .kr-match { margin-top: 2px; }
.kr-2026.single-product .woocommerce-product-attributes { border: 0; }
.kr-2026.single-product .woocommerce-product-attributes th,
.kr-2026.single-product .woocommerce-product-attributes td { padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid var(--kr-line) !important; background: none !important; font-size: .92rem; }

/* Astra Pro's own sticky add-to-cart: ours replaces it on phones; on desktop it stays, without the code box */
.kr-2026 .ast-sticky-add-to-cart .kr-match,
.kr-2026 .ast-sticky-add-to-cart .kr-bundle { display: none !important; }
@media (max-width: 921px) {
	.kr-2026 .ast-sticky-add-to-cart { display: none !important; }
}

@media (max-width: 921px) {
	.kr-2026 #ast-scroll-top { display: none !important; }
}

/* cart row: beat Astra's responsive-table !important rules */
@media (max-width: 921px) {
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-price { display: none !important; }
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-quantity { display: flex !important; justify-content: flex-start; }
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-quantity .quantity {
		display: inline-flex !important;
		align-items: center;
		margin: 0 !important;
		border-radius: 999px;
		background: var(--kr-paper);
		box-shadow: inset 0 0 0 1.5px var(--kr-line);
		overflow: hidden;
	}
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-quantity .quantity a,
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-quantity .quantity .minus,
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-quantity .quantity .plus {
		display: grid;
		place-items: center;
		width: 38px;
		height: 40px;
		border: 0 !important;
		background: transparent !important;
		color: var(--kr-ink) !important;
		text-decoration: none;
	}
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-quantity .qty {
		width: 34px !important;
		min-height: 40px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		text-align: center;
		font-weight: 700;
	}
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-subtotal { display: block !important; font-size: 1.05rem; }
	html body.kr-2026.woocommerce-cart .cart_totals > h2 { margin: 18px 0 6px !important; font-size: 1.2rem !important; }
	html body.kr-2026.woocommerce-cart .cart_totals table th,
	html body.kr-2026.woocommerce-cart .cart_totals table td { padding-left: 0 !important; padding-right: 0 !important; text-align: left; }
	html body.kr-2026.woocommerce-cart .cart_totals table td { text-align: right; }
	html body.kr-2026 .woocommerce-shipping-totals td,
	html body.kr-2026 .woocommerce-shipping-destination,
	html body.kr-2026 .woocommerce-shipping-calculator { text-align: left !important; }
	html body.kr-2026 .woocommerce-shipping-destination { font-size: .82rem; color: var(--kr-ink-3); }
	html body.kr-2026.woocommerce-cart .cart-collaterals { margin-top: 8px; }
	html body.kr-2026.woocommerce-cart .woocommerce { padding-left: 0; padding-right: 0; }
}

/* checkout review on phones: full-width rows, no boxed card */
@media (max-width: 921px) {
	html body.kr-2026.woocommerce-checkout #order_review_heading,
	html body.kr-2026.woocommerce-checkout #order_review {
		border: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		float: none !important;
	}
	html body.kr-2026.woocommerce-checkout #order_review_heading { padding-top: 0 !important; margin-bottom: 4px; }
	html body.kr-2026.woocommerce-checkout #order_review .shop_table td.product-name { font-size: .88rem; line-height: 1.4; }
	html body.kr-2026.woocommerce-checkout #order_review .shop_table .product-total small,
	html body.kr-2026.woocommerce-checkout #order_review .shop_table .cart-subtotal small { display: none; }
	html body.kr-2026.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { margin-bottom: 12px; }
}

.kr-2026 .checkout-inline-error-message { margin: 5px 0 0 !important; color: #c62828; font-size: .85rem; font-weight: 600; line-height: 1.4; }
.kr-2026 .woocommerce-NoticeGroup-checkout .woocommerce-error { outline: 0; }

@media (min-width: 922px) {
	.kr-2026 .site-header .kr-qs { width: 340px; }
	.kr-2026 .ast-builder-menu .menu-item > .menu-link { font-weight: 650; text-transform: none; letter-spacing: 0; }
}

/* ---------- Finder: loading feedback ---------- */

.kr-finder__status:empty { display: none; }
.kr-finder__status {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 0;
	padding: 12px 14px;
	border-radius: var(--kr-r-sm);
	background: var(--kr-mist);
	font-weight: 600;
	font-size: .92rem;
}
.kr-finder__status::before,
.kr-models a.is-loading small::after,
.kr-btn.is-loading::after {
	content: "";
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	border: 2.5px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: kr-spin .7s linear infinite;
}
@keyframes kr-spin { to { transform: rotate(360deg); } }

/* a progress line along the top edge of the card */
.kr-finder.is-busy::before {
	content: "";
	position: absolute;
	top: 0;
	left: 18px;
	right: 18px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--kr-s1), var(--kr-s2), var(--kr-s3), var(--kr-s4), var(--kr-s1)) 0 0 / 200% 100%;
	animation: kr-shimmer 1s linear infinite;
}
.kr-finder.is-busy .kr-models a:not(.is-loading),
.kr-finder.is-busy .kr-brand { opacity: .45; pointer-events: none; }
.kr-models a.is-loading { background: var(--kr-mist); }
.kr-models a.is-loading small { display: inline-flex; align-items: center; gap: 8px; font-size: 0; }
.kr-models a.is-loading small::after { width: 16px; height: 16px; color: var(--kr-ink); }
.kr-btn.is-loading { pointer-events: none; opacity: .85; }
.kr-btn.is-loading::after { width: 16px; height: 16px; }

/* ==========================================================================
   Free-shipping bar + primer bundle
   ========================================================================== */

.kr-freebar { margin: 0 0 16px; padding: 12px 14px; border-radius: var(--kr-r-sm); background: var(--kr-mist); }
.kr-freebar[hidden] { display: none; }
.kr-freebar__text { margin: 0 0 8px; font-size: .92rem; line-height: 1.4; }
.kr-freebar__track { height: 8px; border-radius: 4px; background: var(--kr-line); overflow: hidden; }
.kr-freebar__track span { display: block; height: 100%; border-radius: 4px; background: var(--kr-go); transition: width .4s ease; }
.kr-freebar.is-done { background: var(--kr-go-bg); color: var(--kr-go); }
.kr-freebar.is-done .kr-freebar__text { margin: 0; font-weight: 650; }
.kr-freebar.is-done .kr-freebar__track { display: none; }
.kr-free-label { color: var(--kr-go); }
.kr-free-note { color: var(--kr-go); }

.kr-2026.single-product form.cart { flex-wrap: wrap; }

.kr-bundle-head { margin: 0 0 6px; font-weight: 700; font-size: .92rem; }
.kr-2026 .ast-sticky-add-to-cart .kr-bundle-head { display: none !important; }
.kr-bundle {
	position: relative;
	display: grid;
	grid-template-columns: 22px 48px 1fr auto;
	align-items: center;
	gap: 10px;
	flex: 0 0 100%;
	margin: 0 0 4px;
	padding: 10px 12px;
	border-radius: var(--kr-r-sm);
	box-shadow: inset 0 0 0 1.5px var(--kr-line);
	cursor: pointer;
	transition: box-shadow .15s ease, background-color .15s ease;
}
.kr-bundle:has(input:checked) { box-shadow: inset 0 0 0 2px var(--kr-go); background: var(--kr-go-bg); }
.kr-bundle input { width: 20px; height: 20px; margin: 0; accent-color: var(--kr-go); }
.kr-bundle__img img { display: block; width: 48px; height: 48px; object-fit: cover; border-radius: 6px; background: #fff; }
.kr-bundle__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kr-bundle__title { font-weight: 650; font-size: .92rem; line-height: 1.3; }
.kr-bundle__desc { font-size: .8rem; color: var(--kr-ink-2); line-height: 1.35; }
.kr-bundle__price { display: flex; flex-direction: column; align-items: flex-end; font-weight: 750; white-space: nowrap; }
.kr-bundle__price del { font-size: .78rem; font-weight: 400; color: var(--kr-ink-3); }
.kr-bundle__price ins { text-decoration: none; color: var(--kr-go); }

.kr-bundle--cart { grid-template-columns: 48px 1fr auto; margin: 4px 0 16px; cursor: default; background: var(--kr-paper); }
.kr-bundle--cart .kr-bundle__price { flex-direction: row; gap: 6px; align-items: baseline; margin-top: 2px; }
.kr-bundle--cart .kr-btn { min-height: 40px; padding: 0 1em; }
.kr-bundle-tag { color: var(--kr-go); font-weight: 600; }


/* ==========================================================================
   QA pass (16 oct)
   ========================================================================== */

/* Astra's palette: red primary → graphite, so links, default buttons, menus and the login button follow the site */
html:root {
	--ast-global-color-0: #16202a;
	--ast-global-color-4: #f2f4f6;
}

/* notices get focus from WooCommerce for screen readers; no visible ring needed */
.kr-2026 .woocommerce-message:focus,
.kr-2026 .woocommerce-error:focus,
.kr-2026 .woocommerce-info:focus,
.kr-2026 .woocommerce-NoticeGroup:focus,
.kr-2026 .woocommerce-notices-wrapper:focus { outline: 0 !important; }

/* ---------- Desktop sidebar: a plain list of formats ---------- */
.kr-2026 #secondary .sidebar-main {
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}
.kr-2026 #secondary .ast-filter-wrap { display: block; padding: 0; background: none; }
.kr-2026 #secondary .widget { margin: 0 0 24px; padding: 0 !important; background: none !important; box-shadow: none !important; }
.kr-2026 #secondary .widget-title {
	margin: 0 0 10px !important;
	font-size: .82rem !important;
	font-weight: 650 !important;
	color: var(--kr-ink-3) !important;
	font-variation-settings: "wdth" 100;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.kr-2026 #secondary ul.product-categories { margin: 0; padding: 0; list-style: none; }
.kr-2026 #secondary ul.product-categories li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.kr-2026 #secondary ul.product-categories a {
	display: block;
	padding: 10px 12px !important;
	border-radius: var(--kr-r-sm);
	background: none !important;
	color: var(--kr-ink-2) !important;
	font-weight: 600;
	font-size: .93rem;
	line-height: 1.3;
	text-decoration: none;
	box-shadow: none !important;
}
.kr-2026 #secondary ul.product-categories a:hover { background: var(--kr-mist) !important; color: var(--kr-ink) !important; }
.kr-2026 #secondary ul.product-categories .current-cat > a { background: var(--kr-ink) !important; color: #fff !important; }
@media (min-width: 922px) {
	.kr-2026.archive #secondary { padding-right: 32px !important; width: 260px; }
	.kr-2026.archive #secondary + #primary,
	.kr-2026.archive #primary { border-left: 0 !important; }
}

/* ---------- Shipping rows: one full-width column (cart + checkout, every width) ---------- */
/* the row is one colspan=2 cell (theme template woocommerce/cart/cart-shipping.php) */
.kr-2026 tr.woocommerce-shipping-totals > td.kr-shipping-cell { padding-left: 0 !important; padding-right: 0 !important; text-align: left !important; }
.kr-2026 tr.woocommerce-shipping-totals > td.kr-shipping-cell::before { display: none !important; }
.kr-shipping-title { margin: 0 0 8px; font-weight: 650; font-size: .95rem; }
.kr-2026.woocommerce-checkout #order_review .shop_table td.product-total,
.kr-2026.woocommerce-cart table.cart td.product-price { white-space: nowrap; }
.kr-2026 .kr-freebar { margin-bottom: 14px; }

/* ---------- Cards: format label where formats mix (search, shop) ---------- */
.kr-card__format { margin: 0; font-size: .78rem; font-weight: 650; color: var(--kr-accent); }

/* ---------- Mobile menu ---------- */
.kr-2026 #ast-mobile-header .menu-toggle,
.kr-2026 #ast-mobile-header .menu-toggle:focus { color: var(--kr-ink) !important; border: 0 !important; outline: 0; background: none !important; }
.kr-2026 #ast-mobile-header .menu-toggle:focus-visible { outline: 3px solid var(--kr-s3) !important; }
.kr-2026 #ast-mobile-header .ast-mobile-header-content,
.kr-2026 #ast-mobile-header .ast-mobile-header-content .main-header-menu,
.kr-2026 #ast-mobile-header .ast-mobile-header-content .main-header-menu .menu-item { background: var(--kr-paper) !important; }
.kr-2026 #ast-mobile-header .ast-mobile-header-content { border-bottom: 1px solid var(--kr-line); box-shadow: 0 16px 30px -18px rgba(22, 32, 42, .35); }
.kr-2026 #ast-mobile-header .main-header-menu .menu-link {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	min-height: 52px;
	padding: 0 var(--kr-gutter) !important;
	border-bottom: 1px solid var(--kr-line) !important;
	color: var(--kr-ink) !important;
	background: none !important;
	font-weight: 650;
	font-size: 1rem;
}
.kr-2026 #ast-mobile-header .main-header-menu .menu-link::after {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--kr-ink-3);
	border-bottom: 2px solid var(--kr-ink-3);
	transform: rotate(-45deg);
}
.kr-2026 #ast-mobile-header .main-header-menu .current-menu-item > .menu-link { color: var(--kr-accent) !important; }

/* ---------- 404 ---------- */
.kr-404 { max-width: 640px; margin: 24px auto 56px; text-align: left; }
.kr-404 h1 { font-size: clamp(1.8rem, 1.3rem + 2vw, 2.6rem); margin: 0 0 .4em; }
.kr-404 p { color: var(--kr-ink-2); margin: 0 0 20px; }
.kr-404__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.kr-2026 #secondary ul.product-categories a { border: 0 !important; }
.kr-2026 #secondary ul.product-categories li + li { margin-top: 2px !important; }
@media (min-width: 922px) { .kr-gallery__count { display: none; } }

/* order review on every width: no Astra boxed frame (it only half-wrapped heading + table) */
html body.kr-2026.woocommerce-checkout #order_review_heading,
html body.kr-2026.woocommerce-checkout #order_review {
	border: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	background: none !important;
}
html body.kr-2026.woocommerce-checkout #order_review_heading { padding-top: 0 !important; margin-top: 0 !important; }

.kr-2026 .woocommerce-pagination ul li span.current { background: var(--kr-ink) !important; color: #fff !important; }
.kr-2026 .woocommerce-pagination ul li a:hover { background: var(--kr-line) !important; }
.kr-2026 .woocommerce-pagination { margin-top: 28px; }

/* phones: the format chips replace the sidebar (Astra moves it under the products, empty) */
@media (max-width: 921px) {
	.kr-2026.archive #secondary,
	.kr-2026.search #secondary { display: none !important; }
}
.kr-more { margin-bottom: 28px !important; }
.kr-2026.single-product .related.products,
.kr-2026.single-product .ast-recently-viewed-products,
.kr-2026.single-product [class*="recently-viewed"] { margin-top: 36px; }
.kr-2026.single-product [class*="recently-viewed"] > h2 { font-size: 1.3rem; margin-bottom: 14px; }

@media (max-width: 921px) {
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-quantity { justify-content: flex-start !important; text-align: left !important; }
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item td.product-quantity .quantity { margin: 0 auto 0 0 !important; }
	html body.kr-2026.woocommerce-cart table.cart tr.cart_item { row-gap: 2px; }
}

/* tablets: a full-width square photo would push the price below the fold */
@media (min-width: 600px) and (max-width: 921px) {
	.kr-gallery__slide img { aspect-ratio: auto; height: min(520px, 62vh); }
}

/* Header → content gap: Astra gives #primary 60–64px on desktop, the cart/checkout/account
   Elementor pages open with a 100px (50px on phones) section padding. */
@media (min-width: 922px) {
	.kr-2026 #primary { margin-top: 24px !important; }
}
.kr-2026.woocommerce-cart .entry-content > .elementor > .elementor-section:first-child,
.kr-2026.woocommerce-checkout .entry-content > .elementor > .elementor-section:first-child,
.kr-2026.woocommerce-account .entry-content > .elementor > .elementor-section:first-child { padding-top: 0 !important; }
@media (max-width: 921px) {
	.kr-2026.woocommerce-cart .entry-content > .elementor > .elementor-section:first-child,
	.kr-2026.woocommerce-checkout .entry-content > .elementor > .elementor-section:first-child,
	.kr-2026.woocommerce-account .entry-content > .elementor > .elementor-section:first-child { padding-top: 16px !important; }
}
.kr-2026 .ast-shop-toolbar-container { margin-bottom: 14px !important; }
.kr-2026 #primary .ast-collapse-filter { margin-bottom: 0 !important; padding-bottom: 18px !important; }

/* ---------- Search: field + live suggestions (inc/search.php) ---------- */
.kr-qs { position: relative; width: 100%; }
.kr-qs__form { position: relative; display: flex; align-items: center; margin: 0; }
.kr-2026 .kr-qs .kr-qs__input {
	width: 100%;
	height: 46px;
	min-height: 46px;
	margin: 0;
	padding: 0 48px 0 18px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--kr-mist) !important;
	box-shadow: inset 0 0 0 1.5px var(--kr-line);
	color: var(--kr-ink);
	font-size: 16px !important; /* no iOS zoom */
}
.kr-2026 .kr-qs .kr-qs__input:focus { outline: 0; box-shadow: inset 0 0 0 2px var(--kr-ink); background: var(--kr-paper) !important; }
.kr-qs__input::-webkit-search-cancel-button { display: none; }
.kr-2026 .kr-qs .kr-qs__btn {
	position: absolute;
	top: 3px;
	right: 3px;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	min-width: 0;
	padding: 0 !important;
	border: 0;
	border-radius: 50%;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--kr-ink) !important;
	line-height: 0;
	cursor: pointer;
}
.kr-qs__btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
/* waiting for suggestions or for the results page: the magnifier turns into a spinner */
.kr-qs.is-fetching .kr-qs__btn svg,
.kr-qs__btn.is-loading svg { display: none; }
.kr-qs.is-fetching .kr-qs__btn::after,
.kr-qs__btn.is-loading::after {
	content: "";
	width: 18px;
	height: 18px;
	border: 2px solid var(--kr-line);
	border-top-color: var(--kr-ink);
	border-radius: 50%;
	animation: kr-spin .7s linear infinite;
}

.kr-qs__list {
	position: absolute;
	z-index: 1000;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	max-height: min(420px, 60vh);
	margin: 0;
	padding: 6px;
	overflow-y: auto;
	list-style: none;
	background: var(--kr-paper);
	border-radius: 14px;
	box-shadow: 0 0 0 1px var(--kr-line), 0 12px 32px rgba(22, 32, 42, .16);
	text-align: left;
}
.kr-qs__list[hidden] { display: none; }
@media (min-width: 922px) {
	.kr-2026 .site-header .kr-qs__list { min-width: 420px; }
}
.kr-qs__list li { margin: 0; }
.kr-qs__list a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	color: var(--kr-ink) !important;
	text-decoration: none !important;
}
.kr-qs__list a::before {
	content: "";
	flex: none;
	width: 22px;
	height: 22px;
	background: var(--kr-ink-2);
	-webkit-mask: var(--kr-qs-icon) center / contain no-repeat;
	mask: var(--kr-qs-icon) center / contain no-repeat;
}
.kr-qs__item--code a { --kr-qs-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='3'/%3E%3Cpath d='M4 15h16'/%3E%3C/svg%3E"); }
.kr-qs__item--car a { --kr-qs-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16H3v-4l2-5h14l2 5v4h-2'/%3E%3Cpath d='M3 12h18'/%3E%3Ccircle cx='7.5' cy='16.5' r='1.8'/%3E%3Ccircle cx='16.5' cy='16.5' r='1.8'/%3E%3C/svg%3E"); }
.kr-qs__list li[aria-selected="true"] a,
.kr-qs__list a:hover { background: var(--kr-mist); }
.kr-qs__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.kr-qs__main { font-size: .95rem; }
.kr-qs__main b { font-weight: 750; letter-spacing: .02em; }
.kr-qs__color { color: var(--kr-ink-2); }
.kr-qs__sub { overflow: hidden; color: var(--kr-ink-2); font-size: .8rem; white-space: nowrap; text-overflow: ellipsis; }
.kr-qs__none { padding: 12px; color: var(--kr-ink-2); font-size: .9rem; line-height: 1.4; }

/* home code form: the list opens under the field row */
.kr-codeform { position: relative; }
.kr-codeform .kr-qs__list { top: auto; margin-top: 6px; }

/* results page: brand chips / nothing found */
.kr-qs-brands { margin: 4px 0 18px; }
.kr-qs-brands p { margin: 0 0 8px; color: var(--kr-ink-2); font-size: .92rem; }
.kr-qs-brands__list { display: flex; flex-wrap: wrap; gap: 8px; }
.kr-qs-brands__list span { margin-left: 4px; opacity: .6; font-weight: 500; }
.kr-qs-empty { max-width: 640px; margin: 8px 0 24px; padding: 20px; border-radius: 16px; background: var(--kr-mist); }
.kr-qs-empty p { margin: 0 0 10px; line-height: 1.5; }
.kr-qs-empty__title { font-size: 1.15rem; font-weight: 750; }
.kr-qs-empty .kr-qs-brands__list { margin-bottom: 16px; }
.kr-qs-empty__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.kr-qs-brands__row + .kr-qs-brands__row { margin-top: 12px; }
.kr-2026 .kr-qs-brands__select { width: 100%; max-width: 360px; }

/* ---------- Selects: one look for native selects and select2 (filters, checkout, search) ---------- */
.kr-2026 {
	--kr-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316202a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.kr-2026 select:not([multiple]):not([size]) {
	-webkit-appearance: none;
	appearance: none;
	height: 48px;
	padding: 0 42px 0 14px !important;
	background-image: var(--kr-chevron) !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 18px !important;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	text-overflow: ellipsis;
}
.kr-2026 select:hover,
.kr-2026 .select2-container--default .select2-selection--single:hover { border-color: #b9c2cb !important; }

.kr-2026 .select2-container--default .select2-selection--single {
	height: 48px !important;
	min-height: 48px;
	padding: 0 42px 0 14px !important;
	background-image: var(--kr-chevron) !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 18px !important;
	cursor: pointer;
}
.kr-2026 .select2-container--default .select2-selection--single .select2-selection__arrow { display: none !important; }
.kr-2026 .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--kr-ink) !important; }
.kr-2026 .select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 6px; color: var(--kr-ink-2); font-size: 1.2rem; }

/* the open list */
.kr-2026 .select2-dropdown {
	overflow: hidden;
	border: 0 !important;
	border-radius: 12px !important;
	background: var(--kr-paper);
	box-shadow: 0 0 0 1px var(--kr-line), 0 12px 32px rgba(22, 32, 42, .16);
}
.kr-2026 .select2-container--open .select2-dropdown--below { margin-top: 6px; }
.kr-2026 .select2-container--open .select2-dropdown--above { margin-top: -6px; }
.kr-2026 .select2-search--dropdown { padding: 8px 8px 0; }
.kr-2026 .select2-search--dropdown .select2-search__field {
	min-height: 40px;
	padding: 0 12px !important;
	border: 1.5px solid var(--kr-line) !important;
	border-radius: 8px !important;
	font-size: 16px !important;
}
.kr-2026 .select2-results > .select2-results__options { max-height: 300px !important; padding: 6px; }
.kr-2026 .select2-container--default .select2-results__option {
	margin: 0;
	padding: 10px 12px;
	border-radius: 8px;
	color: var(--kr-ink);
	font-size: .95rem;
	line-height: 1.3;
}
.kr-2026 .select2-container--default .select2-results__option--highlighted[aria-selected],
.kr-2026 .select2-container--default .select2-results__option--highlighted[data-selected] {
	background: var(--kr-mist) !important;
	color: var(--kr-ink) !important;
}
.kr-2026 .select2-container--default .select2-results__option[aria-selected="true"],
.kr-2026 .select2-container--default .select2-results__option[data-selected="true"] {
	background: transparent;
	font-weight: 700;
}
.kr-2026 .select2-container--default .select2-results__option[aria-selected="true"]::after,
.kr-2026 .select2-container--default .select2-results__option[data-selected="true"]::after {
	content: "✓";
	float: right;
	color: var(--kr-go);
}

/* home "Alte mărci" tile keeps its plain look */
.kr-2026 .kr-brand--more select:not([multiple]):not([size]) { height: 100%; padding: 0 8px !important; background-image: none !important; text-align: center; text-align-last: center; }

/* search results model picker */
.kr-2026 .kr-qs-brands__select { font-weight: 600; }

/* ylkrs-checkout sizes its selects at 40px; inputs here are 48px */
.kr-2026.woocommerce-checkout form.checkout .select2-container--default .select2-selection--single {
	height: 48px !important;
	min-height: 48px;
	padding: 0 42px 0 14px !important;
}

/* ==========================================================================
   "Unde găsesc codul?" — help sheet, opened from anywhere ([data-kr-where])
   ========================================================================== */

:root {
	--kr-label-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M7.5 9.5h5M7.5 13h3'/%3E%3Ccircle cx='16' cy='13.5' r='2'/%3E%3C/svg%3E");
}
html.kr-noscroll { overflow: hidden; }

.kr-where {
	width: min(680px, 100%);
	max-width: 100%;
	max-height: min(92vh, 900px);
	margin: auto;
	padding: 0;
	border: 0;
	border-radius: var(--kr-r-lg);
	background: var(--kr-paper);
	color: var(--kr-ink);
	font-family: var(--kr-font);
	box-shadow: 0 24px 64px rgba(22, 32, 42, .3);
	overflow: hidden;
}
.kr-where[open] { display: flex; flex-direction: column; }
.kr-where::backdrop { background: rgba(22, 32, 42, .55); }
@media (max-width: 640px) {
	/* bottom sheet: thumb reach, page still visible above */
	.kr-where {
		width: 100%;
		max-height: 90vh;
		max-height: min(90dvh, calc(var(--kr-vvh, 100dvh) - 8px)); /* --kr-vvh: the part the keyboard leaves (kr.js) */
		margin: auto 0 var(--kr-kb, 0px);
		border-radius: var(--kr-r-lg) var(--kr-r-lg) 0 0;
	}
	/* typing the VIN: the code search below would take half of what the keyboard leaves */
	.kr-where.is-kb .kr-where__foot { display: none; }
	.kr-where[open] { animation: kr-sheet-up .22s ease-out; }
}
@keyframes kr-sheet-up { from { transform: translateY(40px); opacity: .4; } }
@media (prefers-reduced-motion: reduce) { .kr-where[open] { animation: none; } }

.kr-where__head {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 12px 12px 20px;
	border-bottom: 1px solid var(--kr-line);
}
.kr-where__title {
	flex: 1;
	margin: 0;
	font-size: 1.1rem;
	font-weight: 750;
	line-height: 1.25;
	font-variation-settings: "wdth" 112;
}
.kr-where__back:not([hidden]) + .kr-where__title { margin-left: -4px; }
.kr-where__back,
.kr-where__close {
	flex: none;
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	min-width: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--kr-mist) !important;
	color: var(--kr-ink) !important;
	box-shadow: none !important;
}
.kr-where__back { margin-left: -8px; }
.kr-where__back[hidden] { display: none; }
.kr-where__back svg,
.kr-where__close svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.kr-where__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 16px 20px 8px; overscroll-behavior: contain; }
.kr-where__view[hidden] { display: none; }
.kr-where__lead { margin: 0 0 12px; color: var(--kr-ink-2); line-height: 1.45; }
.kr-where__sub { margin: 0 0 8px; font-weight: 700; }

.kr-where__filter { width: 100%; margin-bottom: 12px; }
.kr-where__brands {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.kr-where__brands li { margin: 0; }
.kr-where__brands li[hidden] { display: none; }
.kr-where__brands button {
	width: 100%;
	min-height: 48px;
	padding: 8px 12px !important;
	border: 1px solid var(--kr-line) !important;
	border-radius: var(--kr-r-sm) !important;
	background: var(--kr-paper) !important;
	color: var(--kr-ink) !important;
	font-size: .95rem;
	font-weight: 650;
	text-align: left;
	box-shadow: none !important;
}
.kr-where__brands button:hover,
.kr-where__brands button:focus-visible { border-color: var(--kr-ink) !important; background: var(--kr-mist) !important; }
.kr-where__none { margin: 4px 0 0; color: var(--kr-ink-2); line-height: 1.45; }

.kr-where__fig { margin: 0 0 16px; }
.kr-where__fig a { display: block; border: 1px solid var(--kr-line); border-radius: var(--kr-r); overflow: hidden; background: #fff; }
.kr-where__fig img { display: block; width: 100%; height: auto; }
.kr-where__fig figcaption { margin-top: 6px; color: var(--kr-ink-3); font-size: .8rem; }

/* numbered like the dots in the picture */
.kr-where__spots { margin: 0 0 16px; padding: 0; list-style: none; counter-reset: none; }
.kr-where__spots li {
	position: relative;
	margin: 0 0 8px;
	padding: 3px 0 3px 38px;
	line-height: 1.4;
}
.kr-where__spots li::before {
	content: counter(list-item);
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #1d4f8c; /* the blue of the dots in the pictures */
	color: #fff;
	font-size: .85rem;
	font-weight: 750;
}
.kr-where__looks {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	padding: 12px 14px;
	margin-bottom: 8px;
	border-radius: var(--kr-r);
	background: var(--kr-mist);
	font-size: .9rem;
	line-height: 1.4;
}
.kr-where__looks[hidden] { display: none; }
.kr-where__looks-label { font-weight: 700; }
.kr-where__looks .kr-chip--code { font-size: .95rem; }
.kr-where__looks-text { flex-basis: 100%; color: var(--kr-ink-2); }

.kr-where__foot {
	flex: none;
	padding: 14px 20px calc(14px + env(safe-area-inset-bottom));
	border-top: 1px solid var(--kr-line);
	background: var(--kr-paper);
}
.kr-where__search .kr-qs { position: relative; }
.kr-where__search .kr-qs__list { top: auto; bottom: calc(100% + 6px); }
.kr-where__help { margin: 8px 0 0; color: var(--kr-ink-2); font-size: .85rem; line-height: 1.45; }
.kr-where__wa { display: inline-block; color: var(--kr-wa) !important; font-weight: 700; }

/* links that open it */
.kr-where-link { font-weight: 650; }
.kr-where-link--pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--kr-mist);
	color: var(--kr-ink) !important;
	font-size: .9rem;
	text-decoration: none !important;
}
.kr-where-link--pill::before,
.kr-where-hint svg { flex: none; width: 20px; height: 20px; }
.kr-where-link--pill::before {
	content: "";
	background: currentColor;
	-webkit-mask: var(--kr-label-icon) center / contain no-repeat;
	mask: var(--kr-label-icon) center / contain no-repeat;
}

.kr-where-hint {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	margin: 0 0 14px;
	padding: 10px 14px;
	border-radius: var(--kr-r);
	background: var(--kr-mist);
	font-size: .9rem;
	line-height: 1.4;
}
.kr-where-hint svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.kr-where-hint a { color: var(--kr-ink) !important; text-decoration: underline; text-underline-offset: 3px; }

/* search dropdown row on an empty box */
.kr-qs__hint a { --kr-qs-icon: var(--kr-label-icon); }
.kr-qs__hint a::before { background: var(--kr-accent) !important; }
.kr-qs__none + .kr-qs__hint { border-top: 1px solid var(--kr-line); padding-top: 4px; }

.kr-bnav__item--help { color: var(--kr-ink-2) !important; }

/* home section #cod */
.kr-section--code { padding: 40px 0; }
.kr-wherehome {
	display: grid;
	gap: 20px 40px;
	padding: 24px var(--kr-gutter);
	border-radius: var(--kr-r-lg);
	background: var(--kr-mist);
}
@media (min-width: 922px) {
	.kr-wherehome { grid-template-columns: minmax(260px, 1fr) 2fr; padding: 36px; }
}
.kr-wherehome__intro .kr-h2 { margin-top: 0; }
.kr-wherehome__intro p { color: var(--kr-ink-2); line-height: 1.5; }
.kr-wherehome__vin a { color: var(--kr-wa) !important; font-weight: 700; }
.kr-wherehome__brands {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	align-content: start;
}
.kr-wherehome__brands li { margin: 0; }
.kr-wherehome__brand {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 8px 12px;
	border: 1px solid var(--kr-line);
	border-radius: var(--kr-r-sm);
	background: var(--kr-paper);
	color: var(--kr-ink) !important;
	font-weight: 650;
	text-decoration: none !important;
}
.kr-wherehome__brand:hover { border-color: var(--kr-ink); }
.kr-match .kr-where-link--pill { background: var(--kr-paper); box-shadow: inset 0 0 0 1px var(--kr-line); }

/* ==========================================================================
   Color-code guide pages (/cum-gasesc-codul-de-culoare/…)
   ========================================================================== */

.kr-h3 { margin: 0 0 10px; font-size: 1.15rem; font-weight: 750; line-height: 1.25; font-variation-settings: "wdth" 108; }
.kr-guide { padding: 8px 0 48px; }
.kr-guide__crumbs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; color: var(--kr-ink-3); font-size: .85rem; }
.kr-guide__crumbs a { color: var(--kr-ink-2) !important; }
.kr-guide__head { max-width: 760px; margin-bottom: 24px; }
.kr-guide__title { margin: 0 0 12px; font-size: clamp(1.6rem, 4.5vw, 2.4rem); line-height: 1.12; font-variation-settings: "wdth" 118; }
.kr-guide__answer { margin: 0; font-size: 1.08rem; line-height: 1.55; color: var(--kr-ink); }
.kr-guide__grid { display: grid; gap: 24px; align-items: start; }
@media (min-width: 922px) {
	.kr-guide__grid { grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr); gap: 40px; }
	.kr-guide__side { position: sticky; top: 96px; }
	.kr-guide__grid--hub { grid-template-columns: 1fr 1fr; margin-top: 28px; }
}
.kr-guide__fig { margin-bottom: 24px; }
.kr-guide__side { display: grid; gap: 16px; }
.kr-guide__card { padding: 20px; border-radius: var(--kr-r-lg); background: var(--kr-mist); }
.kr-guide__card p { margin: 0 0 12px; color: var(--kr-ink-2); line-height: 1.5; }
.kr-guide__card .kr-qs { position: relative; }
.kr-guide__card .kr-qs__input { background: var(--kr-paper) !important; }
.kr-guide__all { margin: 12px 0 0 !important; }
.kr-guide__all a { color: var(--kr-ink) !important; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.kr-guide__card--vin { background: var(--kr-go-bg); }
.kr-guide__section { margin-top: 44px; }
.kr-guide__brands { margin-bottom: 8px; }
.kr-guide__others-list { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 0; list-style: none; }
.kr-guide__others-list li { margin: 0; }
.kr-guide__others-list a { color: var(--kr-ink-2) !important; text-decoration: underline; text-underline-offset: 3px; }
.kr-where__page { margin: 0 0 12px; }
.kr-where__page[hidden] { display: none; }
.kr-where__page a { color: var(--kr-ink) !important; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- VIN help: "we find the code for you" (sheet step 3 + guide pages) ---------- */

.kr-where__nolabel { width: 100%; margin: 4px 0 8px; }
.kr-where__tovin { margin: 14px 0 0; }
.kr-where__tovin .kr-link-btn { font-size: .9rem; }
/* the code field below is for people who found the label; not on the VIN step */
.kr-where[data-view="vin"] .kr-where__foot { display: none; }

.kr-vin__lead { margin: 0 0 14px; color: var(--kr-ink-2); line-height: 1.45; }
.kr-vin__talon { margin: 0 0 12px; }
.kr-vin__talon img { display: block; width: 100%; max-width: 420px; height: auto; }
.kr-vin__talon figcaption { margin-top: 6px; font-size: .92rem; }

.kr-vin__notes { margin: 0 0 12px; padding: 0 0 0 18px; color: var(--kr-ink-2); font-size: .9rem; line-height: 1.45; }
.kr-vin__notes li { margin: 0 0 4px; }
.kr-vin__notes b { color: var(--kr-ink); }

.kr-vin__more { margin: 0 0 16px; border-radius: var(--kr-r-sm); background: var(--kr-mist); }
.kr-vin__more summary { padding: 10px 14px; font-weight: 650; font-size: .92rem; cursor: pointer; }
.kr-vin__more ul { margin: 0; padding: 0 14px 12px 32px; font-size: .9rem; line-height: 1.45; color: var(--kr-ink-2); }
.kr-vin__more b { color: var(--kr-ink); }

.kr-vin__label { display: block; margin: 0 0 6px; font-weight: 700; }
.kr-vin__field { position: relative; }
.kr-2026 .kr-vin__field input {
	width: 100%;
	padding-right: 64px !important;
	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	font-size: 1.05rem;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.kr-2026 .kr-vin__field input::placeholder { font-family: var(--kr-font); letter-spacing: 0; text-transform: none; font-size: .9rem; }
.kr-vin__count { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--kr-ink-3); font-size: .85rem; font-variant-numeric: tabular-nums; pointer-events: none; }
.kr-vin.is-ok .kr-vin__count { color: var(--kr-go); font-weight: 700; }
.kr-2026 .kr-vin.is-ok .kr-vin__field input { border-color: var(--kr-go) !important; }

.kr-vin__state { min-height: 1.4em; margin: 6px 0 10px; font-size: .86rem; color: var(--kr-ink-2); }
.kr-vin__state.is-ok { color: var(--kr-go); font-weight: 650; }
.kr-vin__state.is-warn { color: #b26a00; }

.kr-vin__send { width: 100%; }
.kr-vin__fine { margin: 8px 0 0; color: var(--kr-ink-3); font-size: .8rem; line-height: 1.4; }

/* guide pages: the same block as its own section */
.kr-guide__vin { scroll-margin-top: 90px; }
.kr-guide__vin .kr-vin { max-width: 560px; }

/* ---------- Despre noi ---------- */
.kr-about__formats { margin: 0; padding-left: 1.1em; line-height: 1.55; }
.kr-about__formats li { margin: 0 0 8px; color: var(--kr-ink-2); }
.kr-about__formats a { color: var(--kr-ink) !important; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.kr-about__facts { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: 8px 16px; margin: 0; }
.kr-about__facts dt { color: var(--kr-ink-3); font-size: .9rem; }
.kr-about__facts dd { margin: 0; color: var(--kr-ink); overflow-wrap: anywhere; }
@media (max-width: 480px) {
	.kr-about__facts { grid-template-columns: 1fr; gap: 2px; }
	.kr-about__facts dd { margin-bottom: 10px; }
}
.kr-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin: 0 0 10px; }
.kr-footer-links a { text-decoration: underline; text-underline-offset: 3px; }
.kr-brand-intro { max-width: 70ch; margin: 0 0 10px; color: var(--kr-ink-2); font-size: .92rem; line-height: 1.5; }
.kr-brand-intro a { color: var(--kr-ink) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Vopsea după cod (/vopsea/…) ---------- */
.kr-cp__brand { color: var(--kr-ink-2); font-weight: 600; font-variation-settings: "wdth" 100; }
.kr-cp__hint { margin: -4px 0 12px; color: var(--kr-ink-2); font-size: .92rem; }
.kr-cp-formats { display: grid; gap: 10px; margin: 0 0 8px; padding: 0; list-style: none; }
@media (min-width: 720px) { .kr-cp-formats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.kr-cp-formats__item { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 14px 16px; border: 1px solid var(--kr-line); border-radius: var(--kr-r); background: var(--kr-paper); }
.kr-cp-formats__item span { color: var(--kr-ink-2); font-size: .9rem; line-height: 1.45; }
.kr-cp-formats__item .kr-cp-formats__price { color: var(--kr-ink); font-weight: 700; }
.kr-cp-table-wrap { overflow-x: auto; border: 1px solid var(--kr-line); border-radius: var(--kr-r); }
.kr-cp-table { width: 100%; margin: 0 !important; border: 0 !important; border-collapse: collapse; font-size: .93rem; }
.kr-cp-table th, .kr-cp-table td { padding: 10px 12px !important; border: 0 !important; border-bottom: 1px solid var(--kr-line) !important; text-align: left; vertical-align: middle; white-space: nowrap; }
.kr-cp-table thead th { background: var(--kr-mist); color: var(--kr-ink-2); font-size: .82rem; font-weight: 650; }
.kr-cp-table tbody th { font-weight: 600; white-space: normal; }
.kr-cp-table tbody tr:last-child th, .kr-cp-table tbody tr:last-child td { border-bottom: 0 !important; }
.kr-cp-table a { color: var(--kr-ink) !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.kr-cp-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; padding: 0; list-style: none; }
.kr-cp-chips li { margin: 0; }
.kr-cp-chips a { display: inline-block; padding: 7px 12px; border: 1px solid var(--kr-line); border-radius: 999px; background: var(--kr-paper); color: var(--kr-ink) !important; font-size: .9rem; text-decoration: none; }
.kr-cp-chips a:hover { border-color: var(--kr-ink-3); }
.kr-cp__search { max-width: 560px; margin-bottom: 8px; }
.kr-cp-link { margin: 0 0 12px; }
.kr-cp-link a { color: var(--kr-ink) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.kr-cp-search { margin: 0 0 16px; padding: 14px 16px; border-radius: var(--kr-r); background: var(--kr-mist); }
.kr-cp-search p { margin: 0 0 8px; font-weight: 650; }
.kr-cp-search .kr-cp-chips { margin: 0; }
@media (max-width: 719px) {
	.kr-cp-formats { gap: 6px; }
	.kr-cp-formats__item { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: baseline; padding: 10px 14px; }
	.kr-cp-formats__item span:not(.kr-cp-formats__price) { display: none; }
}
.kr-cp-table abbr { text-decoration: none; border: 0; cursor: help; }
@media (max-width: 480px) {
	.kr-cp-table th, .kr-cp-table td { padding: 9px 8px !important; font-size: .88rem; }
}

/* ---------- Sidebar: „Alege formatul” (product lists) ---------- */
.kr-2026 #secondary .kr-side-formats { margin: 0 0 16px !important; padding: 16px !important; border: 1px solid var(--kr-line); border-radius: var(--kr-r-lg); background: var(--kr-paper); box-shadow: 0 6px 20px rgba(22, 32, 42, .06); }
.kr-2026 #secondary .kr-side-formats__title { margin: 0 0 2px !important; font-size: 1.15rem !important; line-height: 1.2; font-weight: 800 !important; font-variation-settings: "wdth" 110; color: var(--kr-ink); }
.kr-2026 #secondary .kr-side-formats__car { margin: 0 0 12px; color: var(--kr-ink-2); font-size: .9rem; }
.kr-2026 #secondary .kr-side-formats__car b { color: var(--kr-ink); }
.kr-2026 #secondary .kr-side-formats__list { display: grid; gap: 8px; margin: 10px 0 0 !important; padding: 0 !important; list-style: none; }
.kr-2026 #secondary .kr-side-formats__list li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.kr-2026 #secondary .kr-side-format { display: flex !important; align-items: center; gap: 12px; padding: 10px !important; border: 1.5px solid var(--kr-line); border-radius: var(--kr-r); background: var(--kr-paper); color: var(--kr-ink) !important; text-decoration: none !important; transition: border-color .15s, box-shadow .15s, transform .15s; }
.kr-2026 #secondary .kr-side-format:hover { border-color: var(--kr-ink-3); box-shadow: 0 4px 14px rgba(22, 32, 42, .08); transform: translateY(-1px); }
.kr-2026 #secondary .kr-side-format:focus-visible { outline: 3px solid var(--kr-accent); outline-offset: 2px; }
.kr-2026 #secondary .kr-side-format img { flex: none; width: 56px; height: 56px; border-radius: 10px; object-fit: cover; background: var(--kr-mist); }
.kr-2026 #secondary .kr-side-format__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kr-2026 #secondary .kr-side-format__body b { font-size: .95rem; line-height: 1.25; }
.kr-2026 #secondary .kr-side-format__body span { color: var(--kr-ink-2); font-size: .8rem; line-height: 1.35; }
.kr-2026 #secondary .kr-side-format__body .kr-side-format__price { margin-top: 2px; color: var(--kr-ink); font-weight: 700; font-size: .85rem; }
.kr-2026 #secondary .kr-side-format.is-active { border-color: var(--kr-ink); background: var(--kr-ink); color: #fff !important; }
.kr-2026 #secondary .kr-side-format.is-active .kr-side-format__body span { color: #d4dae0; }
.kr-2026 #secondary .kr-side-format.is-active .kr-side-format__body .kr-side-format__price { color: #fff; }
.kr-2026 #secondary .kr-side-formats__more { margin: 16px 0 6px !important; font-size: .82rem !important; font-weight: 650 !important; color: var(--kr-ink-2); text-transform: none !important; letter-spacing: 0 !important; }
.kr-2026 #secondary .kr-side-formats__others { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 !important; padding: 0 !important; list-style: none; }
.kr-2026 #secondary .kr-side-formats__others li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.kr-2026 #secondary .kr-side-formats__others a { display: inline-block !important; padding: 6px 12px !important; border: 1px solid var(--kr-line); border-radius: 999px; color: var(--kr-ink) !important; font-size: .85rem; text-decoration: none !important; }
.kr-2026 #secondary .kr-side-formats__others a:hover, .kr-2026 #secondary .kr-side-formats__others a.is-active { border-color: var(--kr-ink); }
/* phones: the format chips above the list already do this job */
@media (max-width: 921px) {
	.kr-2026.archive #secondary .kr-side-formats { display: none; }
}

/* Chaty WhatsApp bubble: its CTA green (#10d874) with white text was 1.9:1; same green as our WhatsApp buttons (4.9:1) */
[id^="chaty-widget"] .on-hover-text,
[id^="chaty-widget"] .on-hover-text p { background-color: var(--kr-wa) !important; color: #fff !important; }
[id^="chaty-widget"] .chaty-tooltip.pos-left .on-hover-text::before { border-left-color: var(--kr-wa) !important; }
[id^="chaty-widget"] .chaty-tooltip.pos-right .on-hover-text::before { border-right-color: var(--kr-wa) !important; }
[id^="chaty-widget"] .chaty-tooltip.pos-top .on-hover-text::before { border-top-color: var(--kr-wa) !important; }