/**
 * Site design system — match homepage (Hoàng Thắng).
 * Light shell · brand green · Google Sans + SFU Eurostile · soft cards · consistent buttons/hover.
 * Load after style.css + site-pages.css.
 */

/* ═══════════════════════════════════════════
   TOKENS (align with :root + brand-colors)
   ═══════════════════════════════════════════ */
:root {
	--fc-ds-radius: 1rem;
	--fc-ds-radius-sm: 0.75rem;
	--fc-ds-radius-pill: 2.5rem;
	--fc-ds-card-border: #dfe7e2;
	--fc-ds-card-shadow: 0 12px 32px rgba(16, 26, 21, 0.07);
	--fc-ds-card-shadow-hover: 0 18px 44px rgba(16, 26, 21, 0.12);
	--fc-ds-ink: var(--fc-shell-text, #1a2420);
	--fc-ds-muted: var(--fc-shell-muted, #5c6b63);
	--fc-ds-shell: var(--fc-shell, #f2f5f3);
	--fc-ds-btn-pad-y: 0.72rem;
	--fc-ds-btn-pad-x: 1.45rem;
	--fc-ds-btn-fs: 0.875rem;
	--fc-ds-btn-ls: 0.04em;
	--fc-ds-title-fs: clamp(1.65rem, 2.35vw, 2.35rem);
	--fc-ds-body-fs: 0.95rem;
	--fc-ds-body-lh: 1.65;
}

/* ═══════════════════════════════════════════
   TYPOGRAPHY LOCK
   ═══════════════════════════════════════════ */
html body,
html body #main,
html body .page-wrapper {
	font-family: var(--fc-font-body, "Google Sans", system-ui, sans-serif) !important;
	color: var(--fc-ds-ink);
	-webkit-font-smoothing: antialiased;
}

html body .sec_title,
html body .heading_group .sec_title,
html body h1.sec_title,
html body h2.sec_title {
	font-family: var(--fc-font-title, "SFU Eurostile", "Google Sans", sans-serif) !important;
	font-size: var(--fc-sec-title-size, var(--fc-ds-title-fs)) !important;
	font-weight: var(--fc-sec-title-weight, 750) !important;
	line-height: var(--fc-sec-title-lh, 1.12) !important;
	letter-spacing: var(--fc-sec-title-ls, -0.03em) !important;
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}

/* Partners / special gradient titles keep their own clip rules if set */

html body .title_background,
html body .heading_group .title_background {
	font-family: var(--fc-font-title-ext, "SFU Eurostile Extended", "SFU Eurostile", "Google Sans", sans-serif) !important;
}

html body p,
html body .post_content,
html body .entry-content,
html body .recruit_content,
html body li {
	font-family: var(--fc-font-body, "Google Sans", system-ui, sans-serif) !important;
}

html body .post_content,
html body .entry-content,
html body .recruit_content {
	font-size: var(--fc-ds-body-fs);
	line-height: var(--fc-ds-body-lh);
	color: var(--fc-ds-muted);
}

/* Kill origin red accents */
html body a:not(.btn):not(.button) {
	/* keep brand on interactive links in content */
}
html body .post_content a,
html body .entry-content a {
	color: var(--primary-color, #14c131) !important;
}
html body .post_content a:hover,
html body .entry-content a:hover {
	color: var(--fc-primary-dark, #0a8f22) !important;
}

/* Utility: light shell cards used on inner pages */
html body .page_default .post_content,
html body .content_page .post_content {
	background: #fff;
	border: 1px solid var(--fc-ds-card-border, #dfe7e2);
	border-radius: var(--fc-ds-radius, 1rem);
	box-shadow: var(--fc-ds-card-shadow, 0 12px 32px rgba(16, 26, 21, 0.07));
}

/* Origin .text_primary class always brand (never red token) */
html body .text_primary {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}

/* ═══════════════════════════════════════════
   BUTTONS — primary / secondary / utility
   ═══════════════════════════════════════════ */
html body .btn,
html body a.btn,
html body button.btn {
	font-family: var(--fc-font-body, "Google Sans", system-ui, sans-serif) !important;
	text-decoration: none !important;
	border: 0 !important;
	cursor: pointer;
	line-height: 1 !important;
}

html body .btn .btn_inner {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem !important;
	min-height: 2.65rem;
	padding: var(--fc-ds-btn-pad-y) var(--fc-ds-btn-pad-x) !important;
	border-radius: var(--fc-ds-radius-pill) !important;
	box-sizing: border-box !important;
	position: relative;
	overflow: hidden;
}

html body .btn span.text,
html body .btn .btn_inner .text {
	font-family: var(--fc-font-body, "Google Sans", system-ui, sans-serif) !important;
	font-size: var(--fc-ds-btn-fs) !important;
	font-weight: 750 !important;
	letter-spacing: var(--fc-ds-btn-ls) !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	position: relative;
	z-index: 2;
}

html body .btn span.icon {
	margin-left: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	position: relative;
	z-index: 2;
}

/* Primary — brand gradient + origin white invert hover */
html body .btn.btn_primary,
html body a.btn.btn_primary {
	padding: 2px !important;
	background: transparent !important;
	box-shadow: none !important;
}
html body .btn.btn_primary .btn_inner {
	background: var(--fc-grad-90, linear-gradient(90deg, #0a8f22 0%, #1ed93d 50%, #0a8f22 100%)) !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(20, 193, 49, 0.22);
}
html body .btn.btn_primary .btn_inner .text {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
html body .btn.btn_primary .btn_inner .icon,
html body .btn.btn_primary .btn_inner .icon svg {
	color: #fff !important;
}
html body .btn.btn_primary .btn_inner .icon svg [stroke] {
	stroke: currentColor !important;
}
html body .btn.btn_primary::before {
	display: none !important; /* kill gray metallic frame */
	content: none !important;
}
html body .btn_primary .btn_inner::before {
	position: absolute;
	inset: 0;
	background: #fff !important;
	content: "";
	opacity: 0;
	z-index: 1;
	border-radius: inherit;
	transition: opacity 0.28s ease;
}

/* Secondary — white + brand border (not metallic gray) */
html body .btn.btn_secondary,
html body a.btn.btn_secondary,
html body .btn.btn_outline,
html body a.btn.btn_outline {
	padding: 0 !important;
	background: transparent !important;
}
html body .btn.btn_secondary .btn_inner,
html body .btn.btn_outline .btn_inner {
	background: #fff !important;
	background-image: none !important;
	border: 1.5px solid var(--primary-color, #14c131) !important;
	color: var(--primary-color, #14c131) !important;
	box-shadow: 0 4px 14px rgba(16, 26, 21, 0.04) !important;
}
html body .btn.btn_secondary .btn_inner .text,
html body .btn.btn_outline .btn_inner .text {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
html body .btn.btn_secondary .btn_inner .icon,
html body .btn.btn_outline .btn_inner .icon {
	color: var(--primary-color, #14c131) !important;
}
html body .btn.btn_secondary::before,
html body .btn.btn_outline::before {
	display: none !important;
	content: none !important;
}
html body .btn_secondary .btn_inner::before {
	position: absolute;
	inset: 0;
	background: var(--primary-color, #14c131) !important;
	content: "";
	opacity: 0;
	z-index: 1;
	border-radius: inherit;
	transition: opacity 0.28s ease;
}

/* Utility outline (load more / news more) — keep existing .fc-news-more / load_more classes */
html body .load_more_products,
html body .load_more_posts,
html body .fc-news-more {
	/* already specialized — do not force primary */
}

@media (hover: hover) and (pointer: fine) {
	/* Primary: white wash + dark text */
	html body .btn.btn_primary:hover .btn_inner::before {
		opacity: 1 !important;
	}
	html body .btn.btn_primary:hover .btn_inner .text {
		color: #0a1a12 !important;
		-webkit-text-fill-color: #0a1a12 !important;
	}
	html body .btn.btn_primary:hover .btn_inner .icon,
	html body .btn.btn_primary:hover .btn_inner .icon svg,
	html body .btn.btn_primary:hover .btn_inner .icon svg [stroke] {
		color: #0a1a12 !important;
		stroke: #0a1a12 !important;
	}
	html body .btn.btn_primary:hover {
		transform: translateY(-1px);
	}

	/* Secondary: fill brand + white text */
	html body .btn.btn_secondary:hover .btn_inner::before,
	html body .btn.btn_outline:hover .btn_inner::before {
		opacity: 1 !important;
	}
	html body .btn.btn_secondary:hover .btn_inner .text,
	html body .btn.btn_outline:hover .btn_inner .text {
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
	}
	html body .btn.btn_secondary:hover .btn_inner .icon,
	html body .btn.btn_outline:hover .btn_inner .icon,
	html body .btn.btn_secondary:hover .btn_inner .icon svg [stroke] {
		color: #fff !important;
		stroke: #fff !important;
	}
}

/* Exceptions: utility outline buttons must NOT invert like primary */
html body .fc-news-more.btn_primary,
html body .load_more_posts.btn_primary {
	/* if class still has btn_primary, neutralize invert */
}
html body .fc-news-more .btn_inner::before,
html body .load_more_posts .btn_inner::before,
html body .load_more_products .btn_inner::before {
	display: none !important;
	opacity: 0 !important;
}

/* ═══════════════════════════════════════════
   CARDS / LISTS HOVER
   ═══════════════════════════════════════════ */
html body .fc-post-card,
html body .fc-part-card,
html body .store_item,
html body .fc-career-stat,
html body .product_item .product_item_inner,
html body .product_item .cont_wrap {
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

@media (hover: hover) and (pointer: fine) {
	html body .fc-post-card:hover,
	html body .fc-part-card:hover,
	html body section.system_page .store_item:hover,
	html body .store_item:hover,
	html body .products_page .product_item:hover .product_item_inner,
	html body.fc-products-listing .product_item:hover .product_item_inner {
		transform: translateY(-3px);
		border-color: rgba(20, 193, 49, 0.28) !important;
		box-shadow: var(--fc-ds-card-shadow-hover) !important;
	}
}

/* ═══════════════════════════════════════════
   FORMS
   ═══════════════════════════════════════════ */
html body input[type="text"],
html body input[type="email"],
html body input[type="tel"],
html body input[type="search"],
html body input[type="number"],
html body input[type="url"],
html body input[type="password"],
html body textarea,
html body select,
html body .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
	font-family: var(--fc-font-body, "Google Sans", system-ui, sans-serif) !important;
	font-size: 0.9375rem !important;
	color: var(--fc-ds-ink) !important;
	background: #fff !important;
	border: 1px solid var(--fc-ds-card-border) !important;
	border-radius: var(--fc-ds-radius-sm) !important;
	box-shadow: none !important;
}
html body input:focus,
html body textarea:focus,
html body select:focus,
html body .wpcf7-form-control:not(.wpcf7-submit):focus {
	border-color: var(--primary-color, #14c131) !important;
	box-shadow: var(--fc-focus, 0 0 0 3px rgba(20, 193, 49, 0.22)) !important;
	outline: none !important;
}

/* ═══════════════════════════════════════════
   PAGINATION (page numbers)
   ═══════════════════════════════════════════ */
html body .page-numbers,
html body .nav-pagination a,
html body .nav-pagination span {
	font-family: var(--fc-font-body, "Google Sans", system-ui, sans-serif) !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
}
html body .page-numbers.current,
html body .nav-pagination > li > .current,
html body .woocommerce-pagination .page-numbers.current {
	background: var(--primary-color, #14c131) !important;
	border-color: var(--primary-color, #14c131) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
html body .page-numbers:hover,
html body .nav-pagination a:hover {
	color: var(--primary-color, #14c131) !important;
}

/* ═══════════════════════════════════════════
   SLIDER DOTS — product-banner language sitewide
   Round · inactive soft · active brand #14c131
   ═══════════════════════════════════════════ */
html body .swiper-pagination,
html body .swiper_pagination,
html body .dots_mobile,
html body .fc-related-dots {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.4rem !important;
	flex-wrap: wrap;
}
html body .swiper-pagination-bullet,
html body .swiper_pagination .swiper-pagination-bullet,
html body .dots_mobile .swiper-pagination-bullet,
html body .fc-related-dots .swiper-pagination-bullet,
html body .home_banner .swiper_pagination .swiper-pagination-bullet,
html body .home_1 .swiper-pagination .swiper-pagination-bullet,
html body .fc-mhscroll-dot,
html body button.fc-mhscroll-dot {
	width: 0.4rem !important;
	height: 0.4rem !important;
	min-width: 0.4rem !important;
	min-height: 0.4rem !important;
	max-width: 0.4rem !important;
	max-height: 0.4rem !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 auto !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #c9d4cd !important;
	opacity: 1 !important;
	box-shadow: none !important;
	transform: none !important;
	cursor: pointer !important;
	font-size: 0 !important;
	line-height: 0 !important;
	transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}
/* On dark banners / galleries — soft white idle */
html body .home_banner .swiper_pagination .swiper-pagination-bullet,
html body .home_1 .swiper-pagination .swiper-pagination-bullet,
html body #product-banner .swiper-pagination-bullet,
html body .product_details_1 .dots_mobile .swiper-pagination-bullet,
html body .product_details_11 .dots_mobile .swiper-pagination-bullet,
html body .box_swiper .dots_mobile .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.42) !important;
}
html body .swiper-pagination-bullet-active,
html body .swiper_pagination .swiper-pagination-bullet-active,
html body .dots_mobile .swiper-pagination-bullet-active,
html body .fc-related-dots .swiper-pagination-bullet-active,
html body .home_banner .swiper_pagination .swiper-pagination-bullet-active,
html body .home_1 .swiper-pagination .swiper-pagination-bullet-active,
html body #product-banner .swiper-pagination-bullet-active,
html body .product_details_1 .dots_mobile .swiper-pagination-bullet-active,
html body .product_details_11 .dots_mobile .swiper-pagination-bullet-active,
html body .box_swiper .dots_mobile .swiper-pagination-bullet-active,
html body .fc-mhscroll-dot.is-on,
html body button.fc-mhscroll-dot.is-on {
	width: 0.4rem !important;
	height: 0.4rem !important;
	min-width: 0.4rem !important;
	min-height: 0.4rem !important;
	max-width: 0.4rem !important;
	max-height: 0.4rem !important;
	border-radius: 999px !important;
	background: var(--primary-color, #14c131) !important;
	opacity: 1 !important;
	box-shadow: 0 2px 8px rgba(20, 193, 49, 0.4) !important;
	transform: scale(1.15) !important;
}

/* ═══════════════════════════════════════════
   SHELL CONTINUITY
   ═══════════════════════════════════════════ */
html body:not(.home):not(.page-template-home):not(.page-template-templateshome-php) #main {
	background-color: var(--fc-ds-shell) !important;
	color: var(--fc-ds-ink) !important;
}

/* Prefer-reduced-motion */
@media (prefers-reduced-motion: reduce) {
	html body .btn,
	html body .fc-post-card,
	html body .store_item,
	html body .product_item .product_item_inner {
		transition: none !important;
		transform: none !important;
	}
}

/* Desktop section headings: pale watermark, solid brand title, sage subtitle. */
@media (min-width: 850px) {
	html body #main .heading_group.text_center:has(.title_background) {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		max-width: 75rem !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-top: clamp(4.05rem, 5vw, 4.65rem) !important;
		text-align: center !important;
		overflow: visible !important;
	}

	html body #main .heading_group.text_center .sec_title {
		position: relative !important;
		z-index: 2 !important;
		display: block !important;
		width: 100% !important;
		margin: 0 auto 0.7rem !important;
		font-family: var(--fc-font-title-ext, 'SFU Eurostile Extended', 'SFU Eurostile', 'Google Sans', sans-serif) !important;
		font-size: clamp(2.25rem, 3.7vw, 3.35rem) !important;
		font-weight: 800 !important;
		line-height: 1.05 !important;
		letter-spacing: -0.035em !important;
		text-align: center !important;
		text-transform: uppercase !important;
		color: #14c131 !important;
		-webkit-text-fill-color: #14c131 !important;
		background: none !important;
		background-image: none !important;
		text-shadow: none !important;
	}

	html body #main .heading_group.text_center .sec_title::after {
		display: none !important;
		content: none !important;
	}

	html body #main .heading_group.text_center .title_background {
		position: absolute !important;
		left: 50% !important;
		right: auto !important;
		top: -0.55rem !important;
		bottom: auto !important;
		z-index: 0 !important;
		width: max-content !important;
		max-width: none !important;
		margin: 0 !important;
		font-family: var(--fc-font-title-ext, 'SFU Eurostile Extended', 'SFU Eurostile', 'Google Sans', sans-serif) !important;
		font-size: clamp(4.75rem, 9.4vw, 7.4rem) !important;
		font-weight: 800 !important;
		line-height: 0.88 !important;
		letter-spacing: -0.04em !important;
		text-align: center !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		transform: translateX(-50%) !important;
		color: #f8fbf9 !important;
		-webkit-text-fill-color: #f8fbf9 !important;
		-webkit-text-stroke: 2px #e3f5e7 !important;
		background: none !important;
		background-image: none !important;
		opacity: 1 !important;
		pointer-events: none !important;
	}

	html body #main .heading_group.text_center > :is(.fs_20, .fc-section-subtitle),
	html body #main .heading_group.text_center + .fc-section-subtitle,
	html body #main .fc-home-partners-sub {
		position: relative !important;
		z-index: 2 !important;
		max-width: 42rem !important;
		margin: 0.85rem auto 0 !important;
		font-family: var(--fc-font-body, 'Google Sans', system-ui, sans-serif) !important;
		font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
		letter-spacing: -0.01em !important;
		text-align: center !important;
		color: #65746c !important;
		-webkit-text-fill-color: #65746c !important;
	}
}

/* Desktop 2026 experience polish: bright surfaces and clear interaction states. */
@media (min-width: 850px) {
	html body {
		background: #f2f5f3 !important;
	}

	html body:not(.home) #main {
		background:
			radial-gradient(circle at 8% 8%, rgba(20, 193, 49, 0.045), transparent 26rem),
			linear-gradient(180deg, #f8fbf9 0%, #f2f5f3 38rem, #f8fbf9 100%) !important;
	}

	html body #main :is(
		.product_item_inner,
		.service_item,
		.post_item,
		.fc-post-card,
		.store_item,
		.fc-part-card,
		.fc-career-stat,
		.fc-compare-slot,
		.contact_form_col,
		.booking_form
	) {
		border-color: #dfe7e2 !important;
		background-color: #fff !important;
		box-shadow: 0 10px 28px rgba(16, 26, 21, 0.065) !important;
	}

	html body #main :is(
		.product_item_inner,
		.service_item,
		.post_item,
		.fc-post-card,
		.store_item,
		.fc-part-card,
		.fc-career-stat,
		.fc-compare-slot
	) {
		transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important;
	}

	html body #main :is(
		.product_item_inner,
		.service_item,
		.post_item,
		.fc-post-card,
		.store_item,
		.fc-part-card
	) img {
		transition: transform 0.42s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.28s ease !important;
	}

	html body :is(input, select, textarea):not([type=checkbox]):not([type=radio]) {
		border-color: #d8e2dc !important;
		background-color: #fff !important;
		color: #1a2420 !important;
		transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
	}

	html body :is(input, select, textarea):not([type=checkbox]):not([type=radio]):focus {
		border-color: #14c131 !important;
		background-color: #fff !important;
		box-shadow: 0 0 0 4px rgba(20, 193, 49, 0.12) !important;
		outline: 0 !important;
	}

	html body :is(a, button, input, select, textarea, [tabindex]):focus-visible {
		outline: 3px solid rgba(20, 193, 49, 0.42) !important;
		outline-offset: 3px !important;
	}

	html body ::selection {
		background: rgba(20, 193, 49, 0.2);
		color: #12351c;
	}
}

@media (min-width: 850px) and (hover: hover) and (pointer: fine) {
	html body #main :is(
		.product_item:hover .product_item_inner,
		.service_item:hover,
		.post_item:hover,
		.fc-post-card:hover,
		.store_item:hover,
		.fc-part-card:hover,
		.fc-career-stat:hover,
		.fc-compare-slot:hover
	) {
		transform: translateY(-4px) !important;
		border-color: rgba(20, 193, 49, 0.28) !important;
		box-shadow: 0 18px 42px rgba(16, 26, 21, 0.11), 0 0 0 1px rgba(20, 193, 49, 0.05) !important;
	}

	html body #main :is(
		.product_item:hover .product_item_inner,
		.service_item:hover,
		.post_item:hover,
		.fc-post-card:hover,
		.store_item:hover,
		.fc-part-card:hover
	) img {
		transform: scale(1.035);
		filter: saturate(1.04) contrast(1.02);
	}
}

@media (prefers-reduced-motion: reduce) {
	html body #main :is(
		.product_item_inner,
		.service_item,
		.post_item,
		.fc-post-card,
		.store_item,
		.fc-part-card,
		.fc-career-stat,
		.fc-compare-slot,
		img
	) {
		transition: none !important;
		transform: none !important;
	}
}

/* Trending rounded icons, shared by desktop and mobile UI. */
html body svg.fc-ico--basic-accent,
html body svg.fc-ico,
html body svg.fc-mhome-ico {
	--fc-icon-base: #35495a !important;
	--fc-icon-accent: #35495a !important;
	color: #35495a !important;
	shape-rendering: geometricPrecision;
	overflow: visible;
}

html body :is(svg.fc-ico--basic-accent, svg.fc-ico, svg.fc-mhome-ico) [stroke] {
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

html body #wrapper :is(svg.fc-ico--basic-accent, svg.fc-ico, svg.fc-mhome-ico) [stroke] {
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

html body :is(svg.fc-ico--basic-accent, svg.fc-ico, svg.fc-mhome-ico) [fill]:not([fill=none]) {
	fill: currentColor !important;
}

html body :is(
	.fc-header-ico,
	.fc-contact-ico,
	.fc-float-ico,
	.fc-f-ico,
	.fc-store-ico,
	.fc-svc-ico,
	.fc-prod-contact-ico,
	.fc-career-stat-icon,
	.fc-field-icon,
	.fc-nl-icon,
	.fc-mhome-tab-ico,
	.fc-mcontact-info-ico,
	.actions_nav .icon_wrap
) {
	color: #35495a;
}

html body :is(.is-active, .active, .current-menu-item) svg.fc-ico--basic-accent,
html body .fc-mhome-tab.is-active svg.fc-ico--basic-accent {
	--fc-icon-base: #14c131 !important;
	--fc-icon-accent: #14c131 !important;
	color: #14c131 !important;
}

html body :is(
	.btn_primary,
	.btn.btn_primary,
	.fc-mhome-btn--primary,
	.home_swiper_2 .product_link,
	.fc-home-hero-primary,
	.fc-mhome-hero-primary
) svg.fc-ico--basic-accent {
	--fc-icon-base: #fff !important;
	--fc-icon-accent: #fff !important;
	color: #fff !important;
}

/* Desktop primary navigation is intentionally text-only. */
@media (min-width: 850px) {
	html body #wrapper #header .header-nav-main > li > a .fc-nav-item-ico {
		display: none !important;
	}


	html body #wrapper #header .header-nav-main > li.menu-item-home {
		display: list-item !important;
	}

	html body #wrapper #header .header-nav-main > li.menu-item-home > a .fc-ico-home {
		display: none !important;
	}

	html body #wrapper #header .header-nav-main > li.menu-item-home > a .screen-reader-text {
		position: static !important;
		display: inline !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		clip: auto !important;
		clip-path: none !important;
		white-space: nowrap !important;
	}
}

@media (hover: hover) and (pointer: fine) {
	html body :is(.footer_social, .contact_socials, .fc-article-share, .fc-share-btn) a:hover svg.fc-ico--basic-accent {
		--fc-icon-base: #14c131 !important;
		--fc-icon-accent: #14c131 !important;
		color: #14c131 !important;
	}
}