/* === PREFooter === */
.prefooter {
	background: #004735;
	color: #fff;
	padding: 60px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 40px auto;
    max-width: 1320px;

	@media (max-width: 768px) {
		margin: 0;
		padding: 30px 0;
		border-top: none;
	}
}
.prefooter-title {
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.01em;
    margin: 0 0 25px;

	@media (max-width: 768px) {
		font-size: 16px;
		margin: 0 0 20px;
	}
}
.prefooter-actions {
	display: flex;
	justify-content: center;
	gap: 20px;
    flex-wrap: nowrap;

	@media (max-width: 768px) {
		flex-direction: column;
		gap: 10px;
	}
}
.btn-donate {
    width: 100%;
	background: #CFE2E0;
	color: rgba(0, 71, 53, 1);
	padding: 30px 0;
	border-radius: 20px;
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.01em;
	text-decoration: none;
    text-align: center;
	transition: background 0.35s ease-out;

	&:hover {
		background: #FFFFFF;
	}

	@media (max-width: 768px) {
		padding: 20px 0;
		border-radius: 12px;
	}
}
.btn-outline {
    width: 100%;
	border: 1px solid rgba(255, 255, 255, 1);
	color: #fff;
	padding: 30px 0;
	border-radius: 20px;
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.01em;
	text-decoration: none;
    text-align: center;

	@media (max-width: 768px) {
		padding: 20px 0;
		border-radius: 12px;
	}
}

.btn-outline:hover {
	background: rgba(255, 255, 255, 1);
	color: rgba(1, 48, 38, 1);
}

/* === FOOTER === */
.footer-main {
	background: #004735;
    padding: 80px 52px 30px;
    border-radius: 20px;

	@media (max-width: 768px) {
		padding: 40px 16px 20px;
	}
}

.footer-grid {
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr;
	gap: 40px;
    max-width: 1320px;
    margin: 0 auto;
}
.footer-about {
    max-width: 315px;
	
	@media (max-width: 768px) {
		max-width: unset;
    	text-align: left;
	}
}
.footer-logo {
	margin-bottom: 20px;
}
.footer-logo img {
	width: 175px;
    height: auto;
}
.footer-about p {
    font-family: 'Closer Text', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color:rgba(255, 255, 255, 0.7);
}
.footer-logo-text {
	font-size: 14px;
	line-height: 1.3;
}

.footer-desc {
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255,255,255,0.85);
}

/* Links */
.footer-col h4 {
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin: 0 0 20px;
}

.footer-contact {
    margin-top: 43px;

	@media (max-width: 768px) {
		margin-top: -30px;
	}
}

.footer-menu ul,
.footer-contact ul,
.footer-contact-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu li,
.footer-contact li,
.footer-contact-list li {
	margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-menu li a,
.footer-contact li a,
.footer-contact-list li a {
	color: rgba(255,255,255,0.9);
	text-decoration: none;
	font-size: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;

    font-family: 'Closer Text', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.01em;
}

.footer-menu li a::after,
.footer-contact li a::after {
	content: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8" clip-path="url(%23clip0_909_1253)"><path d="M3.62586 3.32329C3.68365 3.38163 3.75251 3.42784 3.8284 3.45921C3.90429 3.49058 3.98569 3.50647 4.0678 3.50596L10.5143 3.50596L10.5143 9.95242C10.52 10.1143 10.5883 10.2676 10.7048 10.38C10.8213 10.4925 10.9769 10.5554 11.1389 10.5554C11.3008 10.5554 11.4564 10.4925 11.5729 10.38C11.6895 10.2676 11.7578 10.1143 11.7635 9.95242L11.7635 2.88135C11.7634 2.71573 11.6975 2.55691 11.5804 2.4398C11.4633 2.32268 11.3045 2.25684 11.1389 2.25674L4.0678 2.25674C3.90218 2.25684 3.74336 2.32268 3.62625 2.4398C3.50913 2.55691 3.44329 2.71573 3.44319 2.88135C3.44268 2.96347 3.45857 3.04486 3.48994 3.12075C3.52131 3.19664 3.56752 3.2655 3.62586 3.32329Z" fill="white"/><path d="M2.44803 11.5724C2.56629 11.6876 2.72487 11.7521 2.88997 11.7521C3.05508 11.7521 3.21365 11.6876 3.33192 11.5724L11.5815 3.3228C11.6987 3.20559 11.7646 3.04662 11.7646 2.88086C11.7646 2.7151 11.6987 2.55613 11.5815 2.43892C11.4643 2.32171 11.3053 2.25586 11.1396 2.25586C10.9738 2.25586 10.8148 2.32171 10.6976 2.43892L2.44803 10.6885C2.33282 10.8068 2.26835 10.9653 2.26835 11.1304C2.26835 11.2955 2.33282 11.4541 2.44803 11.5724Z" fill="white"/></g><defs><clipPath id="clip0_909_1253"><rect width="14" height="14" fill="white" transform="matrix(1 0 0 -1 0 14)"/></clipPath></defs></svg>');
}
.footer-menu li a:hover,
.footer-contact li a:hover,
.footer-contact-list li a:hover {
	color: #d5f0e8;
}

/* Bottom */
.footer-bottom {
	max-width: 1320px;
    margin: 40px auto;
	border-top: 1px solid rgba(255,255,255,0.1);
	padding-top: 40px;

	@media (max-width: 768px) {
		margin: 20px 0 20px;
		padding-top: 20px;
	}
}
.footer-bottom-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.footer-legal {
	@media (max-width: 768px) {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 0 0 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		width: 100%;
	}

	#menu-bottom-links,
	#menu-bottom-links-en {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
	}
}

.footer-legal a {
	color: rgba(255, 255, 255, 0.5);
	font-family: 'Closer Text', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	letter-spacing: -0.01em;
	margin-right: 20px;
	font-size: 13px;
	text-decoration: none;


}
.footer-legal a:hover {
	color: #fff;
}
.footer-copy {
	font-family: 'Closer Text', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	letter-spacing: -0.01em;
	text-align: right;
	color: rgba(255, 255, 255, 0.5);

	@media (max-width: 768px) {
		text-align:left;
	}
}

/* === Responsive === */
@media (max-width: 992px) {
	.footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
}

@media (max-width: 768px) {
	.footer-grid {
		grid-template-columns: 1fr;
		/* text-align: center; */
	}
	.footer-logo {
		justify-content: center;
	}
	.footer-bottom-inner {
		gap: 20px;
		text-align: left;
		justify-content: flex-start;
	}
}

/* === CONTACT SECTION === */
.contact-section {
	position: relative;
	padding: 80px 52px;
	background: #fff;
	border-radius: 20px;
    margin-bottom: 8px;
    background-size: cover;
    background-repeat: no-repeat;

	@media (max-width: 768px) {
		padding: 60px 16px;
		background-position-x: 50%;
	}

    &::after {
        content: "";
        position: absolute;
        inset: 0;
        background: 
            linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
            linear-gradient(360deg, rgba(0, 0, 0, 0) 59.79%, rgba(0, 0, 0, 0.8) 100%);
        z-index: 0;
        pointer-events: none;
        border-radius: 20px;
    }

    .contact-header {
        font-family: 'Closer Text', sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        letter-spacing: -0.01em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 14px;
        margin: 0 auto 60px;
        color: #FFFFFF;
        max-width: 1320px;
        z-index: 1;
        position: relative;

		@media (max-width: 768px) {
			margin: 0 auto 30px;
		}

    }
}

.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
    max-width: 1320px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

/* Карточки */
.contact-card {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.contact-address {
	background: #e1eee6;
	position: relative;
    background: url('data:image/svg+xml,<svg width="650" height="645" viewBox="0 0 650 645" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.253707 94.3454C11.2413 75.8004 34.5181 61.1688 69.9298 50.6132C105.176 40.2317 147.196 34.9597 196.022 34.9597C266.989 34.9597 327.762 44.4935 378.519 63.0384C429.596 81.5834 474.858 110.847 514.628 150.329C556.813 196.952 590.768 252.251 615.987 316.235C631.111 354.718 642.264 400.622 649.986 439.814V20C649.986 8.95431 641.032 0 629.986 0H20C8.95431 0 0 8.9543 0 20V94.8564L0.253707 94.3454Z" fill="%23CFE2E0"/><path d="M645.898 589.247C634.094 508.924 583.657 485.954 562.807 477.28C522.884 460.605 464.846 465.029 451.597 465.029C438.348 465.029 311.605 469.964 288.968 468.606C231.262 465.029 184.057 446.484 153.025 425.21C68.4781 367.357 36.7952 282.61 23.5461 239.563C10.1316 196.516 2.53083 155.164 0.269332 115.519C0.159015 113.731 0.081815 111.908 0.015625 110.073V625C0.015625 636.046 8.96993 645 20.0156 645H632.789C642.296 645 650.002 637.294 650.002 627.788C648.976 613.644 647.619 600.801 645.909 589.247H645.898Z" fill="%23CFE2E0"/></svg>');
    min-height: 645px;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-address .contact-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

/* Поверх картинки */
.contact-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 105px);
    padding: 0 65px 40px 40px;
    display: flex;
    gap: 50px;
    justify-content: space-between;
    align-items: flex-end;

	@media (max-width: 768px) {
		width: 100%;
		padding: 0 30px 20px 20px;
		gap: 20px;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		align-items: flex-start;
	}
}
.contact-info h4 {
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.02em;
    margin: 0;
    color: #013026;
    padding-bottom: 14px;

	@media (max-width: 768px) {
		font-size: 21px;
		letter-spacing: -0.01em;
		padding-bottom: 12px;
	}
}
.contact-info p {
	font-family: 'Closer Text', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #004735;

	@media (max-width: 768px) {
		font-size: 14px;
	}
}
.contact-socials {
	display: flex;
	gap: 10px;
	align-items: center;
}
.contact-socials a {
    background-color: #004735;
    border-radius: 100px;
    margin: 0;
    padding: 0;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: width 0.15s ease, height 0.15s ease;

	&:hover {
		width: 50px;
		height: 50px;

		svg {
			path {
				fill: #FFFFFF;
			}
		}
	}
}

.contact-socials img {
	width: 22px;
	height: 22px;
}

/* Правая карточка */
.contact-email {
	background: #004735;
	padding: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 20px;
}
.email-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.big-g {
	font-family: 'Closer Text', sans-serif;
}
.email-content {
	position: relative;
	z-index: 2;
	text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.email-content p {
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    max-width: calc(100% - 180px);

	@media (max-width: 768px) {
		font-size: 21px;
		letter-spacing: -0.01em;
		max-width: 100%;
	}
}
.email-link {
	font-family: 'Closer Text', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
	text-decoration: none;

	@media (max-width: 768px) {
		font-size: 21px;
		letter-spacing: -0.01em;
		text-decoration: underline;
		word-break: break-all;
	}

	@media (max-width: 480px) {
		font-size: 16px;
	}

	&:hover {
		text-decoration: underline;
	}
}

/* === Адаптив === */
@media (max-width: 768px) {
	.contact-grid {
		display: flex;
		flex-direction: column-reverse;
		gap: 16px;
	}
	.contact-email {
		padding: 26px 33px 26px 26px;
        min-height: 430px;
		align-items: unset;
		justify-content: unset;
	}
	.contact-address {
		background: url('data:image/svg+xml,<svg width="335" height="448" viewBox="0 0 335 448" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3027_920)"><path d="M0.130756 58.4406C5.79356 48.9189 17.7901 41.4065 36.0407 35.9868C54.206 30.6565 75.8622 27.9497 101.026 27.9497C137.601 27.9497 168.923 32.8447 195.082 42.3664C221.406 51.8881 244.734 66.913 265.231 87.1846C286.972 111.123 304.472 139.515 317.469 172.367C325.264 192.126 331.012 215.695 334.992 235.818V20C334.992 8.95432 326.038 0 314.992 0H20C8.9543 0 0 8.95431 0 20V58.703L0.130756 58.4406Z" fill="%23CFE2E0"/><path d="M332.885 312.542C326.801 271.301 300.807 259.508 290.061 255.054C269.485 246.492 239.574 248.764 232.746 248.764C225.917 248.764 160.596 251.298 148.929 250.6C119.188 248.764 94.8597 239.242 78.8663 228.319C35.2923 198.615 18.9634 155.103 12.1351 133.001C5.22143 110.899 1.30411 89.667 0.138569 69.3119C0.0817135 68.3937 0.0419258 67.4577 0.0078125 66.5156V428.168C0.0078125 439.214 8.96212 448.168 20.0078 448.168H326.162C331.043 448.168 335 444.211 335 439.331C334.471 432.069 333.772 318.474 332.891 312.542H332.885Z" fill="%23CFE2E0"/></g><defs><clipPath id="clip0_3027_920"><rect width="335" height="448" rx="20" fill="white"/></clipPath></defs></svg>');
		padding: 0 30px 20px 20px;
        min-height: 450px;
		background-repeat: no-repeat;
        background-size: cover;
	}
	.email-overlay {
		svg {
			margin-top: 70px;
			width: 100px;
			height: 100px;
		}
	}

	.email-content {
		height: unset;
		width: -webkit-fill-available;
	}
}


@media (max-width: 480px) { 
	.contact-email {
		padding: 26px;
	}
}

#menu-footer-menu {
	list-style: none;
    margin: 0;
    padding: 0;
}