.wrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
}
body:has(.modal-open) {
	padding-right: var(--scrollbar-width);
}
.main {
	flex-grow: 1;
	transition: margin 0.3s linear;
}
.main--scrolled {
	margin-top: var(--header-top-height);
}
.ur-container {
	max-width: 1232px;
	margin: 0 auto;
	padding: 0 16px;
	width: 100%;
}
.block {
	display: block;
}
.hidden {
	display: none !important;
}
.list-unstyled {
	list-style: none;
}
.button-primary {
	padding-block: 14px;
	background-color: var(--color-ur-primary);
	cursor: pointer;
	font-size: var(--text-lg);
	line-height: var(--tw-leading, var(--text-lg--line-height));
	padding-inline: 32px;
	text-align: center;
	--tw-font-weight: var(--font-weight-bold);
	color: var(--color-white);
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: color, background-color, border-color, outline-color,
		text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
		--tw-gradient-to;
	transition-timing-function: var(
		--tw-ease,
		var(--default-transition-timing-function)
	);
	white-space: nowrap;
	--tw-duration: 0.5s;
	border-radius: 17.5px;
	transition-duration: 0.5s;
}
@media (hover: hover) {
	.button-primary:hover {
		background-color: var(--color-ur-btn-hover);
	}
}
@media (min-width: 48rem) {
	.button-primary {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
	}
}
.button-primary__wrap {
	display: flex;
	justify-content: center;
	margin-top: 70px;
}
.button-primary--alone {
	font-size: 1.125rem;
}
.xmark {
	width: 40px;
	height: 40px;
	position: relative;
	transition: all 0.5s ease-in-out;
}
.xmark:before {
	height: 2px;
	width: 50%;
}
.xmark:after,
.xmark:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: var(--color-ur-gray-200);
	transform: translate(-50%, -50%);
	transition: background-color 0.5s ease-in-out;
}
.xmark:after {
	height: 50%;
	width: 2px;
}
.i-telegram,
.i-whatsapp {
	color: var(--color-ur-social-neutral);
	transition: color 0.5s;
}
.i-whatsapp:hover {
	color: var(--color-ur-whatsapp);
}
.i-telegram:hover {
	color: var(--color-ur-telegram);
}
.i-nav {
	height: 12px;
	width: 12px;
}
.i-footer {
	color: var(--color-black);
	font-size: 18px;
	height: 18px;
	position: absolute;
	text-align: center;
	width: 28px;
}
.i-link {
	color: var(--color-ur-link);
}
/* =========================================
   HEADER
========================================= */

.header {
	position: sticky;
	top: 0;
	z-index: 40;

	background-color: var(--color-white);
	font-size: var(--text-xl);
	line-height: var(--text-xl--line-height);

	transition: box-shadow 0.3s linear;
}

.header--scrolled {
	box-shadow: 0 4px 20px 4px rgba(22, 44, 70, 0.14);
}

/* =========================================
   HEADER TOP
========================================= */

.header-top {
	max-height: var(--header-top-height);
	overflow: hidden;
	transition:
		max-height 0.3s linear,
		opacity 0.5s linear;
	will-change: max-height;
}

.header--scrolled.header--large .header-top {
	max-height: 0;
	opacity: 0;
}

.header-top__inner {
	display: flex;
	align-items: center;
	height: 49px;
}

@media (min-width: 48rem) {
	.header-top__inner {
		height: 59px;
		border-bottom: 1px solid var(--color-neutral-200);
	}
}

@media (min-width: 62rem) {
	.header-top__inner {
		height: 79px;
	}
}

/* =========================================
   LOGO / HOME
========================================= */

.header-home {
	display: flex;
	align-items: center;
	flex-grow: 1;
	height: 100%;
	max-width: 133px;
	overflow: hidden;
}

@media (min-width: 36rem) {
	.header-home {
		max-width: 150px;
	}
}

@media (min-width: 64rem) {
	.header-home {
		max-width: 215px;
	}
}

.header-home__logo {
	color: transparent;
}

/* =========================================
   ADDRESS
========================================= */

.header-address {
	margin-inline: 12px;
	font-size: 0.75rem;
	line-height: normal;
}

@media (max-width: 47.99rem) {
	.header-address {
		display: none;
	}
}

@media (min-width: 62rem) {
	.header-address {
		margin-left: 16px;
		font-size: 0.875rem;
	}
}

@media (min-width: 64rem) {
	.header-address {
		margin-left: 32px;
	}
}

@media (min-width: 75rem) {
	.header-address {
		margin-left: 50px;
	}
}

/* =========================================
   PHONE
========================================= */

.header-phone {
	margin-left: auto;
}

.header-phone__link {
	color: var(--color-ur-link);
	font-size: 1.125rem;
	line-height: normal;
	white-space: nowrap;
}

@media (min-width: 36rem) {
	.header-phone__link {
		font-size: 1.25rem;
	}
}

@media (min-width: 62rem) {
	.header-phone__link {
		font-size: 25px;
	}
}

/* =========================================
   SOCIALS
========================================= */

.header-socials {
	display: none;
	margin-inline: 12px;
}

@media (min-width: 48rem) {
	.header-socials {
		display: block;
	}
}

@media (min-width: 62rem) {
	.header-socials {
		margin-inline: 24px;
	}
}

/* =========================================
   BUTTON
========================================= */

.header__button {
	display: none;

	padding: 6px 8px;
	border: 1px solid var(--color-ur-orange);
	border-radius: 17.5px;

	background-color: var(--color-white);
	color: var(--color-ur-orange);

	font-size: 0.75rem;
	line-height: normal;
	text-transform: uppercase;
	white-space: nowrap;

	cursor: pointer;
	transition: all 0.5s ease-in-out;
}

@media (min-width: 48rem) {
	.header__button {
		display: block;
	}
}

@media (min-width: 62rem) {
	.header__button {
		padding-inline: 12px;
		font-size: 0.875rem;
	}
}

@media (hover: hover) {
	.header__button:hover {
		color: var(--color-white);
		background-color: var(--color-ur-orange);
	}
}

/* =========================================
   BURGER
========================================= */

.burger {
	position: relative;
	z-index: 20;

	width: 25px;
	height: 20px;
	margin-left: 12px;
}

@media (min-width: 48rem) {
	.burger {
		display: none;
	}
}

.burger span,
.burger::before,
.burger::after {
	content: '';
	position: absolute;
	left: 0;

	width: 100%;
	height: 2px;

	background-color: var(--color-black);
	transition: all 0.3s ease;
}

.burger span {
	top: 9px;
}

.burger::before {
	top: 0;
}

.burger::after {
	bottom: 0;
}

.mobile-nav-lock .burger {
	margin-left: auto;
}

.mobile-nav-lock .burger::before {
	top: 9px;
	transform: rotate(-45deg);
	background: var(--color-ur-orange);
}

.mobile-nav-lock .burger::after {
	bottom: 9px;
	transform: rotate(45deg);
	background: var(--color-ur-orange);
}

.mobile-nav-lock .burger span {
	transform: scale(0);
}

/* =========================================
   DESKTOP NAV
========================================= */

@media (max-width: 47.99rem) {
	.nav {
		display: none;
	}
}

.nav-list {
	position: relative;
	display: flex;
	margin-inline: -8px;
	list-style: none;
}

.nav-list::after {
	content: '';
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: -1px;

	height: 1px;
	background-color: var(--color-neutral-200);
}

body:not(:has(.hero--cleaned)) .nav-list::after,
body:has(.fullsize-img) .nav-list::after {
	background-color: transparent;
}

.nav-list__item:not(:first-child) {
	margin-left: auto;
}

.nav-list__link {
	position: relative;
	display: flex;
	align-items: center;
	padding: 15px 8px;
	color: var(--color-black);
}

.nav-list__label,
.nav__icon {
	transition: all 0.5s ease;
}

.nav-list__label {
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
}

.nav__icon {
	margin-left: 10px;
	font-size: 0.75rem;
}

@media (hover: hover) {
	.nav-list__link:hover {
		color: var(--color-ur-orange);
	}
}
/* =========================================
   MOBILE NAVIGATION
========================================= */

.mobile-nav {
	position: fixed;
	top: var(--header-height);
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;

	display: none;
	max-height: calc(100vh - var(--header-height));

	background-color: var(--color-white);
	overflow: hidden;
}

@supports (max-height: 100dvh) {
	.mobile-nav {
		max-height: calc(100dvh - var(--header-height));
	}
}

/* Когда открыта мобильная навигация */
.mobile-nav-lock {
	overflow: hidden;
}

.mobile-nav-lock .header-home {
	display: none;
}

.mobile-nav-lock .header-phone {
	display: none;
}

.mobile-nav--open {
	display: flex;
	flex-direction: column;
}

.mobile-nav__list {
	width: 100%;
	margin: 0;
	z-index: 10;
	background-color: var(--color-white);
}

.mobile-nav__list:not(:has(.block)) {
	overflow-y: auto;
}

.mobile-nav__list--submenu {
	position: absolute;
	inset: 0;
	padding-bottom: var(--header-height);
	background-color: var(--color-white);
	z-index: 20;
}

.mobile-nav__item {
	position: static;
	display: flex;
	align-items: center;
}

.mobile-nav__item:not(:first-child) {
	margin-left: 0;
}

.mobile-nav__item--menu {
	height: calc(var(--spacing) * 12.5);
}

.mobile-nav__item--submenu {
	height: calc(var(--spacing) * 9.5);
	padding-left: calc(var(--spacing) * 5);
}

.mobile-nav__link {
	position: relative;

	display: flex;
	align-items: center;

	width: 100%;
	height: 100%;

	padding-inline: calc(var(--spacing) * 5);

	text-align: left;
	white-space: normal;
}

.mobile-nav__label {
	transition: color 0.5s ease;
	line-height: normal;
}

.mobile-nav__label--menu {
	flex-grow: 1;
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: uppercase;
}

.mobile-nav__label--submenu {
	flex-grow: 1;
	font-size: 15px;
}

.mobile-nav__item--submenu:nth-child(2) .mobile-nav__label--submenu {
	color: var(--color-ur-orange);
	font-weight: 700;
}

/* =========================================
   NAV ICONS
========================================= */

.nav__icon--back {
	position: absolute;
	left: calc(var(--spacing) * -0.5);
	margin: 0;
}

/* =========================================
   SUBLIST
========================================= */

.nav-sublist {
	list-style: none;
}

.nav-sublist--deep-1 {
	flex-basis: 33.3333%;
}

@media (max-width: 35.99rem) {
	.nav-sublist--deep-1:first-child {
		padding-top: 14px;
	}

	.nav-sublist--deep-1:last-child {
		padding-bottom: 14px;
	}
}

@media (min-width: 36rem) {
	.nav-sublist--deep-1 {
		padding-block: 14px;
	}
}

.nav-sublist__item {
	position: relative;
}

.nav-sublist__link {
	display: flex;
	align-items: center;
	justify-content: space-between;

	padding-inline: 20px;

	background-color: var(--color-white);

	font-size: 0.875rem;
	line-height: normal;

	transition: color 0.25s ease-in-out;
}

@media (hover: hover) {
	.nav-sublist__link:hover {
		color: var(--color-ur-primary);
	}
}

.nav-sublist__link--deep-1 {
	padding-block: 10px;
}

.nav-sublist__link--deep-2 {
	padding-block: 7px;
	font-size: 0.75rem;
}

/* =========================================
   NAV PANEL
========================================= */

.nav-list__item--active .nav-panel,
html:not(.js-enabled) .nav-list__item:hover .nav-panel {
	display: flex;
}

.nav-panel {
	position: absolute;
	right: 6px;
	left: 6px;

	display: none;
	overflow: hidden;

	max-height: calc(100vh - 100% - 130px);
	padding-bottom: 20px;

	border-bottom-left-radius: 17.5px;
	border-bottom-right-radius: 17.5px;

	background-color: var(--color-white);
	box-shadow: 0 6px 10px 3px rgba(22, 44, 70, 0.14);

	z-index: 10;
}

.header--scrolled .nav-panel {
	max-height: calc(100vh - 200%);
}

/* =========================================
   NAV PANEL SCROLLER
========================================= */

.nav-panel__scroller {
	width: 100%;
	padding-right: 10px;

	transition: max-height 0.3s ease-in-out;
	will-change: max-height;
}

@media (min-width: 36rem) {
	.nav-panel__scroller {
		display: flex;
	}
}

.nav-panel__scroller--scrollable {
	overflow-y: auto;
	padding-right: 0;
}

.nav-panel__scroller--scrollable::-webkit-scrollbar {
	width: 10px;
}

.nav-panel__scroller--scrollable::-webkit-scrollbar-button {
	height: 0;
	background-color: transparent;
}

.nav-panel__scroller--scrollable::-webkit-scrollbar-thumb {
	background-color: var(--color-ur-primary);
}

/* Firefox */
@supports not selector(::-webkit-scrollbar) {
	.nav-panel__scroller {
		padding-right: var(--scrollbar-width);
	}

	.nav-panel__scroller--scrollable {
		padding-right: 0;
		scrollbar-color: var(--color-ur-primary) transparent;
	}
}

/* =========================================
   FOOTER
========================================= */

.footer {
	margin-top: 70px;
	border-top: 1px solid var(--color-neutral-200);
	background-color: var(--color-white);
}

/* =========================================
   FOOTER TOP
========================================= */

.footer-top {
	margin-top: 40px;
	margin-bottom: 50px;
}

.footer-top__inner {
	display: flex;
	flex-wrap: wrap;
}

/* =========================================
   PRIME BLOCK
========================================= */

.footer-prime {
	flex-basis: 100%;
}

@media (min-width: 48rem) {
	.footer-prime {
		flex-basis: 50%;
	}
}

@media (min-width: 62rem) {
	.footer-prime {
		flex-basis: 320px;
	}
}

@media (min-width: 75rem) {
	.footer-prime {
		flex-basis: 360px;
	}
}

.footer-home {
	display: flex;
	max-width: 250px;
	margin-bottom: 30px;
}

.footer-prime__item {
	position: relative;
	display: flex;
	align-items: center;

	font-size: 0.875rem;
	line-height: normal;
}

.footer-prime__mail {
	margin-top: 20px;
}

.footer-prime__label {
	margin-left: 36px;
}

/* =========================================
   NAVIGATION
========================================= */

.footer-nav {
	flex-basis: 100%;
}

@media (max-width: 47.99rem) {
	.footer-nav {
		margin-top: 40px;
	}
}

@media (min-width: 48rem) {
	.footer-nav {
		flex-basis: 50%;
		padding-inline: 10px;
	}
}

@media (min-width: 62rem) {
	.footer-nav {
		flex-basis: 16.6667%;
	}
}

@media (min-width: 75rem) {
	.footer-nav {
		flex-basis: 170px;
	}
}

.footer-nav__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer-nav__item:not(:last-child) {
	margin-bottom: 15px;
}

.footer-nav__link {
	font-size: 1.125rem;
}

/* =========================================
   ROUTES
========================================= */

.footer-routes {
	flex-basis: 100%;
	flex-grow: 1;
}

@media (max-width: 61.99rem) {
	.footer-routes {
		margin-top: 15px;
	}
}

@media (min-width: 48rem) {
	.footer-routes {
		flex-basis: 50%;
		padding-inline: 10px;
	}
}

@media (min-width: 48rem) and (max-width: 61.99rem) {
	.footer-routes {
		order: 2;
	}
}

@media (min-width: 62rem) {
	.footer-routes {
		flex-basis: 25%;
	}
}

.footer-routes__sublist {
	margin-top: 10px;
}

.footer-routes__item {
	display: flex;
}

.footer-routes__item:not(:last-child) {
	margin-bottom: 4px;
}

.footer-routes__link {
	font-size: 0.75rem;
	line-height: 1.35;
}

/* =========================================
   CONTACTS
========================================= */

.footer-contacts {
	flex-basis: 100%;
}

@media (max-width: 47.99rem) {
	.footer-contacts {
		margin-top: 40px;
	}
}

@media (min-width: 48rem) {
	.footer-contacts {
		flex-basis: 50%;
	}
}

@media (min-width: 62rem) {
	.footer-contacts {
		flex-basis: 25%;
	}
}

.footer-contacts__communication {
	margin-bottom: 20px;
}

.footer-contacts__label {
	display: block;
	margin-bottom: 20px;

	font-size: 1.25rem;
	font-weight: 700;
	line-height: normal;
}

.footer-contacts__phone {
	display: inline-block;
	margin-bottom: 20px;

	color: var(--color-ur-link);
	font-size: 26px;
	line-height: normal;
}

.footer-contacts__button {
	height: auto;
	padding: 5px 25px;
	line-height: normal;
}

/* =========================================
   LINKS WITH UNDERLINE ANIMATION
========================================= */

.footer-top__link--lined {
	position: relative;
}

.footer-top__link--lined::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;

	width: 0;
	height: 1px;

	background-color: var(--color-black);
	transition: width 0.3s ease-in-out;
}

@media (hover: hover) {
	.footer-top__link--lined:hover::after {
		width: 100%;
	}
}

/* =========================================
   FOOTER BOTTOM
========================================= */

.footer-bottom {
	background-color: var(--color-ur-dark);
}

.footer-bottom .ur-container {
	padding-block: 15px;
}

.footer-bottom__inner {
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
	line-height: normal;
}

.footer-bottom__block {
	color: var(--color-ur-gray-200);
	font-size: 0.75rem;
	line-height: normal;
}

@media (max-width: 47.99rem) {
	.footer-bottom__block {
		flex-basis: 100%;
	}

	.footer-bottom__block:nth-child(2) {
		display: none;
	}
}

@media (min-width: 48rem) {
	.footer-bottom__block {
		flex-basis: 50%;
	}

	.footer-bottom__block:nth-child(2n) {
		text-align: right;
	}
}

.footer-bottom__link {
	transition: color 0.25s ease-in-out;
}

@media (hover: hover) {
	.footer-bottom__link:hover {
		color: var(--color-white);
	}
}

/* Hero */
.hero {
	display: flex;
	max-height: 700px;
	position: relative;
}
.hero:not(.hero--cleaned) {
	padding-bottom: 76px;
	min-height: 600px;
}
@media (min-width: 48rem) {
	.hero:not(.hero--cleaned) {
		min-height: 460px;
	}
}
.hero__background {
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -1;
	opacity: 0.35;
	transition:
		filter 0.4s ease,
		opacity 0.4s ease;
}
.hero__container {
	position: relative;
	display: flex;
	flex-direction: column;
}
.hero__title {
	margin: 5rem 0 36px;
	color: var(--color-black);
	font-size: 2rem;
	font-weight: 700;
	line-height: normal;
	text-align: center;
}
@media (min-width: 48rem) {
	.hero__title {
		font-size: 2.25rem;
		text-align: left;
	}
}
@media (min-width: 62rem) {
	.hero__title {
		font-size: 2.75rem;
	}
}
.hero.hero--cleaned .hero__title {
	margin-bottom: 30px;
}
.hero__benefits {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	gap: 1.25rem;
}
.hero__benefit--row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.hero__benefit {
	line-height: normal;
}
.hero__benefits:not(:last-child) {
	margin-bottom: 1.25rem;
}
.hero__benefit--default {
	margin-left: 1.25rem;
}
.hero__icon {
	color: var(--wp--preset--color--ur-primary);
	font-size: 24px;
	flex-shrink: 0;
	width: 24px;
}
.hero__text p {
	line-height: 1;
}
.hero__text p:not(:last-child) {
	margin-bottom: 6px;
}
.hero__text strong {
	font-size: 20px;
	line-height: 1.4;
}
.hero__button.button-primary {
	align-self: center;
	flex-shrink: 0;
}
@media (min-width: 48rem) {
	.hero__button.button-primary {
		align-self: flex-start;
		padding-block: 12px;
	}
}
/* Breadcrumbs */
.breadcrumbs {
	left: 0;
	margin-top: 7px;
	position: absolute;
	right: 0;
	z-index: 1;
}
.breadcrumbs__list {
	display: flex;
	overflow-x: auto;
	padding-inline: 16px;
	scrollbar-width: none;
	width: 100%;
}
.breadcrumbs__item {
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	--tw-leading: normal;
	align-items: center;
	display: flex;
	line-height: normal;
}
.breadcrumbs__item:not(:last-child):after {
	content: '/';
	margin-inline: 6px;
}
.breadcrumbs__item:not(:last-child) .breadcrumbs__link:after {
	background-color: var(--color-black);
	height: 1px;
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: width;
	transition-timing-function: var(
		--tw-ease,
		var(--default-transition-timing-function)
	);
	width: 0;
	--tw-duration: 0.3s;
	content: '';
	--tw-ease: var(--ease-in-out);
	display: block;
	transition-duration: 0.3s;
	transition-timing-function: var(--ease-in-out);
}
@media (hover: hover) {
	.breadcrumbs__item:not(:last-child) .breadcrumbs__link:hover:after {
		content: '';
		width: 100%;
	}
}
.breadcrumbs__item:last-child .breadcrumbs__link {
	pointer-events: none;
}
.breadcrumbs__link {
	padding: 4px;
	color: var(--color-black);
	text-wrap: nowrap;
}
/* List styles */
.fa-list ol,
.fa-list ul {
	list-style-type: none;
}
.fa-list ol li,
.fa-list ul li {
	padding-left: 30px;
	position: relative;
}
.fa-list ol li::before,
.fa-list ul li::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: var(--color-ur-primary);
	font-family: 'Font Awesome 6 Free';
	font-size: 20px;
	font-weight: 900;
}
.fa-list--arrow-right ol li::before,
.fa-list--arrow-right ul li::before {
	content: '\f178';
}
.fa-list--circle-check ol li::before,
.fa-list--circle-check ul li::before {
	content: '\f058';
	font-weight: 400;
}
.fa-list--check ol li::before,
.fa-list--check ul li::before {
	content: '\f00c';
}
.std-list--null ol,
.std-list--null ul {
	list-style: none;
}
.std-list--decimal ol,
.std-list--decimal ul {
	list-style-type: decimal;
	margin-left: 17px;
}
.std-list--disc ol,
.std-list--disc ul {
	list-style-type: disc;
	margin-left: 17px;
}
.std-list--decimal-bold ol,
.std-list--decimal-bold ul {
	list-style-type: decimal;
	margin-left: 17px;
}
.std-list--decimal-bold ol li::marker {
	font-weight: 700;
}
.std-list--decimal-bold ul li::marker {
	font-weight: 700;
}
.std-list--decimal-span ol,
.std-list--decimal-span ul {
	list-style-type: none;
	margin-left: 17px;
}
:is(.std-list--decimal-span ol, .std-list--decimal-span ul) li span {
	margin-left: -17px;
}
/* Цвет маркера */
.std-list--decimal ol li::marker,
.std-list--decimal ul li::marker,
.std-list--decimal-bold ol li::marker,
.std-list--decimal-bold ul li::marker,
.std-list--decimal-span ol li::marker,
.std-list--decimal-span ul li::marker {
	color: inherit;
}
/* Universal Blocks */
.u-list {
	-moz-column-gap: 15px;
	column-gap: 15px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.25rem;
	row-gap: 1.25rem;
	list-style: none;
}
.u-list__item {
	background-color: var(--color-white);
	border-color: var(--color-black);
	border-style: solid;
	border-width: 1px;
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: color, background-color, border-color, outline-color,
		text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
		--tw-gradient-to;
	transition-timing-function: var(
		--tw-ease,
		var(--default-transition-timing-function)
	);
	--tw-duration: 0.25s;
	--tw-ease: var(--ease-in-out);
	border-radius: 17.5px;
	flex-grow: 1;
	transition-duration: 0.25s;
	transition-timing-function: var(--ease-in-out);
}
@media (hover: hover) {
	.u-list__item:hover {
		background-color: var(--color-ur-neutral);
		border-color: var(--color-ur-neutral);
	}
}
.u-list__link {
	color: var(--color-black);
	display: block;
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	padding: 10px;
	text-align: center;
}
@media (min-width: 48rem) {
	.u-images__grid {
		display: flex;
		gap: 24px;
	}
}
@media (min-width: 62rem) {
	.u-images__grid {
		gap: calc(var(--spacing) * 10);
	}
}
@media (min-width: 75rem) {
	.u-images__grid {
		gap: 70px;
	}
}
@media (min-width: 48rem) {
	.u-images-text--right {
		max-width: 66.6667%;
	}
	.u-images-text--left {
		max-width: 58.3333%;
	}
}
.u-images-picture {
	border-radius: 17.5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-block: 1.25rem;
	overflow: hidden;
	position: relative;
	width: 100%;
}
@media not all and (min-width: 48rem) {
	.u-images-picture {
		align-items: center;
	}
}
@media (min-width: 36rem) {
	.u-images-picture {
		min-width: 280px;
	}
}
@media (min-width: 62rem) {
	.u-images-picture--left {
		order: -1;
	}
}
.u-images-picture--top {
	align-self: flex-start;
}
.u-images-picture--mid {
	align-self: center;
}
.u-images-picture--bot {
	align-self: flex-end;
}
.u-images-picture__item {
	border-radius: 17.5px;
}
@media (min-width: 32rem) and (max-width: 48rem) {
	.u-images-picture__item {
		max-width: 500px;
	}
}
.u-images-caption {
	margin-top: 10px;
}
.u-images-caption__label {
	font-size: var(--text-xs);
	line-height: var(--tw-leading, var(--text-xs--line-height));
	text-align: center;
	--tw-leading: var(--leading-normal);
	line-height: var(--leading-normal);
}
/* Universal - Текст + изображение */
/* Страница-услуга */
@media (min-width: 48rem) {
	.page-template-page-service .u-images-text--left {
		max-width: 75%;
	}
	.page-template-page-service .u-images-picture {
		max-width: 25%;
	}
	.page-template-page-service .u-images-picture__item {
		position: static;
	}
}
.page-template-page-service .u-images-picture--top {
	align-self: flex-start;
	position: sticky;
	top: var(--header-top-height);
}
/*  */
.u-table:first-child {
	margin-top: 1.25rem;
}
.u-table:last-child {
	margin-bottom: 1.25rem;
}
.u-table i,
.u-table li {
	font-size: 14px;
}
.u-table p {
	--tw-leading: 1.3;
	line-height: 1.3;
}
.u-table table {
	width: 100%;
}
@media (min-width: 36rem) {
	.u-table tbody {
		text-align: justify;
	}
}
.u-table th {
	text-align: var(--table-text-align);
	text-transform: var(--table-text-transform);
}
.u-table td,
.u-table th {
	--tw-border-style: solid;
	border-color: var(--color-ur-table-line);
	border-style: solid;
	border-width: 1px;
	min-width: 110px;
	padding: 10px;
}
.u-table thead {
	background-color: var(--color-ur-table);
}
.u-table ul {
	list-style: none;
}
@media not all and (min-width: 36rem) {
	.u-table ul {
		padding: 6px 0;
	}
}
@media (min-width: 36rem) {
	.u-table ul {
		padding: 6px 0 6px 16px;
	}
}
.u-table ul li:before {
	content: '—';
	padding-right: 0.75rem;
}
.u-table .table {
	width: 100%;
}
.page-content + .u-table {
	margin-top: calc(var(--spacing) * 7);
}
.page-content:not(:first-child) {
	margin-top: 1.25rem;
}
@supports not (display: flow-root) {
	.page-content {
		overflow: hidden;
	}
}
@supports (display: flow-root) {
	.page-content {
		display: flow-root;
	}
}
@media (min-width: 48rem) {
	.page-content {
		text-align: justify;
	}
}
.page-content p:not(:last-child) {
	margin-bottom: 16px;
}
.page-content a {
	--tw-font-weight: var(--font-weight-normal);
	color: var(--color-ur-link);
	font-weight: var(--font-weight-normal);
}
.page-content h2 {
	text-align: left;
	--tw-leading: var(--leading-normal);
	font-size: 28px;
	line-height: var(--leading-normal);
	--tw-font-weight: var(--font-weight-bold);
	font-weight: var(--font-weight-bold);
	margin: 80px 0 40px;
}
@media not all and (min-width: 48rem) {
	.page-content h2 {
		font-size: 22px;
		margin: 60px 0 30px;
		text-align: center;
	}
}
.page-content h3 {
	font-size: var(--text-xl);
	line-height: var(--tw-leading, var(--text-xl--line-height));
	margin-block: 1.25rem;
	--tw-font-weight: var(--font-weight-bold);
	font-weight: var(--font-weight-bold);
}
:is(.page-content ol, .page-content ul):not(:last-child) {
	margin-block: 16px;
}
.page-content ul ::marker {
	color: var(--color-ur-primary);
}
.page-content ul::marker {
	color: var(--color-ur-primary);
}
.page-content ul ::-webkit-details-marker,
.page-content ul::-webkit-details-marker {
	color: var(--color-ur-primary);
}
.page-content li:not(:last-child) {
	margin-bottom: 12px;
}
.page-content br + br {
	line-height: 16px;
}
@media not all and (min-width: 75rem) {
	.page-content .image-style-align-right {
		margin-left: 50px;
	}
}
@media (min-width: 48rem) {
	.page-content .image-style-align-right {
		float: right;
	}
}
@media not all and (min-width: 62rem) {
	@media (min-width: 48rem) {
		.page-content .image-style-align-right {
			margin: 0 0 20px 24px;
		}
	}
}
@media (min-width: 75rem) {
	.page-content .image-style-align-right {
		margin-left: 70px;
	}
}
@media not all and (min-width: 48rem) {
	.page-content:has(.service-director) {
		display: flex;
		flex-direction: column;
	}
	.page-content .service-director {
		margin: 0 auto 20px;
		max-width: 300px;
		width: 100% !important;
	}
	.page-content:has(.service-director) .service-director {
		margin: 60px auto 0;
		order: 999;
	}
}
.page-content .image img {
	border-radius: 17.5px;
}
.page-content .image figcaption {
	font-size: var(--text-xs);
	line-height: var(--tw-leading, var(--text-xs--line-height));
	margin-top: 10px;
	text-align: center;
	--tw-leading: var(--leading-normal);
	line-height: var(--leading-normal);
}
.page-content .image figcaption strong {
	display: block;
}
.page-content .table td {
	border-style: var(--tw-border-style);
	border-width: 1px;
}
@media (min-width: 48rem) {
	.u-price-section {
		padding-top: 20px;
	}
}
.u-policy-page li ::marker {
	color: var(--color-ur-primary);
}
.u-policy-page li::marker {
	color: var(--color-ur-primary);
}
.u-policy-page li ::-webkit-details-marker,
.u-policy-page li::-webkit-details-marker {
	color: var(--color-ur-primary);
}
/*  Общие стили .form-primary  */

.form-primary {
	column-gap: 24px;
	margin-bottom: calc(var(--spacing) * 1);
	transition: margin 0.3s var(--default-transition-timing-function);
	display: grid;
}
@media not all and (min-width: 62rem) {
	.form-primary {
		column-gap: 16px;
		row-gap: 24px;
	}
}
@media not all and (min-width: 48rem) {
	.form-primary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media not all and (min-width: 36rem) {
	.form-primary {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
@media (min-width: 48rem) {
	.form-primary {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.form-primary:has([data-p='invalid']) {
		margin-bottom: 1.25rem;
	}
}
@media (min-width: 75rem) {
	.form-primary {
		column-gap: 50px;
	}
}

.form-primary__group {
	flex-grow: 1;
	max-width: var(--container-sm);
	position: relative;
}
@media not all and (min-width: 62rem) {
	.form-primary__group {
		max-width: var(--container-md);
	}
}
.form-primary__buttons {
	position: relative;
}
@media not all and (min-width: 48rem) {
	.form-primary__buttons {
		max-width: var(--container-md);
	}
}

.form-primary__field {
	width: 100%;
	border: 2px solid var(--color-ur-gray);
	border-radius: var(--radius-lg);
	padding: 6px 18px;
	line-height: 1.5;
	background-color: var(--color-white);
	transition:
		border-color 0.3s var(--default-transition-timing-function),
		background-color 0.3s var(--default-transition-timing-function);
	outline: none;
}
.form-primary__field[data-p='invalid'] {
	border-color: var(--color-ur-error);
}
.form-primary__field:focus:not([data-p='invalid']) {
	border-color: var(--color-ur-primary);
}
.form-primary__field:disabled {
	background-color: var(--color-ur-gray);
	cursor: not-allowed;
}

.form-primary__error {
	color: var(--color-ur-error);
	font-size: var(--text-xs);
	line-height: var(--text-xs--line-height);
	margin-top: calc(var(--spacing) * 1);
	position: absolute;
	left: 0;
	top: 100%;
}

.form-primary__button {
	background-color: var(--color-ur-primary);
	cursor: pointer;
	font-size: var(--text-sm);
	line-height: var(--text-sm--line-height);
	padding-block: 6px;
	padding-inline: 32px;
	text-align: center;
	width: 100%;
	font-weight: var(--font-weight-bold);
	color: var(--color-white);
	text-transform: uppercase;
	transition: background-color 0.3s var(--ease-out);
	white-space: nowrap;
	border-radius: 17.5px;
}
@media (hover: hover) {
	.form-primary__button:hover {
		background-color: var(--color-ur-btn-hover);
	}
}
@media (min-width: 62rem) {
	.form-primary__button {
		font-size: var(--text-base);
		line-height: var(--text-base--line-height);
	}
}
.form-primary__button:disabled {
	background-color: var(--color-ur-btn-hover);
	cursor: default;
	opacity: 0.75;
}
.form-primary__button.is-loading {
	position: relative;
	color: transparent;
	pointer-events: none;
}
.form-primary__button.is-loading::after {
	content: '';
	position: absolute;
	inset: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: urfo-spin 0.65s linear infinite;
}
@keyframes urfo-spin {
	to {
		transform: rotate(360deg);
	}
}

/*  Модальное окно: специфика  */

/* Кнопка закрытия (наследует .xmark из main.css) */
.modal__close {
	height: 50px;
	width: 50px;
	position: absolute;
	right: 6px;
	top: 6px;
	transform: rotate(45deg);
	transition: all 0.5s ease-in-out;
}
.modal__close::before {
	height: 2px;
	width: 50%;
}
.modal__close:after {
	height: 50%;
	width: 2px;
}
.modal__close:after,
.modal__close:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: var(--color-ur-gray-200);
	transform: translate(-50%, -50%);
	transition: all 0.5s ease-in-out;
}

.modal__close svg {
	fill: var(--color-black);
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: fill;
	transition-timing-function: var(
		--tw-ease,
		var(--default-transition-timing-function)
	);
	--tw-duration: 0.3s;
	--tw-ease: var(--ease-in-out);
	transition-duration: 0.3s;
	transition-timing-function: var(--ease-in-out);
}
@media (hover: hover) {
	.modal__close:hover svg {
		fill: var(--color-ur-gray-200);
	}
}
.modal__close:after,
.modal__close:before {
	background-color: var(--color-black);
	content: '';
}
@media (hover: hover) {
	.modal__close:hover:after,
	.modal__close:hover:before {
		background-color: var(--color-ur-gray-200);
	}
}

/* Экраны — переключение через hidden-атрибут (управляет JS) */
.modalform__screen {
	width: 100%;
	height: 100%;
}

/* Форма внутри модалки: одноколоночная */
.modalform__content {
	margin-top: 40px;
	width: 100%;
}
.modalform__head {
	text-align: center;
}
.modalform__title {
	font-size: var(--text-3xl);
	line-height: var(--tw-leading, var(--text-3xl--line-height));
	--tw-leading: normal;
	--tw-font-weight: var(--font-weight-bold);
	font-weight: var(--font-weight-bold);
	line-height: normal;
}
.modalform__promo {
	--tw-leading: normal;
	line-height: normal;
	margin-block: 20px;
}
.modalform__body {
	gap: 30px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 10px;
	margin-top: 30px;
}
.modalform__body:has([data-p='invalid']) {
	margin-bottom: 10px;
}
.modalform__content .form-primary__buttons {
	align-self: auto;
	flex-basis: 100%;
	margin-top: 10px;
	max-width: 100%;
}
.modalform__button {
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	--tw-leading: normal;
	line-height: normal;
	padding-block: 10px;
}
.modalform__group {
	max-width: 100%;
}
.modalform-result__phone {
	color: var(--color-ur-link);
	font-size: 22px;
}
.modalform-result__back {
	font-size: var(--text-sm);
	line-height: var(--tw-leading, var(--text-sm--line-height));
	padding: 10px 15px;
	text-transform: none;
}
.modalform-result {
	height: 100%;
	width: 100%;
}
.modalform-result,
.modalform-result__body {
	align-items: center;
	display: flex;
	flex-direction: column;
}
.modalform-result__body {
	margin-block: auto;
	text-align: center;
}
.modalform-result__icon {
	font-size: 54px;
}
.modalform-result__heading {
	font-size: var(--text-2xl);
	line-height: var(--tw-leading, var(--text-2xl--line-height));
	margin-top: 1.25rem;
	--tw-font-weight: var(--font-weight-bold);
	font-weight: var(--font-weight-bold);
}
.modalform-result__message {
	margin-top: 15px;
}
.modalform-result--success {
	color: var(--color-ur-success);
}
.modalform-result--fail {
	color: var(--color-ur-error);
}
.modalform-result__bottom {
	align-items: center;
	display: flex;
	gap: 15px;
	margin-bottom: calc(var(--spacing) * 10);
}
.modalform-result__socials {
	flex-direction: row-reverse;
	gap: 15px;
}
.modalform__policy {
	font-size: 10px;
}
/* Выигранные дела */
.cases-grid {
	gap: 24px;
}
@media not all and (min-width: 48rem) {
	.cases-grid {
		scroll-snap-type: x var(--tw-scroll-snap-strictness);
		--tw-scroll-snap-strictness: mandatory;
		display: flex;
		overflow-x: auto;
		scroll-behavior: smooth;
		scrollbar-width: none;
	}
}
@media (min-width: 48rem) {
	.cases-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
.cases-grid__item {
	background-color: var(--color-ur-case);
	border-radius: 2em;
	gap: 24px;
	padding: 24px;
}
@media not all and (min-width: 62rem) {
	.cases-grid__item {
		display: flex;
		flex-direction: column;
	}
}
@media not all and (min-width: 48rem) {
	.cases-grid__item {
		flex: 0 0 70%;
	}
}
@media not all and (min-width: 36rem) {
	.cases-grid__item {
		flex-basis: 90%;
	}
}
@media (min-width: 62rem) {
	.cases-grid__item {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
.cases-grid__preview {
	align-self: flex-start;
	cursor: pointer;
	overflow: hidden;
}
@supports (overflow: clip) {
	.cases-grid__preview {
		overflow: clip;
	}
}
@media not all and (min-width: 62rem) {
	.cases-grid__preview {
		height: 360px;
		width: 100%;
		display: flex;
	}
}
.cases-grid__preview:hover .cases-grid__thumb {
	transform: scale(1.2);
}
.cases-grid__thumb {
	object-fit: cover;
	transition: all 0.75s 50ms;
}
@media not all and (min-width: 62rem) {
	.cases-grid__thumb {
		margin-inline: auto;
		width: auto;
	}
}
.cases-grid__content {
	grid-column-start: 2;
	line-height: 24px;
}
.cases-grid__content ul,
.cases-grid__content ol {
	list-style: none;
}
.cases-grid__content h3 {
	font-size: var(--text-xl);
	line-height: var(--leading-tight);
	font-weight: var(--font-weight-bold);
}
@media not all and (min-width: 62rem) {
	.cases-grid__content h3 {
		margin-bottom: 18px;
	}
}
@media (min-width: 62rem) {
	.cases-grid__content h3 {
		margin-bottom: 24px;
	}
}
.cases-grid__content p:not(:last-child) {
	margin-bottom: 12px;
}
.cases-grid__content ul li:not(:first-child) {
	margin-top: 12px;
}
/* Cases Modal */
.cases-modal__window {
	position: relative;
	z-index: 1;
	max-width: 90vw;
	/* max-height: 90vh; */
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media not all and (min-width: 62rem) {
	.cases-modal__window {
		max-width: 80vw;
	}
}
.cases-modal__viewer {
	overflow: hidden;
	/* max-width: 90vw;
	max-height: 90vh; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.cases-modal__img {
	max-height: calc(100vh - (16px * 2));
	cursor: zoom-in;
	user-select: none;
}
.cases-modal__ui {
	display: flex;
	gap: 12px;
	margin-top: 16px;
}
.cases-modal__prev,
.cases-modal__next {
	padding: 1.25rem;
	position: absolute;
	top: 50%;
	cursor: pointer;
}
@media not all and (min-width: 48rem) {
	.cases-modal__prev,
	.cases-modal__next {
		padding-inline: 2.5%;
	}
}
/* Кнопка - Предыдущее изображение */
.cases-modal__prev {
	left: 0;
	transform: translateY(-50%);
}
/* Кнопка - следующее изображение */
.cases-modal__next {
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}
.cases-modal__prev svg,
.cases-modal__next svg {
	height: 40px;
	width: 40px;
	fill: var(--color-ur-gray-200);
	transition: fill 0.3s ease-in-out;
}
@media not all and (min-width: 48rem) {
	.cases-modal__prev svg,
	.cases-modal__next svg {
		height: 24px;
		width: 24px;
	}
}
@media (hover: hover) {
	.cases-modal__prev:hover svg,
	.cases-modal__next:hover svg {
		fill: var(--color-ur-orange);
	}
}
/* Reviews */
.reviews-video__card {
	height: 425px;
}
.reviews-gallery {
	display: flex;
	gap: 32px;
	margin: 8px -1rem;
	padding-inline: 1rem;
	scrollbar-width: none;
}
.reviews-gallery:last-child {
	margin-bottom: 0;
}
@media not all and (min-width: 62rem) {
	.reviews-gallery {
		overflow-x: scroll;
	}
}
@media (min-width: 62rem) {
	.reviews-gallery {
		gap: 20px;
	}
}
@media (min-width: 75rem) {
	.reviews-gallery {
		gap: 32px;
	}
}
.reviews-gallery + .page-content {
	margin-top: 0;
}
.reviews-gallery__card {
	cursor: pointer;
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: transform, translate, scale, rotate;
	transition-timing-function: var(
		--tw-ease,
		var(--default-transition-timing-function)
	);
	--tw-duration: 0.5s;
	border-radius: 17.5px;
	flex-basis: 60%;
	overflow: clip;
	position: relative;
	transition-duration: 0.5s;
}
@media not all and (min-width: 62rem) {
	.reviews-gallery__card {
		flex-shrink: 0;
	}
}
@media (min-width: 36rem) {
	.reviews-gallery__card {
		flex-basis: 40%;
	}
}
@media (min-width: 48rem) {
	.reviews-gallery__card {
		flex-basis: 33.3333%;
	}
}
@media (min-width: 62rem) {
	.reviews-gallery__card {
		flex-basis: 290px;
	}
}
@media (hover: hover) {
	@media (min-width: 62rem) {
		.reviews-gallery__card:hover {
			transform: scale(1.025);
		}
	}
}
@media (min-width: 75rem) {
	.reviews-gallery__card {
		flex-basis: 284px;
	}
}
.reviews-gallery__card:hover .reviews-gallery__play {
	background-color: var(--color-ur-primary);
}
.reviews-gallery__picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.reviews-gallery__play {
	background-color: var(--color-white);
	fill: var(--color-black);
	height: 32px;
	padding: 8px;
	pointer-events: none;
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: color, background-color, border-color, outline-color,
		text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
		--tw-gradient-to;
	transition-timing-function: var(
		--tw-ease,
		var(--default-transition-timing-function)
	);
	width: 32px;
	--tw-duration: 0.25s;
	border-radius: 50%;
	position: absolute;
	right: 16px;
	top: 16px;
	transition-duration: 0.25s;
}
/* Reviews Modals */
.reviews-video-modal__window {
	position: relative;
	z-index: 1;
	width: min(800px, 90vw);
	aspect-ratio: 16 / 9;
}
.reviews-video-modal__iframe-wrap {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
	background: #000;
}
.reviews-text-modal__window {
	position: relative;
	z-index: 1;
	max-width: 90vw;
	max-height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media not all and (min-width: 62rem) {
	.reviews-text-modal__window {
		max-width: 80vw;
	}
}
.reviews-text-modal__img {
	display: block;
	max-width: 90vw;
	max-height: 90vh;
	object-fit: contain;
	cursor: zoom-in;
	transition: transform 0.1s ease;
	user-select: none;
	overflow: hidden;
}
/* Кнопка закрытия */
.reviews-modal__close,
.cases-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	cursor: pointer;
	width: 32px;
	height: 32px;
	padding: 0;
	transform: none;
}
/* Иконка - svg, отменяем псевдоэлементы */
.reviews-modal__close::before,
.reviews-modal__close::after,
.cases-modal__close::before,
.cases-modal__close::after {
	content: none;
}
.reviews-modal__close svg,
.cases-modal__close svg {
	width: 100%;
	height: 100%;
	fill: var(--color-ur-gray-200);
}
@media (hover: hover) {
	.reviews-modal__close:hover svg,
	.cases-modal__close:hover svg {
		fill: var(--color-ur-orange);
	}
}

/*  */
.layout-socials {
	align-items: center;
	display: flex;
	gap: 4px;
}
.fa-social {
	font-size: 29px;
}
.nav-socials {
	gap: 16px;
	margin-bottom: 1.25rem;
	margin-top: auto;
	padding-inline: 1.25rem;
}
.nav-socials .fa-social {
	font-size: 32px;
}
.nav-socials .i-telegram {
	color: var(--color-ur-telegram);
}
.nav-socials .i-whatsapp {
	color: var(--color-ur-whatsapp);
}
.modal {
	height: 100%;
	left: 0;
	top: 0;
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: opacity;
	transition-timing-function: var(
		--tw-ease,
		var(--default-transition-timing-function)
	);
	width: 100%;
	z-index: 100000;
	--tw-duration: 0.3s;
	background-color: #000c;
	position: fixed;
	display: none;
	transition-duration: 0.3s;
}
.modal.modal-open {
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal-container {
	background-color: var(--color-white);
	border-style: var(--tw-border-style);
	--tw-shadow: 0 0 5px 5px var(--tw-shadow-color, #00000026);
	border-color: #888;
	border-radius: 17.5px;
	border-width: 1px;
	box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
		var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
	display: inline-flex;
	height: calc(100% - 24px);
	max-height: 465px;
	max-width: 465px;
	padding: 20px;
	position: relative;
	width: 100%;
}
.modal-container,
.modal-content {
	overflow: hidden;
}
.modal-content {
	position: absolute;
}
@media not all and (min-width: 62rem) {
	.modal-content {
		left: 0;
		margin-inline: auto;
		max-width: 80%;
		right: 0;
		transform: translateY(-50%);
	}
}
.modal-ui__prev {
	cursor: pointer;
	padding: 1.25rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media not all and (min-width: 48rem) {
	.modal-ui__prev {
		padding-inline: 2.5%;
	}
}
.modal-ui__prev svg {
	height: calc(var(--spacing) * 10);
	width: calc(var(--spacing) * 10);
}
@media not all and (min-width: 48rem) {
	.modal-ui__prev svg {
		height: 24px;
		width: 24px;
	}
}
.modal-ui__next {
	cursor: pointer;
	padding: 1.25rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media not all and (min-width: 48rem) {
	.modal-ui__next {
		padding-inline: 2.5%;
	}
}
.modal-ui__next svg {
	height: calc(var(--spacing) * 10);
	transform: rotate(180deg);
	width: calc(var(--spacing) * 10);
}
@media not all and (min-width: 48rem) {
	.modal-ui__next svg {
		height: 24px;
		width: 24px;
	}
}
.modal-ui__close {
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 32px;
}
.modal-ui__close svg {
	height: 100%;
	width: 100%;
}
.modal-gallery {
	height: 100%;
	overflow: hidden;
}
.modal-gallery__slider {
	display: flex;
	height: 100%;
}
.modal-gallery__slide {
	display: none;
}
.modal-gallery__slide.active {
	display: flex;
}
.modal-gallery__picture {
	-o-object-fit: contain;
	object-fit: contain;
}
.modal-carousel__list {
	transform: none !important;
}
/* Documents */
.docs-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.docs-list:first-child {
	margin-top: 5rem;
}
.docs-list__item {
	display: flex;
}
.docs-list__link {
	align-items: center;
	display: flex;
	gap: 12px;
}
.docs-list__link:hover .docs-list__text:after {
	content: '';
	width: 100%;
}
.docs-list__icon {
	background-color: var(--color-white);
	border: 1px solid oklch(92.2% 0 0);
	flex-shrink: 0;
	height: 40px;
	padding: 8px;
	width: 40px;
}
.docs-list__text {
	--tw-leading: normal;
	font-size: 20px;
	line-height: normal;
	position: relative;
}
.docs-list__text:after {
	background-color: var(--color-ur-primary);
	bottom: -3px;
	content: '';
	height: 1px;
	left: 0;
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: width;
	transition-timing-function: var(
		--tw-ease,
		var(--default-transition-timing-function)
	);
	width: 0;
	--tw-duration: 0.5s;
	position: absolute;
	transition-duration: 0.5s;
}
/* Accordion */
.accordion {
	list-style: none;
}
.accordion:first-child {
	margin-top: 20px;
}
.accordion__item {
	border-top: 2px solid oklch(92.2% 0 0);
	cursor: pointer;
	padding-block: 20px;
}
.accordion__item:hover .accordion__icon svg {
	fill: var(--color-ur-orange-three);
}
.accordion__item:not(.accordion__item--active) .accordion__body {
	margin-top: 0 !important;
	max-height: 0 !important;
	opacity: 0;
}
.accordion__item--active {
	padding-bottom: 30px;
}
.accordion__item--active .accordion__icon {
	transform: rotate(45deg);
}
.accordion__header {
	align-items: center;
	cursor: pointer;
	display: flex;
	width: 100%;
}
.accordion__title {
	text-align: left;
	--tw-leading: normal;
	--tw-font-weight: var(--font-weight-bold);
	font-size: 20px;
	font-weight: var(--font-weight-bold);
	line-height: normal;
}
.accordion__icon {
	flex-shrink: 0;
	margin-left: auto;
	transition: 0.3s ease all;
}
.accordion__icon svg {
	width: 24px;
	height: 24px;
	fill: var(--color-ur-gray-200);
	transition: 0.3s ease all;
}
.accordion__body {
	max-height: var(--accordion-height);
	transition-duration: var(--tw-duration, var(--default-transition-duration));
	transition-property: max-height, margin, opacity;
	transition-timing-function: var(
		--tw-ease,
		var(--default-transition-timing-function)
	);
	--tw-duration: 0.5s;
	--tw-ease: var(--ease-in-out);
	display: flow-root;
	margin-top: 30px;
	overflow: hidden;
	transition-duration: 0.5s;
	transition-timing-function: var(--ease-in-out);
	will-change: max-height, margin;
}
.accordion__content {
	margin-top: 0;
}
.accordion__content p:not(:last-child) {
	margin-bottom: 10px;
}
/* Callback */
/* ══════════════════════════════════════════════════════════════════════════
   modal-form.css — стили модальной формы и форм-захвата
   ══════════════════════════════════════════════════════════════════════════ */
.callback {
	margin-top: 80px;
	position: relative;
}
@media not all and (min-width: 48rem) {
	.callback {
		margin-top: 60px;
	}
}
.callback-capture {
	background-color: var(--color-ur-form-primary);
	border-radius: 1.25rem;
	padding-block: calc(var(--spacing) * 10);
}
@media not all and (min-width: 62rem) {
	.callback-capture {
		padding-inline: calc(var(--spacing) * 7.5);
	}
}
@media (min-width: 62rem) {
	.callback-capture {
		padding: 50px;
	}
}
.callback-capture__head {
	margin-bottom: calc(var(--spacing) * 7.5);
}
@media not all and (min-width: 48rem) {
	.callback-capture__head {
		margin-bottom: 1.25rem;
	}
}
@media not all and (min-width: 36rem) {
	.callback-capture__head {
		text-align: center;
	}
}
.callback-capture__title {
	font-size: var(--text-2xl);
	font-weight: var(--font-weight-bold);
	line-height: normal;
	margin-bottom: 1.25rem;
}
.callback-capture__description {
	line-height: 1;
}
.callback-capture__policy {
	font-size: 10px;
}

.text-ur-link {
	color: var(--color-ur-link);
}
.social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	transition: opacity 0.25s var(--ease-in-out);
}
@media (hover: hover) {
	.social-link:hover {
		opacity: 0.75;
	}
}
.social-link svg {
	width: 28px;
	height: 28px;
}
.social-link--telegram {
	color: var(--color-ur-telegram);
}
.social-link--whatsapp {
	color: var(--color-ur-whatsapp);
}
/* Сетка услуг */
.services-grid {
	display: grid;
	gap: var(--services-grid-gap);
	grid-template-columns: repeat(12, minmax(0, 1fr));
}
.services-grid:not(:first-child) {
	margin-top: 22px;
}
.services-grid:not(:last-child) {
	margin-bottom: 22px;
}
@media not all and (min-width: 75rem) {
	@media (min-width: 36rem) {
		.services-grid {
			gap: var(--services-grid-gap-mini);
		}
	}
}
.services-grid__item {
	min-height: 6.5rem;
	border: 1px solid var(--color-neutral-200);
	border-radius: 35px;
	padding: 25px;
	position: relative;
	transition-duration: 0.25s;
	overflow: hidden;
}
@media (hover: hover) {
	.services-grid__item:hover {
		border-color: var(--color-black);
	}
}
@media (min-width: 62rem) {
	.services-grid__item {
		min-height: 134px;
	}
}
.services-grid__heading {
	border-bottom: 2px solid #0000;
	display: inline-block;
	transition-duration: 0.25s;
}
@media (hover: hover) {
	.services-grid__heading:hover {
		border-color: var(--color-black);
	}
}
.services-grid__link {
	font-size: var(--text-2xl);
	line-height: var(--text-2xl--line-height);
	font-weight: var(--font-weight-bold);
}
@media not all and (min-width: 48rem) {
	.services-grid__link {
		font-size: var(--text-xl);
		line-height: var(--text-xl--line-height);
	}
}
.services-grid__item--large {
	grid-area: span 1 / span 12 / span 1 / span 12;
}
@media (min-width: 36rem) {
	.services-grid__item--large {
		grid-area: span 2 / span 6 / span 2 / span 6;
	}
}
.services-grid__item--medium {
	grid-area: span 1 / span 12 / span 1 / span 12;
}
@media (min-width: 36rem) {
	.services-grid__item--medium {
		grid-column: span 6 / span 6;
	}
}
.services-grid__item--small {
	grid-area: span 1 / span 12 / span 1 / span 12;
}
@media (min-width: 36rem) {
	.services-grid__item--small {
		grid-column: span 6 / span 6;
	}
}
@media (min-width: 62rem) {
	.services-grid__item--small {
		grid-column: span 4 / span 4;
	}
}
.services-grid__background--loaded {
	opacity: 0.18;
}
.services-sublist {
	margin-top: 1.125rem;
	list-style: none;
}
@media (min-width: 48rem) {
	.services-sublist {
		margin-top: 1.75rem;
	}
}
.services-sublist__item {
	line-height: 1.8;
}
.services-sublist__link {
	border-bottom: 1px solid #0000;
	transition:
		color,
		background-color,
		border-color,
		outline-color,
		text-decoration-color,
		fill,
		stroke,
		--tw-gradient-from,
		--tw-gradient-via,
		--tw-gradient-to 0.3s ease;
}
@media (hover: hover) {
	.services-sublist__link:hover {
		border-color: var(--color-black);
	}
}
/* Фоновое изображение */
.services-grid__background {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	opacity: 0;
	transition: opacity 0.4s ease;
}
.services-grid__background--loaded {
	opacity: 0.18;
}
.s-services-section {
	margin-block: 1.25rem;
}
.s-home-section {
	margin-bottom: 5rem;
}
.services-goto {
	grid-column: span 12;
}
.services-goto__link {
	margin-left: calc(50% + var(--services-grid-gap) / 2);
	border: 1px solid var(--color-ur-link);
	border-radius: 17.5px;
	padding: 10px 16px;
	display: inline-block;
	color: var(--color-ur-link);
	font-size: 18px;
	white-space: nowrap;
	text-align: center;
	background-color: var(--color-white);
	transition:
		color 0.25s var(--ease-in-out),
		border-color 0.25s var(--ease-in-out);
}
@media (hover: hover) {
	.services-goto__link:hover {
		border-color: var(--color-ur-orange);
		color: var(--color-ur-orange);
	}
}
@media not all and (min-width: 36rem) {
	.services-goto__link {
		display: block;
		margin-inline: auto;
		max-width: 280px;
	}
}
@media not all and (min-width: 75rem) {
	@media (min-width: 36rem) {
		.services-goto__link {
			margin-left: calc(50% + var(--services-grid-gap-mini) / 2);
		}
	}
}
/* Преимущества */
.fc-default-grid {
	max-width: 960px;
	margin-inline: auto;
}
.fc-default-grid__item {
	position: relative;
}
.fc-default-grid__item:before {
	content: '';
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	position: absolute;
	background-color: var(--color-ur-primary);
}
.fc-default-grid__item:after {
	content: '';
	width: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: var(--color-ur-line);
	z-index: -1;
}
.fc-default-grid__item:nth-child(odd) {
	padding-right: 50px;
}
.fc-default-grid__item:nth-child(odd):before {
	content: '';
	top: 0;
}
.fc-default-grid__item:nth-child(2n) {
	margin-left: auto;
	padding-left: 50px;
}
.fc-default-grid__item:nth-child(2n):before {
	content: '';
	left: calc(var(--spacing) * -2.5);
	top: 0;
}
.fc-default-grid__item:nth-child(2n):after {
	content: '';
	left: -1px;
}
@media not all and (min-width: 62rem) {
	.fc-default-grid__item:nth-child(odd) {
		padding-right: calc(var(--spacing) * 10);
	}
}
@media not all and (min-width: 40rem) {
	.fc-default-grid__item:not(:last-child) {
		padding-bottom: 10px;
	}
	.fc-default-grid__item:nth-child(odd) {
		padding-inline: 32px 0;
	}
	.fc-default-grid__item:nth-child(odd):before {
		content: '';
		left: calc(var(--spacing) * -2.5);
	}
	.fc-default-grid__item:nth-child(odd):after {
		content: '';
		left: -1px;
	}
	.fc-default-grid__item:nth-child(2n) {
		padding-inline: 32px 0;
	}
}
@media (min-width: 40rem) {
	.fc-default-grid__item {
		max-width: 50%;
	}
	.fc-default-grid__item:nth-child(odd):before {
		content: '';
		right: calc(var(--spacing) * -2.5);
	}
	.fc-default-grid__item:nth-child(odd):after {
		content: '';
		right: -1px;
	}
	@media not all and (min-width: 62rem) {
		.fc-default-grid__item:nth-child(2n) {
			padding-left: calc(var(--spacing) * 10);
		}
	}
}
.fc-default-grid__label {
	--tw-font-weight: var(--font-weight-bold);
	font-size: 20px;
	font-weight: var(--font-weight-bold);
}
@media not all and (min-width: 48rem) {
	.fc-default-grid__label {
		font-size: 18px;
	}
}
.fc-default-grid__text:not(:first-child) {
	margin-top: 10px;
}
.fc-default-grid__text p:not(:last-child) {
	margin-bottom: 0;
}
.fc-pluses-grid {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media not all and (min-width: 48rem) {
	.fc-pluses-grid {
		gap: 0;
	}
}
@media not all and (min-width: 40rem) {
	.fc-pluses-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
@media not all and (min-width: 62rem) {
	@media (min-width: 40rem) {
		.fc-pluses-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
}
@media not all and (min-width: 75rem) {
	@media (min-width: 62rem) {
		.fc-pluses-grid {
			gap: 20px;
		}
	}
}
.fc-pluses-grid__item {
	border: 1px solid var(--color-neutral-200);
	--tw-backdrop-blur: blur(var(--blur-md));
	-webkit-backdrop-filter: var(--tw-backdrop-blur,)
		var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
		var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
		var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
		var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
	backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
		var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
		var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
		var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
		var(--tw-backdrop-sepia,);
	background-color: #ffffff1a;
	padding: 60px 20px 30px;
	position: relative;
}
@media not all and (min-width: 48rem) {
	.fc-pluses-grid__item {
		padding-top: 40px;
	}
}
@media not all and (min-width: 40rem) {
	.fc-pluses-grid__item:first-child {
		border-top-left-radius: 17.5px;
		border-top-right-radius: 17.5px;
	}
	.fc-pluses-grid__item:last-child {
		border-bottom-left-radius: 17.5px;
		border-bottom-right-radius: 17.5px;
	}
}
@media (min-width: 40rem) {
	.fc-pluses-grid__item {
		border-radius: 17.5px;
	}
}
.fc-pluses-grid__circle {
	width: 50px;
	height: 50px;
	border: 1px solid var(--color-neutral-200);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translate(-50%);
	background-color: var(--color-white);
}
.fc-pluses-grid__circle:after {
	--tw-content: attr(value);
	content: var(--tw-content);
}
.fc-pluses-grid__label {
	text-align: center;
	--tw-font-weight: var(--font-weight-bold);
	font-size: 20px;
	font-weight: var(--font-weight-bold);
}
@media not all and (min-width: 48rem) {
	.fc-pluses-grid__label {
		font-size: 18px;
	}
}
@media (min-width: 62rem) {
	.fc-pluses-grid__label {
		min-height: 60px;
	}
}
.fc-pluses-grid__text {
	padding-top: 10px;
	text-align: center;
}
@media not all and (min-width: 48rem) {
	.fc-pluses-grid__text {
		padding-bottom: 10px;
	}
}
.fc-pluses {
	padding-bottom: calc(var(--spacing) * 20);
	position: relative;
}
.fc-default-bg {
	position: absolute;
	inset: 0;
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.17;
	z-index: -10;
}
/* Страница "Отзывы" */
.mention {
	position: relative;
	display: flex;
	height: calc(100vh - var(--header-height));
	max-height: 100dvh;
	min-height: 300px;
}

.mention__effect {
	position: absolute;
	inset: 0;
	z-index: -5;
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0.7)
	);
}

.mention__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding-inline: 20px;
	color: var(--color-white);
	text-align: center;
}

.mention__title {
	font-size: 42px;
	font-weight: 600;
	line-height: normal;
}

@media (max-width: 35.99rem) {
	.mention__title {
		font-size: 32px;
	}
}

.mention__description {
	margin-top: 25px;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: normal;
}

.mention__button {
	margin-top: 50px;
	padding: 14px 33px;
	border-radius: 9999px;
	background-color: var(--color-ur-orange);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.mention__bg {
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 4px;
	z-index: -10;
}
/* =========================================
   CONTACTS DETAILS
========================================= */

.contacts-details {
	margin-top: 20px;
	list-style: none;
}

.contacts-details__item {
	font-size: 1.125rem;
	line-height: 1.55;
}

.contacts-details__link {
	color: var(--color-ur-link);
}

/* =========================================
   CONTACTS GRID
========================================= */

@media (min-width: 48rem) {
	.contacts-grid {
		padding-block: 20px;
		display: flex;
		gap: 25px;
	}
}

@media (min-width: 75rem) {
	.contacts-grid {
		margin-inline: 20px;
	}
}

/* =========================================
   CONTACTS INFO
========================================= */

.contacts-grid__info {
	border-radius: 17.5px;
	padding: 46px 25px;
	box-shadow: 0 0 12px 4px rgba(22, 44, 70, 0.21);
	line-height: normal;
}

@media (min-width: 48rem) {
	.contacts-grid__info {
		max-width: 520px;
	}
}

@media (min-width: 48rem) and (max-width: 63.99rem) {
	.contacts-grid__info {
		width: 50%;
	}
}

@media (min-width: 75rem) {
	.contacts-grid__info {
		flex-grow: 1;
	}
}

/* =========================================
   CONTACTS CONTENT
========================================= */

.contacts-grid__heading {
	margin-bottom: 20px;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.4;
}

.contacts-grid__description {
	margin-top: 20px;
	font-size: 0.875rem;
	line-height: 1.45;
}

/* =========================================
   CONTACTS MAP
========================================= */

.contacts-grid__map {
	border-radius: 17.5px;
	flex: 50%;
	box-shadow: 0 0 12px 4px rgba(22, 44, 70, 0.21);
	overflow: hidden;
}

@media (max-width: 47.99rem) {
	.contacts-grid__map {
		height: 400px;
		margin-top: 60px;
	}
}

@media (min-width: 48rem) {
	.contacts-grid__map {
		max-width: 600px;
		margin-left: auto;
	}
}

/* ABOUT */

@media not all and (min-width: 48rem) {
	.ui-about-section + .ui-about-section {
		margin-top: 60px;
	}
}
@media (min-width: 48rem) {
	.ui-about-section + .ui-about-section {
		margin-top: 80px;
	}
}
.ui-about-section h2 {
	margin-block: 0 30px;
	font-size: 28px;
	text-align: left;
}
.ui-about-section li::marker {
	color: var(--color-ur-primary);
}

/* SERVICES */

.s-services {
	background: #fff;
	border-radius: 17px;
	padding: 14px 0;
	box-shadow: 0 2px 10px 3px rgba(22, 44, 70, 0.14);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.s-services__col {
	list-style: none;
}

.s-services__link {
	display: flex;
	align-items: center;
	padding: 9.5px 20px;
	font-size: 14px;
	color: var(--color-ur-dark);
	transition: color 0.25s ease-in-out;
}

.s-services__link:hover {
	color: var(--color-ur-primary);
}

.s-services__sublist {
	padding: 0 20px;
	list-style: none;
}

.s-services__sublink {
	display: flex;
	align-items: center;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1.3;
	color: var(--color-ur-dark);
	transition: color 0.25s ease-in-out;
}

.s-services__sublink:hover {
	color: var(--color-ur-primary);
}

@media (max-width: 767px) {
	.s-services {
		grid-template-columns: 1fr;
	}
}

/* SITEMAP */
#sitemap .sub-menu {
	margin-top: 12px;
}

/* FAB */
.buzzer {
	border-radius: 50%;
	position: fixed;
	bottom: 0;
	right: 50px;
	display: flex;
	overflow: hidden;
	translate: -100% -50%;
	transition: bottom 0.5s var(--ease-out);
	z-index: 10;
}

@media (max-width: 1659px) {
	.buzzer {
		right: 0;
		translate: -50% -50%;
	}
}

@media (max-width: 47.9375rem) {
	.buzzer {
		translate: -25% -25%;
	}
}

body:has(.modal-open) .buzzer {
	right: calc(50px + var(--scrollbar-width));
}

body:has(.cookie:not(.cookie--hidden)) .buzzer {
	bottom: 50px;
}

.buzzer__link {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}

.buzzer__icon {
	margin: 2.15px -1px;
	border-radius: 50%;
	color: var(--color-ur-telegram);
	font-size: 74px;
	background-color: var(--color-white);
}

/* Cookie */
.cookie {
	background-color: #ffffff;
	bottom: 0;
	box-shadow: 0 0 4px 2px #162c4624;
	position: fixed;
	transition:
		opacity 0.75s ease-out,
		transform 0.5s ease-out;
}

.cookie,
.cookie::before {
	left: 0;
	width: 100%;
}

.cookie::before {
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	background-color: var(--color-ur-neutral);
	z-index: -10;
}

.cookie--hidden {
	opacity: 0;
	transform: translateY(100%);
}

.cookie__content {
	align-items: center;
	display: flex;
	gap: 0.75rem;
	justify-content: center;
	margin-inline: auto;
	max-width: 96rem;
	padding: 10px 14px;
}

.cookie__text {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

@media (max-width: 61.9375rem) {
	.cookie__text {
		font-size: 0.75rem;
		line-height: 1rem;
	}
}

.cookie__text a {
	color: var(--color-ur-link);
	cursor: pointer;
}

.cookie__button {
	cursor: pointer;
}

.cookie__icon {
	width: 20px;
	height: 20px;
	fill: #9ca3af;
	transition: fill 0.3s ease-in;
}

.cookie__icon:hover {
	fill: #000;
}