.a-disc-default-footer,
.a-disc-default-footer * {
	box-sizing: border-box;
}

.a-disc-default-footer {
	background: var(--disctm-white);
	color: var(--disctm-color-primary-text);
	display: flow-root;
	font-family: var(--disctm-font-family);
	margin: 0;
	padding: 0;
}

.a-disc-default-footer__content {
	display: grid;
	grid-template-columns: 38% 62%;
	margin: 0 auto;
	padding: 0;
	width: min(980px, calc(100% - 48px));
}

.a-disc-default-footer__inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 22px;
	grid-column: 1;
	grid-row: 2;
	padding: 48px clamp(24px, 4.6667vw, 56px) 44px;
	width: 100%;
}

.a-disc-default-footer__stripe {
	display: flex;
	height: 6px;
	width: 100%;
}

.a-disc-default-footer__stripe span {
	flex: 0 0 25%;
}

.a-disc-default-footer__stripe span:nth-child(1) {
	background: var(--disctm-color-d-red);
}

.a-disc-default-footer__stripe span:nth-child(2) {
	background: var(--disctm-color-i-yellow);
}

.a-disc-default-footer__stripe span:nth-child(3) {
	background: var(--disctm-color-s-green);
}

.a-disc-default-footer__stripe span:nth-child(4) {
	background: var(--disctm-color-c-blue);
}

.a-disc-default-footer__wordmark {
	display: block;
	height: 48px !important;
	max-width: 132px !important;
	width: 132px !important;
}

.a-disc-default-footer__social-links {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	justify-content: center;
	margin: 0;
}

.a-disc-default-footer .a-disc-default-footer__social-link {
	align-items: center;
	background: var(--disctm-color-background-almost-white, #f5f5f7);
	border: 0;
	border-radius: 50%; /* @disc-corner: discfooter-social-link */
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 34px;
	height: 34px;
	justify-content: center;
	text-decoration: none !important;
	box-shadow: none !important;
	transform: none !important;
	transition: background-color 160ms ease, color 80ms ease;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	width: 34px;
}

.a-disc-default-footer .a-disc-default-footer__social-link,
.a-disc-default-footer .a-disc-default-footer__social-link:link,
.a-disc-default-footer .a-disc-default-footer__social-link:visited,
.a-disc-default-footer .a-disc-default-footer__social-link:focus {
	color: var(--disctm-color-blue-elliptic-button-bg-idle, #0071e3);
}

@media (hover: hover) {
	.a-disc-default-footer .a-disc-default-footer__social-link:hover {
		background: var(--disctm-color-ios-system-gray-5-default-light, rgb(229, 229, 234));
		color: var(--disctm-color-blue-elliptic-button-bg-hover, #0077ed);
		box-shadow: none !important;
		transform: none !important;
	}
}

@media (hover: none), (pointer: coarse) {
	.a-disc-default-footer .a-disc-default-footer__social-link:hover {
		background: var(--disctm-color-background-almost-white, #f5f5f7);
		color: var(--disctm-color-blue-elliptic-button-bg-idle, #0071e3);
		box-shadow: none !important;
		transform: none !important;
	}
}

.a-disc-default-footer .a-disc-default-footer__social-link:active {
	color: var(--disctm-color-blue-elliptic-button-bg-active, #006edb);
	outline: none !important;
	box-shadow: none !important;
	transform: none !important;
}

.a-disc-default-footer .a-disc-default-footer__social-link:focus {
	outline: none !important;
}

html[data-a-disc-input-modality="keyboard"] .a-disc-default-footer .a-disc-default-footer__social-link:focus {
	background: var(--disctm-color-ios-system-gray-5-default-light, rgb(229, 229, 234));
	outline: 2px solid var(--disctm-color-blue-elliptic-button-bg-idle, #0071e3) !important;
	outline-offset: 3px !important;
	box-shadow: none !important;
	transform: none !important;
}

.a-disc-default-footer__social-link svg {
	display: block;
	fill: currentColor;
	height: 16px;
	width: 16px;
}

.a-disc-default-footer__section-divider {
	background: var(--disctm-color-gray-border);
	display: none;
	height: 1px;
	width: 100%;
}

.a-disc-default-footer__legal {
	color: var(--disctm-color-gray-secondary-text, #6e6e73);
	grid-column: 2;
	grid-row: 2;
	margin: 0;
	padding: 48px clamp(24px, 4.6667vw, 56px) 44px;
	width: 100%;
}

.a-disc-default-footer .a-disc-default-footer__legal-heading {
	display: none;
}

/* Legal links follow apple.com's footer on touch: the browser's default tap
   box stays visible, padded out to a 24px target with offsetting margins so
   text alignment is unchanged, and :hover is not gated on (hover: hover), so
   a tap underlines the link the way Safari's hover emulation does on Apple's
   a:hover. Only the underline changes; colour stays fixed, so a hover that
   sticks after the tap matches Apple rather than leaking a theme colour. */
.a-disc-default-footer .a-disc-default-footer__legal-heading-link,
.a-disc-default-footer .a-disc-default-footer__legal-links a {
	margin-block: -4px;
	margin-block: calc(-1 * max(round(up, calc(24px - 1lh) / 2, 1px), 0px));
	margin-inline: -9px;
	padding-block: 4px;
	padding-block: max(round(up, calc(24px - 1lh) / 2, 1px), 0px);
	padding-inline: 9px;
}

.a-disc-default-footer .a-disc-default-footer__legal-heading-link {
	border-radius: 6px;
	cursor: pointer;
	text-decoration: none;
	transform: none !important;
	width: fit-content;
}

.a-disc-default-footer .a-disc-default-footer__legal-heading-link:active {
	outline: none !important;
	text-decoration: underline;
	transform: none !important;
}

.a-disc-default-footer .a-disc-default-footer__legal-heading-link:focus {
	outline: none !important;
	transform: none !important;
}

html[data-a-disc-input-modality="keyboard"] .a-disc-default-footer .a-disc-default-footer__legal-heading-link:focus {
	outline: 2px solid var(--disctm-color-blue-elliptic-button-bg-idle, #0071e3) !important;
	outline-offset: 2px !important;
}

.a-disc-default-footer .a-disc-default-footer__legal-heading-link:hover {
	text-decoration: underline;
}

/* Desktop and tablet read the legal list in two columns, top to bottom. Links 1 to 7
   fill the left column, one grid row each. Links 8 to 10 and the Bộ Công Thương badge
   fill the right column, each starting on the first line of a left link (8 beside 1,
   9 beside 2, 10 beside 4, the badge beside 6) and spanning two rows, so the left
   column keeps its 0.8em rhythm. The markup stays in mobile reading order. */
.a-disc-default-footer__legal-links {
	align-items: start;
	column-gap: 24px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
	row-gap: var(--sk-paragraph-plus-element-margin, 0.8em);
}

.a-disc-default-footer__legal-links > li:nth-child(-n + 7) {
	grid-column: 1;
}

.a-disc-default-footer__legal-links > li:nth-child(1) {
	grid-row: 1;
}

.a-disc-default-footer__legal-links > li:nth-child(2) {
	grid-row: 2;
}

.a-disc-default-footer__legal-links > li:nth-child(3) {
	grid-row: 3;
}

.a-disc-default-footer__legal-links > li:nth-child(4) {
	grid-row: 4;
}

.a-disc-default-footer__legal-links > li:nth-child(5) {
	grid-row: 5;
}

.a-disc-default-footer__legal-links > li:nth-child(6) {
	grid-row: 6;
}

.a-disc-default-footer__legal-links > li:nth-child(7) {
	grid-row: 7;
}

.a-disc-default-footer__legal-links > li:nth-child(8) {
	grid-column: 2;
	grid-row: 1;
}

.a-disc-default-footer__legal-links > li:nth-child(9) {
	grid-column: 2;
	grid-row: 2 / span 2;
}

.a-disc-default-footer__legal-links > li:nth-child(10) {
	grid-column: 2;
	grid-row: 4 / span 2;
}

.a-disc-default-footer__legal-links > li:nth-child(11) {
	grid-column: 2;
	grid-row: 6 / span 2;
}

.a-disc-default-footer .a-disc-default-footer__legal-links > li {
	margin: 0;
	padding: 0;
}

.a-disc-default-footer .a-disc-default-footer__legal-links a,
.a-disc-default-footer .a-disc-default-footer__legal-links a:link,
.a-disc-default-footer .a-disc-default-footer__legal-links a:visited {
	border-radius: 6px;
	color: var(--footer-link-color, var(--sk-glyph-gray-secondary-alt-alpha, rgba(0, 0, 0, 0.72)));
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	transform: none !important;
}

.a-disc-default-footer .a-disc-default-footer__legal-links a:active {
	color: var(--footer-link-color, var(--sk-glyph-gray-secondary-alt-alpha, rgba(0, 0, 0, 0.72)));
	outline: none !important;
	transform: none !important;
}

.a-disc-default-footer .a-disc-default-footer__legal-links a:focus {
	color: var(--footer-link-color, var(--sk-glyph-gray-secondary-alt-alpha, rgba(0, 0, 0, 0.72)));
	outline: none !important;
	text-decoration: none;
	transform: none !important;
}

html[data-a-disc-input-modality="keyboard"] .a-disc-default-footer .a-disc-default-footer__legal-links a:focus {
	outline: 2px solid var(--disctm-color-blue-elliptic-button-bg-idle, #0071e3) !important;
	outline-offset: 2px !important;
	text-decoration: none;
}

.a-disc-default-footer .a-disc-default-footer__legal-links a:hover,
.a-disc-default-footer .a-disc-default-footer__legal-links a:active {
	color: var(--footer-link-color, var(--sk-glyph-gray-secondary-alt-alpha, rgba(0, 0, 0, 0.72)));
	text-decoration: underline;
}

/* Bộ Công Thương badge. The 230 x 86 PNG has transparent edges, about 5px left, 2px
   right and 4px top and bottom at 44px tall. In the legal list the link moves 5px left
   so the blue edge meets the text edge; its blue top already sits within 0.3px of the
   cap height of the 12px link beside it, so it needs no vertical offset. The link drops
   the text links' tap box and keeps the solid keyboard focus ring. */
.a-disc-default-footer .a-disc-default-footer__legal-links > .a-disc-default-footer__moit-item {
	line-height: 0;
}

.a-disc-default-footer .a-disc-default-footer__moit-link,
.a-disc-default-footer .a-disc-default-footer__legal-links .a-disc-default-footer__moit-link {
	border-radius: 6px;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none !important;
	transform: none !important;
	-webkit-tap-highlight-color: transparent;
}

.a-disc-default-footer .a-disc-default-footer__legal-links .a-disc-default-footer__moit-link {
	margin-left: -5px;
}

.a-disc-default-footer .a-disc-default-footer__moit-link:focus {
	outline: none !important;
}

html[data-a-disc-input-modality="keyboard"] .a-disc-default-footer .a-disc-default-footer__moit-link:focus {
	outline: 2px solid var(--disctm-color-blue-elliptic-button-bg-idle, #0071e3) !important;
	outline-offset: 2px !important;
}

.a-disc-default-footer .a-disc-default-footer__moit-image {
	display: block;
	max-width: none !important;
	width: auto !important;
}

/* Mobile only: copyright and badge share the last row of the legal section. */
.a-disc-default-footer__legal-bar {
	display: none;
}

.a-disc-default-footer .a-disc-default-footer__copyright {
	color: var(--footer-text-color, var(--sk-glyph-gray-secondary-alpha, rgba(0, 0, 0, 0.56)));
	margin: 0;
	text-align: center;
}

.a-disc-default-footer .a-disc-default-footer__copyright p {
	margin: 0;
	padding: 0;
}

.a-disc-default-footer .a-disc-default-footer__copyright p + p {
	margin-top: var(--sk-default-stacked-margin, 0.4em);
}

@media only screen and (max-width: 1068px) {
	.a-disc-default-footer__inner,
	.a-disc-default-footer__legal {
		padding-bottom: 36px;
	}
}

@media only screen and (max-width: 734px) {
	.a-disc-default-footer__content {
		display: block;
		margin: 0 auto;
		width: 87.5%;
	}

	.a-disc-default-footer__inner {
		gap: 20px;
		margin: 0;
		padding: 48px 0 32px;
		width: 100%;
	}

	.a-disc-default-footer__wordmark {
		height: 40px !important;
		max-width: 110px !important;
		width: 110px !important;
	}

	.a-disc-default-footer__section-divider {
		display: none;
	}

	.a-disc-default-footer__legal {
		background: var(--footer-background, var(--disctm-color-background-almost-white, #f5f5f7));
		box-shadow: 0 0 0 100vmax var(--footer-background, var(--disctm-color-background-almost-white, #f5f5f7));
		clip-path: inset(0 -100vmax);
		color: var(--disctm-color-gray-secondary-text, #6e6e73);
		margin: 0;
		padding: 28px 0 32px;
		width: 100%;
	}

	.a-disc-default-footer .a-disc-default-footer__legal-heading {
		display: block;
	}

	/* The copyright moves from the white brand area to the end of the gray legal
	   section, beside the badge, below a hairline. */
	.a-disc-default-footer .a-disc-default-footer__copyright--brand {
		display: none;
	}

	.a-disc-default-footer__legal-links {
		grid-template-columns: minmax(0, 1fr);
	}

	.a-disc-default-footer .a-disc-default-footer__legal-links > li {
		grid-column: auto;
		grid-row: auto;
	}

	.a-disc-default-footer .a-disc-default-footer__legal-links > .a-disc-default-footer__moit-item {
		display: none;
	}

	.a-disc-default-footer .a-disc-default-footer__legal-bar {
		align-items: center;
		border-top: 1px solid var(--disctm-color-gray-border, #d2d2d7);
		display: flex;
		gap: 12px;
		margin-top: 24px;
		padding-top: 24px;
	}

	/* The copyright keeps its natural one-line width and only wraps when even the 40px
	   badge does not fit beside it. */
	.a-disc-default-footer .a-disc-default-footer__legal-bar .a-disc-default-footer__copyright {
		flex: 0 1 auto;
		text-align: left;
	}

	/* The badge slot takes the rest of the row, never less than the 40px badge needs.
	   The badge stays 44px (117.67px wide) while the slot fits it and switches to exactly
	   40px (106.98px wide) when it does not: the width calculation is hugely positive or
	   negative, and clamp() keeps only the two ends. Both sizes need 2px less than their
	   width because the link moves 2px right past its transparent edge. With the 12px gap
	   and the badge's transparent left edge, at least about 17px separate the copyright
	   text from the blue badge. Measuring the slot rather than the screen follows the
	   copyright's real width in each phone's font. */
	.a-disc-default-footer .a-disc-default-footer__moit-slot {
		display: flex;
		flex: 1 0 104.98px;
		justify-content: flex-end;
		min-width: 0;
	}

	.a-disc-default-footer .a-disc-default-footer__legal-bar .a-disc-default-footer__moit-link {
		display: block;
		flex: 0 0 auto;
		margin-right: -2px;
		width: clamp(106.98px, (100% - 115.67px) * 9999, 117.67px);
	}

	.a-disc-default-footer .a-disc-default-footer__legal-bar .a-disc-default-footer__moit-image {
		height: auto !important;
		width: 100% !important;
	}

	.a-disc-default-footer .a-disc-default-footer__legal-links a,
	.a-disc-default-footer .a-disc-default-footer__legal-links a:link,
	.a-disc-default-footer .a-disc-default-footer__legal-links a:visited,
	.a-disc-default-footer .a-disc-default-footer__legal-links a:focus,
	.a-disc-default-footer .a-disc-default-footer__legal-links a:active {
		color: var(--footer-link-color, var(--sk-glyph-gray-secondary-alt-alpha, rgba(0, 0, 0, 0.72)));
	}
}

@media print {
	.a-disc-default-footer__content {
		margin: 0;
		width: 100%;
	}

	.a-disc-default-footer__inner {
		padding: 40px 0 32px;
	}

	.a-disc-default-footer__legal {
		box-shadow: none;
		clip-path: none;
		padding: 28px 0 40px;
	}
}