/**
 * Stage 10.7 homepage acceptance fixes.
 */

.kr-site-header .kr-brand__mark img,
.kr-site-footer .kr-brand__mark img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
	object-position: center;
}

.kr-site-header .kr-brand__mark,
.kr-site-footer .kr-brand__mark {
	display: inline-grid;
	inline-size: 2.25rem;
	block-size: 2.25rem;
	flex: 0 0 auto;
	place-items: center;
}

.kr-site-header .kr-brand__name,
.kr-site-footer .kr-brand__name {
	color: #f5ead8;
	font-family: var(--kr-font-display);
	font-weight: 700;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

body.home .kr-button--primary,
body.home .kr-button--primary:link,
body.home .kr-button--primary:visited,
body.home .kr-button--primary:hover,
body.home .kr-button--primary:focus,
body.home .kr-button--primary:focus-visible,
body.home .kr-button--primary:active,
body.home button.kr-button--primary,
body.home button.kr-button--primary:hover,
body.home button.kr-button--primary:focus,
body.home button.kr-button--primary:focus-visible,
body.home button.kr-button--primary:active,
body.home input[type="submit"].kr-button--primary,
body.home input[type="submit"].kr-button--primary:hover,
body.home input[type="submit"].kr-button--primary:focus,
body.home input[type="submit"].kr-button--primary:active,
.kr-site-header .kr-header__account,
.kr-site-header .kr-header__account:link,
.kr-site-header .kr-header__account:visited,
.kr-site-header .kr-header__account:hover,
.kr-site-header .kr-header__account:focus,
.kr-site-header .kr-header__account:focus-visible,
.kr-site-header .kr-header__account:active,
.kr-site-footer .kr-button--primary,
.kr-site-footer .kr-button--primary:link,
.kr-site-footer .kr-button--primary:visited,
.kr-site-footer .kr-button--primary:hover,
.kr-site-footer .kr-button--primary:focus,
.kr-site-footer .kr-button--primary:focus-visible,
.kr-site-footer .kr-button--primary:active {
	color: #171006 !important;
	-webkit-text-fill-color: #171006 !important;
	font-weight: 800 !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

body.home .kr-button--primary:hover,
body.home .kr-button--primary:focus,
body.home .kr-button--primary:focus-visible,
body.home .kr-button--primary:active,
body.home button.kr-button--primary:hover,
body.home button.kr-button--primary:focus,
body.home button.kr-button--primary:focus-visible,
body.home button.kr-button--primary:active,
.kr-site-header .kr-header__account:hover,
.kr-site-header .kr-header__account:focus,
.kr-site-header .kr-header__account:focus-visible,
.kr-site-header .kr-header__account:active,
.kr-site-footer .kr-button--primary:hover,
.kr-site-footer .kr-button--primary:focus,
.kr-site-footer .kr-button--primary:focus-visible,
.kr-site-footer .kr-button--primary:active {
	border-color: #e0ad5f !important;
	background: linear-gradient(180deg, #ffd98d 0%, #d99a3d 100%) !important;
	background-image: linear-gradient(180deg, #ffd98d 0%, #d99a3d 100%) !important;
}

body.home .kr-pricing-card__art {
	box-sizing: border-box !important;
	display: inline-grid !important;
	inline-size: clamp(7.25rem, 8vw, 8.25rem) !important;
	block-size: auto !important;
	aspect-ratio: 1 / 1 !important;
	flex: 0 0 auto !important;
	place-items: center !important;
	overflow: hidden !important;
}

body.home .kr-pricing-card__art img {
	display: block !important;
	inline-size: 100% !important;
	block-size: 100% !important;
	max-inline-size: 100% !important;
	max-block-size: 100% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: contain !important;
	object-position: center !important;
	transform: none !important;
}

body.home .kr-home-social-faq button.kr-testimonial-arrow,
body.home .kr-home-social-faq .kr-testimonial-arrow,
body.home .kr-home-social-faq button.kr-testimonial-arrow:link,
body.home .kr-home-social-faq button.kr-testimonial-arrow:visited,
body.home .kr-home-social-faq button.kr-testimonial-arrow:hover,
body.home .kr-home-social-faq button.kr-testimonial-arrow:focus,
body.home .kr-home-social-faq button.kr-testimonial-arrow:focus-visible,
body.home .kr-home-social-faq button.kr-testimonial-arrow:active,
body.home .kr-home-social-faq button.kr-testimonial-arrow.is-active,
body.home .kr-home-social-faq button.kr-testimonial-arrow.active {
	appearance: none !important;
	-webkit-appearance: none !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	inline-size: 2.5rem !important;
	block-size: 2.5rem !important;
	min-inline-size: 2.5rem !important;
	min-block-size: 2.5rem !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1px solid rgba(221, 171, 82, 0.58) !important;
	border-radius: 50% !important;
	background: #07131d !important;
	background-color: #07131d !important;
	background-image: none !important;
	color: #f5d18b !important;
	-webkit-text-fill-color: #f5d18b !important;
	filter: none !important;
	font-weight: 700 !important;
	opacity: 1 !important;
	outline-color: transparent !important;
	padding: 0 !important;
	text-shadow: none !important;
}

body.home .kr-home-social-faq button.kr-testimonial-arrow:hover,
body.home .kr-home-social-faq button.kr-testimonial-arrow:focus,
body.home .kr-home-social-faq button.kr-testimonial-arrow:focus-visible,
body.home .kr-home-social-faq button.kr-testimonial-arrow:active {
	border-color: rgba(241, 198, 117, 0.78) !important;
	background: #07131d !important;
	background-color: #07131d !important;
	background-image: none !important;
	color: #f5d18b !important;
	-webkit-text-fill-color: #f5d18b !important;
	box-shadow: 0 0 0 3px rgba(217, 154, 61, 0.14), inset 0 0 1rem rgba(217, 154, 61, 0.1) !important;
}

body.home .kr-home-social-faq .kr-faq-item,
body.home .kr-home-social-faq .kr-faq-item:has(button[aria-expanded="true"]) {
	border-color: rgba(221, 171, 82, 0.54) !important;
	background: #07131d !important;
	background-color: #07131d !important;
	background-image: linear-gradient(180deg, rgba(16, 34, 45, 0.94), rgba(5, 17, 27, 0.96)) !important;
	box-shadow: none !important;
}

body.home .kr-home-social-faq .kr-faq-item button,
body.home .kr-home-social-faq .kr-faq-item button:link,
body.home .kr-home-social-faq .kr-faq-item button:visited,
body.home .kr-home-social-faq .kr-faq-item button:hover,
body.home .kr-home-social-faq .kr-faq-item button:focus,
body.home .kr-home-social-faq .kr-faq-item button:focus-visible,
body.home .kr-home-social-faq .kr-faq-item button:active,
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"],
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"]:hover,
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"]:focus,
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"]:focus-visible,
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"]:active {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: grid !important;
	border: 0 !important;
	background: linear-gradient(180deg, rgba(17, 35, 46, 0.92), rgba(7, 19, 29, 0.96)) !important;
	background-color: #07131d !important;
	background-image: linear-gradient(180deg, rgba(17, 35, 46, 0.92), rgba(7, 19, 29, 0.96)) !important;
	color: #f5ead8 !important;
	-webkit-text-fill-color: #f5ead8 !important;
	filter: none !important;
	font-weight: 700 !important;
	opacity: 1 !important;
	outline: none !important;
	padding-inline-end: 3rem !important;
	text-shadow: none !important;
}

body.home .kr-home-social-faq .kr-faq-item button:hover,
body.home .kr-home-social-faq .kr-faq-item button:focus,
body.home .kr-home-social-faq .kr-faq-item button:focus-visible,
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"],
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"]:hover,
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"]:focus,
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"]:focus-visible {
	color: #f5d18b !important;
	-webkit-text-fill-color: #f5d18b !important;
	box-shadow: inset 0 0 0 1px rgba(221, 171, 82, 0.2), 0 0 0 3px rgba(217, 154, 61, 0.11) !important;
}

body.home .kr-home-social-faq .kr-faq-item button span:last-child,
body.home .kr-home-social-faq .kr-faq-item button:hover span:last-child,
body.home .kr-home-social-faq .kr-faq-item button:focus span:last-child,
body.home .kr-home-social-faq .kr-faq-item button:focus-visible span:last-child,
body.home .kr-home-social-faq .kr-faq-item button:active span:last-child,
body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"] span:last-child {
	display: inline-grid !important;
	inline-size: 1.08rem !important;
	block-size: 1.08rem !important;
	place-self: center end !important;
	place-items: center !important;
	border-color: rgba(221, 171, 82, 0.58) !important;
	background: rgba(7, 19, 29, 0.72) !important;
	color: #f5d18b !important;
	-webkit-text-fill-color: #f5d18b !important;
	font-size: 0.78rem !important;
	font-weight: 500 !important;
	line-height: 1 !important;
}

@media (max-width: 640px) {
	body.home .kr-home-social-faq .kr-faq-item button,
	body.home .kr-home-social-faq .kr-faq-item button:hover,
	body.home .kr-home-social-faq .kr-faq-item button:focus,
	body.home .kr-home-social-faq .kr-faq-item button:focus-visible,
	body.home .kr-home-social-faq .kr-faq-item button[aria-expanded="true"] {
		grid-template-columns: minmax(0, 1fr) 1.08rem !important;
		gap: 0.75rem !important;
		padding-inline-end: 1rem !important;
	}
}
