.s-faq-landing__inner,
.s-faq-landing__default-content,
.s-faq-landing__frequent,
.s-faq-landing__topic-view,
.s-faq-landing__topic-panels,
.s-faq-landing .c-accordion,
.s-faq-landing .c-accordion__list,
.s-faq-landing .c-accordion__item {
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

.s-faq-landing__inner--narrow {
	--faq-content-width: 55%;
}

.s-faq-landing__inner--default {
	--faq-content-width: 65%;
}

.s-faq-landing__inner--medium {
	--faq-content-width: 75%;
}

.s-faq-landing__inner--wide {
	--faq-content-width: 100%;
}

.s-faq-landing__header,
.s-faq-landing__default-content,
.s-faq-landing__topic-view,
.s-faq-landing__search-results {
	margin-inline: auto;
	width: var(--faq-content-width, 100%);
}

.s-faq-landing .c-accordion__trigger {
	min-width: 0;
}

.s-faq-landing__inner {
	display: grid;
	gap: 2rem;
	margin-inline: auto;
}

.s-faq-landing [hidden] {
	display: none !important;
}

.s-faq-landing__header,
.s-faq-landing__topic-header {
	display: grid;
	gap: .75rem;
}

.s-faq-landing__topic-header {
	margin: 0 0 1.25rem;
}

.s-faq-landing__heading,
.s-faq-landing__topic-heading {
	font-family: var(--font-display);
	font-size: var(--font-responsive-heading-xl);
	font-weight: 900;
	line-height: 1.1;
	margin: 0;
}

.s-faq-landing__description {
	font-size: var(--font-responsive-md);
	line-height: 1.4;
}

.s-faq-landing__back {
	color: var(--primary-base);
	font-weight: 700;
	display: inline-flex;
}

.s-faq-landing__description p,
.s-faq-landing__empty-text p {
	margin: 0;
}

.s-faq-landing__subtopics {
	display: flex;
	gap: 1rem;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: .25rem;
	scrollbar-width: none;
}

.s-faq-landing__subtopics::-webkit-scrollbar {
	display: none;
}

.s-faq-landing__subtopics .s-faq-landing__country-button {
	flex: 0 0 6.5rem;
	max-width: 6.5rem;
}

.s-faq-landing__topic-view,
.s-faq-landing__subtopics {
	min-width: 0;
}

.s-faq-landing__subtopics-wrap {
	align-items: center;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: .75rem;
	min-width: 0;
	width: 100%;
}

.s-faq-landing__subtopics-arrow {
	align-items: center;
	background: #e9e9e9;
	border: 0;
	border-radius: 50%;
	color: var(--text);
	display: flex;
	height: 2rem;
	justify-content: center;
	line-height: 0;
	padding: 0;
	width: 2rem;
}

.s-faq-landing__subtopics-arrow svg {
	display: block;
	fill: currentColor;
	height: 1rem;
	width: 1rem;
}

.s-faq-landing__topic-view {
	overflow: hidden;
}

.s-faq-landing__subtopic-label {
	padding-block: 1.25rem;
}

.s-faq-landing__subtopics-arrow.is-disabled {
	cursor: default;
	opacity: .35;
	pointer-events: none;
}

.s-faq-landing__search {
	display: flex;
	width: 100%;
	border: .0625rem solid var(--border);
	background: #fff;
}

.s-faq-landing__search:focus-within {
	outline: .125rem solid var(--primary-base);
	outline-offset: .125rem;
}

.s-faq-landing__search-input {
	appearance: none;
	border: 0;
	color: var(--text);
	flex: 1;
	font-family: var(--font-body-light);
	font-size: 1rem;
	min-width: 0;
	padding: .875rem 1rem;
	box-shadow: none;
}

.s-faq-landing__search-input:focus {
	outline: 0;
	box-shadow: none;
}

.s-faq-landing__search-input::placeholder {
	color: #aaa;
}

.s-faq-landing__search-button {
	align-items: center;
	background: var(--primary-base);
	border: 0;
	color: #fff;
	display: flex;
	justify-content: center;
	min-width: 3.5rem;
	padding: 0;
}

.s-faq-landing__search-button svg {
	display: block;
	fill: currentColor;
	height: 1.75rem;
	width: 1.75rem;
}

.s-faq-landing__subheading {
	font-family: var(--font-display);
	font-size: var(--font-responsive-heading-sm);
	font-weight: 900;
	line-height: 1.2;
	margin: 0 0 1.25rem;
}

.s-faq-landing__frequent,
.s-faq-landing__topics,
.s-faq-landing__search-results {
	display: grid;
}

.s-faq-landing__frequent {
	margin-bottom: 2rem;
}

.s-faq-landing .c-accordion__list {
	display: grid;
	gap: .875rem;
	border: none;
}

.s-faq-landing .c-accordion__item {
	background: #f9f8f5;
	border: .0625rem solid var(--border);
	border-radius: .35rem;
}

.s-faq-landing .c-accordion__trigger {
	align-items: center;
	color: var(--text);
	display: flex;
	flex-direction: row;
	font-family: var(--font-display);
	font-size: 1.25rem;
	font-weight: 900;
	gap: 1rem;
	justify-content: flex-start;
	line-height: 1.2;
	padding: 1rem;
	width: 100%;
	border: none;
}

.s-faq-landing .c-accordion__trigger .indicator {
	color: var(--primary-base);
	display: block;
	flex: 0 0 auto;
	height: 1rem;
	order: -1;
	position: relative;
	width: 1rem;
}

.s-faq-landing .c-accordion__trigger .indicator::before,
.s-faq-landing .c-accordion__trigger .indicator::after {
	background-color: currentColor;
	content: "";
	display: block;
	height: .125rem;
	left: 0;
	position: absolute;
	top: 50%;
	transition: transform .25s ease-in-out, opacity .25s ease-in-out;
	width: 100%;
}

.s-faq-landing .c-accordion__trigger .indicator::after {
	transform: rotate(90deg);
}

.s-faq-landing .c-accordion__trigger::after {
	display: none !important;
}

.s-faq-landing .c-accordion__trigger.is-active .indicator::before {
	opacity: 0;
}

.s-faq-landing .c-accordion__trigger.is-active .indicator::after {
	transform: rotate(180deg);
}

.s-faq-landing .c-accordion__content-inner {
	padding: 0 1rem 1rem 3.25rem;
}

.s-faq-landing__topic-list {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(3, 1fr);
}

.s-faq-landing__topic-button {
	align-items: center;
	background: transparent;
	border: 0;
	color: #b9b9b9;
	display: grid;
	font-family: var(--font-display);
	font-weight: 900;
	gap: .5rem;
	justify-items: center;
	padding: 0;
	text-align: center;
}

.s-faq-landing__topic-icon {
	align-items: center;
	border: .0625rem solid #b9b9b9;
	border-radius: 50%;
	display: flex;
	height: 5.5rem;
	justify-content: center;
	position: relative;
	width: 5.5rem;
}

.s-faq-landing__topic-icon-image {
	display: block;
	height: 2.5rem;
	object-fit: contain;
	width: 2.5rem;
}

.s-faq-landing__topic-icon-image--active {
	display: none;
}

.s-faq-landing__topic-label {
	font-size: 1rem;
	line-height: 1.1;
}

.s-faq-landing__topic-button.is-active {
	color: var(--primary-base);
}

.s-faq-landing__topic-button.is-active .s-faq-landing__topic-icon {
	background: rgba(238, 88, 67, .08);
	border-color: var(--primary-base);
}

.s-faq-landing__topic-button.is-active .s-faq-landing__topic-icon-image--default:not(:only-child) {
	display: none;
}

.s-faq-landing__topic-button.is-active .s-faq-landing__topic-icon-image--active {
	display: block;
}

.s-faq-landing__topic-panels {
	display: grid;
	gap: 1.5rem;
}

.s-faq-landing__topic-panel {
	display: grid;
	gap: 1.5rem;
}

.s-faq-landing__country-button {
	background: #fff;
	border: .0625rem solid var(--border);
	border-radius: .25rem;
	display: grid;
	font-family: var(--font-display);
	font-weight: 900;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

.s-faq-landing__country-icon {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 4.25rem;
	padding: .75rem;
}

.s-faq-landing__country-icon img {
	display: block;
	height: auto;
	max-width: 3.75rem;
}

.s-faq-landing__country-label {
	background: #f7f7f7;
	color: #b9b9b9;
	font-size: 1rem;
	line-height: 1;
	padding: .6rem;
}

.s-faq-landing__country-button.is-active {
	border-color: var(--secondary-light);
}

.s-faq-landing__country-button.is-active .s-faq-landing__country-label {
	background: var(--secondary-light);
	color: var(--text);
}

.s-faq-landing__empty {
	align-items: center;
	background: transparent;
	display: grid;
	gap: 1.25rem;
	margin-inline: 0;
	padding-block: 2rem;
	position: relative;
	z-index: 0;
}

.s-faq-landing__empty::before {
	background: #f9f8f6;
	content: "";
	inset-block: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 100vw;
	z-index: -1;
}

.s-faq-landing__empty-heading {
	font-family: var(--font-display);
	font-size: var(--font-responsive-heading-sm);
	font-weight: 900;
	line-height: 1.2;
	margin: 0;
}

.s-faq-landing__empty-content {
	display: grid;
	gap: .5rem;
}

.s-faq-landing__contact-button {
	width: 100%;
}

.s-faq-landing__back--desktop {
	display: none;
}

@media only screen and (min-width: 64em) {

	.s-faq-landing__inner {
		gap: 2.5rem;
	}

	.s-faq-landing__description {
		font-size: 1rem;
	}

	.s-faq-landing__search {
		max-width: 31rem;
	}

	.s-faq-landing .c-accordion__list {
		gap: 1rem;
	}

	.s-faq-landing .c-accordion__trigger {
		padding: 1.1rem 1.25rem;
	}

	.s-faq-landing__topic-list {
		display: flex;
		gap: 2rem;
	}

	.s-faq-landing__topic-icon {
		height: 4.75rem;
		width: 4.75rem;
	}

	.s-faq-landing__topic-icon-image {
		height: 2.25rem;
		width: 2.25rem;
	}

	.s-faq-landing__topic-label {
		font-size: .95rem;
	}

	.s-faq-landing__country-button {
		min-width: 6.5rem;
	}

	.s-faq-landing__empty {
		grid-template-columns: 1fr auto;
		padding-block: 2.5rem;
	}

	.s-faq-landing__contact-button {
		min-width: 18rem;
		width: auto;
	}

	.js-faq-landing.is-topic-view .s-faq-landing__frequent,
	.js-faq-landing.is-topic-view .s-faq-landing__topic-header {
		display: none;
	}

	.s-faq-landing__back--mobile {
		display: none !important;
	}

	.js-faq-landing.is-topic-view .s-faq-landing__back--desktop {
		display: inline-flex;
	}
}

@media only screen and (max-width: calc(64em - 1px)) {

	.s-faq-landing__header,
	.s-faq-landing__default-content,
	.s-faq-landing__topic-view,
	.s-faq-landing__search-results {
		width: 100%;
	}
	
	.s-faq-landing {
		padding-inline: 1.5rem;
	}

	.s-faq-landing__default-content {
		display: grid;
		gap: 2rem;
	}

	.s-faq-landing__contact-button {
		justify-content: center;
	}

	.s-faq-landing__subtopics-wrap {
		display: block;
	}

	.s-faq-landing__subtopics-arrow {
		display: none;
	}

	.s-faq-landing .c-accordion__content-inner {
		padding: 0 1rem 1rem 3rem;
	}

	.js-faq-landing.is-topic-view.s-faq-landing__inner {
		row-gap: 0;
	}

	.js-faq-landing.is-topic-view .s-faq-landing__topics,
	.js-faq-landing.is-topic-view .s-faq-landing__frequent {
		display: none;
	}

	.js-faq-landing.is-topic-view .s-faq-landing__empty {
		margin-top: 2rem;
	}

	.js-faq-landing.is-topic-view .s-faq-landing__back {
		display: inline-flex;
	}

	.js-faq-landing.is-topic-view .s-faq-landing__topic-header {
		display: grid;
	}

	.s-faq-landing__back--desktop {
		display: none !important;
	}
}