.deepzoomContainer {
    background: #000;
}


		:root {
			--primary-color: #dd9933;
		}

		html {
			background-color: #eff0f3 !important;
		}

		.container-width,
		.full-width .ubermenu-nav,
		.container,
		.row {
			max-width: 1170px
		}

		.row.row-collapse {
			max-width: 1140px
		}

		.row.row-small {
			max-width: 1162.5px
		}

		.row.row-large {
			max-width: 1200px
		}

		.header-main {
			height: 79px
		}

		#logo img {
			max-height: 79px
		}

		#logo {
			width: 86px;
		}

		#logo img {
			padding: 2px 0;
		}

		.header-bottom {
			min-height: 50px
		}

		.header-top {
			min-height: 40px
		}

		.transparent .header-main {
			height: 136px
		}

		.transparent #logo img {
			max-height: 136px
		}

		.has-transparent+.page-title:first-of-type,
		.has-transparent+#main>.page-title,
		.has-transparent+#main>div>.page-title,
		.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
			padding-top: 136px;
		}

		.transparent .header-wrapper {
			background-color: rgba(255, 255, 255, 0) !important;
		}

		.transparent .top-divider {
			display: none;
		}

		.header.show-on-scroll,
		.stuck .header-main {
			height: 59px !important
		}

		.stuck #logo img {
			max-height: 59px !important
		}

		.search-form {
			width: 64%;
		}

		.header-bg-color {
			background-color: rgba(255, 255, 255, 0.9)
		}

		.header-bottom {
			background-color: #1aa8b2
		}

		.header-main .nav>li>a {
			line-height: 21px
		}

		.stuck .header-main .nav>li>a {
			line-height: 10px
		}

		.header-bottom-nav>li>a {
			line-height: 16px
		}

		@media (max-width: 549px) {
			.header-main {
				height: 70px
			}

			#logo img {
				max-height: 70px
			}
		}

		.main-menu-overlay {
			background-color: #42b54c
		}

		.nav-dropdown {
			border-radius: 15px
		}

		.nav-dropdown {
			font-size: 100%
		}

		.header-top {
			background-color: #ffffff !important;
		}

		/* Color */
		.accordion-title.active,
		.has-icon-bg .icon .icon-inner,
		.logo a,
		.primary.is-underline,
		.primary.is-link,
		.badge-outline .badge-inner,
		.nav-outline>li.active>a,
		.nav-outline>li.active>a,
		.cart-icon strong,
		[data-color='primary'],
		.is-outline.primary {
			color: #dd9933;
		}

		/* Color !important */
		[data-text-color="primary"] {
			color: #dd9933 !important;
		}

		/* Background Color */
		[data-text-bg="primary"] {
			background-color: #dd9933;
		}

		/* Background */
		.scroll-to-bullets a,
		.featured-title,
		.label-new.menu-item>a:after,
		.nav-pagination>li>.current,
		.nav-pagination>li>span:hover,
		.nav-pagination>li>a:hover,
		.has-hover:hover .badge-outline .badge-inner,
		button[type="submit"],
		.button.wc-forward:not(.checkout):not(.checkout-button),
		.button.submit-button,
		.button.primary:not(.is-outline),
		.featured-table .title,
		.is-outline:hover,
		.has-icon:hover .icon-label,
		.nav-dropdown-bold .nav-column li>a:hover,
		.nav-dropdown.nav-dropdown-bold>li>a:hover,
		.nav-dropdown-bold.dark .nav-column li>a:hover,
		.nav-dropdown.nav-dropdown-bold.dark>li>a:hover,
		.header-vertical-menu__opener,
		.is-outline:hover,
		.tagcloud a:hover,
		.grid-tools a,
		input[type='submit']:not(.is-form),
		.box-badge:hover .box-text,
		input.button.alt,
		.nav-box>li>a:hover,
		.nav-box>li.active>a,
		.nav-pills>li.active>a,
		.current-dropdown .cart-icon strong,
		.cart-icon:hover strong,
		.nav-line-bottom>li>a:before,
		.nav-line-grow>li>a:before,
		.nav-line>li>a:before,
		.banner,
		.header-top,
		.slider-nav-circle .flickity-prev-next-button:hover svg,
		.slider-nav-circle .flickity-prev-next-button:hover .arrow,
		.primary.is-outline:hover,
		.button.primary:not(.is-outline),
		input[type='submit'].primary,
		input[type='submit'].primary,
		input[type='reset'].button,
		input[type='button'].primary,
		.badge-inner {
			background-color: #dd9933;
		}

		/* Border */
		.nav-vertical.nav-tabs>li.active>a,
		.scroll-to-bullets a.active,
		.nav-pagination>li>.current,
		.nav-pagination>li>span:hover,
		.nav-pagination>li>a:hover,
		.has-hover:hover .badge-outline .badge-inner,
		.accordion-title.active,
		.featured-table,
		.is-outline:hover,
		.tagcloud a:hover,
		blockquote,
		.has-border,
		.cart-icon strong:after,
		.cart-icon strong,
		.blockUI:before,
		.processing:before,
		.loading-spin,
		.slider-nav-circle .flickity-prev-next-button:hover svg,
		.slider-nav-circle .flickity-prev-next-button:hover .arrow,
		.primary.is-outline:hover {
			border-color: #dd9933
		}

		.nav-tabs>li.active>a {
			border-top-color: #dd9933
		}

		.widget_shopping_cart_content .blockUI.blockOverlay:before {
			border-left-color: #dd9933
		}

		.woocommerce-checkout-review-order .blockUI.blockOverlay:before {
			border-left-color: #dd9933
		}

		/* Fill */
		.slider .flickity-prev-next-button:hover svg,
		.slider .flickity-prev-next-button:hover .arrow {
			fill: #dd9933;
		}

		/* Background Color */
		[data-icon-label]:after,
		.secondary.is-underline:hover,
		.secondary.is-outline:hover,
		.icon-label,
		.button.secondary:not(.is-outline),
		.button.alt:not(.is-outline),
		.badge-inner.on-sale,
		.button.checkout,
		.single_add_to_cart_button,
		.current .breadcrumb-step {
			background-color: #e0b548;
		}

		[data-text-bg="secondary"] {
			background-color: #e0b548;
		}

		/* Color */
		.secondary.is-underline,
		.secondary.is-link,
		.secondary.is-outline,
		.stars a.active,
		.star-rating:before,
		.woocommerce-page .star-rating:before,
		.star-rating span:before,
		.color-secondary {
			color: #e0b548
		}

		/* Color !important */
		[data-text-color="secondary"] {
			color: #e0b548 !important;
		}

		/* Border */
		.secondary.is-outline:hover {
			border-color: #e0b548
		}

		body {
			font-size: 100%;
		}

		@media screen and (max-width: 549px) {
			body {
				font-size: 100%;
			}
		}

		body {
			color: #424242
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		.heading-font {
			color: #0a0a0a;
		}

		.header:not(.transparent) .header-nav-main.nav>li>a {
			color: #14362a;
		}

		.header:not(.transparent) .header-nav-main.nav>li>a:hover,
		.header:not(.transparent) .header-nav-main.nav>li.active>a,
		.header:not(.transparent) .header-nav-main.nav>li.current>a,
		.header:not(.transparent) .header-nav-main.nav>li>a.active,
		.header:not(.transparent) .header-nav-main.nav>li>a.current {
			color: #14362a;
		}

		.header-nav-main.nav-line-bottom>li>a:before,
		.header-nav-main.nav-line-grow>li>a:before,
		.header-nav-main.nav-line>li>a:before,
		.header-nav-main.nav-box>li>a:hover,
		.header-nav-main.nav-box>li.active>a,
		.header-nav-main.nav-pills>li>a:hover,
		.header-nav-main.nav-pills>li.active>a {
			color: #FFF !important;
			background-color: #14362a;
		}

		.header:not(.transparent) .header-bottom-nav.nav>li>a {
			color: #ffffff;
		}

		.header:not(.transparent) .header-bottom-nav.nav>li>a:hover,
		.header:not(.transparent) .header-bottom-nav.nav>li.active>a,
		.header:not(.transparent) .header-bottom-nav.nav>li.current>a,
		.header:not(.transparent) .header-bottom-nav.nav>li>a.active,
		.header:not(.transparent) .header-bottom-nav.nav>li>a.current {
			color: #ffffff;
		}

		.header-bottom-nav.nav-line-bottom>li>a:before,
		.header-bottom-nav.nav-line-grow>li>a:before,
		.header-bottom-nav.nav-line>li>a:before,
		.header-bottom-nav.nav-box>li>a:hover,
		.header-bottom-nav.nav-box>li.active>a,
		.header-bottom-nav.nav-pills>li>a:hover,
		.header-bottom-nav.nav-pills>li.active>a {
			color: #FFF !important;
			background-color: #ffffff;
		}

		a {
			color: #3d3d3d;
		}

		a:hover {
			color: #ff5622;
		}

		.tagcloud a:hover {
			border-color: #ff5622;
			background-color: #ff5622;
		}

		.has-equal-box-heights .box-image {
			padding-top: 100%;
		}

		.footer-1 {
			background-color: #f5f1e6
		}

		.footer-2 {
			background-color: #f5f1e6
		}

		.absolute-footer,
		html {
			background-color: #0b223e
		}

		/* Custom CSS Tablet */
		@media (max-width: 849px) {
			.smartPopup {
				display: none !important;
			}

			#pietimerholder {
				display: none !important;
			}
		}

		/* Custom CSS Mobile */
		@media (max-width: 549px) {
			.bottom_support {
				display: none !important;
			}

			.mfp-bg.mfp-ready,
			#newsletter-signup-link {
				display: none !important;
			}

			.smartPopup {
				display: none !important;
			}

			#pietimerholder {
				display: none !important;
			}

			#smartPopupfade {
				display: none !important;
			}
		}

		.label-new.menu-item>a:after {
			content: "New";
		}

		.label-hot.menu-item>a:after {
			content: "Hot";
		}

		.label-sale.menu-item>a:after {
			content: "Sale";
		}

		.label-popular.menu-item>a:after {
			content: "Popular";
		}
	

          .bg {
            opacity: 0;
            transition: opacity 1s;
            -webkit-transition: opacity 1s;
        }

        .bg-loaded {
            opacity: 1;
        }


		.map-switcher-wrap {
			display: grid;
			grid-template-columns: 300px minmax(0, 1fr);
			gap: 20px;
			align-items: start;
		}

		/* Cột trái: container chứa các .image-button -> Grid 2 cột */
		.map-switcher-wrap>.e-grid,
		.map-switcher-wrap>.e-con,
		.map-switcher-wrap>.e-grid.e-con,
		.map-switcher-wrap>.e-grid.e-con-full {
			grid-column: 1;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			/* 2 cột */
			gap: 12px;
			align-self: start;
			position: sticky;
			top: 80px;
			/* nếu bạn muốn sticky trên desktop */
		}

		/* Nút */
		.map-switcher-wrap .image-button {
			cursor: pointer;
			transition: transform .2s ease;
		}

		.map-switcher-wrap .image-button:hover {
			transform: translateY(-2px);
		}

		.map-switcher-wrap .image-button img {
			width: 100%;
			height: auto;
			display: block;
		}

		.map-switcher-wrap .image-button.active img {
			outline: 3px solid #0aa4d6;
			outline-offset: 4px;
			border-radius: 10px;
		}

		/* Ảnh (cột phải) */
		.map-switcher-wrap .switcher-map-image {
			grid-column: 2;
			display: none;
		}

		.map-switcher-wrap .switcher-map-image.active {
			display: block;
		}

		.map-switcher-wrap .switcher-map-image img {
			width: 100%;
			height: auto;
			display: block;
			opacity: 0;
			transition: opacity .18s linear;
		}

		.map-switcher-wrap .switcher-map-image.active img {
			opacity: 1;
		}

		/* Mobile: vẫn 2 cột nút cho gọn, ảnh xuống dưới */
		@media(max-width:767px) {
			.map-switcher-wrap {
				grid-template-columns: 1fr;
				gap: 14px;
			}

			.map-switcher-wrap>.e-grid,
			.map-switcher-wrap>.e-con,
			.map-switcher-wrap>.e-grid.e-con,
			.map-switcher-wrap>.e-grid.e-con-full {
				position: static;
				grid-template-columns: repeat(4, 1fr);
				/* giữ 2 cột nút trên mobile */
				gap: 10px;
			}

			.map-switcher-wrap .switcher-map-image {
				grid-column: 1;
			}
		}

		/* (Tuỳ chọn) xoá margin thừa do <p> auto-wrap trong editor */
		#moban p {
			margin: 0;
		}