/**
 * Petoniki 0.28 homepage interaction and alignment refinements.
 * Loaded after the 0.27 homepage layer and before the final 4:3 crop contract.
 */

/* Keep every flag on one vertical axis while language labels remain left aligned. */
.xk-language-dropdown__menu,
.xk-utility-bar .xk-language-dropdown__menu {
	right: auto;
	left: 50%;
	width: 152px;
	min-width: 152px;
	max-width: min(152px, calc(100vw - 16px));
	padding: 6px;
	box-sizing: border-box;
	overflow-x: hidden;
	transform: translateX(-50%);
}

.xk-language-dropdown__menu a,
.xk-utility-bar .xk-language-dropdown__menu a {
	display: grid;
	grid-template-columns: 28px 85px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	min-height: 35px;
	padding: 5px 9px;
}

.xk-language-dropdown__menu .xk-flag,
.xk-utility-bar .xk-language-dropdown__menu .xk-flag {
	display: inline-grid;
	place-items: center;
	width: 28px;
	margin: 0;
}

.xk-language-dropdown__menu a > span:last-child,
.xk-utility-bar .xk-language-dropdown__menu a > span:last-child {
	width: 85px;
	max-width: 85px;
	text-align: left;
}

.xk-language-dropdown,
.xk-utility-bar .xk-language-dropdown {
	position: relative;
}

/* All top-level menu entries, including Other Pets, share one control height. */
@media (min-width: 961px) {
	.xk-primary-menu > li,
	.xk-primary-menu > li:first-child,
	.xk-primary-menu > li:last-child {
		height: 64px;
	}

	.xk-primary-menu > li > a,
	.xk-primary-menu > li:first-child > a,
	.xk-primary-menu > li:last-child > a,
	.xk-primary-menu > li > .xk-submenu-toggle {
		box-sizing: border-box;
		height: 42px;
		min-height: 42px;
		line-height: 1;
	}
}

/* Choose Your Pet, its results, and Guides are one visual component. */
.xk-pet-discovery {
	box-sizing: border-box;
	margin: 0 0 24px;
	padding: 18px;
	border: 1px solid #f0d7bd;
	border-radius: 22px;
	background:
		radial-gradient(circle at 8% 0, rgb(255 132 42 / 7%), transparent 27%),
		linear-gradient(180deg, #fffdf9 0%, #fff 100%);
	box-shadow: 0 9px 26px rgb(72 43 18 / 6%);
}

.xk-pet-discovery .xk-legacy-selector.xk-pet-finder {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.xk-pet-discovery .xk-pet-finder__filters {
	margin: 0;
	border: 1px solid #f0d7bd;
	border-radius: 14px;
	background: rgb(255 255 255 / 82%);
}

/* Keep the default controls compact; expanded filter groups drop below them. */
.xk-pet-finder__panel:not([hidden]) {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	column-gap: 14px;
	row-gap: 0;
	min-width: 0;
	padding: 10px 12px;
	overflow-x: hidden;
	overflow-y: visible;
}

.xk-pet-finder__panel.is-expanded:not([hidden]) {
	flex-wrap: wrap;
}

.xk-pet-finder__filter-row {
	display: flex;
	flex: 0 0 auto;
	order: 0;
	grid-template-columns: none;
	align-items: center;
	gap: 8px;
	min-width: 0;
	min-height: 38px;
	padding: 0;
	border: 0;
	white-space: nowrap;
}

.xk-pet-finder__filter-row:not([data-xk-extra-filter]):not([data-xk-responsive-extra]) {
	flex: 0 0 auto;
	overflow: visible;
}

.xk-pet-finder__filter-label {
	flex: 0 0 auto;
	gap: 6px;
}

.xk-pet-finder__filter-label strong {
	max-width: none;
	overflow: visible;
	text-overflow: clip;
	white-space: nowrap;
}

.xk-pet-finder__filter-label span.dashicons {
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background: #edf8f3;
	font-size: 16px;
	line-height: 26px;
}

.xk-pet-finder__options {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: nowrap;
	gap: 5px;
	min-width: 0;
	overflow: visible;
}

.xk-pet-finder__options a {
	flex: 0 0 auto;
	min-width: 62px;
	max-width: none;
	min-height: 30px;
	padding: 5px 8px;
	overflow: visible;
	text-overflow: clip;
	white-space: nowrap;
}

.xk-pet-finder__options a.is-selected {
	border-color: #ff6d20;
	background: #ff6d20;
	color: #fff;
	box-shadow: 0 4px 10px rgb(255 105 28 / 20%);
}

.xk-pet-finder__more {
	display: flex;
	flex: 0 0 auto;
	order: 1;
	justify-content: flex-start;
	margin-left: auto;
	padding: 0;
}

.xk-pet-finder__more[hidden] {
	display: none;
}

.xk-pet-finder__more button {
	min-height: 40px;
	padding: 7px 16px;
	border: 1px solid #e65210;
	border-radius: 10px;
	background: linear-gradient(135deg, #ff7b24, #f45718);
	color: #fff;
	box-shadow: 0 6px 14px rgb(238 88 20 / 24%);
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.xk-pet-finder__more button:hover,
.xk-pet-finder__more button:focus-visible {
	background: linear-gradient(135deg, #f96b18, #de430b);
	box-shadow: 0 8px 18px rgb(222 67 11 / 30%);
	transform: translateY(-1px);
}

.xk-pet-finder__more button:focus-visible {
	outline: 3px solid rgb(255 123 36 / 28%);
	outline-offset: 2px;
}

.xk-pet-finder__more button[aria-expanded="true"] {
	border-color: #086a63;
	background: linear-gradient(135deg, #159084, #086a63);
	box-shadow: 0 6px 14px rgb(8 106 99 / 24%);
}

.xk-pet-finder__more button[aria-expanded="true"]:hover,
.xk-pet-finder__more button[aria-expanded="true"]:focus-visible {
	background: linear-gradient(135deg, #0d7d74, #055952);
	box-shadow: 0 8px 18px rgb(5 89 82 / 30%);
}

.xk-pet-finder__more button > span:first-child {
	display: inline-grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: 6px;
	background: rgb(255 255 255 / 18%);
}

.xk-pet-finder__panel.is-expanded::after {
	content: "";
	flex: 0 0 100%;
	order: 1;
	height: 0;
	margin-top: 10px;
	border-top: 1px solid #f4e8dc;
}

.xk-pet-finder__filter-row:is([data-xk-extra-filter], [data-xk-responsive-extra]):not([hidden]) {
	flex: 0 0 auto;
	order: 2;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	margin-top: 0;
	padding-top: 10px;
	border-top: 0;
	white-space: normal;
	animation: xk-filter-drop-down .2s ease-out both;
}

.xk-pet-finder__filter-row:is([data-xk-extra-filter], [data-xk-responsive-extra]):not([hidden]) .xk-pet-finder__options {
	flex: 1 1 auto;
	flex-wrap: wrap;
}

@keyframes xk-filter-drop-down {
	from { opacity: 0; transform: translateY(-7px); }
	to { opacity: 1; transform: translateY(0); }
}

.xk-pet-discovery .xk-legacy-home-grid {
	margin-top: 18px;
}

.xk-legacy-breeds.is-loading {
	opacity: .48;
	pointer-events: none;
}

.xk-legacy-breeds {
	transition: opacity .18s ease;
}

/* The whole Guides heading is the single clear destination; no separate All link. */
.xk-legacy-baike header {
	padding: 0;
}

.xk-legacy-baike__header-link {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 16px 20px;
	color: inherit;
	transition: background-color .18s ease, color .18s ease;
}

.xk-legacy-baike__header-link > span:last-child {
	font-size: 24px;
	font-weight: 800;
	transition: transform .18s ease;
}

.xk-legacy-baike__header-link:hover,
.xk-legacy-baike__header-link:focus-visible {
	background: #222;
	color: #fff;
}

.xk-legacy-baike__header-link:hover > span:last-child,
.xk-legacy-baike__header-link:focus-visible > span:last-child {
	transform: translateX(4px);
}

.xk-legacy-baike--dog .xk-legacy-baike__header-link {
	position: relative;
}

.xk-legacy-baike--dog .xk-legacy-baike__header-link > .xk-legacy-baike__more {
	position: absolute;
	top: 14px;
	right: 20px;
	font-size: 16px;
	line-height: 1;
}

.xk-legacy-baike--dog .xk-legacy-baike__header-link:hover,
.xk-legacy-baike--dog .xk-legacy-baike__header-link:focus-visible {
	background: var(--xk-yellow);
	color: #b03409;
}

.xk-legacy-baike--dog .xk-legacy-baike__header-link:focus-visible {
	outline: 3px solid #b03409;
	outline-offset: -3px;
}

.xk-legacy-baike--dog .xk-legacy-baike__header-link:hover > .xk-legacy-baike__more,
.xk-legacy-baike--dog .xk-legacy-baike__header-link:focus-visible > .xk-legacy-baike__more {
	transform: none;
}

/* Profile shortcuts use a glass overlay and appear only on hover/focus. */
.xk-profile-grid--home .xk-profile-card__media,
.xk-profile-grid--home .xk-profile-card__shade {
	height: auto !important;
	aspect-ratio: 4 / 3;
}

.xk-profile-grid--home .xk-profile-card__shade {
	background: linear-gradient(180deg, rgb(11 18 17 / 18%), rgb(11 18 17 / 58%));
	opacity: 0;
	transition: opacity .24s ease;
}

.xk-profile-grid--home .xk-profile-card__quick,
.xk-home-extra__profiles .xk-profile-card__quick {
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	display: grid;
	box-sizing: border-box;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: center;
	gap: 8px;
	width: 100%;
	padding: clamp(34px, 18%, 64px) 10px 12px;
	background: transparent;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity .24s ease, transform .24s ease, visibility .24s ease;
}

.xk-profile-grid--home .xk-profile-card:hover .xk-profile-card__shade,
.xk-profile-grid--home .xk-profile-card:has(:focus-visible) .xk-profile-card__shade {
	opacity: 1;
}

.xk-profile-grid--home .xk-profile-card:hover .xk-profile-card__quick,
.xk-profile-grid--home .xk-profile-card:has(:focus-visible) .xk-profile-card__quick {
	opacity: 1;
	visibility: visible;
	pointer-events: none;
	transform: translateY(0);
}

.xk-profile-grid--home .xk-profile-card__quick a,
.xk-home-extra__profiles .xk-profile-card__quick a {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
	width: 100%;
	min-width: 0;
	min-height: 39px;
	padding: 6px 8px;
	border: 1px solid rgb(255 255 255 / 78%);
	border-radius: 13px;
	background: rgb(255 255 255 / 16%);
	box-shadow: inset 0 1px rgb(255 255 255 / 20%);
	color: #fff;
	font-size: 10px;
	font-weight: 750;
	line-height: 1;
	text-align: left;
	text-shadow: 0 1px 3px rgb(0 0 0 / 48%);
	backdrop-filter: blur(7px) saturate(1.15);
	-webkit-backdrop-filter: blur(7px) saturate(1.15);
	pointer-events: auto;
}

.xk-profile-grid--home .xk-profile-card__quick a:hover,
.xk-profile-grid--home .xk-profile-card__quick a:focus-visible {
	border-color: #fff;
	background: rgb(255 255 255 / 29%);
}

.xk-profile-grid--home .xk-profile-card__quick b {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	border: 0;
	background: transparent;
	font-size: 16px;
	line-height: 18px;
}

.xk-profile-grid--home .xk-profile-card__quick span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Directory profile cards reuse the homepage Choose Your Pet card presentation. */
.xk-directory__results .xk-profile-grid--directory {
	box-sizing: border-box;
	padding-inline: 18px;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card {
	position: relative;
	box-sizing: border-box;
	border: 1px solid #eadcca;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 22px rgb(62 43 25 / 8%);
	overflow: hidden;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__media {
	display: block;
	height: auto !important;
	aspect-ratio: 4 / 3;
	border-radius: 0;
	overflow: hidden;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__media img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	transition: transform .35s ease;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card:hover .xk-profile-card__media img {
	transform: scale(1.035);
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__shade {
	position: absolute;
	inset: 0 0 auto;
	z-index: 1;
	height: auto !important;
	aspect-ratio: 4 / 3;
	background: linear-gradient(180deg, rgb(17 20 16 / 25%), rgb(17 20 16 / 52%));
	opacity: 0;
	transition: opacity .24s ease;
	pointer-events: none;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__favorite {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 4;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__favorite .xk-favorite-form {
	margin: 0;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__favorite .xk-favorite-button {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 80%);
	border-radius: 50%;
	background: rgb(16 24 18 / 25%);
	color: #fff;
	box-shadow: none;
	backdrop-filter: blur(3px);
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__favorite .xk-favorite-button:hover,
.xk-directory__results .xk-profile-grid--directory .xk-profile-card__favorite .xk-favorite-button:focus-visible,
.xk-directory__results .xk-profile-grid--directory .xk-profile-card__favorite .xk-favorite-button.is-saved {
	background: #ff6b27;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__quick {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	z-index: 3;
	display: grid;
	box-sizing: border-box;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: center;
	gap: 8px;
	width: 100%;
	padding: clamp(34px, 18%, 64px) 10px 12px;
	background: transparent;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity .24s ease, transform .24s ease, visibility .24s ease;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card:hover .xk-profile-card__shade,
.xk-directory__results .xk-profile-grid--directory .xk-profile-card:focus-within .xk-profile-card__shade {
	opacity: 1;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card:hover .xk-profile-card__quick,
.xk-directory__results .xk-profile-grid--directory .xk-profile-card:focus-within .xk-profile-card__quick {
	opacity: 1;
	visibility: visible;
	pointer-events: none;
	transform: translateY(0);
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__quick a {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
	width: 100%;
	min-width: 0;
	min-height: 39px;
	padding: 6px 8px;
	border: 1px solid rgb(255 255 255 / 78%);
	border-radius: 13px;
	background: rgb(255 255 255 / 16%);
	box-shadow: inset 0 1px rgb(255 255 255 / 20%);
	color: #fff;
	font-size: 10px;
	font-weight: 750;
	line-height: 1;
	text-align: left;
	text-shadow: 0 1px 3px rgb(0 0 0 / 48%);
	backdrop-filter: blur(7px) saturate(1.15);
	-webkit-backdrop-filter: blur(7px) saturate(1.15);
	pointer-events: auto;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__quick a:hover,
.xk-directory__results .xk-profile-grid--directory .xk-profile-card__quick a:focus-visible {
	border-color: #fff;
	background: rgb(255 255 255 / 29%);
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__quick b {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	border: 0;
	background: transparent;
	font-size: 16px;
	line-height: 18px;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__quick span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__caption {
	display: grid;
	gap: 4px;
	min-height: 62px;
	padding: 10px 12px 12px;
	text-align: center;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card h3 {
	margin: 0;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card h3 a::before,
.xk-directory__results .xk-profile-grid--directory .xk-profile-card h3 a::after {
	display: none;
}

.xk-directory__results .xk-profile-grid--directory .xk-profile-card__traits {
	margin: 0;
	overflow: hidden;
	color: #716b63;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Popular profiles and Latest Articles show five cards and slide horizontally. */
.xk-home-extra__carousel {
	--xk-carousel-columns: 5;
	--xk-carousel-gap: 10px;
	--xk-carousel-gap-total: 40px;
}

.xk-home-extra__profiles.xk-card-carousel__track,
.xk-home-extra__articles.xk-card-carousel__track {
	display: grid;
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - var(--xk-carousel-gap-total)) / var(--xk-carousel-columns));
	gap: var(--xk-carousel-gap);
	width: 100%;
}

.xk-home-extra__profiles.xk-card-carousel__track > article,
.xk-home-extra__articles.xk-card-carousel__track > article {
	min-width: 0;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

.xk-home-extra__carousel .xk-card-carousel__arrow--prev { left: -15px; }
.xk-home-extra__carousel .xk-card-carousel__arrow--next { right: -15px; }

@media (max-width: 1100px) {
	.xk-home-extra__carousel {
		--xk-carousel-columns: 3;
		--xk-carousel-gap-total: 20px;
	}
}

@media (max-width: 760px) {
	.xk-pet-discovery {
		margin-inline: -6px;
		padding: 14px 12px;
		border-radius: 17px;
	}

	.xk-pet-finder__panel:not([hidden]) {
		row-gap: 10px;
		padding-inline: 10px;
	}

	.xk-pet-finder__filter-row {
		flex: 0 1 auto;
		width: auto;
		max-width: 100%;
		white-space: normal;
	}

	.xk-pet-finder__more {
		flex: 0 0 auto;
		width: auto;
	}

	.xk-pet-finder__options {
		flex: 1 1 auto;
		flex-wrap: wrap;
		padding-bottom: 0;
		overflow-x: visible;
	}

	.xk-pet-finder__more {
		justify-content: flex-end;
	}

	.xk-home-extra__carousel {
		--xk-carousel-columns: 2;
		--xk-carousel-gap-total: 10px;
	}

	.xk-home-extra__carousel .xk-card-carousel__arrow--prev { left: 2px; }
	.xk-home-extra__carousel .xk-card-carousel__arrow--next { right: 2px; }
}

@media (max-width: 480px) {
	.xk-home-extra__carousel {
		--xk-carousel-columns: 1;
		--xk-carousel-gap-total: 0px;
	}
}

@media (hover: none) {
	.xk-profile-grid--home .xk-profile-card__quick {
		transition-duration: .16s;
	}
}

@media (prefers-reduced-motion: reduce) {
	.xk-pet-finder__filter-row:is([data-xk-extra-filter], [data-xk-responsive-extra]):not([hidden]) {
		animation: none;
	}
}

/* Lifestyle Match: an editorial introduction, five paths, and one illustrated invitation. */
.xk-home-extra--lifestyle {
	display: grid;
	grid-template-columns: minmax(240px, 27%) minmax(0, 1fr);
	grid-template-areas: "intro choices" "intro cta";
	align-items: stretch;
	gap: 16px 25px;
	padding: 27px 30px;
	border-color: #efd8ba;
	border-radius: 25px;
	background: #fffdf9;
	box-shadow: 0 8px 28px rgb(80 54 24 / 5%);
}

.xk-home-extra--lifestyle .xk-home-lifestyle__intro {
	grid-area: intro;
	min-width: 0;
	padding: 1px 8px 0 0;
}

.xk-home-extra--lifestyle .xk-home-extra__heading {
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 24px;
}

.xk-home-extra--lifestyle .xk-home-extra__icon {
	padding-top: 2px;
	font-size: 42px;
}

.xk-home-extra--lifestyle .xk-home-extra__heading h2 {
	color: #2c2925;
	font-size: clamp(25px, 2.45vw, 36px);
	font-weight: 700;
	line-height: 1.08;
}

.xk-home-extra--lifestyle .xk-home-extra__heading p {
	max-width: 29ch;
	margin-top: 9px;
	color: #555250;
	font-size: 14px;
	line-height: 1.5;
}

.xk-home-lifestyle__benefits {
	display: grid;
	gap: 0;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.xk-home-lifestyle__benefits li {
	display: flex;
	align-items: center;
	gap: 13px;
	min-height: 53px;
	padding: 6px 0;
	color: #414843;
	font-size: 14px;
	line-height: 1.35;
}

.xk-home-lifestyle__benefits li + li {
	border-top: 1px dashed #e9d8c2;
}

.xk-home-lifestyle__benefits li > span {
	display: grid;
	flex: 0 0 42px;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid #9ebca2;
	border-radius: 50%;
	color: #397852;
	font-size: 25px;
	font-weight: 700;
	line-height: 1;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__primary {
	display: flex;
	justify-content: center;
	gap: 10px;
	min-height: 49px;
	width: 100%;
	margin: 0;
	padding: 8px 18px;
	background: #34734d;
	color: #fff;
	font-size: 20px;
	text-align: center;
	transition: background-color .18s ease, transform .18s ease;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__primary:hover,
.xk-home-extra--lifestyle .xk-home-lifestyle__primary:focus-visible {
	background: #285b3d;
	color: #fff;
	transform: translateY(-2px);
}

.xk-home-extra--lifestyle .xk-home-lifestyle__note {
	margin: 9px 3px 0;
	color: #69645d;
	font-size: 12px;
	line-height: 1.35;
	text-align: center;
}

.xk-home-lifestyle__choices {
	grid-area: choices;
	gap: 13px;
	min-width: 0;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__choices a {
	align-content: start;
	gap: 10px;
	min-height: 181px;
	padding: 21px 11px 15px;
	border-color: #efdcc6;
	border-radius: 14px;
	box-shadow: 0 2px 7px rgb(65 43 25 / 2%);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__choices a:hover,
.xk-home-extra--lifestyle .xk-home-lifestyle__choices a:focus-visible {
	border-color: #dfa96c;
	box-shadow: 0 8px 20px rgb(80 54 24 / 10%);
	transform: translateY(-3px);
}

.xk-home-extra--lifestyle .xk-home-lifestyle__choices a > span {
	font-size: 42px;
	line-height: 1.2;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__choices strong {
	color: #27231f;
	font-size: 15px;
	line-height: 1.25;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__choices small {
	color: #5e5a55;
	font-size: 12px;
	line-height: 1.45;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__cta {
	position: relative;
	grid-area: cta;
	display: flex;
	align-items: center;
	min-height: 184px;
	overflow: hidden;
	padding: 20px 24px 20px 39%;
	border-color: #e8dfcb;
	border-radius: 18px;
	background: linear-gradient(105deg, #faf8ec, #fffdf7 75%, #f7f8e9);
}

.xk-home-extra--lifestyle .xk-home-lifestyle__cta::after {
	position: absolute;
	right: -11px;
	bottom: -18px;
	width: 180px;
	height: 180px;
	background: url("../images/lifestyle-leaves.svg") center / contain no-repeat;
	content: "";
	opacity: .72;
	pointer-events: none;
}

.xk-home-lifestyle__art {
	position: absolute;
	bottom: -5%;
	left: -1%;
	width: 40%;
	height: 115%;
	object-fit: contain;
	object-position: center bottom;
	pointer-events: none;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__cta-copy {
	position: relative;
	z-index: 1;
	display: grid;
	justify-items: start;
	gap: 7px;
	min-width: 0;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__cta-copy strong {
	color: #233c2b;
	font-size: 27px;
	line-height: 1.15;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__cta-copy small {
	color: #47443e;
	font-size: 14px;
	line-height: 1.45;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__cta-copy a {
	min-height: 43px;
	margin-top: 6px;
	padding: 7px 24px;
	background: #fa6721;
	font-size: 16px;
	transition: background-color .18s ease, transform .18s ease;
}

.xk-home-extra--lifestyle .xk-home-lifestyle__cta-copy a:hover,
.xk-home-extra--lifestyle .xk-home-lifestyle__cta-copy a:focus-visible {
	background: #df5316;
	color: #fff;
	transform: translateY(-2px);
}

@media (max-width: 1180px) {
	.xk-home-extra--lifestyle { grid-template-columns: minmax(220px, 29%) minmax(0, 1fr); padding: 23px; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__choices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.xk-home-extra--lifestyle .xk-home-lifestyle__choices a { min-height: 152px; }
}

@media (max-width: 880px) {
	.xk-home-extra--lifestyle { grid-template-columns: 1fr; grid-template-areas: "intro" "choices" "cta"; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__intro { padding: 0; }
	.xk-home-extra--lifestyle .xk-home-extra__heading { margin-bottom: 12px; }
	.xk-home-lifestyle__benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
	.xk-home-lifestyle__benefits li + li { border-top: 0; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__primary { width: max-content; min-width: 215px; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__cta::after { display: none; }
}

@media (max-width: 640px) {
	.xk-home-extra--lifestyle { gap: 15px; padding: 18px 15px; border-radius: 20px; }
	.xk-home-extra--lifestyle .xk-home-extra__heading h2 { font-size: 29px; }
	.xk-home-extra--lifestyle .xk-home-extra__heading p { font-size: 13px; }
	.xk-home-lifestyle__benefits { grid-template-columns: 1fr; gap: 0; }
	.xk-home-lifestyle__benefits li + li { border-top: 1px dashed #e9d8c2; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__primary { width: 100%; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__choices { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__choices a { min-height: 160px; padding: 15px 8px 12px; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__choices a:last-child { grid-column: 1 / -1; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__cta { display: grid; justify-items: center; gap: 0; padding: 0 18px 20px; text-align: center; }
	.xk-home-lifestyle__art { position: relative; bottom: auto; left: auto; width: min(100%, 310px); height: 150px; margin-top: -13px; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__cta-copy { justify-items: center; }
	.xk-home-extra--lifestyle .xk-home-lifestyle__cta-copy strong { font-size: 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.xk-home-extra--lifestyle .xk-home-lifestyle__primary,
	.xk-home-extra--lifestyle .xk-home-lifestyle__choices a,
	.xk-home-extra--lifestyle .xk-home-lifestyle__cta-copy a { transition: none; }
}

/* Latest Articles: keep the configured destination beside the section title. */
.xk-home-extra--articles .xk-home-extra__topline {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 12px;
}

.xk-home-extra--articles .xk-home-extra__topline .xk-home-extra__heading,
.xk-home-extra--articles .xk-home-extra__topline .xk-home-extra__button {
	margin: 0;
}

.xk-home-extra--articles .xk-home-extra__topline .xk-home-extra__button {
	flex: none;
}

/* Homepage account invitation. */
.xk-home-extra.xk-home-extra--account {
	position: relative;
	display: grid;
	grid-template-columns: minmax(260px, 28%) minmax(420px, 1fr) minmax(220px, 21%);
	align-items: center;
	gap: clamp(16px, 1.8vw, 30px);
	height: 154px;
	min-height: 0;
	padding: 4px clamp(26px, 2.3vw, 38px) 0;
	overflow: hidden;
	border: 1px solid #efd7b5;
	border-radius: 23px;
	background: linear-gradient(112deg, #fff8ed 0%, #fff2dd 48%, #ffe6c7 100%);
	box-shadow: 0 12px 28px rgb(86 54 25 / 8%);
}

.xk-home-extra--account .xk-home-account__art {
	align-self: end;
	min-height: 0;
	margin: 0 0 0 -10px;
}

.xk-home-extra--account .xk-home-account__art img {
	display: block;
	width: min(100%, 380px);
	height: 149px;
	object-fit: contain;
	object-position: center bottom;
}

.xk-home-extra--account .xk-home-account__content {
	display: grid;
	justify-items: start;
	gap: 4px;
}

.xk-home-extra--account .xk-home-account__content h2 {
	margin: 0;
	color: #17313a;
	font-size: clamp(21px, 1.7vw, 26px);
	line-height: 1.12;
}

.xk-home-extra--account .xk-home-account__content > p {
	margin: 0;
	color: #5d625e;
	font-size: 13px;
	line-height: 1.5;
}

.xk-home-account__benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
}

.xk-home-account__benefits li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 39px;
	padding: 6px 13px;
	border: 1px solid rgb(38 112 87 / 16%);
	border-radius: 999px;
	background: rgb(255 255 255 / 80%);
	color: #286d5a;
	font-size: 12px;
	font-weight: 700;
}

.xk-home-account__benefits li span {
	color: #e7652b;
	font-size: 15px;
	line-height: 1;
}

.xk-home-extra--account .xk-home-account__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 220px;
	min-height: 44px;
	margin: 0;
	padding: 8px 22px;
	border-radius: 999px;
	background: #f66624;
	box-shadow: 0 8px 18px rgb(214 80 20 / 19%);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-align: center;
	transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.xk-home-extra--account .xk-home-account__cta:hover,
.xk-home-extra--account .xk-home-account__cta:focus-visible {
	background: #dc5318;
	box-shadow: 0 10px 22px rgb(214 80 20 / 25%);
	color: #fff;
	transform: translateY(-2px);
}

/* Homepage newsletter: a softer editorial card with its existing form behavior. */
.xk-newsletter.xk-newsletter--home {
	display: grid;
	grid-template-columns: minmax(210px, 18%) minmax(380px, 1fr) minmax(390px, 38%);
	align-items: center;
	gap: clamp(18px, 2vw, 34px);
	height: 120px;
	min-height: 0;
	margin: 14px 0 0;
	padding: 4px clamp(26px, 2.3vw, 38px);
	overflow: hidden;
	border: 1px solid #cfddc4;
	border-radius: 23px;
	background: linear-gradient(110deg, #f7f8ee 0%, #edf3e4 55%, #e3edd8 100%);
	box-shadow: 0 12px 28px rgb(54 79 48 / 8%);
	color: #17313a;
}

.xk-newsletter--home .xk-newsletter__art {
	align-self: end;
	min-width: 0;
	margin: 0 0 -4px -10px;
}

.xk-newsletter--home .xk-newsletter__art img {
	display: block;
	width: min(100%, 255px);
	height: 112px;
	object-fit: contain;
	object-position: center bottom;
}

.xk-newsletter--home .xk-newsletter__copy {
	display: grid;
	gap: 4px;
}

.xk-newsletter--home .xk-newsletter__copy > span {
	display: block;
	margin: 0 0 3px;
	color: #427452;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.xk-newsletter--home .xk-newsletter__copy h2 {
	margin: 0;
	color: #17313a;
	font-size: clamp(20px, 1.65vw, 24px);
	line-height: 1.15;
}

.xk-newsletter--home .xk-newsletter__copy p {
	margin: 3px 0 0;
	color: #657066;
	font-size: 13px;
	line-height: 1.5;
}

.xk-newsletter--home .xk-newsletter__form-wrap {
	min-width: 0;
}

.xk-newsletter--home .xk-newsletter-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.xk-newsletter--home .xk-newsletter-form input,
.xk-newsletter--home .xk-newsletter-form button {
	height: 40px;
	border-radius: 8px;
}

.xk-newsletter--home .xk-newsletter-form input {
	width: 100%;
	padding: 0 15px;
	border: 1px solid #d8dfd2;
	background: #fff;
	color: #263633;
}

.xk-newsletter--home .xk-newsletter-form button {
	padding: 0 22px;
	border: 0;
	background: #f2b736;
	color: #17313a;
	font-weight: 800;
	cursor: pointer;
	transition: background-color .18s ease, transform .18s ease;
}

.xk-newsletter--home .xk-newsletter-form button:hover,
.xk-newsletter--home .xk-newsletter-form button:focus-visible {
	background: #e3a51d;
	transform: translateY(-1px);
}

.xk-newsletter--home .xk-newsletter-form .xk-form-message {
	grid-column: 1 / -1;
	margin: 0 5px 2px;
	color: #426248;
}

@media (max-width: 1080px) {
	.xk-home-extra.xk-home-extra--account {
		grid-template-columns: minmax(210px, .7fr) minmax(300px, 1.25fr) auto;
		height: auto;
		min-height: 210px;
		padding-inline: 24px;
	}

	.xk-newsletter.xk-newsletter--home {
		grid-template-columns: minmax(190px, .65fr) minmax(0, 1.35fr);
		height: auto;
		min-height: 210px;
		padding-inline: 24px;
	}

	.xk-newsletter--home .xk-newsletter__form-wrap {
		grid-column: 2;
		width: 100%;
	}
}

@media (max-width: 840px) {
	.xk-home-extra.xk-home-extra--account {
		grid-template-columns: minmax(190px, .65fr) minmax(0, 1.35fr);
	}

	.xk-home-extra--account .xk-home-account__cta {
		grid-column: 2;
		justify-self: start;
	}

}

@media (max-width: 640px) {
	.xk-home-extra--articles .xk-home-extra__topline {
		align-items: center;
		gap: 12px;
	}

	.xk-home-extra--articles .xk-home-extra__topline .xk-home-extra__button {
		min-width: 0;
		min-height: 32px;
		padding-inline: 12px;
		white-space: nowrap;
	}

	.xk-home-extra.xk-home-extra--account {
		grid-template-columns: 1fr;
		gap: 13px;
		padding: 14px 16px 20px;
		text-align: center;
	}

	.xk-home-extra--account .xk-home-account__art {
		min-height: 138px;
		margin: -8px auto -8px;
	}

	.xk-home-extra--account .xk-home-account__art img {
		height: 155px;
	}

	.xk-home-extra--account .xk-home-account__content {
		justify-items: center;
	}

	.xk-home-account__benefits {
		justify-content: center;
	}

	.xk-home-extra--account .xk-home-account__cta {
		grid-column: auto;
		justify-self: stretch;
		width: 100%;
	}

	.xk-newsletter.xk-newsletter--home {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 14px 16px 20px;
		text-align: center;
	}

	.xk-newsletter--home .xk-newsletter__art {
		margin: -10px auto -16px;
	}

	.xk-newsletter--home .xk-newsletter__art img {
		height: 155px;
	}

	.xk-newsletter--home .xk-newsletter__form-wrap {
		grid-column: auto;
	}

	.xk-newsletter--home .xk-newsletter-form {
		grid-template-columns: 1fr;
	}

	.xk-newsletter--home .xk-newsletter-form .xk-form-message {
		grid-column: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.xk-home-extra--account .xk-home-account__cta,
	.xk-newsletter--home .xk-newsletter-form button {
		transition: none;
	}
}