:root {
	color-scheme: light;
	--hm-bg: #f7faf8;
	--hm-surface: #ffffff;
	--hm-surface-soft: #eaf7ec;
	--hm-text: #111827;
	--hm-text-muted: #536056;
	--hm-border: #e5e7eb;
	--hm-green: #23ac39;
	--hm-green-dark: #145c24;
	--hm-green-soft: #eaf7ec;
	--hm-button-bg: #23ac39;
	--hm-button-text: #ffffff;
	--hm-card-bg: #ffffff;
	--hm-shadow: 0 8px 22px rgba(15, 23, 17, 0.08);
	--hm-mode-bg: var(--hm-bg);
	--hm-mode-surface: var(--hm-surface);
	--hm-mode-surface-soft: var(--hm-surface-soft);
	--hm-mode-text: var(--hm-text);
	--hm-mode-muted: var(--hm-text-muted);
	--hm-mode-border: var(--hm-border);
	--hm-mode-green: var(--hm-green);
	--hm-mode-green-dark: var(--hm-green-dark);
	--hm-mode-green-soft: var(--hm-green-soft);
	--hm-mode-card-bg: var(--hm-card-bg);
	--hm-mode-dark: #101813;
	--hm-hero-bg: radial-gradient(circle at 84% 30%, rgba(35, 172, 57, 0.1), transparent 35%), linear-gradient(135deg, #ffffff 0%, #f2f8f1 100%);
	--hm-feature-bg: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%);
	--hm-final-bg: radial-gradient(circle at 50% 0%, rgba(35, 172, 57, 0.12), transparent 28%), linear-gradient(180deg, #ffffff 0%, #f3faf3 100%);
	--hm-media-bg: #f5faf5;
	--hm-footer-top-bg: var(--hm-green-soft);
	--hm-footer-bg: #0f1711;
	--hm-footer-surface: #162019;
	--hm-footer-border: #283a30;
	--hm-footer-text: #f3f4f6;
	--hm-footer-muted: #a7b0aa;
	--harus-brand-green: var(--hm-green);
	--harus-dark-green: var(--hm-green-dark);
	--harus-soft-green: var(--hm-green-soft);
	--harus-light-bg: var(--hm-bg);
	--harus-surface: var(--hm-surface);
	--harus-text: var(--hm-text);
	--harus-muted-text: var(--hm-text-muted);
	--harus-border: var(--hm-border);
	--harus-dark-bg: var(--hm-footer-bg);
	--harus-dark-surface: var(--hm-footer-surface);
	--harus-dark-border: var(--hm-footer-border);
	--harus-dark-text: var(--hm-footer-text);
	--harus-dark-muted-text: var(--hm-footer-muted);
	--harus-shadow: var(--hm-shadow);
}

:root[data-hm-theme-resolved="dark"] {
	color-scheme: dark;
	--hm-bg: #0f1711;
	--hm-surface: #17211a;
	--hm-surface-soft: #203326;
	--hm-text: #f4f7f3;
	--hm-text-muted: #c1cbc3;
	--hm-border: #31453a;
	--hm-green: #47c85a;
	--hm-green-dark: #8ddf8f;
	--hm-green-soft: #193420;
	--hm-button-bg: #29b742;
	--hm-button-text: #07120a;
	--hm-card-bg: #18241c;
	--hm-shadow: none;
	--hm-mode-dark: #0b120d;
	--hm-hero-bg: radial-gradient(circle at 84% 30%, rgba(71, 200, 90, 0.16), transparent 35%), linear-gradient(135deg, #121c15 0%, #18261c 100%);
	--hm-feature-bg: linear-gradient(180deg, #17211a 0%, #142017 100%);
	--hm-final-bg: radial-gradient(circle at 50% 0%, rgba(71, 200, 90, 0.16), transparent 30%), linear-gradient(180deg, #17211a 0%, #132018 100%);
	--hm-media-bg: #203126;
	--hm-footer-top-bg: #183120;
	--hm-footer-bg: #0b120d;
	--hm-footer-surface: #111b14;
	--hm-footer-border: #2b4332;
	--hm-footer-text: #f3f6f2;
	--hm-footer-muted: #bac5bd;
	--harus-brand-green: var(--hm-green);
	--harus-dark-green: var(--hm-green-dark);
	--harus-soft-green: var(--hm-green-soft);
	--harus-light-bg: var(--hm-bg);
	--harus-surface: var(--hm-surface);
	--harus-text: var(--hm-text);
	--harus-muted-text: var(--hm-text-muted);
	--harus-border: var(--hm-border);
	--harus-dark-bg: var(--hm-footer-bg);
	--harus-dark-surface: var(--hm-footer-surface);
	--harus-dark-border: var(--hm-footer-border);
	--harus-dark-text: var(--hm-footer-text);
	--harus-dark-muted-text: var(--hm-footer-muted);
	--harus-shadow: var(--hm-shadow);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-hm-theme-resolved]) {
		color-scheme: dark;
		--hm-bg: #0f1711;
		--hm-surface: #17211a;
		--hm-surface-soft: #203326;
		--hm-text: #f4f7f3;
		--hm-text-muted: #c1cbc3;
		--hm-border: #31453a;
		--hm-green: #47c85a;
		--hm-green-dark: #8ddf8f;
		--hm-green-soft: #193420;
		--hm-button-bg: #29b742;
		--hm-button-text: #07120a;
		--hm-card-bg: #18241c;
		--hm-shadow: none;
		--hm-mode-dark: #0b120d;
		--hm-hero-bg: radial-gradient(circle at 84% 30%, rgba(71, 200, 90, 0.16), transparent 35%), linear-gradient(135deg, #121c15 0%, #18261c 100%);
		--hm-feature-bg: linear-gradient(180deg, #17211a 0%, #142017 100%);
		--hm-final-bg: radial-gradient(circle at 50% 0%, rgba(71, 200, 90, 0.16), transparent 30%), linear-gradient(180deg, #17211a 0%, #132018 100%);
		--hm-media-bg: #203126;
		--hm-footer-top-bg: #183120;
		--hm-footer-bg: #0b120d;
		--hm-footer-surface: #111b14;
		--hm-footer-border: #2b4332;
		--hm-footer-text: #f3f6f2;
		--hm-footer-muted: #bac5bd;
		--harus-brand-green: var(--hm-green);
		--harus-dark-green: var(--hm-green-dark);
		--harus-soft-green: var(--hm-green-soft);
		--harus-light-bg: var(--hm-bg);
		--harus-surface: var(--hm-surface);
		--harus-text: var(--hm-text);
		--harus-muted-text: var(--hm-text-muted);
		--harus-border: var(--hm-border);
		--harus-dark-bg: var(--hm-footer-bg);
		--harus-dark-surface: var(--hm-footer-surface);
		--harus-dark-border: var(--hm-footer-border);
		--harus-dark-text: var(--hm-footer-text);
		--harus-dark-muted-text: var(--hm-footer-muted);
		--harus-shadow: var(--hm-shadow);
	}
}

.harus-topbar__utilities {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	min-height: 34px;
}

.harus-theme-mode {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	color: var(--harus-dark-green);
	line-height: 1;
	white-space: nowrap;
}

.harus-theme-mode__label {
	color: currentColor;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.harus-theme-mode__select {
	width: auto;
	min-width: 88px;
	height: 28px;
	padding: 0 8px;
	border: 1px solid var(--harus-border);
	border-radius: var(--harus-radius);
	background: var(--harus-surface);
	color: var(--harus-text);
	font-size: 12px;
	font-weight: 760;
	line-height: 1;
}

.harus-theme-mode__select:focus-visible {
	outline: 2px solid rgba(35, 172, 57, 0.7);
	outline-offset: 2px;
}

.harus-mobile-theme {
	margin-bottom: 18px;
}

.harus-theme-mode--mobile {
	justify-content: space-between;
	width: 100%;
	padding: 12px;
	border: 1px solid var(--harus-border);
	border-radius: var(--harus-radius);
	background: var(--harus-light-bg);
}

.harus-theme-mode--mobile .harus-theme-mode__label {
	font-size: 14px;
}

.harus-theme-mode--mobile .harus-theme-mode__select {
	min-width: 118px;
	height: 34px;
	font-size: 13px;
}

.harus-global-header,
.harus-checkout-header {
	background: var(--harus-surface);
	color: var(--harus-text);
}

.harus-topbar {
	background: var(--hm-footer-top-bg);
}

.harus-header-search,
.harus-search-results,
.harus-main-menu .sub-menu {
	background: var(--harus-surface);
}

.harus-search-result:hover,
.harus-search-result:focus,
.harus-main-menu .sub-menu a:hover,
.harus-main-menu .sub-menu a:focus {
	background: var(--harus-soft-green);
}

.harus-mobile-drawer__panel,
.harus-mobile-menu-list,
.harus-mobile-shop-list,
.harus-mobile-support {
	background: var(--harus-surface);
	color: var(--harus-text);
}

.harus-pickup-card {
	background: var(--harus-light-bg);
}

body.home,
body.page-id-248 {
	background: var(--hm-bg);
}

body.home .main-page-wrapper,
body.page-id-248 .main-page-wrapper,
body.home .wd-content-area,
body.page-id-248 .wd-content-area {
	background: var(--hm-bg);
}

.harus-homepage {
	--hm-bg: var(--hm-mode-bg);
	--hm-surface: var(--hm-mode-surface);
	--hm-ink: var(--hm-mode-text);
	--hm-muted: var(--hm-mode-muted);
	--hm-line: var(--hm-mode-border);
	--hm-green: var(--hm-mode-green);
	--hm-green-deep: var(--hm-mode-green-dark);
	--hm-green-soft: var(--hm-mode-green-soft);
	--hm-dark: var(--hm-mode-dark);
}

.hm-home-hero__panel,
.hm-home-feature-row,
.hm-home-liger-featured__panel,
.hm-home-final-cta__panel,
.hm-product-card,
.hm-home-empty {
	border-color: var(--hm-line);
}

.hm-home-hero__panel {
	background: var(--hm-hero-bg);
}

.hm-home-feature-row {
	background: var(--hm-feature-bg);
}

.hm-home-final-cta__panel {
	background: var(--hm-final-bg);
}

.hm-product-card,
.hm-home-empty,
.hm-home-hero__product {
	background: var(--hm-mode-card-bg);
}

.hm-product-card__media,
.hm-home-new-arrivals .hm-product-card__media {
	background: var(--hm-media-bg);
	border-color: var(--hm-line);
}

.hm-home-button {
	border-color: var(--hm-line);
	background: var(--hm-surface);
	color: var(--hm-green-deep);
}

.hm-home-button:hover,
.hm-home-button:focus-visible {
	background: var(--hm-green-soft);
	color: var(--hm-green-deep);
}

.hm-home-button--primary,
.harus-site-footer .harus-footer-button--primary {
	border-color: var(--hm-button-bg);
	background: var(--hm-button-bg);
	color: var(--hm-button-text);
}

.hm-home-button--primary:hover,
.hm-home-button--primary:focus-visible,
.harus-site-footer .harus-footer-button--primary:hover,
.harus-site-footer .harus-footer-button--primary:focus-visible {
	border-color: var(--hm-green-deep);
	background: var(--hm-green-deep);
	color: var(--hm-bg);
}

.harus-site-footer__top {
	background: var(--hm-footer-top-bg);
}

.harus-site-footer__top .harus-site-footer__trust,
.harus-site-footer__top .harus-site-footer__contact-line span,
.harus-site-footer__top .harus-site-footer__contact-line a {
	color: var(--harus-dark-green);
}

.harus-site-footer .harus-footer-button {
	background: var(--harus-surface);
	color: var(--harus-dark-green);
}

:root[data-hm-theme-resolved="dark"] .harus-site-footer .harus-footer-button:not(.harus-footer-button--primary) {
	border-color: var(--harus-border);
	background: var(--hm-surface-soft);
	color: var(--hm-text);
}

:root[data-hm-theme-resolved="dark"] .hm-home-liger-featured__panel {
	background: radial-gradient(circle at 58% 48%, rgba(71, 200, 90, 0.16), transparent 30%), linear-gradient(135deg, #0b120d 0%, #132017 100%);
}

:root[data-hm-theme-resolved="dark"] .hm-home-liger-featured .hm-product-card {
	background: rgba(255, 255, 255, 0.05);
}

:root[data-hm-theme-resolved="dark"] .hm-home-liger-featured__business {
	background: rgba(255, 255, 255, 0.04);
}

@media (max-width: 1024px) {
	.harus-theme-mode--topbar {
		display: none;
	}
}
