/*
Theme Name: imta-theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
	font-family: 'SVN PF Din Text Pro';
	src: url('../../fonts/SVN-PF-Din-Text-Pro-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'SVN PF Din Text Pro Condensed';
	src: url('../../fonts/SVN-PF Din Text Pro Condensed Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'SVN PF Din Text Pro Compressed';
	src: url('../../fonts/SVN-PF Din Text Pro Compressed Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

/* Keep Flatsome icon fonts intact while using the local font for all site text. */
body,
button,
input,
select,
textarea,
body :where(h1, h2, h3, h4, h5, h6, p, a, span, label, li, dt, dd, th, td, caption, legend, small, strong, em, b, blockquote, figcaption, .heading-font, .nav > li > a, .button, .widget-title, .price, .amount) {
	font-family: 'SVN PF Din Text Pro', Arial, sans-serif !important;
}

/* IMTA Scroll Image: ảnh overlay được script ghim trong khoảng Row/Banner đã chọn. */
.imta-scroll-text {
	box-sizing: border-box;
	left: 0;
	opacity: var(--imta-scroll-text-opacity, 1);
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translateY(var(--imta-scroll-text-translate-y, 0%));
	will-change: top, transform;
	width: 100%;
	z-index: var(--imta-scroll-text-z-index, 100);
}

.imta-scroll-text:not(.is-ready):not(.imta-scroll-text--builder-preview) {
	visibility: hidden;
}

.imta-scroll-text.is-fixed {
	position: fixed;
}

.imta-scroll-text__image {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	width: var(--imta-scroll-text-desktop-width, 100%);
}

.imta-scroll-text--builder-preview {
	align-items: center;
	background: repeating-linear-gradient(45deg, #f1f1f1 0, #f1f1f1 10px, #fafafa 10px, #fafafa 20px);
	border: 1px dashed #a7aaad;
	display: flex;
	justify-content: center;
	margin: 20px 0;
	min-height: 220px;
	overflow: hidden;
	padding: 24px;
	position: relative;
	top: auto;
	transform: none;
}

.imta-scroll-text--builder-preview .imta-scroll-text__image {
	max-height: 360px;
	object-fit: contain;
}

.imta-scroll-text__empty-preview {
	color: #50575e;
	font-size: 14px;
	font-style: italic;
}

.imta-scroll-text__preview-caption {
	background: rgba(255, 255, 255, .86);
	bottom: 8px;
	color: #50575e;
	font-size: 10px;
	left: 8px;
	letter-spacing: .08em;
	padding: 3px 5px;
	position: absolute;
	text-transform: uppercase;
}

@media (max-width: 549px) {
	.imta-scroll-text__image {
		width: var(--imta-scroll-text-mobile-width, 100%);
	}
}
@media (prefers-reduced-motion: reduce) {
	.imta-scroll-text {
		will-change: auto;
	}
}


@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* IMTA utility shortcodes: enforce a consistent Flatsome override. */
.imta-utility-action,
a.imta-utility-action,
button.imta-utility-action {
	align-items: center !important;
	color: #171717 !important;
	display: inline-flex !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	gap: 12px !important;
	letter-spacing: -0.45px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

.imta-utility-action:hover,
.imta-utility-action:focus {
	color: #171717 !important;
	opacity: 0.8;
}

.imta-utility-action__icon {
	display: inline-flex !important;
	flex: 0 0 23px !important;
	height: 23px !important;
	width: 23px !important;
}

.imta-utility-action__icon svg {
	display: block;
	fill: none !important;
	height: 100%;
	stroke: currentColor !important;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.65;
	width: 100%;
}

.imta-utility-action__label {
	white-space: nowrap;
}

@media (max-width: 549px) {

	.imta-utility-action,
	a.imta-utility-action,
	button.imta-utility-action {
		font-size: 14px !important;
		gap: 10px !important;
		        margin-right: 0px;
        padding: 0px;
	}

	.imta-utility-action__icon {
		flex-basis: 21px !important;
		height: 21px !important;
		width: 21px !important;
	}
}


.imta-utility-search {
	display: inline-block;
	position: relative;
}

.imta-utility-search__toggle {
	appearance: none;
	background: transparent;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.imta-utility-search__form {
	background: #fff;
	border: 1px solid #d8d8d8;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
	display: none;
	left: 0;
	margin: 0;
	padding: 7px;
	position: absolute;
	top: calc(100% + 14px);
	width: min(320px, 88vw);
	z-index: 1000;
}

.imta-utility-search.is-open .imta-utility-search__form {
	display: flex;
}

.imta-utility-search__form input {
    border: 0;
    box-sizing: border-box;
    box-shadow: none;
    flex: 1;
    height: 40px;
    margin: 0;
    min-height: 0;
    min-width: 0;
    padding: 0 10px;
}

.imta-utility-search__form input:focus {
	box-shadow: none;
	outline: none;
}

.imta-utility-search__form button {
	align-items: center;
	background: #171717;
	border: 0;
	color: #fff;
	display: inline-flex;
	height: 40px;
	justify-content: center;
	margin: 0;
	padding: 10px;
	width: 40px;
}

.imta-utility-search__form button svg {
	fill: none;
	height: 18px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
	width: 18px;
}

/* IMTA mega menu shortcode. */
.imta-mega-menu {
	display: inline-flex;
	line-height: 1;
	position: relative;
	vertical-align: middle;
}

.imta-mega-menu button {
	appearance: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	font: inherit;
	margin: 0;
}

.imta-mega-menu__toggle {
	cursor: pointer;
	display: grid;
	gap: 0px;
	padding: 8px;
	width: 32px;
}

.imta-mega-menu__toggle span {
	background: #050505;
	display: block;
	height: 2px;
}

.imta-mega-menu__toggle span:nth-child(1) {
	width: 24px;
}

.imta-mega-menu__toggle span:nth-child(2) {
	width: 18px;
}

.imta-mega-menu__toggle span:nth-child(3) {
	width: 12px;
}

.imta-mega-menu__toggle:hover,
.imta-mega-menu__toggle:focus-visible {
	opacity: .7;
}

.imta-mega-menu__panel {
	--imta-mega-menu-top: 0px;
	background: #fff;
	border-top: 1px solid #202020;
	border-bottom: 1px solid #202020;
	box-shadow: 0 14px 22px rgba(0, 0, 0, .08);
	height: auto;
	left: 0;
	max-height: none;
	overflow: visible;
	position: fixed;
	right: 0;
	top: var(--imta-mega-menu-top);
	z-index: 2147483647 !important;
}

.imta-mega-menu__panel[hidden],
.imta-mega-menu__submenu[hidden] {
	display: none !important;
}

.imta-mega-menu__panel:not([hidden]),
.imta-mega-menu__submenu:not([hidden]) {
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, -8px, 0);
	transition: opacity .24s cubic-bezier(.22, .61, .36, 1), transform .24s cubic-bezier(.22, .61, .36, 1), visibility 0s linear .24s;
	visibility: hidden;
}

.imta-mega-menu__panel.is-visible,
.imta-mega-menu__submenu.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
	transition-delay: 0s, 0s, 0s;
	visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
	.imta-mega-menu__panel:not([hidden]),
	.imta-mega-menu__submenu:not([hidden]) {
		transition: none;
	}
}

.imta-mega-menu__root-list,
.imta-mega-menu__submenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.imta-mega-menu__root-list {
	display: grid;
	grid-template-columns: repeat(var(--imta-mega-menu-columns), minmax(0, 1fr));
}

.imta-mega-menu__item--level-1 {
	min-width: 0;
	margin-bottom: 0px;
}

.imta-mega-menu__item--level-1:first-child {
	border-left: 0;
}

.imta-mega-menu__top-link {
	align-items: center;
	box-sizing: border-box;
	color: #050505 !important;
	cursor: pointer;
	display: flex;
	font-size: 15px !important;
	font-weight: 400 !important;
	gap: 18px;
	justify-content: space-between;
	line-height: 1 !important;
	height: 43px;
	min-height: 43px;
	padding: 0 32px;
	text-align: left;
	text-decoration: none !important;
	text-transform: uppercase;
	width: 100%;
}

.imta-mega-menu__top-link:hover,
.imta-mega-menu__top-link:focus-visible,
.imta-mega-menu__nested-link:hover,
.imta-mega-menu__nested-link:focus-visible {
	color: #050505 !important;
	text-decoration: underline !important;
	text-underline-offset: .12em;
}

.imta-mega-menu__chevron {
	display: inline-flex;
	flex: 0 0 18px;
	height: 18px;
	transition: transform .18s ease;
	width: 18px;
}

.imta-mega-menu__chevron svg {
	fill: none;
	height: 100%;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 100%;
}

.imta-mega-menu__submenu-toggle {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	padding: 5px;
}

.imta-mega-menu__submenu-toggle[aria-expanded="true"] .imta-mega-menu__chevron {
	transform: rotate(180deg);
}

.imta-mega-menu__submenu--level-2 {
	background: #fff;
	border-bottom: 1px solid #202020;
	border-top: 1px solid #202020;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	left: 0;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.imta-mega-menu__item--level-2 {
	
	min-width: 0;
	margin-bottom: 0px;
}

.imta-mega-menu__item--level-2:nth-child(4n + 1) {
	border-left: 0;
	margin-bottom: 0px;
}

.imta-mega-menu__item--level-2:nth-last-child(-n + 4) {
	border-bottom: 0;
	margin-bottom: 0px;
}

.imta-mega-menu__nested-link {
	color: #050505 !important;
	display: block;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.05 !important;
	padding: 14px 30px;
	text-decoration: none !important;
	text-transform: uppercase;
}

.imta-mega-menu__nested-heading {
	align-items: stretch;
	display: flex;
}

.imta-mega-menu__nested-heading .imta-mega-menu__nested-link {
	flex: 1 1 auto;
}

.imta-mega-menu__nested-heading .imta-mega-menu__submenu-toggle {
	flex: 0 0 46px;
}

.imta-mega-menu__submenu--level-3,
.imta-mega-menu__submenu--level-4,
.imta-mega-menu__submenu--level-5,
.imta-mega-menu__submenu--level-6,
.imta-mega-menu__submenu--level-7,
.imta-mega-menu__submenu--level-8 {
	border-top: 1px solid #b5b5b5;
	padding: 6px 0 12px;
}

.imta-mega-menu__submenu--level-3 .imta-mega-menu__nested-link,
.imta-mega-menu__submenu--level-4 .imta-mega-menu__nested-link,
.imta-mega-menu__submenu--level-5 .imta-mega-menu__nested-link,
.imta-mega-menu__submenu--level-6 .imta-mega-menu__nested-link,
.imta-mega-menu__submenu--level-7 .imta-mega-menu__nested-link,
.imta-mega-menu__submenu--level-8 .imta-mega-menu__nested-link {
	font-size: 15px !important;
	letter-spacing: -.4px;
	padding: 10px 22px 10px 42px;
}

/* Các cấp sâu hơn vẫn nhận cùng kiểu nested qua selector thuộc tính. */
.imta-mega-menu__submenu[class*="--level-"] .imta-mega-menu__submenu[class*="--level-"] {
	border-top: 1px solid #b5b5b5;
	padding: 6px 0 12px;
}

.imta-mega-menu__submenu[class*="--level-"] .imta-mega-menu__submenu[class*="--level-"] .imta-mega-menu__nested-link {
	font-size: 15px !important;
	letter-spacing: -.4px;
	padding: 10px 22px 10px 42px;
}

@media (max-width: 849px) {
	.imta-mega-menu__toggle {
		gap: 3px;
		padding: 4px;
		width: 32px;
	}

	.imta-mega-menu__toggle span {
		height: 2px;
	}

	.imta-mega-menu__toggle span:nth-child(1) {
		width: 24px;
	}

	.imta-mega-menu__toggle span:nth-child(2) {
		width: 18px;
	}

	.imta-mega-menu__toggle span:nth-child(3) {
		width: 12px;
	}

	.imta-mega-menu__root-list,
	.imta-mega-menu__submenu--level-2 {
		display: block;
	}

	.imta-mega-menu__item--level-1,
	.imta-mega-menu__item--level-2 {
		border-bottom: 1px solid #777;
		border-left: 0;
	}

	.imta-mega-menu__item--level-2:last-child {
		border-bottom: 0;
	}

	.imta-mega-menu__top-link {
		font-size: 15px !important;
		height: 43px;
		min-height: 43px;
		padding: 0 22px;
	}

	.imta-mega-menu__submenu--level-2 {
		border-bottom: 0;
		border-top: 1px solid #202020;
		position: static;
	}

	.imta-mega-menu__nested-link {
		font-size: 15px !important;
		padding: 14px 22px;
	}
}

/* Mobile fallback cho IMTA Scroll Text. */
@media (max-width: 549px) {
	.imta-scroll-text.is-ready {
		visibility: visible;
	}
}
/* Nút chat cố định ở góc phải bên dưới. */
.imta-chat-button {
	align-items: center;
	border-radius: 50%;
	bottom: 24px;
	display: flex;
	height: 56px;
	justify-content: center;
	position: fixed;
	right: 24px;
	transition: transform .2s ease, box-shadow .2s ease;
	width: 56px;
	z-index: 1001;
}

.imta-chat-button img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

@media (max-width: 549px) {
	.imta-chat-button {
		bottom: 16px;
		height: 50px;
		right: 16px;
		width: 50px;
	}
}
/* Chỉ hiển thị icon cho shortcode giỏ hàng trên mobile. */
@media (max-width: 549px) {
	.imta-utility-cart {
		gap: 0 !important;
	}

	.imta-utility-cart .imta-utility-action__label {
		display: none !important;
	}
}
/* IMTA Help: accordion hai cấp dùng cho hướng dẫn và chính sách. */
.imta-help {
	border-top: 3px solid #111;
	color: #111;
	margin: 0 auto;
	width: 100%;
}

.imta-help__section,
.imta-help__item {
	margin: 0;
}

.imta-help__section {
	border-bottom: 3px solid #111;
}

.imta-help__section-summary,
.imta-help__item-summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	list-style: none;
}

.imta-help__section-summary::-webkit-details-marker,
.imta-help__item-summary::-webkit-details-marker {
	display: none;
}

.imta-help__section-summary {
	padding: clamp(24px, 2.35vw, 38px) 0;
}

.imta-help__section-title {
	font-size: clamp(32px, 3.15vw, 52px);
	font-weight: 700;
	letter-spacing: -.045em;
	line-height: .96;
	text-transform: uppercase;
}

.imta-help__chevron,
.imta-help__item-chevron {
	border-bottom: 4px solid currentColor;
	border-right: 4px solid currentColor;
	display: block;
	flex: 0 0 auto;
	transform: rotate(45deg);
}

.imta-help__chevron {
	height: 16px;
	margin: 0 clamp(7px, 1.1vw, 18px) 8px 0;
	width: 16px;
}

.imta-help__section-content {
	padding: 0 0 clamp(28px, 2.6vw, 48px);
}

.imta-help__item + .imta-help__item {
	margin-top: 20px;
}

.imta-help__item-summary {
	justify-content: flex-start;
	gap: 10px;
	padding: 0;
}

.imta-help__item-title {
	font-size: clamp(16px, 1.05vw, 20px);
	font-weight: 700;
	line-height: 1.6;
	text-transform: uppercase;
}

.imta-help__item-chevron {
	height: 7px;
	margin: 0 0 4px;
	border-width: 2px;
	width: 7px;
}

.imta-help__item-content {
	font-size: clamp(14px, 1vw, 16px);
	font-weight: 700;
	line-height: 1.35;
	padding: 20px 0 0;
	text-transform: uppercase;
}

.imta-help__item-content > :first-child {
	margin-top: 0;
}

.imta-help__item-content > :last-child {
	margin-bottom: 0;
}

@media (max-width: 549px) {
	.imta-help {
		border-top-width: 2px;
	}

	.imta-help__section {
		border-bottom-width: 2px;
	}

	.imta-help__section-summary {
		padding: 20px 0;
	}

	.imta-help__section-title {
		font-size: 31px;
	}

	.imta-help__chevron {
		border-width: 3px;
		height: 12px;
		margin-right: 5px;
		width: 12px;
	}

	.imta-help__section-content {
		padding-bottom: 28px;
	}
}
/* IMTA Help: giao diện danh sách chính sách. */
.imta-help {
	border-top: 1px solid #8d8d8d;
	padding: 0 12px;
}

.imta-help__section {
	border-bottom: 1px solid #8d8d8d;
}

.imta-help__section-summary {
	padding: 10px 36px;
}

.imta-help__section-title {
	font-size: clamp(30px, 2.6vw, 42px);
	font-weight: 500;
	letter-spacing: -.04em;
	line-height: 1;
}

.imta-help__chevron {
	border-width: 2px;
	height: 12px;
	margin: 0 0 6px;
	width: 12px;
}

.imta-help__section-content {
	padding: 0 36px 18px;
}

.imta-help__item + .imta-help__item {
	margin-top: 7px;
}

.imta-help__item-summary {
	display: block;
	padding: 0;
}

.imta-help__item-title {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	text-transform: uppercase;
}

.imta-help__section-title,
.imta-help__item-title {
	font-family: 'SVN PF Din Text Pro Compressed', Arial, sans-serif !important;
}

.imta-help__item-content {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	max-width: 760px;
	padding: 12px 0 8px;
	text-transform: none;
}

.imta-help__item-content p {
	margin: 0 0 12px;
}

.imta-help__item-content ul,
.imta-help__item-content ol {
	margin: 0 0 12px 1.2em;
}

@media (max-width: 549px) {
	.imta-help {
		padding: 0 8px;
	}

	.imta-help__section-summary {
		padding: 10px 18px;
	}

	.imta-help__section-title {
		font-size: 23px;
	}

	.imta-help__section-content {
		padding: 0 18px 16px;
	}
}
/* IMTA Help: icon cho mục con. */
.imta-help__item-summary {
	align-items: center;
	display: inline-flex;
	gap: 7px;
	justify-content: flex-start;
}

.imta-help__item-chevron {
	border-width: 1px;
	height: 6px;
	margin: -3px 0 0;
	width: 6px;
}
/* IMTA Help: section đóng mặc định. */
.imta-help__section:not([open]) > .imta-help__section-content {
	display: none;
}

.imta-help__section[open] > .imta-help__section-content {
	display: block;
}

@media (max-width: 549px) {
	.imta-help__section-title {
		font-size: 28px;
	}
}
/* IMTA Help: hỗ trợ neo section. */
.imta-help__section {
	scroll-margin-top: 96px;
}

@media (max-width: 549px) {
	.imta-help__section {
		scroll-margin-top: 72px;
	}
}
.shipped_via{
	display: none;
}