@media (min-width: 768px) {
			header.nip6-header .nip6-top .nip6-top-actions {
				display: flex;
				align-items: center;
				gap: 16px;
				justify-self: end;
			}
			header.nip6-header .nip6-top-actions .nip6-zalo-branches {
				position: relative;
				display: inline-block;
			}
			/* Nút Zalo UI PRO MAX - Nổi khối xúc giác 3D đa tầng */
			header.nip6-header .nip6-top-actions .nip6-zalo-branches summary {
				display: inline-flex;
				align-items: center;
				gap: 8px;
				height: 40px;
				padding: 0 18px 0 12px;
				border: none;
				border-radius: 999px;
				background: linear-gradient(180deg, #1d8fff 0%, #006ef0 48%, #0056cc 100%);
				color: #ffffff;
				font-size: 14px;
				font-weight: 750;
				letter-spacing: 0.012em;
				cursor: pointer;
				text-shadow: 0 1px 2px rgba(0, 32, 96, 0.45);
				box-shadow: 
					0 4px 14px rgba(0, 102, 230, 0.42),
					0 2px 4px rgba(0, 48, 140, 0.28),
					inset 0 1.5px 1px rgba(255, 255, 255, 0.55),
					inset 0 -2px 1px rgba(0, 36, 110, 0.35);
				transition: all 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
				user-select: none;
				outline: none;
				position: relative;
			}
			/* Icon hình tròn chữ Z nổi bật */
			header.nip6-header .nip6-top-actions .nip6-zalo-branches summary::before,
			header.nip6-header .nip6-top-actions .nip6-zalo-branches summary:before {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 24px;
				height: 24px;
				content: 'Z';
				border-radius: 50%;
				background: #ffffff;
				color: #006ef0;
				font-size: 13px;
				font-weight: 900;
				box-shadow: 0 2px 5px rgba(0, 36, 96, 0.25);
				flex-shrink: 0;
			}
			/* Hover: Nổi bổng lên & Tỏa ánh sáng xanh */
			header.nip6-header .nip6-top-actions .nip6-zalo-branches summary:hover {
				background: linear-gradient(180deg, #2b98ff 0%, #0c7bfd 48%, #0062ed 100%);
				color: #ffffff;
				transform: translateY(-2px);
				box-shadow: 
					0 8px 22px rgba(0, 102, 230, 0.52),
					0 3px 6px rgba(0, 48, 140, 0.3),
					inset 0 1.5px 1px rgba(255, 255, 255, 0.65),
					inset 0 -2px 1px rgba(0, 36, 110, 0.35);
			}
			/* Active: Lún nhẹ như nút cơ học thật khi click */
			header.nip6-header .nip6-top-actions .nip6-zalo-branches summary:active {
				transform: translateY(1px);
				box-shadow: 
					0 2px 6px rgba(0, 102, 230, 0.35),
					inset 0 2px 4px rgba(0, 36, 110, 0.4);
			}
			/* Xóa marker mũi tên tam giác mặc định */
			header.nip6-header .nip6-top-actions .nip6-zalo-branches summary::-webkit-details-marker,
			header.nip6-header .nip6-top-actions .nip6-zalo-branches summary::after {
				display: none;
			}
			header.nip6-header .nip6-top-actions .nip6-zalo-branches .nip6-zalo-panel {
				position: absolute;
				top: calc(100% + 12px);
				right: 0;
				left: auto;
				z-index: 100060;
			}
		}
		@media (min-width: 1081px) {
			header.nip6-header .nip6-nav .nip5-header-shell {
				display: flex;
				align-items: center;
				width: min(1400px, calc(100% - 48px));
				margin: 0 auto;
				height: 56px;
			}
			header.nip6-header .nip6-nav nav {
				width: 100%;
			}
			header.nip6-header .nip6-nav nav > ul {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 56px;
				margin: 0;
				padding: 0;
				list-style: none;
				gap: 14px;
			}
			header.nip6-header .nip6-nav nav > ul > li {
				display: flex;
				align-items: center;
				height: 56px;
			}
			header.nip6-header .nip6-nav nav > ul > li > a {
				display: flex;
				align-items: center;
				height: 56px;
				font-size: clamp(14px, 1.15vw, 18px);
				font-weight: 600;
				letter-spacing: -0.015em;
				text-transform: uppercase;
				color: #1a202c;
				white-space: nowrap;
				text-decoration: none;
				transition: color 0.18s ease;
			}
			@media (min-width: 1260px) {
				header.nip6-header .nip6-nav nav > ul > li > a {
					font-size: 18px;
				}
			}
			header.nip6-header .nip6-nav nav > ul > li > a:hover {
				color: #075fba;
			}
		}

/* 3D Delivery Truck Enlarged +30% & Typography */
		.nip6-shipping,
		.nip5-scope .nip6-shipping,
		header .nip6-shipping {
			display: flex !important;
			flex-direction: row !important;
			align-items: center !important;
			justify-content: flex-start !important;
			gap: 12px !important;
		}
		.nip6-shipping:before,
		.nip5-scope .nip6-shipping:before,
		header .nip6-shipping:before {
			width: 88px !important;
			height: 60px !important;
			background-size: contain !important;
		}
		.nip6-shipping b,
		.nip5-scope .nip6-shipping b,
		header .nip6-shipping b {
			font-size: 16px !important;
			font-weight: 850 !important;
			color: #0b3768 !important;
			letter-spacing: -0.01em !important;
		}
		@media (max-width: 1080px) {
			.nip6-shipping:before,
			.nip5-scope .nip6-shipping:before,
			header .nip6-shipping:before {
				width: 68px !important;
				height: 46px !important;
			}
		}

		/* The enhanced 3D mark is the single active header logo. */
		.nip5-header .header_logo,
		.nip5-header .header-logo,
		.nip5-header .header-logo-dark {
			display: none !important;
		}
		.nip5-header .nip5-logo {
			display: flex !important;
			align-items: center !important;
			justify-content: flex-start !important;
			height: 86px !important;
			min-height: 86px !important;
			margin: 0 !important;
			padding: 0 !important;
			overflow: visible !important;
			line-height: 0 !important;
		}
		.nip5-header .nip5-logo > img {
			display: block !important;
			width: auto !important;
			height: 72px !important;
			max-height: 72px !important;
			max-width: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
			object-fit: contain !important;
			object-position: center !important;
			transform: none !important;
		}

.nip6-zalo-panel{display:none!important}
		.nip-zalo-v40{position:fixed;inset:0;z-index:100050;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;background:transparent}
		.nip-zalo-v40.is-open{visibility:visible;opacity:1;pointer-events:auto}
		.nip-zalo-v40__panel{position:absolute;top:105px;right:max(18px,calc((100vw - 1180px)/2));width:min(378px,calc(100vw - 32px));padding:14px;border:1px solid #d8e5f1;border-radius:18px;background:#fff;box-shadow:0 20px 46px rgba(11,53,96,.22);font-family:inherit;color:#183553}
		.nip-zalo-v40__close{position:absolute;right:10px;top:10px;width:30px;height:30px;border:0;border-radius:50%;background:#f2f6fb;color:#40617f;font:400 26px/27px Arial;cursor:pointer}
		.nip-zalo-v40__head{padding:1px 40px 11px;text-align:center;border-bottom:1px solid #e5edf5;line-height:1.22}
		.nip-zalo-v40__head strong{display:block;color:#0774bd;font-size:13px;font-weight:800;letter-spacing:.12px}.nip-zalo-v40__head span{display:block;margin-top:2px;color:#b6872d;font-size:13px;font-weight:800;letter-spacing:.25px}
		.nip-zalo-v40__branches{display:grid;gap:10px;padding-top:10px}.nip-zalo-v40__branch{padding:12px;border:1px solid #e4ecf4;border-radius:13px;background:#f7faff}
		.nip-zalo-v40__line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:1.3}.nip-zalo-v40__line b{color:#183553;font-weight:800}.nip-zalo-v40__line i{display:inline-block;width:9px;height:9px;margin-right:6px;background:#f44483;transform:rotate(45deg);vertical-align:1px}.nip-zalo-v40__line>a{color:#0796db!important;font-weight:800;text-decoration:none!important;white-space:nowrap}
		.nip-zalo-v40__branch p{margin:7px 0 10px;color:#637990;font-size:12px;line-height:1.42}.nip-zalo-v40__chat{display:flex;min-height:34px;align-items:center;justify-content:center;border-radius:9px;background:#0879f9!important;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none!important;transition:filter .18s ease,transform .18s ease}.nip-zalo-v40__chat:hover{filter:brightness(.92);transform:translateY(-1px);color:#fff!important}
		@media(max-width:767px){.nip-zalo-v40__panel{top:78px;left:12px;right:12px;width:auto;padding:13px;border-radius:17px}.nip-zalo-v40__head strong,.nip-zalo-v40__head span{font-size:12px}.nip-zalo-v40__branch{padding:11px}.nip-zalo-v40__line{font-size:12px}.nip-zalo-v40__branch p{font-size:11px}.nip-zalo-v40__chat{min-height:33px}.nip-zalo-v40__close{top:8px;right:8px}}

header.nip6-header {
			position: relative !important;
			z-index: 100 !important;
		}
		header.nip6-header .nip6-nav {
			position: relative !important;
			z-index: 101 !important;
		}
		@media (min-width: 768px) {
			.nip6-nav {
				position: relative !important;
			}
			.nip6-nav .nip5-header-shell,
			.nip6-nav nav,
			.nip6-nav nav > ul,
			.nip6-nav .nip6-mega-parent {
				position: static !important;
			}
			.nip6-zalo-branches {
				position: relative !important;
			}
			.nip6-mega {
				position: absolute !important;
				z-index: 1007 !important;
				top: 100% !important;
				left: 0 !important;
				right: 0 !important;
				width: 100% !important;
				margin: 0 !important;
				border-top: 1px solid #d6d6da !important;
				border-bottom: 2px solid rgba(10, 24, 41, 0.12) !important;
				border-left: none !important;
				border-right: none !important;
				border-radius: 0 0 8px 8px !important;
				box-shadow: 0 16px 36px rgba(10, 24, 41, 0.16) !important;
				transform: translateY(0) scale(1) !important;
			}
			.nip6-mega:before,
			.nip6-nav .nip6-mega-parent > .nip6-mega::before {
				position: absolute !important;
				top: -12px !important;
				right: 0 !important;
				left: 0 !important;
				height: 14px !important;
				content: '' !important;
				pointer-events: auto !important;
			}
			.nip6-nav .nip6-mega-links {
				display: block !important;
				width: 100% !important;
				column-count: 3 !important;
				column-gap: 48px !important;
			}
			.nip6-nav .nip6-mega-links p {
				display: block !important;
				column-span: all !important;
				margin: 2px 0 10px !important;
			}
			.nip6-nav .nip6-mega-links a {
				display: block !important;
				width: 100% !important;
				padding: 9px 0 !important;
				border: 0 !important;
				color: #111 !important;
				font-size: 17px !important;
				font-weight: 650 !important;
				line-height: 1.2 !important;
				text-transform: uppercase !important;
				break-inside: avoid !important;
				-webkit-column-break-inside: avoid !important;
			}
			.nip6-nav .nip6-mega-links a:hover {
				color: var(--nip5-deep) !important;
				text-decoration: underline !important;
			}
		}