



			.lazyload,
			.lazyloading {
				max-width: 100%;
			}
		

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */



	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */


:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */


/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */



  /* === Buttons: 2x2 grid trong cột trái === */
.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; }
  
/*# sourceURL=map-switcher-css-inline-css */


@font-face {
				font-family: "fl-icons";
				font-display: block;
				src: url(https://vinhomecangio.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.15.6);
				src:
					url(https://vinhomecangio.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.15.6) format("embedded-opentype"),
					url(https://vinhomecangio.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.15.6) format("woff2"),
					url(https://vinhomecangio.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.15.6) format("truetype"),
					url(https://vinhomecangio.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.15.6) format("woff"),
					url(https://vinhomecangio.vn/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.15.6#fl-icons) format("svg");
			}
/*# sourceURL=flatsome-main-inline-css */


			.no-js img.lazyload {
				display: none;
			}

			figure.wp-block-image img.lazyloading {
				min-width: 150px;
			}

			.lazyload,
			.lazyloading {
				--smush-placeholder-width: 100px;
				--smush-placeholder-bg-max-width: 120px;
				--smush-placeholder-aspect-ratio: 1/1;
				width: var(--smush-image-width, var(--smush-placeholder-width)) !important;
				aspect-ratio: var(--smush-image-aspect-ratio, var(--smush-placeholder-aspect-ratio)) !important;
			}

						.lazyload, .lazyloading {
				opacity: 0;
			}

			.lazyloaded {
				opacity: 1;
				transition: opacity 400ms;
				transition-delay: 0ms;
			}

					
.bg{opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;} .bg-loaded{opacity: 1;}
: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";}

@media (max-width: 768px) {
  /* 1. MỞ KHÓA OVERFLOW CHO SECTION */
  .mobile-anchor-section,
  .mobile-anchor-section .row,
  .mobile-anchor-section .col,
  .mobile-anchor-section .col-inner {
    overflow: visible !important;
  }

  /* 2. THÔNG SỐ CHUNG CHO STICKY BAR */
  .mobile-anchor-header {
    position: relative;
    width: 100%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    z-index: 999;
  }
  /* 3. KHI STICKY */
  .mobile-anchor-header.is-fixed {
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  /* 4. VÙNG SCROLL NGANG */
  .mobile-anchor-scroll {
    display: block;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  /* 5. ÉP CONTAINER NẰM NGANG */
  .mobile-anchor-scroll .ux-menu-container {
    display: inline-block !important;
    width: max-content !important;
  }

  .mobile-anchor-scroll .ux-menu {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    width: max-content !important;
    padding: 0 6px;
  }
  /* 6. ITEM MENU */
  .mobile-anchor-scroll .ux-menu-link {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin: 0 6px;
    height: 100%;
  }

  .mobile-anchor-scroll .ux-menu-link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    white-space: nowrap;
 &nbsp; &nbsp;color: #fdfdfd;
    transition: color 0.2s ease, border-bottom 0.2s ease;
  }

  /* 7. ACTIVE STATE */
  .mobile-anchor-scroll .ux-menu-link.active a {
		color: var(--primary-color, #fff) !important;
    border-bottom: 2px solid var(--primary-color, #fff) !important;
  }

  /* 8. ẨN SCROLLBAR */
  .mobile-anchor-scroll::-webkit-scrollbar {
    display: none;
  }
  .mobile-anchor-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  /* 9. PLACEHOLDER – giữ layout khi sticky */
  .mobile-anchor-placeholder {
    display: none;
    width: 100%;
  }
}

.vh-docs{display:flex;flex-direction:column;gap:10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.vh-docs *{box-sizing:border-box}
.vh-docs a{color:#0b5cab;text-decoration:none}
.vh-docs a:hover{text-decoration:underline}
.vh-doc{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #eef0f4;border-radius:14px;padding:12px}
.vh-doc__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center}
.vh-doc__title{margin:0 0 6px;font-size:16px;line-height:1.35}
.vh-doc__info{display:flex;gap:16px;color:#556174;font-size:13px;flex-wrap:wrap}
.vh-doc__actions{display:flex;gap:8px}
.vh-btn{display:inline-block;padding:8px 12px;border-radius:10px;background:#0e5ec0;color:#fff;text-decoration:none;font-weight:600}
.vh-btn:hover{opacity:.95;text-decoration:none}
.vh-btn--ghost{background:transparent;color:#0e5ec0;border:1px solid #0e5ec0}
.vh-doc:hover{background:#ff6a00!important;border-color:#ff6a00!important;box-shadow:0 4px 18px rgba(2,16,43,.06)}
.vh-doc:hover .vh-doc__title,.vh-doc:hover .vh-doc__info,.vh-doc:hover .vh-btn,.vh-doc:hover .vh-btn--ghost{color:#fff!important}
.vh-doc:hover .vh-btn--ghost{border-color:#fff!important}
@media (max-width:640px){
.vh-doc{grid-template-columns:52px 1fr;grid-template-areas:"icon meta" "actions actions"}
.vh-doc__icon{grid-area:icon}
.vh-doc__meta{grid-area:meta}
.vh-doc__actions{grid-area:actions}
}
.pds-prio.pds-prio.pds-prio,.pds-prio.pds-prio.pds-prio *:not(svg):not(svg *),.pds-prio.pds-prio.pds-prio *:not(svg):not(svg *)::before,.pds-prio.pds-prio.pds-prio *:not(svg):not(svg *)::after{all:revert;box-sizing:border-box !important;}.pds-prio.pds-prio.pds-prio p:empty{display:none !important;} .pds-prio.pds-prio.pds-prio,.pds-prio.pds-prio.pds-prio *{box-sizing:border-box!important;margin:0!important;padding:0!important;} .pds-prio.pds-prio.pds-prio{/* ===== BANG MAU - DOI MAU TAI DAY | primary=mau chu dao, accent=mau nhan, surf=nen sang ===== */--c-primary:#06262b;--c-primary-2:#06343a;--c-primary-3:#0a4a47;--c-primary-4:#0d5a4f;--c-primary-5:#0c4f4a;--c-accent:#f0d693;--c-accent-2:#caa044;--c-accent-3:#d8b15a;--c-surf:#eaf3ef;--c-surf-2:#dceee7; --glass:rgba(255,255,255,.09)!important;--line:rgba(240,214,147,.22)!important; /* ===== PANEL PHAI - DOI MAU/DO TRONG SUOT TAI DAY ===== */--c-right-bg:rgba(255,255,255,.04);--c-right-line:rgba(255,255,255,.10);--c-right-blur:14px;--c-mirror:rgba(255,255,255,.16);--c-mirror-soft:rgba(255,255,255,.05); /* --c-seam = tone hoa mep 2 panel (theo nen trai, KHONG phu thuoc mau panel phai); --c-sheen = do sang luong sang luot qua */--c-seam:rgba(6,52,58,.55);--c-sheen:rgba(255,255,255,.22); position:relative!important;width:100%!important;max-width:1140px!important;margin:0 auto!important;font-family:"Be Vietnam Pro",system-ui,sans-serif!important; line-height:1.5!important;color:var(--c-surf)!important;text-align:left!important;border-radius:22px!important;overflow:hidden!important;isolation:isolate!important; background:linear-gradient(150deg,var(--c-primary-2) 0%,var(--c-primary-3) 55%,var(--c-primary-4) 100%)!important;border:1px solid var(--line)!important;box-shadow:0 44px 90px -34px rgba(2,20,18,.8)!important;} .pds-prio.pds-prio.pds-prio *{font-family:inherit!important;} .pds-prio.pds-prio.pds-prio .pds-in{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important;}.pds-prio.pds-prio.pds-prio .pds-sub {margin-top: 14px !important;font-size: 14px !important;color: rgba(231, 240, 236, .82) !important;font-weight: 300 !important;line-height: 1.6 !important;max-width: 42ch !important;}.pds-prio.pds-prio.pds-prio .pds-visual{position:relative!important;min-height:360px!important;overflow:hidden!important;background:var(--c-primary-5);background-size:cover!important;background-position:center!important;} .pds-prio.pds-prio.pds-prio .pds-visual::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(6,52,58,.05),rgba(6,52,58,.45)),linear-gradient(90deg,transparent 66%,var(--c-seam) 100%);} .pds-prio.pds-prio.pds-prio .pds-phlbl{position:absolute!important;left:14px!important;bottom:12px!important;z-index:2!important;font-family:ui-monospace,monospace!important;font-size:9px!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:rgba(255,255,255,.65)!important;background:rgba(6,52,58,.6);padding:4px 9px!important;border-radius:5px!important;} .pds-prio.pds-prio.pds-prio .pds-pbadge{position:absolute!important;top:16px!important;left:16px!important;z-index:2!important;display:inline-flex!important;align-items:center!important;gap:8px!important; background:linear-gradient(100deg,var(--c-accent-2),var(--c-accent));color:var(--c-primary)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important;padding:8px 13px!important;border-radius:30px!important;box-shadow:0 10px 24px -8px rgba(2,20,18,.6)!important;} .pds-prio.pds-prio.pds-prio .pds-pbadge svg{width:14px!important;height:14px!important;} .pds-prio.pds-prio.pds-prio .pds-floor{position:absolute!important;right:16px!important;bottom:16px!important;z-index:2!important;background:rgba(6,52,58,.78);border:1px solid rgba(240,214,147,.3)!important;border-radius:11px!important;padding:11px 14px!important;box-shadow:0 14px 30px -14px rgba(2,20,18,.6)!important;backdrop-filter:blur(5px)!important;} .pds-prio.pds-prio.pds-prio .pds-floor b{display:block!important;font-family:"Playfair Display",serif!important;font-size:16px!important;font-weight:700!important;color:#fff!important;line-height:1!important;} .pds-prio.pds-prio.pds-prio .pds-floor i{font-style:normal!important;font-size:10px!important;color:var(--c-accent)!important;} .pds-prio.pds-prio.pds-prio .pds-right{position:relative!important;overflow:hidden!important;padding:38px 34px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:linear-gradient(90deg,var(--c-seam) 0%,transparent 26%),var(--c-right-bg)!important;border-left:0!important;backdrop-filter:blur(var(--c-right-blur)) saturate(125%)!important;-webkit-backdrop-filter:blur(var(--c-right-blur)) saturate(125%)!important;} .pds-prio.pds-prio.pds-prio .pds-right::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(135deg,var(--c-mirror) 0%,transparent 32%,transparent 68%,var(--c-mirror-soft) 100%)!important;} .pds-prio.pds-prio.pds-prio .pds-right::after{content:""!important;position:absolute!important;top:-60%!important;left:-45%!important;width:62%!important;height:220%!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(105deg,transparent 32%,var(--c-sheen) 50%,transparent 68%)!important;filter:blur(2px)!important;transform:rotate(8deg)!important;animation:pdsMirror 6.5s ease-in-out infinite!important;} @keyframes pdsMirror{0%,68%{left:-45%;}100%{left:140%;}} .pds-prio.pds-prio.pds-prio .pds-right>*{position:relative!important;z-index:1!important;} .pds-prio.pds-prio.pds-prio .pds-eyebrow{display:inline-flex!important;align-items:center!important;gap:9px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--c-accent)!important;margin-bottom:12px!important;} .pds-prio.pds-prio.pds-prio .pds-eyebrow::before{content:""!important;width:24px!important;height:1px!important;background:var(--c-accent);} .pds-prio.pds-prio.pds-prio .pds-h{font-family:"Playfair Display",serif!important;font-weight:700!important;font-size:27px!important;line-height:1.14!important;color:#fff!important;} .pds-prio.pds-prio.pds-prio .pds-h i{font-style:italic!important;color:var(--c-accent)!important;} .pds-prio.pds-prio.pds-prio .pds-benefits{list-style:none!important;margin:16px 0 20px!important;padding:0!important;display:grid!important;gap:10px!important;} .pds-prio.pds-prio.pds-prio .pds-benefits li{display:flex!important;gap:11px!important;align-items:flex-start!important;font-size:13px!important;color:var(--c-surf-2)!important;line-height:1.45!important;} .pds-prio.pds-prio.pds-prio .pds-benefits svg{flex:0 0 19px!important;width:19px!important;height:19px!important;margin-top:1px!important;color:var(--c-accent)!important;} .pds-prio.pds-prio.pds-prio .pds-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important;} .pds-prio.pds-prio.pds-prio .pds-field{margin:0!important;} .pds-prio.pds-prio.pds-prio .pds-field.full{grid-column:1/-1!important;} .pds-prio.pds-prio.pds-prio .wpcf7-form-control-wrap{display:block!important;} .pds-prio.pds-prio.pds-prio input[type=text],.pds-prio.pds-prio.pds-prio input[type=tel],.pds-prio.pds-prio.pds-prio input[type=email]{ -webkit-appearance:none!important;appearance:none!important;width:100%!important;height:50px!important;padding:0 16px!important; font-family:inherit!important;font-size:14.5px!important;color:#fff!important;line-height:normal!important;background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;box-shadow:none!important;outline:none!important;transition:border-color .2s,box-shadow .2s,background .2s!important;} .pds-prio.pds-prio.pds-prio ::placeholder{color:#9fbab2!important;opacity:1!important;} .pds-prio.pds-prio.pds-prio input:focus{border-color:var(--c-accent-3)!important;box-shadow:0 0 0 3px rgba(216,177,90,.2)!important;background:rgba(255,255,255,.13)!important;} .pds-prio.pds-prio.pds-prio .pds-submit,.pds-prio.pds-prio.pds-prio input[type=submit],.pds-prio.pds-prio.pds-prio .wpcf7-submit{ position:relative!important;overflow:hidden!important;width:100%!important;height:54px!important;cursor:pointer!important;font-family:inherit!important;font-size:15px!important; font-weight:700!important;letter-spacing:.02em!important;color:var(--c-primary)!important;background:linear-gradient(100deg,var(--c-accent-2),var(--c-accent),var(--c-accent-2))!important; border:0!important;border-radius:10px!important;box-shadow:0 16px 30px -14px rgba(202,160,68,.7)!important;transition:transform .2s,box-shadow .2s!important;} .pds-prio.pds-prio.pds-prio .pds-submit::after,.pds-prio.pds-prio.pds-prio input[type=submit]::after{content:""!important;position:absolute!important;top:0!important;left:-80%!important;width:45%!important;height:100%!important;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg)!important;animation:pdsPrSheen 3.6s ease-in-out infinite!important;} @keyframes pdsPrSheen{0%,62%{left:-80%;}100%{left:135%;}} .pds-prio.pds-prio.pds-prio .pds-submit:hover,.pds-prio.pds-prio.pds-prio input[type=submit]:hover{transform:translateY(-2px)!important;box-shadow:0 22px 38px -14px rgba(202,160,68,.85)!important;} .pds-prio.pds-prio.pds-prio .pds-lock{display:flex!important;gap:8px!important;align-items:center!important;margin-top:12px!important;font-size:11.5px!important;color:#9fbab2!important;} .pds-prio.pds-prio.pds-prio .pds-lock svg{width:13px!important;height:13px!important;flex:0 0 13px!important;color:var(--c-accent)!important;} .pds-prio.pds-prio.pds-prio .wpcf7-response-output{margin:12px 0 0!important;padding:10px 14px!important;
	border-radius:8px!important;font-size:13px!important;border:1px solid rgba(255,255,255,.18)!important;color:var(--c-surf)!important;} .pds-prio.pds-prio.pds-prio .wpcf7-not-valid-tip{color:#ffb4ab!important;font-size:12px!important;margin-top:4px!important;display:block!important;} @media(max-width:900px){.pds-prio.pds-prio.pds-prio .pds-in{grid-template-columns:1fr!important;}.pds-prio.pds-prio.pds-prio .pds-visual{min-height:240px!important;}.pds-prio.pds-prio.pds-prio .pds-right{border-left:0!important;background:linear-gradient(180deg,var(--c-seam) 0%,transparent 14%),var(--c-right-bg)!important;}.pds-prio.pds-prio.pds-prio{max-width:540px!important;}} @media(max-width:540px){.pds-prio.pds-prio.pds-prio .pds-right{padding:26px 22px!important;}.pds-prio.pds-prio.pds-prio .pds-grid{grid-template-columns:1fr!important;}.pds-prio.pds-prio.pds-prio .pds-h{font-size:24px!important;}} @media(prefers-reduced-motion:reduce){.pds-prio.pds-prio.pds-prio .pds-submit::after{animation:none!important;}}
.pds-prio.pds-prio.pds-prio select:has(option[value=""]:checked),.pds-prio.pds-prio.pds-prio select:required:invalid{color:#9fbab2!important;}@media(max-width:680px){.pds-prio.pds-prio.pds-prio .hide-mobile{display:none!important;}}@media(min-width:681px){.pds-prio.pds-prio.pds-prio .hide-desktop{display:none!important;}}.shine-gold{position:relative;overflow:hidden;} .shine-gold::after{ content:""; position:absolute; top:-30%; left:-80%; width:65%; height:160%; z-index:5; pointer-events:none; mix-blend-mode:screen; background:linear-gradient(112deg, rgba(255,247,224,0) 26%, rgba(255,240,205,.03) 40%, rgba(255,236,190,.10) 48%, rgba(255,252,238,.26) 50%, rgba(255,236,190,.10) 52%, rgba(255,240,205,.03) 60%, rgba(255,247,224,0) 74%); transform:skewX(-16deg); filter:blur(18px); animation:shineRun 5s cubic-bezier(.5,.04,.45,.98) infinite; } @keyframes shineRun{ 0% {left:-85%;opacity:0;} 8% {opacity:1;} 48% {left:145%;opacity:1;} 58% {left:145%;opacity:0;} 100% {left:145%;opacity:0;} }


/* ===== Nut "Lay ma HUB" (tuw-btn) — them 2026-08-07 ===== */
.tuw-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto;min-height:0;padding:10px 22px;font-size:15px;font-weight:700;font-family:Arial,Helvetica,sans-serif;line-height:1.2;text-transform:none;cursor:pointer;border:2px solid transparent;border-radius:20px;transition:all .2s ease;box-shadow:0 4px 10px rgba(21,131,249,.35)}
.tuw-btn:hover,.tuw-btn:focus{filter:brightness(1.08);box-shadow:0 6px 14px rgba(21,131,249,.5);color:#fff}
.tuw-btn-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;background:#fff;border-radius:50%;overflow:hidden}
.tuw-btn-ico img,.tuw-btn .tuw-btn-fav{width:16px!important;height:16px!important;max-width:16px;min-width:0;margin:0;padding:0;display:block;object-fit:contain;border-radius:0;box-shadow:none}
.tuw-btn-label{display:inline-block;letter-spacing:.3px;text-transform:uppercase;line-height:1.2}

/* CSP-DOCS-START */
/* ===== CSP DOCS — danh sách tài liệu + preview PDF trực tiếp trên trang ===== */
/* Dán vào: Giao diện → Tùy biến → CSS bổ sung (Additional CSS)               */
/* Tất cả class đều có tiền tố csp- để không đụng .custom-pdf-viewer cũ       */

.csp-docs{
  --csp-surface:#fff;--csp-ink:#15181d;--csp-ink2:#3d434c;
  --csp-muted:#797f89;--csp-line:#e8e5df;--csp-line-soft:#f0eeea;
  --csp-gold:#c2a15c;--csp-gold-hover:#ad8c47;--csp-gold-ink:#221a09;
  --csp-gold-tint:#f6efe0;--csp-gold-dark:#8a6d2b;
  --csp-chrome:#1e2228;--csp-chrome2:#15181c;
 margin:0 auto;
  /* Nền trắng giống thẻ tài liệu của khối mặt bằng (.vh-doc). Bắt buộc phải có
     nền riêng: nhiều section trên site có nền tối, mà chữ của component là màu
     đen — không có nền thì chữ chìm mất. */
  background:#fff;border:1px solid #eef0f4;border-radius:14px;padding:6px 18px;
  color:var(--csp-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
.csp-docs *{box-sizing:border-box}

/* ---------- Danh sách tài liệu ---------- */
.csp-doc{border-bottom:1px solid var(--csp-line-soft)}
.csp-doc:last-child{border-bottom:0}
.csp-doc-head{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;padding:16px 0;cursor:pointer;user-select:none}
.csp-doc-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center}
.csp-doc-icon svg{display:block}
.csp-doc-main{min-width:0}
.csp-docs .csp-doc-title{font-size:17px;font-weight:600;letter-spacing:-.011em;margin:0 0 5px;color:var(--csp-ink);display:flex;align-items:center;gap:9px;flex-wrap:wrap;line-height:1.35;text-transform:none;word-break:break-word}
.csp-docs .csp-pill{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:var(--csp-gold-tint);color:var(--csp-gold-dark)}
/* Phải viết .csp-docs .csp-doc-sub chứ không phải .csp-doc-sub: dòng ngày là thẻ
   <p>, mà Flatsome có rule .dark,.dark p,.dark td{color:#f1f1f1}. Đặt trong
   section nền tối thì .dark p (0-1-1) thắng .csp-doc-sub (0-1-0), chữ hoá trắng
   trên nền thẻ trắng nên biến mất. */
.csp-docs .csp-doc-sub{margin:0;font-size:13.5px;color:var(--csp-muted);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.csp-docs .csp-doc-sub span{color:var(--csp-muted)}
.csp-docs .csp-doc-sub .csp-dot{width:3px;height:3px;border-radius:50%;background:#c9c6bf;flex-shrink:0}
.csp-doc-actions{display:flex;align-items:center;gap:10px}

/* ---------- Nút ---------- */
/* margin:0 là bắt buộc — Flatsome gán margin-bottom cho <button>, làm nút "Xem"
   bị đẩy lên ~7px so với nút "Tải về" (thẻ <a>) trong hàng canh giữa */
.csp-docs .csp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;margin:0;padding:0 15px;border-radius:9px;border:1px solid var(--csp-line);background:var(--csp-surface);color:var(--csp-ink2);font-size:13.5px;font-weight:550;font-family:inherit;letter-spacing:-.005em;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;text-transform:none;box-shadow:none;min-height:0;vertical-align:middle;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease}
/* 2 nút "Tải về" và "Xem/Thu gọn" luôn rộng bằng nhau, không đổi khi bấm */
.csp-docs .csp-doc-actions .csp-btn{min-width:120px}
.csp-docs .csp-btn:hover{background:#f7f5f2;border-color:#dcd8d0;color:var(--csp-ink);text-decoration:none}
.csp-docs .csp-btn:active{transform:translateY(1px)}
.csp-docs .csp-btn svg{width:15px;height:15px;flex-shrink:0}
.csp-docs .csp-btn-primary{background:var(--csp-gold);border-color:var(--csp-gold);color:#fff}
.csp-docs .csp-btn-primary:hover{background:var(--csp-gold-hover);border-color:var(--csp-gold-hover);color:#fff}
.csp-doc.is-open .csp-btn-toggle{background:var(--csp-gold-tint);border-color:transparent;color:var(--csp-gold-dark)}
.csp-doc.is-open .csp-btn-toggle:hover{background:#efe5d0;border-color:transparent;color:var(--csp-gold-dark)}
.csp-btn-toggle .csp-icon-open{display:none}
.csp-doc.is-open .csp-btn-toggle .csp-icon-open{display:block}
.csp-doc.is-open .csp-btn-toggle .csp-icon-closed{display:none}
.csp-label-open{display:none}
.csp-doc.is-open .csp-label-open{display:inline}
.csp-doc.is-open .csp-label-closed{display:none}

/* ---------- Phần thân sổ ra ---------- */
.csp-doc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1)}
.csp-doc.is-open .csp-doc-body{grid-template-rows:1fr}
.csp-doc-body-clip{overflow:hidden;min-height:0}
.csp-doc-body-inner{padding:0 0 22px;opacity:0;transform:translateY(-6px);transition:opacity .3s ease .06s,transform .3s ease .06s}
.csp-doc.is-open .csp-doc-body-inner{opacity:1;transform:none}
.csp-viewer-shell{border-radius:10px;overflow:hidden}
.csp-docs .csp-viewer-hint{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:12.5px;color:var(--csp-muted)}
.csp-docs .csp-viewer-hint svg{width:14px;height:14px;flex-shrink:0;color:#b4b0a8}
@media (prefers-reduced-motion:reduce){.csp-docs *{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ---------- Khung xem PDF ---------- */
.csp-viewer{width:100%;height:600px;background:#2a2e34;position:relative;overflow:hidden;display:flex;flex-direction:row;font-family:inherit}
.csp-viewer *{box-sizing:border-box}
.csp-viewer .csp-sidebar{display:flex;flex-direction:column;width:158px;min-width:158px;background:var(--csp-chrome2);border-right:1px solid rgba(255,255,255,.07);z-index:20;height:100%;transition:width .22s ease,min-width .22s ease}
.csp-viewer.csp-sidebar-hidden .csp-sidebar{width:0;min-width:0;border-right:0}
.csp-viewer.csp-sidebar-hidden .csp-thumbs{display:none!important}
.csp-viewer .csp-thumbs{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:14px 0 18px;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.csp-viewer .csp-thumbs::-webkit-scrollbar{width:6px}
.csp-viewer .csp-thumbs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:3px}
.csp-viewer .csp-thumb-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.csp-viewer .csp-thumb{width:100px;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.5);outline:2px solid transparent;outline-offset:2px;transition:outline-color .16s ease}
.csp-viewer .csp-thumb-item:hover .csp-thumb{outline-color:rgba(255,255,255,.3)}
.csp-viewer .csp-thumb.is-active{outline-color:var(--csp-gold)}
.csp-viewer .csp-thumb canvas{display:block;width:100%!important;height:auto!important}
.csp-viewer .csp-thumb-label{color:rgba(255,255,255,.45);text-align:center;font-size:11.5px;font-variant-numeric:tabular-nums;transition:color .16s ease}
.csp-viewer .csp-thumb-item.is-active .csp-thumb-label{color:var(--csp-gold);font-weight:600}
.csp-viewer .csp-main{flex:1;height:100%;display:flex;flex-direction:column;background:#2a2e34;position:relative;min-width:0}
.csp-viewer .csp-toolbar{position:relative;z-index:5;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--csp-chrome);color:#fff;width:100%;border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:wrap;row-gap:6px;flex-shrink:0;gap:8px}
.csp-viewer .csp-tgroup{display:flex;align-items:center;gap:3px}
.csp-viewer button{width:34px;min-width:34px;height:34px;padding:0;margin:0;border:none;border-radius:8px;background:transparent;color:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;font-family:inherit;line-height:1;text-transform:none;box-shadow:none;min-height:0;transition:background .15s ease,color .15s ease}
.csp-viewer button:hover{background:rgba(255,255,255,.1);color:#fff}
.csp-viewer button:active{background:rgba(255,255,255,.16)}
.csp-viewer button:disabled{opacity:.28;cursor:default}
.csp-viewer button:disabled:hover{background:transparent}
.csp-viewer button:focus-visible{outline:2px solid var(--csp-gold);outline-offset:1px}
.csp-viewer .csp-pageinfo{height:32px;padding:0 12px;display:flex;align-items:center;gap:2px;color:rgba(255,255,255,.9);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap;background:rgba(255,255,255,.07);border-radius:8px;margin:0 3px}
.csp-viewer .csp-pageinfo .csp-sep{color:rgba(255,255,255,.35);margin:0 3px}
.csp-viewer .csp-total{color:rgba(255,255,255,.55)}
.csp-viewer .csp-zoomlevel{min-width:46px;text-align:center;font-size:12.5px;color:rgba(255,255,255,.9);font-variant-numeric:tabular-nums}
.csp-viewer .csp-dl{width:auto;padding:0 14px;font-size:13px;font-weight:550;gap:7px;background:var(--csp-gold);color:var(--csp-gold-ink)}
.csp-viewer .csp-dl:hover{background:var(--csp-gold-hover);color:var(--csp-gold-ink)}
.csp-viewer .csp-dl-label{display:inline}
.csp-viewer .csp-searchbar{display:none;align-items:center;gap:8px;padding:10px 12px;background:#252a30;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}
.csp-viewer.csp-search-open .csp-searchbar{display:flex}
.csp-viewer .csp-search-input{flex:1;min-width:0;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);color:#fff;padding:0 12px;font-size:13.5px;font-family:inherit;outline:none;margin:0;box-shadow:none;transition:border-color .15s ease,background .15s ease}
.csp-viewer .csp-search-input::placeholder{color:rgba(255,255,255,.38)}
.csp-viewer .csp-search-input:focus{border-color:var(--csp-gold);background:rgba(0,0,0,.4);color:#fff}
.csp-viewer .csp-search-count{color:rgba(255,255,255,.6);font-size:12.5px;white-space:nowrap;min-width:60px;text-align:center;font-variant-numeric:tabular-nums}
.csp-viewer .csp-scroll{flex:1;overflow-y:auto;overflow-x:auto;position:relative;-webkit-overflow-scrolling:touch;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.csp-viewer .csp-scroll::-webkit-scrollbar{width:10px;height:10px}
.csp-viewer .csp-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:5px;border:3px solid transparent;background-clip:padding-box}
.csp-viewer .csp-container{width:100%;min-height:100%;padding:24px 16px 32px;display:flex;flex-direction:column;align-items:center;gap:20px}
.csp-viewer .csp-page{position:relative;width:fit-content;flex-shrink:0;margin:0 auto;background:#fff;border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.35);line-height:0}
.csp-viewer .csp-page canvas{display:block;border-radius:3px;max-width:none}
.csp-viewer .csp-textlayer{position:absolute;inset:0;overflow:hidden;line-height:1;transform-origin:0 0}
.csp-viewer .csp-textlayer span,.csp-viewer .csp-textlayer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}
.csp-viewer .csp-textlayer ::selection{background:rgba(194,161,92,.4)}
.csp-viewer .csp-hit{background:rgba(255,214,10,.42)!important;border-radius:2px}
.csp-viewer .csp-hit.is-current{background:rgba(255,149,0,.8)!important}
.csp-viewer .csp-loading{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#2a2e34;color:rgba(255,255,255,.65);font-size:13px}
.csp-viewer .csp-spinner{width:26px;height:26px;border:2.5px solid rgba(255,255,255,.16);border-top-color:var(--csp-gold);border-radius:50%;animation:csp-spin .7s linear infinite}
@keyframes csp-spin{to{transform:rotate(360deg)}}
.csp-viewer .csp-err{display:none;position:absolute;inset:0;z-index:3;align-items:center;justify-content:center;flex-direction:column;background:#2a2e34;color:#fff;text-align:center;padding:24px;gap:8px}
.csp-viewer .csp-err.is-visible{display:flex}
.csp-viewer .csp-err-msg{color:rgba(255,255,255,.6);font-size:13px;margin:0}
.csp-viewer .csp-backdrop{display:none}
.csp-viewer:fullscreen{height:100vh;border-radius:0}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .csp-viewer{height:min(74vh,680px)}
  .csp-viewer .csp-sidebar{display:none}
  .csp-viewer.csp-sidebar-mobile-open .csp-sidebar{display:flex!important;width:186px;min-width:186px;position:absolute;left:0;top:0;bottom:0;z-index:30;box-shadow:4px 0 24px rgba(0,0,0,.5)}
  .csp-viewer.csp-sidebar-mobile-open .csp-backdrop{display:block;position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:25}
}
@media (max-width:820px){
  .csp-docs{padding:4px 12px}
  .csp-doc-head{grid-template-columns:44px 1fr;gap:12px;padding:16px 0}
  .csp-doc-icon{width:44px;height:44px}
  .csp-doc-icon svg{width:36px;height:44px}
  .csp-doc-actions{grid-column:1 / -1;padding-left:56px}
  /* trên mobile flex:1 đã tự chia đều, bỏ min-width để không tràn khung */
  .csp-docs .csp-doc-actions .csp-btn{flex:1;max-width:180px;min-width:0}
}
@media (max-width:640px){
  .csp-viewer{height:min(68vh,540px)}
  .csp-viewer .csp-dl-label{display:none}
  .csp-viewer .csp-dl{width:34px;padding:0}
  .csp-viewer .csp-toolbar{justify-content:center;padding:8px}
  .csp-viewer .csp-tgroup{flex-wrap:wrap;justify-content:center}
  .csp-viewer .csp-container{padding:16px 10px 24px}
}
/* ===== hết CSP DOCS ===== */
/* CSP-DOCS-END */

/* FAQ-ACC-START */
/* MAU SAC THEO TUNG WEB - chi can doi 7 bien ngay duoi */
.faq-acc{
--faq-bg:#ffffff;
--faq-border:#e6dfcf;
--faq-hover:#faf8f3;
--faq-question:#515942;
--faq-answer:#3f4535;
--faq-icon:#b38f6f;
--faq-radius:10px;
margin:0 auto}
.faq-acc-item{background:var(--faq-bg);border:1px solid var(--faq-border);border-radius:var(--faq-radius);margin:0 0 12px;overflow:hidden}
.faq-acc-item>h3{position:relative;margin:0;padding:16px 54px 16px 20px;font-size:17px;line-height:1.45;color:var(--faq-question);cursor:pointer;user-select:none;transition:background .2s}
.faq-acc-item>h3:hover{background:var(--faq-hover)}
.faq-acc-item>h3:focus-visible{outline:2px solid var(--faq-icon);outline-offset:-2px}
.faq-acc-item>h3::after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--faq-icon);border-bottom:2px solid var(--faq-icon);transform:rotate(45deg);transition:transform .2s}
.faq-acc-item.is-open>h3::after{transform:rotate(-135deg);margin-top:-2px}
.faq-acc-item>:not(h3){display:none;margin:0 20px 16px;color:var(--faq-answer);text-align:justify}
.faq-acc-item>ul,.faq-acc-item>ol{padding-left:20px}
.faq-acc:not(.faq-ready)>.faq-acc-item:first-child>:not(h3),.faq-acc-item.is-open>:not(h3){display:block;animation:faqAccIn .2s ease}
@keyframes faqAccIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:549px){.faq-acc-item>h3{font-size:16px;padding:14px 46px 14px 16px}.faq-acc-item>h3::after{right:18px}.faq-acc-item>:not(h3){margin:0 16px 14px}}
/* FAQ-ACC-END */

/* FAQ-ACC-COLORS-START */
.faq-acc{--faq-question:#095c63;--faq-answer:#333333;--faq-icon:#d9a441;--faq-border:#d3e3e4;--faq-hover:#f1f8f8;}
/* FAQ-ACC-COLORS-END */


html.hs-messages-widget-open.hs-messages-mobile,html.hs-messages-widget-open.hs-messages-mobile body{overflow:hidden!important;position:relative!important}html.hs-messages-widget-open.hs-messages-mobile body{height:100%!important;margin:0!important}#hubspot-messages-iframe-container{display:initial!important;z-index:2147483647;position:fixed!important;bottom:0!important}#hubspot-messages-iframe-container:hover .hs-drag-handle--v2--widget-open--left,#hubspot-messages-iframe-container:hover .hs-drag-handle--v2--widget-open--right{display:flex!important}#hubspot-messages-iframe-container.widget-align-left{left:0!important}#hubspot-messages-iframe-container.widget-align-right{right:0!important}#hubspot-messages-iframe-container.widget-align-center{left:50%!important;transform:translateX(-50%)!important;bottom:32px!important}#hubspot-messages-iframe-container.hs-messages-lightbox-expanded{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;z-index:2147483647!important;transform:none!important}#hubspot-messages-iframe-container.hs-messages-lightbox-expanded iframe{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}#hubspot-messages-iframe-container.internal{z-index:1111}#hubspot-messages-iframe-container.internal iframe{min-width:108px}#hubspot-messages-iframe-container .hs-shadow-container{display:initial!important;z-index:-1;position:absolute;width:0;height:0;bottom:0;content:""}#hubspot-messages-iframe-container .hs-shadow-container.internal{display:none!important}#hubspot-messages-iframe-container .hs-shadow-container.active{width:400px;height:400px}#hubspot-messages-iframe-container iframe{display:initial!important;width:100%!important;height:100%!important;border:none!important;position:absolute!important;bottom:0!important;right:0!important;background:transparent!important}#hubspot-messages-iframe-container .hs-drag-handle--v2--widget-open--right{bottom:20px;left:-5px;display:none!important}#hubspot-messages-iframe-container .hs-drag-handle--v2--widget-open--left{bottom:20px;right:-5px;display:none!important}.hs-drag-handle{position:absolute;cursor:grab;height:60px;display:none;align-items:center;transition:opacity .5s ease;transition-delay:.5s;opacity:1}.hs-drag-handle--v1--right{right:82px;bottom:12px}.hs-drag-handle--v1--left{left:82px;bottom:12px}.hs-drag-handle--v2--pill-launcher--right{bottom:20px;left:10px}.hs-drag-handle--v2--pill-launcher--left{bottom:20px;right:10px}.hs-drag-handle--v2--hidden--left,.hs-drag-handle--v2--hidden--right{opacity:0!important;pointer-events:none!important;transition:none!important}.hs-drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;user-select:none;z-index:999;display:none}@media print{#hubspot-messages-iframe-container.hs-widget-hide-on-print{display:none!important}}