/* File nay duoc tao tu dong tu o "CSS bo sung" trong Giao dien > Tuy bien.
   KHONG sua truc tiep file nay - moi lan luu ben Tuy bien no se bi ghi de.
   Cap nhat luc: 2026-09-01 23:04:17 */

/* KT-TYPO-STAGE2C 2026-08-08: ten san pham + nut woo -> w600 theo thang */
/* KT-TYPO-STAGE2 2026-08-08: 800->700 toan bo; menu 13.5px->14px */
/* KT-TYPO-STAGE1 2026-08-08: go @import Nunito, :root --theme-font-family, rule font-family Nunito !important toan site. Backup: khaithanh-additional-css-BACKUP-2026-08-08.css */
@import url("https://fonts.googleapis.com/css2?family=Bitter:wght@700;800&display=swap");
/* Giu icon fonts khong bi doi (dashicons, woo, star) */
[class*="dashicons"], .woocommerce-Price-currencySymbol,
.ct-icon, [class^="ct-icon"], i[class*="icon"]{font-family:inherit !important;}
[class*="dashicons"]{font-family:dashicons !important;}


/* ===== MEGA NAVI: nen toi dong bo trang chu ===== */
#header [data-device="desktop"] [data-row="bottom"] {
	background-color: #1B4373; /* doi tone navy */
	border-bottom: 0 !important;
}

/* Cho thanh menu chiem full chieu rong container de tach 2 nhom */
#header [data-row="bottom"] #header-menu-1,
#header [data-row="bottom"] #menu-menu-chinh {
	width: 100%;
}

/* Mau chu tren nen toi */
#header-menu-1 .menu > li > .ct-menu-link {
	color: #FFFFFF;
}
#header-menu-1 .menu > li:hover > .ct-menu-link,
#header-menu-1 .menu > li.current-menu-item > .ct-menu-link {
	color: #14284B;
}

/* Khoang cach giua "Tat ca san pham" va "Uu dai dac biet" */
#header-menu-1 #menu-menu-chinh .menu-item-1333 {
	margin-left: auto;
}
#header-menu-1 #menu-menu-chinh .menu-item-1333 > .ct-menu-link {
	color: #14284B;
	font-weight:400;
}


/* ===== Dropdown danh muc con: 1 cot gon gang ===== */
.ct-mega-menu-columns-1.menu-item-has-children {
	position: relative !important;
}
.ct-mega-menu-columns-1 > .sub-menu {
	display: block !important;
	width: 220px !important;
	min-width: 220px !important;
	max-width: 220px !important;
	grid-template-columns: none !important;
	padding: 8px 0 !important;
	left: 0 !important;
	right: auto !important;
	margin: 0 !important;
}
.ct-mega-menu-columns-1 > .sub-menu > li {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}
.ct-mega-menu-columns-1 > .sub-menu > li > a {
	padding: 9px 20px !important;
	display: block !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
}
.ct-mega-menu-columns-1 > .sub-menu > li:not(:last-child) > a {
	border-bottom: 1px solid #F0F1F3 !important;
}

/* ===== Search box header: rong sat gio hang, cao hon, nut cam khit phai ===== */
[data-row="middle"] > .ct-container {
	grid-template-columns: 1fr auto !important;
	column-gap: 24px !important;
}
.ct-search-box {
	flex: 1 1 auto !important;
	display: flex !important;
	justify-content: center !important;
}
.ct-search-box .ct-search-form {
	width: 100% !important;
	max-width: 100% !important;
}
.ct-search-box .ct-search-form-inner {
	padding: 0 !important;
	position: relative !important;
	overflow: hidden !important;
	border-radius: 10px !important;
	height: 52px !important;
	min-height: 52px !important;
}
.ct-search-box .ct-search-form input[type="search"] {
	text-align: left !important;
	padding-left: 20px !important;
	padding-right: 66px !important;
	height: 52px !important;
	font-size: 16px !important;
}
.ct-search-box .ct-search-form button[type="submit"] {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	right: 0 !important;
	left: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	width: 54px !important;
	height: 48px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #14284B !important; /* doi tone navy - CTA cam */
	border-radius: 0 !important;
	transition: background .15s ease !important;
}
.ct-search-box .ct-search-form button[type="submit"]:hover { background: #0D1C36 /* doi tone navy */ !important; }
.ct-search-box .ct-search-form button[type="submit"] svg { color: #14284B !important; fill: #14284B !important; }

/* ===== KHAI THANH Nav v2: cat-btn + nav-right + cart + mega ===== */
.ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link{
  background:#122E52 !important;color:#fff !important;font-weight:700; /* doi tone navy - CTA cam */
  text-transform:none;letter-spacing:.3px;padding-left:18px;padding-right:18px;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link:hover{background:#0D2340 !important;color:#fff !important;} /* doi tone navy */

.ct-header #header-menu-1 .menu > li.nav-right{margin-left:auto !important;}

#header [data-row="top"]{background:#122E52 /* doi tone navy */ !important;}
#header [data-row="top"] a,#header [data-row="top"] .ct-top-bar-item{color:#B9C6D9 /* doi tone navy */ !important;}

.ct-header-cart > a{border:2px solid #1B4373 !important; /* doi tone navy */border-radius:0 !important;}
#header button,#header input,#header .ct-button,#header select{border-radius:0 !important;}

/* ===== Mega dropdown Uline style (force opaque + multi-column) ===== */
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu{
  display:flex !important;flex-wrap:wrap !important;width:auto !important;min-width:660px !important;max-width:760px;
  background:#fff !important;border-bottom:3px solid #14284B !important; /* doi tone navy */border-radius:0 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.18) !important;padding:18px 22px !important;gap:6px 30px !important;
  --theme-dropdown-background-color:#fff;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li{
  flex:0 0 auto !important;width:190px !important;margin:0 0 6px !important;background:#fff !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li > .ct-menu-link{
  font-size:12.5px !important;font-weight:400 !important;text-transform:none !important;color:#2B3036 !important;
  border-bottom:2px solid #14284B !important;padding:0 0 6px !important; /* doi tone navy */margin-bottom:8px !important;display:block !important;background:transparent !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu .sub-menu{
  position:static !important;box-shadow:none !important;border:0 !important;padding:0 !important;background:transparent !important;min-width:0 !important;
  display:block !important;opacity:1 !important;visibility:visible !important;transform:none !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu .sub-menu > li > .ct-menu-link{
  font-size:12.5px !important;color:#374151 !important;padding:3px 0 !important;font-weight:400 !important;text-transform:none !important;border:0 !important;background:transparent !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu .sub-menu > li > .ct-menu-link:hover{color:#14284B !important;} /* doi tone navy */
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu .ct-toggle-dropdown-mobile,
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu .ct-toggle-dropdown-desktop{display:none !important;}


/* Fix: hien thi cac muc con trong mega dropdown (Blocksy an opacity:0) */
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu .sub-menu > li{
  opacity:1 !important;transform:none !important;display:block !important;height:auto !important;margin:0 !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu .sub-menu{
  overflow:visible !important;max-height:none !important;height:auto !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu .sub-menu > li > .ct-menu-link{
  height:auto !important;min-height:0 !important;display:block !important;line-height:1.5 !important;padding:3px 0 !important;
}
/* Cot header cung khong bi cao qua */
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li > .ct-menu-link{height:auto !important;min-height:0 !important;line-height:1.4 !important;}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li{opacity:1 !important;transform:none !important;height:auto !important;}


/* Fix: header cot nam TREN cac muc con (khong nam ben trai) */
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li{display:block !important;vertical-align:top;}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li > .ct-menu-link{width:100% !important;}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li > .sub-menu{display:block !important;margin-top:4px !important;}
/* Panel z-index tren cung */
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu{z-index:9999 !important;}


/* ===== Mega menu NGANG (horizontal, tat ca cot 1 hang) ===== */
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu{
  flex-wrap:nowrap !important;min-width:980px !important;max-width:1100px !important;
  align-items:flex-start !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li{
  flex:1 1 0 !important;width:auto !important;min-width:190px !important;
}
/* "Tat ca san pham" thanh dai full-width duoi cung */
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li.menu-item-1332{
  flex:1 1 100% !important;width:100% !important;order:99;margin-top:10px !important;
  background:#f7f8fa !important;padding:10px 14px !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li.menu-item-1332 > .ct-menu-link{
  color:#14284B !important;border-bottom:0 !important; /* doi tone navy */margin-bottom:0 !important;padding:0 !important;font-size:13px !important;
}


/* ===== Tat ca san pham = thanh full-width duoi cung (row 2) ===== */
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu{
  flex-wrap:wrap !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li:not(.menu-item-1332){
  flex:1 1 22% !important;max-width:24% !important;
}
.ct-header #header-menu-1 .menu > li.cat-btn > .sub-menu > li.menu-item-1332{
  flex:0 0 100% !important;max-width:100% !important;width:100% !important;order:99;margin-top:12px !important;
  background:#f7f8fa !important;padding:12px 16px !important;text-align:left;
}


/* ===== Giam chieu cao thanh Nav cho thanh gon ===== */
#header [data-row="bottom"]{min-height:0 !important;}
.ct-header #header-menu-1{min-height:0 !important;}
.ct-header #header-menu-1 > .menu > li > .ct-menu-link{
  height:46px !important;min-height:46px !important;line-height:46px !important;padding-top:0 !important;padding-bottom:0 !important;
}
/* Nut cam giu can giua theo chieu cao moi */
.ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link{
  height:46px !important;min-height:46px !important;line-height:46px !important;display:flex !important;align-items:center !important;
}


/* ===== Giam min-height row nav (bien --height cua Blocksy) ===== */
#header [data-row="bottom"] .ct-container{--height:46px !important;}
#header [data-row="bottom"] .ct-container > div{min-height:46px !important;--height:46px !important;}
#header [data-row="bottom"] .ct-container > div > *{min-height:0 !important;}

/* ===== Can le dong bo: logo, nut Danh muc, va cac khoi body thang hang ===== */
.ct-header #header-menu-1{margin-left:0 !important;}

/* Container body ve cung khung header: max-width 1290, khong padding ngoai */
.emk-hero > div,
.emk-cats,
.emk-b2b,
.emk-trust{
  max-width:1290px !important;
  margin-left:auto !important;margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}


/* ===== NAV FONT SIZE (Be Vietnam Pro, compact) ===== */
.ct-header #header-menu-1 > .menu > li > .ct-menu-link{font-size:14px !important;}
.ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link{font-size:14px !important;}

/* ===== Footer navy override ===== */
footer .gspb_row-id-gsbp-938fde1 { background-color:#122E52 !important; } /* doi tone navy */
footer .gspb_row-id-gsbp-c40f02b { background-color:#122E52 !important; } /* doi tone navy */
footer.footer, body > footer, .site-footer > .gspb_row-id-gsbp-938fde1 { background-color:#122E52 !important; } /* doi tone navy */

#footer { background-color:#122E52 !important; } /* doi tone navy footer id */

html body #main-container #footer, html body footer#footer { background-color:#122E52 !important; } /* doi tone navy footer high-spec */

/* Fix broken footer logo -> use working light logo */
#footer .emk-fbrand > img { display:none !important; } /* doi tone navy footer logo fix */
#footer .emk-fbrand { position:relative; } /* doi tone navy footer logo fix */
#footer .emk-fbrand::before { content:''; display:block; width:222px; height:34px; background-image:url('https://khaithanh.vn/wp-content/uploads/2026/08/logo-khong-slogan-nen-toi.png'); background-repeat:no-repeat; background-size:contain; background-position:left center; } /* doi tone navy footer logo fix */

/* ===== Header khop mockup (tone navy) ===== */
.ct-header-text a[href^="tel:"]{ color:#1B4373 !important; font-weight:400 !important; } /* doi tone navy header mockup */
.ct-search-form, form[role="search"].ct-search-form{ border:2px solid #1B4373 !important; border-radius:8px !important; overflow:hidden; } /* doi tone navy header mockup */
.ct-search-form input[type="search"], form[role="search"] input{ border:none !important; } /* doi tone navy header mockup */


/* ===== Nav khop mockup (font Be Vietnam Pro + size) ===== */
#header[data-device="desktop"][data-row="bottom"] .ct-menu-link,
#header[data-device="desktop"][data-row="bottom"] .menu-item > a{ font-family:"Be Vietnam Pro", Arial, sans-serif !important; font-size:14px !important; font-weight:400 !important; color:#D9E3F0 !important; } /* nav item mockup */
#header[data-device="desktop"][data-row="bottom"] .ct-menu-link:hover,
#header[data-device="desktop"][data-row="bottom"] .menu-item > a:hover{ color:#ffffff !important; } /* nav hover mockup */

#header[data-device="desktop"][data-row="bottom"] .menu-item a[href*="dat-hang-nhanh"]{ color:#FFFFFF !important; font-weight:400 !important; } /* nav quick link mockup */

#header[data-device="desktop"][data-row="bottom"] .ct-menu-link.menu-cat,
#header[data-device="desktop"][data-row="bottom"] li.menu-item-has-children:first-child > .ct-menu-link{ font-family:"Be Vietnam Pro", Arial, sans-serif !important; font-size:14px !important; font-weight:400 !important; } /* nav catbtn mockup */

#header .ct-menu-link[href*="dat-hang-nhanh"],
#header a.ct-menu-link[href*="dat-hang-nhanh"]{ color:#FFFFFF !important; font-weight:400 !important; } /* quick gold mockup */
#header .ct-menu-link[href*="uu-dai-dac-biet"],
#header a.ct-menu-link[href*="uu-dai-dac-biet"]{ color:#D9E3F0 !important; font-weight:400 !important; } /* uu dai normal mockup */

/* Bo mau cam item dang xem (active) tren nav - khop mockup */
#header[data-device="desktop"][data-row="bottom"] .current-menu-item > .ct-menu-link,
#header[data-device="desktop"][data-row="bottom"] .current_page_item > .ct-menu-link,
#header[data-device="desktop"][data-row="bottom"] .current-menu-ancestor > .ct-menu-link,
#header[data-device="desktop"][data-row="bottom"] .ct-menu-link.active,
#header[data-device="desktop"][data-row="bottom"] li.active > .ct-menu-link{ color:#D9E3F0 !important; } /* nav active normal mockup */

/* Reset mau active (cam) - phu rong Blocksy */
#header .ct-menu-link.current-menu-item,
#header li.current-menu-item > .ct-menu-link,
#header li.current_page_item > .ct-menu-link,
#header li.current-menu-ancestor > .ct-menu-link,
#header li.current-page-ancestor > .ct-menu-link{ color:#D9E3F0 !important; --theme-link-initial-color:#D9E3F0 !important; --theme-link-hover-color:#ffffff !important; } /* active reset mockup */
#header li.current-menu-item > .ct-menu-link:hover,
#header li.current_page_item > .ct-menu-link:hover{ color:#ffffff !important; }


/* ===== Nav padding & khoang cach khop mockup ===== */
#header[data-device="desktop"][data-row="bottom"] .menu > li > .ct-menu-link{ padding-top:14px !important; padding-bottom:14px !important; padding-left:18px !important; padding-right:18px !important; } /* nav item padding 14/18 mockup */
#header[data-device="desktop"][data-row="bottom"] .menu{ column-gap:0 !important; gap:0 !important; } /* nav no gap mockup */
#header[data-device="desktop"][data-row="bottom"] .menu > li{ margin:0 !important; } /* nav item no margin mockup */
.ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link{ padding-left:22px !important; padding-right:22px !important; } /* catbtn padding 22 mockup */


/* ===== Bo container header ve 1180px giong mockup (.wrap) ===== */
#header .ct-container{ max-width:1180px !important; margin-left:auto !important; margin-right:auto !important; } /* container 1180 mockup */


/* ===== Nav override do dac hieu cao (khop mockup) ===== */
#header #menu-menu-chinh li.menu-item > a.ct-menu-link{ font-family:"Be Vietnam Pro", Arial, sans-serif !important; font-size:14px !important; font-weight:400 !important; color:#D9E3F0 !important; padding:14px 18px !important; letter-spacing:normal !important; } /* nav item strong mockup */
#header #menu-menu-chinh li.cat-btn > a.ct-menu-link{ font-weight:700 !important; padding:14px 22px !important; background-color:#122E52 !important; color:#ffffff !important; text-transform:none !important; } /* catbtn strong mockup */
#header #menu-menu-chinh li.cat-btn > a.ct-menu-link:hover{ background-color:#0D2340 !important; } /* catbtn hover strong */
#header #menu-menu-chinh li.menu-item > a.ct-menu-link[href*="dat-hang-nhanh"]{ color:#FFFFFF !important; font-weight:400 !important; } /* quick strong mockup */
#header #menu-menu-chinh li.menu-item > a.ct-menu-link:hover{ color:#ffffff !important; } /* nav hover strong */
#header #menu-menu-chinh.menu{ column-gap:0 !important; gap:0 !important; }


/* ===== Bo toan bo noi dung trang chu ve 1180px giong mockup ===== */
.emk-topbar,
.emk-hero,
.emk-cats,
.emk-b2b,
.emk-footer{ max-width:1180px !important; margin-left:auto !important; margin-right:auto !important; } /* content 1180 mockup */

/* ===== An mo ta ben phai o tim kiem, chi giu don hang ===== */
#header [data-id="UfAVGl"]{ display:none !important; }

/* ===== Nut Don Hang: bo vien, chu title case ===== */
#header .ct-header-cart a.ct-cart-item{ border:none !important; box-shadow:none !important; }
#header .ct-header-cart .ct-label{ text-transform:none !important; }

/* ===== Doi chu N HNG -> n Hng ===== */
#header .ct-header-cart .ct-label{ font-size:0 !important; }
#header .ct-header-cart .ct-label::before{ content:"\000110\0001a1n H\0000e0ng"; font-size:14px; }#header .ct-header-cart .ct-label .ct-amount{ font-size:14px; }

/* ===== Tinh chinh tham my nut Don Hang ===== */
#header .ct-header-cart a.ct-cart-item{ display:flex !important; align-items:center !important; gap:9px !important; padding:6px 4px !important; }
#header .ct-header-cart svg{ width:22px !important; height:22px !important; color:#1B4373 !important; fill:#1B4373 !important; }
#header .ct-header-cart .ct-label::before{ color:#1B4373; font-family:"Be Vietnam Pro", Arial, sans-serif; font-weight:400; letter-spacing:.2px; }
#header .ct-header-cart .ct-dynamic-count-cart{ background-color:#14284B !important; color:#ffffff !important; font-weight:400 !important; min-width:18px !important; height:18px !important; line-height:18px !important; border-radius:9px !important; box-shadow:0 0 0 2px #ffffff !important; }

/* ===== Fix dropdown Danh Muc San Pham: chu ro, cot deu ===== */
/* Container dropdown */
#header #menu-menu-chinh li.cat-btn > .sub-menu{ padding:20px 24px !important; box-shadow:0 12px 32px rgba(18,46,82,.14) !important; border-radius:0 0 8px 8px !important; align-items:stretch !important; }
/* Cot: cach deu, canh tren */
#header #menu-menu-chinh li.cat-btn > .sub-menu > li.menu-item{ flex:1 1 0 !important; }
/* Header cot: navy dam, chieu cao co dinh de cac cot thang hang */
#header #menu-menu-chinh li.cat-btn > .sub-menu > li.menu-item > a.ct-menu-link{ color:#122E52 !important; font-family:"Be Vietnam Pro",Arial,sans-serif !important; font-weight:400 !important; font-size:13px !important; letter-spacing:.4px !important; text-transform:none !important; padding:0 0 8px 0 !important; margin-bottom:10px !important; min-height:38px !important; display:flex !important; align-items:flex-end !important; border-bottom:2px solid #14284B !important; line-height:1.25 !important; }
/* Items trong cot: chu toi, gon, de doc */
#header #menu-menu-chinh li.cat-btn .sub-menu .sub-menu a.ct-menu-link{ color:#374151 !important; font-family:"Be Vietnam Pro",Arial,sans-serif !important; font-weight:400 !important; font-size:13.5px !important; letter-spacing:0 !important; text-transform:none !important; padding:7px 10px !important; margin:0 -10px !important; border-radius:6px !important; line-height:1.4 !important; min-height:0 !important; display:block !important; transition:background .15s,color .15s !important; }
#header #menu-menu-chinh li.cat-btn .sub-menu .sub-menu a.ct-menu-link:hover{ color:#122E52 !important; background:#EEF3F9 !important; }
/* Hover header cot */
#header #menu-menu-chinh li.cat-btn > .sub-menu > li.menu-item > a.ct-menu-link:hover{ color:#14284B !important; background:transparent !important; }

/* ===== Thu gon khoang cach giong Uline.com ===== */
/* Container: giam padding tren/duoi */
#header #menu-menu-chinh li.cat-btn > .sub-menu{ padding:16px 24px !important; row-gap:0 !important; }
/* Header cot: gon hon, thap hon */
#header #menu-menu-chinh li.cat-btn > .sub-menu > li.menu-item > a.ct-menu-link{ min-height:30px !important; margin-bottom:6px !important; padding:0 0 6px 0 !important; font-size:12.5px !important; }
/* Item: sat lai (giong Uline padding 3px) */
#header #menu-menu-chinh li.cat-btn .sub-menu .sub-menu > li.menu-item{ margin:0 !important; }
#header #menu-menu-chinh li.cat-btn .sub-menu .sub-menu a.ct-menu-link{ padding:3px 10px !important; line-height:1.35 !important; font-size:13px !important; }

/* ===== Thu gon them: keo item sat header hon ===== */
#header #menu-menu-chinh li.cat-btn > .sub-menu > li.menu-item > a.ct-menu-link{ min-height:20px !important; margin-bottom:4px !important; padding-bottom:5px !important; }
#header #menu-menu-chinh li.cat-btn > .sub-menu > li.menu-item > .sub-menu{ margin-top:0 !important; }


/* ===== KHAI THANH Mega-menu: dong deu khoang cach cot (v2) ===== */
#header #menu-menu-chinh li.cat-btn > ul.sub-menu > li.menu-item > ul.sub-menu > li:first-child > a.ct-menu-link{ padding-top: 0 !important; }
#header #menu-menu-chinh li.cat-btn > ul.sub-menu{
  align-items: flex-start !important;   /* khong keo dan chieu cao cot */
  align-content: flex-start !important;
  row-gap: 26px !important;             /* khoang cach giua 2 hang cot */
  column-gap: 30px !important;
}
/* Moi cot: header luon nam ngay tren muc con cua chinh no */
#header #menu-menu-chinh li.cat-btn > ul.sub-menu > li.menu-item{
  display: flex !important;
  flex-direction: column !important;
  align-self: flex-start !important;
  margin: 0 !important;
}
/* Header cot: bo canh-day, gap co dinh xuong muc con */
#header #menu-menu-chinh li.cat-btn > ul.sub-menu > li.menu-item > a.ct-menu-link{
  min-height: 0 !important;
  align-items: flex-start !important;
  margin: 0 0 0 0 !important;
  padding-bottom: 4px !important;
  line-height: 1.1 !important;
}
/* Danh sach muc con: khong day them khoang cach tren */
#header #menu-menu-chinh li.cat-btn > ul.sub-menu > li.menu-item > ul.sub-menu{
  margin-top: -8px !important;
  padding-top: 0 !important;
}


/* ===== KHAI THANH: an khoi B2B (Dat hang nhanh + Mua lai don cu) - tam an theo yeu cau ===== */
.emk-b2b{ display:none !important; }

/* ===== NAV: cach deu + hover nen cam dam (Claude) ===== */
#header #menu-menu-chinh.menu{
  justify-content: space-between !important;
  width: 100% !important;
}
/* Bo cac margin-left:auto lam lech khoang cach */
.ct-header #header-menu-1 .menu > li.nav-right,
#header-menu-1 #menu-menu-chinh .menu-item-1333,
.ct-header #header-menu-1 .menu > li.menu-item-1333{
  margin-left: 0 !important;
}
/* Hover nen cam dam cho TAT CA cac muc (ke ca Danh muc san pham) */
#header #menu-menu-chinh > li.menu-item > a.ct-menu-link{
  border-radius: 6px !important;
  transition: background-color .2s ease, color .2s ease !important;
}
#header #menu-menu-chinh > li.menu-item:not(.cat-btn) > a.ct-menu-link:hover{
  background-color: #14284B !important;
  color: #ffffff !important;
}
/* Nut Danh muc san pham: hover cung doi cam dam */
.ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link:hover,
#header #menu-menu-chinh li.cat-btn > a.ct-menu-link:hover{
  background-color: #14284B !important;
  color: #ffffff !important;
}


/* Mini-cart dropdown: white bg, dark text for readability */
.ct-cart-content{
  background:#ffffff !important;
  color:#1a1a1a !important;
  border:1px solid #E2E6EC !important;
  box-shadow:0 12px 30px rgba(0,0,0,.12) !important;
}
.ct-cart-content *{ color:#1a1a1a; }
.ct-cart-content .product-title,
.ct-cart-content li a.product-title{
  color:#1a1a1a !important; font-weight:400;
}
.ct-cart-content .product-title:hover,
.ct-cart-content li a.product-title:hover{
  color:#14284B !important;
}

/* Divider between items: a bit stronger */
.ct-cart-content li.woocommerce-mini-cart-item{
  border-bottom:1px dashed #C9D0DA !important;
}

/* Subtotal row: light gray background */
.ct-cart-content p.woocommerce-mini-cart__total{
  background:#F3F5F8 !important;
  padding:12px 14px !important;
  border-radius:8px !important;
  margin:10px 0 !important;
}
.ct-cart-content p.woocommerce-mini-cart__total,
.ct-cart-content p.woocommerce-mini-cart__total *{ color:#1a1a1a !important; }

/* Buttons: white text on orange */
.ct-cart-content a.button,
.ct-cart-content a.button.wc-forward,
.ct-cart-content a.button.checkout{
  color:#ffffff !important;
}

/* Remove (delete) icon: smaller and black */
.ct-cart-content a.remove.remove_from_cart_button,
.ct-cart-content a.remove{
  color:#1a1a1a !important;
  transition:transform .15s ease;
}
#header .ct-header-cart .ct-cart-content a.remove svg,
#header .ct-cart-content a.remove svg,
#header .ct-cart-content a.remove.remove_from_cart_button svg{
  width:12px !important; height:12px !important;
}
#header .ct-cart-content a.remove svg *,
#header .ct-cart-content a.remove svg path,
#header .ct-cart-content a.remove.remove_from_cart_button svg path,
#header .ct-cart-content a.remove.remove_from_cart_button svg{
  fill:#1a1a1a !important;
}
/* Hover -> red */
#header .ct-cart-content a.remove:hover svg *,
#header .ct-cart-content a.remove:hover svg path,
#header .ct-cart-content a.remove.remove_from_cart_button:hover svg path,
#header .ct-cart-content a.remove.remove_from_cart_button:hover svg{
  fill:#DC2626 !important;
}
.ct-cart-content a.remove:hover{ color:#DC2626 !important; }


/* Rename subtotal label */
.ct-cart-content p.woocommerce-mini-cart__total strong{
  font-size:0 !important;
}
.ct-cart-content p.woocommerce-mini-cart__total strong::after{
  content:"Tổng tiền:";
  font-size:12px;
  font-weight:400;
  color:#1a1a1a;
}

/* ==== EMK MOBILE ULINE LAYOUT (added by assistant) ==== */

@media (min-width:761px){  .emk-menulist{ display:none !important; } }
@media (max-width:760px){

  .emk-hero .emk-hero-main{ position:relative !important; min-height:0 !important; }
  .emk-hero .emk-hero-main > img{
    position:relative !important; inset:auto !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
    width:100% !important; height:auto !important; max-height:230px !important;
    object-fit:contain !important; display:block !important;
  }
  .emk-hero .emk-textbox{
    position:absolute !important; left:12px !important; right:12px !important; bottom:12px !important; top:auto !important;
    width:auto !important; max-width:none !important;
    padding:10px 12px !important; border-radius:10px !important;
    background:linear-gradient(180deg, rgba(18,46,82,.55), rgba(18,46,82,.9)) !important;
    color:#fff !important;
  }
  .emk-hero .emk-textbox > div:first-child{ font-size:14px !important; line-height:1.2 !important; font-weight:700 !important; color:#fff !important; }
  .emk-hero .emk-textbox > div:first-child *{ color:#fff !important; }
  .emk-hero .emk-textbox > div:nth-child(2){ font-size:11px !important; line-height:1.25 !important; color:#eaf0f7 !important; margin-top:2px !important; }
  .emk-hero .emk-actions{ transform:none !important; position:static !important; display:flex !important; gap:8px !important; margin-top:8px !important; flex-wrap:wrap !important; left:auto !important; top:auto !important; align-items:center !important; }
  .emk-hero .emk-actions > *{ transform:none !important; position:static !important; margin:0 !important; }
  .emk-hero .emk-badge{ background:#fff !important; border:1px solid #14284B !important; color:#122e52 !important; padding:5px 10px !important; border-radius:20px !important; font-size:11px !important; }
  .emk-hero .emk-badge *{ color:#122e52 !important; }
  .emk-hero .emk-cta{ background:#D89A26 !important; color:#14284B !important; padding:5px 12px !important; border-radius:20px !important; font-size:12px !important; border:1px solid #fff !important; }
  .emk-hero .emk-cta *{ color:#14284B !important; }

  #header [data-row="middle"]{ background:#122e52 !important; }
  #header [data-row="middle"] a,
  #header [data-row="middle"] svg,
  #header [data-row="middle"] .ct-icon{ color:#fff !important; fill:#fff !important; }
  #header [data-row="middle"] [data-id] svg *{ stroke:#fff !important; }
  #header [data-row="middle"] .ct-cart-count,
  #header [data-row="middle"] .cart-count{ background:#14284B !important; color:#fff !important; }

  
  
  
  

  .emk-cats .emk-cat-grid{ display:grid !important; grid-template-columns:1fr 1fr 1fr !important; gap:10px !important; }
  .emk-cats .emk-cat-grid .emk-cat{ display:flex !important; flex-direction:column !important; padding:0 !important; border:0 !important; box-shadow:none !important; background:transparent !important; text-align:center !important; }
  .emk-cats .emk-cat-grid .emk-cat > div:first-child{ position:relative !important; width:100% !important; aspect-ratio:1/1 !important; height:auto !important; min-height:0 !important; background:#eef1f4 !important; border:1px solid #e2e6ea !important; border-radius:4px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; margin:0 0 6px 0 !important; }
  .emk-cats .emk-cat-grid .emk-cat > div:first-child span{ font-size:0 !important; }
  .emk-cats .emk-cat-grid .emk-cat > div:first-child span:nth-child(2){ display:none !important; }
  .emk-cats .emk-cat-grid .emk-cat > div:last-child{ padding:0 !important; }
  .emk-cats .emk-cat-grid .emk-cat > div:last-child > div:nth-child(1){ font-size:12px !important; line-height:1.2 !important; font-weight:700 !important; color:#122e52 !important; margin:0 !important; }
  .emk-cats .emk-cat-grid .emk-cat > div:last-child > div:nth-child(2),
  .emk-cats .emk-cat-grid .emk-cat > div:last-child > div:nth-child(3),
  .emk-cats .emk-cat-grid .emk-cat > div:last-child > div:nth-child(4){ display:none !important; }

}


@media (max-width:760px){
  .emk-menulist{ display:block !important; margin:0 0 8px !important; border-top:1px solid #e5e9ee; }
  .emk-menulist a{ display:flex !important; align-items:center; justify-content:space-between; padding:14px 16px !important; font-size:15px !important; font-weight:400 !important; color:#122e52 !important; text-decoration:none !important; border-bottom:1px solid #e5e9ee !important; background:#fff !important; }
  .emk-menulist a .emk-caret{ color:#7f8fa3 !important; font-size:12px !important; }
}

@media (min-width:761px){ .emk-menulist{ display:none !important; } }

@media (max-width:760px){
  footer.eco-footer .row2{ display:none !important; }
  footer.eco-footer .row1{ display:flex !important; flex-direction:column !important; align-items:center !important; gap:6px !important; padding:14px 12px !important; text-align:center !important; }
  footer.eco-footer .row1 > div:nth-child(1){ font-size:12px !important; line-height:1.4 !important; color:#cfd8e3 !important; }
  footer.eco-footer .row1 > div:nth-child(1) b{ color:#fff !important; }
  footer.eco-footer .row1 > div:nth-child(2){ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; align-items:center !important; gap:8px !important; }
  footer.eco-footer .row1 > div:nth-child(2) a{ font-size:12px !important; color:#cfd8e3 !important; }
  footer.eco-footer .row1 > div:nth-child(2) a:nth-child(1),
  footer.eco-footer .row1 > div:nth-child(2) a:nth-child(3),
  footer.eco-footer .row1 > div:nth-child(2) a:nth-child(4){ display:none !important; }
  footer.eco-footer .row1 > div:nth-child(2) a:nth-child(5)::before{ content:'·'; color:#7f8fa3 !important; margin-right:8px !important; }
}

/* ==== EMK EDIT PASS 2 (logo, search, hero overlay) ==== */
@media (max-width:760px){
  #header .site-logo-container img, #header .site-logo-container svg{ opacity:0 !important; }
  #header .site-logo-container{ display:inline-block !important; width:min(150px,28vw)!important; height:44px !important; background-image:url('https://khaithanh.vn/wp-content/uploads/2026/08/logo-khong-slogan-nen-toi.png') !important; background-repeat:no-repeat !important; background-position:left center !important; background-size:contain !important; }
}

@media (max-width:760px){
  .emk-hero .emk-textbox{ top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; inset:0 !important; max-width:none !important; width:100% !important; height:100% !important; border-radius:0 !important; padding:16px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }
}


/* ==== END EMK EDIT PASS 2 ==== */
/* ==== END EMK MOBILE ULINE LAYOUT ==== */

/* ==== EMK EDIT PASS 3 (header 3/4, hero +1/5, footer link) ==== */
@media (max-width:760px){
  /* 1. Navy header -> 3/4 (80 -> 60) */
  #header [data-row="middle"]{ --height:60px !important; }
  #header [data-row="middle"] .ct-container > *{ min-height:60px !important; }
  /* 2. Hero image taller +1/5 (~131 -> ~157) */
  .emk-hero .emk-hero-main img, .emk-hero img{ height:157px !important; max-height:157px !important; }
  /* 4. Footer: show "Tra cuu don hang" on links line */
  footer.eco-footer .row1 > div:nth-child(2) a:nth-child(1){ display:inline !important; }
}
/* ==== END EMK EDIT PASS 3 ==== */
/* ==== EMK EDIT PASS 4 (hide cats heading, cap names, menulist navy) ==== */
@media (max-width:760px){
  /* 1. hide "Danh muc san pham" heading + description below hero */
  .emk-cats > h2, .emk-cats > p{ display:none !important; }
  /* 2. category names: uppercase -> normal case (first letter cap from source) */
  .emk-cat > div:nth-child(2) > div:nth-child(1){ text-transform:none !important; }
  /* 3. menu-list (footer1) all text -> navy */
  .emk-menulist, .emk-menulist a, .emk-menulist span{ color:#122E52 !important; }
  .emk-menulist a .emk-caret{ color:#122E52 !important; }
}
/* ==== END EMK EDIT PASS 4 ==== */
/* ==== EMK EDIT PASS 5 (hero CTA deep orange) ==== */
@media (max-width:760px){
  .emk-hero a.emk-cta, .emk-hero .emk-actions .emk-cta{
    background:#D89A26 !important; border-color:#D89A26 !important;
    color:#14284B !important;
  }
  .emk-hero a.emk-cta:hover{ background:#C68A15 !important; }
  .emk-hero a.emk-cta *{ color:#14284B !important; }
}
/* ==== END EMK EDIT PASS 5 ==== */
/* ==== EMK EDIT PASS 6 (offcanvas white + logo + clean, hamburger left) ==== */
@media (max-width:760px){
  /* --- Offcanvas: white bg --- */
  #offcanvas .ct-panel-inner, #offcanvas .ct-panel-content, #offcanvas .ct-panel-content-inner{ background:#fff !important; }
  #offcanvas .ct-panel-inner{ box-shadow:none !important; }
  #offcanvas .ct-panel-content-inner{ padding-top:8px !important; }
  /* navy text, regular weight */
  #offcanvas .mobile-menu a, #offcanvas .menu-container a, #offcanvas .mobile-menu button{ color:#122E52 !important; opacity:1 !important; }
  #offcanvas .ct-toggle-close{ color:#122E52 !important; }
  #offcanvas .mobile-menu li a, #offcanvas .mobile-menu li li a, #offcanvas .mobile-menu .sub-menu a{ font-weight:400 !important; }
  /* remove leftover book-store content block + empty logo slot + bottom topbar */
  #offcanvas .ct-header-content-block{ display:none !important; }
  #offcanvas .ct-panel-content-inner > .site-logo-container{ display:none !important; }
  #offcanvas .emk-topbar{ display:none !important; }
  /* KHAI THANH logo at top of offcanvas */
  #offcanvas .ct-panel-actions{ position:relative !important; min-height:52px !important; display:flex !important; align-items:center !important; padding:10px 16px !important; border-bottom:1px solid #eef1f5 !important; }
  #offcanvas .ct-panel-actions::before{ content:"" !important; display:block !important; width:150px !important; height:36px !important; background-image:url('https://khaithanh.vn/wp-content/uploads/2026/08/logo-khong-slogan-nen-sang.png') !important; background-repeat:no-repeat !important; background-position:left center !important; background-size:contain !important; margin-right:auto !important; }
  /* --- Header: hamburger to far left --- */
  #header [data-row="middle"] .ct-container{ position:relative !important; }
  #header [data-row="middle"] .ct-header-trigger{ position:absolute !important; left:16px !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important; z-index:5 !important; }
  #header [data-row="middle"] .ct-container > *:first-child{ padding-left:44px !important; }
}
/* ==== END EMK EDIT PASS 6 ==== */

/* ==== EMK EDIT PASS 7 : offcanvas submenu arrow color ==== */
@media (max-width:760px){
  #offcanvas .ct-toggle-dropdown-mobile,
  #offcanvas .ct-toggle-dropdown-mobile .ct-icon,
  #offcanvas .ct-toggle-dropdown-mobile svg,
  #offcanvas .ct-toggle-dropdown-mobile svg path{
    color:#122E52 !important;
    fill:#122E52 !important;
  }
}
/* ==== END EMK EDIT PASS 7 ==== */


/* ==== EMK EDIT PASS 8 : offcanvas logo -> home link (light logo) ==== */
@media (max-width:760px){
  #offcanvas .ct-panel-actions::before{ display:none !important; }
  #offcanvas .ct-panel-content-inner > a.site-logo-container{
    display:block !important;
    position:absolute !important;
    left:16px !important;
    top:12px !important;
    width:150px !important;
    height:36px !important;
    background-image:url("https://khaithanh.vn/wp-content/uploads/2026/08/logo-khong-slogan-nen-sang.png") !important;
    background-repeat:no-repeat !important;
    background-position:left center !important;
    background-size:contain !important;
    z-index:12 !important;
    font-size:0 !important;
  }
  #offcanvas .ct-panel-content-inner > a.site-logo-container svg,
  #offcanvas .ct-panel-content-inner > a.site-logo-container img{
    opacity:0 !important;
    width:150px !important;
    height:36px !important;
  }
}
/* ==== END EMK EDIT PASS 8 ==== */


/* ==== EMK EDIT PASS 9 : footer menulist "Danh muc san pham" dropdown ==== */
@media (max-width:760px){
  .emk-menulist .emk-submenu{ display:none; }
  .emk-menulist.emk-cat-open .emk-submenu{ display:block; padding:2px 0 8px 16px; }
  .emk-menulist .emk-submenu ul{ margin:0; padding-left:14px; list-style:none; }
  .emk-menulist .emk-submenu li{ list-style:none; margin:0; }
  .emk-menulist .emk-submenu a{ display:block; padding:7px 0; color:#122E52 !important; font-weight:400 !important; font-size:15px; text-transform:none; }
  .emk-menulist .emk-submenu .ct-toggle-dropdown-mobile,
  .emk-menulist .emk-submenu .ct-sub-menu-parent > button{ display:none !important; }
  .emk-menulist a[data-emk-catbtn]{ cursor:pointer; }
  .emk-menulist a[data-emk-catbtn] .emk-caret{ transition:transform .2s ease; display:inline-block; }
  .emk-menulist.emk-cat-open a[data-emk-catbtn] .emk-caret{ transform:rotate(180deg); }
}
/* ==== END EMK EDIT PASS 9 ==== */


/* ==== EMK EDIT PASS 10 : footer nested submenu toggle ==== */
@media (max-width:760px){
  .emk-menulist .emk-submenu-cloned li.menu-item-has-children > ul.sub-menu{ display:none; }
  .emk-menulist .emk-submenu-cloned li.menu-item-has-children.emk-sub-open > ul.sub-menu{ display:block; }
  .emk-menulist .emk-submenu-cloned a[data-emk-sub]{ position:relative; cursor:pointer; }
  .emk-menulist .emk-submenu-cloned a[data-emk-sub]::after{ content:"\25BE"; margin-left:6px; font-size:11px; color:#122E52; transition:transform .2s ease; display:inline-block; }
  .emk-menulist .emk-submenu-cloned li.emk-sub-open > a[data-emk-sub]::after,
  .emk-menulist .emk-submenu-cloned li.emk-sub-open > .ct-sub-menu-parent > a[data-emk-sub]::after{ transform:rotate(180deg); }
}
/* ==== END EMK EDIT PASS 10 ==== */

/* ==== EMK EDIT PASS 11 : an mui ten thua tren danh muc cha footer ==== */
@media (max-width:760px){
  .emk-submenu-cloned .ct-toggle-dropdown-desktop,
  .emk-submenu-cloned .ct-toggle-dropdown-desktop-ghost,
  .emk-submenu-cloned .ct-toggle-dropdown-mobile,
  .emk-submenu-cloned li.menu-item-has-children > a > .ct-toggle-dropdown-desktop{
    display:none !important;
  }
}
/* ==== END EMK EDIT PASS 11 ==== */

/* ==== EMK EDIT PASS 12 : accordion danh muc footer thuan CSS khong JS ==== */
@media (max-width:760px){
  .emk-catacc{ display:block; }
  .emk-catacc .emk-acc-cb{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
  .emk-catacc label{ display:flex; align-items:center; justify-content:space-between; cursor:pointer; -webkit-tap-highlight-color:transparent; }
  .emk-acc-top-lbl{ padding:12px 4px; font-weight:400; color:#122E52; border-bottom:1px solid #e5e9f0; }
  .emk-acc-panel{ display:none; }
  #emk-acc-top:checked ~ .emk-acc-panel{ display:block; }
  .emk-acc-sub-lbl{ padding:11px 4px 11px 16px; color:#122E52; border-bottom:1px solid #eef1f6; }
  .emk-acc-subpanel{ display:none; }
  .emk-acc-cb-sub:checked + .emk-acc-sub-lbl + .emk-acc-subpanel{ display:block; }
  .emk-acc-leaf{ display:block; padding:9px 4px 9px 30px; color:#334b6b; }
  .emk-acc-leaf{ color:#334b6b; font-size:14px; text-decoration:none; }
  .emk-acc-leaf-top{ padding-left:16px; color:#122E52; border-bottom:1px solid #eef1f6; }
  .emk-acc-ar{ width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #7f8fa3; transition:transform .2s; margin-left:8px; flex:none; }
  #emk-acc-top:checked ~ .emk-acc-top-lbl .emk-acc-ar,
  .emk-acc-cb-sub:checked + .emk-acc-sub-lbl .emk-acc-ar{ transform:rotate(180deg); }
}
/* ==== END EMK EDIT PASS 12 ==== */

/* ==== EMK EDIT PASS 13 : hover/active cam cho danh muc mobile (footer + 3 gach) ==== */
@media (max-width:760px){
  .emk-menulist .emk-catacc a.emk-acc-leaf:hover,
  .emk-menulist .emk-catacc a.emk-acc-leaf:active,
  .emk-menulist .emk-catacc a.emk-acc-leaf:focus,
  .emk-menulist .emk-catacc .emk-acc-sub-lbl:hover,
  .emk-menulist .emk-catacc .emk-acc-sub-lbl:active,
  .emk-menulist .emk-catacc .emk-acc-top-lbl:hover,
  .emk-menulist .emk-catacc .emk-acc-top-lbl:active{
    color:#14284B !important;
  }
  #offcanvas .ct-menu-link:hover,
  #offcanvas .ct-menu-link:active,
  #offcanvas .ct-menu-link:focus{
    color:#14284B !important;
  }
}
/* ==== END EMK EDIT PASS 13 ==== */


/* ==== EMK EDIT PASS 15 : danh muc footer y het menu 3 gach (cham + chevron + cam khi mo) ==== */
@media (max-width:760px){
  /* Danh muc cha: cham trai + chevron phai */
  .emk-menulist .emk-catacc .emk-acc-sub-lbl{ position:relative; padding-left:24px !important; }
  .emk-menulist .emk-catacc .emk-acc-sub-lbl::before{ content:""; position:absolute; left:8px; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#7f8fa3; }
  .emk-menulist .emk-catacc .emk-acc-sub-lbl .emk-acc-ar{ display:none !important; }
  .emk-menulist .emk-catacc .emk-acc-sub-lbl::after{ content:""; width:8px; height:8px; border-right:2px solid #7f8fa3; border-bottom:2px solid #7f8fa3; transform:rotate(45deg); transition:transform .2s; margin-left:auto; margin-right:6px; flex:none; }
  /* Khi mo: chu cam, cham cam, chevron len */
  .emk-menulist .emk-catacc .emk-acc-cb-sub:checked + .emk-acc-sub-lbl{ color:#14284B !important; }
  .emk-menulist .emk-catacc .emk-acc-cb-sub:checked + .emk-acc-sub-lbl::before{ background:#14284B; }
  .emk-menulist .emk-catacc .emk-acc-cb-sub:checked + .emk-acc-sub-lbl::after{ transform:rotate(-135deg); border-color:#14284B; margin-bottom:-4px; }
  /* Danh muc con: thut vao + cham trai */
  .emk-menulist .emk-catacc a.emk-acc-leaf{ position:relative; padding-left:40px !important; }
  .emk-menulist .emk-catacc a.emk-acc-leaf::before{ content:""; position:absolute; left:24px; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:50%; background:#9aa7b8; }
  /* Tat ca san pham (khong con): dot ngang cap cha */
  .emk-menulist .emk-catacc a.emk-acc-leaf-top{ padding-left:24px !important; }
  .emk-menulist .emk-catacc a.emk-acc-leaf-top::before{ left:8px; width:5px; height:5px; background:#7f8fa3; }
}
/* ==== END EMK EDIT PASS 15 ==== */


/*  ==== EMK EDIT PASS 16 (category image box match desktop aspect ratio)  ==== */
@media (max-width:760px){
  .emk-cats .emk-cat-grid .emk-cat > div:first-child{ aspect-ratio:304/170 !important; }
  .emk-cats .emk-cat-grid .emk-cat > div:first-child img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
}
/*  ==== END EMK EDIT PASS 16  ==== */


/*  ==== EMK EDIT PASS 17 (footer: align Danh muc san pham label with other menu items)  ==== */
@media (max-width:760px){
  .emk-menulist .emk-catacc .emk-acc-top-lbl{ padding-left:16px !important; }
}
/*  ==== END EMK EDIT PASS 17  ==== */


/*  ==== EMK EDIT PASS 18 (footer: step-indent category levels under Danh muc san pham)  ==== */
@media (max-width:760px){
  .emk-menulist .emk-catacc .emk-acc-sub-lbl{ padding-left:32px !important; }
  .emk-menulist .emk-catacc .emk-acc-sub-lbl::before{ left:16px !important; }
  .emk-menulist .emk-catacc a.emk-acc-leaf{ padding-left:48px !important; }
  .emk-menulist .emk-catacc a.emk-acc-leaf::before{ left:32px !important; }
}
/*  ==== END EMK EDIT PASS 18  ==== */


/*  ==== EMK SHOP ARCHIVE (category archive: cards, sidebar, filters, pagination)  ==== */
.products .product{border:1px solid #dde1e8;border-radius:0;background:#fff;}
.products .product:hover{border-color:#2B3036;box-shadow:0 3px 12px rgba(43,48,54,.14);}
.products .product .price{color:#B67F15;font-weight:700;}
.products .product .button{border:2px solid #14284B;color:#14284B;background:#fff;border-radius:0;font-weight:600;}
.products .product .button:hover{background:#14284B;color:#fff;}
.products .product .stock.in-stock,.products .product .ct-woo-card-stock{color:#1E7A3C;font-weight:700;}
.ct-sidebar .ct-widget{border:1px solid #dde1e8;background:#fff;margin-bottom:12px;}
.ct-sidebar .ct-widget > h2,.ct-sidebar .ct-widget > h3,.ct-sidebar .ct-widget .wp-block-heading,.ct-sidebar .ct-widget .wc-block-price-filter__title,.ct-sidebar .ct-widget .wc-block-attribute-filter__title{background:#f5f6f8;border-bottom:1px solid #e4e8ee;font-size:12px;font-weight:700;text-transform:none;padding:9px 12px;margin:0;}
.ct-sidebar .ct-widget ul{padding:6px 12px 10px;}
.ct-sidebar .ct-widget input[type=checkbox]{accent-color:#14284B;}
.wc-block-active-filters .wc-block-active-filters__list-item a,.woocommerce-widget-layered-nav-filters li a{border:1.5px solid #14284B;color:#14284B;font-size:12px;font-weight:600;padding:5px 10px;border-radius:0;display:inline-block;}
.woocommerce-pagination .page-numbers{border:1.5px solid #dde1e8;border-radius:0;}
.woocommerce-pagination .current{background:#2B3036;border-color:#2B3036;color:#fff;}
/*  ==== END EMK SHOP ARCHIVE  ==== */


/* ==== EMK MOCKUP LAYOUT (category archive form) ==== */
.ct-sidebar .ct-widget.widget_block{border:1px solid #dde1e8;border-radius:6px;margin-bottom:18px;overflow:hidden;background:#fff;}
.ct-sidebar .ct-widget.widget_block > *:not(h3):not(.wp-block-heading):not(.wc-block-product-categories){padding-left:16px;padding-right:16px;}
.ct-sidebar .ct-widget.widget_block:has(> .wp-block-heading:empty){display:none;}
.ct-sidebar .wp-block-heading:empty{display:none;}
.ct-sidebar .wc-block-attribute-filter__title,
.ct-sidebar .wc-block-price-filter__title{display:flex;align-items:center;justify-content:space-between;background:#f6f7f9;border-bottom:1px solid #dde1e8;margin:0 0 14px;padding:12px 16px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:none;color:#2B3036;}
.ct-sidebar .wc-block-attribute-filter__title::after,
.ct-sidebar .wc-block-price-filter__title::after{content:"\2013";font-size:18px;line-height:1;color:#9aa2ad;font-weight:700;}
.ct-sidebar .wc-block-product-categories{position:relative;padding:0 16px 14px;}
.ct-sidebar .wc-block-product-categories::before{content:"Nhóm con";display:flex;align-items:center;justify-content:space-between;background:#f6f7f9;border-bottom:1px solid #dde1e8;margin:0 -16px 14px;padding:12px 16px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:none;color:#2B3036;}
li.product, .products .product{border:1px solid #dde1e8;border-radius:6px;padding:16px !important;overflow:hidden;text-align:left;display:flex;flex-direction:column;}
li.product > figure, .products .product > figure, li.product .ct-image-container, .products .product .ct-image-container{margin:0 0 12px;}
li.product .woocommerce-loop-product__title, .products .product .woocommerce-loop-product__title{font-family:"Be Vietnam Pro",sans-serif;font-size:14px;font-weight:500;color:#1D1D1F;line-height:1.43;text-align:center;padding:0;margin:0 0 6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;min-height:calc(1.43em * 2);}
li.product .emk-card-meta, .products .product .emk-card-meta{font-family:"Be Vietnam Pro",sans-serif;font-size:11px;font-weight:500;letter-spacing:.3px;color:#6E6E73;text-align:left;padding:0;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
li.product .emk-card-meta .emk-instock, .products .product .emk-card-meta .emk-instock{color:#1E7A3C;font-weight:700;display:none;}
li.product .emk-card-meta .emk-outstock, .products .product .emk-card-meta .emk-outstock{color:#b91c1c;font-weight:700;display:none;}
li.product .emk-card-meta .emk-stock-sep, .products .product .emk-card-meta .emk-stock-sep{display:none;}
li.product .ct-woo-card-stock, .products .product .ct-woo-card-stock{display:none !important;}
li.product .entry-meta > *:not(.price), .products .product .entry-meta > *:not(.price){display:none;}
li.product .entry-meta, .products .product .entry-meta{padding:0;margin:0;}
li.product .ct-woo-card-actions, .products .product .ct-woo-card-actions{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0;padding:0;flex:1 1 auto;margin-top:0;}
li.product .ct-woo-card-actions .price, .products .product .ct-woo-card-actions .price{font-family:"Be Vietnam Pro",sans-serif !important;padding:0;margin:0 0 14px;order:0;text-align:left;color:#1D1D1F !important;font-weight:700;font-size:17px !important;letter-spacing:-0.1px;display:block;white-space:normal;}
li.product .ct-woo-card-actions .price .woocommerce-Price-amount, .products .product .ct-woo-card-actions .price .woocommerce-Price-amount{font-size:17px !important;color:#1D1D1F !important;font-family:"Be Vietnam Pro",sans-serif !important;font-weight:700 !important;}
li.product .ct-woo-card-actions a.button, .products .product .ct-woo-card-actions a.button{font-family:"Be Vietnam Pro",sans-serif;border:1px solid #14284B !important;color:#14284B !important;background:#fff !important;font-weight:600;letter-spacing:.2px;border-radius:4px;width:100%;display:block;text-align:center;padding:10px 12px;font-size:13px;white-space:nowrap;margin-top:auto;}
li.product .ct-woo-card-actions a.button:hover, .products .product .ct-woo-card-actions a.button:hover{background:#14284B !important;color:#fff !important;}
li.product .ct-woo-card-actions a.emk-quote-btn, .products .product .ct-woo-card-actions a.emk-quote-btn{border:2px solid #2B3036 !important;color:#2B3036 !important;background:transparent !important;}
li.product .ct-woo-card-actions a.emk-quote-btn:hover, .products .product .ct-woo-card-actions a.emk-quote-btn:hover{background:#2B3036 !important;color:#fff !important;}
.woocommerce-pagination ul{display:flex;gap:8px;justify-content:center;border:0;}
.woocommerce-pagination ul li{border:0;}
.woocommerce-pagination .page-numbers{border:1px solid #dde1e8;border-radius:4px;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:#2B3036;background:#fff;}
.woocommerce-pagination .page-numbers.current{background:#2B3036;color:#fff;border-color:#2B3036;}
/* ==== END EMK MOCKUP LAYOUT ==== */

/* ==== EMK ACTIVE FILTERS TOP (horizontal chips) ==== */
.emk-active-top{border:0 !important;background:transparent !important;margin:0 0 16px !important;padding:0 !important;overflow:visible !important;}
.emk-active-top .wc-block-active-filters__title{display:none !important;}
.emk-active-top .wc-block-active-filters{display:flex !important;flex-wrap:wrap;align-items:center;gap:10px;}
.emk-active-top .wc-block-active-filters__list-item-type{display:none !important;}
.emk-active-top .wc-block-active-filters__list{display:flex !important;flex-wrap:wrap;gap:10px;align-items:center;margin:0 !important;padding:0 !important;list-style:none;}
.emk-active-top .wc-block-active-filters__list-item{margin:0 !important;padding:0 !important;display:inline-flex;align-items:center;}
.emk-active-top .wc-block-active-filters__list-item-name{border:1px solid #14284B;border-radius:4px;color:#14284B;background:#fff;padding:6px 12px 6px 30px;font-weight:600;position:relative;display:inline-flex;align-items:center;}
.emk-active-top .wc-block-active-filters__list-item-remove{position:absolute;left:8px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#14284B;cursor:pointer;padding:0;font-size:13px;line-height:1;}
.emk-active-top .wc-block-active-filters__clear-all{border:1px solid #cfd4dc;border-radius:4px;padding:7px 14px;background:#fff;text-decoration:none;list-style:none;position:relative;}
.emk-active-top .wc-block-active-filters__clear-all > *{font-size:0 !important;color:transparent !important;}
.emk-active-top .wc-block-active-filters__clear-all::before{content:"Xóa tất cả";font-size:14px;color:#2B3036;font-weight:600;white-space:nowrap;}
.emk-active-top .wc-block-active-filters__list-item-name{padding:6px 14px 6px 34px !important;white-space:nowrap !important;}
.emk-active-top .wc-block-active-filters__list-item-remove{left:10px !important;width:16px !important;height:16px !important;display:inline-flex;align-items:center;justify-content:center;}
.emk-active-top .wc-block-active-filters__list-item-remove svg{width:14px;height:14px;fill:#14284B;background:transparent !important;}
.emk-active-top .wc-block-active-filters__list-item-remove .wc-block-components-chip__remove-icon{background:transparent !important;}
/* ==== END EMK ACTIVE FILTERS TOP ==== */

/* ===== FIX BỘ LỌC SIDEBAR (Nhóm con / Bản rộng / Thương hiệu) ===== */

/* Đồng bộ cỡ chữ cho mọi dòng bộ lọc */
.wc-block-product-categories-list-item > a,
.wc-block-product-categories-list-item-count,
.wc-block-attribute-filter-list .wc-block-components-checkbox__label,
.wc-block-attribute-filter-list .wc-filter-element-label-list-count {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.wc-block-attribute-filter__title,
.wc-block-price-filter__title {
  font-size: 12px !important;
}

/* NHÓM CON: thêm ô tích chọn bên trái + số lượng cố định bên phải */
.wc-block-product-categories-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.wc-block-product-categories-list-item > a {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}
.wc-block-product-categories-list-item > a::before {
  content: "";
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0,0,0,0.48);
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}
.wc-block-product-categories-list-item-count {
  flex: 0 0 auto;
  margin-left: auto;
  color: #8a8a8a;
}

/* BẢN RỘNG & THƯƠNG HIỆU: số lượng cố định bên phải */
.wc-block-attribute-filter-list li label {
  display: flex;
  align-items: center;
  width: 100%;
}
.wc-block-attribute-filter-list .wc-block-components-checkbox__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
  width: 100%;
}
.wc-filter-element-label-list-count {
  margin-left: auto;
  flex: 0 0 auto;
  color: #8a8a8a;
}
/* ===== HẾT FIX BỘ LỌC SIDEBAR ===== */


/* ===== EMK - Sua UX dot 2 ===== */
.ct-breadcrumbs *, ul.products li.product a:not(.button) , .products .product a:not(.button) { text-transform: none !important; }
ul.products li.product > * , .products .product > * { white-space: normal !important; overflow-wrap: anywhere; }
@media (min-width:1000px){ .emk-fab { transform: translateY(-95px) !important; } }
@media (max-width:767px){ body { padding-bottom: 62px !important; } }
.emk-topbar { color: #FFFFFF !important; }
.emk-topbar > *:last-child, .emk-topbar > *:last-child * { color: #FFFFFF !important; }
.emk-topbar a { color: #e8eef7 !important; }
@media (max-width:999.98px){ body { padding-bottom: 62px !important; } }
@media (max-width:600px){ .home [class*="emk-cat"], .home [style*="repeat(3"] { grid-template-columns: repeat(2,1fr) !important; } }
@media (max-width:600px){ body.woocommerce-shop #sidebar, body.tax-product_cat #sidebar, body.tax-product_tag #sidebar { height: auto !important; min-height: 0 !important; margin-bottom: 10px !important; } }
@media (max-width:600px){ html body aside#sidebar[class] { height: auto !important; min-height: 0 !important; margin-bottom: 10px !important; } }

/* ===== TAM THOI: an thanh dieu huong duoi cung tren mobile (EMK) ===== */
/* Xoa toan bo khoi nay de bat lai */
html body .emk-floating .emk-bottombar { display: none !important; }
@media (max-width: 999.98px) { html body { padding-bottom: 0 !important; } }


/* Hien lai 2 nut noi Goi / Zalo tren mobile (di kem khoi TAM THOI o tren) */
@media (max-width: 840px) {
  html body .emk-floating .emk-fab {
    display: flex !important;
    right: 14px !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 10px !important;
  }
  html body .emk-floating .emk-fab > a {
    width: 48px !important;
    height: 48px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.22) !important;
  }
  html body .emk-floating .emk-fab > a:first-child { font-size: 22px !important; }
  html body .emk-floating .emk-fab > a:last-child { font-size: 13px !important; }
}
@media (max-width: 400px) {
  html body .emk-floating .emk-fab > a { width: 44px !important; height: 44px !important; }
  html body .emk-floating .emk-fab > a:first-child { font-size: 20px !important; }
  html body .emk-floating .emk-fab > a:last-child { font-size: 12px !important; }
}


/* ===== EMK: gon chieu cao header tren desktop ===== */
@media (min-width: 1000px) {
  html body #header .ct-search-box { height: 46px !important; }
  html body #header .ct-search-box input { height: 42px !important; font-size: 15px !important; }
  html body #header .ct-search-box button { height: 38px !important; }
  html body .ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link { height: 42px !important; min-height: 42px !important; line-height: 42px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
  html body .ct-header #header-menu-1 > .menu > li > .ct-menu-link { line-height: 42px !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 42px !important; min-height: 42px !important; }
  html body #header [data-row="middle"] .ct-container { min-height: 60px !important; }
  html body #header [data-row="bottom"] .ct-container { --height: 42px !important; min-height: 42px !important; }
  html body #header [data-row="bottom"] .ct-container > div { min-height: 42px !important; }
  html body #header [data-row="middle"] .ct-container > div, html body #header [data-row="middle"] .ct-container > div > div { min-height: 60px !important; }
}


/* ===== KHAI THANH v4 - O tim kiem + Tai khoan (06/08/2026) =====
   - Can giua chu trong o tim kiem theo chieu doc
   - Nut cam khit khung, khong con lech
   - Thu ngan o tim kiem, chua cho cho Tai khoan + Don hang o ngoai cung ben phai
   Muon hoan tac: xoa nguyen khoi nay. */
@media (min-width: 1000px){
  html body .ct-search-box{ max-width: 480px !important; }
  html body .ct-search-box .ct-search-form{
    height: 46px !important; overflow: hidden !important; border-radius: 8px !important;
  }
  html body .ct-search-box .ct-search-form-inner{
    height: 42px !important; min-height: 42px !important;
    border: 0 !important; border-radius: 0 !important;
    align-items: stretch !important; overflow: visible !important;
  }
  html body .ct-search-box .ct-search-form input[type="search"]{
    height: 42px !important; min-height: 42px !important; line-height: 42px !important;
    padding: 0 60px 0 16px !important; font-size: 15px !important;
    margin: 0 !important; box-sizing: border-box !important;
  }
  html body .ct-search-box .ct-search-form button[type="submit"]{
    top: 0 !important; bottom: 0 !important; right: 0 !important; left: auto !important;
    transform: none !important; height: 42px !important; width: 54px !important;
    border-radius: 0 !important; margin: 0 !important;
  }
  html body .ct-header-account .ct-account-item{
    color: #1B4373 !important; font-size: 13px !important; font-weight:400 !important;
    letter-spacing: .2px; gap: 8px !important; align-items: center !important;
  }
  html body .ct-header-account .ct-account-item:hover{ color: #14284B !important; }
  html body .ct-header-account .ct-account-item svg{
    width: 23px !important; height: 23px !important;
    color: #1B4373 !important; fill: currentColor !important;
  }
  html body .ct-header-account .ct-account-item .ct-label{
    line-height: 1.2 !important; font-size: 14px !important; font-weight:400 !important;
    text-transform: none !important; letter-spacing: 0 !important;
  }
}
/* ===== het khoi KHAI THANH v4 ===== */


/* ===== KHAI THANH v5 - Dang nhap Google tren form WooCommerce (06/08/2026) =====
   Khoi nay chi lam dep nut social login. Muon hoan tac: xoa nguyen khoi nay. */
.emk-social-login{ margin: 18px 0 4px; }
.emk-social-sep{
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 14px; font-size: 13px; color: #6B7280; line-height: 1.3;
}
.emk-social-sep:before, .emk-social-sep:after{
  content: ""; flex: 1 1 auto; height: 1px; background: #E3E6E9;
}
.emk-social-login .nsl-container{ margin: 0 !important; padding: 0 !important; text-align: center; }
.emk-social-login .nsl-container-buttons{ margin: 0 !important; }
.emk-social-login .nsl-container-buttons a{
  border-radius: 8px !important; max-width: 100% !important;
  box-shadow: 0 1px 2px rgba(18,46,82,.12) !important;
}
.emk-social-login .nsl-container-buttons a:hover{ box-shadow: 0 3px 8px rgba(18,46,82,.18) !important; }
/* ===== het khoi KHAI THANH v5 ===== */

/* ================================================================
   KHAI THANH v6 - Trang Tai khoan khach hang (06/08/2026)
   Cac the (card) dieu huong trong trang /my-account/, do snippet
   "KHAI THANH - Trang Tai khoan khach hang (dashboard gon)" tao ra.
   Muon bo: xoa khoi nay + tat snippet do.
   ================================================================ */
.emk-dash-head{margin:0 0 22px}
.emk-dash-head h2{font-size:22px;line-height:1.3;font-weight:700;color:#1B4373;margin:0 0 6px}
.emk-dash-head p{font-size:14px;color:#6B7280;margin:0}
.emk-dash-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.emk-dash .emk-card{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:#fff;border:1px solid #E3E6E9;border-radius:12px;text-decoration:none!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.emk-dash .emk-card:hover{border-color:#14284B;box-shadow:0 6px 18px rgba(27,67,115,.08);transform:translateY(-2px)}
.emk-card-ico{flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:#F1F5F9;color:#1B4373;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}
.emk-dash .emk-card:hover .emk-card-ico{background:#FAF8F2;color:#14284B}
.emk-card-ico svg{width:21px;height:21px;display:block}
.emk-card-tx{display:block;min-width:0}
.emk-card-tx strong{display:block;font-size:15px;font-weight:700;color:#1B4373;line-height:1.35}
.emk-card-tx em{display:block;font-style:normal;font-size:13px;line-height:1.45;color:#6B7280;margin-top:3px}
.emk-dash-logout{margin:22px 0 0;font-size:14px}
.emk-dash-logout a{color:#6B7280;text-decoration:underline}
.emk-dash-logout a:hover{color:#14284B}
@media (max-width:781px){
  .emk-dash-cards{grid-template-columns:1fr;gap:12px}
  .emk-dash-head h2{font-size:20px}
}

/* ================================================================
   KHAI THANH v7 - Bo nut Google bi trung (06/08/2026)
   Blocksy tu chen san mot nut Nextend vao modal Dang nhap / Dang ky
   (container co id dang nsl-custom-login-form-N). Snippet
   "KHAI THANH - Nut dang nhap Google tren form WooCommerce" cung chen
   mot nut kem dong phan cach, nen trong modal hien ra 2 nut.
   -> An ban cua Blocksy, giu ban co dong phan cach cho dong bo voi
   trang /my-account/. Muon dung lai ban cua Blocksy: xoa khoi nay
   va tat snippet noi tren.
   ================================================================ */
[id^="nsl-custom-login-form"]{display:none!important}
.emk-social-sep span{padding:0 14px}

/* ===== KHAI THANH v8 - Toi uu form Dang nhap / Dang ky (trang Tai khoan) =====
   - Nut chinh rong bang nut "Tiep tuc voi Google", cung chieu cao.
   - Hai cot canh deu: khoi dang nhap Google luon nam duoi cung.
   - Chu phu (chinh sach, huong dan) nho va nhat hon cho de doc.
   Muon go bo: xoa toan bo khoi CSS nay. */
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 { display: flex; flex-direction: column; }
.woocommerce-account .u-column1 > form,
.woocommerce-account .u-column2 > form { display: flex; flex-direction: column; flex: 1 1 auto; }
.woocommerce-account .emk-social-login { margin-top: auto; }
.woocommerce-account form.woocommerce-form-login button[type="submit"],
.woocommerce-account form.woocommerce-form-register button[type="submit"] { width: 100%; min-height: 46px; }
.woocommerce-account .emk-social-login .nsl-container-buttons > a { height: 46px !important; }
.woocommerce-account .woocommerce-privacy-policy-text p,
.woocommerce-account form.woocommerce-form-register > p:not(.form-row) { font-size: 0.9em; opacity: 0.75; margin-bottom: 14px; line-height: 1.55; }
.woocommerce-account .woocommerce-LostPassword { margin: 10px 0 0; text-align: right; font-size: 0.9em; }
.woocommerce-account .emk-social-sep { margin: 16px 0 10px; }
@media (max-width: 999px) {
  .woocommerce-account .emk-social-login { margin-top: 16px; }
}

/* ===== KHAI THANH v9 - 3 dong quyen loi duoi form Dang ky =====
   Muon go bo: xoa khoi CSS nay va doan 'emk-reg-perks' trong snippet 14. */
.emk-reg-perks { list-style: none; margin: 16px 0 0; padding: 0; font-size: 0.9em; opacity: 0.8; }
.emk-reg-perks li { position: relative; padding-left: 24px; margin: 0 0 8px; line-height: 1.5; }
.emk-reg-perks li:before { content: "\2713"; position: absolute; left: 0; top: 0; color: #1f7a3d; font-weight: 700; }

/* ===== KHAI THANH v10 - Cac trang chinh sach / ho tro de doc hon =====
   Ap dung cho: 1775 Bao mat, 1780 Giao hang, 1781 Doi tra, 1782 Thanh toan,
   1783 Dieu khoan, 1801 Tra cuu don hang.
   Muon go bo: xoa khoi CSS nay. Muon them trang: them .page-id-XXXX vao TUNG dong ben duoi
   (moi dong phai giu nguyen phan tu o cuoi, vi du "... .entry-content h2"). */
.page-id-1775 .entry-content h2,
.page-id-1780 .entry-content h2,
.page-id-1781 .entry-content h2,
.page-id-1782 .entry-content h2,
.page-id-1783 .entry-content h2,
.page-id-1801 .entry-content h2 { font-size: 22px; line-height: 1.35; margin: 34px 0 10px; }
.page-id-1775 .entry-content h3,
.page-id-1780 .entry-content h3,
.page-id-1781 .entry-content h3,
.page-id-1782 .entry-content h3,
.page-id-1783 .entry-content h3,
.page-id-1801 .entry-content h3 { font-size: 17px; line-height: 1.4; margin: 22px 0 8px; }
.page-id-1775 .entry-content p,
.page-id-1780 .entry-content p,
.page-id-1781 .entry-content p,
.page-id-1782 .entry-content p,
.page-id-1783 .entry-content p,
.page-id-1801 .entry-content p,
.page-id-1775 .entry-content li,
.page-id-1780 .entry-content li,
.page-id-1781 .entry-content li,
.page-id-1782 .entry-content li,
.page-id-1783 .entry-content li,
.page-id-1801 .entry-content li { font-size: 16px; line-height: 1.75; }
.page-id-1775 .entry-content p,
.page-id-1780 .entry-content p,
.page-id-1781 .entry-content p,
.page-id-1782 .entry-content p,
.page-id-1783 .entry-content p,
.page-id-1801 .entry-content p { margin: 0 0 14px; }
.page-id-1775 .entry-content ul,
.page-id-1780 .entry-content ul,
.page-id-1781 .entry-content ul,
.page-id-1782 .entry-content ul,
.page-id-1783 .entry-content ul,
.page-id-1801 .entry-content ul,
.page-id-1775 .entry-content ol,
.page-id-1780 .entry-content ol,
.page-id-1781 .entry-content ol,
.page-id-1782 .entry-content ol,
.page-id-1783 .entry-content ol,
.page-id-1801 .entry-content ol { margin: 0 0 18px; padding-left: 22px; }
.page-id-1775 .entry-content li,
.page-id-1780 .entry-content li,
.page-id-1781 .entry-content li,
.page-id-1782 .entry-content li,
.page-id-1783 .entry-content li,
.page-id-1801 .entry-content li { margin-bottom: 6px; }
.page-id-1775 .entry-content hr.wp-block-separator,
.page-id-1780 .entry-content hr.wp-block-separator,
.page-id-1781 .entry-content hr.wp-block-separator,
.page-id-1782 .entry-content hr.wp-block-separator,
.page-id-1783 .entry-content hr.wp-block-separator,
.page-id-1801 .entry-content hr.wp-block-separator { margin: 30px 0 20px; }
.page-id-1775 .entry-content a:not(.button),
.page-id-1780 .entry-content a:not(.button),
.page-id-1781 .entry-content a:not(.button),
.page-id-1782 .entry-content a:not(.button),
.page-id-1783 .entry-content a:not(.button),
.page-id-1801 .entry-content a:not(.button) { text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 767px) {
.page-id-1775 .entry-content h2,
.page-id-1780 .entry-content h2,
.page-id-1781 .entry-content h2,
.page-id-1782 .entry-content h2,
.page-id-1783 .entry-content h2,
.page-id-1801 .entry-content h2 { font-size: 19px; margin: 26px 0 8px; }
.page-id-1775 .entry-content h3,
.page-id-1780 .entry-content h3,
.page-id-1781 .entry-content h3,
.page-id-1782 .entry-content h3,
.page-id-1783 .entry-content h3,
.page-id-1801 .entry-content h3 { font-size: 16px; }
.page-id-1775 .entry-content p,
.page-id-1780 .entry-content p,
.page-id-1781 .entry-content p,
.page-id-1782 .entry-content p,
.page-id-1783 .entry-content p,
.page-id-1801 .entry-content p,
.page-id-1775 .entry-content li,
.page-id-1780 .entry-content li,
.page-id-1781 .entry-content li,
.page-id-1782 .entry-content li,
.page-id-1783 .entry-content li,
.page-id-1801 .entry-content li { font-size: 15px; }
}

/* ===== KHAI THANH v11 - Hang link cac trang chinh sach (checkout / gio hang / tai khoan) =====
   Muon bo: xoa toan bo khoi nay + tat snippet "KHAI THANH - Link cac trang chinh sach". */
.emk-policy-links{
  margin-top:14px;
  font-size:12.5px;
  line-height:1.7;
  color:#6b7280;
  text-align:center;
}
.emk-policy-links .emk-policy-lead{color:#6b7280;}
.emk-policy-links a{color:#6b7280;text-decoration:underline;text-underline-offset:2px;}
.emk-policy-links a:hover{color:var(--theme-palette-color-1,#b4471f);}
.emk-policy-links .emk-policy-sep{opacity:.5;}
.woocommerce-cart .emk-policy-links,
.woocommerce-checkout .emk-policy-links{text-align:center;}
@media (max-width:767px){
  .emk-policy-links{font-size:12px;}
}
/* ===== HET KHAI THANH v11 ===== */

/* toi uu trang chu */
#header [data-id="UfAVGl"]{display:flex !important;align-items:center;}
#header [data-row="middle"] .ct-header-account .ct-label,
#header [data-row="middle"] .ct-header-cart .ct-label{white-space:nowrap;}
#header [data-id="UfAVGl"]{margin-right:26px;}
/* bo an khoi B2B - hien lai theo yeu cau moi */
.emk-b2b{display:block !important;}
.emk-trust{max-width:1180px !important;}
.home .emk-cat{transition:box-shadow .18s,border-color .18s,transform .18s;}
.home .emk-cat:hover{box-shadow:0 6px 18px rgba(18,46,82,.14) !important;border-color:#1B4373 !important;transform:translateY(-2px);}

/* trang chu v2 */
.home .emk-best,.home .emk-best-grid{max-width:1180px !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;}
.home .emk-best-grid .wc-block-grid__product-title{font-family:Be Vietnam Pro,Arial,sans-serif;color:#2B3036;font-size:15px;line-height:1.45;}
.home .emk-best-grid .wc-block-grid__product-price{color:#B67F15;font-weight:700;}
.home .emk-cat{transition:box-shadow .18s,border-color .18s,transform .18s;}
.home .emk-cat:hover{box-shadow:0 10px 26px rgba(18,46,82,.15) !important;border-color:#1B4373 !important;transform:translateY(-3px);}

/* trang chu v2 — gach cam an theo tieu de bi an tren mobile */
@media(max-width:760px){.home .emk-cats > span{display:none !important;}}
.home .emk-best > span{margin-bottom:14px !important;}


/* trang chu v2 — dai so lieu 3 cot: o cuoi tran ngang tren mobile */
@media(max-width:760px){.home .emk-stats > div > div:last-child{grid-column:1 / -1;}}


/* trang chu v2 — dai ban chay: luoi co gian tren tablet & mobile */
@media(max-width:1024px){.home .emk-best-grid{display:block !important;}
.home .emk-best-grid .wc-block-grid__products{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px;width:100% !important;}
.home .emk-best-grid .wc-block-grid__product{width:100% !important;max-width:100% !important;margin:0 !important;}}
@media(max-width:760px){.home .emk-best-grid .wc-block-grid__products{grid-template-columns:repeat(2,1fr) !important;gap:12px;}}


/* trang chu v2 — an dai so lieu theo yeu cau (giu HTML de bat lai sau) */
.home .emk-stats{display:none !important;}
@media(max-width:760px){.home .emk-cats > a.emk-seeall{display:none !important;}}


/* ===== KHAI THANH: tranh logo mobile cham chu "Tai khoan cua toi" tren man hinh rat nho ===== */
@media (max-width:400px){
  #header .ct-label{display:none!important}
}


/* ==========================================================================
   KHAI THANH - HEADER v2 (lop cuoi cung, ghi de moi rule header phia tren)
   Token: navy #14284B | chu phu #C8CFDD | hover #0D1C36 | vang dong #D89A26
   ========================================================================== */

/* --- 0. Nen navy dong nhat cho ca 3 tang, khu khe ho lo nen trang --- */
#header,
#header > [data-device],
#header .ct-sticky-container,
#header [data-sticky],
#header [data-row="top"],
#header [data-row="middle"],
#header [data-row="bottom"]{
  background-color:#14284B !important;
  background-image:none !important;
}
#header [data-row] > .ct-container,
#header [data-row] [data-column],
#header [data-row] [data-items]{ background:transparent !important; }
#header .ct-header-text,
#header .ct-header-text .entry-content{ margin:0 !important; padding:0 !important; background:transparent !important; }
#header .ct-header-text .entry-content > *{ margin:0 !important; }

/* --- 1. Duong ke: chi 1 duong 3px giua tang 2 va tang 3 --- */
#header{ border-bottom:0 !important; box-shadow:none !important; }
#header [data-row="top"]{ border:0 !important; box-shadow:none !important; }
#header [data-row="bottom"]{ border:0 !important; box-shadow:none !important; }
#header [data-row="middle"]{
  border-top:0 !important; border-left:0 !important; border-right:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* --- 2. TANG 1 - topbar 36px, 3 muc don phai, cach nhau 24px --- */
#header [data-row="top"]{ min-height:36px !important; }
#header [data-row="top"] > .ct-container{
  min-height:36px !important; padding-top:0 !important; padding-bottom:0 !important;
  display:flex !important; align-items:center !important;
}
#header [data-row="top"] [data-column="start"],
#header [data-row="top"] [data-column="start-middle"],
#header [data-row="top"] [data-column="middle"]{ display:none !important; }
#header [data-row="top"] [data-column="end"]{ margin-left:auto !important; }
#header [data-row="top"] [data-items="primary"]{
  display:flex !important; align-items:center !important; justify-content:flex-end !important;
  gap:24px !important;
}
#header [data-row="top"] [data-items="primary"] > *{ margin:0 !important; padding:0 !important; }

#header [data-row="top"] .kt-top-contact,
#header [data-row="top"] .ct-account-item,
#header [data-row="top"] .ct-cart-item{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  min-height:36px !important; padding:0 !important; margin:0 !important;
  background:transparent !important; border:0 !important; border-radius:0 !important;
  color:#C8CFDD !important; font-size:13px !important; font-weight:400 !important;
  line-height:1.2 !important; text-decoration:none !important;
}
#header [data-row="top"] .kt-top-contact:hover,
#header [data-row="top"] .ct-header-account:hover .ct-account-item,
#header [data-row="top"] .ct-header-cart:hover .ct-cart-item{ color:#0D1C36 !important; }
#header [data-row="top"] .ct-account-item .ct-label,
#header [data-row="top"] .ct-account-item .ct-label *{ color:inherit !important; font-size:13px !important; font-weight:400 !important; }
#header [data-row="top"] .ct-header-account svg,
#header [data-row="top"] .ct-header-account .ct-icon{
  width:16px !important; height:16px !important; fill:currentColor !important; color:inherit !important;
}
/* gio hang: chi icon + badge */
#header [data-row="top"] .ct-header-cart .ct-label{ display:none !important; }
#header [data-row="top"] .ct-header-cart svg{ width:19px !important; height:19px !important; fill:currentColor !important; color:inherit !important; }
#header [data-row="top"] .ct-header-cart .ct-icon-container{ position:relative !important; display:inline-flex !important; }
#header [data-row="top"] .ct-header-cart .ct-dynamic-count-cart{
  position:absolute !important; top:-8px !important; right:-10px !important;
  min-width:17px !important; height:17px !important; padding:0 4px !important;
  border-radius:999px !important; background:#D89A26 !important; color:#14284B !important;
  font-size:10px !important; font-weight:400 !important; line-height:17px !important;
  text-align:center !important; border:0 !important;
}
/* dropdown tai khoan giu nen sang, khong an huong token navy */
#header [data-row="top"] .ct-header-account-dropdown .ct-menu-link{ color:#14284B !important; font-size:14px !important; }

/* --- 3. TANG 2 - logo | o tim kiem | hotline, cach nhau 34px --- */
#header [data-row="middle"] > .ct-container{
  display:flex !important; align-items:center !important; gap:34px !important;
  padding-top:0 !important; padding-bottom:0 !important;
}
#header [data-row="middle"] [data-column="start"]{ flex:1 1 auto !important; min-width:0 !important; }
#header [data-row="middle"] [data-column="start"] [data-items="primary"]{
  display:flex !important; align-items:center !important; gap:34px !important;
  width:100% !important; min-width:0 !important;
}
#header [data-row="middle"] [data-column="end"]{ flex:0 0 auto !important; }
#header [data-row="middle"] [data-column="end"] [data-items="primary"]{ display:flex !important; align-items:center !important; }
#header [data-row="middle"] .site-branding{ flex:0 0 auto !important; margin:0 !important; }
#header [data-row="middle"] .site-logo-container{
  display:inline-flex !important; align-items:flex-end !important;
  padding-bottom:7px !important; border-bottom:3px solid #D89A26 !important;
}
#header [data-row="middle"] .site-logo-container img{ height:46px !important; width:auto !important; max-width:none !important; }
#header [data-row="middle"] .ct-search-box{ flex:1 1 auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; }

#header .ct-search-box .ct-search-form{ width:100% !important; margin:0 !important; }
#header .ct-search-box .ct-search-form-inner{
  display:flex !important; align-items:stretch !important; height:48px !important;
  background:#FFFFFF !important; border:0 !important; border-radius:8px !important;
  overflow:hidden !important; padding:0 !important; box-shadow:none !important;
}
#header .ct-search-box .ct-search-form-inner:focus-within{ outline:2px solid #D89A26 !important; outline-offset:0 !important; }
#header .ct-search-box .ct-search-form input[type="search"]{
  flex:1 1 auto !important; width:100% !important; height:48px !important; min-height:48px !important;
  border:0 !important; outline:none !important; background:transparent !important; box-shadow:none !important;
  padding:0 16px !important; font-size:14px !important; color:#14284B !important; border-radius:0 !important;
}
#header .ct-search-box .ct-search-form input[type="search"]::placeholder{ color:#7C8AA3 !important; opacity:1 !important; }
#header .ct-search-box .ct-search-form button[type="submit"]{
  flex:0 0 62px !important; width:62px !important; height:48px !important; min-height:48px !important;
  background:#D89A26 !important; border:0 !important; border-radius:0 !important; padding:0 !important; margin:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important; cursor:pointer !important;
}
#header .ct-search-box .ct-search-form button[type="submit"]:hover{ background:#C68A15 !important; }
#header .ct-search-box .ct-search-form button[type="submit"] svg{
  width:20px !important; height:20px !important; color:#14284B !important; fill:#14284B !important;
}

/* hotline */
#header .kt-hotline{ display:inline-flex !important; align-items:center !important; gap:10px !important; text-decoration:none !important; }
#header .kt-hotline .kt-hot-ico{ display:none !important; }
#header .kt-hot-txt{ display:flex !important; flex-direction:column !important; align-items:flex-end !important; line-height:1 !important; }
#header .kt-hot-label{ color:#C8CFDD !important; font-size:11px !important; font-weight:400 !important; letter-spacing:0.14em !important; margin-bottom:5px !important; }
#header .kt-hot-num{
  color:#D89A26 !important; font-family:"Bitter",Georgia,"Times New Roman",serif !important;
  font-weight:400 !important; font-size:20px !important; line-height:1.05 !important;
  letter-spacing:0.005em !important; white-space:nowrap !important;
}
#header .kt-hotline:hover .kt-hot-label{ color:#0D1C36 !important; }

/* --- 4. TANG 3 - 46px, nut danh muc vang dong + menu --- */
#header [data-row="bottom"]{ min-height:46px !important; }
#header [data-row="bottom"] > .ct-container{ min-height:46px !important; padding-top:0 !important; padding-bottom:0 !important; }
#header [data-row="bottom"] [data-column]{ width:100% !important; justify-content:flex-start !important; }
#header [data-row="bottom"] nav > ul.menu{ display:flex !important; align-items:stretch !important; gap:0 !important; min-height:46px !important; }
#header [data-row="bottom"] .menu > li > .ct-menu-link{
  display:flex !important; align-items:center !important; min-height:46px !important;
  color:#C8CFDD !important; font-size:14px !important; font-weight:400 !important;
  padding:0 14px !important; border-radius:0 !important; background:transparent !important;
}
#header [data-row="bottom"] .menu > li:hover > .ct-menu-link,
#header [data-row="bottom"] .menu > li.current-menu-item > .ct-menu-link{
  color:#FFFFFF !important; background:rgba(255,255,255,0.06) !important;
}
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link{
  background:transparent !important; color:#FFFFFF !important;
  font-weight:400 !important; font-size:14px !important; letter-spacing:0.02em !important;
  padding:0 18px !important; min-height:46px !important; border-radius:0 !important; border:0 !important;
}
#header [data-row="bottom"] .menu > li.cat-btn:hover > .ct-menu-link,
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link:hover{ background:#0D2340 !important; color:#FFFFFF !important; }
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link svg,
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link::before{ color:#FFFFFF !important; fill:#FFFFFF !important; }

/* --- 5. MOBILE --- */
#header [data-device="mobile"] [data-row="top"]{ min-height:44px !important; }
#header [data-device="mobile"] [data-row="top"] > .ct-container{ min-height:44px !important; }
#header [data-device="mobile"] [data-row="top"] .kt-top-contact,
#header [data-device="mobile"] [data-row="top"] .ct-account-item,
#header [data-device="mobile"] [data-row="top"] .ct-cart-item{ min-height:44px !important; min-width:44px !important; justify-content:center !important; }
#header [data-device="mobile"] [data-row="middle"] > .ct-container{
  display:flex !important; align-items:center !important; gap:12px !important;
  min-height:60px !important; padding-top:0 !important; padding-bottom:0 !important;
}
#header [data-device="mobile"] [data-row="middle"] [data-column="start"] [data-items="primary"]{ gap:10px !important; }
#header [data-device="mobile"] .ct-header-trigger,
#header [data-device="mobile"] [data-id="trigger"]{
  color:#FFFFFF !important; min-width:44px !important; min-height:44px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important;
}
#header [data-device="mobile"] .ct-header-trigger svg,
#header [data-device="mobile"] .ct-header-trigger .ct-icon{ color:#FFFFFF !important; fill:#FFFFFF !important; }
#header [data-device="mobile"] .site-logo-container{ padding-bottom:5px !important; border-bottom:3px solid #D89A26 !important; }
#header [data-device="mobile"] .site-logo-container img{ height:26px !important; width:auto !important; }
#header [data-device="mobile"] .kt-hotline{ min-height:44px !important; gap:7px !important; }
#header [data-device="mobile"] .kt-hotline .kt-hot-ico{ display:inline-flex !important; align-items:center !important; color:#FFFFFF !important; }
#header [data-device="mobile"] .kt-hot-label{ display:none !important; }
#header [data-device="mobile"] .kt-hot-num{ font-size:16px !important; color:#D89A26 !important; }
#header [data-device="mobile"] [data-row="bottom"]{ min-height:0 !important; padding:0 0 10px !important; }
#header [data-device="mobile"] [data-row="bottom"] > .ct-container{ min-height:0 !important; }
#header [data-device="mobile"] [data-row="bottom"] [data-column],
#header [data-device="mobile"] [data-row="bottom"] [data-items]{ width:100% !important; }
#header [data-device="mobile"] .ct-search-box{ width:100% !important; flex:1 1 100% !important; max-width:none !important; }
#header [data-device="mobile"] .ct-search-box .ct-search-form-inner{ height:42px !important; }
#header [data-device="mobile"] .ct-search-box .ct-search-form input[type="search"]{ height:42px !important; min-height:42px !important; font-size:14px !important; }
#header [data-device="mobile"] .ct-search-box .ct-search-form button[type="submit"]{ flex:0 0 56px !important; width:56px !important; height:42px !important; min-height:42px !important; }

@media (max-width:768px){
  #header [data-device="mobile"] [data-row="top"] [data-items="primary"]{ gap:24px !important; }
  #header [data-device="mobile"] a,
  #header [data-device="mobile"] button{ min-height:44px !important; }
  #header [data-device="mobile"] [data-row="bottom"] a,
  #header [data-device="mobile"] [data-row="bottom"] button{ min-height:42px !important; }
}
/* ===================== HET KHAI THANH - HEADER v2 ===================== */


/* ---- KHAI THANH - HEADER v2 patch A: tang 3 (uu tien cao hon rule cu 2 ID) ---- */
#header #header-menu-1 #menu-menu-chinh > li > .ct-menu-link{
  display:flex !important; align-items:center !important;
  height:46px !important; min-height:46px !important; line-height:46px !important;
  color:#C8CFDD !important; font-size:14px !important; font-weight:400 !important;
  padding:0 14px !important; border-radius:0 !important; background:transparent !important;
  text-transform:none !important; letter-spacing:0 !important;
}
#header #header-menu-1 #menu-menu-chinh > li:hover > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-item > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-ancestor > .ct-menu-link{
  color:#FFFFFF !important; background:rgba(255,255,255,0.06) !important;
}
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link{
  background:transparent !important; color:#FFFFFF !important;
  font-weight:700 !important; font-size:14px !important;
  text-transform:none !important; letter-spacing:0.02em !important;
  padding:0 18px !important; border:0 !important; border-radius:0 !important;
}
#header #header-menu-1 #menu-menu-chinh > li.cat-btn:hover > .ct-menu-link{
  background:#0D2340 !important; color:#FFFFFF !important;
}
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link svg,
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link::before,
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link *{
  color:#14284B !important; fill:#14284B !important;
}


/* ---- KHAI THANH - HEADER v2 patch B: mobile o tim kiem full-width + chieu cao ---- */
#header [data-device="desktop"] .ct-search-box .ct-search-form-inner{ min-height:48px !important; max-height:48px !important; }
#header [data-device="mobile"] .ct-search-box .ct-search-form-inner{ min-height:42px !important; max-height:42px !important; height:42px !important; }
#header [data-device="mobile"] .ct-search-box .ct-search-form input[type="search"]{ min-height:42px !important; height:42px !important; }
#header [data-device="mobile"] .ct-search-box .ct-search-form button[type="submit"]{ min-height:42px !important; height:42px !important; }
#header [data-device="mobile"] [data-row="bottom"] > .ct-container{ display:block !important; }
#header [data-device="mobile"] [data-row="bottom"] [data-column]{
  display:block !important; grid-template-columns:none !important; width:100% !important; max-width:none !important;
}
#header [data-device="mobile"] [data-row="bottom"] [data-items]{ display:flex !important; width:100% !important; max-width:none !important; }
#header [data-device="mobile"] [data-row="bottom"] .ct-search-box,
#header [data-device="mobile"] [data-row="bottom"] .ct-search-form{ width:100% !important; max-width:none !important; flex:1 1 100% !important; }


/* ---- KHAI THANH - HEADER v2 patch C: mobile logo + hang navy ---- */
#header [data-device="mobile"] .site-logo-container{
  background-image:none !important; width:auto !important; max-width:none !important;
  display:inline-flex !important; align-items:center !important;
  padding-bottom:5px !important; border-bottom:3px solid #D89A26 !important;
}
#header [data-device="mobile"] .site-logo-container img,
#header [data-device="mobile"] .site-logo-container svg{
  opacity:1 !important; height:26px !important; width:auto !important; max-width:none !important;
}
#header [data-device="mobile"] [data-row="middle"] [data-column]{
  display:flex !important; grid-template-columns:none !important; align-items:center !important;
}
#header [data-device="mobile"] [data-row="middle"] [data-column] > [data-items]{
  display:flex !important; align-items:center !important; gap:10px !important; width:auto !important;
}
#header [data-device="mobile"] [data-row="top"] [data-column]{
  display:flex !important; grid-template-columns:none !important; align-items:center !important;
}
#header [data-device="mobile"] [data-row="top"] [data-column] > [data-items]{
  display:flex !important; align-items:center !important; gap:24px !important; width:auto !important; justify-content:flex-end !important;
}


/* ---- KHAI THANH - HEADER v2 patch D: hamburger vao dong chay, bo offset cu ---- */
#header [data-device="mobile"] .ct-header-trigger,
#header [data-device="mobile"] [data-id="trigger"]{
  position:static !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  transform:none !important; order:-1 !important; flex:0 0 auto !important; margin:0 !important;
}
#header [data-device="mobile"] [data-row="middle"] [data-column] > [data-items]{
  padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important;
}


/* ---- KHAI THANH - HEADER v2 patch E: can le + chong chong lan tren mobile ---- */
#header [data-device="mobile"] [data-row] [data-column]{ padding-left:0 !important; padding-right:0 !important; }
#header [data-device="mobile"] [data-row="middle"] > .ct-container{ gap:10px !important; }
#header [data-device="mobile"] [data-row="middle"] [data-column="start"]{ flex:1 1 auto !important; min-width:0 !important; }
#header [data-device="mobile"] [data-row="middle"] [data-column="end"]{ flex:0 0 auto !important; min-width:0 !important; }
#header [data-device="mobile"] .site-logo-container{ min-width:0 !important; }
#header [data-device="mobile"] .site-logo-container img,
#header [data-device="mobile"] .site-logo-container svg{ height:24px !important; max-width:100% !important; object-fit:contain !important; object-position:left center !important; }
@media (max-width:400px){
  #header [data-device="mobile"] .site-logo-container img,
  #header [data-device="mobile"] .site-logo-container svg{ height:22px !important; }
  #header [data-device="mobile"] .kt-hot-num{ font-size:15px !important; }
}


/* ---- KHAI THANH - HEADER v2 patch F: man hinh rat nho ---- */
@media (max-width:360px){
  #header [data-device="mobile"] .site-logo-container img,
  #header [data-device="mobile"] .site-logo-container svg{ height:20px !important; }
  #header [data-device="mobile"] .kt-hot-num{ font-size:14px !important; }
  #header [data-device="mobile"] [data-row="top"] [data-column] > [data-items]{ gap:18px !important; }
}


/* ---- KHAI THANH - HEADER v2 patch G: khong lap "Lien he" trong offcanvas ---- */
#offcanvas .kt-top-contact,
#offcanvas .ct-header-text[data-id="text"]{ display:none !important; }


/* ---- KHAI THANH - HEADER v2 patch H: menu don trai + icon hamburger nut danh muc ---- */
#header #header-menu-1 #menu-menu-chinh{ justify-content:flex-start !important; gap:0 !important; }
#header #header-menu-1 #menu-menu-chinh > li{ flex:0 0 auto !important; }
#header #header-menu-1 #menu-menu-chinh > li.cat-btn{ margin-right:22px !important; }
#header #header-menu-1 #menu-menu-chinh > li:not(.cat-btn){ margin:0 !important; }
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link::before{
  content:"\2630" !important; display:inline-block !important; margin-right:10px !important;
  font-size:15px !important; line-height:1 !important; color:#14284B !important; font-weight:400 !important;
}


/* ---- KHAI THANH - HEADER v2 patch I: ve icon hamburger bang CSS (khong phu thuoc font) ---- */
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link::before{
  content:"" !important;
  display:inline-block !important; flex:0 0 auto !important;
  width:16px !important; height:11px !important; margin-right:11px !important;
  background-image:linear-gradient(#14284B,#14284B),linear-gradient(#14284B,#14284B),linear-gradient(#14284B,#14284B) !important;
  background-size:16px 2px !important;
  background-repeat:no-repeat !important;
  background-position:left top, left center, left bottom !important;
  border-radius:0 !important;
}


/* ---- KHAI THANH - HEADER v2 patch J: bo opacity 0 / position absolute cu tren ::before ---- */
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link::before{
  position:static !important; inset:auto !important; top:auto !important; left:auto !important;
  right:auto !important; bottom:auto !important; transform:none !important;
  opacity:1 !important; visibility:visible !important;
}


/* ---- KHAI THANH - HEADER v2 patch K: nen trong suot cho icon hamburger ---- */
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link::before{
  background-color:transparent !important; box-shadow:none !important; border-radius:0 !important;
}


/* ===== KT-TYPO-STAGE2B: gia san pham Bitter 19px (mobile 17px) w700 ===== */
.single-product div.product p.price,.single-product div.product span.price,
li.product .price, .products .product .price,.products .product .price{font-family:"Bitter",Georgia,serif !important;font-size:19px !important;font-weight:700 !important;}
@media (max-width:768px){.single-product div.product p.price,.single-product div.product span.price,
li.product .price, .products .product .price,.products .product .price{font-size:17px !important;}}


/* KT-TYPO-STAGE3 2026-08-08 - an o tim kiem trung lap tren mobile (header da co o tim kiem) */


/* KT-TYPO-STAGE4 2026-08-08 - chuan hoa card san pham dang WooCommerce Blocks (co chu dang bi em-scale con 9.86px) */
.wc-block-grid__product .wc-block-grid__product-title{ font-family:Be Vietnam Pro,Arial,sans-serif; font-size:15px; font-weight:600; line-height:1.35; }
.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount{ font-family:Bitter,Georgia,serif; font-size:19px; font-weight:700; }
.wc-block-grid__product .wp-block-button__link{ font-family:Be Vietnam Pro,Arial,sans-serif; font-size:15px; font-weight:600; }
@media (max-width:760px){
  .wc-block-grid__product .wc-block-grid__product-title{ font-size:14px; }
  .wc-block-grid__product .wc-block-grid__product-price,
  .wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount{ font-size:17px; }
}

/* KT-TYPO-STAGE5 2026-08-08 - nut trong card WooCommerce Blocks bi em-scale con 9.86px */
.wc-block-grid .wc-block-grid__product .wp-block-button__link,
.wc-block-grid__product .wp-block-button__link.add_to_cart_button{ font-size:15px !important; font-weight:600 !important; line-height:1.35; }
@media (max-width:760px){
  .home .emk-best-grid .wc-block-grid__product-title{ font-size:14px; }
}

/* KT-TYPO-STAGE6 2026-08-08 - co chu toi thieu 12px */
.ct-header-account small, footer small{ font-size:12px; }


/* KT-HEADER-THIN 2026-08-08 - toan bo chu trong header dung net mong (400) */
#header, #header *, #header .ct-menu-link, #header li.cat-btn > a, #header .ct-label,
#header .kt-top-contact, #header .kt-hot-num, #header .kt-hot-label,
#header .ct-dynamic-count-cart, #header input, #header button{ font-weight:400 !important; }

/* KT-HEADER-THIN-V2 2026-08-08 - da ha toan bo font-weight trong header ve 400 */


/* ===== KT-CATBTN-FLAT 2026-08-08 : bo nen vang nut DANH MUC SAN PHAM, hover cam dam ===== */
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link,
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  color:#FFFFFF !important;
}
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link::before,
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link::before{
  background-image:linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(#FFFFFF,#FFFFFF) !important;
}
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link svg,
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link svg{ fill:#FFFFFF !important; }

#header #header-menu-1 #menu-menu-chinh > li.cat-btn:hover > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link:hover,
#header [data-row="bottom"] .menu > li.cat-btn:hover > .ct-menu-link,
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link:hover{
  background:#14284B !important;
  background-color:#14284B !important;
  background-image:none !important;
  color:#FFFFFF !important;
}
#header #header-menu-1 #menu-menu-chinh > li.cat-btn:hover > .ct-menu-link::before,
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link:hover::before,
#header [data-row="bottom"] .menu > li.cat-btn:hover > .ct-menu-link::before,
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link:hover::before{
  background-image:linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(#FFFFFF,#FFFFFF) !important;
}
#header #header-menu-1 #menu-menu-chinh > li.cat-btn:hover > .ct-menu-link svg,
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link:hover svg,
#header [data-row="bottom"] .menu > li.cat-btn:hover > .ct-menu-link svg,
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link:hover svg{ fill:#FFFFFF !important; }
/* ===== end KT-CATBTN-FLAT ===== */


/* ===== KT-NAV-ACTIVE 2026-08-08 : hover + trang hien tai = nen cam dam toan thanh nav ===== */
#header #header-menu-1 #menu-menu-chinh > li:hover > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li > .ct-menu-link:hover,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-item > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-ancestor > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-parent > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li.current_page_item > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li.current_page_parent > .ct-menu-link,
#header [data-row="bottom"] .menu > li:hover > .ct-menu-link,
#header [data-row="bottom"] .menu > li > .ct-menu-link:hover,
#header [data-row="bottom"] .menu > li.current-menu-item > .ct-menu-link,
#header [data-row="bottom"] .menu > li.current-menu-ancestor > .ct-menu-link,
#header [data-row="bottom"] .menu > li.current-menu-parent > .ct-menu-link,
#header [data-row="bottom"] .menu > li.current_page_item > .ct-menu-link,
#header [data-row="bottom"] .menu > li.current_page_parent > .ct-menu-link,
body.woocommerce-shop #header #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"],
body.single-product #header #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"]{
  background:#14284B !important;
  background-color:#14284B !important;
  color:#FFFFFF !important;
}
#header #header-menu-1 #menu-menu-chinh > li:hover > .ct-menu-link svg,
#header #header-menu-1 #menu-menu-chinh > li > .ct-menu-link:hover svg,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-item > .ct-menu-link svg,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-ancestor > .ct-menu-link svg,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-parent > .ct-menu-link svg,
#header #header-menu-1 #menu-menu-chinh > li.current_page_item > .ct-menu-link svg,
#header #header-menu-1 #menu-menu-chinh > li.current_page_parent > .ct-menu-link svg,
#header [data-row="bottom"] .menu > li:hover > .ct-menu-link svg,
#header [data-row="bottom"] .menu > li > .ct-menu-link:hover svg,
#header [data-row="bottom"] .menu > li.current-menu-item > .ct-menu-link svg,
#header [data-row="bottom"] .menu > li.current-menu-ancestor > .ct-menu-link svg,
#header [data-row="bottom"] .menu > li.current-menu-parent > .ct-menu-link svg,
#header [data-row="bottom"] .menu > li.current_page_item > .ct-menu-link svg,
#header [data-row="bottom"] .menu > li.current_page_parent > .ct-menu-link svg,
body.woocommerce-shop #header #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"] svg,
body.single-product #header #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"] svg{ fill:#FFFFFF !important; }
#header #header-menu-1 #menu-menu-chinh > li:hover > .ct-menu-link::before,
#header #header-menu-1 #menu-menu-chinh > li > .ct-menu-link:hover::before,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-item > .ct-menu-link::before,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-ancestor > .ct-menu-link::before,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-parent > .ct-menu-link::before,
#header #header-menu-1 #menu-menu-chinh > li.current_page_item > .ct-menu-link::before,
#header #header-menu-1 #menu-menu-chinh > li.current_page_parent > .ct-menu-link::before,
#header [data-row="bottom"] .menu > li:hover > .ct-menu-link::before,
#header [data-row="bottom"] .menu > li > .ct-menu-link:hover::before,
#header [data-row="bottom"] .menu > li.current-menu-item > .ct-menu-link::before,
#header [data-row="bottom"] .menu > li.current-menu-ancestor > .ct-menu-link::before,
#header [data-row="bottom"] .menu > li.current-menu-parent > .ct-menu-link::before,
#header [data-row="bottom"] .menu > li.current_page_item > .ct-menu-link::before,
#header [data-row="bottom"] .menu > li.current_page_parent > .ct-menu-link::before,
body.woocommerce-shop #header #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"]::before,
body.single-product #header #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"]::before{ background-image:linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(#FFFFFF,#FFFFFF),linear-gradient(#FFFFFF,#FFFFFF) !important; }
/* ===== end KT-NAV-ACTIVE ===== */


/* ===== KT-NAV-ACTIVE-V2 2026-08-08 : fallback trang Woo + bo trung lap anchor ===== */
body.woocommerce-shop #header #header-menu-1 #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"],
body.woocommerce-shop #header [data-row="bottom"] .menu > li > a.ct-menu-link[href*="/shop/"],
body.single-product #header #header-menu-1 #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"],
body.single-product #header [data-row="bottom"] .menu > li > a.ct-menu-link[href*="/shop/"]{
  background:#14284B !important;
  background-color:#14284B !important;
  color:#FFFFFF !important;
}
body.woocommerce-shop #header #header-menu-1 #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"] svg,
body.woocommerce-shop #header [data-row="bottom"] .menu > li > a.ct-menu-link[href*="/shop/"] svg,
body.single-product #header #header-menu-1 #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"] svg,
body.single-product #header [data-row="bottom"] .menu > li > a.ct-menu-link[href*="/shop/"] svg{ fill:#FFFFFF !important; }

#header #header-menu-1 #menu-menu-chinh > li.current-menu-item:not(.cat-btn):not(:hover) > a.ct-menu-link[href*="#"]:not(:hover),
#header [data-row="bottom"] .menu > li.current-menu-item:not(.cat-btn):not(:hover) > a.ct-menu-link[href*="#"]:not(:hover){
  background:transparent !important;
  background-color:transparent !important;
  color:#C8CFDD !important;
}
/* ===== end KT-NAV-ACTIVE-V2 ===== */


/* ===== KT-NAV-MOBILE-ACTIVE 2026-08-08 : danh dau trang hien tai trong menu mobile ===== */
#offcanvas .mobile-menu > ul > li.current-menu-item > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-item > .ct-sub-menu-parent > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-ancestor > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-ancestor > .ct-sub-menu-parent > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-parent > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-parent > .ct-sub-menu-parent > a.ct-menu-link,
body.single-product #offcanvas .mobile-menu > ul > li > a.ct-menu-link[href*="/shop/"],
body.woocommerce-shop #offcanvas .mobile-menu > ul > li > a.ct-menu-link[href*="/shop/"]{
  background:#14284B !important;
  background-color:#14284B !important;
  color:#FFFFFF !important;
}
#offcanvas .mobile-menu > ul > li.current-menu-item:not(.cat-btn) > a.ct-menu-link[href*="#"]{
  background:transparent !important;
  background-color:transparent !important;
  color:#122E52 !important;
}
/* ===== end KT-NAV-MOBILE-ACTIVE ===== */


/* ===== KT-NAV-FLUSH 2026-08-08 : thanh nav sat mep duoi tang 3 (bo dai navy 8px thua) ===== */
/* 106px = tang giua 60 + tang nav 46 (da bo topbar/tang 1 rong) */
@media (min-width:1000px){
  #header .ct-sticky-container{ height:129px !important; }
}
/* ===== end KT-NAV-FLUSH ===== */


/* ===== KT-NAV-ACTIVE-V3 2026-08-08 : muc dang xem = chu cam + gach chan, BO nen cam ===== */
#header #header-menu-1 #menu-menu-chinh > li.current-menu-item:not(:hover) > .ct-menu-link:not(:hover),
#header #header-menu-1 #menu-menu-chinh > li.current-menu-ancestor:not(:hover) > .ct-menu-link:not(:hover),
#header #header-menu-1 #menu-menu-chinh > li.current-menu-parent:not(:hover) > .ct-menu-link:not(:hover),
#header #header-menu-1 #menu-menu-chinh > li.current_page_item:not(:hover) > .ct-menu-link:not(:hover),
#header #header-menu-1 #menu-menu-chinh > li.current_page_parent:not(:hover) > .ct-menu-link:not(:hover),
#header [data-row="bottom"] .menu > li.current-menu-item:not(:hover) > .ct-menu-link:not(:hover),
#header [data-row="bottom"] .menu > li.current-menu-ancestor:not(:hover) > .ct-menu-link:not(:hover),
#header [data-row="bottom"] .menu > li.current-menu-parent:not(:hover) > .ct-menu-link:not(:hover),
#header [data-row="bottom"] .menu > li.current_page_item:not(:hover) > .ct-menu-link:not(:hover),
#header [data-row="bottom"] .menu > li.current_page_parent:not(:hover) > .ct-menu-link:not(:hover),
body.single-product #header #header-menu-1 #menu-menu-chinh > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover),
body.single-product #header [data-row="bottom"] .menu > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover),
body.woocommerce-shop #header #header-menu-1 #menu-menu-chinh > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover),
body.woocommerce-shop #header [data-row="bottom"] .menu > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover){
  background:transparent !important;
  background-color:transparent !important;
  color:#14284B !important;
  /* gach chan da chuyen sang KT-NAV-ACTIVE-V4 (2px, dong deu) */
}
#header #header-menu-1 #menu-menu-chinh > li.current-menu-item:not(:hover) > .ct-menu-link:not(:hover)::before,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-ancestor:not(:hover) > .ct-menu-link:not(:hover)::before,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-parent:not(:hover) > .ct-menu-link:not(:hover)::before,
#header #header-menu-1 #menu-menu-chinh > li.current_page_item:not(:hover) > .ct-menu-link:not(:hover)::before,
#header #header-menu-1 #menu-menu-chinh > li.current_page_parent:not(:hover) > .ct-menu-link:not(:hover)::before,
#header [data-row="bottom"] .menu > li.current-menu-item:not(:hover) > .ct-menu-link:not(:hover)::before,
#header [data-row="bottom"] .menu > li.current-menu-ancestor:not(:hover) > .ct-menu-link:not(:hover)::before,
#header [data-row="bottom"] .menu > li.current-menu-parent:not(:hover) > .ct-menu-link:not(:hover)::before,
#header [data-row="bottom"] .menu > li.current_page_item:not(:hover) > .ct-menu-link:not(:hover)::before,
#header [data-row="bottom"] .menu > li.current_page_parent:not(:hover) > .ct-menu-link:not(:hover)::before,
body.single-product #header #header-menu-1 #menu-menu-chinh > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover)::before,
body.single-product #header [data-row="bottom"] .menu > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover)::before,
body.woocommerce-shop #header #header-menu-1 #menu-menu-chinh > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover)::before,
body.woocommerce-shop #header [data-row="bottom"] .menu > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover)::before{ background-image:linear-gradient(#14284B,#14284B),linear-gradient(#14284B,#14284B),linear-gradient(#14284B,#14284B) !important; }
#header #header-menu-1 #menu-menu-chinh > li.current-menu-item:not(:hover) > .ct-menu-link:not(:hover) svg,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-ancestor:not(:hover) > .ct-menu-link:not(:hover) svg,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-parent:not(:hover) > .ct-menu-link:not(:hover) svg,
#header #header-menu-1 #menu-menu-chinh > li.current_page_item:not(:hover) > .ct-menu-link:not(:hover) svg,
#header #header-menu-1 #menu-menu-chinh > li.current_page_parent:not(:hover) > .ct-menu-link:not(:hover) svg,
#header [data-row="bottom"] .menu > li.current-menu-item:not(:hover) > .ct-menu-link:not(:hover) svg,
#header [data-row="bottom"] .menu > li.current-menu-ancestor:not(:hover) > .ct-menu-link:not(:hover) svg,
#header [data-row="bottom"] .menu > li.current-menu-parent:not(:hover) > .ct-menu-link:not(:hover) svg,
#header [data-row="bottom"] .menu > li.current_page_item:not(:hover) > .ct-menu-link:not(:hover) svg,
#header [data-row="bottom"] .menu > li.current_page_parent:not(:hover) > .ct-menu-link:not(:hover) svg,
body.single-product #header #header-menu-1 #menu-menu-chinh > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover) svg,
body.single-product #header [data-row="bottom"] .menu > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover) svg,
body.woocommerce-shop #header #header-menu-1 #menu-menu-chinh > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover) svg,
body.woocommerce-shop #header [data-row="bottom"] .menu > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover) svg{ fill:#14284B !important; }

/* menu mobile: panel nen trang -> dung cam dam + gach doc ben trai */
#offcanvas .mobile-menu > ul > li.current-menu-item > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-item > .ct-sub-menu-parent > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-ancestor > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-ancestor > .ct-sub-menu-parent > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-parent > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current-menu-parent > .ct-sub-menu-parent > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current_page_item > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current_page_item > .ct-sub-menu-parent > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current_page_parent > a.ct-menu-link,
#offcanvas .mobile-menu > ul > li.current_page_parent > .ct-sub-menu-parent > a.ct-menu-link,
body.single-product #offcanvas .mobile-menu > ul > li > a.ct-menu-link[href*="/shop/"],
body.woocommerce-shop #offcanvas .mobile-menu > ul > li > a.ct-menu-link[href*="/shop/"]{
  background:transparent !important;
  background-color:transparent !important;
  color:#14284B !important;
  box-shadow:inset 3px 0 0 0 #14284B !important;
}
/* ===== end KT-NAV-ACTIVE-V3 ===== */


/* ===== KT-SEARCH-ALIGN 2026-08-08 : can giua doc text + icon trong khung tim kiem =====
   Truoc: .ct-search-form cao 46px (vien 2px -> long 42px) nhung inner/input/button bi ep 48px
   -> tran 6px xuong duoi, text va icon lech 3px xuong. Dung height auto/100% de tu khop moi breakpoint. */
html body #header .ct-search-box .ct-search-form{
  display:flex !important;
  align-items:stretch !important;
}
html body #header .ct-search-box .ct-search-form .ct-search-form-inner{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
}
html body #header .ct-search-box .ct-search-form input[type="search"]{
  height:auto !important;
  min-height:0 !important;
  line-height:normal !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
html body #header .ct-search-box .ct-search-form button[type="submit"]{
  height:100% !important; /* khong ep top/bottom: mobile can giua bang top:50%+translateY */
  min-height:0 !important;
  aspect-ratio:auto !important;
  align-items:center !important;
}
/* ===== end KT-SEARCH-ALIGN ===== */


/* ===== KT-LOGO-CLEAN: bo gach vang duoi logo + tang co logo can voi khung tim kiem ===== */
#header .site-branding .site-logo-container{
  border-bottom:0 !important;
  padding-bottom:0 !important;
  height:auto !important;
  align-items:center !important;
}
@media (min-width:1000px){
  #header .site-branding .site-logo-container img.default-logo,
  #header .site-branding .site-logo-container img.custom-logo,
  #header .site-branding .site-logo-container svg.default-logo,
  #header .site-branding .site-logo-container svg.custom-logo{
    height:56px !important;
    max-height:56px !important;
    width:auto !important;
  }
}
@media (max-width:999.98px){
  #header .site-branding .site-logo-container img.default-logo,
  #header .site-branding .site-logo-container img.custom-logo,
  #header .site-branding .site-logo-container svg.default-logo,
  #header .site-branding .site-logo-container svg.custom-logo{
    height:22px !important;
    max-height:22px !important;
    width:auto !important;
  }
}
@media (min-width:1000px){
  /* can mep trai icon KT thang hang voi dau 3 gach tang 3 (PNG co 30px vien trong suot ben trai) */
  #header .site-branding .site-logo-container{ margin-left:12.4px !important; }
}
/* ===== /KT-LOGO-CLEAN ===== */

/* ===== KT-SEARCH-POS 2026-08-09: can trai khung tim kiem thang mep voi text "Trang chu" o nav duoi ===== */
@media (min-width:1000px){
  #header [data-row="middle"] .ct-search-box{ margin-left:-47.55px !important; }
}
/* ===== /KT-SEARCH-POS ===== */


/* ===== KT-SEARCH-SHRINK 2026-08-09: giu trai, thu ngan phia phai 1/6 chieu dai khung tim kiem ===== */
@media (min-width:1000px){
  #header [data-row="middle"] .ct-search-box{ max-width:633px !important; }
}
/* ===== /KT-SEARCH-SHRINK ===== */

/* ===== KT-CART-TO-MIDDLE 2026-08-09: chuyen icon gio hang tu tang 1 xuong tang 2, canh hotline ===== */
#header [data-row="middle"] [data-column="end"] [data-items="primary"]{ gap:20px !important; }
#header [data-row="middle"] .ct-header-cart .ct-label{ display:none !important; }
#header [data-row="middle"] .ct-header-cart a.ct-cart-item{ padding:0 !important; }
#header [data-row="middle"] .ct-header-cart svg{ width:22px !important; height:22px !important; fill:#FFFFFF !important; color:#FFFFFF !important; }
#header [data-row="middle"] .ct-header-cart .ct-icon-container{ position:relative !important; display:inline-flex !important; }
#header [data-row="middle"] .ct-header-cart .ct-dynamic-count-cart{
  position:absolute !important; top:-8px !important; right:-10px !important;
  min-width:17px !important; height:17px !important; padding:0 4px !important;
  border-radius:999px !important; background:#D89A26 !important; color:#14284B !important;
  font-size:10px !important; font-weight:400 !important; line-height:17px !important;
  text-align:center !important; border:0 !important;
}
#header [data-row="middle"] .ct-header-cart:hover svg{ fill:#0D1C36 !important; color:#0D1C36 !important; }
#header [data-row="middle"] .ct-header-cart{ margin-top:20.5px !important; }
/* ===== /KT-CART-TO-MIDDLE ===== */

/* ===== KT-HERO-SIDE-SQUARE 2026-08-09: 2 banner ben phai Hero -> goc vuong (bo border-radius:10px inline) ===== */
.emk-hero-promo{ border-radius:0 !important; }
/* ===== /KT-HERO-SIDE-SQUARE ===== */

/* ===== KT-CASE-FIX 2026-08-09: chuyen text in hoa -> chu thuong (viet hoa dau cau), giu in dam cho phan quan trong ===== */
.woocommerce-result-count{ text-transform:none !important; }
.ct-pagination .page-numbers{ text-transform:none !important; }
/* ===== /KT-CASE-FIX ===== */

/* ===================================================================
   NAVY-GOLD-MINIMAL RETINT OVERRIDE - Claude (2026-08-10)
   Muc dich: dong bo lai theo he thong 5 vai tro mau:
   - Nen: trang/kem | Chu chinh: Ink #1D1D1F | Chu phu: Gray #6E6E73
   - Diem nhan duy nhat: Navy #14284B (hover #0D1C36) cho nut/link/icon/active
   - Vang dong #D89A26 CHI con o gach chan logo, khong dung cho nen lon/nut bam
   Ghi chu: cac rule ben tren (truoc block nay) tung dung tone navy lam NEN
   header va nut CTA mau vang theo mockup cu. Block nay ghi de de khop yeu
   cau moi: header nen sang, nut bam mau navy, tieu de mau ink.
   =================================================================== */

/* 1) Tieu de/nhan hardcode mau navy hoac nau tren trang chu -> Ink */
[style*="color:#14284B" i] { color:#1D1D1F !important; }
[style*="color: #14284B" i] { color:#1D1D1F !important; }
[style*="color:#1D1D29" i] { color:#1D1D1F !important; }
[style*="color:#8A3D08" i] { color:#1D1D1F !important; }
[style*="color:#8A6046" i] { color:#6E6E73 !important; }

/* 2) Nut CTA "Xem san pham" (.emk-cta): vang -> navy (nut bam dung navy) */
.emk-cta.emk-cta,
.emk-hero .emk-cta.emk-cta { background:#14284B !important; border-color:#14284B !important; color:#FFFFFF !important; }
.emk-cta.emk-cta *,
.emk-hero .emk-cta.emk-cta * { color:#FFFFFF !important; }
.emk-hero .emk-cta.emk-cta.emk-cta:hover { background:#0D1C36 !important; border-color:#0D1C36 !important; color:#D89A26 !important; text-decoration:none !important; }

/* 3) Nut tim kiem header: vang -> navy */
.ct-search-box .ct-search-form button[type="submit"].wp-element-button {
  background:#14284B !important;
}
.ct-search-box .ct-search-form button[type="submit"].wp-element-button:hover {
  background:#0D1C36 !important;
}

/* 4) Header Tier 1 (row middle): nen sang thay vi navy; icon/link mau ink mac dinh, hover navy */
#header [data-row="middle"] { background:#FFFFFF !important; }
#header [data-row="middle"] a,
#header [data-row="middle"] svg,
#header [data-row="middle"] .ct-icon { color:#1D1D1F !important; fill:#1D1D1F !important; }
#header [data-row="middle"] [data-id] svg * { stroke:#1D1D1F !important; }
#header [data-row="middle"] a:hover,
#header [data-row="middle"] a:hover svg { color:#14284B !important; fill:#14284B !important; }
#header [data-row="middle"] .kt-hotline,
#header [data-row="middle"] .kt-hotline * { color:#1D1D1F !important; font-weight:400 !important; }
#header [data-row="middle"] .kt-hotline:hover { color:#14284B !important; }
/* Badge gio hang da la navy (dung roi) - khong doi */

/* 5) Header Tier 2 (row bottom - nav): nen kem sang; text ink; hover/active navy */
#header [data-device="desktop"] [data-row="bottom"] { background-color:#FAF8F2 !important; }
#header-menu-1 .menu > li > .ct-menu-link { color:#1D1D1F !important; }
#header-menu-1 .menu > li:hover > .ct-menu-link,
#header-menu-1 .menu > li.current-menu-item > .ct-menu-link { color:#14284B !important; }
/* Nut "Danh muc" (.cat-btn) giu nguyen: nen navy dac, chu trang */
.ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link { color:#FFFFFF !important; }
.ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link:hover { color:#FFFFFF !important; }

/* 6) Dai phan cach mong giua nhom trai (Danh muc + Tat ca san pham) va nhom phai (nav-right) */
#header-menu-1 .menu > li.nav-right { border-left:1px solid #E3E6E9 !important; padding-left:20px !important; }

/* ===== END NAVY-GOLD-MINIMAL RETINT OVERRIDE ===== */


/* 7) Fix: badge so luong gio hang o Tier 1 (row middle) van con vang tu rule cu -> doi ve navy */
#header [data-row="middle"] .ct-header-cart .ct-dynamic-count-cart,
#header [data-row="top"] .ct-header-cart .ct-dynamic-count-cart {
  background:#14284B !important;
  color:#FFFFFF !important;
}


/* 8) Gia san pham trong Product Grid block: vang -> Ink (gia khong phai la 1 "diem nhan" duy nhat, tranh lan tran vang) */
.wc-block-grid__product-price,
.wc-block-grid__product-price.price { color:#1D1D1F !important; }
.wc-block-grid__product-price ins,
.wc-block-grid__product-price bdi { color:#1D1D1F !important; }
/* Gia sale (gach ngang) van giu mau xam nhat cho phan bi gach */
.wc-block-grid__product-price del { color:#6E6E73 !important; }


/* 9) FIX QUAN TRONG: "HEADER v2 patch A - tang 3" dùng selector 3-ID
   (#header #header-menu-1 #menu-menu-chinh) gia dinh nen toi (chu trang/xam nhat).
   Vi Tier 2 (row bottom) da doi sang nen sang (FAF8F2), phai ghi de lai cung
   muc do specificity (3 ID) + xuat hien sau, moi thang duoc. */
#header #header-menu-1 #menu-menu-chinh > li > .ct-menu-link {
  color:#1D1D1F !important;
}
#header #header-menu-1 #menu-menu-chinh > li:hover > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-item > .ct-menu-link,
#header #header-menu-1 #menu-menu-chinh > li.current-menu-ancestor > .ct-menu-link {
  color:#14284B !important;
  background:transparent !important;
}
/* Nut "Danh muc" (.cat-btn): nen dac navy, chu trang - noi bat tren nen sang */
#header #header-menu-1 #menu-menu-chinh > li.cat-btn > .ct-menu-link {
  background:#14284B !important;
  color:#FFFFFF !important;
}
#header #header-menu-1 #menu-menu-chinh > li.cat-btn:hover > .ct-menu-link {
  background:#0D1C36 !important;
  color:#FFFFFF !important;
}


/* ===== KT-HEADER-BALANCE 2026-08-10: header desktop - thu nho logo + can deu khoang cach ===== */
@media (min-width:1000px){
  /* 1) Logo: 56px -> 40px, can trai thang mep container (bo nudge 12.4px cua logo PNG cu) */
  #header .site-branding .site-logo-container img.default-logo,
  #header .site-branding .site-logo-container img.custom-logo,
  #header .site-branding .site-logo-container svg.default-logo,
  #header .site-branding .site-logo-container svg.custom-logo{
    height:40px !important;
    max-height:40px !important;
    width:auto !important;
  }
  #header .site-branding .site-logo-container{ margin-left:0 !important; }

  /* 2) Bo margin-left am -47.55px (KT-SEARCH-POS) lam khung tim kiem de len logo */
  #header [data-row="middle"] .ct-search-box{
    margin:0 !important;
    max-width:none !important;   /* de khung tim kiem tu gian, giu khoang cach 32px deu nhau o moi do rong */
    flex:1 1 auto !important;
  }

  /* 3) Khoang cach dong deu 32px giua tat ca khoi trong hang giua */
  #header [data-row="middle"] > .ct-container{ column-gap:32px !important; }
  #header [data-row="middle"] [data-items]{ gap:32px !important; }
  #header [data-row="middle"] [data-column] [data-items="primary"]{ gap:32px !important; }
  #header [data-row="middle"] [data-items] > *{ margin-left:0 !important; margin-right:0 !important; }

  /* 4) Can giua theo chieu doc cho icon gio hang (bo margin-top 20.5px cu) */
  #header [data-row="middle"] .ct-header-cart{ margin-top:0 !important; align-self:center !important; }
}
/* ===== /KT-HEADER-BALANCE ===== */

/* ===== KT-BEST-BTN 2026-08-10: nut "Them vao gio hang" o khoi "Ban chay tai kho"
   dong bo voi nut tren the san pham trang danh muc (vien navy 2px, nen trang) ===== */
.emk-best-grid .wc-block-grid__product .wp-block-button__link,
.emk-best-grid .wc-block-grid__product .wp-block-button__link.add_to_cart_button{
  display:block !important;
  width:100% !important;
  background:transparent !important;
  color:#14284B !important;
  border:2px solid #14284B !important;
  border-radius:4px !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.47 !important;
  padding:10px 12px !important;
  text-align:center !important;
  box-shadow:none !important;
  transition:background-color .2s ease,color .2s ease;
}
.emk-best-grid .wc-block-grid__product .wp-block-button__link:hover,
.emk-best-grid .wc-block-grid__product .wp-block-button__link:focus{
  background:#14284B !important;
  color:#FFFFFF !important;
}
/* giu nut thang hang duoi cung the du ten/gia dai ngan khac nhau */
.emk-best-grid .wc-block-grid__product .wc-block-grid__product-add-to-cart{
  margin-top:auto !important;
  padding-top:20px !important;
}
.emk-best-grid .wc-block-grid__product .added_to_cart{
  display:block !important;
  margin-top:8px !important;
  text-align:center !important;
  font-size:14px !important;
  color:#14284B !important;
  text-decoration:underline !important;
}
/* ===== /KT-BEST-BTN ===== */


/* =====================================================================
   KT-PALETTE-FIX 2026-08-10 : sua 6 loi kiem tra truc tiep tren site
   Bang mau chuan: #FFFFFF / #FAF8F2 / #1D1D1F / #6E6E73 /
   #14284B (hover #0D1C36) / #D89A26 (hover #B67F15) / #1E7A3C / #B0322B
   ===================================================================== */

/* ---- LOI 1: divider mảnh tách nhóm menu (giữa "Tất cả sản phẩm" và "Ưu đãi đặc biệt") ---- */
#header [data-row="bottom"] .menu > li.menu-item.menu-item-1333,
#header #header-menu-1 .menu > li.menu-item.menu-item-1333,
#header #menu-menu-chinh > li.menu-item.menu-item-1333{
  margin-left:26px !important;
  padding-left:26px !important;
  border-left:1px solid #E5E5E7 !important;
}

/* ---- LOI 2: H1 trang chu -> Ink #1D1D1F, khong dung navy trong tieu de (desktop/tablet) ---- */
@media (min-width:761px){
  .emk-hero .emk-textbox > div:first-child,
  .emk-hero .emk-textbox .emk-hl,
  .emk-hero .emk-textbox > div:first-child .emk-hl{ color:#1D1D1F !important; }
}

/* ---- LOI 3: 3 badge khuyen mai -> nen Navy, chu trang (Lua chon A) ---- */
html body .emk-hero .emk-badge,
html body .emk-hero .emk-badge.emk-badge{
  background:#FF5A2E !important;
  background-image:none !important;
  border:1px solid #FF5A2E !important;
  color:#FFFFFF !important;
}
html body .emk-hero .emk-badge *{ color:#FFFFFF !important; }
html body .emk-hero .emk-badge .emk-dot{ background:#FFFFFF !important; }
/* badge/khoi dung inline style mau cam trong noi dung trang */
html body [style*="background:#F08018"],
html body [style*="background:#C2410C"],
html body [style*="background: #F08018"],
html body [style*="background: #C2410C"]{
  background:#14284B !important;
  background-color:#14284B !important;
  color:#FFFFFF !important;
}
html body [style*="background:#F08018"] *,
html body [style*="background:#C2410C"] *{ color:#FFFFFF !important; }

/* ---- LOI 4: nut submit tim kiem -> nen Navy, icon trang (desktop + mobile) ---- */
html body #header .ct-search-box .ct-search-form button[type="submit"],
html body #header [data-device="mobile"] .ct-search-box .ct-search-form button[type="submit"]{
  background:#14284B !important;
  background-color:#14284B !important;
  border-color:#14284B !important;
}
html body #header .ct-search-box .ct-search-form button[type="submit"]:hover{
  background:#0D1C36 !important;
  background-color:#0D1C36 !important;
}
html body #header .ct-search-box .ct-search-form button[type="submit"] svg,
html body #header .ct-search-box .ct-search-form button[type="submit"] svg *{
  color:#FFFFFF !important;
  fill:#FFFFFF !important;
  stroke:#FFFFFF !important;
}

/* ---- LOI 5: header mobile 2 tang (bo dai navy dac phia tren logo) ---- */
@media (max-width:999.98px){
  /* tang 1: nen trang, logo + hotline */
  #header [data-device="mobile"] [data-row="middle"]{
    background:#FFFFFF !important;
    border-bottom:0 !important;
  }
  /* tang 2: o tim kiem tren nen trang, khong con dai navy */
  #header [data-device="mobile"] [data-row="bottom"]{
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
    border-top:0 !important;
    border-bottom:1px solid #E5E5E7 !important;
  }
  #header [data-device="mobile"] [data-row="bottom"] .ct-search-box .ct-search-form{
    border:1px solid #E5E5E7 !important;
    border-radius:10px !important;
    overflow:hidden !important;
    background:#FFFFFF !important;
  }
  #header [data-device="mobile"] [data-row="bottom"] .ct-search-form-inner{
    background:#FFFFFF !important;
    border:0 !important;
  }
  #header [data-device="mobile"] [data-row="bottom"] .ct-search-form input[type="search"]{
    background:#FFFFFF !important;
    color:#1D1D1F !important;
  }
  /* nut Menu (hamburger) tren nen trang -> Ink */
  #header [data-device="mobile"] .ct-header-trigger,
  #header [data-device="mobile"] [data-id="trigger"],
  #header [data-device="mobile"] .ct-header-trigger .ct-icon{
    color:#1D1D1F !important;
    fill:#1D1D1F !important;
  }
  #header [data-device="mobile"] .ct-header-trigger svg,
  #header [data-device="mobile"] .ct-header-trigger svg *{
    color:#1D1D1F !important;
    fill:#1D1D1F !important;
  }
  /* Tai khoan / Gio hang nay nam trong menu hamburger -> hien thi dang link thuong */
  #offcanvas .ct-header-account,
  #offcanvas .ct-header-cart{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }
  #offcanvas .ct-header-account a,
  #offcanvas .ct-header-cart a{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    justify-content:flex-start !important;
    padding:12px 0 !important;
    border:0 !important;
    box-shadow:none !important;
    color:#1D1D1F !important;
    font-weight:400 !important;
  }
  #offcanvas .ct-header-account a:hover,
  #offcanvas .ct-header-cart a:hover{ color:#14284B !important; }
  #offcanvas .ct-header-account svg,
  #offcanvas .ct-header-cart svg{ color:#14284B !important; fill:#14284B !important; }
  #offcanvas .ct-header-account .ct-label,
  #offcanvas .ct-header-cart .ct-label{
    display:inline !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    font-size:16px !important;
    font-weight:400 !important;
    color:#1D1D1F !important;
  }
  #offcanvas .ct-header-cart .ct-cart-price,
  #offcanvas .ct-header-cart .ct-dynamic-count-cart{ display:none !important; }
}

/* ---- LOI 6: cac cho khac con mau ngoai he thong ---- */
/* 6a. the/banner nen kem-cam -> Kem #FAF8F2 + vien xam nhat */
html body [style*="background:#FFF4EA"]{
  background:#FAF8F2 !important;
  background-color:#FAF8F2 !important;
}
html body [style*="#F6D2B0"]{ border-color:#E5E5E7 !important; }
/* 6b. tieu de trong the khuyen mai -> Ink */
html body [style*="color:#8A3D08"],
html body [style*="color: #8A3D08"]{ color:#1D1D1F !important; }
/* 6c. icon minh hoa (inline SVG) trong banner/khoi danh muc -> Navy */
html body [class*="emk-"] svg [fill="#F08018"],
html body [class*="emk-"] svg[fill="#F08018"]{ fill:#14284B !important; }
html body [class*="emk-"] svg [stroke="#F08018"],
html body [class*="emk-"] svg[stroke="#F08018"]{ stroke:#14284B !important; }
html body [class*="emk-"] svg[stroke="#8A3D08"],
html body [class*="emk-"] svg [stroke="#8A3D08"],
html body [class*="emk-"] svg[stroke="#8A3D08"] *,
html body svg[stroke="#8A3D08"],
html body svg[stroke="#8A3D08"] *,
html body svg [stroke="#8A3D08"]{ stroke:#14284B !important; }
/* 6d. badge ton kho tren card san pham -> Xanh la #1E7A3C / Do dat #B0322B */
.products .product .stock.in-stock,
.products .product .ct-woo-card-stock,
li.product .emk-card-meta .emk-instock, .products .product .emk-card-meta .emk-instock,
.emk-instock{ color:#1E7A3C !important; }
.products .product .stock.out-of-stock,
li.product .emk-card-meta .emk-outofstock, .products .product .emk-card-meta .emk-outofstock,
.emk-outofstock{ color:#B0322B !important; }
/* 6e. chu "Tiet kiem (%)" cua plugin gia bac thang: do thuan -> Do dat */
.tiered-pricing-you-save,
.tiered-pricing-you-save *,
.tiered-pricing-you-save__total,
.tiered-pricing-you-save__discount{ color:#B0322B !important; }
/* 6f. trang thai active tren thanh nav navy: dung Trang (navy tren navy se mat chu) */
#header [data-row="bottom"] .menu > li.current-menu-item:not(:hover) > .ct-menu-link:not(:hover),
#header [data-row="bottom"] .menu > li.current-menu-ancestor:not(:hover) > .ct-menu-link:not(:hover),
#header [data-row="bottom"] .menu > li.current-menu-parent:not(:hover) > .ct-menu-link:not(:hover),
#header [data-row="bottom"] .menu > li.current_page_item:not(:hover) > .ct-menu-link:not(:hover),
#header [data-row="bottom"] .menu > li.current_page_parent:not(:hover) > .ct-menu-link:not(:hover),
#header #header-menu-1 #menu-menu-chinh > li.current-menu-item:not(:hover) > .ct-menu-link:not(:hover),
#header #header-menu-1 #menu-menu-chinh > li.current-menu-ancestor:not(:hover) > .ct-menu-link:not(:hover),
body.woocommerce-shop #header [data-row="bottom"] .menu > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover),
body.single-product #header [data-row="bottom"] .menu > li:not(:hover) > a.ct-menu-link[href*="/shop/"]:not(:hover){
  color:#14284B !important;
  box-shadow:inset 0 -3px 0 0 #14284B !important;
}
/* 6g. hover cac muc nav (thanh nav nen kem) -> nen Navy chu trang; nut "Danh muc" -> Navy dam */
#header [data-row="bottom"] .menu > li.menu-item:not(.cat-btn) > a.ct-menu-link:hover,
#header #menu-menu-chinh > li.menu-item:not(.cat-btn) > a.ct-menu-link:hover{
  background-color:#14284B !important;
  background:#14284B !important;
  color:#FFFFFF !important;
}
#header [data-row="bottom"] .menu > li.cat-btn > .ct-menu-link:hover,
#header [data-row="bottom"] .menu > li.cat-btn:hover > .ct-menu-link,
.ct-header #header-menu-1 .menu > li.cat-btn > .ct-menu-link:hover,
#header #menu-menu-chinh li.cat-btn > a.ct-menu-link:hover{
  background-color:#0D1C36 !important;
  background:#0D1C36 !important;
  color:#FFFFFF !important;
}
/* ===== KT-FAB-COLOR 2026-08-10: nut Zalo mau goc Zalo, nut Goi dien mau vang dong ===== */
.emk-fab a[style*="background"],
.emk-fab > a{ color:#FFFFFF !important; }
.emk-fab > a[href^="tel:"]{ background:#D89A26 !important; }
.emk-fab > a[href^="tel:"]:hover{ background:#B67F15 !important; }
.emk-fab > a[href*="zalo.me"]{ background:#0068FF !important; }
.emk-fab > a[href*="zalo.me"]:hover{ background:#0052CC !important; }
/* _____ end KT-FAB-COLOR _____ */
/* ===== /KT-PALETTE-FIX ===== */

/* =====================================================================
   KT-HEADER-TUNE 2026-08-10 : tinh chinh header
   A) nut search khit khung  B) icon account/cart net mong
   C) them icon Home tren nav  D) hover dong bo toan thanh nav
   Bang mau: #FFFFFF #FAF8F2 #1D1D1F #6E6E73 #14284B(#0D1C36) #D89A26(#B67F15) #1E7A3C #B0322B
   ===================================================================== */
/* ---- A. Nut tim kiem: nen navy khit tuyet doi voi khung o tim kiem ----
   Cach lam: cho FORM tu clip (overflow hidden) - bo bo tron cua lop inner
   de goc bo tron cua nut trung khop chinh xac voi vien, khong con khe trang. */
html body #header .ct-search-form{border-color:#14284B !important;overflow:hidden !important;}
html body #header [data-device="mobile"] .ct-search-form{border-color:#E5E5E7 !important;}
html body #header .ct-search-form .ct-search-form-inner{position:relative !important;border-radius:0 !important;overflow:visible !important;}
html body #header .ct-search-form .ct-search-form-inner > button{position:absolute !important;top:0 !important;bottom:0 !important;right:0 !important;left:auto !important;height:auto !important;min-height:0 !important;max-height:none !important;transform:none !important;margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:#14284B !important;color:#FFFFFF !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:background-color .18s ease !important;}
html body #header .ct-search-form .ct-search-form-inner > button:hover{background:#0D1C36 !important;}
html body #header .ct-search-form .ct-search-form-inner > button svg{fill:#FFFFFF !important;}
/* ---- B. Icon tai khoan + gio hang: net mong (outline 1.5), 21px ---- */
html body #header .ct-header-account .ct-account-item > svg.ct-icon,
html body #header .ct-header-cart .ct-cart-item svg{width:21px !important;height:21px !important;flex:0 0 21px !important;background-color:#1D1D1F !important;color:#1D1D1F !important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:21px 21px;mask-size:21px 21px;transition:background-color .18s ease !important;}
html body #header .ct-header-account .ct-account-item > svg.ct-icon > *,
html body #header .ct-header-cart .ct-cart-item svg > *{display:none !important;}
html body #header .ct-header-account .ct-account-item > svg.ct-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228.2%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M4.9%2020c0-3.6%203.2-5.7%207.1-5.7s7.1%202.1%207.1%205.7%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228.2%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M4.9%2020c0-3.6%203.2-5.7%207.1-5.7s7.1%202.1%207.1%205.7%22%2F%3E%3C%2Fsvg%3E");}
html body #header .ct-header-cart .ct-cart-item svg{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.5%207.9h13l-.9%2011.2c-.1%201-.9%201.7-1.9%201.7H8.3c-1%200-1.8-.7-1.9-1.7z%22%2F%3E%3Cpath%20d%3D%22M9.2%2010.3V7.5a2.8%202.8%200%200%201%205.6%200v2.8%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.5%207.9h13l-.9%2011.2c-.1%201-.9%201.7-1.9%201.7H8.3c-1%200-1.8-.7-1.9-1.7z%22%2F%3E%3Cpath%20d%3D%22M9.2%2010.3V7.5a2.8%202.8%200%200%201%205.6%200v2.8%22%2F%3E%3C%2Fsvg%3E");}
html body #header .ct-header-account .ct-account-item,
html body #header .ct-header-cart .ct-cart-item{color:#1D1D1F !important;padding:5px 8px !important;}
html body #header .ct-header-account .ct-account-item:hover,
html body #header .ct-header-cart .ct-cart-item:hover{color:#14284B !important;}
html body #header .ct-header-account .ct-account-item:hover > svg.ct-icon,
html body #header .ct-header-cart .ct-cart-item:hover svg{background-color:#14284B !important;}
/* B2. dong bo icon mong cho panel hamburger (mobile) */
html body #offcanvas .ct-header-account .ct-account-item > svg.ct-icon,
html body #offcanvas .ct-header-cart .ct-cart-item svg{width:20px !important;height:20px !important;flex:0 0 20px !important;background-color:#1D1D1F !important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:20px 20px;mask-size:20px 20px;}
html body #offcanvas .ct-header-account .ct-account-item > svg.ct-icon > *,
html body #offcanvas .ct-header-cart .ct-cart-item svg > *{display:none !important;}
html body #offcanvas .ct-header-account .ct-account-item > svg.ct-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228.2%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M4.9%2020c0-3.6%203.2-5.7%207.1-5.7s7.1%202.1%207.1%205.7%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228.2%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M4.9%2020c0-3.6%203.2-5.7%207.1-5.7s7.1%202.1%207.1%205.7%22%2F%3E%3C%2Fsvg%3E");}
html body #offcanvas .ct-header-cart .ct-cart-item svg{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.5%207.9h13l-.9%2011.2c-.1%201-.9%201.7-1.9%201.7H8.3c-1%200-1.8-.7-1.9-1.7z%22%2F%3E%3Cpath%20d%3D%22M9.2%2010.3V7.5a2.8%202.8%200%200%201%205.6%200v2.8%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.5%207.9h13l-.9%2011.2c-.1%201-.9%201.7-1.9%201.7H8.3c-1%200-1.8-.7-1.9-1.7z%22%2F%3E%3Cpath%20d%3D%22M9.2%2010.3V7.5a2.8%202.8%200%200%201%205.6%200v2.8%22%2F%3E%3C%2Fsvg%3E");}
/* _____ end KT-HEADER-TUNE _____ */

/* =====================================================================
   KT-HEADER-SPEC 2026-08-10 : dung lai header desktop theo spec
   Nen trang, vien duoi 1px #E5E5E7, container 1280px padding ngang 32px
   ===================================================================== */
/* --- 0. Nen tong + container --- */
html body #header{background-color:#FFFFFF !important;}
html body #header [data-device="desktop"] [data-row="middle"],
html body #header [data-device="desktop"] [data-row="bottom"]{background-color:#FFFFFF !important;border:0 !important;box-shadow:none !important;}
html body #header [data-device="desktop"] [data-row="bottom"]{border-bottom:1px solid #E5E5E7 !important;}
html body #header [data-device="desktop"] .ct-container{max-width:1280px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;padding-left:32px !important;padding-right:32px !important;box-sizing:border-box !important;}
/* --- 1. TANG 1 --- */
html body #header [data-device="desktop"] [data-row="middle"] .ct-container{padding-top:20px !important;padding-bottom:16px !important;gap:32px !important;align-items:center !important;}
html body #header [data-device="desktop"] [data-row="middle"] [data-column] > [data-items]{gap:32px !important;align-items:center !important;}
html body #header [data-device="desktop"] [data-row="middle"] [data-column="start"],
html body #header [data-device="desktop"] [data-row="middle"] [data-column="start"] > [data-items]{flex:1 1 auto !important;min-width:0 !important;}
html body #header [data-device="desktop"] [data-row="middle"] [data-column="middle"],
html body #header [data-device="desktop"] [data-row="middle"] [data-column="end"]{flex:0 0 auto !important;}
/* 1a. Logo chu "Khai Thanh" - Bitter 700 / 24px / navy */
html body #header [data-device="desktop"] .site-branding{flex:0 0 auto !important;margin:0 !important;}
html body #header [data-device="desktop"] .site-logo-container{display:inline-flex !important;align-items:center !important;line-height:1 !important;}
html body #header [data-device="desktop"] .site-logo-container svg.default-logo,
html body #header [data-device="desktop"] .site-logo-container img{display:none !important;}
html body #header [data-device="desktop"] .site-logo-container::after{content:"Khải Thành" !important;display:inline-block !important;font-family:"Bitter",Georgia,serif !important;font-weight:700 !important;font-size:24px !important;line-height:1.25 !important;letter-spacing:0 !important;color:#14284B !important;white-space:nowrap !important;border-bottom:2px solid #D89A26 !important;padding-bottom:2px !important;}
/* 1b. Khung tim kiem: co gian full, input 44px vien #E5E5E7, nut 48x44 navy */
html body #header [data-device="desktop"] .ct-search-box{flex:1 1 auto !important;max-width:none !important;min-width:0 !important;width:auto !important;}
html body #header [data-device="desktop"] .ct-search-form{border:0 !important;border-radius:8px !important;overflow:visible !important;background:transparent !important;width:100% !important;}
html body #header [data-device="desktop"] .ct-search-form .ct-search-form-inner{position:relative !important;display:flex !important;align-items:center !important;height:44px !important;box-sizing:border-box !important;border:1px solid #E5E5E7 !important;border-radius:8px !important;background:#FFFFFF !important;overflow:hidden !important;}
html body #header [data-device="desktop"] .ct-search-form input{height:42px !important;font-size:14px !important;color:#1D1D1F !important;background:transparent !important;border:0 !important;padding:0 60px 0 16px !important;box-shadow:none !important;}
html body #header [data-device="desktop"] .ct-search-form input::placeholder{font-size:14px !important;color:#1D1D1F !important;opacity:.55 !important;}
html body #header [data-device="desktop"] .ct-search-form .ct-search-form-inner > button{position:absolute !important;top:-1px !important;right:-1px !important;bottom:-1px !important;left:auto !important;width:48px !important;min-width:48px !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:#14284B !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:background-color .18s ease !important;}
html body #header [data-device="desktop"] .ct-search-form .ct-search-form-inner > button:hover{background:#0D1C36 !important;}
html body #header [data-device="desktop"] .ct-search-form .ct-search-form-inner > button svg{width:16px !important;height:16px !important;fill:#FFFFFF !important;background:none !important;-webkit-mask:none !important;mask:none !important;}
html body #header [data-device="desktop"] .ct-search-form .ct-search-form-inner > button svg *{display:initial !important;}
/* 1c. Tai khoan: icon 20x20 stroke 1.8 + chu "Tai khoan" 13.5px */
html body #header [data-device="desktop"] .ct-header-account .ct-account-item{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:0 !important;color:#1D1D1F !important;}
html body #header [data-device="desktop"] .ct-header-account .ct-account-item > svg.ct-icon{order:1 !important;width:20px !important;height:20px !important;flex:0 0 20px !important;background-color:#1D1D1F !important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.6%22%20r%3D%222.9%22%2F%3E%3Cpath%20d%3D%22M3.9%2017.1c0-3.1%202.7-4.7%206.1-4.7s6.1%201.6%206.1%204.7%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.6%22%20r%3D%222.9%22%2F%3E%3Cpath%20d%3D%22M3.9%2017.1c0-3.1%202.7-4.7%206.1-4.7s6.1%201.6%206.1%204.7%22%2F%3E%3C%2Fsvg%3E") center/20px 20px no-repeat;}
html body #header [data-device="desktop"] .ct-header-account .ct-account-item > .ct-label{order:2 !important;display:inline-block !important;font-size:0 !important;margin:0 !important;}
html body #header [data-device="desktop"] .ct-header-account .ct-account-item > .ct-label::after{content:"Tài khoản" !important;font-size:13.5px !important;font-weight:400 !important;line-height:1.2 !important;color:#1D1D1F !important;white-space:nowrap !important;}
html body #header [data-device="desktop"] .ct-header-account .ct-account-item:hover > svg.ct-icon{background-color:#14284B !important;}
html body #header [data-device="desktop"] .ct-header-account .ct-account-item:hover > .ct-label::after{color:#14284B !important;}
/* 1d. Gio hang: icon 22x22 + badge tron 17x17 navy chu trang 10.5px */
html body #header [data-device="desktop"] .ct-header-cart .ct-cart-item{display:inline-flex !important;align-items:center !important;padding:0 !important;position:relative !important;}
html body #header [data-device="desktop"] .ct-header-cart .ct-cart-item > .ct-label{display:none !important;}
html body #header [data-device="desktop"] .ct-header-cart .ct-icon-container{position:relative !important;display:inline-flex !important;align-items:center !important;overflow:visible !important;}
html body #header [data-device="desktop"] .ct-header-cart .ct-cart-item svg{width:22px !important;height:22px !important;flex:0 0 22px !important;background-color:#1D1D1F !important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.9%207.2h12.2l-.8%2010.2c-.1.9-.8%201.6-1.7%201.6H7.4c-.9%200-1.6-.7-1.7-1.6z%22%2F%3E%3Cpath%20d%3D%22M8.3%209.3V6.9a2.7%202.7%200%200%201%205.4%200v2.4%22%2F%3E%3C%2Fsvg%3E") center/22px 22px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.9%207.2h12.2l-.8%2010.2c-.1.9-.8%201.6-1.7%201.6H7.4c-.9%200-1.6-.7-1.7-1.6z%22%2F%3E%3Cpath%20d%3D%22M8.3%209.3V6.9a2.7%202.7%200%200%201%205.4%200v2.4%22%2F%3E%3C%2Fsvg%3E") center/22px 22px no-repeat;}
html body #header [data-device="desktop"] .ct-header-cart .ct-cart-item:hover svg{background-color:#14284B !important;}
html body #header [data-device="desktop"] .ct-header-cart .ct-dynamic-count-cart{position:absolute !important;top:-6px !important;right:-8px !important;width:17px !important;height:17px !important;min-width:17px !important;max-width:none !important;padding:0 !important;margin:0 !important;box-sizing:border-box !important;border:0 !important;border-radius:50% !important;background:#14284B !important;color:#FFFFFF !important;font-size:10.5px !important;font-weight:600 !important;line-height:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;transform:none !important;}
/* 1e. Divider doc 1px x 20px truoc Hotline */
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-text{position:relative !important;margin:0 !important;}
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-text::before{content:"" !important;position:absolute !important;left:-16px !important;top:50% !important;transform:translateY(-50%) !important;width:1px !important;height:20px !important;background:#E5E5E7 !important;}
/* 1f. Hotline 13.5px ink, so dien thoai weight 600 */
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-text,
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-text p{margin:0 !important;font-size:13.5px !important;line-height:1.2 !important;color:#1D1D1F !important;}
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-text .kt-hotline{font-size:13.5px !important;font-weight:400 !important;color:#1D1D1F !important;text-decoration:none !important;white-space:nowrap !important;}
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-text .kt-hotline strong,
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-text .kt-hotline b{font-weight:600 !important;color:#1D1D1F !important;}
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-text .kt-hotline:hover{color:#14284B !important;}
/* --- 2. TANG 2 --- */
html body #header [data-device="desktop"] [data-row="bottom"] .ct-container{padding-top:0 !important;padding-bottom:16px !important;}
html body #header [data-device="desktop"] [data-row="bottom"] #header-menu-1{width:auto !important;justify-content:flex-start !important;}
html body #header #header-menu-1 #menu-menu-chinh{display:flex !important;align-items:center !important;flex-wrap:nowrap !important;gap:20px !important;width:auto !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item{margin:0 !important;padding:0 !important;position:relative !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item > a.ct-menu-link{display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;height:auto !important;min-height:0 !important;padding:0 !important;margin:0 !important;border-radius:0 !important;background:transparent !important;color:#1D1D1F !important;font-size:13.5px !important;font-weight:400 !important;line-height:1.2 !important;box-shadow:none !important;transition:color .18s ease,background-color .18s ease !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item:hover > a.ct-menu-link,
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item > a.ct-menu-link:hover{background:transparent !important;color:#14284B !important;box-shadow:none !important;}
/* 2a. Nut "Danh muc": pill navy, hamburger 16x16 */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn > a.ct-menu-link{gap:8px !important;padding:10px 16px !important;border-radius:8px !important;background:#14284B !important;color:#FFFFFF !important;font-size:13.5px !important;font-weight:600 !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn:hover > a.ct-menu-link,
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn > a.ct-menu-link:hover{background:#0D1C36 !important;color:#FFFFFF !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn > a.ct-menu-link::before{content:"" !important;display:block !important;position:static !important;inset:auto !important;opacity:1 !important;width:16px !important;height:16px !important;flex:0 0 16px !important;margin:0 !important;border:0 !important;box-shadow:none !important;background-color:#FFFFFF !important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.4%204.4h11.2%22%2F%3E%3Cpath%20d%3D%22M2.4%208h11.2%22%2F%3E%3Cpath%20d%3D%22M2.4%2011.6h11.2%22%2F%3E%3C%2Fsvg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.4%204.4h11.2%22%2F%3E%3Cpath%20d%3D%22M2.4%208h11.2%22%2F%3E%3Cpath%20d%3D%22M2.4%2011.6h11.2%22%2F%3E%3C%2Fsvg%3E") center/16px 16px no-repeat;}
/* 2b. Nhom "kham pha san pham" (Trang chu / Tat ca san pham): weight 600 */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.home-btn > a.ct-menu-link,
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1332 > a.ct-menu-link{font-size:13.5px !important;font-weight:600 !important;color:#1D1D1F !important;padding:0 !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.home-btn > a.ct-menu-link::before{display:none !important;}
/* 2c. Divider doc 1px x 16px giua 2 nhom */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1333{margin-left:20px !important;padding-left:0 !important;border-left:0 !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1333::before{content:"" !important;position:absolute !important;left:-20px !important;top:50% !important;transform:translateY(-50%) !important;width:1px !important;height:16px !important;background:#E5E5E7 !important;display:block !important;opacity:1 !important;}
/* 2d. Trang hien tai */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.current-menu-item:not(.cat-btn) > a.ct-menu-link,
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.current_page_item:not(.cat-btn) > a.ct-menu-link,
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.current-menu-ancestor:not(.cat-btn) > a.ct-menu-link{color:#14284B !important;background:transparent !important;box-shadow:none !important;}
/* 2e. Can trai thanh nav theo container */
html body #header [data-device="desktop"] [data-row="bottom"] [data-column] > [data-items]{justify-content:flex-start !important;align-items:center !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item:not(.cat-btn) > a.ct-menu-link::before{display:none !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item > a.ct-menu-link,
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item > a.ct-menu-link:hover{text-decoration:none !important;}
/* 2f. Giu lien tuc vung hover giua nut "Danh muc" va mega dropdown */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn{padding-bottom:16px !important;margin-bottom:-16px !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn > .sub-menu{margin-top:0 !important;top:100% !important;}
/* _____ end KT-HEADER-SPEC _____ */

/* ===== KT-HEADER-FIX2 2026-08-10 : chieu cao header + vung hover thanh nav ===== */
@media (min-width:1000px){
/* A. Tang 1: bo min-height 60px mac dinh cua Blocksy, de chieu cao chay theo noi dung */
html body #header [data-device="desktop"] [data-row="middle"] > .ct-container{min-height:0 !important;flex-wrap:nowrap !important;}
html body #header [data-device="desktop"] [data-row="middle"] > .ct-container > [data-column]{min-height:0 !important;}
/* B. Tang 2: bo min-height thua */
html body #header [data-device="desktop"] [data-row="bottom"] > .ct-container{min-height:0 !important;}
html body #header [data-device="desktop"] [data-row="bottom"] > .ct-container > [data-column]{min-height:0 !important;}
html body #header [data-device="desktop"] [data-row="middle"] [data-column] > [data-items]{min-height:0 !important;}
html body #header [data-device="desktop"] [data-row="bottom"] [data-column] > [data-items]{min-height:0 !important;}
html body #header [data-device="desktop"] .ct-search-box, html body #header [data-device="desktop"] .ct-search-box .ct-search-form{height:44px !important;min-height:0 !important;}
/* C. Vung hover link tang 2 cao bang nut "Danh muc" (khong con la dai chu 16px) */
html body #header #header-menu-1 #menu-menu-chinh{gap:0 !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn{margin-right:10px !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item:not(.cat-btn) > a.ct-menu-link{padding:10px !important;line-height:24px !important;border-radius:8px !important;}
/* D. Hover thay ro: nen kem #FAF8F2 + chu navy #14284B */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item:not(.cat-btn):hover > a.ct-menu-link,
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item:not(.cat-btn) > a.ct-menu-link:hover{background:#FAF8F2 !important;color:#14284B !important;}
/* E. Dat lai divider doc cho dung giua 2 nhom sau khi doi gap */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1333{margin-left:0 !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1333::before{left:0 !important;}
}
/* _____ end KT-HEADER-FIX2 _____ */

/* ===== KT-HEADER-FIX3 2026-08-10 : mobile _ placeholder sticky dung bang chieu cao header ===== */
@media (max-width:999px){
html body #header [data-device="mobile"] .ct-sticky-container{height:117px !important;}
}
/* _____ end KT-HEADER-FIX3 _____ */

/* ===== KT-HEADER-T2 2026-08-10 : CHI SUA TANG 2 (thanh nav) - go cao thua + day nhom phai ra le phai ===== */
@media (min-width:1000px){
/* T2-1. Tang 2 cao co dinh 48px, canh giua theo chieu doc, padding ngang 32px bang tang 1 */
html body #header [data-device="desktop"] [data-row="bottom"] > .ct-container{height:48px !important;min-height:0 !important;padding:0 32px !important;display:flex !important;align-items:center !important;}
html body #header [data-device="desktop"] [data-row="bottom"] > .ct-container > [data-column]{height:48px !important;min-height:0 !important;display:flex !important;align-items:center !important;width:100% !important;}
html body #header [data-device="desktop"] [data-row="bottom"] [data-column] > [data-items]{height:48px !important;min-height:0 !important;align-items:center !important;width:100% !important;}
html body #header [data-device="desktop"] [data-row="bottom"] #header-menu-1{width:100% !important;height:48px !important;align-items:center !important;}
html body #header #header-menu-1 #menu-menu-chinh{width:100% !important;height:48px !important;align-items:center !important;}
/* T2-2. Nut "Danh muc": padding 9px 16px -> cao 36px. Mau navy #14284B giu nguyen. */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn{align-self:stretch !important;display:flex !important;align-items:center !important;padding:0 !important;margin-bottom:0 !important;margin-right:16px !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn > a.ct-menu-link{padding:9px 16px !important;line-height:18px !important;border-radius:8px !important;}
/* T2-3. Cac link chu: padding 9px 16px -> cao 36px, khoang cach giua cac muc 32px */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item:not(.cat-btn) > a.ct-menu-link{padding:9px 16px !important;line-height:18px !important;}
/* T2-3b. "Trang chu" va "Tat ca san pham" ve chu thuong (weight 400) nhu cac muc con lai */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.home-btn > a.ct-menu-link,
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1332 > a.ct-menu-link{font-weight:400 !important;}
/* T2-3c. Hover: nen xam nhat #EEF3F9 giong hover trong dropdown Danh muc */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item:not(.cat-btn):hover > a.ct-menu-link,
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item:not(.cat-btn) > a.ct-menu-link:hover{background:#EEF3F9 !important;color:#14284B !important;}
/* T2-6. Nav chiem tron chieu rong cot + thu nho caret cua nut "Danh muc" ve 18px */
html body #header [data-device="desktop"] [data-row="bottom"] #header-menu-1{flex:1 1 100% !important;min-width:100% !important;margin:0 !important;padding:0 !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.cat-btn > a.ct-menu-link .ct-toggle-dropdown-desktop{height:18px !important;width:18px !important;line-height:18px !important;margin:0 !important;}
/* T2-4. Nhom phai (Ve Khai Thanh / Lien he) tu day sat mep phai.
   "Uu dai dac biet" nam trong nhom trai, sat "Tat ca san pham". */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1333{margin-left:0 !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1333::before{display:none !important;content:none !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1334{margin-left:auto !important;}
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item:last-child > a.ct-menu-link{padding-right:0 !important;}
/* T2-5. Gach phan cach doc 1px x 16px #E5E5E7 giua 2 nhom */
html body #header #header-menu-1 #menu-menu-chinh > li.menu-item.menu-item-1334::before{content:"" !important;position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;width:1px !important;height:16px !important;background:#E5E5E7 !important;display:block !important;opacity:1 !important;}
}
/* _____ end KT-HEADER-T2 _____ */

/* ===== KT-NAV-ACTIVE-V4 2026-08-10 : gach chan muc dang xem o tang 2 - 2px navy, ap dung dong deu ===== */
@media (min-width:1000px){
  html body #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li > a.ct-menu-link{ position:relative !important; }

  /* 1. Chuan hoa chi bao: gach 2px navy, an mac dinh */
  html body #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li > a.ct-menu-link::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    bottom:0 !important;
    top:auto !important;
    width:auto !important;
    height:2px !important;
    background:#14284B !important;
    border-radius:2px !important;
    transform:none !important;
    opacity:0 !important;
    transition:opacity .18s ease !important;
    pointer-events:none !important;
  }

  /* 2. Hien gach chan cho bat ky muc nao dang la trang hien hanh */
  html body #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li.current-menu-item > a.ct-menu-link::after,
  html body #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li.current-menu-ancestor > a.ct-menu-link::after,
  html body #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li.current-menu-parent > a.ct-menu-link::after,
  html body #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li.current_page_item > a.ct-menu-link::after,
  html body #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li.current_page_parent > a.ct-menu-link::after,
  html body.woocommerce-shop #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"]::after,
  html body.single-product #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"]::after,
  html body.tax-product_cat #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li > a.ct-menu-link[href*="/shop/"]::after{
    opacity:1 !important;
  }

  /* 3. Nut "Danh muc" da co nen navy - khong dung gach chan */
  html body #header [data-device="desktop"] [data-row="bottom"] #menu-menu-chinh > li.cat-btn > a.ct-menu-link::after{ opacity:0 !important; }
}
/* _____ end KT-NAV-ACTIVE-V4 _____ */

/* ===== KT-CART-BADGE 2026-08-10 : mau badge so luong tren icon gio hang ===== */
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-cart .ct-dynamic-count-cart,
html body #header [data-device="desktop"] .ct-header-cart .ct-dynamic-count-cart,
html body #header [data-device="mobile"] .ct-header-cart .ct-dynamic-count-cart,
html body #header .ct-header-cart .ct-dynamic-count-cart,
html body #header .ct-dynamic-count-cart{
  background:#D89A26 !important;
  background-color:#D89A26 !important;
  color:#1D1D1F !important;
  border:0 !important;
  font-weight:700 !important;
}
/* _____ end KT-CART-BADGE _____ */

/* ===== KT-CART-ICON 2026-08-10 v2 : icon gio hang desktop dung dung mask co san (bag dep) - sua mau nen ve navy dong bo, an path svg goc de khoi chong hinh ===== */
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-cart.ct-header-cart a.ct-cart-item.ct-cart-item svg{
  background-color:#14284B !important;
  background-image:none !important;
}
html body #header [data-device="desktop"] [data-row="middle"] .ct-header-cart.ct-header-cart a.ct-cart-item.ct-cart-item:hover svg{
  background-color:#0D1C36 !important;
}
html body #header [data-device="desktop"] .ct-header-cart svg path{
  fill:transparent !important; stroke:none !important;
}
/* _____ end KT-CART-ICON _____ */














/* ===== KT-HEADER-EDGE-ALIGN 2026-08-10: khung header dung dung cong thuc chieu rong cua cac khoi noi dung ben duoi min(1180px, 90vw) ===== */
html body #header [data-device="desktop"] [data-row] > .ct-container{
  width:min(1180px, 90vw) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
/* _____ end KT-HEADER-EDGE-ALIGN _____ */


/* KT-FIX-2026-08-11 - dong bo nut "Xem gio hang" (added_to_cart) voi nut Them vao gio hang: vien 1px navy, chu navy, nen trang */
li.product .ct-woo-card-actions a.added_to_cart.wc-forward, .products .product .ct-woo-card-actions a.added_to_cart.wc-forward,
a.added_to_cart.wc-forward,
.woocommerce-message a.button.wc-forward {
  display:inline-block !important;
  border:1px solid #14284B !important;
  color:#14284B !important;
  background:#fff !important;
  font-weight:600 !important;
  border-radius:4px;
  text-align:center;
  padding:10px 12px;
}
li.product .ct-woo-card-actions a.added_to_cart.wc-forward:hover, .products .product .ct-woo-card-actions a.added_to_cart.wc-forward:hover,
a.added_to_cart.wc-forward:hover,
.woocommerce-message a.button.wc-forward:hover {
  background:#14284B !important;
  color:#fff !important;
}


/* ===== EMK PART2 2026-08-11: Trang chi tiet san pham (gia, nut mua, product_meta) ===== */
.summary .price{color:#1D1D1F !important;font-family:"Be Vietnam Pro",sans-serif !important;font-size:27px !important;font-weight:700 !important;}
.summary .price .woocommerce-Price-amount{color:#1D1D1F !important;font-family:"Be Vietnam Pro",sans-serif !important;font-size:27px !important;font-weight:700 !important;}
.ct-cart-actions{display:flex !important;align-items:stretch !important;flex-wrap:nowrap !important;gap:10px;}
.ct-cart-actions .quantity{flex:0 0 auto;height:46px;}
.ct-cart-actions .quantity input{height:100% !important;}
.summary form.cart .single_add_to_cart_button{width:200px !important;max-width:200px !important;height:46px !important;flex:0 0 200px !important;}
.product_meta{display:flex !important;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;}
.product_meta .sku_wrapper,
.product_meta .posted_in{display:inline !important;font-size:12.5px !important;font-weight:400 !important;text-transform:none !important;letter-spacing:normal !important;color:#6E6E73 !important;font-family:"Be Vietnam Pro",sans-serif;}
.product_meta .sku_wrapper a,.product_meta .posted_in a{color:#6E6E73;text-decoration:underline;font-weight:400;text-transform:none;}
.product_meta .posted_in::before{content:"· ";color:#6E6E73;}


/* ===== EMK PART3 2026-08-11: Popup gio hang (mini-cart) ===== */
.woocommerce-mini-cart-item .product-title{font-weight:500 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;}
.woocommerce-mini-cart-item .quantity{height:33px;}
.woocommerce-mini-cart-item .quantity input{border:none !important;background:#FAF8F2 !important;border-radius:999px !important;height:33px !important;}
.woocommerce-mini-cart-item{border-bottom:1px solid #E5E5E7;padding-bottom:14px;margin-bottom:14px;}
.woocommerce-mini-cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.woocommerce-mini-cart-item .remove_from_cart_button{color:#C9C2B2 !important;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;}
.woocommerce-mini-cart-item .remove_from_cart_button svg{display:none !important;}
.woocommerce-mini-cart-item .remove_from_cart_button::before{content:"\2715";font-size:13px;line-height:1;color:#C9C2B2;}
.woocommerce-mini-cart-item .remove_from_cart_button:hover::before{color:#B0322B;}
.ct-shipping-progress-mini-cart .ct-message::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#1E7A3C;color:#fff;font-size:10px;margin-right:6px;vertical-align:middle;}
.ct-progress-bar{height:4px !important;border-radius:2px !important;overflow:hidden;}
.ct-progress-bar span{border-radius:2px !important;}
.ct-progress-bar span[style*="100%"]{background:#1E7A3C !important;}
.woocommerce-mini-cart__total.total{align-items:baseline;}
.woocommerce-mini-cart__total.total strong{font-size:12.5px !important;font-weight:600 !important;text-transform:none !important;color:#6E6E73 !important;}
.woocommerce-mini-cart__total.total .woocommerce-Price-amount{font-size:19px !important;font-weight:700 !important;color:#1D1D1F !important;}
.woocommerce-mini-cart__buttons.buttons a.button{height:46px !important;line-height:46px !important;padding:0 16px !important;display:flex !important;align-items:center;justify-content:center;}
.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:not(.checkout){background:#fff !important;border:1px solid #14284B !important;color:#14284B !important;}
.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:not(.checkout):hover{background:#14284B !important;color:#fff !important;}

/* ===== EMK FIX 2026-08-11: hien thi gia dong theo dong (line total + don gia) - popup gio hang ===== */
.woocommerce-mini-cart-item .product-data{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:6px;}
.woocommerce-mini-cart-item .product-data .product-title{flex:0 0 100%;}
.woocommerce-mini-cart-item .product-data .quantity{flex:0 0 auto;}
.woocommerce-mini-cart-item .emk-cart-line-price{margin-left:auto;margin-right:22px;display:flex;flex-direction:column;align-items:flex-end;line-height:1.35;}
.woocommerce-mini-cart-item .emk-cart-line-total{font-family:"Be Vietnam Pro",sans-serif;font-size:14.5px;font-weight:700;color:#1D1D1F;}
.woocommerce-mini-cart-item .emk-cart-line-unit{font-family:"Be Vietnam Pro",sans-serif;font-size:11px;color:#6E6E73;font-weight:400;}
.woocommerce-mini-cart-item .emk-cart-line-total .woocommerce-Price-amount,
.woocommerce-mini-cart-item .emk-cart-line-unit .woocommerce-Price-amount{font-size:inherit !important;color:inherit !important;font-weight:inherit !important;font-family:inherit !important;}

/* ===== EMK FIX 2026-08-11: hien thi gia dong theo dong (line total + don gia) - gio hang & thanh toan ===== */
.emk-line-total{display:block;font-family:"Be Vietnam Pro",sans-serif;font-size:14.5px;font-weight:700;color:#1D1D1F;}
.emk-line-unit{display:block;font-family:"Be Vietnam Pro",sans-serif;font-size:11px;color:#6E6E73;font-weight:400;margin-top:2px;}
.emk-line-total .woocommerce-Price-amount,
.emk-line-unit .woocommerce-Price-amount{font-size:inherit !important;color:inherit !important;font-weight:inherit !important;font-family:inherit !important;}



/* ===== EMK PART4 2026-08-11: Trang thanh toan (checkout) ===== */
.checkout .form-row label{font-size:13.5px !important;font-weight:500 !important;}
.woocommerce-checkout-review-order-table .ct-checkout-cart-item-title{font-weight:500 !important;font-size:14px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;}
.woocommerce-checkout-review-order-table .quantity{height:33px;}
.woocommerce-checkout-review-order-table .quantity input{border:none !important;background:#FAF8F2 !important;border-radius:999px !important;height:33px !important;}
.woocommerce-checkout-review-order-table tr.cart_item{border-bottom:1px solid #E5E5E7;}
.woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce-checkout-review-order-table .shipping th,
.woocommerce-checkout-review-order-table .shipping td{font-size:13px !important;color:#6E6E73 !important;font-weight:400 !important;}
.woocommerce-checkout-review-order-table .order-total{background:#FAF8F2;}
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td{background:#FAF8F2;border-radius:8px;padding:12px 14px !important;font-size:21px !important;font-weight:700 !important;color:#14284B !important;}
.woocommerce-checkout-review-order-table .order-total th{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.woocommerce-checkout-review-order-table .order-total td{border-top-right-radius:8px;border-bottom-right-radius:8px;}
.woocommerce-checkout-review-order-table .order-total strong{font-size:21px !important;font-weight:700 !important;color:#14284B !important;}
#ship-to-different-address label{font-weight:400 !important;font-size:13.5px !important;}
.woocommerce-shipping-fields .ct-message,
.woocommerce-checkout .ct-message{}

/* ===== EMK PART5 2026-08-11: So dia chi trong Tai khoan ===== */
.woocommerce-Address-title{align-items:flex-start !important;}
.woocommerce-Address-title h2{font-size:15px;font-weight:700;margin:0;}
.woocommerce-Address-title a.edit{font-size:0 !important;border:1px solid #14284B !important;color:#14284B !important;background:#fff;border-radius:5px;padding:5px 12px;white-space:nowrap;flex-shrink:0;display:inline-block;line-height:1.4;}
.woocommerce-Address-title a.edit::before{content:"Sửa";font-size:12.5px;font-weight:600;}
.woocommerce-Address-title a.edit:hover{background:#14284B !important;color:#fff !important;}
.woocommerce-Address address{font-style:normal;line-height:1.6;}
.woocommerce-Address address .emk-addr-name{display:block;font-weight:600;font-size:16px;color:#1D1D1F;margin-bottom:4px;}
.woocommerce-Address address{color:#6E6E73;font-size:13.5px;}
.woocommerce-Address address .emk-addr-phone{display:block;position:relative;margin-top:10px;padding-top:10px;font-size:13.5px;color:#6E6E73;}
.woocommerce-Address address .emk-addr-phone::before{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid #E5E5E7;}
.woocommerce-Address address .emk-addr-phone-icon{color:#14284B;margin-right:6px;}


/* ================================
   EMK - PRODUCT CARD UNIFY 2026-08-11
   Ap dung dong nhat: trang chu (Ban chay tai kho), /shop/, San pham tuong tu
   ================================ */

/* 1) Trang chu: grid 4 cot, gap 20px (thay cho 5 cot) */
.emk-best-grid ul.products{
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

/* 3) Can trai toan bo khoi noi dung trong card (bo align-items:center cua theme) */
li.product,
.products .product{
  align-items: stretch !important;
}

/* Can trai ten san pham (tat ca noi dung the san pham) */
li.product .woocommerce-loop-product__title,
.products .product .woocommerce-loop-product__title{
  text-align: left !important;
}

/* 4) Thu gon khung gia: bo vien tren, giam khoang cach */
li.product .ct-woo-card-actions,
.products .product .ct-woo-card-actions{
  border-top: 0 !important;
}
li.product .emk-card-meta,
.products .product .emk-card-meta{
  margin-bottom: 0 !important;
}
li.product .ct-woo-card-actions .price,
.products .product .ct-woo-card-actions .price{
  margin: 5px 0 10px !important;
  border-top: 0 !important;
}

/* 5+6) Nut Them vao gio hang / Lua chon cac tuy chon: nut nhe, gon */
li.product .ct-woo-card-actions a.button,
.products .product .ct-woo-card-actions a.button{
  border-radius: 6px !important;
  padding: 7px 12px !important;
  text-decoration: none !important;
  border-color: #E5E5E7 !important;
}
li.product .ct-woo-card-actions a.button:hover,
li.product .ct-woo-card-actions a.button:focus,
.products .product .ct-woo-card-actions a.button:hover,
.products .product .ct-woo-card-actions a.button:focus{
  background: #FAF8F2 !important;
  color: #14284B !important;
  border-color: #14284B !important;
}


/* ===== EMK PRODUCT CARD v2 2026-08-11: dong bo hien thi san pham toan site ===== */
li.product,
.products .product{
  --emk-card-pad: 16px;
  padding: var(--emk-card-pad) !important;
}

/* 1) Anh san pham khop dung khung the */
li.product > figure,
.products .product > figure,
li.product .ct-woo-card-actions,
.products .product .ct-woo-card-actions{
  width: calc(100% + var(--emk-card-pad) * 2) !important;
  max-width: none !important;
  margin-inline: calc(var(--emk-card-pad) * -1) !important;
}
li.product > figure,
.products .product > figure{
  margin-top: calc(var(--emk-card-pad) * -1) !important;
  margin-bottom: 10px !important;
}
li.product > figure .ct-media-container,
.products .product > figure .ct-media-container,
li.product > figure img,
.products .product > figure img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Ten san pham: gioi han 2 dong cho deu the */
li.product .woocommerce-loop-product__title,
.products .product .woocommerce-loop-product__title{
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 40px;
  margin-bottom: 4px !important;
}
li.product .emk-card-meta,
.products .product .emk-card-meta{
  margin: 0 0 8px !important;
}

/* 2+3) Khung gia: thap hon, chu canh giua tren duoi, thut le bang noi dung */
li.product .ct-woo-card-actions:last-child,
.products .product .ct-woo-card-actions:last-child{
  margin-bottom: calc(var(--emk-card-pad) * -1) !important;
}
li.product .ct-woo-card-actions > *,
.products .product .ct-woo-card-actions > *{
  flex: 0 0 auto !important;
  padding: 0 !important;
  min-height: 0 !important;
}
li.product .ct-woo-card-actions .price,
.products .product .ct-woo-card-actions .price{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 38px !important;
  padding: 0 var(--emk-card-pad) !important;
  margin: 0 !important;
  border-top: 0 !important;
  line-height: 1.2 !important;
}
li.product .ct-woo-card-actions .price::after,
.products .product .ct-woo-card-actions .price::after{
  display: none !important;
}

/* 4) Nut Them vao gio hang: gon, chu canh giua tren duoi */
li.product .ct-woo-card-actions a.button,
li.product .ct-woo-card-actions a.added_to_cart,
.products .product .ct-woo-card-actions a.button,
.products .product .ct-woo-card-actions a.added_to_cart{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  border: 0 !important;
  border-top: 1px solid #E5E5E7 !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}


/* ===== EMK FONT UNIFY 2026-08-11 */
/* Bien font noi dung dat o goc de khong bi heading ghi de */
html{
  --emk-font-body: var(--theme-font-family, "Be Vietnam Pro", sans-serif);
}
/* (tiep): dong bo font chu WooCommerce toan site ===== */

/* 1) Toan bo nhanh gia + tien te dung font noi dung (ke ca text node truc tiep) */
.price,
.price *,
p.price,
p.price *,
span.price,
span.price *,
.single-product div.product p.price,
.single-product div.product p.price *,
.single-product div.product span.price,
.single-product div.product span.price *,
li.product .price,
li.product .price *,
.products .product .price,
.products .product .price *,
.woocommerce-Price-amount,
.woocommerce-Price-amount *,
.woocommerce-Price-currencySymbol,
.wc-block-grid__product-price,
.wc-block-grid__product-price *,
.tiered-pricing-dynamic-price-wrapper,
.tiered-pricing-dynamic-price-wrapper *,
.tiered-pricing-you-save,
.tiered-price-table,
.tiered-price-table *,
.emk-cart-line-price,
.emk-cart-line-unit,
.woocommerce-mini-cart__total,
.woocommerce-mini-cart__total *,
.cart_totals *,
.woocommerce-checkout-review-order-table *{
  font-family: var(--emk-font-body, "Be Vietnam Pro", sans-serif) !important;
}

/* 2) Ten san pham o card, gio hang, popup, don hang */
.woocommerce-loop-product__title,
.woocommerce-loop-product__title a,
.wc-block-grid__product-title,
td.product-name,
td.product-name a,
.woocommerce-mini-cart-item a,
.woocommerce-cart-form .product-name a,
.woocommerce-table--order-details .product-name,
.woocommerce-table--order-details .product-name a{
  font-family: var(--emk-font-body, "Be Vietnam Pro", sans-serif) !important;
}

/* 3) Nhan form, bang, nut trong WooCommerce */
.woocommerce label,
.woocommerce-page label,
.woocommerce-form__label,
.woocommerce-form__label span,
.woocommerce form .form-row label,
.woocommerce table th,
.woocommerce table td,
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.woocommerce button,
.woocommerce a.button,
.woocommerce .button,
table.variations label,
table.variations th{
  font-family: var(--emk-font-body, "Be Vietnam Pro", sans-serif) !important;
}

/* 4) Trang chi tiet: dau gach khoang gia cung co, cung font voi con so */
.single-product .entry-summary .price,
.single-product .summary .price,
.single-product div.product .entry-summary .price{
  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.single-product .entry-summary .price .woocommerce-Price-amount,
.single-product .summary .price .woocommerce-Price-amount{
  font-size: inherit !important;
}
.single-product .entry-summary .price del,
.single-product .summary .price del{
  font-size: 0.62em !important;
  font-weight: 500 !important;
  opacity: 0.6;
}
.single-product .entry-summary .price ins,
.single-product .summary .price ins{
  text-decoration: none !important;
}
.single-product .entry-summary .price small,
.single-product .entry-summary .price .tiered-pricing-you-save{
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}
@media (max-width: 767px){
  .single-product .entry-summary .price,
  .single-product .summary .price{
    font-size: 22px !important;
  }
}

/* 5) Don gian hoa khung gia: bo dong trong thua va dong "Tiet kiem" rong */
.single-product .entry-summary .price br{
  display: none !important;
}
.tiered-pricing-you-save--hidden,
.tiered-pricing-you-save:empty{
  display: none !important;
}


/* ===== EMK HOVER SYNC 2026-08-11: nut "Them vao gio hang" tren the san pham
   hover giong hover cua muc tren thanh nav (nen #EEF3F9, chu navy #14284B) ===== */
li.product .ct-woo-card-actions a.button:hover,
li.product .ct-woo-card-actions a.button:focus,
li.product .ct-woo-card-actions a.button.add_to_cart_button:hover,
.products .product .ct-woo-card-actions a.button:hover,
.products .product .ct-woo-card-actions a.button:focus,
.products .product .ct-woo-card-actions a.button.add_to_cart_button:hover{
  background: #EEF3F9 !important;
  color: #14284B !important;
  border-color: #E5E5E7 !important;
  box-shadow: none !important;
  transition: background-color .12s cubic-bezier(.455,.03,.515,.955), color .12s cubic-bezier(.455,.03,.515,.955) !important;
}


/* ===== EMK ADD-TO-CART FLOW 2026-08-11 =====
   Go o "Xem gio hang" ma WooCommerce chen them sau nut Them vao gio hang.
   Hanh vi moi: sau khi them thanh cong se tu mo khung gio hang truot ben phai. */
#main-container a.added_to_cart,
#main-container a.added_to_cart.wc-forward,
#main-container .ct-woo-card-actions a.added_to_cart,
#main-container .ct-woo-card-actions a.added_to_cart.wc-forward,
#main-container form.cart a.added_to_cart,
#main-container .entry-summary a.added_to_cart {
	display: none !important;
}



/* ===== EMK MOBILE WEBAPP 2026-08-11 =====================================
   CHI ap dung <=768px. Desktop / tablet ngang giu nguyen 100%.
   Palette: navy #14284B, vang #D89A26, kem #FAF8F2, chu #1D1D1F,
            chu phu #6E6E73, xanh la #1E7A3C, vien #E5E5E7
   ====================================================================== */
@media (max-width:768px){

html body{
	--emk-navy:#14284B; --emk-gold:#D89A26; --emk-cream:#FAF8F2;
	--emk-ink:#1D1D1F; --emk-sub:#6E6E73; --emk-green:#1E7A3C;
	--emk-line:#E5E5E7; --emk-tabh:62px;
}

/* --- 1. Chua chan cho thanh tab duoi -------------------------------- */
html body #main-container{ padding-bottom:calc(var(--emk-tabh) + env(safe-area-inset-bottom,0px)) !important; }
html body .emk-floating .emk-fab,
html body .emk-fab{
	bottom:calc(var(--emk-tabh) + 12px + env(safe-area-inset-bottom,0px)) !important;
	right:12px !important; gap:10px !important; z-index:9990 !important;
}
html body .emk-floating .emk-fab > a,
html body .emk-fab > a{ width:44px !important; height:44px !important; font-size:19px !important; }

/* --- 2. HEADER MOBILE 1 TANG: logo + o tim kiem --------------------- */
html body #header [data-device="mobile"] .ct-sticky-container{
	height:auto !important; min-height:0 !important; background:#fff !important;
}
html body #header [data-device="mobile"] .ct-sticky-container > div[data-sticky]{
	display:flex !important; flex-wrap:nowrap !important; align-items:center !important;
	background:#fff !important; border-bottom:1px solid var(--emk-line) !important;
}
html body #header [data-device="mobile"] div[data-row="middle"],
html body #header [data-device="mobile"] div[data-row="bottom"]{
	padding:0 !important; margin:0 !important; background:#fff !important;
	box-shadow:none !important; border:0 !important;
}
html body #header [data-device="mobile"] div[data-row="middle"]{ flex:0 0 auto !important; }
html body #header [data-device="mobile"] div[data-row="bottom"]{ flex:1 1 auto !important; min-width:0 !important; }
html body #header [data-device="mobile"] div[data-row] > .ct-container{
	padding-top:0 !important; padding-bottom:0 !important; min-height:0 !important;
}
html body #header [data-device="mobile"] div[data-row="middle"] > .ct-container{
	padding-left:15px !important; padding-right:10px !important;
}
html body #header [data-device="mobile"] div[data-row="bottom"] > .ct-container{
	padding-left:0 !important; padding-right:15px !important;
}
html body #header [data-device="mobile"] div[data-row] [data-items]{ min-height:0 !important; }
html body #header [data-device="mobile"] div[data-row] > .ct-container > div[data-column]{ min-height:0 !important; }

/* an cac thanh phan khong con dung o header mobile */
html body #header [data-device="mobile"] .ct-header-trigger,
html body #header [data-device="mobile"] [data-id="trigger"],
html body #header [data-device="mobile"] .ct-header-text,
html body #header [data-device="mobile"] .ct-header-account,
html body #header [data-device="mobile"] .ct-header-cart,
html body #header [data-device="mobile"] nav.menu-container,
html body #header [data-device="mobile"] div[data-row="top"]{ display:none !important; }

/* logo */
html body #header [data-device="mobile"] .site-branding{ margin:0 !important; padding:0 !important; }
html body #header [data-device="mobile"] .site-logo-container img,
html body #header [data-device="mobile"] .site-logo-container svg{ max-height:24px !important; width:auto !important; }

/* o tim kiem */
html body #header [data-device="mobile"] div[data-row] .ct-search-box{ width:100% !important; margin:0 !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box .ct-search-form,
html body #header [data-device="mobile"] div[data-row] .ct-search-box .ct-search-form-inner{
	background:#F4F4F5 !important; background-color:#F4F4F5 !important;
	border:0 !important; border-radius:10px !important; box-shadow:none !important;
	min-height:0 !important; height:auto !important;
}
html body #header [data-device="mobile"] div[data-row] .ct-search-box .ct-search-form-inner{ overflow:hidden !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box input[type="search"]{
	height:38px !important; min-height:38px !important; background:transparent !important;
	background-color:transparent !important; border:0 !important; box-shadow:none !important;
	font-size:12px !important; padding:0 38px 0 12px !important; color:var(--emk-ink) !important;
	border-radius:10px !important;
}
html body #header [data-device="mobile"] div[data-row] .ct-search-box input[type="search"]::placeholder{
	font-size:12px !important; color:var(--emk-sub) !important; opacity:1 !important;
}
html body #header [data-device="mobile"] div[data-row] .ct-search-box button[type="submit"]{
	background:transparent !important; background-color:transparent !important;
	color:var(--emk-sub) !important; width:36px !important; min-width:36px !important;
	max-width:36px !important; height:38px !important; min-height:38px !important;
	border-radius:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important;
	inset-inline-end:0 !important;
}
html body #header [data-device="mobile"] div[data-row] .ct-search-box button[type="submit"] svg{
	width:15px !important; height:15px !important; fill:currentColor !important; color:var(--emk-sub) !important;
}

} /* /media */

@media (max-width:768px){

/* --- 3. THANH DIEU HUONG DUOI CUNG --------------------------------- */
html body .emk-tabbar{
	position:fixed !important; left:0; right:0; bottom:0; z-index:9996;
	display:grid !important; grid-template-columns:repeat(4,1fr);
	height:var(--emk-tabh); background:#fff;
	border-top:1px solid var(--emk-line);
	padding-bottom:env(safe-area-inset-bottom,0px);
	box-shadow:0 -1px 10px rgba(20,40,75,.05);
	font-family:var(--emk-font-body,"Be Vietnam Pro",sans-serif);
}
html body .emk-tabbar .emk-tab{
	all:unset; box-sizing:border-box; display:flex; flex-direction:column;
	align-items:center; justify-content:center; gap:3px;
	height:var(--emk-tabh); cursor:pointer; text-decoration:none;
	color:var(--emk-sub); -webkit-tap-highlight-color:transparent;
	font-family:inherit;
}
html body .emk-tabbar .emk-tab-ic{ position:relative; display:block; width:23px; height:23px; }
html body .emk-tabbar .emk-tab-ic svg{ width:23px; height:23px; display:block; }
html body .emk-tabbar .emk-tab-lb{
	font-size:9.5px; line-height:1.1; font-weight:500; letter-spacing:.1px;
	color:inherit; white-space:nowrap;
}
html body .emk-tabbar .emk-tab[aria-current="page"],
html body .emk-tabbar .emk-tab.is-active{ color:var(--emk-navy); }
html body .emk-tabbar .emk-tab[aria-current="page"] .emk-tab-lb,
html body .emk-tabbar .emk-tab.is-active .emk-tab-lb{ font-weight:600; }
html body .emk-tabbar .emk-tab[aria-current="page"] svg,
html body .emk-tabbar .emk-tab.is-active svg{ stroke-width:1.8; }
html body .emk-tabbar .emk-tab-badge{
	position:absolute; top:-5px; left:13px; min-width:16px; height:16px;
	padding:0 4px; border-radius:9px; background:var(--emk-gold);
	color:var(--emk-navy); font-size:9.5px; font-weight:700; line-height:16px;
	text-align:center; border:1.5px solid #fff; box-sizing:border-box;
}

/* --- 4. SHEET DANH MUC (tab "Danh muc") ---------------------------- */
html body .emk-sheet{ position:fixed; inset:0; z-index:9994; }
html body .emk-sheet[hidden]{ display:none !important; }
html body .emk-sheet .emk-sheet-bd{
	position:absolute; inset:0; background:rgba(18,21,25,.55);
	opacity:0; transition:opacity .22s ease;
}
html body .emk-sheet .emk-sheet-pn{
	position:absolute; left:0; right:0; bottom:calc(var(--emk-tabh) + env(safe-area-inset-bottom,0px));
	background:#fff; border-radius:16px 16px 0 0;
	max-height:78vh; display:flex; flex-direction:column;
	transform:translateY(101%); transition:transform .26s ease;
	padding-bottom:env(safe-area-inset-bottom,0px);
	box-shadow:0 -6px 26px rgba(20,40,75,.18);
}
html body .emk-sheet.is-open .emk-sheet-bd{ opacity:1; }
html body .emk-sheet.is-open .emk-sheet-pn{ transform:translateY(0); }
html body .emk-sheet .emk-sheet-hd{
	display:flex; align-items:center; justify-content:space-between;
	padding:14px 16px 10px; border-bottom:1px solid var(--emk-line);
}
html body .emk-sheet .emk-sheet-hd > span{
	font-family:Bitter,serif; font-size:14px; font-weight:600; color:var(--emk-ink);
}
html body .emk-sheet .emk-sheet-x{
	all:unset; width:30px; height:30px; display:flex; align-items:center;
	justify-content:center; color:var(--emk-sub); cursor:pointer;
}
html body .emk-sheet .emk-sheet-x svg{ width:16px; height:16px; }
html body .emk-sheet .emk-sheet-bdy{ overflow-y:auto; padding:4px 0 10px; }
html body .emk-sheet .emk-sheet-it{
	display:flex; align-items:center; gap:12px; padding:0 16px;
	height:48px; text-decoration:none; color:var(--emk-ink);
	border-bottom:1px solid var(--emk-line);
}
html body .emk-sheet .emk-sheet-it:last-child{ border-bottom:0; }
html body .emk-sheet .emk-sheet-ic{
	flex:0 0 32px; width:32px; height:32px; border-radius:9px;
	background:var(--emk-cream); color:var(--emk-navy);
	display:flex; align-items:center; justify-content:center;
}
html body .emk-sheet .emk-sheet-ic svg{ width:17px; height:17px; }
html body .emk-sheet .emk-sheet-tx{ flex:1 1 auto; font-size:12.5px; font-weight:500; }
html body .emk-sheet .emk-sheet-cv{ color:#B9BBC0; display:flex; }
html body .emk-sheet .emk-sheet-cv svg{ width:13px; height:13px; }
html body .emk-sheet .emk-sheet-sep{ height:8px; background:#F7F7F8; border-top:1px solid var(--emk-line); border-bottom:1px solid var(--emk-line); }
html body .emk-sheet .emk-sheet-sm .emk-sheet-tx{ font-size:12px; color:var(--emk-sub); font-weight:400; }

} /* /media */

/* Thanh tab va sheet chi ton tai tren mobile */
@media (min-width:769px){
	html body .emk-tabbar, html body .emk-sheet{ display:none !important; }
}

@media (max-width:768px){
	html body .emk-sheet .emk-sheet-pn{ max-height:calc(78vh - var(--emk-tabh)) !important; padding-bottom:6px !important; }
}

@media (max-width:768px){

/* --- 5. TRANG CHU MOBILE: hero gon + 2 nut nhanh -------------------- */
html body .emk-hero{ display:none !important; }
html body.home .entry-content > .emk-cats{ margin-top:14px !important; }

html body .emk-mhero{
	display:flex !important; align-items:center; justify-content:space-between; gap:10px;
	background:var(--emk-navy); border-radius:12px; padding:13px 14px;
	margin:12px 0 10px; text-decoration:none;
}
html body .emk-mhero .emk-mhero-tx{ display:flex; flex-direction:column; gap:3px; min-width:0; }
html body .emk-mhero .emk-mhero-tx strong{
	font-family:Bitter,serif; font-size:15px; font-weight:600; line-height:1.2; color:#fff;
}
html body .emk-mhero .emk-mhero-tx em{
	font-style:normal; font-size:10.5px; line-height:1.3; color:rgba(255,255,255,.72); font-weight:400;
}
html body .emk-mhero .emk-mhero-cta{
	flex:0 0 auto; background:var(--emk-gold); color:var(--emk-navy);
	font-size:11px; font-weight:600; padding:9px 12px; border-radius:8px; white-space:nowrap;
}

html body .emk-mquick{
	display:grid !important; grid-template-columns:1fr 1fr;
	border:1px solid var(--emk-line); border-radius:12px; overflow:hidden;
	margin:0 0 16px; background:#fff;
}
html body .emk-mquick > a{
	display:flex; align-items:center; justify-content:center; gap:6px;
	height:44px; font-size:11px; font-weight:600; color:var(--emk-navy);
	text-decoration:none; text-align:center;
}
html body .emk-mquick > a + a{ border-left:1px solid var(--emk-line); }
html body .emk-mquick .emk-mq-ic{ display:flex; }
html body .emk-mquick .emk-mq-ic svg{ width:14px; height:14px; }

/* --- 6. TRANG CHU MOBILE: luoi danh muc 4x2 ------------------------- */
html body .emk-cats .emk-cat-grid{ display:none !important; }
html body .emk-cats h2{ font-size:15px !important; margin-bottom:6px !important; }
html body .emk-cats .emk-seeall,
html body .emk-best .emk-seeall{ font-size:11px !important; }
html body .emk-mcats{
	display:grid !important; grid-template-columns:repeat(4,1fr);
	gap:14px 4px; margin-top:12px;
}
html body .emk-mcats .emk-mcat{
	display:flex; flex-direction:column; align-items:center; gap:6px;
	text-decoration:none; color:var(--emk-ink);
}
html body .emk-mcats .emk-mcat-ic{
	width:52px; height:52px; border-radius:14px; background:var(--emk-cream);
	color:var(--emk-navy); display:flex; align-items:center; justify-content:center;
}
html body .emk-mcats .emk-mcat-ic svg{ width:23px; height:23px; }
html body .emk-mcats .emk-mcat-lb{
	font-size:9.5px; line-height:1.2; font-weight:500; text-align:center;
	color:var(--emk-ink); max-width:74px;
}

/* --- 7. TRANG CHU MOBILE: Ban chay tai kho = 2 cot ------------------ */
html body .emk-best{ margin-top:18px !important; padding-top:0 !important; }
html body .emk-best h2, html body .emk-best > div > div:first-child{ font-size:15px !important; }
html body .emk-best-grid ul.products{
	grid-template-columns:repeat(2,1fr) !important; gap:12px 10px !important;
}
html body .emk-best-grid ul.products li.product:nth-child(n+5){ display:none !important; }
html body .emk-best-grid li.product figure .ct-media-container{ aspect-ratio:1/1 !important; }
html body .emk-best-grid li.product h2.woocommerce-loop-product__title,
html body .emk-best-grid li.product h2.woocommerce-loop-product__title a{
	font-size:11.5px !important; font-weight:500 !important; line-height:1.35 !important;
}
html body .emk-best-grid li.product h2.woocommerce-loop-product__title{
	display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	overflow:hidden !important; min-height:calc(2 * 1.35 * 11.5px) !important; margin:8px 0 3px !important;
}
html body .emk-best-grid li.product .emk-card-meta{
	font-size:10.5px !important; font-weight:500 !important; color:var(--emk-sub) !important; text-align:left !important;
	white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
	margin:0 0 4px !important;
}
html body .emk-best-grid li.product ul.entry-meta,
html body .emk-best-grid li.product .ct-woo-card-stock{ display:none !important; }
html body .emk-best-grid li.product .ct-woo-card-actions{
	display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:7px !important;
}
html body .emk-best-grid li.product .ct-woo-card-actions .price,
html body .emk-best-grid li.product .ct-woo-card-actions .price bdi{
	font-size:13px !important; font-weight:700 !important; color:var(--emk-ink) !important;
	text-align:left !important; justify-content:flex-start !important;
}
html body .emk-best-grid li.product .ct-woo-card-actions a.button,
html body .emk-best-grid li.product .ct-woo-card-actions a.add_to_cart_button,
html body .emk-best-grid li.product .ct-woo-card-actions a.ajax_add_to_cart{
	display:flex !important; align-items:center !important; justify-content:center !important;
	width:100% !important; height:34px !important; min-height:34px !important;
	border:1px solid var(--emk-line) !important; border-radius:8px !important;
	background:#fff !important; color:var(--emk-navy) !important;
	font-size:11px !important; font-weight:600 !important; padding:0 6px !important;
	text-align:center !important; box-shadow:none !important;
}

/* --- 8. TRANG CHU MOBILE: thu gon 2 khoi cuoi ----------------------- */
html body .emk-b2b{ margin-top:22px !important; }
html body .emk-b2b .emk-b2b-inner{ gap:10px !important; }
html body .emk-b2b .emk-b2b-card{ padding:14px !important; border-radius:12px !important; gap:11px !important; }
html body .emk-b2b .emk-b2b-card > span{ width:34px !important; height:34px !important; flex:0 0 34px !important; border-radius:10px !important; }
html body .emk-b2b .emk-b2b-card > span svg{ width:17px !important; height:17px !important; }
html body .emk-b2b .emk-b2b-card > div > div:first-child{ font-size:13px !important; line-height:1.3 !important; }
html body .emk-b2b .emk-b2b-card p{ font-size:11px !important; line-height:1.45 !important; margin:4px 0 9px !important; }
html body .emk-b2b .emk-b2b-card .emk-btn-solid,
html body .emk-b2b .emk-b2b-card .emk-btn-ghost{
	font-size:11px !important; padding:0 14px !important; height:34px !important;
	display:inline-flex !important; align-items:center !important; border-radius:8px !important;
}

html body .emk-trust{ margin-top:22px !important; }
html body .emk-trust .emk-trust-inner{
	background:var(--emk-cream) !important; border-radius:12px !important;
	padding:16px 14px !important; gap:0 !important; display:block !important;
}
html body .emk-trust .emk-trust-inner > div:first-child > div:first-child{ font-size:15px !important; line-height:1.3 !important; }
html body .emk-trust .emk-trust-inner p{ font-size:11px !important; line-height:1.5 !important; margin:8px 0 0 !important; }
html body .emk-trust .emk-trust-inner ul{ margin:12px 0 0 !important; padding:0 !important; list-style:none !important; display:flex !important; flex-direction:column !important; gap:9px !important; }
html body .emk-trust .emk-trust-inner ul li{
	display:flex !important; align-items:flex-start !important; gap:9px !important; margin:0 !important; font-size:11.5px !important; line-height:1.45 !important;
}
html body .emk-trust .emk-trust-inner ul li > span:first-child{
	flex:0 0 17px !important; width:17px !important; height:17px !important; margin-top:1px !important;
	border-radius:50% !important; background:var(--emk-green) !important; color:#fff !important;
	display:flex !important; align-items:center !important; justify-content:center !important;
	font-size:9px !important; line-height:1 !important; font-weight:700 !important;
}
html body .emk-trust .emk-trust-inner ul li > span:last-child{ font-size:11.5px !important; color:var(--emk-ink) !important; }

} /* /media */

@media (max-width:768px){
/* --- 9. Tieu de khoi + link "Tat ca" ben phai ----------------------- */
html body.home .entry-content .emk-cats{
	display:flex !important; flex-wrap:wrap !important; align-items:baseline !important;
	column-gap:10px !important; row-gap:0 !important;
}
html body.home .entry-content .emk-cats > h2{
	display:block !important; order:1 !important; flex:1 1 auto !important;
	font-size:15px !important; margin:0 !important; line-height:1.3 !important;
}
html body.home .entry-content .emk-cats > a.emk-seeall{
	display:block !important; order:2 !important; flex:0 0 auto !important;
	font-size:11px !important; font-weight:600 !important; color:var(--emk-navy) !important;
	margin:0 !important;
}
html body.home .entry-content .emk-cats > .emk-cat-grid{ order:3 !important; }
html body.home .entry-content .emk-cats > .emk-mcats{ order:4 !important; flex:1 1 100% !important; }
html body.home .entry-content .emk-cats > style{ display:none !important; }
html body.home .entry-content .emk-cats > span,
html body.home .entry-content .emk-best > span{ display:none !important; }
html body.home .entry-content .emk-best > div > div:first-child{ font-size:15px !important; }

/* anh san pham vuong */
html body .emk-best-grid li.product figure .ct-media-container,
html body .emk-best-grid li.product figure a.ct-media-container{
	aspect-ratio:1/1 !important; height:auto !important; overflow:hidden !important; display:block !important;
}
html body .emk-best-grid li.product figure .ct-media-container img{
	width:100% !important; height:100% !important; object-fit:contain !important;
}
}


@media (max-width:768px){
html body.home .entry-content .emk-mcats{ margin-bottom:2px !important; }
html body .emk-b2b{ padding-top:0 !important; }
html body .emk-trust{ padding-top:0 !important; }
html body .emk-best-grid{ margin-top:10px !important; }
}

@media (max-width:768px){
/* dong deu chieu cao the + nut Them vao gio luon nam duoi cung */
html body .emk-best-grid ul.products li.product{
	display:flex !important; flex-direction:column !important; height:100% !important;
}
html body .emk-best-grid ul.products li.product .ct-woo-card-actions{ margin-top:auto !important; }
html body .emk-best-grid ul.products li.product .ct-woo-card-actions{
	min-height:82px !important; justify-content:flex-end !important;
}
html body .emk-best-grid ul.products li.product .ct-woo-card-actions .price{
	display:flex !important; align-items:flex-start !important; flex-wrap:wrap !important;
	line-height:1.35 !important; margin:0 auto 0 0 !important;
}
}

@media (max-width:768px){

/* --- 10. TRANG TAI KHOAN MOBILE ------------------------------------- */
/* Chi an menu WooCommerce khi khoi moi (.emk-macc) da duoc in ra -> neu vi ly do nao
   khoi moi khong hien, menu cu van con de khach khong bi mat duong di. */
html body.woocommerce-account .emk-macc ~ .woocommerce-MyAccount-navigation,
html body.woocommerce-account .emk-macc ~ nav.woocommerce-MyAccount-navigation{ display:none !important; }
html body.woocommerce-account .woocommerce:has(.emk-macc) .woocommerce-MyAccount-navigation,
html body.woocommerce-account .woocommerce:has(.emk-macc) .emk-dash{ display:none !important; }
html body.woocommerce-account.woocommerce-dashboard .entry-header{ display:none !important; }

html body .emk-macc{ display:block !important; margin:0 0 4px; }

/* khoi navy dau trang */
html body .emk-macc .emk-macc-top{
	display:flex; align-items:center; gap:12px;
	background:var(--emk-navy); border-radius:12px; padding:16px 15px; margin:12px 0 12px;
}
html body .emk-macc .emk-macc-av{
	flex:0 0 46px; width:46px; height:46px; border-radius:50%;
	background:rgba(255,255,255,.14); color:#fff;
	display:flex; align-items:center; justify-content:center;
	font-size:15px; font-weight:600; letter-spacing:.5px;
}
html body .emk-macc .emk-macc-who{ display:flex; flex-direction:column; gap:3px; min-width:0; }
html body .emk-macc .emk-macc-who strong{ font-size:14px; font-weight:600; color:#fff; line-height:1.25; }
html body .emk-macc .emk-macc-who em{ font-style:normal; font-size:11.5px; color:rgba(255,255,255,.72); }

/* the "Don hang cua toi" */
html body .emk-macc .emk-macc-card{
	background:#fff; border:1px solid var(--emk-line); border-radius:12px;
	padding:13px 12px 14px; margin:0 0 12px;
}
html body .emk-macc .emk-macc-hd{
	display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:0 3px 12px;
}
html body .emk-macc .emk-macc-hd strong{ font-size:12.5px; font-weight:600; color:var(--emk-ink); }
html body .emk-macc .emk-macc-hd a{ font-size:11px; font-weight:600; color:var(--emk-navy); text-decoration:none; }
html body .emk-macc .emk-macc-sts{ display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }
html body .emk-macc .emk-macc-st{
	display:flex; flex-direction:column; align-items:center; gap:6px;
	text-decoration:none; color:var(--emk-ink);
}
html body .emk-macc .emk-macc-st-ic{
	position:relative; width:38px; height:38px; border-radius:11px;
	background:var(--emk-cream); color:var(--emk-navy);
	display:flex; align-items:center; justify-content:center;
}
html body .emk-macc .emk-macc-st-ic svg{ width:18px; height:18px; }
html body .emk-macc .emk-macc-bdg{
	position:absolute; top:-5px; right:-5px; min-width:16px; height:16px; padding:0 4px;
	border-radius:9px; background:var(--emk-gold); color:var(--emk-navy);
	font-size:9.5px; font-style:normal; font-weight:700; line-height:16px; text-align:center;
	border:1.5px solid #fff; box-sizing:border-box;
}
html body .emk-macc .emk-macc-st-lb{ font-size:9px; line-height:1.2; text-align:center; color:var(--emk-ink); }

/* cac nhom menu */
html body .emk-macc .emk-macc-grp{
	background:#fff; border:1px solid var(--emk-line); border-radius:12px;
	overflow:hidden; margin:0 0 12px;
}
html body .emk-macc .emk-macc-row{
	display:flex; align-items:center; gap:11px; padding:0 13px; height:47px;
	text-decoration:none; color:var(--emk-ink);
}
html body .emk-macc .emk-macc-row + .emk-macc-row{ border-top:1px solid var(--emk-line); }
html body .emk-macc .emk-macc-row-ic{
	flex:0 0 30px; width:30px; height:30px; border-radius:9px;
	background:var(--emk-cream); color:var(--emk-navy);
	display:flex; align-items:center; justify-content:center;
}
html body .emk-macc .emk-macc-row-ic svg{ width:16px; height:16px; }
html body .emk-macc .emk-macc-row-lb{ flex:1 1 auto; font-size:12px; font-weight:500; }
html body .emk-macc .emk-macc-row-cv{ color:#B9BBC0; display:flex; }
html body .emk-macc .emk-macc-row-cv svg{ width:13px; height:13px; }

} /* /media */

@media (min-width:769px){ html body .emk-macc{ display:none !important; } }

@media (max-width:768px){
html body.woocommerce-account #main .ct-container-full,
html body.woocommerce-account #main .ct-container{ padding-top:6px !important; }
html body .emk-macc .emk-macc-grp.emk-macc-out .emk-macc-row-lb{ color:var(--emk-sub) !important; }
html body .emk-macc .emk-macc-grp:last-child{ margin-bottom:18px !important; }
}



/* ===== EMK MOBILE HEADER SEARCH 2026-08-11 (mobile <=768px only) ===== */
@media (max-width:768px){
html body #header [data-device="mobile"] .ct-sticky-container > div[data-sticky]{ display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important; gap:0 !important; }
html body #header [data-device="mobile"] div[data-row="middle"]{ flex:0 0 auto !important; width:100% !important; }
html body #header [data-device="mobile"] div[data-row="bottom"]{ flex:0 0 auto !important; width:100% !important; }
html body #header [data-device="mobile"] div[data-row="middle"] > .ct-container{ display:flex !important; align-items:center !important; justify-content:space-between !important; padding:6px 15px 0px 15px !important; min-height:0 !important; }
html body #header [data-device="mobile"] div[data-row="bottom"] > .ct-container{ display:block !important; padding:2px 14px 10px 14px !important; min-height:0 !important; }
html body #header [data-device="mobile"] div[data-row="bottom"] > .ct-container > div[data-column]{ width:100% !important; flex:1 1 auto !important; display:block !important; }
html body #header [data-device="mobile"] div[data-row="bottom"] > .ct-container > div[data-column] > div{ width:100% !important; }
html body #header [data-device="mobile"] .site-logo-container img, html body #header [data-device="mobile"] .site-logo-container svg{ max-height:26px !important; width:auto !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box{ width:100% !important; margin:0 !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box .ct-search-form{ background:#fff !important; border:0 !important; border-radius:13px !important; box-shadow:none !important; width:100% !important; height:auto !important; min-height:0 !important; overflow:visible !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box .ct-search-form-inner{ position:relative !important; display:flex !important; align-items:center !important; box-sizing:border-box !important; background:#fff !important; border:1.5px solid var(--emk-navy) !important; border-radius:13px !important; box-shadow:0 3px 10px rgba(20,40,75,.16) !important; height:46px !important; min-height:46px !important; overflow:visible !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box input[type="search"]{ height:43px !important; min-height:43px !important; background:transparent !important; border:0 !important; box-shadow:none !important; font-size:13px !important; padding:0 52px 0 14px !important; color:var(--emk-ink) !important; border-radius:13px !important; width:100% !important; flex:1 1 auto !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box input[type="search"]::placeholder{ font-size:13px !important; color:var(--emk-sub) !important; opacity:1 !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box button[type="submit"]{ position:absolute !important; right:4px !important; top:50% !important; transform:translateY(-50%) !important; width:38px !important; min-width:38px !important; max-width:38px !important; height:36px !important; min-height:36px !important; background:var(--emk-navy) !important; color:#fff !important; border:0 !important; border-radius:9px !important; padding:0 !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; box-shadow:none !important; opacity:1 !important; z-index:3 !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box button[type="submit"] svg{ width:16px !important; height:16px !important; fill:#fff !important; color:#fff !important; }
html body #header [data-device="mobile"] .site-branding, html body #header [data-device="mobile"] .site-logo-container{ min-height:34px !important; height:auto !important; }
html body #header [data-device="mobile"] div[data-row="middle"] > .ct-container > div[data-column]{ min-height:0 !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box .ct-search-form-inner:focus-within{ outline:0 !important; border-color:var(--emk-navy) !important; box-shadow:0 0 0 3px rgba(20,40,75,.15), 0 3px 10px rgba(20,40,75,.16) !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box input[type="search"]:focus{ outline:0 !important; box-shadow:none !important; }
}


/* ===== EMK MOBILE FULL-BLEED + TABBAR 2026-08-11b (chi mobile <=768px) ===== */
@media (max-width:768px){
/* T1. Thanh tab duoi: gon lai + nen xanh xam nhe + active vang dong */
html body{ --emk-tabh:54px !important; --emk-tabbg:#EEF1F6 !important; --emk-tabline:#DCE3EC !important; }
html body .emk-tabbar{ background:var(--emk-tabbg) !important; border-top:1px solid var(--emk-tabline) !important; box-shadow:0 -1px 6px rgba(20,40,75,.07) !important; }
html body .emk-tab{ gap:2px !important; }
html body .emk-tab .emk-tab-ic{ width:21px !important; height:21px !important; }
html body .emk-tab .emk-tab-ic svg{ width:21px !important; height:21px !important; }
html body .emk-tab .emk-tab-lb{ font-size:9.5px !important; }
html body .emk-tab.is-active{ color:var(--emk-gold) !important; }
html body .emk-tab.is-active .emk-tab-ic, html body .emk-tab.is-active .emk-tab-lb{ color:var(--emk-gold) !important; }
html body .emk-tab.is-active .emk-tab-ic svg{ stroke:var(--emk-gold) !important; stroke-width:1.9 !important; }
html body .emk-tab-badge{ border-color:var(--emk-tabbg) !important; }
/* T2. Header: o tim kiem sat 2 mep ngoai */
html body #header [data-device="mobile"] div[data-row="middle"] > .ct-container{ padding:6px 12px 0 12px !important; margin-left:0 !important; margin-right:0 !important; max-width:none !important; width:100% !important; }
html body #header [data-device="mobile"] div[data-row="bottom"] > .ct-container{ padding:2px 5px 8px 5px !important; margin-left:0 !important; margin-right:0 !important; max-width:none !important; width:100% !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box .ct-search-form{ border-radius:8px !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box .ct-search-form-inner{ border-radius:8px !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box input[type="search"]{ border-radius:8px !important; padding:0 50px 0 12px !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box button[type="submit"]{ right:6px !important; border-radius:6px !important; }
html body #header [data-device="mobile"] div[data-row] .ct-search-box .ct-search-form-inner:focus-within{ box-shadow:0 3px 10px rgba(20,40,75,.16) !important; }
/* T3. Trang chu: cac khoi sat 2 mep ngoai */
html body.home .entry-content > *{ width:calc(100% - 10px) !important; max-width:none !important; margin-left:5px !important; margin-right:5px !important; }
html body.home .emk-mhero{ border-radius:0 !important; padding:13px 12px !important; }
html body.home .emk-mquick{ border-radius:0 !important; }
html body.home .emk-cats{ padding-left:0 !important; padding-right:0 !important; }
html body.home .emk-mcats{ margin-left:0 !important; margin-right:0 !important; }
html body.home .emk-best{ padding-left:0 !important; padding-right:0 !important; }
html body.home .emk-best-grid ul.products{ gap:8px 6px !important; padding-left:0 !important; padding-right:0 !important; }
html body.home .emk-best-grid ul.products li.product{ border-radius:0 !important; }
html body.home .emk-b2b-card{ border-radius:0 !important; }
html body.home .emk-trust-inner{ border-radius:0 !important; }

/* T4. Trang danh sach san pham: sat 2 mep ngoai */
html body:is(.post-type-archive-product,.tax-product_cat,.woocommerce-shop,.search-results) main.site-main > .ct-container{ width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; padding-left:5px !important; padding-right:5px !important; }
html body:is(.post-type-archive-product,.tax-product_cat,.woocommerce-shop,.search-results) main.site-main > .ct-container > section > .hero-section{ width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
html body:is(.post-type-archive-product,.tax-product_cat,.woocommerce-shop,.search-results) main.site-main > .ct-container > section > .hero-section,
html body:is(.post-type-archive-product,.tax-product_cat,.woocommerce-shop,.search-results) main.site-main > .ct-container > section > .woocommerce-products-header,
html body:is(.post-type-archive-product,.tax-product_cat,.woocommerce-shop,.search-results) main.site-main > .ct-container > section > .woocommerce-notices-wrapper,
html body:is(.post-type-archive-product,.tax-product_cat,.woocommerce-shop,.search-results) main.site-main > .ct-container > section > .woo-listing-top,
html body:is(.post-type-archive-product,.tax-product_cat,.woocommerce-shop,.search-results) main.site-main > .ct-container > section > .ct-products-container > nav.ct-pagination{ padding-left:0 !important; padding-right:0 !important; }
html body:is(.post-type-archive-product,.tax-product_cat,.woocommerce-shop,.search-results) ul.products{ gap:8px 6px !important; padding-left:0 !important; padding-right:0 !important; }
html body:is(.post-type-archive-product,.tax-product_cat,.woocommerce-shop,.search-results) ul.products li.product{ border-radius:0 !important; }

/* T5. Trang tai khoan: sat 2 mep ngoai */
html body.woocommerce-account .entry-content > *{ width:calc(100% - 10px) !important; max-width:none !important; margin-left:5px !important; margin-right:5px !important; }
html body.woocommerce-account article > .hero-section{ width:calc(100% - 10px) !important; max-width:none !important; margin-left:5px !important; margin-right:5px !important; }
html body.woocommerce-account .emk-macc{ width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
html body.woocommerce-account .emk-macc .emk-macc-top,
html body.woocommerce-account .emk-macc .emk-macc-card,
html body.woocommerce-account .emk-macc .emk-macc-grp{ border-radius:0 !important; }
}

/* ===== EMK MOBILE NO-STICKY HEADER 2026-08-12 ===== */
@media (max-width:768px){
html body #header div[data-device="mobile"] .ct-sticky-container{height:auto !important;min-height:0 !important;}
html body #header div[data-device="mobile"] .ct-sticky-container > [data-sticky]{position:static !important;top:auto !important;left:auto !important;right:auto !important;width:auto !important;transform:none !important;box-shadow:none !important;}
}

/* ===== EMK MOBILE CART 2026-08-12 ===== */
@media (max-width:768px){
/* C1 - khung trang */
html body.woocommerce-cart .ct-container{padding-top:10px !important;padding-bottom:14px !important}
html body.woocommerce-cart .entry-header{margin-bottom:8px !important}
html body.woocommerce-cart .page-title{font-size:20px !important;line-height:1.25 !important;margin:0 0 2px !important}
html body.woocommerce-cart .woocommerce{margin-left:auto !important;margin-right:auto !important}

html body.woocommerce-cart main#main > .ct-container-full{padding-top:16px !important;padding-bottom:18px !important}
html body.woocommerce-cart article > .hero-section{margin-bottom:10px !important}

/* C2 - bang gio hang -> danh sach the */
html body.woocommerce-cart form.woocommerce-cart-form{margin:0 !important}
html body.woocommerce-cart table.shop_table{display:block !important;width:100% !important;border:0 !important;margin:0 !important;font-size:13.5px !important}
html body.woocommerce-cart table.shop_table > thead{display:none !important}
html body.woocommerce-cart table.shop_table > tbody{display:block !important;width:100% !important}
html body.woocommerce-cart tr.woocommerce-cart-form__cart-item{display:flex !important;align-items:flex-start !important;gap:10px !important;width:100% !important;border:1px solid #E5E5E7 !important;border-radius:12px !important;background:#fff !important;padding:10px !important;margin:0 0 10px !important}
html body.woocommerce-cart tr.woocommerce-cart-form__cart-item > td.product-thumbnail,html body.woocommerce-cart tr.woocommerce-cart-form__cart-item > td.product-name{display:block !important;border:0 !important;padding:0 !important;width:auto !important;vertical-align:top !important}
html body.woocommerce-cart tr.woocommerce-cart-form__cart-item > td.product-quantity,html body.woocommerce-cart tr.woocommerce-cart-form__cart-item > td.product-subtotal,html body.woocommerce-cart tr.woocommerce-cart-form__cart-item > td.product-price,html body.woocommerce-cart tr.woocommerce-cart-form__cart-item > td.product-remove,html body.woocommerce-cart td.product-name > p.price{display:none !important}
html body.woocommerce-cart td.product-thumbnail{flex:0 0 62px !important;width:62px !important}
html body.woocommerce-cart td.product-thumbnail a{display:block !important;width:62px !important;height:62px !important}
html body.woocommerce-cart td.product-thumbnail img{width:62px !important;height:62px !important;border-radius:8px !important;object-fit:cover !important;border:1px solid #EFEFF1 !important}
html body.woocommerce-cart td.product-name{flex:1 1 auto !important;min-width:0 !important}
html body.woocommerce-cart td.product-name > a{display:block !important;font-size:13.5px !important;line-height:1.35 !important;font-weight:600 !important;color:#1D1D1F !important}

/* C3 - hang so luong + gia + xoa */
html body.woocommerce-cart .product-mobile-actions{margin-top:8px !important;gap:0 !important;flex-wrap:nowrap !important;align-items:center !important;width:100% !important;min-width:0 !important}
html body.woocommerce-cart .product-mobile-actions .quantity{flex:0 0 auto !important;width:92px !important;height:32px !important}
html body.woocommerce-cart .product-mobile-actions .quantity input{height:32px !important;font-size:13px !important;font-weight:600 !important;border-radius:8px !important;border-color:#DFE3E8 !important}
html body.woocommerce-cart .ct-product-multiply-symbol{font-size:12px !important;color:#6E6E73 !important;margin:0 6px !important}
html body.woocommerce-cart .product-mobile-actions .woocommerce-Price-amount{font-size:13.5px !important;font-weight:700 !important;color:#14284B !important;white-space:nowrap !important;flex:0 1 auto !important;min-width:0 !important}
html body.woocommerce-cart .product-mobile-actions a.remove{flex:0 0 auto !important;width:26px !important;height:26px !important;font-size:15px !important;margin-left:auto !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:content-box !important;padding-left:10px !important}

/* C4 - ma uu dai + cap nhat */
html body.woocommerce-cart tr:not(.woocommerce-cart-form__cart-item){display:block !important;width:100% !important}
html body.woocommerce-cart td.actions{display:block !important;width:100% !important;padding:2px 0 0 !important;border:0 !important}
html body.woocommerce-cart td.actions .coupon{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:8px !important;margin:0 0 8px !important}
html body.woocommerce-cart td.actions #coupon_code{flex:1 1 0 !important;min-width:0 !important;width:auto !important;height:42px !important;font-size:13.5px !important;border-radius:9px !important;margin:0 !important;padding:0 12px !important}
html body.woocommerce-cart td.actions .coupon button{flex:0 0 auto !important;width:auto !important;height:42px !important;min-height:42px !important;font-size:12.5px !important;font-weight:600 !important;border-radius:9px !important;padding:0 12px !important;white-space:nowrap !important}
html body.woocommerce-cart td.actions button[name="update_cart"]{width:100% !important;height:40px !important;min-height:40px !important;font-size:13px !important;font-weight:600 !important;border-radius:9px !important;padding:0 !important;background:#fff !important;color:#14284B !important;border:1px solid #D7DDE6 !important}

html body.woocommerce-cart .ct-woocommerce-cart-form{gap:14px !important}

/* C5 - cong gio hang */
html body.woocommerce-cart .cart_totals{padding:14px !important;border:1px solid #E5E5E7 !important;border-radius:12px !important;background:#fff !important;margin:0 !important;font-size:13.5px !important}
html body.woocommerce-cart .cart_totals h2{font-size:12px !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#6E6E73 !important;margin:0 0 10px !important}
html body.woocommerce-cart .cart_totals table{font-size:13.5px !important;margin:0 !important;border:0 !important}
html body.woocommerce-cart .cart_totals th,html body.woocommerce-cart .cart_totals td{padding:8px 0 !important;font-size:13.5px !important;line-height:1.45 !important}
html body.woocommerce-cart .cart_totals .order-total th{font-size:14px !important}
html body.woocommerce-cart .cart_totals .order-total td .woocommerce-Price-amount{font-size:17px !important;font-weight:700 !important;color:#14284B !important}
html body.woocommerce-cart .woocommerce-shipping-destination,html body.woocommerce-cart .woocommerce-shipping-methods li,html body.woocommerce-cart .shipping-calculator-button{font-size:12.5px !important;line-height:1.5 !important}

html body.woocommerce-cart .ct-shipping-heading{font-size:13.5px !important;margin-bottom:6px !important}
html body.woocommerce-cart ul.woocommerce-shipping-methods{margin:0 0 8px !important}
html body.woocommerce-cart .woocommerce-shipping-destination{margin:0 0 6px !important}
html body.woocommerce-cart .ct-cart-totals-modules{margin-bottom:10px !important;padding-bottom:10px !important}
html body.woocommerce-cart .ct-shipping-progress-cart-page,html body.woocommerce-cart .ct-shipping-progress-cart-page .ct-message{font-size:12.5px !important;line-height:1.5 !important}
html body.woocommerce-cart .ct-shipping-progress-cart-page .ct-progress-bar{margin-top:8px !important}

/* C6 - nut thanh toan */
html body.woocommerce-cart .wc-proceed-to-checkout{padding:0 !important;margin:12px 0 0 !important}
html body.woocommerce-cart a.checkout-button{height:46px !important;min-height:46px !important;font-size:15px !important;font-weight:700 !important;border-radius:10px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}
html body.woocommerce-cart .wc-proceed-to-checkout + *{font-size:11.5px !important;line-height:1.6 !important}
}
@media (max-width:360px){
html body.woocommerce-cart td.product-thumbnail,html body.woocommerce-cart td.product-thumbnail a,html body.woocommerce-cart td.product-thumbnail img{flex-basis:54px !important;width:54px !important;height:54px !important}
html body.woocommerce-cart .product-mobile-actions .quantity{width:78px !important}
html body.woocommerce-cart .product-mobile-actions .woocommerce-Price-amount{font-size:12.5px !important}
html body.woocommerce-cart .ct-product-multiply-symbol{margin:0 4px !important}
html body.woocommerce-cart td.actions .coupon button{font-size:11.5px !important;padding:0 9px !important}
}

/* ===== EMK MOBILE CHECKOUT 2026-08-12 ===== */
@media (max-width:768px){
/* K1 - khung trang */
html body.woocommerce-checkout main#main > .ct-container-full{padding-top:16px !important;padding-bottom:18px !important}
html body.woocommerce-checkout article > .hero-section{margin-bottom:10px !important}
html body.woocommerce-checkout .page-title{font-size:20px !important;line-height:1.25 !important;margin:0 !important}
html body.woocommerce-checkout .emk-back-to-cart{margin:0 0 12px !important;font-size:13px !important}
html body.woocommerce-checkout .emk-back-to-cart a{font-size:13px !important}

/* K2 - tieu de nhom */
html body.woocommerce-checkout .woocommerce-billing-fields h3,html body.woocommerce-checkout .woocommerce-shipping-fields h3,html body.woocommerce-checkout .woocommerce-additional-fields h3,html body.woocommerce-checkout .ct-order-review h3{font-size:15px !important;line-height:1.3 !important;margin:0 0 10px !important}
html body.woocommerce-checkout .col2-set > .col-2{margin-top:16px !important}

/* K3 - o nhap lieu */
html body.woocommerce-checkout p.form-row{margin:0 0 12px !important;padding:0 !important}
html body.woocommerce-checkout p.form-row label{font-size:12.5px !important;line-height:1.35 !important;margin:0 0 5px !important}
html body.woocommerce-checkout p.form-row input.input-text,html body.woocommerce-checkout p.form-row select,html body.woocommerce-checkout p.form-row .select2-selection{height:42px !important;min-height:42px !important;font-size:13.5px !important;border-radius:9px !important;padding:0 12px !important}
html body.woocommerce-checkout p.form-row .select2-selection__rendered{line-height:42px !important;font-size:13.5px !important;padding-left:0 !important}
html body.woocommerce-checkout p.form-row textarea{height:80px !important;min-height:80px !important;font-size:13.5px !important;border-radius:9px !important;padding:10px 12px !important}
html body.woocommerce-checkout .woocommerce-input-wrapper > span.description,html body.woocommerce-checkout p.form-row .description{font-size:12px !important;line-height:1.45 !important;margin-top:4px !important}

html body.woocommerce-checkout form.checkout{gap:16px !important}

/* K4 - the tom tat don hang */
html body.woocommerce-checkout .ct-order-review{padding:14px !important;border:1px solid #E5E5E7 !important;border-radius:12px !important;background:#fff !important;margin:0 !important}
html body.woocommerce-checkout .ct-order-review h3{font-size:12px !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#6E6E73 !important;margin:0 0 10px !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table{font-size:13px !important;margin:0 0 12px !important;table-layout:fixed !important;width:100% !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name,html body.woocommerce-checkout table.woocommerce-checkout-review-order-table th.product-name{width:60% !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total,html body.woocommerce-checkout table.woocommerce-checkout-review-order-table th.product-total{width:40% !important;text-align:right !important;padding-left:8px !important}
html body.woocommerce-checkout .ct-checkout-cart-item{gap:10px !important;align-items:start !important;grid-template-columns:42px minmax(0,1fr) !important}
html body.woocommerce-checkout .ct-checkout-cart-item-content{min-width:0 !important;overflow:hidden !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name{overflow:hidden !important}
html body.woocommerce-checkout .ct-checkout-cart-item .ct-media-container,html body.woocommerce-checkout .ct-checkout-cart-item .ct-media-container img{width:42px !important;height:42px !important;border-radius:8px !important}
html body.woocommerce-checkout .ct-checkout-cart-item-title{font-size:13px !important;line-height:1.35 !important;font-weight:600 !important;overflow-wrap:anywhere !important;word-break:break-word !important;white-space:normal !important}
html body.woocommerce-checkout .ct-checkout-cart-item .quantity{width:78px !important;height:30px !important;margin-top:6px !important}
html body.woocommerce-checkout .ct-checkout-cart-item .quantity input{height:30px !important;font-size:12.5px !important;border-radius:8px !important}
html body.woocommerce-checkout .emk-line-total{font-size:13.5px !important;font-weight:700 !important;color:#14284B !important}
html body.woocommerce-checkout .emk-line-unit{font-size:11px !important;color:#6E6E73 !important;white-space:nowrap !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{font-size:11.5px !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#6E6E73 !important;padding:0 0 8px !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td{padding:9px 0 !important;font-size:13px !important;line-height:1.45 !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td.product-total{font-weight:600 !important;color:#14284B !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{padding:9px 0 !important;font-size:13px !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th,html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{font-size:13.5px !important;padding:9px 8px !important;border-radius:9px !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td .woocommerce-Price-amount{font-size:15.5px !important;font-weight:700 !important;color:#14284B !important;white-space:nowrap !important}
html body.woocommerce-checkout .ct-order-review-modules{margin-bottom:12px !important;padding-bottom:12px !important}
html body.woocommerce-checkout .ct-shipping-progress-checkout-page,html body.woocommerce-checkout .ct-shipping-progress-checkout-page .ct-message{font-size:12.5px !important;line-height:1.5 !important}

/* K5 - phuong thuc thanh toan */
html body.woocommerce-checkout .woocommerce-checkout-payment{margin:0 -14px !important}
html body.woocommerce-checkout .wc_payment_method label{font-size:13.5px !important;padding:12px 14px !important}
html body.woocommerce-checkout .payment_box{padding:0 14px 12px !important}
html body.woocommerce-checkout .payment_box p{font-size:12.5px !important;line-height:1.5 !important}
html body.woocommerce-checkout .form-row.place-order{margin-top:16px !important;padding:0 14px !important}
html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{font-size:12px !important;line-height:1.5 !important;margin:0 0 12px !important}
html body.woocommerce-checkout #place_order{width:100% !important;height:48px !important;min-height:48px !important;font-size:15px !important;font-weight:700 !important;border-radius:10px !important;padding:0 !important}
}
@media (max-width:360px){
html body.woocommerce-checkout .ct-checkout-cart-item{grid-template-columns:34px minmax(0,1fr) !important;gap:8px !important}
html body.woocommerce-checkout .ct-checkout-cart-item .ct-media-container,html body.woocommerce-checkout .ct-checkout-cart-item .ct-media-container img{width:34px !important;height:34px !important}
html body.woocommerce-checkout .ct-checkout-cart-item-title{font-size:12.5px !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name,html body.woocommerce-checkout table.woocommerce-checkout-review-order-table th.product-name{width:64% !important}
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total,html body.woocommerce-checkout table.woocommerce-checkout-review-order-table th.product-total{width:36% !important}
html body.woocommerce-checkout .emk-line-total{font-size:12.5px !important}
html body.woocommerce-checkout .emk-line-unit{font-size:10px !important;white-space:nowrap !important}
html body.woocommerce-checkout .ct-checkout-cart-item .quantity{width:72px !important}
}


/* ================================================================
   KHẢI THÀNH — HEADER NAVY + HOVER/ACTIVE MENU  (CHỈ DESKTOP ≥769px)
   Bảng màu: navy #14284B — vàng #D89A26
   Bắt đầu khối: KT-HEADER-NAVY
   ================================================================ */
@media (min-width: 769px) {

/* --- 1. Nền navy cho cả 2 hàng của header --- */
html body #header#header [data-device="desktop"] [data-row="middle"],
html body #header#header [data-device="desktop"] [data-row="bottom"],
html body #header#header [data-device="desktop"] .ct-sticky-container > [data-sticky] {
  background-color: #14284B !important;
}

/* --- 1b. Đường kẻ phân cách -> trắng mờ 15% --- */
html body #header#header [data-device="desktop"] [data-row="middle"] {
  border-bottom-color: rgba(255,255,255,.15) !important;
}
html body #header#header [data-device="desktop"] [data-row="bottom"] {
  border-top-color: rgba(255,255,255,.15) !important;
  border-bottom-color: rgba(255,255,255,.15) !important;
}
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn)::before {
  background-color: rgba(255,255,255,.15) !important;
}

/* --- 2. Logo "Khải Thành" chữ trắng, giữ gạch chân vàng --- */
html body #header#header [data-device="desktop"] .site-logo-container::after {
  color: #ffffff !important;
  border-bottom-color: #D89A26 !important;
}
html body #header#header [data-device="desktop"] .site-branding .site-logo-container svg g,
html body #header#header [data-device="desktop"] .site-branding .site-logo-container svg path {
  fill: #ffffff !important;
}

/* --- 3. Ô tìm kiếm: giữ nền trắng, nút tìm kiếm nền vàng + icon navy --- */
html body #header#header [data-device="desktop"] .ct-search-form-inner {
  background-color: #ffffff !important;
  border-color: rgba(255,255,255,.15) !important;
}
html body #header#header [data-device="desktop"] .ct-search-form input[type="search"] {
  color: #14284B !important;
}
html body #header#header [data-device="desktop"] .ct-search-form button {
  background-color: #D89A26 !important;
  color: #14284B !important;
  transition: filter .2s ease !important;
}
html body #header#header [data-device="desktop"] .ct-search-form button:hover {
  filter: brightness(.92);
}
html body #header#header [data-device="desktop"] .ct-search-form button svg,
html body #header#header [data-device="desktop"] .ct-search-form button svg * {
  fill: #14284B !important;
  stroke: #14284B !important;
  color: #14284B !important;
}

/* --- 4. Tài khoản / Giỏ hàng / Hotline -> chữ + icon trắng --- */
html body #header#header [data-device="desktop"] .ct-header-account > .ct-account-item,
html body #header#header [data-device="desktop"] .ct-header-account > .ct-account-item .ct-label,
html body #header#header [data-device="desktop"] .ct-header-account > .ct-account-item .ct-label::after,
html body #header#header [data-device="desktop"] .ct-header-cart > .ct-cart-item,
html body #header#header [data-device="desktop"] .ct-header-text,
html body #header#header [data-device="desktop"] .ct-header-text p,
html body #header#header [data-device="desktop"] .ct-header-text a.kt-hotline,
html body #header#header [data-device="desktop"] .ct-header-text a.kt-hotline strong {
  color: #ffffff !important;
}
/* icon tài khoản + giỏ hàng vẽ bằng mask nên phải đổi background-color */
html body #header#header [data-device="desktop"] .ct-header-account > .ct-account-item svg.ct-icon,
html body #header#header [data-device="desktop"] .ct-header-cart .ct-icon-container > svg {
  background-color: #ffffff !important;
}
html body #header#header [data-device="desktop"] .ct-header-account > .ct-account-item svg *,
html body #header#header [data-device="desktop"] .ct-header-cart .ct-icon-container > svg * {
  stroke: #ffffff !important;
}
/* viền quanh badge số lượng giỏ hàng cho hợp nền navy */
html body #header#header [data-device="desktop"] .ct-header-cart .ct-dynamic-count-cart {
  box-shadow: 0 0 0 2px #14284B !important;
}

/* --- 5. Nút "Danh mục": nền vàng, chữ + icon navy, hover đậm nhẹ --- */
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li.cat-btn > .ct-menu-link {
  background-color: #D89A26 !important;
  color: #14284B !important;
  transition: filter .2s ease, background-color .2s ease !important;
}
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li.cat-btn:hover > .ct-menu-link,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li.cat-btn > .ct-menu-link:hover,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li.cat-btn > .ct-menu-link:focus {
  background-color: #D89A26 !important;
  color: #14284B !important;
  filter: brightness(.92);
}
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li.cat-btn > .ct-menu-link::before {
  background-color: #14284B !important;
}
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li.cat-btn > .ct-menu-link svg,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li.cat-btn > .ct-menu-link svg * {
  fill: #14284B !important;
  color: #14284B !important;
}
/* nút Danh mục không có thanh ngang bên dưới */
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li.cat-btn > .ct-menu-link::after {
  display: none !important;
  opacity: 0 !important;
}

/* --- 6. Menu chính: chữ trắng, hover -> vàng (0.2s), không nền, không gạch chân --- */
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn) > .ct-menu-link {
  color: #ffffff !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transition: color .2s ease !important;
}
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn):hover > .ct-menu-link,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn) > .ct-menu-link:hover,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn) > .ct-menu-link:focus,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn) > .ct-menu-link:focus-visible {
  color: #D89A26 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn) > .ct-menu-link svg {
  fill: currentColor !important;
}

/* --- 7. Thanh ngang vàng 2px khi đang ở đúng trang đó (active) --- */
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn) > .ct-menu-link::after {
  background-color: #D89A26 !important;
  height: 2px !important;
  opacity: 0 !important;
  transition: opacity .2s ease !important;
}
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn).current-menu-item > .ct-menu-link::after,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn).current_page_item > .ct-menu-link::after,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn).current-menu-ancestor > .ct-menu-link::after,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn).current-menu-parent > .ct-menu-link::after,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn).current_page_parent > .ct-menu-link::after,
html body #header#header [data-device="desktop"] #header-menu-1#header-menu-1 .menu > li:not(.cat-btn).current_page_ancestor > .ct-menu-link::after {
  opacity: 1 !important;
}

}
/* ============ KẾT THÚC KHỐI: KT-HEADER-NAVY ============ */