/**
 * BlueGam content and support pages.
 *
 * These rules extend the global shell and UI primitives. The integration layer
 * is responsible for enqueueing this file after assets/css/ui-system.css.
 */

.bg-content-template {
	overflow: clip;
}

.bg-content-page {
	direction: rtl;
	display: grid;
	gap: clamp(var(--wp--preset--spacing--80), 6vw, var(--wp--preset--spacing--110));
	inline-size: 100%;
	margin: 0;
	max-inline-size: none;
	text-align: start;
}

.bg-content-page > *,
.bg-content-hero > *,
.bg-content-section-heading > *,
.bg-content-support__copy > * {
	margin-block: 0;
}

.bg-content-hero {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--large);
	box-shadow: var(--wp--preset--shadow--sm);
	display: grid;
	gap: var(--wp--preset--spacing--40);
	overflow: hidden;
	padding-block: clamp(var(--wp--preset--spacing--80), 5vw, var(--wp--preset--spacing--100));
	padding-inline: clamp(var(--wp--preset--spacing--60), 6vw, var(--wp--preset--spacing--100));
	position: relative;
}

.bg-content-hero::after {
	background-color: var(--wp--preset--color--blue-50);
	block-size: 220px;
	border-radius: var(--wp--custom--radius--pill);
	content: "";
	inline-size: 220px;
	inset-block-start: -130px;
	inset-inline-end: -70px;
	pointer-events: none;
	position: absolute;
}

.bg-content-eyebrow {
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: var(--wp--custom--typography--line-height--compact);
}

.bg-content-hero__title {
	font-size: var(--wp--preset--font-size--hero-display);
	max-inline-size: 18ch;
	position: relative;
	z-index: 1;
}

.bg-content-hero__intro {
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--large);
	line-height: var(--wp--custom--typography--line-height--body);
	max-inline-size: 62ch;
}

.bg-content-section-heading {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	max-inline-size: 68ch;
}

.bg-content-section-heading__title {
	font-size: var(--wp--preset--font-size--heading-2);
}

.bg-content-section-heading__text {
	color: var(--wp--preset--color--text-muted);
	line-height: var(--wp--custom--typography--line-height--body);
}

.bg-content-actions {
	gap: var(--wp--preset--spacing--30);
}

.bg-content-actions .wp-block-button,
.bg-content-actions .wp-block-button__link {
	margin: 0;
}

/* Shared support prompt */

.bg-content-support {
	align-items: center;
	background-color: var(--wp--preset--color--blue-50);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--large);
	display: grid;
	gap: var(--wp--preset--spacing--60);
	grid-template-columns: minmax(0, 1fr) auto;
	padding-block: clamp(var(--wp--preset--spacing--70), 4vw, var(--wp--preset--spacing--90));
	padding-inline: clamp(var(--wp--preset--spacing--60), 5vw, var(--wp--preset--spacing--90));
}

.bg-content-support__copy {
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.bg-content-support__title {
	font-size: var(--wp--preset--font-size--heading-3);
}

.bg-content-support__text {
	color: var(--wp--preset--color--text-secondary);
	line-height: var(--wp--custom--typography--line-height--body);
	max-inline-size: 64ch;
}

/* Privacy policy */

.bg-privacy-policy {
	direction: rtl;
	display: grid;
	gap: var(--wp--preset--spacing--50);
	inline-size: min(100%, 920px);
	margin-inline: auto;
	text-align: start;
}

.bg-privacy-policy > *,
.bg-privacy-policy__section > * {
	margin-block: 0;
}

.bg-privacy-policy__meta {
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--small);
}

.bg-privacy-policy__lead,
.bg-privacy-policy__toc,
.bg-privacy-policy__section {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--large);
	box-shadow: var(--wp--preset--shadow--sm);
}

.bg-privacy-policy__lead {
	background: linear-gradient(145deg, var(--wp--preset--color--blue-50), var(--wp--preset--color--surface));
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--large);
	line-height: var(--wp--custom--typography--line-height--body);
	padding-block: var(--wp--preset--spacing--60);
	padding-inline: var(--wp--preset--spacing--70);
}

.bg-privacy-policy__toc {
	background-color: var(--wp--preset--color--blue-50);
	display: grid;
	gap: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--60);
}

.bg-privacy-policy__toc h2 {
	font-size: var(--wp--preset--font-size--heading-3);
}

.bg-privacy-policy__toc ul {
	columns: 2;
	gap: var(--wp--preset--spacing--70);
	margin: 0;
	padding-inline-start: 1.25rem;
}

.bg-privacy-policy__toc li {
	break-inside: avoid;
	margin-block: 0 10px;
}

.bg-privacy-policy__section {
	background-color: var(--wp--preset--color--surface);
	display: grid;
	gap: var(--wp--preset--spacing--30);
	padding-block: var(--wp--preset--spacing--70);
	padding-inline: clamp(var(--wp--preset--spacing--50), 5vw, var(--wp--preset--spacing--80));
	scroll-margin-block-start: 32px;
}

.bg-privacy-policy__section h2 {
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--preset--font-size--heading-3);
}

.bg-privacy-policy__section :is(p, li) {
	color: var(--wp--preset--color--text-secondary);
	line-height: var(--wp--custom--typography--line-height--body);
}

.bg-privacy-policy__section :is(ul, ol) {
	display: grid;
	gap: 10px;
	margin-block: 0;
	padding-inline-start: 1.35rem;
}

.bg-privacy-policy a {
	font-weight: 700;
	text-underline-offset: 3px;
}

.bg-privacy-policy__notice {
	background-color: var(--wp--preset--color--blue-50);
	border-inline-start: 4px solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--small);
	padding: var(--wp--preset--spacing--40);
}

/* FAQ */

.bg-content-search-placeholder {
	align-items: center;
	background-color: var(--wp--preset--color--surface-soft);
	border: 1px dashed var(--wp--preset--color--border-strong);
	border-radius: var(--wp--custom--radius--card);
	display: grid;
	gap: var(--wp--preset--spacing--40);
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: var(--wp--preset--spacing--50);
}

.bg-content-search-placeholder__icon {
	block-size: var(--wp--preset--spacing--70);
	color: var(--wp--preset--color--primary);
	inline-size: var(--wp--preset--spacing--70);
}

.bg-content-search-placeholder__copy {
	display: grid;
	gap: var(--wp--preset--spacing--10);
}

.bg-content-search-placeholder__title,
.bg-content-search-placeholder__text {
	margin: 0;
}

.bg-content-search-placeholder__title {
	color: var(--wp--preset--color--text-primary);
	font-weight: 600;
}

.bg-content-search-placeholder__text {
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--small);
}

.bg-content-faq__categories {
	gap: var(--wp--preset--spacing--20);
}

.bg-content-faq__category-link .wp-block-button__link {
	background-color: var(--wp--preset--color--surface);
	border-color: var(--wp--preset--color--border-strong);
	border-radius: var(--wp--custom--radius--pill);
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--small);
	padding-block: var(--wp--preset--spacing--20);
	padding-inline: var(--wp--preset--spacing--40);
}

.bg-content-faq__category-link .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--blue-50);
	border-color: var(--wp--preset--color--blue-200);
	color: var(--wp--preset--color--primary-hover);
}

.bg-content-faq__grid {
	display: grid;
	gap: var(--wp--preset--spacing--60);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bg-content-faq__section {
	align-content: start;
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--card);
	display: grid;
	gap: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--60);
	scroll-margin-block-start: calc(var(--wp--preset--spacing--110) + var(--wp--preset--spacing--40));
}

.bg-content-faq__section > * {
	margin-block: 0;
}

.bg-content-faq__section-title {
	font-size: var(--wp--preset--font-size--heading-4);
}

.bg-content-faq__item {
	border-block-start: 1px solid var(--wp--preset--color--border);
	margin: 0;
	padding-block-start: var(--wp--preset--spacing--30);
}

.bg-content-faq__item summary {
	align-items: center;
	color: var(--wp--preset--color--text-primary);
	cursor: pointer;
	display: grid;
	font-size: var(--wp--preset--font-size--body);
	font-weight: 600;
	gap: var(--wp--preset--spacing--30);
	grid-template-columns: minmax(0, 1fr) auto;
	line-height: var(--wp--custom--typography--line-height--body);
	list-style: none;
	min-block-size: var(--wp--custom--control--min-size);
	padding-block: var(--wp--preset--spacing--20);
}

.bg-content-faq__item summary::-webkit-details-marker {
	display: none;
}

.bg-content-faq__item summary::after {
	align-items: center;
	background-color: var(--wp--preset--color--blue-50);
	block-size: var(--wp--preset--spacing--70);
	border-radius: var(--wp--custom--radius--pill);
	color: var(--wp--preset--color--primary);
	content: "+";
	display: flex;
	font-size: var(--wp--preset--font-size--heading-4);
	font-weight: 400;
	inline-size: var(--wp--preset--spacing--70);
	justify-content: center;
	line-height: 1;
}

.bg-content-faq__item[open] summary::after {
	content: "−";
}

.bg-content-faq__item summary:focus-visible {
	border-radius: var(--wp--custom--radius--small);
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 4px;
}

.bg-content-faq__item > p {
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--typography--line-height--body);
	margin-block: var(--wp--preset--spacing--20) 0;
	max-inline-size: 62ch;
}

/* How it works */

.bg-content-how__journey {
	margin: 0;
}

.bg-content-steps {
	counter-reset: bg-content-step;
	display: grid;
	gap: var(--wp--preset--spacing--40);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.bg-content-steps > li {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--card);
	box-shadow: var(--wp--preset--shadow--xs);
	counter-increment: bg-content-step;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
	margin: 0;
	min-block-size: 220px;
	padding: var(--wp--preset--spacing--60);
	position: relative;
}

/* Installments */

.bg-content-installments__hero {
	background: linear-gradient(135deg, var(--wp--preset--color--surface) 0%, var(--wp--preset--color--blue-50) 100%);
}

.bg-content-info__grid.bg-content-installments__provider-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bg-content-installments__provider {
	border-color: var(--wp--preset--color--blue-200);
}

.bg-content-installments__journey {
	display: grid;
	gap: var(--wp--preset--spacing--60);
}

.bg-content-installments__notice {
	background-color: color-mix(in srgb, var(--wp--preset--color--blue-50) 72%, var(--wp--preset--color--surface));
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--card);
	display: grid;
	gap: var(--wp--preset--spacing--30);
	padding: clamp(var(--wp--preset--spacing--60), 4vw, var(--wp--preset--spacing--80));
}

.bg-content-installments__notice-title,
.bg-content-installments__notice-text {
	margin: 0;
}

.bg-content-installments__notice-title {
	font-size: var(--wp--preset--font-size--heading-3);
}

.bg-content-installments__notice-text {
	color: var(--wp--preset--color--text-secondary);
	line-height: var(--wp--custom--typography--line-height--body);
	max-inline-size: 78ch;
}

@media (max-width: 781px) {
	.bg-content-info__grid.bg-content-installments__provider-grid {
		grid-template-columns: 1fr;
	}
}

.bg-content-steps > li::before {
	align-items: center;
	background-color: var(--wp--preset--color--primary);
	block-size: var(--wp--preset--spacing--80);
	border-radius: var(--wp--custom--radius--pill);
	color: var(--wp--preset--color--surface);
	content: counter(bg-content-step);
	display: flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	inline-size: var(--wp--preset--spacing--80);
	justify-content: center;
}

.bg-content-steps > li:not(:last-child)::after {
	background-color: var(--wp--preset--color--blue-200);
	block-size: 2px;
	content: "";
	inline-size: var(--wp--preset--spacing--40);
	inset-block-start: calc(var(--wp--preset--spacing--60) + var(--wp--preset--spacing--40));
	inset-inline-end: calc(var(--wp--preset--spacing--40) * -1);
	position: absolute;
}

.bg-content-steps strong {
	color: var(--wp--preset--color--text-primary);
	font-size: var(--wp--preset--font-size--heading-4);
	line-height: var(--wp--custom--typography--line-height--compact);
}

.bg-content-steps span {
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--typography--line-height--body);
}

.bg-content-info {
	display: grid;
	gap: var(--wp--preset--spacing--70);
}

.bg-content-info > * {
	margin-block: 0;
}

.bg-content-info__grid {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bg-content-info__card {
	margin: 0;
}

/* Native WooCommerce order tracking */

.bg-content-track__panel {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--large);
	box-shadow: var(--wp--preset--shadow--xs);
	display: grid;
	gap: var(--wp--preset--spacing--70);
	padding: clamp(var(--wp--preset--spacing--60), 5vw, var(--wp--preset--spacing--90));
}

.bg-content-track__panel > * {
	margin-block: 0;
}

.bg-content-track__native {
	max-inline-size: 840px;
}

.bg-content-track__native .track_order {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

.bg-content-track__native .track_order > p:first-child,
.bg-content-track__native .track_order > .form-row:not(.form-row-first):not(.form-row-last),
.bg-content-track__native .track_order > .clear {
	grid-column: 1 / -1;
}

.bg-content-track__native .track_order > p:first-child {
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--typography--line-height--body);
	margin: 0;
}

.bg-content-track__native .track_order .form-row {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	padding: 0;
	width: auto;
}

.bg-content-track__native .track_order label {
	color: var(--wp--preset--color--text-secondary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.bg-content-track__native .track_order input.input-text {
	inline-size: 100%;
	min-block-size: var(--wp--custom--control--min-size);
}

.bg-content-track__native .track_order button[type="submit"] {
	inline-size: fit-content;
}

.bg-content-track__native .order-info {
	background-color: var(--wp--preset--color--blue-50);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--card);
	color: var(--wp--preset--color--text-secondary);
	padding: var(--wp--preset--spacing--50);
}

.bg-content-track__native :is(.order-number, .order-date, .order-status) {
	background: transparent;
	color: var(--wp--preset--color--text-primary);
	font-weight: 600;
}

.bg-content-track__native table {
	border: 1px solid var(--wp--preset--color--border);
	border-collapse: separate;
	border-radius: var(--wp--custom--radius--card);
	border-spacing: 0;
	overflow: hidden;
}

.bg-content-track__native :is(th, td) {
	border-color: var(--wp--preset--color--border);
	padding: var(--wp--preset--spacing--40);
	text-align: start;
}

.bg-content-track__help {
	margin: 0;
}

.bg-content-track__help .bg-alert__title {
	font-size: var(--wp--preset--font-size--body);
}

.bg-content-track__help a {
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

/* 404 */

.bg-content-template--404 {
	display: block;
}

.bg-content-404 {
	gap: clamp(var(--wp--preset--spacing--70), 5vw, var(--wp--preset--spacing--100));
	max-inline-size: none;
}

.bg-content-404__hero {
	align-items: center;
	background:
		radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--wp--preset--color--primary) 18%, transparent) 0 4%, transparent 28%),
		linear-gradient(135deg, var(--wp--preset--color--blue-50), var(--wp--preset--color--surface) 68%);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--large);
	box-shadow: var(--wp--preset--shadow--sm);
	display: grid;
	gap: clamp(var(--wp--preset--spacing--60), 5vw, var(--wp--preset--spacing--100));
	grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
	min-block-size: 360px;
	overflow: hidden;
	padding-block: clamp(var(--wp--preset--spacing--80), 6vw, var(--wp--preset--spacing--110));
	padding-inline: clamp(var(--wp--preset--spacing--70), 6vw, var(--wp--preset--spacing--110));
	position: relative;
}

.bg-content-404__hero::after {
	background-color: color-mix(in srgb, var(--wp--preset--color--primary) 5%, transparent);
	block-size: 280px;
	border-radius: var(--wp--custom--radius--pill);
	content: "";
	inline-size: 280px;
	inset-block-end: -190px;
	inset-inline-end: 26%;
	pointer-events: none;
	position: absolute;
}

.bg-content-404__copy,
.bg-content-404__search-copy,
.bg-content-404__section-copy {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
}

.bg-content-404__copy > *,
.bg-content-404__search-copy > *,
.bg-content-404__section-copy > * {
	margin: 0;
}

.bg-content-404__eyebrow {
	inline-size: fit-content;
	padding-block: 6px;
	padding-inline: var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--pill);
}

.bg-content-404__title {
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.25;
	max-inline-size: 20ch;
}

.bg-content-404__text,
.bg-content-404__search-text,
.bg-content-404__section-text {
	color: var(--wp--preset--color--text-secondary);
	line-height: var(--wp--custom--typography--line-height--body);
}

.bg-content-404__text {
	font-size: var(--wp--preset--font-size--large);
	max-inline-size: 62ch;
}

.bg-content-404__actions {
	margin-block-start: var(--wp--preset--spacing--30);
}

.bg-content-404__support-button .wp-block-button__link {
	background-color: var(--wp--preset--color--surface);
}

.bg-content-404__visual {
	align-items: center;
	aspect-ratio: 1;
	display: flex;
	inline-size: min(100%, 360px);
	justify-self: center;
	justify-content: center;
	position: relative;
}

.bg-content-404__visual::before {
	background: radial-gradient(circle, color-mix(in srgb, var(--wp--preset--color--primary) 15%, transparent), transparent 68%);
	block-size: 92%;
	border-radius: 50%;
	content: "";
	inline-size: 92%;
	position: absolute;
}

.bg-content-404__visual img {
	block-size: auto;
	display: block;
	filter: drop-shadow(0 16px 24px color-mix(in srgb, var(--wp--preset--color--primary-active) 22%, transparent));
	inline-size: 100%;
	object-fit: contain;
	position: relative;
}

.bg-content-404__search-panel {
	align-items: center;
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--large);
	box-shadow: var(--wp--preset--shadow--xs);
	display: grid;
	gap: var(--wp--preset--spacing--70);
	grid-template-columns: minmax(220px, 0.7fr) minmax(300px, 1.3fr);
	padding-block: var(--wp--preset--spacing--70);
	padding-inline: clamp(var(--wp--preset--spacing--60), 5vw, var(--wp--preset--spacing--90));
}

.bg-content-404__search-title,
.bg-content-404__section-title {
	font-size: var(--wp--preset--font-size--heading-2);
}

.bg-content-404__search {
	inline-size: 100%;
	margin: 0;
}

.bg-content-404__search .wp-block-search__inside-wrapper {
	background-color: var(--wp--preset--color--surface-soft);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--input);
	min-block-size: 54px;
	overflow: hidden;
	padding: 4px;
}

.bg-content-404__search .wp-block-search__inside-wrapper:focus-within {
	border-color: var(--wp--preset--color--primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent);
}

.bg-content-404__search .wp-block-search__input {
	background: transparent;
	border: 0;
	box-shadow: none;
	font: inherit;
	min-inline-size: 0;
	padding-inline: var(--wp--preset--spacing--40);
}

.bg-content-404__search .wp-block-search__button {
	border-radius: 6px;
	margin: 0;
	min-inline-size: 56px;
	padding-inline: var(--wp--preset--spacing--40);
}

.bg-content-404__suggestions {
	display: grid;
	gap: var(--wp--preset--spacing--60);
}

.bg-content-404__section-header {
	gap: var(--wp--preset--spacing--40);
	margin: 0;
}

.bg-content-404__shop-link {
	margin: 0;
}

.bg-content-404__shop-link a {
	color: var(--wp--preset--color--primary);
	font-weight: 700;
	text-decoration: none;
}

.bg-content-404__shop-link a:hover {
	color: var(--wp--preset--color--primary-hover);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.bg-content-404__products .wc-block-product-template {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bg-content-404__products .wc-block-product {
	background-color: var(--wp--preset--color--surface);
}

.bg-content-404__products .wc-block-components-product-button {
	display: flex;
	margin-block: var(--wp--preset--spacing--30) 0;
	margin-inline: 8px;
	position: relative;
	z-index: 3;
}

.bg-content-404__products .wc-block-components-product-button__button {
	border-radius: 6px;
	font-weight: 700;
}

.bg-content-404__products-empty {
	background-color: var(--wp--preset--color--blue-50);
	border: 1px dashed var(--wp--preset--color--blue-200);
	border-radius: var(--wp--custom--radius--large);
	color: var(--wp--preset--color--text-secondary);
	margin: 0;
	padding: var(--wp--preset--spacing--70);
	text-align: center;
}

@media (max-width: 1024px) {
	.bg-content-404__hero {
		grid-template-columns: minmax(0, 1fr) minmax(220px, 0.55fr);
	}

	.bg-content-404__products .wc-block-product-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bg-content-faq__grid,
	.bg-content-info__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bg-content-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bg-content-steps > li:nth-child(2)::after {
		display: none;
	}
}

@media (max-width: 767px) {
	.bg-content-page {
		gap: var(--wp--preset--spacing--90);
	}

	.bg-content-404 {
		gap: var(--wp--preset--spacing--70);
	}

	.bg-content-404__hero {
		gap: var(--wp--preset--spacing--70);
		grid-template-columns: minmax(0, 1fr);
		min-block-size: 0;
		padding-block: var(--wp--preset--spacing--80);
		padding-inline: var(--wp--preset--spacing--60);
	}

	.bg-content-404__copy {
		justify-items: start;
	}

	.bg-content-404__visual {
		inline-size: min(68vw, 240px);
		order: -1;
	}

	.bg-content-404__search-panel {
		gap: var(--wp--preset--spacing--50);
		grid-template-columns: minmax(0, 1fr);
		padding: var(--wp--preset--spacing--60);
	}

	.bg-content-hero {
		padding-block: var(--wp--preset--spacing--80);
		padding-inline: var(--wp--preset--spacing--60);
	}

	.bg-content-support {
		align-items: start;
		grid-template-columns: minmax(0, 1fr);
	}

	.bg-content-support .bg-content-actions {
		justify-content: flex-start;
	}

	.bg-privacy-policy__toc ul {
		columns: 1;
	}

	.bg-content-faq__grid,
	.bg-content-info__grid,
	.bg-content-steps,
	.bg-content-track__native .track_order {
		grid-template-columns: minmax(0, 1fr);
	}

	.bg-content-steps > li {
		min-block-size: 0;
	}

	.bg-content-steps > li::after,
	.bg-content-steps > li:nth-child(2)::after {
		display: none;
	}

	.bg-content-track__native .track_order > .form-row-first,
	.bg-content-track__native .track_order > .form-row-last {
		grid-column: 1 / -1;
	}
}

@media (max-width: 479px) {
	.bg-content-404__hero,
	.bg-content-404__search-panel {
		padding: var(--wp--preset--spacing--50);
	}

	.bg-content-404__title {
		font-size: var(--wp--preset--font-size--heading-1);
	}

	.bg-content-404__products .wc-block-product-template {
		grid-template-columns: minmax(0, 1fr);
	}

	.bg-privacy-policy__lead,
	.bg-privacy-policy__toc,
	.bg-privacy-policy__section {
		padding: var(--wp--preset--spacing--50);
	}

	.bg-content-search-placeholder {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.bg-content-search-placeholder .bg-badge {
		grid-column: 2;
		justify-self: start;
	}

	.bg-content-faq__section,
	.bg-content-steps > li,
	.bg-content-track__panel {
		padding: var(--wp--preset--spacing--50);
	}

	.bg-content-actions,
	.bg-content-actions .wp-block-button,
	.bg-content-actions .wp-block-button__link {
		inline-size: 100%;
	}

	.bg-content-404__search .wp-block-search__inside-wrapper {
		align-items: stretch;
		flex-direction: column;
		gap: var(--wp--preset--spacing--20);
		padding: var(--wp--preset--spacing--20);
	}

	.bg-content-404__search .wp-block-search__button {
		inline-size: 100%;
	}

	.bg-content-404__section-header {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bg-content-page *,
	.bg-content-page *::before,
	.bg-content-page *::after {
		scroll-behavior: auto;
		transition-duration: 0.01ms;
	}
}