/**
 * Phadin native menu v2.
 *
 * Content and hierarchy come from WordPress menus. These rules only present a
 * root item opted in with `.phadin-mega-menu`.
 */

.phadin-menu-v2 {
	--phadin-container-width: var(--phadin-site-max, 1280px);
	--phadin-menu-primary: var(--fs-color-primary, var(--primary-color, #0f6b4b));
	--phadin-menu-text: var(--fs-color-base, #22312a);
	--phadin-menu-muted: #5f6d66;
	--phadin-menu-border: rgba(10, 111, 78, 0.12);
	--phadin-menu-heading: #eef6f2;
	--phadin-menu-heading-hover: #e3f1ea;
	--phadin-menu-hover: #f0f7f3;
	--phadin-menu-surface: #fff;
	--phadin-menu-shadow:
		0 18px 50px rgba(22, 58, 46, 0.1),
		0 3px 10px rgba(22, 58, 46, 0.05);
}

/* The v2 cutover retires the child-theme shortcode shell. */
.phadin-menu-v2 #phadin-category-menu-panel,
.phadin-menu-v2 #phadin-category-menu-toggle {
	display: none;
}

@media (min-width: 850px) and (hover: hover) and (pointer: fine) {
	.phadin-menu-v2 #masthead > .header-inner {
		min-height: 68px;
		height: 68px;
	}

	.phadin-menu-v2 #wide-nav {
		min-height: 46px;
		border: 0;
		background: var(--phadin-menu-primary);
	}

	.phadin-menu-v2 #wide-nav > .container {
		min-height: 46px;
	}

	.phadin-menu-v2 #wide-nav > .container > .flex-left {
		width: 100%;
		flex: 1 1 100%;
	}

	.phadin-menu-v2 #wide-nav > .container > .flex-right {
		display: none;
	}

	.phadin-menu-v2 #wide-nav .header-bottom-nav {
		width: 100%;
		justify-content: center;
		gap: 2px;
	}

	.phadin-menu-v2 #wide-nav .header-bottom-nav > li > a {
		min-height: 42px;
		padding: 10px 11px;
		border-radius: 8px;
		color: #fff;
		font-size: 13.5px;
		font-weight: 700;
		line-height: 1.25;
		white-space: nowrap;
	}

	.phadin-menu-v2 #wide-nav .header-bottom-nav > li.phadin-mega-menu > a > .icon-angle-down {
		transform-origin: 50% 50%;
		transition: transform 0.16s ease;
	}

	.phadin-menu-v2 #wide-nav .header-bottom-nav > li > a:hover,
	.phadin-menu-v2 #wide-nav .header-bottom-nav > li > a:focus-visible {
		background: rgba(255, 255, 255, 0.12);
		color: #fff;
	}

	.phadin-menu-v2 #wide-nav .header-bottom-nav > li.phadin-mega-menu.phadin-is-open > a,
	.phadin-menu-v2 #wide-nav .header-bottom-nav > li.phadin-mega-menu:focus-within > a {
		background: rgba(255, 255, 255, 0.16);
		color: #fff;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	}

	.phadin-menu-v2 #wide-nav .header-bottom-nav > li.phadin-mega-menu.phadin-is-open > a > .icon-angle-down,
	.phadin-menu-v2 #wide-nav .header-bottom-nav > li.phadin-mega-menu:focus-within > a > .icon-angle-down {
		transform: rotate(180deg);
	}

	.phadin-menu-v2 #wide-nav .header-bottom-nav > li > a:focus-visible {
		outline: 2px solid #fff;
		outline-offset: -3px;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu {
		position: static;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown {
		box-sizing: border-box;
		position: fixed;
		top: var(--phadin-menu-top, 96px);
		right: 0;
		left: 0;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		column-gap: 32px;
		width: min(calc(100% - 32px), var(--phadin-container-width));
		max-width: var(--phadin-container-width);
		max-height: min(680px, calc(100vh - var(--phadin-menu-top, 96px) - 18px));
		margin: 0 auto;
		padding: 26px 28px 28px;
		border: 1px solid var(--phadin-menu-border);
		border-radius: 14px;
		background: var(--phadin-menu-surface);
		box-shadow: var(--phadin-menu-shadow);
		z-index: 999;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		white-space: normal;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: none;
		transition:
			opacity 0.14s ease,
			visibility 0s linear 0.14s;
	}

	/*
	 * Flatsome's base CSS reveals dropdowns immediately on `li:hover`. Keep the
	 * native markup/click behavior, but let the tiny enhancer supply dwell and
	 * close delays for fine pointers.
	 */
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu.has-dropdown:not(.phadin-is-open):not(:focus-within) > ul.nav-dropdown {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu.phadin-is-open > ul.nav-dropdown,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu:focus-within > ul.nav-dropdown {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition-delay: 0s;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li.phadin-menu-v2__column,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li.nav-dropdown-col {
		display: block;
		min-width: 0;
		width: auto;
		margin: 0;
		padding: 0;
		border: 0;
		white-space: normal;
		position: relative;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li.phadin-menu-v2__column:not(:last-child)::after,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li.nav-dropdown-col:not(:last-child)::after {
		content: "";
		position: absolute;
		top: 4px;
		right: -16px;
		bottom: 4px;
		width: 1px;
		background: rgba(10, 111, 78, 0.08);
		pointer-events: none;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		min-height: 46px;
		margin: 0 0 10px;
		padding: 10px 14px;
		border: 0;
		border-radius: 9px;
		background: var(--phadin-menu-heading);
		color: var(--phadin-menu-primary);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.3;
		text-transform: none;
		text-decoration: none;
		transition:
			background-color 0.16s ease,
			color 0.16s ease;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > a::after {
		content: "";
		flex: 0 0 auto;
		width: 7px;
		height: 7px;
		border-top: 1.5px solid currentColor;
		border-right: 1.5px solid currentColor;
		opacity: 0.62;
		transform: rotate(45deg);
		transition: transform 0.16s ease;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > a:hover,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > a:focus-visible {
		background: var(--phadin-menu-heading-hover);
		color: #07583e;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > a:hover::after,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > a:focus-visible::after {
		transform: translateX(2px) rotate(45deg);
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul {
		position: static;
		display: block;
		width: 100%;
		max-height: none;
		margin: 0;
		padding: 0;
		opacity: 1;
		visibility: visible;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li > a {
		display: flex;
		align-items: center;
		min-height: 40px;
		margin: 1px 0;
		padding: 8px 10px;
		border: 0;
		border-radius: 7px;
		color: var(--phadin-menu-text);
		font-size: 15px;
		font-weight: 500;
		line-height: 1.4;
		text-transform: none;
		text-decoration: none;
		white-space: normal;
		transition:
			background-color 0.16s ease,
			color 0.16s ease,
			transform 0.16s ease;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li > a:hover,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li > a:focus-visible {
		background: var(--phadin-menu-hover);
		color: #086847;
		transform: translateX(3px);
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li.current-menu-item > a,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li.current-menu-ancestor > a {
		background: var(--phadin-menu-hover);
		color: #086847;
		box-shadow: inset 3px 0 0 var(--phadin-menu-primary);
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li.phadin-menu-v2__link--all > a,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li.phadin-menu-link-all > a {
		color: #096849;
		font-weight: 700;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li.phadin-menu-v2__link--all > a::after,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li.phadin-menu-link-all > a::after {
		content: "";
		margin-left: auto;
		width: 7px;
		height: 7px;
		border-top: 1.5px solid currentColor;
		border-right: 1.5px solid currentColor;
		transform: rotate(45deg);
		transition: transform 0.16s ease;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li.phadin-menu-v2__link--all > a:hover::after,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li > ul > li.phadin-menu-link-all > a:hover::after {
		transform: translateX(2px) rotate(45deg);
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown a:focus-visible {
		outline: 2px solid var(--phadin-menu-primary);
		outline-offset: 2px;
	}
}

@media (min-width: 850px) and (max-width: 1199px) and (hover: hover) and (pointer: fine) {
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 28px;
		row-gap: 24px;
		padding: 24px;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li.phadin-menu-v2__column:nth-child(even)::after,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li.nav-dropdown-col:nth-child(even)::after {
		display: none;
	}

	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li.phadin-menu-v2__column:nth-child(odd)::after,
	.phadin-menu-v2 .header-nav > li.phadin-mega-menu > ul.nav-dropdown > li.nav-dropdown-col:nth-child(odd)::after {
		right: -14px;
	}
}

/*
 * At coarse-pointer tablet widths, use the existing Flatsome mobile header and
 * its independently assigned `primary_mobile` menu instead of desktop hover.
 */
@media (min-width: 850px) and (hover: none), (min-width: 850px) and (pointer: coarse) {
	.phadin-menu-v2 #masthead .header-inner > .hide-for-medium {
		display: none;
	}

	.phadin-menu-v2 #masthead .header-inner > .show-for-medium {
		display: flex;
	}

	.phadin-menu-v2 #wide-nav > .container > .hide-for-medium {
		display: none;
	}

	.phadin-menu-v2 #wide-nav > .container > .show-for-medium {
		display: flex;
	}
}


.phadin-mobile-search-popup[hidden] {
	display: none !important;
}

@media (max-width: 849px), (hover: none), (pointer: coarse) {
	/* The always-visible mobile search row is replaced by the compact trigger
	 * injected beside the cart by phadin-menu-v2.js. */
	.phadin-menu-v2 #wide-nav {
		display: none;
	}

	.phadin-menu-v2 #masthead .mobile-nav > li.phadin-mobile-search-item {
		display: flex;
		align-items: center;
		margin: 0 2px;
	}

	.phadin-menu-v2 .phadin-mobile-search-trigger {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 38px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: transparent;
		color: #fff;
		font-size: 20px;
		line-height: 1;
	}

	.phadin-menu-v2 .phadin-mobile-search-trigger:hover,
	.phadin-menu-v2 .phadin-mobile-search-trigger:focus-visible {
		background: rgba(255, 255, 255, 0.16);
		outline: 2px solid rgba(255, 255, 255, 0.9);
		outline-offset: 1px;
	}

	.phadin-mobile-search-popup {
		position: fixed;
		z-index: 100001;
		inset: 0;
		display: grid;
		align-items: start;
		padding: calc(18px + env(safe-area-inset-top)) 16px 16px;
		background: rgba(3, 31, 22, 0.64);
	}

	.phadin-mobile-search-popup__panel {
		width: min(100%, 560px);
		margin: 0 auto;
		padding: 16px;
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);
	}

	.phadin-mobile-search-popup__heading {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 14px;
		color: var(--phadin-menu-text);
		font-size: 18px;
		line-height: 1.3;
	}

	.phadin-mobile-search-popup__close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: var(--phadin-menu-hover);
		color: var(--phadin-menu-primary);
		font-size: 28px;
		font-weight: 400;
		line-height: 1;
	}

	.phadin-mobile-search-popup__form {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 48px;
		gap: 8px;
	}

	.phadin-mobile-search-popup__form input {
		width: 100%;
		height: 48px;
		margin: 0;
		padding: 0 14px;
		border: 1px solid var(--phadin-menu-border);
		border-radius: 10px;
		background: #fff;
		color: var(--phadin-menu-text);
		font-size: 16px;
	}

	.phadin-mobile-search-popup__form button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 10px;
		background: var(--phadin-menu-primary);
		color: #fff;
		font-size: 18px;
	}

	.phadin-mobile-search-popup__form input:focus-visible,
	.phadin-mobile-search-popup__close:focus-visible,
	.phadin-mobile-search-popup__form button:focus-visible {
		outline: 2px solid var(--phadin-menu-primary);
		outline-offset: 2px;
	}

	.phadin-mobile-search-popup__hint {
		margin: 12px 0 0;
		color: #64726c;
		font-size: 13px;
		line-height: 1.4;
	}

	body.phadin-mobile-search-open {
		overflow: hidden;
	}

	.phadin-menu-v2 #wide-nav .header-bottom-nav,
	.phadin-menu-v2 #wide-nav .header-search-form,
	.phadin-menu-v2 #wide-nav .header-search-form-wrapper {
		width: 100%;
	}

	.phadin-menu-v2 #main-menu .sidebar-menu {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		/* Keep the first item below the compact mobile header. */
		padding-top: 72px;
	}

	.phadin-menu-v2 #main-menu .sidebar-menu > ul.nav-sidebar {
		display: block;
		width: 100%;
		margin: 0;
		padding: 10px 12px 24px;
	}

	.phadin-menu-v2 #main-menu li.menu-item {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		border-bottom: 1px solid var(--phadin-menu-border);
	}

	.phadin-menu-v2 #main-menu li.menu-item-has-children {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 48px;
		align-items: center;
	}

	.phadin-menu-v2 #main-menu li.menu-item > a {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		min-width: 0;
		min-height: 48px;
		margin: 0;
		padding: 12px;
		color: var(--phadin-menu-text);
		font-size: 15px;
		font-weight: 650;
		line-height: 1.4;
		overflow-wrap: anywhere;
	}

	.phadin-menu-v2 #main-menu li.menu-item > button.toggle {
		box-sizing: border-box;
		grid-column: 2;
		grid-row: 1;
		width: 48px;
		height: 48px;
		min-height: 48px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 8px;
		background: transparent;
		color: var(--phadin-menu-primary);
	}

	.phadin-menu-v2 #main-menu li.menu-item > button.toggle > .icon-angle-down {
		transform-origin: 50% 50%;
		transition: transform 0.16s ease;
	}

	.phadin-menu-v2 #main-menu li.menu-item.active > button.toggle > .icon-angle-down {
		transform: rotate(180deg);
	}

	.phadin-menu-v2 #main-menu li.menu-item > button.toggle:hover,
	.phadin-menu-v2 #main-menu li.menu-item > button.toggle:focus-visible {
		background: var(--phadin-menu-hover);
	}

	.phadin-menu-v2 #main-menu li.menu-item > button.toggle:focus-visible,
	.phadin-menu-v2 #main-menu li.menu-item > a:focus-visible {
		outline: 2px solid var(--phadin-menu-primary);
		outline-offset: -2px;
	}

	.phadin-menu-v2 #main-menu li.menu-item > ul.sub-menu {
		box-sizing: border-box;
		grid-column: 1 / -1;
		width: 100%;
		margin: 0;
		padding: 4px 0 10px 12px;
		background: rgba(15, 107, 75, 0.035);
	}

	.phadin-menu-v2 #main-menu li.menu-item:not(.active) > ul.sub-menu:not(.is-current-slide) {
		display: none;
	}

	.phadin-menu-v2 #main-menu li.menu-item.active > ul.sub-menu {
		display: block;
	}

	.phadin-menu-v2 #main-menu li.phadin-menu-column-heading > a {
		color: var(--phadin-menu-primary);
		font-weight: 800;
	}

	.phadin-menu-v2 #main-menu li.phadin-menu-column-heading li > a {
		font-weight: 500;
	}
}

/*
 * Flatsome uses its touch-friendly drawer at 768–849px and on coarse-pointer
 * tablets. Keep that interaction model, but arrange the four level-two groups
 * as two readable columns. Phones below 768px retain the single-column
 * accordion above.
 */
@media (min-width: 768px) and (max-width: 1199px) {
	.phadin-menu-v2 #main-menu li.phadin-mega-menu.active > ul.sub-menu {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		gap: 14px 16px;
		padding: 14px;
		overflow-x: hidden;
	}

	.phadin-menu-v2 #main-menu li.phadin-mega-menu.active > ul.sub-menu > li.phadin-menu-column-heading {
		align-self: start;
		min-width: 0;
		border: 1px solid var(--phadin-menu-border);
		border-radius: 10px;
		background: #fff;
		overflow: hidden;
	}

	.phadin-menu-v2 #main-menu li.phadin-mega-menu.active > ul.sub-menu > li.phadin-menu-column-heading > ul.sub-menu {
		padding: 4px 8px 10px;
		background: var(--phadin-menu-heading);
	}
}

@media (prefers-reduced-motion: reduce) {
	.phadin-menu-v2 .nav-dropdown,
	.phadin-menu-v2 .nav-dropdown *,
	.phadin-menu-v2 .nav-dropdown *::before,
	.phadin-menu-v2 .nav-dropdown *::after,
	.phadin-menu-v2 #main-menu *,
	.phadin-menu-v2 #main-menu *::before,
	.phadin-menu-v2 #main-menu *::after {
		scroll-behavior: auto;
		transition-duration: 0.01ms;
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
	}
}
/* Mobile action bar: restored from the pre-menu-v2 navigation layer. */
#menu-bottom-tabs.phadin-mobile-quick-links {
	display: none !important;
}

@media (max-width: 849px) {
	:root {
		--phadin-mobile-action-height: 64px;
	}

	html {
		scroll-padding-bottom: calc(var(--phadin-mobile-action-height) + env(safe-area-inset-bottom));
	}

	body:not(.woocommerce-checkout):not(.woocommerce-order-received) {
		padding-bottom: calc(var(--phadin-mobile-action-height) + env(safe-area-inset-bottom)) !important;
	}

	body.woocommerce-checkout #menu-bottom-tabs,
	body.woocommerce-order-received #menu-bottom-tabs {
		display: none !important;
	}

	html.mfp-open #menu-bottom-tabs,
	body.mfp-open #menu-bottom-tabs,
	html.has-off-canvas #menu-bottom-tabs,
	html.has-off-canvas-left #menu-bottom-tabs {
		visibility: hidden;
		pointer-events: none;
	}

	#menu-bottom-tabs.phadin-mobile-quick-links {
		--phadin-action-green: #01774e;
		--phadin-action-green-dark: #014d40;
		--phadin-action-green-soft: #edf7f2;
		box-sizing: border-box;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		display: block !important;
		width: auto;
		max-width: 100%;
		height: calc(var(--phadin-mobile-action-height) + env(safe-area-inset-bottom));
		margin: 0;
		padding: 0 0 env(safe-area-inset-bottom);
		border: 0;
		border-top: 1px solid rgba(1, 119, 78, 0.18);
		border-radius: 0;
		background: rgba(255, 255, 255, 0.985);
		box-shadow: 0 -4px 16px rgba(5, 46, 34, 0.08);
		overflow: visible;
	}

	#menu-bottom-tabs > .phadin-quick-links {
		box-sizing: border-box;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		width: 100%;
		height: var(--phadin-mobile-action-height);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#menu-bottom-tabs .phadin-quick-links > li {
		--phadin-action-icon: none;
		box-sizing: border-box;
		min-width: 0;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		list-style: none;
	}

	#menu-bottom-tabs .phadin-quick-links > li::before,
	#menu-bottom-tabs .phadin-quick-links > li::after {
		display: none;
		content: none;
	}

	#menu-bottom-tabs .phadin-quick-links > li > a {
		box-sizing: border-box;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		width: 100%;
		height: 100%;
		min-width: 0;
		min-height: 48px;
		margin: 0;
		padding: 5px 2px 4px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		color: var(--phadin-action-green);
		font-size: 11px;
		font-weight: 650;
		line-height: 1.15;
		letter-spacing: 0;
		text-align: center;
		text-decoration: none;
		text-transform: none;
		-webkit-tap-highlight-color: transparent;
	}

	#menu-bottom-tabs .menu-item-title {
		display: block;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#menu-bottom-tabs .phadin-quick-link-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 23px;
		height: 23px;
		flex: 0 0 23px;
		color: currentColor;
	}

	#menu-bottom-tabs .phadin-quick-link-icon::before {
		width: 22px;
		height: 22px;
		background: currentColor;
		content: "";
		-webkit-mask: var(--phadin-action-icon) center / contain no-repeat;
		mask: var(--phadin-action-icon) center / contain no-repeat;
	}

	#menu-bottom-tabs .phadin-quick-link-icon--image::before,
	#menu-bottom-tabs .phadin-quick-link-icon--svg::before {
		display: none;
		content: none;
	}

	#menu-bottom-tabs .phadin-quick-link-icon img,
	#menu-bottom-tabs .phadin-quick-link-icon svg {
		display: block;
		width: 22px;
		height: 22px;
		object-fit: contain;
		overflow: visible;
	}

	#menu-bottom-tabs .phadin-action-zalo .phadin-quick-link-icon svg {
		width: 24px;
		height: 24px;
	}

	#menu-bottom-tabs .phadin-quick-links > li > a:hover,
	#menu-bottom-tabs .phadin-quick-links > li > a:focus-visible,
	#menu-bottom-tabs .phadin-quick-links > li > a[aria-expanded="true"] {
		background: var(--phadin-action-green-soft);
		color: var(--phadin-action-green-dark);
		outline: 0;
	}

	#menu-bottom-tabs .phadin-action-categories.current-menu-item > a,
	#menu-bottom-tabs .phadin-action-categories > a[aria-expanded="true"] {
		color: var(--phadin-action-green-dark);
		font-weight: 750;
	}

	#menu-bottom-tabs .phadin-cart-count {
		box-sizing: border-box;
		position: absolute;
		top: 3px;
		left: calc(50% + 7px);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 17px;
		height: 17px;
		padding: 0 4px;
		border: 2px solid #fff;
		border-radius: 999px;
		background: #ed6d46;
		color: #fff;
		font-size: 9px;
		font-weight: 800;
		line-height: 1;
	}

	#menu-bottom-tabs .phadin-cart-count[hidden] {
		display: none;
	}

	/* Retire the page-specific duplicate bar while the global bar is active. */
	.phadin-op-bottom-actions {
		display: none !important;
	}

	#top-link {
		bottom: calc(var(--phadin-mobile-action-height) + env(safe-area-inset-bottom) + 12px);
	}
}