body.z890-intel-bundle-page {
	--wp--style--block-gap: 0px;
}

/* Limit full-width overrides to the main content area only */
body.z890-intel-bundle-page #main,
body.z890-intel-bundle-page .site-main,
body.z890-intel-bundle-page #main .ct-container,
body.z890-intel-bundle-page #main .ct-container-full,
body.z890-intel-bundle-page #main article,
body.z890-intel-bundle-page #main .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Remove Gutenberg constrained layout width */
body.z890-intel-bundle-page #main .entry-content.is-layout-constrained > * {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Remove Gutenberg / theme block gaps between Custom HTML blocks */
body.z890-intel-bundle-page #main .entry-content > * {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

body.z890-intel-bundle-page #main .entry-content > * + * {
	margin-block-start: 0 !important;
}

/* Ensure copied Z890 sections can fill the viewport */
body.z890-intel-bundle-page #main .z890-section-copy {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}/* Prevent inline-image spacing gaps */
body.z890-intel-bundle-page #main .z890-section-copy img,
body.z890-intel-bundle-page #main .z890-section-copy video {
	vertical-align: middle;
}

/* Custom source-like independent dots navigation */
body.z890-intel-bundle-page .z890-source-like-sticky-dots {
	--dots-spacing: 1vw;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%) translateX(100%);
	color: white;
	z-index: 9999;
	display: grid;
	justify-items: flex-end;
	grid-gap: 4px;
	gap: 4px;
	overflow: hidden;
	width: max-content;
	height: auto;
	opacity: 0;
	visibility: hidden;
	transition: all 600ms ease;
	pointer-events: none;
	font-size: 13.5px;
	font-family: Titillium Web, Noto Sans, sans-serif;
}

body.admin-bar.z890-intel-bundle-page .z890-source-like-sticky-dots {
	top: calc(50% + 16px);
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) translateX(0);
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots::before {
	content: "";
	display: block;
	background: url("/wp-content/themes/gigabyte/assets/z890-aorus-elite/innergigabyte/images/sidebar-1.png") 0 0/auto 100% no-repeat;
	width: 21px;
	height: 163px;
	margin-right: 1vw;
	margin-right: var(--dots-spacing, 1vw);
	margin-bottom: 1vw;
	margin-bottom: var(--dots-spacing, 1vw);
	pointer-events: none !important;
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots::after {
	content: "";
	display: block;
	background: url("/wp-content/themes/gigabyte/assets/z890-aorus-elite/innergigabyte/images/sidebar-2.png") 0 0/auto 100% no-repeat;
	width: 21px;
	height: 191px;
	margin-top: 1vw;
	margin-top: var(--dots-spacing, 1vw);
	margin-right: 1vw;
	margin-right: var(--dots-spacing, 1vw);
	pointer-events: none !important;
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots a {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 6px 1vw;
	padding: 6px var(--dots-spacing, 1vw);
	min-width: 80px;
	color: rgba(255, 255, 255, 0.5647058824);
	text-decoration: none !important;
	transition: all 0.3s ease;
	pointer-events: auto !important;
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots a p {
	white-space: nowrap;
	font-size: 0.8em;
	text-align: right;
	pointer-events: none;
	padding: 0 8px 0 0;
	position: relative;
	margin: 0;
	transition: all 0.5s;
	opacity: 0;
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots a::after {
	content: "";
	display: block;
	width: 0.6em;
	height: 0.6em;
	border-radius: 50%;
	border: 1px solid #FF00BF;
	background-color: transparent;
	transition: 0.2s;
	box-sizing: border-box;
	flex: 0 0 auto;
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots a.highlight div {
	background-color: rgba(255, 255, 255, 0.1882352941);
	background-color: var(--dots-highlight-color, rgba(255, 255, 255, 0.1882352941));
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots a.active,
body.z890-intel-bundle-page .z890-source-like-sticky-dots a.is-active,
body.z890-intel-bundle-page .z890-source-like-sticky-dots a[aria-current="true"],
body.z890-intel-bundle-page .z890-source-like-sticky-dots a:hover {
	text-decoration-color: rgba(0, 0, 0, 0);
	color: #ff00bf;
	font-weight: bold;
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots a.active p,
body.z890-intel-bundle-page .z890-source-like-sticky-dots a.is-active p,
body.z890-intel-bundle-page .z890-source-like-sticky-dots a[aria-current="true"] p,
body.z890-intel-bundle-page .z890-source-like-sticky-dots a:hover p {
	pointer-events: inherit;
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots a.active::after,
body.z890-intel-bundle-page .z890-source-like-sticky-dots a.is-active::after,
body.z890-intel-bundle-page .z890-source-like-sticky-dots a[aria-current="true"]::after,
body.z890-intel-bundle-page .z890-source-like-sticky-dots a:hover::after {
	background-color: #FF00BF;
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots a:hover p {
	opacity: 1;
}

@media (min-width: 1321px) {
	body.z890-intel-bundle-page .z890-source-like-sticky-dots a p {
		opacity: 1;
	}
}

@media screen and (max-width: 1200px) {
	body.z890-intel-bundle-page .z890-source-like-sticky-dots {
		right: 12px;
	}
	body.z890-intel-bundle-page .z890-source-like-sticky-dots::before,
	body.z890-intel-bundle-page .z890-source-like-sticky-dots::after {
		transform: scale(0.8);
		transform-origin: right center;
	}
}

@media screen and (max-width: 768px) {
	body.z890-intel-bundle-page .z890-source-like-sticky-dots {
		right: 8px !important;
		gap: 2px !important;
		overflow: visible !important;
		width: auto !important;
		max-width: calc(100vw - 16px) !important;
		pointer-events: none !important;
	}

	body.z890-intel-bundle-page .z890-source-like-sticky-dots a {
		min-width: auto !important;
		padding: 4px 6px !important;
		pointer-events: auto !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
	}

	body.z890-intel-bundle-page .z890-source-like-sticky-dots a p {
		font-size: 10px !important;
		padding-right: 5px !important;
		text-align: right !important;
		opacity: 0 !important;
		visibility: hidden !important;
		max-width: 0 !important;
		overflow: hidden !important;
		white-space: nowrap !important;
		transition: all 0.3s ease !important;
	}

	body.z890-intel-bundle-page .z890-source-like-sticky-dots a.active p,
	body.z890-intel-bundle-page .z890-source-like-sticky-dots a.is-active p,
	body.z890-intel-bundle-page .z890-source-like-sticky-dots a[aria-current="true"] p,
	body.z890-intel-bundle-page .z890-source-like-sticky-dots a:hover p,
	body.z890-intel-bundle-page .z890-source-like-sticky-dots a:focus p {
		opacity: 1 !important;
		visibility: visible !important;
		width: auto !important;
		max-width: calc(100vw - 70px) !important;
		overflow: visible !important;
		white-space: nowrap !important;
	}

	body.z890-intel-bundle-page .z890-source-like-sticky-dots a::after {
		width: 6px !important;
		height: 6px !important;
	}

	body.z890-intel-bundle-page .z890-source-like-sticky-dots::before,
	body.z890-intel-bundle-page .z890-source-like-sticky-dots::after {
		display: none !important;
	}
}

/* Animations for visible cascade entrance */
body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a {
	transform: translateX(0);
	animation: dot-FadeInFromRight 400ms ease 0s backwards;
}

body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a:nth-child(1) { animation-delay: 0ms; }
body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a:nth-child(2) { animation-delay: 50ms; }
body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a:nth-child(3) { animation-delay: 100ms; }
body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a:nth-child(4) { animation-delay: 150ms; }
body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a:nth-child(5) { animation-delay: 200ms; }
body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a:nth-child(6) { animation-delay: 250ms; }
body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a:nth-child(7) { animation-delay: 300ms; }
body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a:nth-child(8) { animation-delay: 350ms; }
body.z890-intel-bundle-page .z890-source-like-sticky-dots.visible > a:nth-child(9) { animation-delay: 400ms; }

@keyframes dot-FadeInFromRight {
	from {
		transform: translateX(100%);
	}
}

/* Custom Promotion Highlight Section styling */
body.z890-intel-bundle-page .z890-custom-highlight-section {
	padding: 80px 0;
	background: url("/wp-content/themes/gigabyte/assets/z890-aorus-elite/innergigabyte/images/bg-hero.jpg") center/cover no-repeat;
	position: relative;
	overflow: hidden;
}

body.z890-intel-bundle-page .z890-custom-highlight-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-source-heading {
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin-bottom: 50px;
}

body.z890-intel-bundle-page .z890-source-heading-eyebrow {
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
	font-size: 14px !important;
	line-height: 16px !important;
	letter-spacing: 2px !important;
	font-weight: bold !important;
	text-transform: uppercase;
	background-image: linear-gradient(140deg, #00D0FF 0%, #FF00BF 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	text-shadow: none !important;
}

body.z890-intel-bundle-page .z890-source-heading-title {
	text-align: center;
	font-family: AORUS, Arial, 微軟正黑體, Microsoft JhengHei, 微軟雅黑體, Microsoft YaHei, SimHei, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, 新細明體, Arial, Verdana, Helvetica, sans-serif !important;
	font-size: 36px !important;
	line-height: 39px !important;
	font-weight: normal !important;
	color: #ffffff !important;
	margin: 0 !important;
	text-transform: uppercase;
}

body.z890-intel-bundle-page .z890-source-heading-subtitle {
	text-align: center;
	font-family: Titillium Web, Noto Sans, sans-serif !important;
	font-size: 13.5px !important;
	color: #cccccc !important;
	margin: 8px 0 0 0 !important;
	line-height: 1.5 !important;
}

/* Reusable Custom Section Heading Component (Inherits theme-default typography) */
body.z890-intel-bundle-page .z890-custom-heading {
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 50px;
}

body.z890-intel-bundle-page .z890-custom-eyebrow {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	background-image: linear-gradient(140deg, #00D0FF 0%, #FF00BF 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	text-shadow: none !important;
}

body.z890-intel-bundle-page .z890-custom-title {
	margin: 0 !important;
	text-align: center;
}

body.z890-intel-bundle-page .z890-custom-subtitle {
	margin: 8px 0 0 0 !important;
	text-align: center;
}

body.z890-intel-bundle-page .z890-promo-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
	margin-top: 40px;
}

@media screen and (max-width: 960px) {
	body.z890-intel-bundle-page .z890-promo-card-grid {
		grid-template-columns: 1fr;
		gap: 40px;
		max-width: 550px;
		margin: 40px auto 0 auto;
	}
}

body.z890-intel-bundle-page .z890-promo-card {
	background-color: #161616;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-promo-card-media {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #0d0d0d;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-promo-product-img {
	width: 100% !important;
	height: auto !important;
	object-fit: contain;
}

body.z890-intel-bundle-page .z890-promo-voucher-badge {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 120px;
	height: auto;
	z-index: 5;
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.4));
}

@media screen and (max-width: 480px) {
	body.z890-intel-bundle-page .z890-promo-voucher-badge {
		width: 95px;
		top: 10px;
		right: 10px;
	}
}

body.z890-intel-bundle-page .z890-promo-tag {
	position: absolute;
	top: 15px;
	left: 15px;
	padding: 3px 10px;
	border-radius: 3px;
	font-size: 0.75em;
	font-weight: bold;
	letter-spacing: 0.5px;
	font-family: AORUS, Arial, sans-serif;
	background-color: rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

body.z890-intel-bundle-page .z890-promo-card-body {
	padding: 25px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: center;
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-promo-card-title {
	margin: 0 0 10px 0 !important;
	text-align: center;
}

body.z890-intel-bundle-page .z890-promo-card-desc {
	margin: 0 0 15px 0 !important;
	flex-grow: 1;
	text-align: center;
}

body.z890-intel-bundle-page .z890-promo-card-voucher {
	margin: 0 0 20px 0 !important;
	text-align: center;
}

body.z890-intel-bundle-page .z890-promo-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding-top: 15px;
	margin-top: auto;
	width: 100%;
}

body.z890-intel-bundle-page .z890-promo-plus {
	width: 36px;
	height: 36px;
	background-image: url("/wp-content/themes/gigabyte/assets/z890-aorus-elite/innergigabyte/images/btn-deepdive.svg");
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: background-image 0.25s, transform 0.25s;
}

body.z890-intel-bundle-page .z890-promo-plus:hover {
	background-image: url("/wp-content/themes/gigabyte/assets/z890-aorus-elite/innergigabyte/images/btn-deepdive2.svg");
	transform: rotate(90deg);
}

/* Custom Partners / Đối tác Section Styling */
body.z890-intel-bundle-page .z890-custom-partners {
	width: 100% !important;
	max-width: none !important;
}

body.z890-intel-bundle-page .z890-partners-section {
	width: 100%;
}

body.z890-intel-bundle-page .z890-partners-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 20px;
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-partners-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 20px;
	justify-content: center;
}

body.z890-intel-bundle-page .z890-partner-logo-card {
	background-color: #161616;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	min-height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	box-sizing: border-box;
	transition: opacity 0.3s ease, border-color 0.3s ease;
	text-decoration: none;
}

body.z890-intel-bundle-page .z890-partner-logo-card:hover {
	opacity: 0.85;
	border-color: rgba(255, 255, 255, 0.15);
}

body.z890-intel-bundle-page .z890-partner-logo-card img {
	max-width: 82% !important;
	max-height: 88px !important;
	object-fit: contain !important;
	width: auto !important;
	height: auto !important;
}

/* Responsive Grid Breakpoints */
@media screen and (max-width: 1024px) {
	body.z890-intel-bundle-page .z890-partners-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 15px;
	}
	body.z890-intel-bundle-page .z890-partner-logo-card {
		min-height: 120px;
	}
	body.z890-intel-bundle-page .z890-partner-logo-card img {
		max-height: 76px !important;
	}
}

@media screen and (max-width: 768px) {
	body.z890-intel-bundle-page .z890-partners-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}
	body.z890-intel-bundle-page .z890-partner-logo-card {
		min-height: 100px;
		padding: 12px;
	}
	body.z890-intel-bundle-page .z890-partner-logo-card img {
		max-height: 64px !important;
	}
}

@media screen and (max-width: 480px) {
	body.z890-intel-bundle-page .z890-partners-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	body.z890-intel-bundle-page .z890-partner-logo-card {
		min-height: 85px;
		padding: 10px;
	}
	body.z890-intel-bundle-page .z890-partner-logo-card img {
		max-height: 52px !important;
		max-width: 85% !important;
	}
}

/* Custom Program Details Section Styling */
body.z890-intel-bundle-page .z890-custom-program-details {
	width: 100% !important;
	max-width: none !important;
}

body.z890-intel-bundle-page .z890-program-details-section {
	width: 100%;
	background: url("/wp-content/themes/gigabyte/assets/z890-aorus-elite/innergigabyte/images/turbomode-bg.jpg") center center/cover no-repeat;
}

body.z890-intel-bundle-page .z890-program-details-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 20px;
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-program-details-card {
	background-color: #161616;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-program-details-content {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

body.z890-intel-bundle-page .z890-program-details-block h3 {
	margin: 0 0 15px 0 !important;
	color: #ffffff;
}

body.z890-intel-bundle-page .z890-program-details-block p {
	margin: 0 0 10px 0 !important;
	color: #cccccc;
	line-height: 1.6;
}

body.z890-intel-bundle-page .z890-program-details-block p:last-child {
	margin-bottom: 0 !important;
}

body.z890-intel-bundle-page .z890-program-details-list {
	margin: 0 !important;
	padding-left: 20px !important;
	list-style-type: disc !important;
}

body.z890-intel-bundle-page .z890-program-details-list li {
	margin: 0 0 8px 0 !important;
	color: #cccccc;
	line-height: 1.5;
}

body.z890-intel-bundle-page .z890-program-details-list li strong {
	color: #ffffff;
}

body.z890-intel-bundle-page .z890-program-details-list li:last-child {
	margin-bottom: 0 !important;
}

body.z890-intel-bundle-page .z890-program-dealer-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 15px;
	margin-top: 15px;
}

body.z890-intel-bundle-page .z890-program-dealer-item {
	background-color: #0d0d0d;
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 6px;
	padding: 12px;
	text-align: center;
	color: #cccccc;
	font-weight: 500;
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-program-intro p {
	font-size: 1.1em !important;
}

body.z890-intel-bundle-page .z890-program-outro {
	margin-top: 15px;
	padding-top: 25px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	text-align: center;
}

body.z890-intel-bundle-page .z890-program-link {
	display: inline-flex;
	align-items: center;
	margin-top: 15px;
	color: #00D0FF !important;
	text-decoration: none !important;
	font-weight: bold;
	transition: color 0.3s ease;
}

body.z890-intel-bundle-page .z890-program-link:hover {
	color: #FF00BF !important;
}

/* Responsive breakdowns */
@media screen and (max-width: 960px) {
	body.z890-intel-bundle-page .z890-program-dealer-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}
	body.z890-intel-bundle-page .z890-program-details-card {
		padding: 30px;
	}
}

@media screen and (max-width: 768px) {
	body.z890-intel-bundle-page .z890-program-dealer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	body.z890-intel-bundle-page .z890-program-details-card {
		padding: 20px;
	}
	body.z890-intel-bundle-page .z890-program-intro p {
		font-size: 1.05em !important;
	}
}

@media screen and (max-width: 480px) {
	body.z890-intel-bundle-page .z890-program-dealer-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

/* Custom Registration Section Styling */
body.z890-intel-bundle-page .z890-custom-registration {
	width: 100% !important;
	max-width: none !important;
}

body.z890-intel-bundle-page .z890-registration-section {
	width: 100%;
	background-image: url('/wp-content/themes/gigabyte/assets/z890-aorus-elite/innergigabyte/images/summary-bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 100px 0;
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-registration-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 60px;
	align-items: center;
}

body.z890-intel-bundle-page .z890-registration-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Align heading left on desktop for proper 2-column layout harmony */
body.z890-intel-bundle-page .z890-custom-registration .z890-custom-heading {
	text-align: left;
	margin-bottom: 30px;
}

body.z890-intel-bundle-page .z890-custom-registration .z890-custom-eyebrow,
body.z890-intel-bundle-page .z890-custom-registration .z890-custom-title,
body.z890-intel-bundle-page .z890-custom-registration .z890-custom-subtitle {
	text-align: left;
}

body.z890-intel-bundle-page .z890-registration-benefits ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

body.z890-intel-bundle-page .z890-registration-benefits li {
	position: relative;
	padding-left: 28px;
	color: #cccccc;
	line-height: 1.6;
}

/* Customized premium check icons for benefits list */
body.z890-intel-bundle-page .z890-registration-benefits li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300D0FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

body.z890-intel-bundle-page .z890-registration-form-card {
	background-color: #161616;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
}

body.z890-intel-bundle-page .z890-registration-form-embed {
	width: 100%;
}

/* Fluent Form Customization scoped strictly to the Custom Registration Form container */
body.z890-intel-bundle-page .z890-custom-registration .fluentform {
	--ff-el-color: #ffffff;
}

/* Base style for form controls: input, select, textarea */
body.z890-intel-bundle-page .z890-custom-registration .fluentform input[type="text"],
body.z890-intel-bundle-page .z890-custom-registration .fluentform input[type="email"],
body.z890-intel-bundle-page .z890-custom-registration .fluentform input[type="tel"],
body.z890-intel-bundle-page .z890-custom-registration .fluentform select,
body.z890-intel-bundle-page .z890-custom-registration .fluentform textarea,
body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-el-form-control {
	background-color: #050505 !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	color: #fff !important;
	border-radius: 6px !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Ensure text in all form controls is pure white */
body.z890-intel-bundle-page .z890-custom-registration .fluentform input,
body.z890-intel-bundle-page .z890-custom-registration .fluentform textarea,
body.z890-intel-bundle-page .z890-custom-registration .fluentform select,
body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-el-form-control {
	color: #fff !important;
}

/* Placeholder and select color styling set to white */
body.z890-intel-bundle-page .z890-custom-registration .fluentform input::placeholder,
body.z890-intel-bundle-page .z890-custom-registration .fluentform textarea::placeholder,
body.z890-intel-bundle-page .z890-custom-registration .fluentform select {
	color: #fff !important;
	opacity: 1 !important;
}

/* Focus state for form controls */
body.z890-intel-bundle-page .z890-custom-registration .fluentform input:focus,
body.z890-intel-bundle-page .z890-custom-registration .fluentform select:focus,
body.z890-intel-bundle-page .z890-custom-registration .fluentform textarea:focus,
body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-el-form-control:focus {
	border-color: #00D0FF !important;
	box-shadow: 0 0 0 2px rgba(0, 208, 255, 0.2) !important;
	outline: none !important;
}

/* Form field label styling */
body.z890-intel-bundle-page .z890-custom-registration .fluentform label,
body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-el-lbl {
	color: #e0e0e0 !important;
	font-weight: 500 !important;
	margin-bottom: 6px !important;
}

/* Select element dropdown & options customization */
body.z890-intel-bundle-page .z890-custom-registration .fluentform select option {
	background-color: #050505 !important;
	color: #ffffff !important;
}

/* Dropdown country intl-tel-input nền đen, chữ trắng */
body.z890-intel-bundle-page .z890-custom-registration .iti__dropdown-content,
body.z890-intel-bundle-page .z890-custom-registration .iti__country-list,
body.z890-intel-bundle-page .z890-custom-registration .iti__country,
body.z890-intel-bundle-page .z890-custom-registration .iti__search-input {
	background-color: #050505 !important;
	color: #fff !important;
}

/* Country item hover/highlight cũng nền tối */
body.z890-intel-bundle-page .z890-custom-registration .iti__country:hover,
body.z890-intel-bundle-page .z890-custom-registration .iti__country.iti__highlight {
	background-color: #151515 !important;
	color: #fff !important;
}

/* Dial code cũng màu trắng/xám sáng */
body.z890-intel-bundle-page .z890-custom-registration .iti__country-name,
body.z890-intel-bundle-page .z890-custom-registration .iti__dial-code {
	color: #fff !important;
}

/* Upload file field customization */
body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff_upload_btn,
body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-btn-browse,
body.z890-intel-bundle-page .z890-custom-registration .fluentform button.ff-btn-browse {
	background-color: #1a1a1a !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: background-color 0.25s ease, border-color 0.25s ease !important;
}

body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff_upload_btn:hover,
body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-btn-browse:hover,
body.z890-intel-bundle-page .z890-custom-registration .fluentform button.ff-btn-browse:hover {
	background-color: #262626 !important;
	border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Field spacing optimization */
body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-el-group {
	margin-bottom: 12px !important;
}

body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-t-container {
	gap: 12px !important;
}

body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-t-cell {
	margin-bottom: 0 !important;
}

/* Premium Gradient Submit Button */
body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-btn-submit,
body.z890-intel-bundle-page .z890-custom-registration .fluentform button[type="submit"],
body.z890-intel-bundle-page .z890-custom-registration .fluentform input[type="submit"] {
	background: linear-gradient(140deg, #00D0FF 0%, #FF00BF 100%) !important;
	border: none !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	padding: 12px 30px !important;
	border-radius: 30px !important;
	cursor: pointer !important;
	transition: opacity 0.3s ease, transform 0.2s ease !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	width: 100% !important;
}

body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-btn-submit:hover,
body.z890-intel-bundle-page .z890-custom-registration .fluentform button[type="submit"]:hover,
body.z890-intel-bundle-page .z890-custom-registration .fluentform input[type="submit"]:hover {
	opacity: 0.9 !important;
	transform: translateY(-1px) !important;
}

body.z890-intel-bundle-page .z890-custom-registration .fluentform .ff-btn-submit:active,
body.z890-intel-bundle-page .z890-custom-registration .fluentform button[type="submit"]:active,
body.z890-intel-bundle-page .z890-custom-registration .fluentform input[type="submit"]:active {
	transform: translateY(1px) !important;
}

/* Responsive Overrides */
@media screen and (max-width: 992px) {
	body.z890-intel-bundle-page .z890-registration-inner {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	body.z890-intel-bundle-page .z890-custom-registration .z890-custom-heading {
		text-align: center;
		margin-bottom: 25px;
	}

	body.z890-intel-bundle-page .z890-custom-registration .z890-custom-eyebrow,
	body.z890-intel-bundle-page .z890-custom-registration .z890-custom-title,
	body.z890-intel-bundle-page .z890-custom-registration .z890-custom-subtitle {
		text-align: center;
	}
	
	body.z890-intel-bundle-page .z890-registration-benefits {
		max-width: 600px;
		margin: 0 auto;
	}
	
	body.z890-intel-bundle-page .z890-registration-form-card {
		max-width: 600px;
		margin: 0 auto;
		width: 100%;
		padding: 30px;
	}
}

@media screen and (max-width: 480px) {
	body.z890-intel-bundle-page .z890-registration-section {
		padding: 60px 0;
	}
	
	body.z890-intel-bundle-page .z890-registration-form-card {
		padding: 20px;
	}
}





