/* === ТЕМЫ === */
:root {
	--color-bg: #fffbe6;
	--color-text: #222;
	--color-link: #20C166;
	--color-card: #FBFBFB;
	--color-btn: #20C166;
	--color-btn-text: #fff;
}
body {
	box-sizing: border-box;
	font-weight: 400;
	font-family: 'Play',Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: var(--color-bg);
	color: var(--color-text);
}
h1,h2,h3,p {
	margin: 0;
}
a {
	color: var(--color-link);
	text-decoration: none;
}

.container {
	max-width: 1920px;
	margin: 0 auto;
}
.container-inner {
	max-width: 1620px;
	padding: 0 15px;
	margin: 0 auto;
}
.container-inner-sh, .gallery, .search__gallery, .main-support, .footer, .header {
	background: var(--color-card);
}
.paginator-btn, .support__btn {
	background: var(--color-btn);
	color: var(--color-btn-text);
}

.animal-name {
	font-family: 'Inter';
	font-weight: 400;
	font-size: 26px;
	line-height: 24px;
	margin-top: 20px;
}

@media screen and (max-width: 1650px) {
	.container-inner {
		padding: 0 15px;
		max-width: 1220px;
	}
}
@media screen and (max-width: 1250px) {
	.container-inner {
		max-width: 1020px;
	}
}

@media screen and (max-width: 900px) {
	
}

@media screen and (max-width: 600px) {
	.container, .container-inner, .container-inner-sh {
		max-width: 100vw;
		padding: 0 5px;
	}
	.animal-name {
		font-size: 16px;
		margin-top: 6px;
	}
	.main_pic_home {
		width: 100%;
		height: auto;
		max-width: 100vw;
		margin: 0 auto 10px auto;
		display: block;
	}
	.gallery__col {
		min-width: unset;
		width: 100%;
		border-radius: 12px;
		height: auto;
	}
	.gallery__search-btn--large {
		background: #20C166 !important;
		color: white !important;
		padding: 20px;
		height: auto;
		min-height: 100px;
	}
	.gallery__img-wrap {
		min-width: unset;
		height: 90px;
		border-radius: 12px;
	}
	.gallery__img {
		border-radius: 12px;
	}
	.gallery__col-text {
		font-size: 14px;
		line-height: 18px;
		color: white !important;
	}
	.gallery__search-btn {
		font-size: 14px;
		line-height: 18px;
		background: #20C166 !important;
		color: white !important;
	}
	.support__btn {
		font-size: 14px;
		min-width: unset;
		padding: 8px 0;
		border-radius: 6px;
		background: #20C166 !important;
		color: white !important;
	}
	.main-support {
		padding: 15px 0;
	}
	.main-support__row {
		gap: 5px;
	}
	.main-support__title {
		font-size: 16px;
		margin-bottom: 6px;
	}
	.main-support__text {
		font-size: 12px;
		line-height: 15px;
	}
	.promo {
		padding: 10px 0;
		background-size: cover;
	}
	.promo__title {
		font-size: 16px;
		line-height: 20px;
		max-width: 100%;
	}
}
@media screen and (max-width: 400px) {
	.gallery__img-wrap {
		height: 60px;
	}
	.gallery__col-text {
		font-size: 12px;
		line-height: 14px;
		color: white !important;
	}
	.gallery__search-btn {
		font-size: 12px;
		line-height: 14px;
		background: #20C166 !important;
		color: white !important;
	}
	.promo__title {
		font-size: 12px;
		line-height: 14px;
	}
}

body.dark-theme {
	--color-bg: #181a1b;
	--color-text: #f1f1f1;
	--color-link: #4ad991;
	--color-card: #23272a;
	--color-btn: #4ad991;
	--color-btn-text: #181a1b;
}
body.dark-theme {
	background: var(--color-bg);
	color: var(--color-text);
}
body.dark-theme a {
	color: var(--color-link);
}
body.dark-theme .container-inner-sh,
body.dark-theme .gallery,
body.dark-theme .search__gallery,
body.dark-theme .main-support,
body.dark-theme .footer,
body.dark-theme .header {
	background: var(--color-card);
}
body.dark-theme .paginator-btn,
body.dark-theme .support__btn {
	background: var(--color-btn);
	color: var(--color-btn-text);
}