/*
 * Сайтын нийтлэг "chrome": header, footer, CTA зурвас, хамтрагчдын лого, mobile sticky bar.
 * Бүх хуудсанд ачаалагдана (inc/chrome.php, body class `sl-chrome`). Шинэ нүүр хуудасны section-ууд home-v2.css-д.
 * Зөвхөн tokens.css-ийн утгууд.
 */

/* ---------------------------------------------------------------------------
 * Header
 * ------------------------------------------------------------------------ */
.sl-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 1000;
	background-color: color-mix(in srgb, var(--sl-color-bg) 94%, transparent);
	border-bottom: 1px solid transparent;
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	backdrop-filter: saturate(180%) blur(14px);
	transition: box-shadow var(--sl-transition), border-color var(--sl-transition);
}

.sl-header.is-scrolled {
	border-bottom-color: var(--sl-color-border);
	box-shadow: 0 8px 24px -12px rgba(11, 22, 56, .18);
}

/* Хуудасны уншсан хэмжээ */
.sl-header__progress {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 3px;
	background: linear-gradient(90deg, var(--sl-color-primary), var(--sl-color-sky) 60%, var(--sl-color-glow));
	transform: scaleX(var(--sl-progress, 0));
	transform-origin: 0 50%;
	pointer-events: none;
}

.sl-header__inner {
	display: flex;
	align-items: center;
	gap: var(--sl-space-3);
	max-width: 1200px;
	margin: 0 auto;
	padding: 14px var(--sl-space-3);
	transition: padding var(--sl-transition);
}

.sl-header.is-scrolled .sl-header__inner {
	padding-top: var(--sl-space-1);
	padding-bottom: var(--sl-space-1);
}

.sl-header__logo {
	flex: 0 0 auto;
	display: block;
	line-height: 0;
}

.sl-header__logo-img {
	width: auto;
	height: 48px;
	transition: height var(--sl-transition);
}

.sl-header.is-scrolled .sl-header__logo-img {
	height: 38px;
}

.sl-nav {
	flex: 1 1 auto;
}

.sl-nav__list {
	display: flex;
	justify-content: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sl-header .sl-nav__list a {
	position: relative;
	display: block;
	padding: var(--sl-space-1) 12px;
	white-space: nowrap;
	border-radius: var(--sl-radius);
	color: var(--sl-color-text);
	font-size: 16px;
	font-weight: var(--sl-font-weight-semibold);
	line-height: 1.5;
	text-decoration: none;
	transition: color var(--sl-transition);
}

.sl-header .sl-nav__list a::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 2px;
	height: 2px;
	border-radius: 2px;
	background: var(--sl-color-primary);
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .3s var(--sl-ease-out);
}

.sl-header .sl-nav__list a:hover,
.sl-header .sl-nav__list .current-menu-item > a {
	color: var(--sl-color-primary);
}

.sl-header .sl-nav__list a:hover::after,
.sl-header .sl-nav__list .current-menu-item > a::after {
	transform: scaleX(1);
}

.sl-nav__phone {
	display: none;
}

.sl-header__actions {
	display: flex;
	align-items: center;
	gap: var(--sl-space-2);
	flex: 0 0 auto;
}

.sl-header a.sl-header__phone {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--sl-color-primary);
	font-weight: var(--sl-font-weight-bold);
	text-decoration: none;
	white-space: nowrap;
}

.sl-header__phone-icon {
	display: inline-grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--sl-color-tint);
	transition: background-color var(--sl-transition), color var(--sl-transition);
}

.sl-header a.sl-header__phone:hover {
	color: var(--sl-color-primary-dark);
}

.sl-header a.sl-header__phone:hover .sl-header__phone-icon {
	background: var(--sl-color-primary);
	color: var(--sl-color-on-primary);
}

.sl-chrome .sl-header .sl-header__cta {
	min-height: 44px;
	padding: 10px 18px;
	white-space: nowrap;
}

/* Өргөн дэлгэц: утасны дугаар бүтнээрээ багтахаар header-ийн хүрээ өргөн. */
@media (min-width: 1500px) {
	.sl-header__inner {
		max-width: 1360px;
	}
}

/* Нарийн desktop: утасны дугаарыг icon болгоно (дугаар нь screen reader-т хэвээр), цэсийн зай багасна.
 * Цэс 3 түвшинтэй болсны дараа 1500px-ээс нарийнд нэг мөрөнд багтахгүй байсан. */
@media (min-width: 1200px) and (max-width: 1499px) {
	.sl-header a.sl-header__phone > span:last-child {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.sl-header .sl-nav__list a {
		padding-inline: 10px;
	}
}

.sl-header__toggle {
	display: none;
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--sl-color-border);
	border-radius: var(--sl-radius);
	background: var(--sl-color-bg);
	color: var(--sl-color-text);
	cursor: pointer;
}

.sl-header__toggle-bar,
.sl-header__toggle-bar::before,
.sl-header__toggle-bar::after {
	position: absolute;
	left: 50%;
	width: 20px;
	height: 2px;
	margin-left: -10px;
	background: currentColor;
	border-radius: 2px;
	transition: transform var(--sl-transition), opacity var(--sl-transition);
}

.sl-header__toggle-bar {
	top: 50%;
	margin-top: -1px;
}

.sl-header__toggle-bar::before,
.sl-header__toggle-bar::after {
	content: "";
	left: 0;
	margin-left: 0;
}

.sl-header__toggle-bar::before { top: -6px; }
.sl-header__toggle-bar::after { top: 6px; }

.sl-header.is-nav-open .sl-header__toggle-bar { background: transparent; }
.sl-header.is-nav-open .sl-header__toggle-bar::before { transform: translateY(6px) rotate(45deg); }
.sl-header.is-nav-open .sl-header__toggle-bar::after { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 1199px) {
	.sl-header__toggle {
		display: block;
	}

	.sl-nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		padding: var(--sl-space-2) var(--sl-space-3) var(--sl-space-3);
		background: var(--sl-color-bg);
		border-bottom: 1px solid var(--sl-color-border);
		box-shadow: 0 16px 32px -16px rgba(11, 22, 56, .25);
	}

	.sl-header.is-nav-open .sl-nav {
		display: block;
		animation: sl-drop .25s var(--sl-ease-out) both;
	}

	.sl-nav__list {
		flex-direction: column;
		gap: 0;
	}

	.sl-header .sl-nav__list a {
		padding: 14px var(--sl-space-2);
		border-bottom: 1px solid var(--sl-color-border);
		border-radius: 0;
		font-size: 17px;
	}

	.sl-header .sl-nav__list a::after {
		display: none;
	}

	.sl-header__actions {
		margin-left: auto;
	}
}

@media (max-width: 767px) {
	.sl-header__inner {
		gap: var(--sl-space-2);
		padding: 12px var(--sl-space-2);
	}

	.sl-header__logo-img {
		height: 40px;
	}

	/* Mobile-д утас, захиалга доод sticky bar-т байгаа. */
	.sl-header a.sl-header__phone,
	.sl-header .sl-header__cta {
		display: none;
	}

	.sl-header a.sl-nav__phone {
		display: block;
		margin-top: var(--sl-space-1);
		padding: 12px var(--sl-space-2);
		color: var(--sl-color-primary);
		font-weight: var(--sl-font-weight-bold);
	}
}

@keyframes sl-drop {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: none; }
}

/* Dropdown (3 түвшин хүртэл). Дэд цэсийн товчийг (.sl-nav__sub-toggle) home-v2.js нэмнэ. */
.sl-nav .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sl-nav__sub-toggle {
	display: inline-grid;
	place-items: center;
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	margin-left: -8px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: none;
	color: var(--sl-color-text-muted);
	cursor: pointer;
}

.sl-nav__sub-toggle svg {
	transition: transform .25s var(--sl-ease-out);
}

/* Theme-ийн `button:hover/focus/active` дэвсгэрийг дарна. */
.sl-header .sl-nav__sub-toggle:hover,
.sl-header .sl-nav__sub-toggle:focus,
.sl-header .sl-nav__sub-toggle:active,
.sl-header .sl-nav__sub-toggle[aria-expanded="true"] {
	background: var(--sl-color-tint);
	color: var(--sl-color-primary);
}

.sl-nav__sub-toggle[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

@media (min-width: 1200px) {
	.sl-nav__list li {
		position: relative;
	}

	.sl-nav__list .menu-item-has-children {
		display: flex;
		align-items: center;
	}

	.sl-nav .sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 10;
		width: 300px;
		padding: 8px;
		border: 1px solid var(--sl-color-border);
		border-radius: 16px;
		background: var(--sl-color-bg);
		box-shadow: var(--sl-shadow-lg);
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px);
		transition: opacity .2s var(--sl-ease-out), transform .2s var(--sl-ease-out), visibility .2s;
	}

	/* 3-р түвшин баруун тийш */
	.sl-nav .sub-menu .sub-menu {
		top: -9px;
		left: 100%;
		transform: translateX(8px);
	}

	.sl-nav li:hover > .sub-menu,
	.sl-nav li:focus-within > .sub-menu,
	.sl-nav li.is-open > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.sl-nav .sub-menu .menu-item-has-children > .sl-nav__sub-toggle {
		margin-left: 0;
		margin-right: 4px;
	}

	.sl-nav .sub-menu .sl-nav__sub-toggle svg,
	.sl-nav .sub-menu .sl-nav__sub-toggle[aria-expanded="true"] svg {
		transform: rotate(-90deg);
	}

	.sl-header .sl-nav .sub-menu a {
		flex: 1 1 auto;
		padding: 10px 12px;
		border-radius: 10px;
		font-size: 15px;
		font-weight: var(--sl-font-weight-medium);
		line-height: 1.4;
		white-space: normal;
		transition: background-color var(--sl-transition), color var(--sl-transition);
	}

	.sl-header .sl-nav .sub-menu a::after {
		display: none;
	}

	.sl-header .sl-nav .sub-menu li:hover > a,
	.sl-header .sl-nav .sub-menu li.is-open > a,
	.sl-header .sl-nav .sub-menu a:focus-visible {
		background: var(--sl-color-tint);
		color: var(--sl-color-primary);
	}
}

@media (max-width: 1199px) {
	.sl-nav {
		max-height: calc(100vh - 72px);
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.sl-nav__list .menu-item-has-children {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.sl-nav__list .menu-item-has-children > a {
		flex: 1 1 0;
		min-width: 0;
	}

	.sl-nav__sub-toggle {
		width: 48px;
		height: 48px;
		margin-left: 0;
		border-bottom: 1px solid var(--sl-color-border);
		border-radius: 0;
	}

	.sl-nav .sub-menu {
		display: none;
		flex: 0 0 100%;
		padding-left: var(--sl-space-2);
		border-left: 2px solid var(--sl-color-tint);
	}

	.sl-nav li.is-open > .sub-menu {
		display: block;
		animation: sl-drop .25s var(--sl-ease-out) both;
	}

	.sl-header .sl-nav .sub-menu a {
		font-size: 16px;
		font-weight: var(--sl-font-weight-medium);
		white-space: normal;
	}
}

/* ---------------------------------------------------------------------------
 * Товч (header, CTA зурвас, footer)
 * ------------------------------------------------------------------------ */
.sl-chrome .sl-btn {
	min-height: 48px;
	padding: 12px var(--sl-space-3);
	border-width: 2px;
	border-style: solid;
	border-radius: var(--sl-radius);
	font-size: 16px;
	font-weight: var(--sl-font-weight-semibold);
	text-decoration: none;
	transition: background-color var(--sl-transition), border-color var(--sl-transition), color var(--sl-transition), box-shadow .25s var(--sl-ease-out), transform .25s var(--sl-ease-out);
}

.sl-chrome .sl-btn:hover {
	transform: translateY(-2px);
}

.sl-chrome .sl-btn:active {
	transform: translateY(0);
}

.sl-chrome .sl-btn .sl-icon {
	flex: 0 0 auto;
	transition: transform .25s var(--sl-ease-out);
}

.sl-chrome .sl-btn:hover .sl-icon:last-child:not(:first-child) {
	transform: translateX(3px);
}

.sl-chrome .sl-btn--accent {
	box-shadow: 0 10px 24px -10px color-mix(in srgb, var(--sl-color-accent) 80%, transparent);
}

.sl-chrome .sl-btn--accent:hover {
	box-shadow: 0 14px 30px -10px color-mix(in srgb, var(--sl-color-accent) 90%, transparent);
}

/* Бараан дэвсгэр дээрх "шил" товч */
.sl-chrome a.sl-btn--glass,
.sl-chrome a.sl-btn--glass:visited {
	border-color: rgba(255, 255, 255, .38);
	background: rgba(255, 255, 255, .08);
	color: #fff;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.sl-chrome a.sl-btn--glass:hover {
	border-color: #fff;
	background: rgba(255, 255, 255, .16);
	color: #fff;
}

.sl-chrome .sl-btn--lg {
	min-height: 56px;
	padding: 14px 28px;
	border-radius: 14px;
	font-size: 17px;
}

/* ---------------------------------------------------------------------------
 * Section-ий шошго (kicker)
 * ------------------------------------------------------------------------ */
.sl-kicker,
.sl-v2 .sl-proc__eyebrow,
.sl-v2 .sl-pr__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 4px;
	color: var(--sl-color-primary);
	font-size: 13px;
	font-weight: var(--sl-font-weight-bold);
	line-height: 1.4;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.sl-kicker::before,
.sl-v2 .sl-proc__eyebrow::before,
.sl-v2 .sl-pr__eyebrow::before {
	content: "";
	flex: 0 0 auto;
	width: 24px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--sl-color-glow), var(--sl-color-primary));
}

.sl-kicker--on-dark {
	color: var(--sl-color-sky);
}


/* ---------------------------------------------------------------------------
 * Цагираг чимэглэл
 * ------------------------------------------------------------------------ */
/* Цагираг (нүдний солонгон бүрхэвч) — hero, тест, CTA зурвасын чимэглэл */
.sl-rings,
.sl-hero__rings,
.sl-cta-band__rings {
	position: absolute;
	z-index: -1;
	display: block;
	aspect-ratio: 1;
	pointer-events: none;
}

:is(.sl-rings, .sl-hero__rings, .sl-cta-band__rings) > span {
	position: absolute;
	inset: 0;
	border: 1px solid rgba(169, 189, 235, .22);
	border-radius: 50%;
}

:is(.sl-rings, .sl-hero__rings, .sl-cta-band__rings) > span:nth-child(2) {
	inset: 14%;
	border: 1.5px dashed rgba(169, 189, 235, .3);
	animation: sl-spin 60s linear infinite;
}

:is(.sl-rings, .sl-hero__rings, .sl-cta-band__rings) > span:nth-child(3) {
	inset: 30%;
	border: 0;
	background: radial-gradient(circle, rgba(242, 128, 39, .28) 0%, rgba(242, 128, 39, 0) 70%);
}

@keyframes sl-spin {
	to { transform: rotate(360deg); }
}

/* ---------------------------------------------------------------------------
 * 11b. Хамтрагч байгууллагууд — footer-ийн дээрх урсдаг лого (template-parts/footer-v2.php)
 * ------------------------------------------------------------------------ */
.sl-partners {
	padding: 0 0 var(--sl-space-6);
	background: var(--sl-color-bg);
}

.sl-chrome .sl-partners .sl-partners__title {
	margin: 0 0 var(--sl-space-3);
	padding: 0 var(--sl-space-3);
	color: var(--sl-color-text-muted);
	font-size: 13px;
	font-weight: var(--sl-font-weight-bold);
	line-height: 1.4;
	letter-spacing: .14em;
	text-align: center;
	text-transform: uppercase;
}

.sl-partners__viewport {
	overflow: hidden;
	/* Хоёр захад бүдгэрнэ */
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
}

.sl-partners__track {
	display: flex;
	width: max-content;
	animation: sl-marquee 32s linear infinite;
}

.sl-partners__viewport:hover .sl-partners__track {
	animation-play-state: paused;
}

.sl-partners__list {
	display: flex;
	align-items: center;
	gap: clamp(40px, 5vw, 80px);
	margin: 0;
	padding: 0 calc(clamp(40px, 5vw, 80px) / 2);
	list-style: none;
}

.sl-partners__item {
	flex: 0 0 auto;
	line-height: 0;
}

.sl-chrome .sl-partners .sl-partners__logo {
	width: auto;
	max-width: none;
	height: 48px;
	opacity: .85;
	transition: opacity var(--sl-transition), transform .3s var(--sl-ease-out);
}

.sl-chrome .sl-partners .sl-partners__item:hover .sl-partners__logo {
	opacity: 1;
	transform: scale(1.05);
}

@keyframes sl-marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@media (max-width: 767px) {
	.sl-partners {
		padding: 0 0 var(--sl-space-5);
	}

	.sl-chrome .sl-partners .sl-partners__logo {
		height: 36px;
	}

	.sl-partners__track {
		animation-duration: 24s;
	}
}

/* Хөдөлгөөн багасгах тохиргоотой үед: урсахгүй, нэг хуулбар төвд эгнэнэ. */
@media (prefers-reduced-motion: reduce) {
	.sl-partners__track {
		width: auto;
		animation: none;
		justify-content: center;
	}

	.sl-partners__viewport {
		-webkit-mask-image: none;
		mask-image: none;
	}

	.sl-partners__list {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: var(--sl-space-3);
	}

	.sl-partners__list[aria-hidden="true"] {
		display: none;
	}
}

/* ---------------------------------------------------------------------------
 * 12. CTA зурвас + footer (template-parts/footer-v2.php)
 * ------------------------------------------------------------------------ */
.sl-cta-band {
	position: relative;
	z-index: 2;
	padding: 0 var(--sl-space-3);
	background: linear-gradient(180deg, transparent 50%, var(--sl-color-ink) 50%);
}

.sl-cta-band__inner {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sl-space-4);
	max-width: 1152px;
	margin: 0 auto;
	padding: var(--sl-space-6);
	overflow: hidden;
	border-radius: 32px;
	background:
		radial-gradient(60% 120% at 100% 0%, rgba(242, 128, 39, .3) 0%, rgba(242, 128, 39, 0) 60%),
		linear-gradient(120deg, var(--sl-color-primary) 0%, var(--sl-color-ink-2) 100%);
	color: #fff;
	box-shadow: var(--sl-shadow-lg);
}

.sl-cta-band__rings {
	top: -60%;
	right: -6%;
	width: 420px;
}

.sl-cta-band__text {
	max-width: 620px;
}

.sl-cta-band .sl-cta-band__title {
	margin: 0 0 12px;
	color: #fff;
	font-size: clamp(26px, 1.8vw + 14px, 38px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.02em;
	text-wrap: balance;
}

.sl-cta-band__lead {
	margin: 0;
	color: var(--sl-color-on-dark-muted);
	font-size: 17px;
}

.sl-cta-band__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	flex: 0 0 auto;
}

.sl-cta-band :is(a, button):focus-visible {
	outline-color: #fff;
	box-shadow: 0 0 0 2px var(--sl-color-ink);
}

.sl-footer {
	padding: var(--sl-space-6) var(--sl-space-3) 0;
	background: var(--sl-color-ink);
	color: var(--sl-color-on-dark-muted);
	font-size: 15px;
}

.sl-footer__inner {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.4fr;
	gap: var(--sl-space-5);
	max-width: 1152px;
	margin: 0 auto;
	padding-bottom: var(--sl-space-5);
}

.sl-footer__logo {
	display: inline-block;
	line-height: 0;
}

.sl-footer__logo-img {
	width: auto;
	height: 46px;
}

.sl-footer__about {
	max-width: 34ch;
	margin: var(--sl-space-2) 0 var(--sl-space-3);
	line-height: 1.6;
}

.sl-footer__social {
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sl-chrome .sl-footer__social a {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 50%;
	color: #fff;
	transition: background-color var(--sl-transition), border-color var(--sl-transition), transform .25s var(--sl-ease-out);
}

.sl-chrome .sl-footer__social a:hover {
	border-color: var(--sl-color-primary);
	background: var(--sl-color-primary);
	transform: translateY(-2px);
}

.sl-chrome .sl-footer .sl-footer__title {
	margin: 0 0 var(--sl-space-2);
	color: #fff;
	font-size: 14px;
	font-weight: var(--sl-font-weight-bold);
	letter-spacing: .12em;
	text-transform: uppercase;
}

.sl-footer__links,
.sl-footer__contact {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sl-chrome .sl-footer__links a {
	display: inline-block;
	color: var(--sl-color-on-dark-muted);
	text-decoration: none;
	transition: color var(--sl-transition), transform .25s var(--sl-ease-out);
}

.sl-chrome .sl-footer__links a:hover {
	color: #fff;
	transform: translateX(4px);
}

.sl-footer__contact li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	line-height: 1.5;
}

.sl-footer__contact svg {
	flex: 0 0 auto;
	margin-top: 2px;
	color: var(--sl-color-sky);
}

.sl-chrome .sl-footer__contact a {
	color: var(--sl-color-on-dark-muted);
	text-decoration: none;
}

.sl-chrome .sl-footer__contact a:hover {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sl-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sl-space-2);
	max-width: 1152px;
	margin: 0 auto;
	padding: var(--sl-space-3) 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
	font-size: 14px;
}

.sl-footer__bottom p {
	margin: 0;
}

.sl-chrome a.sl-footer__top {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--sl-color-on-dark-muted);
	text-decoration: none;
}

.sl-footer__top svg {
	transform: rotate(180deg);
}

.sl-chrome a.sl-footer__top:hover {
	color: #fff;
}

.sl-footer :is(a, button):focus-visible {
	outline-color: #fff;
	box-shadow: 0 0 0 2px var(--sl-color-ink);
}

/* Theme-ийн "дээш" товч — footer-т өөрийн холбоостой тул desktop-д брэндийн өнгөөр */
.sl-chrome a.scrollToTop {
	border-color: transparent !important;
	background: var(--sl-color-primary) !important;
	color: #fff !important;
	box-shadow: var(--sl-shadow-lg);
}

@media (max-width: 1023px) {
	.sl-cta-band__inner {
		flex-direction: column;
		align-items: flex-start;
		padding: var(--sl-space-5);
	}

	.sl-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sl-footer__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.sl-cta-band {
		padding: 0 var(--sl-space-2);
	}

	.sl-cta-band__inner {
		padding: var(--sl-space-4) var(--sl-space-3);
		border-radius: 24px;
	}

	.sl-cta-band__actions,
	.sl-cta-band__actions .sl-btn {
		width: 100%;
	}

	.sl-footer {
		padding: var(--sl-space-5) var(--sl-space-2) 0;
	}

	.sl-footer__inner {
		gap: var(--sl-space-4) var(--sl-space-3);
	}

	.sl-footer__inner > .sl-footer__col:last-child {
		grid-column: 1 / -1;
	}
}

/* ---------------------------------------------------------------------------
 * 13. Mobile sticky bar
 * ------------------------------------------------------------------------ */
.sl-mobilebar {
	display: none;
}

@media (max-width: 767px) {
	body.sl-chrome {
		padding-bottom: calc(68px + env(safe-area-inset-bottom));
	}

	.sl-mobilebar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1001;
		display: grid;
		grid-template-columns: 1fr 1.3fr 1fr;
		align-items: center;
		gap: 6px;
		padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
		border-top: 1px solid var(--sl-color-border);
		background: color-mix(in srgb, var(--sl-color-bg) 94%, transparent);
		-webkit-backdrop-filter: saturate(180%) blur(14px);
		backdrop-filter: saturate(180%) blur(14px);
		box-shadow: 0 -8px 24px -8px rgba(11, 22, 56, .16);
	}

	.sl-mobilebar__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-height: 56px;
		padding: 6px 4px;
		border-radius: 14px;
		color: var(--sl-color-primary);
		font-size: 13px;
		font-weight: var(--sl-font-weight-semibold);
		line-height: 1.2;
		text-decoration: none;
	}

	/* Customizer-ийн `a:link, a:visited { color }`-оос давамгайлна. */
	.sl-mobilebar a.sl-mobilebar__item {
		color: var(--sl-color-primary);
	}

	.sl-mobilebar a.sl-mobilebar__item--cta,
	.sl-mobilebar a.sl-mobilebar__item--cta:visited {
		background: var(--sl-color-accent);
		color: var(--sl-color-on-accent);
		box-shadow: 0 8px 18px -8px color-mix(in srgb, var(--sl-color-accent) 85%, transparent);
	}

	.sl-mobilebar a.sl-mobilebar__item--cta:hover {
		background: var(--sl-color-accent-hover);
		color: var(--sl-color-on-accent);
	}

	/* Theme-ийн "дээш" товч sticky bar-ийн ард орохгүй. */
	.sl-chrome #scrollUp,
	.sl-chrome .scrollToTop,
	.sl-chrome .scrollup {
		bottom: calc(84px + env(safe-area-inset-bottom)) !important;
	}
}


/* ---------------------------------------------------------------------------
 * Хөдөлгөөн багасгах тохиргоо
 * ------------------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
	.sl-header,
	.sl-header__inner,
	.sl-header__logo-img,
	.sl-chrome .sl-btn {
		transition: none;
	}

	.sl-header.is-nav-open .sl-nav,
	.sl-nav li.is-open > .sub-menu,
	:is(.sl-rings, .sl-hero__rings, .sl-cta-band__rings) > span {
		animation: none;
	}

	.sl-chrome .sl-btn:hover {
		transform: none;
	}
}