:root{
	--fonts: "Futura PT", sans-serif;
	--fonts-second: "Spectral", serif;

	--color-bg: #F7F7F8;          /* Основной фон */
	--color-bg-secondary: #F7F7F8; /* Вторичный фон */
	--color-text: #363636;        /* Основной текст */
	--color-text-hover: #f1bcc2;
	--color-text-secondary: #6C6C6C;
	--color-primary: #9FA9C8;     /* Основной акцент */
	--color-secondary: #334575;   /* Вторичный акцент */
	--color-text-gray: #7D7D7D;
	--color-text-gray-secondary: #8F8F8F;
	--color-error: #e74c3c;       /* Ошибка */
	--color-success: #27ae60;     /* Успех */
	--color-bg-gray: #F5F5F5;

	--color-border: #A5B1D2;
	--color-border-secondary: #AFAFAF;

	--border-radius: 16px;
	--unit-spacing: 40px 0; /* межблочный отступ */
}

*{
	box-sizing: border-box;
}
body{
	font-family: var(--fonts);
	color: var(--color-text);
	background-color: var(--color-bg);
	margin: 0;
	overflow-x: hidden;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
main{
	flex: 1;
	padding: 66px 0 100px;
	position: relative;
}
main:has(.heading-section){
	padding: 0 0 100px;
}
main:after {
	content: '';
	position: absolute;
	left: 38px;
	right: 0;
	top: 65px;
	bottom: 0;
	border: 1px solid #A5B1D2;
	max-width: 1920px;
	border-bottom: 0;
	border-right: 0;
	border-top-left-radius: 422px;
	z-index: -1;
	display: none;
}
img{
	max-width: 100%;
}
button{
	cursor: pointer;
	font-family: var(--fonts);
}
a{
	text-decoration: none;
	color: var(--color-text);
}
a:hover{
	color: var(--color-text-hover);
}
h1, .h1{
	font-family: var(--fonts-second);
}

.bg-gray{
	background-color: var(--color-bg-gray);
	padding: 24px;
	border-radius: var(--border-radius);
}
.no-scroll{
	overflow: hidden;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.grid{
	display: grid;
}
.container{
	max-width: 1920px;
	padding: 0 100px;
	margin: 0 auto;
}
.full-width{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
.flex--space-between {
	justify-content: space-between;
}
.align-items-center{
	align-items: center;
}
.unit-spacing{
	padding: var(--unit-spacing);
}

.btn{
	padding: 12px 30px;
	display: block;
	max-width: max-content;
	background-color: var(--color-secondary);
	font-weight: 450;
	font-size: 16px;
	line-height: 168%;
	text-align: center;
	text-transform: uppercase;
	min-width: 300px;
	letter-spacing: 1.6px;

	color: #fff;
	cursor: pointer;
	border: 1px solid var(--color-secondary);
	transition: all 300ms ease-out;
	font-family: var(--fonts);
}
.btn:hover{
	background-color: #273867;
	color: #fff;
}
.btn:active{
	background-color: #22325D;
}
.btn.btn--disabled{
	opacity: .5;
	cursor: default;
}
.btn.btn--white{
	background-color: #F7F7F8;
	color: #363636;
	font-weight: 450;
	font-size: 14px;
}
.btn.btn--white:hover{
	background-color: #EBEBF2;
	color: #363636;

}
.btn.btn--white:active{
	background-color: #E4E4EB;
}
.btn-text {
	font-weight: 400;
	font-size: 18px;
	line-height: 152%;
	text-transform: uppercase;
	border: none;
	background: transparent;
	padding: 0;
	display: block;
	cursor: pointer;
	color: #363636;
	letter-spacing: 1.5px;
	font-family: var(--fonts);
}
.btn-text.btn-text--white{
	color: #fff;
}
.btn:focus{
	outline: none;
}



.btn.btn-icon{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 30px center;
	padding: 10px 30px 10px 64px;
	font-weight: 400;
	text-transform: none;
	color: var(--color-text);
	transition: all .2s linear;
}
.btn.btn-icon:hover{
	background-color: #a5b1d22e;
}
.btn-icon-svg svg path{
	transition: fill .2s linear;
}
.btn-icon-svg:hover svg path{
	fill: var(--color-secondary);
}

.btn.btn-border{
	background-color: transparent;
	font-weight: 400;
	text-transform: uppercase;
	color: #334575;
	min-width: max-content;
	padding: 12px 23px;
	letter-spacing: 1.5px;
	border-color: #7486B8;
}
.btn.btn-border:hover{
	background-color: #27386712;
	border-color: #9AA9D0;
}
.btn.btn-border.btn-border--white:hover{
	background-color: #FFFFFF1A;
	color: #fff;
	border-color: #fff;
}
.btn.btn-border.btn-border--white {
	color: #fff;
	border-color: #fff;
}
.btn-icon-svg {
	padding: 12px;
	gap: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.btn-icon-svg.button-wishlist {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 48px;
	height: 48px;
}
.btn-icon-svg.button-wishlist:hover svg {
	transform: scale(1.167);
}

.btn-icon-svg.button-wishlist svg {
	transition: all .2s linear;
}
.btn-icon-svg.button-wishlist svg path{transition: all .2s linear;}

.btn-icon-svg.button-wishlist:hover svg path{
	fill: #D9D9D980;
}
.btn-icon-svg.button-wishlist.in-wishlist svg path{fill: #fff}

.prompt {
	position: relative;
	cursor: pointer;
	display: flex;
}
.prompt span {
	position: absolute;
	background-color: #808DAF;
	padding: 12px;
	font-weight: 400;
	font-size: 16px;
	line-height: 114.99999999999999%;
	text-transform: none;
	color: #fff;
	width: 237px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: translate(calc(-50% + 13px), -65%);
	letter-spacing: 0;
	display: none;
}
.prompt:hover span{
	display: block;
	animation: showBlock 0.5s linear forwards;
}
.label-prompt:after{
	content: '';
	position: absolute;
	width: 8px;
	height: 5px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5' fill='none'><path d='M5 4.99976L0.898682 0.898438H9.10132L5 4.99976Z' fill='%23808DAF'/></svg>");
	bottom: -4px;
	background-position: top center;
	background-position-x: center;
	background-position-y: top;
	left: 0;
	right: 0;
	margin: auto;
}
.label-prompt {
	background-color: #808DAF;
	color: #fff;
	padding: 8px;
	position: absolute;
	width: 120px;
	font-weight: 400;
	font-size: 16px;
	line-height: 115%;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
	transform: translate(calc(50% - 90px), -98%);
}
.prompt span:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 5px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5' fill='none'><path d='M5 4.99976L0.898682 0.898438H9.10132L5 4.99976Z' fill='%23808DAF'/></svg>");
	bottom: -4px;
	background-position: top center;
	background-position-x: center;
	background-position-y: top;
	left: 0;
	right: 0;
	margin: auto;
}
.prompt span.has-icon {
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 44px;
	background-size: 24px;
}
.prompt span a {
	color: #fff;
	border-bottom: 1px solid;
	cursor: pointer;
}

.checkbox {
	position: relative;
	font-weight: 400;
	font-size: 18px;
	line-height: 125%;
	padding-left: 29px;
}
.checkbox a {
	text-decoration: underline;
	color: #506EBD;
}
.checkbox input{
	display: none;
}
.checkbox:after{
	content: '';
	width: 14px;
	height: 14px;
	border: 2px solid #B1B9CF;
	border-radius: 4px;
	display: flex
;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .2s
	linear;
	position: absolute;
	left: 0;
	top: 1px;
}
.checkbox:has(input:checked):after{
	background-image: url("data:image/svg+xml,%3Csvg%20width='13'%20height='10'%20viewBox='0%200%2013%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M4.5%209.4L1.2%206.1C0.8134%205.7134%200.813401%205.0866%201.2%204.7C1.5866%204.3134%202.2134%204.3134%202.6%204.7L4.5%206.6L10.4%200.700001C10.7866%200.313401%2011.4134%200.313401%2011.8%200.7C12.1866%201.0866%2012.1866%201.7134%2011.8%202.1L4.5%209.4Z'%20fill='white'/%3E%3C/svg%3E");
	background-color: #B1B9CF;
}


.modal-conf{
	margin: 16px 0 8px;
}

.header {
	padding: 21px 0 16px;
	display: flex;
	flex-wrap: wrap;
}
.homepage .header {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	background-color: transparent;
	box-shadow: none;

}
header.header {
	background-color: #fff;
	box-shadow: 0px 4px 8px 0px #0000001A;
}
.header .container > div{
	flex: 0 0 50%;
	gap: 24px;
	align-items: center;
}
.header .container.flex {
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.header .column-left.flex a{
	font-weight: 400;
	font-size: 18px;
	line-height: 152%;
	text-transform: uppercase;
	color: #363636;
	letter-spacing: 2px;
}
.header .column-right.flex{
	gap: 24px;
	align-items: center;
	padding-left: 35px;
	justify-content: flex-end;
}
.custom-select {
	position: relative;
	width: 74px;
	user-select: none;
}
.custom-select__trigger {
	background: #fff;
	border: none;
	border-radius: 0;
	padding: 6px 8px;
	color: #111;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	letter-spacing: 2px;
	font-size: 18px;
	line-height: 152%;
}
.custom-options {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	border: none;
	border-radius: 0;
	margin-top: 0;
	display: none;
	flex-direction: column;
	overflow: hidden;
	z-index: 10;
}

.custom-option {
	padding: 8px;
	cursor: pointer;
	transition: background 0.2s;
	background: #fff;
	color: #334575;
	font-size: 18px;
	line-height: 152%;
	letter-spacing: 2px;
}
.custom-option:hover {
	background: #f0f0f0;
}
.arrow {
	width: 10px;
	height: 6px;
	background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
	transition: transform 0.2s;
}
.custom-select.open .arrow {
	transform: rotate(180deg);
}
.custom-select.open .custom-options {
	display: flex;
}
.custom-select.custom-select--dark .custom-option{
	background-color: #FFFFFF1A;
	color: #fff;
}
.custom-select.custom-select--dark.open .custom-select__trigger{
	background-color: #FFFFFF1A;
}
.custom-select.custom-select--dark .custom-select__trigger:hover{
	background-color: #FFFFFF33;
}
.custom-select.custom-select--dark .custom-select__trigger{
	background-color: #334575;
	color: #fff;
}
.custom-select.custom-select--dark .custom-select__trigger .arrow{
	filter: invert(1);
}
.logo {
	max-width: 120px;
	display: block;
}
footer.footer {
	border-top: 1px solid var(--color-border);
}
footer.footer .footer__section {
	flex: 0 0 25%;
	padding: 40px;
}
footer.footer .footer__section {
	flex: 0 0 25%;
	padding: 40px;
	border: 1px solid var(--color-border);
	border-left: none;
	border-bottom: none;
	border-top: none;
	text-align: center;
}
footer.footer .footer__section.footer__section--half-width{
	flex: 0 0 50%;
	border-left: 1px solid var(--color-border);
}
footer.footer .footer__section:last-child {
	border-right: none;
}
footer.footer > .container {
	position: relative;
}
footer.footer > .container button.up-page {
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	border: none;
	background-color: #334575;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	line-height: 152%;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	bottom: 31px;
	left: 60px;
}
footer.footer .footer__section ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
footer.footer .logo {
	max-width: 148px;
	margin: 0 auto 48px;
}
.footer__contact a {
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 31px;
	line-height: 133%;
	text-align: center;
}
.footer__bottom .container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.footer__bottom{
	background-color: #334575;
	padding: 20px 0;
	color: #fff;
}
.footer__copy {
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 18px;
	line-height: 149%;
}
.footer__partner a {
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 18px;
	line-height: 149%;
	text-decoration: underline;
	text-decoration-style: solid;
	display: block;
	margin-bottom: 8px;
	color: #fff;
}
.footer__partner span {
	display: flex
;
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 11px;
	line-height: 149%;
	text-align: right;
	width: 100%;
	justify-content: flex-end;
}
.heading-section{
	position: relative;
}
.heading-section:after {
	border-top-left-radius: 655px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	position: absolute;
	content: '';
	left: 133px;
	right: 0;
	top: 95px;
	bottom: 0;
}
.heading-section .subtitle{
	font-family: var(--fonts-second);
	font-weight: 400;
	font-size: 24px;
	line-height: 149%;
	margin-bottom: 48px;
	max-width: 615px;
}
.heading-section h1 {
	font-weight: 600;
	font-size: 46px;
	line-height: 100%;
	margin: 0 0 24px;
}
.heading-section__logo{
	margin-bottom: 45px;
}
.heading-section__text{
	background-color: var(--color-secondary);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
}
.heading-section{
	display: flex;
	flex-wrap: wrap;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	margin-bottom: 84px;
}
.heading-section > div{
	flex: 0 0 50%;
}
.heading-section__text .btn {
	position: relative;
	z-index: 9;
}
.heading-section__image img {
	width: 100%;
	object-fit: cover;
	display: block;
}
.donor-list.flex .donor-card {
	flex: 0 0 calc(25% - 6px);
}
.donor-list.flex.favorite-list .donor-card {
	flex: 0 0 calc(20% - 7px);
}
.donor-list.flex {
	gap: 40px 8px;
}
label.donor-card__checked {
	border: 2px solid #B1B9CF;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	position: absolute;
	top: 16px;
	left: 16px;
	border-radius: 6px;
	width: 24px;
	height: 24px;
	z-index: 9;
	cursor: pointer;
	transition: all .2s linear;
}
label.donor-card__checked:has(input:checked){
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2213%22%20viewBox%3D%220%200%2016%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5.33333%2012.8663L0.933334%208.46634C0.417868%207.95088%200.417868%207.11514%200.933333%206.59967C1.4488%206.08421%202.28453%206.08421%202.8%206.59967L5.33333%209.13301L13.2%201.26634C13.7155%200.750877%2014.5512%200.750876%2015.0667%201.26634C15.5821%201.78181%2015.5821%202.61754%2015.0667%203.13301L5.33333%2012.8663Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
	background-color: #7486B8;
	border-color: #7486B8;
}
label.donor-card__checked input[type="checkbox"] {
	display: none;
}
.donor-card {
	box-shadow: 0 0 14px 2px #C0C0C045;
	background-color: #fff;
	position: relative;
	border-bottom-right-radius: 24px;
	display: flex;
	flex-direction: column;
}
.donor-card__image a{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.donor-card__image {
	position: relative;
	padding-top: 103%;
	overflow: hidden;
}

.donor-card__image img {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top;
	transition: all .2s linear;
}
.donor-card:hover .donor-card__image img {
	transform: scale(1.05);
}
.donor-card__label {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 4px;
	margin-bottom: 17px;
}
.donor-card__label > * .label-prompt{
	transform: translate(calc(50% - 108px), -105%);
}
.donor-card__label > *:hover .label-prompt{
	display: block;
	animation: showBlock 0.5s linear forwards;
}
.donor-card__label .egg{
	position: relative;
}
.donor-card__label .egg:before{
	content: 'Успешный опыт донорства';
	font-weight: 400;
	font-size: 10px;
	line-height: 120%;
	color: #fff;
	background-color: #30416D;
	padding: 8px;
	position: absolute;
	display: none;
	white-space: nowrap;
	right: 38px;
	border-radius: 7px;
}
.btn-icon-svg svg{transition: transform 0.3s ease, fill 0.3s ease;}
.btn-icon-svg.in-wishlist svg{
	animation: pulse 0.6s ease-out;
}
.btn-icon-svg.in-wishlist path {
	fill: #ff0000;
}
.btn-icon-svg--fill-white path {
	fill: #fff;
}
.icon-wishlist{
	position: relative;
}
.icon-wishlist span{
	position: absolute;
	min-width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #8E79BE;

	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	bottom: -1px;
	right: -8px;
}
.donor-card__label .egg:hover:before{
	display: block;
	animation: showBlock 0.5s linear forwards;
}
.donor-card__label > * {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.donor-card__label > * span {
	position: absolute;
	padding: 0 3px;
	border-radius: 100%;
	background-color: #8E79BE;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	line-height: 17px;
	bottom: -5px;
	right: -5px;
	min-width: 17px;
	height: 17px;
	text-align: center;
}
.donor-card__info {
	padding: 24px 24px 72px;
	flex: 1;
	display: flex;
	flex-direction: column;
	position: relative;
}
.donor-card__name {
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 20px;
	line-height: 152%;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.donor-card__list ul li{
	font-weight: 400;
	font-size: 18px;
	line-height: 125%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px dashed #EBECED;
}
.donor-card__list ul li span{
	background-color: #fff;
	margin: 0 0 -1px;
}
.donor-card__list ul li span:first-child{
	color: var(--color-text-gray);
	padding-right: 4px;
}
.donor-card__list ul li span:last-child {
	text-align: right;
	padding-left: 4px;
}
.donor-card__list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.flex.catalog{
	gap: 24px;
	align-items: flex-start;
}
.flex.catalog > .donor-list{
	flex: 1;
}
.flex.catalog > .filter {
	flex: 0 0 320px;
}
.donor-card__buttons{
	display: flex;
	gap: 10px;
	flex: 1;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.donor-card__buttons .btn {
	flex: 1;
	padding: 0;
	max-width: 100%;
	text-align: center;
	border-radius: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear;
	font-weight: 450;
	font-size: 16px;
	line-height: 52px;
	text-transform: uppercase;
	min-width: 0;
	border-bottom-right-radius: 24px;
}
.donor-card:hover .donor-card__buttons .btn{
	opacity: 1;
	visibility: visible;
	color: #fff;
}
.donor-card__buttons .btn:hover{
	color: #fff;
}
.accordion {
	max-width: 600px;
	margin: 2rem auto;
	border-radius: 12px;
	overflow: hidden;
	font-family: sans-serif;
}

.accordion-item {
	border-bottom: 1px solid #ddd;
}

.accordion-header {
	width: 100%;
	padding: 1rem 1.5rem;
	background: #f5f5f5;
	border: none;
	outline: none;
	text-align: left;
	font-size: 1.1rem;
	font-weight: bold;
	cursor: pointer;
	transition: background 0.3s ease;
}

.accordion-header:hover {
	background: #e2e2e2;
}

.accordion-content {
	max-height: 0;
	overflow: hidden;
	background: #fff;
	padding: 0 1.5rem;
	transition: max-height 0.4s ease, padding 0.3s ease;
}

.accordion-content.open {
	padding: 1rem 1.5rem;
}
.filter-modal {
	margin-bottom: 40px;
}
.filter-modal__heading{
	display: none;
}
.filter-modal__body {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	position: relative;
	z-index: 1;
}
.filter-modal__item.filter-modal__toggle {
	border: 1px solid #334575;
	background-color: #334575;
	color: #fff;
	padding: 15px 20px;
	border-radius: 10px;
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	cursor: pointer;
}
.filter-modal__item__content {
	position: absolute;
	z-index: 9;
	display: none;
	border: 1px solid #AFAFAF;
	padding: 15px;
	border-radius: 10px;
	background: #fff;
	margin-top: 3px;
	flex-direction: column;
	gap: 10px;
	max-height: 425px;
	overflow: auto;
}
.filter-modal__item__content::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	border-radius: 10px;
	background-color: transparent;
}

.filter-modal__item__content::-webkit-scrollbar {
	width: 2px;
	background-color: transparent;
}

.filter-modal__item__content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.filter-modal__item__title:after{
	content: '';
	width: 10px;
	height: 6px;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99998 5.5C5.11623 5.5 5.23259 5.45927 5.32134 5.37792L9.86679 1.21127C10.0444 1.04846 10.0444 0.784816 9.86679 0.622109C9.68918 0.459401 9.40156 0.459297 9.22406 0.622109L4.99998 4.49417L0.775894 0.622109C0.598281 0.459297 0.310667 0.459297 0.133167 0.622109C-0.0443325 0.78492 -0.044446 1.04856 0.133167 1.21127L4.67862 5.37792C4.76737 5.45927 4.88373 5.5 4.99998 5.5Z' fill='%23AFAFAF'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
}
.filter-modal__item__title {
	border: 1px solid #AFAFAF;
	padding: 15px 20px;
	border-radius: 10px;
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
	display: flex;
	align-items: center;
	gap: 50px;
	cursor: pointer;
}
.filter-modal__item__title span {
	display: none;
}
.filter-modal__item.active .filter-modal__item__content{
	display: flex;
	animation: showBlock 0.5s linear forwards;
}

.modal form {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 0;
}
.modal form input {
	width: 100%;
	border: none;
	padding: 25px 0 0;
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 18px;
	line-height: 149%;
	border-bottom: 1px solid #A5B1D2;
	background-color: transparent;
}
.modal form input:focus{
	outline: none;
}
.modal__title {
	font-weight: bold;
	font-size: 25px;
	line-height: 150%;
}
.modal .hystmodal__close {
	top: 15px;
	right: 15px;
	width: 19px;
	height: 19px;
	filter: invert(1);
}
.modal .hystmodal__window {
	padding: 64px 80px;
	background-color: #F7F7F8;
	max-width: 512px;
	border-bottom-right-radius: 56px;
}
.modal .hystmodal__window:has(.modal-success) {
	max-width: 707px;
	padding: 64px;
}
.modal .btn{
	width: 100%;
	max-width: 100%;
	padding: 12px;
	font-weight: normal;
	letter-spacing: 1.6px;
	font-size: 16px;
}
.tabs .tabs__content > *{
	display: none;
}
.tabs .tabs__content > *.active{
	display: block;
	animation: showBlock 0.5s linear forwards;
}
.modal .tabs__buttons span{
	font-weight: 400;
	font-size: 20px;
	line-height: 152%;
	letter-spacing: 2px;
	color: #9B9B9B;
	text-transform: uppercase;
}
.modal .tabs__buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin-bottom: 24px;
}

.modal .tabs__buttons button {
	border: none;
	background: transparent;
	color: #506EBD;
	border-bottom: 2px solid transparent;
	transition: all .2s
	linear;
	padding: 0;
	font-weight: 400;
	font-size: 20px;
	line-height: 152%;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}
.auth-modal-text {
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 20px;
	line-height: 133%;
	text-align: center;
	margin-bottom: 16px;
}
.modal .tabs__buttons button.active{
	color: #363636;
	font-weight: 450;
}

.modal-promo .hystmodal__window{
	width: 900px;
	background-color: #29437A;
	border-radius: 20px;
	padding: 9px;
}
.modal-promo .flex .image{
	position: relative;
	flex:  0 0 348px;
}
.modal-promo .flex .image span {
	position: absolute;
	color: #FFFFFF;
	display: block;
}
.modal-promo .flex .image span.top{
	top: 18px;
	right: 18px;
	text-align: right;
	font-size: 21px;
	line-height: 130%;
}
.modal-promo .flex .image span.bottom{
	bottom: 18px;
	left: 18px;
	font-size: 27px;
	line-height: 115%;
	font-weight: bold;
}
.modal-promo .flex .info{
	flex: 1;
	padding: 50px 32px 50px;
}
.modal-promo .info__title {
	color: #fff;
	font-size: 25px;
	line-height: 130%;
	font-weight: bold;
	margin-bottom: 32px;
}
.modal-promo .flex .info ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.modal-promo .flex .info ul li {
	background-color: #fff;
	border-radius: 15px;
	color: #20283E;
	padding: 13px 20px;
	font-size: 17px;
	line-height: 125%;
	letter-spacing: 0.5px;
}
button.modal-promo__close {
	border: none;
	position: absolute;
	width: 52px;
	height: 52px;
	border-radius: 100%;
	background-color: #a5b1d25e;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	right: 20px;
	top: 20px;
	transition: all .2s linear;
}
button.modal-promo__close:focus{
	outline: none;
}
button.modal-promo__close:hover{
	outline: none;
	background-color: #a5b1d2;
}
.modal-promo .flex .info ul li:not(:last-child){
	margin-bottom: 10px;
}
.modal-promo .flex .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}
.modal-success {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 31px;
	line-height: 133%;
	text-align: center;
}
.modal-success__title {
	font-weight: 400;
	font-size: 14px;
	line-height: 152%;
	letter-spacing: 1.4px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.modal-success span:last-child{
	font-size: 18px;
}
button.modal-success__close {
	border: 1px solid #A5B1D2;
	background-color: #fff;
	font-weight: 400;
	font-size: 12px;
	line-height: 152%;
	letter-spacing: 1.2px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	width: 143px;
	height: 59px;
	border-radius: 60%;
	display: block;
	margin: 45px auto 0;
}
.filter-modal div#modef {
	display: flex;
	align-items: center;
}
.modal-success span:first-child{
	font-size: 20px;
	font-weight: bold;
}
.modal-success span{
	text-align: center;
	display: block;
}
.footer__contact,
.footer__link {
	display: flex;
	flex-direction: column;
	gap: 11px;
}
.footer__address{
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 18px;
	line-height: 149%;
	text-align: center;
	max-width: 311px;
	margin: 40px auto 0;
}
.footer__section ul {
	display: flex
;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 25px;
	height: 100%;
	font-weight: 400;
	font-size: 14px;
	line-height: 152%;
	text-align: center;
	text-transform: uppercase;
}
.header .btn-icon.btn{
	font-family: var(--fonts);
}
.shadow{
	background-color: #6B6B6B66;
	backdrop-filter: blur(5px);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1002;
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear;
}
.shadow.active{
	opacity: 1;
	visibility: visible;
}

.favorite__heading{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 26px;
}
.favorite-clear__prompt {
	padding: 30px 30px 30px 104px;
	background-color: #fff;
	border-radius: 16px;
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 18px;
	line-height: 149%;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M21%2012C21%207.02944%2016.9706%203%2012%203C7.02944%203%203%207.02944%203%2012C3%2016.9706%207.02944%2021%2012%2021C16.9706%2021%2021%2016.9706%2021%2012ZM23%2012C23%2018.0751%2018.0751%2023%2012%2023C5.92487%2023%201%2018.0751%201%2012C1%205.92487%205.92487%201%2012%201C18.0751%201%2023%205.92487%2023%2012Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M11%2016V12C11%2011.4477%2011.4477%2011%2012%2011C12.5523%2011%2013%2011.4477%2013%2012V16C13%2016.5523%2012.5523%2017%2012%2017C11.4477%2017%2011%2016.5523%2011%2016Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M12.0098%207C12.5621%207%2013.0098%207.44772%2013.0098%208C13.0098%208.55228%2012.5621%209%2012.0098%209H12C11.4477%209%2011%208.55228%2011%208C11%207.44772%2011.4477%207%2012%207H12.0098Z%22%20fill%3D%22black%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 50px center;
	margin-bottom: 48px;
}
.favorite-clear__image img {
	display: block;
	margin: auto;
}

.favorite-clear__image {
	margin: 41px auto;
	text-align: center;
}
.favorite__heading h1 {
	margin: 0;
	font-weight: 500;
	font-size: 40px;
	line-height: 133%;
	font-family: var(--fonts-second);
}
.favorite__auth {
	display: flex;
	gap: 32px;
	align-items: center;
}
.favorite__logout{
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.3267%208.19238V5.73047C14.3266%205.60311%2014.2761%205.48072%2014.186%205.39062C14.096%205.30056%2013.9735%205.25012%2013.8462%205.25H5.22998C5.10258%205.25008%204.98023%205.30053%204.89014%205.39062C4.80004%205.48072%204.74959%205.60307%204.74951%205.73047V19.2695C4.74956%2019.397%204.8001%2019.5193%204.89014%2019.6094C4.9803%2019.6995%205.10265%2019.7499%205.22998%2019.75H13.8462C13.9735%2019.7499%2014.0959%2019.6995%2014.186%2019.6094C14.276%2019.5193%2014.3266%2019.397%2014.3267%2019.2695V16.8076C14.3268%2016.3935%2014.6625%2016.0576%2015.0767%2016.0576C15.4908%2016.0577%2015.8266%2016.3935%2015.8267%2016.8076V19.2695C15.8266%2019.7947%2015.618%2020.2985%2015.2466%2020.6699C14.8753%2021.0411%2014.3715%2021.2499%2013.8462%2021.25H5.22998C4.70468%2021.2499%204.20091%2021.0412%203.82959%2020.6699C3.45816%2020.2985%203.24956%2019.7947%203.24951%2019.2695V5.73047C3.24959%205.20524%203.4582%204.70147%203.82959%204.33008C4.20098%203.95869%204.70475%203.75008%205.22998%203.75H13.8462C14.3714%203.75012%2014.8752%203.95872%2015.2466%204.33008C15.6179%204.70146%2015.8266%205.20526%2015.8267%205.73047V8.19238C15.8266%208.60653%2015.4908%208.94231%2015.0767%208.94238C14.6625%208.94238%2014.3267%208.60658%2014.3267%208.19238Z%22%20fill%3D%22%23334575%22/%3E%3Cpath%20d%3D%22M19.9996%2011.7503C20.4138%2011.7503%2020.7496%2012.0861%2020.7496%2012.5003C20.7496%2012.9145%2020.4138%2013.2503%2019.9996%2013.2503H11.3844C10.9702%2013.2503%2010.6344%2012.9145%2010.6344%2012.5003C10.6344%2012.0861%2010.9702%2011.7503%2011.3844%2011.7503H19.9996Z%22%20fill%3D%22%23334575%22/%3E%3Cpath%20d%3D%22M17.0077%209.50828C17.3006%209.21538%2017.7753%209.21538%2018.0682%209.50828L20.5301%2011.9702C20.8227%2012.2631%2020.8229%2012.738%2020.5301%2013.0307L18.0682%2015.4917C17.7753%2015.7846%2017.3006%2015.7846%2017.0077%2015.4917C16.7149%2015.1988%2016.7148%2014.724%2017.0077%2014.4311L18.9383%2012.4995L17.0077%2010.5688C16.7148%2010.2759%2016.7148%209.80117%2017.0077%209.50828Z%22%20fill%3D%22%23334575%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 32px;
	font-weight: 450;
	font-size: 16px;
	line-height: 168%;
	letter-spacing: 1.6px;
	text-align: center;
	text-transform: uppercase;
	color: #334575;
}
.favorite__name {
	font-weight: 400;
	font-size: 20px;
	line-height: 152%;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.favorite-list__button .btn--icon{
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M19.37%204.06943C19.6629%203.77654%2020.1377%203.77654%2020.4305%204.06943C20.7234%204.36233%2020.7234%204.83709%2020.4305%205.12998L11.7401%2013.8204C11.4472%2014.1133%2010.9725%2014.1133%2010.6796%2013.8204C10.3867%2013.5275%2010.3867%2013.0528%2010.6796%2012.7599L19.37%204.06943Z%22%20fill%3D%22%23A5B1D2%22/%3E%3Cpath%20d%3D%22M19.6522%203.8917C19.9242%203.79652%2020.2268%203.86571%2020.4305%204.06943C20.6343%204.27316%2020.7035%204.57581%2020.6083%204.84775L15.078%2020.6485C14.9764%2020.9387%2014.7075%2021.137%2014.4003%2021.1495C14.0931%2021.1619%2013.8093%2020.9861%2013.6845%2020.7052L10.6415%2013.8585L3.79481%2010.8155C3.51388%2010.6907%203.33806%2010.4069%203.35047%2010.0997C3.363%209.79253%203.56131%209.52362%203.85145%209.42197L19.6522%203.8917ZM6.1327%2010.212L11.5145%2012.6046L11.6347%2012.672C11.7481%2012.7499%2011.8388%2012.8581%2011.8954%2012.9854L14.287%2018.3663L18.6766%205.82236L6.1327%2010.212Z%22%20fill%3D%22%23A5B1D2%22/%3E%3C/svg%3E");
	background-position: 24px;
	padding-left: 56px;
	background-repeat: no-repeat;
}
.favorite-list__button {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 24px;
}
#favorite-modal .hystmodal__window {
	padding: 64px 80px;
	width: 714px;
}
.modal-logo {
	text-align: center;
	margin-bottom: 40px;
}
.favorite-modal__title {
	font-weight: 400;
	font-size: 20px;
	line-height: 152%;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.favorite-modal__list__title {
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 18px;
	line-height: 149%;
	margin-bottom: 8px;
}
.favorite-modal__list .flex {
	gap: 20px;
}
.favorite-modal__card {
	flex: 0 0 calc(25% - 15px);
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.favorite-modal__thumb img {
	object-fit: cover;
	display: block;
	height: 100%;
	width: 100%;
}

.favorite-modal__thumb {
	height: 141px;
	overflow: hidden;
}
button.favorite-modal__remove {
	display: none;
}
.favorite-modal__name {
	font-weight: 400;
	font-size: 14px;
	line-height: 152%;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}
#favorite-modal .hystmodal__close{
	top: 16px;
	right: 16px;
	background-image: none;
}
#favorite-modal textarea {
	width: 100% !important;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #A5B1D2;
	font-family: var(--fonts-second);
	font-weight: 300;
	font-size: 18px;
	line-height: 149%;
	height: 32px;
	margin-top: 57px;
}
.favorite-modal__button {
	display: flex
;
	margin-top: 56px;
	gap: 20px;
}
.favorite-modal__button > * {
	flex: 0 0 calc(50% - 10px);
	max-width: none;
	min-width: 0;
}
.widget-filters__section {
	padding-bottom: 20px;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 20px;
}
.widget-filters__item.disabled span {
	color: #9B9B9B;
	transition: color .2s ease;
}
.widget-filters__item.disabled:has(.is-open) span{
	color: #363636;
}

.burger-menu {
	padding: 11px 18px;
	background: #fff;
	display: flex;
	align-items: center;
	gap: 7px;
	font-weight: 400;
	font-size: 12px;
	line-height: 152%;
	text-transform: uppercase;
	border-radius: 70%;
}
.burger-menu span:after,
.burger-menu span:before{
	content: '';
	position: absolute;
	height: 1px;
	background-color: #363636;
	left: 0;
	transition: all .2s linear;
}
.burger-menu span:before{
	width: 18px;
	top: 7px;
}
.burger-menu span:after{
	bottom: 6px;
	width: 14px;
}
.burger-menu span {
	width: 18px;
	height: 18px;
	position: relative;
}
.button-filter{
	width: 48px;
	height: 48px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: #C8D2EF;
	box-shadow: 0px 8px 12px 0px #2026374D;
	transition: all .2s linear;
	position: absolute;
	left: 0;
	top: -104px;
}
.button-filter:active,
.button-filter:hover{
	background-color: #B3C0E4;
}
.button-filter.is-used svg path{
	fill: #fff;
}
.button-filter.is-used span{display: block}
.button-filter span{
	position: absolute;
	bottom: 12px;
	right: 12px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #BA7EFF;
	display: none;
}
.button-filter.is-used{
	background-color: #5F4E86;
}
.menu-mobile {
	position: absolute;
	z-index: 12;
	background-color: #334575;
	left: 0;
	right: 0;
	top: 0;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 12px;
	transform: translateY(-100%);
	transition: all .2s
	linear;
	gap: 30px;
}
.widget-filters__item.disabled .filter-list__item {
	opacity: .5;
}
.menu-mobile ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu-mobile ul a {
	color: #fff;
	font-family: var(--fonts-second);
	font-size: 20px;
}
.menu-mobile ul.header-last__social.u-hflex-left-center {
	display: flex
;
	flex-direction: row;
}
.menu-mobile__lang {
	display: flex
;
	gap: 16px;
}
.menu-mobile__lang > span.active{
	color: #A5B1D2;
}
.burger-menu.active span::before {
	transform: rotate(45deg);
	top: 8px;
}
.burger-menu.active span::after {
	transform: rotate(-45deg);
	bottom: 9px;
	width: 18px;
}
.menu-mobile__lang > span {
	color: #fff;
	padding: 0;
	background: transparent;
}
.menu-mobile ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.filter-price__title{
	display: flex;
	gap: 12px;
	padding: 12px 0;
}
.filter-price__title span{
	font-weight: 300;
	font-size: 18px;
	line-height: 125%;
	color: #9B9B9B;
}
.filter-price__title input[type="number"]::placeholder{
	color: #525252;
}
.filter-price__title input[type="number"]:focus{
	outline: none;
}
.filter-price__title input[type="number"] {
	flex: 1 0 40%;
	width: 100%;
	border: none;
	border-bottom: 1px solid #A5B1D2;
	text-transform: lowercase;

	font-weight: 300;
	font-size: 18px;
	line-height: 125%;
}
.filter-price__title input[type=number]::-webkit-outer-spin-button,
.filter-price__title input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Для Firefox */
.filter-price__title input[type=number] {
	-moz-appearance: textfield;
}

@media (max-width: 1760px) {
	.header .column-right.flex .btn-text,
	.header .column-right.flex .btn.btn-border--white {font-size: 16px}
	.header .column-right.flex .btn.btn-border--white {
		padding: 12px 8px;
	}
	.header .container:has(.btn.btn-border--white) > div {
		flex: auto;
	}
	.header .column-right.flex:has(.btn.btn-border--white) {
		padding-left: 0;
		gap: 15px;
	}
	.container{
		padding: 0 30px;
	}
}
@media (max-width: 1500px) {
	.donor-list.flex {
		gap: 33px;
	}
	.donor-list.flex .donor-card {
		flex: 0 0 calc(33.333% - 22px);
	}
	.container{
		padding: 0 20px;
	}
}
@media (max-width: 1330px) {
	.header .column-right.flex{
		padding-left: 0;
	}
}
@media (max-width: 1300px) {
	.heading-section__logo {
		margin-bottom: 20px;
	}
	.heading-section h1 {
		font-weight: 600;
		font-size: 34px;
		line-height: 100%;
		margin: 0 0 10px;
	}
	.heading-section .subtitle {
		font-family: var(--fonts-second);
		font-weight: 400;
		font-size: 16px;
		line-height: 130%;
		margin-bottom: 20px;
		max-width: 500px;
	}
}
@media (max-width: 1200px) {
	.donor-list.flex {
		gap: 33px 8px;
	}
	.donor-list.flex .donor-card {
		flex: 0 0 calc(33.333% - 6px);
	}
	.container {
		padding: 0 25px;
	}
	main:after{
		display: none;
	}
	.heading-section h1 {
		margin-top: 0;
	}
	.header .column-right.flex{
		gap: 15px;
	}
}
@media (max-width: 1150px) {
	.donor-list.flex .donor-card {
		flex: 0 0 calc(50% - 6px);
	}
}
@media (max-width: 1090px) {
	footer.footer .footer__section.footer__section--half-width{
		flex: 0 0 100%;
	}
	footer.footer .footer__section{
		flex: 0 0 50%;
		border-top: 1px solid var(--color-border);
	}
	footer.footer .footer__section.footer__section--half-width {
		flex: 0 0 100%;
		border-left: none;
		border-right: none;
	}
	footer.footer > .container button.up-page{
		bottom: 236px;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media (max-width: 1000px) {
	header.header:has(.active) .container > div > *:not(.active){
		opacity: 0;
	}
	header.header{
		z-index: 13 !important;
	}
	.heading-section:after{
		display: none;
	}
	.widget-filters__list{
		padding-bottom: 70px;
	}
	.filter button.btn.btn--dark.reset{
		display: none;
	}
	.btn.btn--dark.filter-apply {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 361px;
		z-index: 9;
		font-size: 14px;
		padding: 12px 0;
	}
	.widget__header.widget-filters__header h4 {
		background-image: none;
		padding: 0;
	}
	.widget__header.widget-filters__header{
		padding: 16px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.flex.catalog > .filter {
		position: fixed;
		left: 0;
		top: 0;
		height: 100svh;
		z-index: 1003;
		width: 100%;
		max-width: 360px;
		transform: translate(-100%, 0);
		transition: all .2s
		linear;
	}
	.widget-filters__list{
		height: calc(100svh - 62px);
		overflow: auto;
	}
	.flex.catalog {
		position: relative;
	}
	.heading-section{
		margin-bottom: 40px;
	}
	.heading-section__image img {
		height: 100%;
		width: 100%;
	}

	.heading-section__image {
		max-height: 600px;
		overflow: hidden;
	}
	.heading-section__text {
		padding: 107px 0 50px;
	}
	.heading-section__logo,
	.header .column-right.flex .custom-select,
	.header .column-right.flex .btn-text,
	header.header .column-left.flex a:not(.logo){
		display: none;
	}
	.heading-section > div {
		flex: 0 0 100%;
	}
	.header .container > div{
		flex: auto;
	}
	header.header .column-right.flex .btn.btn-icon {
		font-size: 0;
		padding: 22px 24px;
		background-position: center;
	}
	.heading-section{
		flex-wrap: wrap-reverse;
	}
	.donor-card__buttons .btn{
		opacity: 1;
		visibility: visible;
		background-color: #EBEBF2;
		color: #334575;
		border: none;
	}
	.container {
		padding: 0 14px;
	}
}
@media (max-width: 920px) {
	.modal-promo .mobile-hidden{
		display: none;
	}
	.modal-promo .flex {
		flex-direction: column;
	}
	.modal-promo .flex .image {
		flex: 0 0 175px;
	}
	.modal-promo .hystmodal__window{
		width: 309px;
		padding: 5px;
	}
	.modal-promo .flex .info {
		flex: 1;
		padding: 22px;
	}
	.modal-promo .info__title {
		color: #fff;
		font-size: 18px;
		line-height: 130%;
		font-weight: normal;
		margin-bottom: 22px;
	}
	.modal-promo .flex .image span.top {
		top: 12px;
		right: auto;
		left: 12px;
		text-align: left;
		font-size: 14px;
		line-height: 130%;
	}
	.modal-promo .flex .image span.bottom {
		bottom: 12px;
		left: auto;
		font-size: 18px;
		line-height: 115%;
		font-weight: bold;
		right: 12px;
		text-align: right;
	}
	button.modal-promo__close svg {
		width: 8px;
	}
	button.modal-promo__close {
		width: 35px;
		height: 35px;
		right: 12px;
		top: 13px;
		z-index: 9;
	}
	.modal-promo .flex .info ul li {
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		font-size: 13px;
		color: #fff;
	}
	.modal-promo .flex .info ul {
		padding: 0 0 0 17px;
		margin: 0;
		list-style: disc;
	}
}
@media (max-width: 900px) {
	footer.footer .footer__section.footer__section--half-width{
		padding: 77px 0;
	}
	.header .column-right.flex button.btn.btn--dark {
		padding: 10px 10px;
		font-size: 13px;
	}
	.footer__contact a{
		font-size: 21px;
	}
	.footer__address{
		font-size: 16px;
		margin: 24px auto 0;
	}
	.footer__section ul{
		font-size: 12px;
	}
	.footer__partner a,
	.footer__copy{
		margin-bottom: 24px;
	}
	.footer__partner span{
		text-align: left;
		width: 100%;
		justify-content: flex-start;
	}
	.footer__bottom .container{
		flex-direction: column;
	}
	.header .column-right.flex .btn-icon-svg:nth-child(5), .header .column-right.flex .btn-icon-svg:nth-child(4) {
		display: none;
	}
	.header .column-right.flex a:first-child {
		display: none;
	}
	.header {
		padding: 20px 0;
	}
	.donor-list.flex .donor-card {
		flex: 0 0 calc(50% - 4px);
	}
	main{
		padding: 40px 0;
	}
	.heading-section h1{
		font-size: 22px;
	}
	.heading-section .subtitle{
		font-size: 16px;
	}
	.filter-modal {
		margin-bottom: 0;
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		background-color: #fff;
		z-index: 9;
		right: 0;
		transform: translateX(-100%);
		transition: all .2s linear;
		padding: 20px;
		max-width: 320px;
		overflow: auto;
		display: flex;
		flex-direction: column;
	}
	.filter-modal form{
		flex: 1;
	}
	.filter-button {
		background-color: #334575;
		background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99998 5.5C5.11623 5.5 5.23259 5.45927 5.32134 5.37792L9.86679 1.21127C10.0444 1.04846 10.0444 0.784816 9.86679 0.622109C9.68918 0.459401 9.40156 0.459297 9.22406 0.622109L4.99998 4.49417L0.775894 0.622109C0.598281 0.459297 0.310667 0.459297 0.133167 0.622109C-0.0443325 0.78492 -0.044446 1.04856 0.133167 1.21127L4.67862 5.37792C4.76737 5.45927 4.88373 5.5 4.99998 5.5Z' fill='white'/%3E%3C/svg%3E");
		background-position: calc(100% - 20px) center;
		background-repeat: no-repeat;
		border: 1px solid #334575;
		color: #FFFFFF;
		border-radius: 10px;
		padding: 10px 20px;
		width: 100%;
		font-weight: 400;
		font-size: 15px;
		line-height: 100%;
		text-align: left;
		margin-bottom: 20px;

	}
	.filter-modal__item.active .filter-modal__item__content label {
		font-size: 14px;
	}
	.filter-modal__item__content{
		gap: 5px;
	}
	.filter-modal__item__reset {
		font-size: 14px;
		color: red;
	}
	.filter-modal__body{
		flex-direction: column;
	}

	.filter-modal__item__title {
		border: none;
		padding: 15px 0 15px;
		font-size: 12px;
		justify-content: space-between;
		border-bottom: 1px solid #AFAFAF;
		border-radius: 0;
	}
	.filter-modal__body{
		gap: 0;
	}
	.filter-modal__heading {
		display: flex;
		position: sticky;
		bottom: 5px;
		left: 10px;
		right: 10px;
		flex-direction: column-reverse;
		gap: 10px;
		padding-bottom: calc(20px + env(safe-area-inset-bottom));
		background-color: #fff;
	}
	.filter-modal__heading .filter-close {
		width: 100%;
		max-width: 100%;
		text-align: center;
		font-size: 15px;
		letter-spacing: 1px;
	}
	.filter-modal__heading .filter-reset {
		text-align: center;
		color: red;
		text-decoration: underline;
	}
	.filter-modal__item__content{
		position: static;
		z-index: 9;
		border: none;
		padding: 15px 0;
		border-radius: 0;
		max-height: none;
		border-bottom: 1px solid #AFAFAF;
	}
}
@media (max-width: 800px) {
	.favorite__heading h1{
		font-size: 24px;
	}
	.favorite__name{
		font-size: 14px;
	}
	.favorite__logout {
		padding-left: 0;
		font-size: 0;
		width: 36px;
		height: 40px;
	}
	.favorite-clear__prompt{
		padding: 24px 16px 24px 56px;
		background-position: 16px 26px;
	}
	.favorite-list__button{
		flex-direction: column;
	}
	#favorite-modal .hystmodal__window {
		padding: 24px;
		width: 360px;
	}
	.favorite-modal__list .flex {
		gap: 16px;
	}
	.favorite-modal__card {
		flex: 0 0 calc(33.333% - 11px);
		gap: 9px;
	}
	.favorite-modal__thumb {
		height: 74px;
		overflow: hidden;
	}
	#favorite-modal textarea{
		margin-top: 30px;
	}
}
@media (max-width: 650px) {
	.modal .btn {
		font-size: 12px;
		min-width: 0;
	}
	.favorite-modal__button > * {
		flex: auto;
		max-width: none;
		min-width: 0;
		font-size: 12px;
	}
	.favorite-modal__button {
		margin-top: 40px;
		gap: 12px;
		flex-direction: column;
	}
	.favorite-list__button .btn {
		width: 100%;
		max-width: 100%;
		font-size: 12px;
		padding: 12px 0;
		background-image: none;
	}
	.donor-list.flex.favorite-list .donor-card {
		flex: 0 0 calc(50% - 4px);
	}
	.favorite__heading{
		margin-bottom: 12px;
		flex-direction: column;
		align-items: flex-start;
	}
	.favorite__auth{
		width: 100%;
	}
	.favorite__name{
		flex: 1;
	}
	.modal .hystmodal__window{
		max-width: 360px;
		width: 90%;
		padding: 24px;
		border-bottom-right-radius: 24px;
	}
	.modal .btn{
		font-size: 12px;
	}
	.modal .tabs__buttons {
		gap: 10px;
		margin-bottom: 12px;
	}
	.modal .tabs__buttons span,
	.modal .tabs__buttons button{
		font-size: 16px;
	}
	.auth-modal-text{
		font-size: 14px;
		margin-bottom: 12px;
	}
	.modal-conf {
		margin: 0;
	}
	.modal .hystmodal__window:has(.modal-success) {
		max-width: 360px;
		padding: 24px;
	}
	.modal-success{
		font-size: 20px;
	}
	button.modal-success__close {
		font-size: 12px;
		width: 127px;
		height: 45px;
		margin: 20px auto 0;
	}
	.modal-logo {
		max-width: 108px;
		margin: 0 auto 12px;
	}
	.header .column-right.flex .btn.btn-border {
		font-size: 0;
		border: none;
		padding: 0;
		width: 27px;
		flex: 0 0 27px;
		height: 24px;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M19.25 21V19C19.25 18.138 18.9073 17.3116 18.2979 16.7021C17.6884 16.0927 16.862 15.75 16 15.75H8C7.13805 15.75 6.31164 16.0927 5.70215 16.7021C5.09266 17.3116 4.75 18.138 4.75 19V21C4.75 21.4142 4.41421 21.75 4 21.75C3.58579 21.75 3.25 21.4142 3.25 21V19C3.25 17.7402 3.7508 16.5324 4.6416 15.6416C5.5324 14.7508 6.74022 14.25 8 14.25H16C17.2598 14.25 18.4676 14.7508 19.3584 15.6416C20.2492 16.5324 20.75 17.7402 20.75 19V21C20.75 21.4142 20.4142 21.75 20 21.75C19.5858 21.75 19.25 21.4142 19.25 21Z' fill='%23334575'/><path d='M15.25 7C15.25 5.20507 13.7949 3.75 12 3.75C10.2051 3.75 8.75 5.20507 8.75 7C8.75 8.79493 10.2051 10.25 12 10.25C13.7949 10.25 15.25 8.79493 15.25 7ZM16.75 7C16.75 9.62335 14.6234 11.75 12 11.75C9.37665 11.75 7.25 9.62335 7.25 7C7.25 4.37665 9.37665 2.25 12 2.25C14.6234 2.25 16.75 4.37665 16.75 7Z' fill='%23334575'/></svg>");
		max-width: 100%;
		min-width: 0;
		background-repeat: no-repeat;
		background-position: center;
	}
	.header .column-right.flex .btn.btn-border.btn-border--white{
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M19.25 21V19C19.25 18.138 18.9073 17.3116 18.2979 16.7021C17.6884 16.0927 16.862 15.75 16 15.75H8C7.13805 15.75 6.31164 16.0927 5.70215 16.7021C5.09266 17.3116 4.75 18.138 4.75 19V21C4.75 21.4142 4.41421 21.75 4 21.75C3.58579 21.75 3.25 21.4142 3.25 21V19C3.25 17.7402 3.7508 16.5324 4.6416 15.6416C5.5324 14.7508 6.74022 14.25 8 14.25H16C17.2598 14.25 18.4676 14.7508 19.3584 15.6416C20.2492 16.5324 20.75 17.7402 20.75 19V21C20.75 21.4142 20.4142 21.75 20 21.75C19.5858 21.75 19.25 21.4142 19.25 21Z' fill='%23fff'/><path d='M15.25 7C15.25 5.20507 13.7949 3.75 12 3.75C10.2051 3.75 8.75 5.20507 8.75 7C8.75 8.79493 10.2051 10.25 12 10.25C13.7949 10.25 15.25 8.79493 15.25 7ZM16.75 7C16.75 9.62335 14.6234 11.75 12 11.75C9.37665 11.75 7.25 9.62335 7.25 7C7.25 4.37665 9.37665 2.25 12 2.25C14.6234 2.25 16.75 4.37665 16.75 7Z' fill='%23fff'/></svg>");
	}
	.header .column-right.flex button.btn.btn--dark{
		display: none;
	}
	.header .logo {
		max-width: 82px;
	}
	header.header .btn-icon-svg{
		padding: 7px 9px;
	}
	header.header .column-right.flex .btn.btn-icon {
		padding: 19px 21px;
	}
	.header select {
		border: 1px solid #AFAFAF;
		border-radius: 10px;
		padding: 9px 15px 10px 9px;
		width: 69px;
		font-weight: 400;
		font-size: 15px;
		line-height: 100%;
		text-transform: uppercase;
	}

	.donor-card{
		background-color: #FCFCFC;
	}
	.donor-card__info{
		padding: 12px 12px 56px;
	}
	.donor-card__buttons .btn {
		font-size: 12px;
		height: 44px;
		letter-spacing: 1.2px;
	}
	.donor-card__name{
		font-size: 14px;
		margin-bottom: 12px;
	}
	.donor-card__list ul li{
		justify-content: flex-start;
		border-bottom: none;
		flex-wrap: wrap;
		gap: 5px;
	}
	.donor-card__list ul{
		gap: 8px;
	}
	.donor-card__list ul li{
		font-size: 14px;
	}
	.donor-card__list ul li span:first-child{
		padding-right: 0;
	}
	.donor-card__list ul li span:last-child{
		padding-left: 0;
	}


}
@media (max-width: 360px) {
	.btn.btn--dark.filter-apply{
		width: 100%;
	}
}

@media (min-width: 920px) {
	.modal-promo .pc-hidden{
		display: none;
	}
}
@media (min-width: 1000px) {
	.filter-apply,
	.filter__close,
	.button-filter,
	.burger-menu{
		display: none;
	}
}

@keyframes showBlock {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


@keyframes pulse {
	0% {
		transform: scale(1);
	}
	40% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(1);
	}
}