/*
Theme Name: stroyinvest
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: Alexeev Ilya (b333@bk.ru)
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stroyinvest
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

:root {
	--size-text-xxs: calc(9px + 2 * (100vw / 1920));
	--size-text-xs: calc(10px + 4 * (100vw / 1920));
	--size-text-s: calc(12px + 4 * (100vw / 1920));
	--size-text-m: calc(10px + 4 * (100vw / 1920));
	--size-text-m-1: calc(11px + 4 * (100vw / 1920));
	--size-text-m-2: calc(14px + 4 * (100vw / 1920));
	--size-text-m-3: calc(18px + 4 * (100vw / 1920));
	--size-text-m-4: calc(20px + 4 * (100vw / 1920));
	--size-text-l: calc(24px + 4 * (100vw / 1920));
	--size-text-xl: calc(28px + 8 * (100vw / 1920));
	--size-text-xxl-s: calc(32px + 16 * (100vw / 1920));
	--size-text-xxl: calc(42px + 16 * (100vw / 1920));
	--size-text-xxl-3: calc(13vw + 2 * (100vw / 1920));

	--color-green: #21b224;
	--color-green-dark: #467d46;
	--color-green-alpha: #f3fbe1;
	--color-gray: #686a7a;
	--color-darkgray: #282828;
	--color-lightgray: #cbcbcb;
	--color-extralightgray: #f4f2f2;
	--color-viloet: #7360f2;
	--color-bodyback: #f9f9f9;

	--color-whatsapp: #25d366;
	--color-viber: #7360f2;
	--color-telegramm: #27a7e7;


	--number-font: 'Montserrat';

}


body,
html {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	background-color: var(--color-bodyback);
	position: relative;
	box-sizing: border-box;
}


body a {
	text-decoration: none;
}

body * {
	font-family: "Raleway", sans-serif;
}

main {
	overflow-x: hidden;
}


/**grid**/
.st__container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 1921px) and (max-width: 3840px) {
	.st__container {
		max-width: 1920px;
	}
}


@media only screen and (min-width: 1700px) and (max-width: 1920px) {
	.st__container {
		max-width: 1600px;
	}
}


@media only screen and (min-width: 1400px) and (max-width: 1700px) {
	.st__container {
		max-width: 1300px;
	}
}


@media only screen and (max-width: 1399px) {
	.st__container {
		max-width: 1170px;
	}
}

/*search**/
.search-results h2 {
	text-align: center;
	font-size: 2em;
}
.search-results-container .nav-links {
	display: flex;
}


/**Inner grid***/
.st__inner_page {
	display: flex;
	flex-direction: column;
	padding-top: 200px;
	
}


.st__inner_page > .st__container > h1 {
	text-align: center;
	font-size: var(--size-text-xl);
	font-weight: 300;
	margin-top: 1rem;
}

.st__inner_page > .st__container > .st__s_content {
	margin-bottom: 4rem;
}


@media only screen and (max-width: 1280px) {
	.st__inner_page {
		padding-top: 150px;
	}
}


/**tags**/

.st__tag_grid > .st__s_tags {
	margin-bottom: 2rem;
}

.st__tag_grid > .st__s_tags > .st__s_colapse {
	width: fit-content;
	cursor: pointer;
	border-bottom: 1px dashed var(--color-green);
	color: var(--color-green);
	font-size: var(--size-text-m);
}

.st__tag_grid > .st__s_tags > .st__s_colapse i {
	margin-right: 1rem;
}

.st__tag_grid > .st__s_tags.st__s_active > .st__s_colapse i {
	transform: rotateZ(180deg);
}

.st__tag_grid > .st__s_tags .st__s_inner {
	display: flex;
	flex-direction: column;
}


.st__tag_grid > .st__s_tags > .st__s_inner > .st__s_group {
	display: none;
	flex-direction: row;
	padding-top: 0.25rem;
	padding-bottom: 0.2rem;
	opacity: 0;
}

.st__tag_grid > .st__s_tags.st__s_active .st__s_inner > .st__s_group {
	display: flex;
	opacity: 1;
}


.st__tag_grid > .st__s_tags > .st__s_inner > .st__s_group:nth-child(1) {
	display: flex;
	opacity: 1;
}


.st__tag_grid > .st__s_tags > .st__s_inner > .st__s_group ul {
	display: flex;
	padding-left: 0;
	flex-flow: row wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

.st__tag_grid > .st__s_tags > .st__s_inner > .st__s_group > .st__s_name {
	font-size: var(--size-text-m);
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
}

.st__tag_grid > .st__s_tags > .st__s_inner > .st__s_group a {
	font-size: var(--size-text-m);
	font-weight: 400;
	padding: 0.25rem 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0.25rem;
	border-radius: 0.5rem;
	color: var(--color-darkgray);
	background-color: var(--color-extralightgray);
}

.st__tag_grid > .st__s_tags > .st__s_inner > .st__s_group a:hover {
	color: white;
	background-color: var(--color-green);
}

@media only screen and (max-width: 960px) {
	.st__tag_grid > .st__s_tags > .st__s_inner > .st__s_group > .st__s_name {
		align-items: start;
		padding-top: 0.5rem;
	}
}


/**project grid**/
.st__project_grid {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

.st__project_grid > .st__project {
	flex: 0 0 25%;
	margin-bottom: 1rem;
}


@media (max-width: 1280px) {
	.st__project_grid {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
}


@media (max-width: 960px) {
	.st__project_grid > .st__project {
		flex: 0 0 100%;
	}

	.st__project_grid {
		margin-left: 0;
		margin-right: 0;
	}


}

/**project**/
.st__project {
	display: flex;
	flex-direction: column;
}

.st__project .st__s_inner {
	margin: 0.5rem;
	border-radius: 0.5rem;
	overflow: hidden;
	height: 100%;
	box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
	display: flex;
	flex-direction: column;
}

.st__project .st__s_inner:hover {
	box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.st__project .st__s_inner .st__s_image {
	position: relative;
}

.st__project .st__s_inner .st__s_image a {
	color: var(--color-gray);
}

.st__project .st__s_inner .st__s_image img {
	object-fit: cover;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.st__project .st__s_inner .st__s_labels {
	position: absolute;
	display: flex;
	flex-direction: column;
	left: 0;
	top: 1rem;
}

.st__project .st__s_inner .st__s_labels .st__s_label {
	padding: 0.35rem 0.5rem;
	font-family: var(--number-font);

	color: white;
	text-transform: uppercase;
	margin-top: 0.5rem;
	text-align: center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 13px;
	font-weight: 600;
}

.st__project .st__s_inner .st__s_labels .st__s_label:first-child {
	background-color: var(--color-green);
}

.st__project .st__s_inner .st__s_labels .st__s_label:last-child {
	background-color: var(--color-viloet);
}

.st__project .st__s_inner .st__s_title {
	flex-grow: 1;
}

.st__project .st__s_inner .st__s_title a {
	padding: 0.5rem 1rem;
	display: block;
	font-weight: 700;
	text-align: left;
	font-size: 18px;
	color: black;
}

.st__project .st__s_inner .st__s_title a:hover {
	color: var(--color-green);
}


/**fav*/
.st__project .st__s_inner .st__s_fav {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	padding: 0.5rem;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-green-alpha);
	cursor: pointer;
	width: 24px;
	height: 24px;
}


.st__project .st__s_inner .st__s_fav:hover {
	color: var(--color-green);
	background-color: white;
}

.st__project .st__s_inner .st__s_fav.st__s_active {
	background-color: var(--color-green);
	color: white;
}

/**comp

*/
.st__project .st__s_inner .st__s_comp {
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 24px;
	height: 24px;
	padding: 0.5rem;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-green-alpha);
	cursor: pointer;
}


.st__project .st__s_inner .st__s_comp:hover {
	color: var(--color-green);
	background-color: white;
}

.st__project .st__s_inner .st__s_comp.st__s_active {
	background-color: var(--color-green);
	color: white;
}

/**fav*/

.st__project .st__s_inner .st__s_tips {
	display: flex;
	flex-flow: row wrap;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	gap: 0.5rem;

}

.st__project .st__s_inner .st__s_tips .st__s_tip {
	flex: 0 0 calc(50% - 1rem);
}


.st__project .st__s_inner .st__s_tips .st__s_tip .ts__s_inner {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	align-items: center;
	justify-content: start;
}

.st__project .st__s_inner .st__s_tips .st__s_tip .ts__s_inner .st__s_ico {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f3f3f3;
	border-radius: 50%;
	padding: 0.25rem;
	margin-right: 0.5rem;
	color: var(--color-green);
}

.st__project .st__s_inner .st__s_tips .st__s_tip .st__s_dots {
	flex-grow: 1;
	border-bottom: 1px dotted lightgray;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}


.st__project .st__s_inner .st__s_tips .st__s_tip span {
	font-size: 13px;
	line-height: 24px;
	padding-right: 3px;
	font-family: var(--number-font);
}

.st__project .st__s_inner .st__s_tips .st__s_tip .st__s_value {
	font-weight: 700;
}


.st__project .st__s_inner .st__s_price {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	padding-bottom: 1.5rem;
	border-top: 1px solid lightgrey;
	margin-left: 1rem;
	margin-right: 1rem;
}

.st__project .st__s_inner .st__s_price .st__s_text {
	text-align: center;
	font-size: var(--size-text-m);
	font-weight: 600;
}

.st__project .st__s_inner .st__s_price .st__s_number {
	text-align: center;
}

.st__project .st__s_inner .st__s_price .st__s_number span:first-child {
	font-size: var(--size-text-xl);
	font-weight: 700;
	color: var(--color-green);
	font-family: var(--number-font);
}


.st__project .st__s_inner .st__s_price .st__s_number span:last-child {
	font-weight: 500;
	font-size: 25px;
	color: #686a7a;
	padding-left: 3px;
}

@media (max-width: 960px) {
	.st__project .st__s_inner {
		margin: 0;
	}
}

/**form**/
.st__block_form,
.st__block_form_ordercall {
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 1rem;
}

.st__block_form .st__s_input,
.st__block_form_ordercall .st__s_input {
	flex: 1 1 33.33%;
}
.st__block_form {
	display: flex;
	flex-direction: row;
	position: relative;
	gap: 1rem;
}
.st__block_form_ordercall .row2 {
	display: flex;
	flex-direction: row;
	position: relative;
	gap: 1rem;
}
span:has(.st__s_input_acceptance) {
	margin-top: 7px;
	color: #ffffff;
}
.st__s_input_acceptance + span a {
	color: #ffffff;
}


@media (max-width: 960px) {

	.st__block_form,
	.st__block_form_ordercall {
		flex-direction: column;
	}

	.st__block_form .st__s_input > p {
		margin: 0 !important;
	}
	.st__block_form_ordercall .st__s_input > p {
		margin: 0 !important;
	}
	.st__s_input > p > span > input {
		width: 100%;
	}

}

/**CF7**/


.wpcf7 select,
.st__input_select {
	width: 100%;
	padding: 1rem;
	border: 1px solid var(--color-gray);
	border-radius: 0.5rem;
	background-color: #f9f9f9;
	font-size: var(--size-text-m-2);
	color: #333;
	cursor: pointer;
}


.wpcf7 .wpcf7-text,
.st__input_text {
	padding: 1rem;
	font-size: var(--size-text-m-2);
	border-radius: 0.5rem;
	outline: none;
	border: 1px solid var(--color-gray);
}

.wpcf7 select:hover,
.st__input_select:hover {
	border-color: var(--color-lightgray);
}

.wpcf7 select option,
.st__input_select option {
	padding: 1rem;
	background-color: #fff;
	color: #333;
}

.wpcf7 select option:checked,
.st__input_select option:checked {
	background-color: var(--color-green);
	color: #fff;
}


.wpcf7 .wpcf7-submit,
.st__input_submit {
	padding: 1rem;
	font-size: var(--size-text-m-1);
	background-color: var(--color-green);
	font-weight: 600;
	color: white;
	border: 1px solid var(--color-green);
	border-radius: 0.5rem;
	cursor: pointer;
	text-transform: uppercase;
	width: 100%;
}

.wpcf7 .wpcf7-submit:hover,
.st__input_submit:hover {
	box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.wpcf7 {
	position: relative;
}

.wpcf7-spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.wpcf7 form .wpcf7-response-output {
	margin: 0;
	background: white;
}

.st__input_small {
	padding: 0.5rem;
	border-radius: 0.25rem;
	font-size: var(--size-text-m);
}

@media (max-width: 960px) {
	.wpcf7 .st__s_input .wpcf7-form-control-wrap {
		display: flex;
	}

	.wpcf7 .wpcf7-text, .st__input_text {
		flex-grow: 1;
	}
}

/**modall*/


.st__modal {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10000;
	display: none;
	align-items: center;
	justify-content: center;
}

.st__modal.st__s_active {
	display: flex;
	animation: showModal 0.3s forwards;
	opacity: 0;
}

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


.st__modal .st__s_wrapper {
	width: 100%;
	height: 100%;
	flex-grow: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.st__modal .st__s_close {
	position: absolute;
	right: 2rem;
	top: 2rem;
}

.st__modal .st__s_close i {
	padding: 1rem;
	border-radius: 50%;
	background-color: var(--color-green);
	color: white;
}

.st__modal .st__s_inner {
	background: var(--color-bodyback);
	min-width: 600px;
	border-radius: 1rem;
	cursor: default;
	position: relative;
	z-index: 1;
	overflow-y: auto;
	max-height: 100vh;

}

.st__modal .st__s_inner .st__s_image {
	aspect-ratio: 16 / 5;
	max-width: 100%;
	width: 100%;
}

.st__modal .st__s_inner .st__s_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.st__modal .st__s_inner .st__s_content {
	padding: 2rem;
}

.st__modal .st__s_inner .st__s_header {
	font-size: var(--size-text-m-3);
	margin-bottom: 2rem;
}

.st__modal_search .st__s_inputs {
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.st__modal_search .st__s_inputs .st__input_text {
	flex-grow: 1;
}

@media (max-width: 1600px) {

	.st__modal .st__s_inputs {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.st__modal .st__s_inputs input,
	.st__modal .st__s_inputs .st__input_submit {
		flex: 0 0 100%;
	}

	.st__modal .st__policy {
		justify-content: center;
	}

}

@media (max-width: 960px) {
	.st__modal .st__s_inner {
		min-width: 90%;
		margin-left: 1rem;
		margin-right: 1rem;
	}
}

#st__modal_search .st__s_inner {
	background: unset;
}


/**swiper**/
.st__swiper_controls {
	display: flex;
	flex-direction: row;
}

.st__swiper_controls .st__s_control {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
}

.st__swiper_controls .st__s_control i {
	color: var(--color-green);
	cursor: pointer;
	border-radius: 50%;
}

.st__swiper_controls .st__s_control i:hover {
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.st__swiper_controls .st__s_pagination .swiper-pagination-bullet {
	border-radius: unset;
	width: 1rem;
	height: 3px;
}

.st__swiper_controls .st__s_pagination .swiper-pagination-bullet-active {
	background: var(--color-green) !important;
}


/**crumbs**/
.st__breadcrumbs {
	padding-top: 1rem;
}

@media (max-width: 960px) {
	.st__breadcrumbs {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.st__breadcrumbs * {
	font-weight: 300;
	color: var(--color-gray);
	font-size: var(--size-text-m-1);
}

/**postlost**/

.st__postlist {
	margin-bottom: 4rem;
}

.st__postlist h2 a {
	text-align: center;
	font-size: var(--size-text-m-3);
	font-weight: 300;
	margin-top: 1rem;
	color: var(--color-darkgray);
}

.st__postlist .post-more {
	font-weight: 300;
	margin-top: 1rem;
	font-weight: 600;
	color: var(--color-green);
	font-size: var(--size-text-m-1);
}


/**widget**/

.st_widget {
	position: fixed;
	right: 0;
	bottom: 10vh;
	z-index: 500;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.st_widget .st__s_open {
	border: 1px solid white;
	background: var(--color-green);
	width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 1rem;
	border-radius: 50%;
	cursor: pointer;
	transform: rotate(0);
	transition: all 0.3s ease-in-out;
}

.st_widget.st__s_active .st__s_open {
	background: var(--color-gray);
	transform: rotate(45deg);

}

.st_widget .st__s_open:hover {
	box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.7);
}

.st_widget .st__s_wrapper {
	display: flex;
	flex-direction: column;
}

.st_widget .st__s_wrapper .st__s_item {
	display: flex;
	flex-direction: column;
	background-color: var(--color-green);
	margin-bottom: 0.5rem;
	justify-content: center;
	align-items: center;
	padding: 0.5rem;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	transition: all 0.3s ease-in-out;
}

.st_widget .st__s_wrapper .st__s_item:hover {
	box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.7);
}


.st_widget .st__s_wrapper .st__s_item .st__s_text {
	font-size: 12px;
	text-align: center;
	color: white;
}

.st_widget .st__s_wrapper .st__s_item .st__s_ico i {
	color: white;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}


.st_widget .st__s_colapse {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}

.st_widget .st__s_colapse span {
	background-color: var(--color-green);
	padding: 0.5rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	font-size: 24px;
	color: white;
	cursor: pointer;
}


.st_widget .st__s_wrapper {
	transform: translateX(100%);
	transition: all 0.3s ease-in-out;
}


.st_widget.st__s_active .st__s_wrapper {
	transform: translateX(0);
}

.st_widget.st__s_active .st__s_colapse span {
	background-color: var(--color-extralightgray);
	color: var(--color-darkgray);
	transform: rotate(45deg);
	transition: all 0.3s ease-in-out;

}

@media (max-width: 960px) {
	.st_widget .st__s_wrapper .st__s_item .st__s_text {
		display: none;
	}

	.st_widget .st__s_wrapper .st__s_item .st__s_ico {
		width: 24px;
		height: 24px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.st__filter_header_mobile .st__s_close {
		width: 24px;
		height: 24px;
		padding: 0.5rem;
		background: var(--color-green);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
	}

	.st__filter_header_mobile .st__s_close i {
		color: white;
	}

	.st__filter_header_mobile .st__s_name {
		flex-grow: 1;
		font-size: var(--size-text-xl);
		font-weight: 600;
	}

	.filter--style-premmerce .filter__item, .filter--style-custom .filter__item {
		padding-left: 0;
		padding-right: 0;
	}

}


#st__modal_search .st__s_content_white {
	background: white;
}

#st__modal_search .st__s_form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

@media (max-width: 768px) {
	.st__block_form,
	.st__block_form_ordercall {
		flex-direction: row;
	}
	.st__s_input {
		max-width: 49%;
	}
	.st__container {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 550px) {
	h2 {
		font-size: var(--size-text-l) !important;
	}
	.st__s_title {
		font-size: var(--size-text-l) !important;
	}
	.st__block_form,
	.st__block_form_ordercall {
		flex-direction: column;
	}
	.st__s_input {
		max-width: 100%;
	}
	.st__s_content h4,
	.st__s_content p,
	.st__s_content li {
		font-size: var(--size-text-s) !important;
	}
	.st__container:has(.st__s_content) {
		width: auto;
	}
}

@media (max-width: 500px) {
	.st__breadcrumbs {
		display: none;
	}
}

@media screen and (prefers-color-scheme: dark) {
	.st__header {
		background-color: #edede9 !important;
	}
	.st__s_mobile_menu div a {
		background-color: #d6ccc2 !important;
	}

}

/* START перенес из "внешнего вида - настроить доп стили" и внес изменения*/
/*Настройка после SEO Аудита Декабрь 2025*/
.st__s_tip.st__s_catalog {
	display: none !important;
}
body > header > div:nth-child(3) > div > ul > li:nth-child(1) {
	visibility: hidden;
}

body > header > div:nth-child(3) > div > ul > li.st__s_dropdown.st__s_buildings > a::after {
	display: none !important;
}
body > header > div:nth-child(3) > div > ul > li.st__s_dropdown.st__s_buildings > ul {
	display: none !important;
}

.st__header .st__s_first .st__s_tips .st__s_tip.st__s_address {
	justify-content: center; !important
}

body > header > div:nth-child(3) > div > ul > li:nth-child(7),
body > header > div:nth-child(2) > nav > ul > li:nth-child(6) {
	background-color: yellow;
	border: 2px solid green;
	border-radius: 7px;
}
body > header > div:nth-child(3) > div > ul > li:nth-child(7):hover,
body > header > div:nth-child(2) > nav > ul > li:nth-child(6):hover {
	background-color: #21b224;
}

body > header > div:nth-child(3) > div > ul > li:nth-child(7):hover a,
body > header > div:nth-child(2) > nav > ul > li:nth-child(6):hover a{
	color: #ffffff !important;
}
body > header > div:nth-child(3) > div > ul > li:nth-child(7) a,
body > header > div:nth-child(2) > nav > ul > li:nth-child(6) a{
    font-weight: 800;
}
.st__s_buildings {
	display: none !important;
}


/* Фиксированный прозрачный хедер */
header.st__header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 999 !important;
	/* 	background: transparent !important; */
	/* 	background-color: transparent !important; */
	background-color: white;
	transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Убираем фон у внутренних контейнеров хедера */
header.st__header .st__container,
header.st__header .st__s_first,
header.st__header .st__s_mobile_menu {
	background: transparent !important;
	background-color: transparent !important;
}

/* Отступ сверху для контента (чтобы не скрывался под хедером) */
body {
	/*padding-top: 150px !important;*/ /* Подстройте значение под высоту хедера */
}

/* Стиль хедера при скролле - становится с фоном */
header.st__header.header-scrolled {
	background: rgba(255, 255, 255, 1) !important;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1) !important;
}

/* header.st__header.header-scrolled .st__container,
header.st__header.header-scrolled .st__s_first,
header.st__header.header-scrolled .st__s_megamenu,
header.st__header.header-scrolled .st__s_mobile_menu {
background: transparent !important;
} */


/* Делаем заголовки разделов в мегаменю некликабельными */
header.st__header .st__s_projects .st__s_m_items > li > a {
	pointer-events: none !important;
	cursor: default !important;
}

/* Убираем подчёркивание и эффект наведения */
/* header.st__header .st__s_projects .st__s_m_items > li > a:hover {
text-decoration: none !important;
color: inherit !important;
} */

/* Стилизуем как заголовок (опционально) */
header.st__header .st__s_projects .st__s_m_items > li > a {
	/* 	font-weight: 700 !important;
	color: #333 !important; /* Измените цвет под ваш дизайн */ 
	display: none;
}

/* Сетка мегаменю - все разделы в столбик */
header.st__header .st__s_projects .st__s_m_items {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 20px !important;
	justify-content: flex-start !important;
}

/* Каждый раздел (Этажность, Материал и т.д.) - отдельный столбик */
header.st__header .st__s_projects .st__s_m_items > li {
	display: flex !important;
	flex-direction: column !important;
	min-width: 150px !important;
}

/* Заголовок раздела */
header.st__header .st__s_projects .st__s_m_items > li > a {
	font-weight: 700 !important;
	margin-bottom: 10px !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #ddd !important;
}

/* Подменю - элементы в столбик */
header.st__header .st__s_projects .st__s_m_items > li > ul.sub-menu {
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

/* Пункты подменю */
header.st__header .st__s_projects .st__s_m_items > li > ul.sub-menu > li {
	padding: 0 !important;
	margin: 0 !important;
}

header.st__header .st__s_projects .st__s_m_items > li > ul.sub-menu > li > a {
	display: block !important;
	font-size: 16px !important;
	/* 	white-space: nowrap !important; */
	font-weight: 700;
	pointer-events: none;
	user-select: none;
}

/* Ховер эффект для ссылок */
header.st__header .st__s_projects .st__s_m_items > li > ul.sub-menu > li > a:hover {
	color: #your-accent-color !important; /* Замените на ваш цвет */
}

/* Вариант с переносом - максимум 5 столбиков в ряд */
header.st__header .st__s_projects .st__s_m_items {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 25px 15px !important;
	/* 	max-width: 1200px !important; */
}

/* header.st__header .st__s_projects .st__s_m_items > li {
flex: 0 0 auto !important;
min-width: 140px !important;
max-width: 180px !important;
} */


/* Стили для цены на страницах категорий */
.st__s_number {
	display: block !important;
}

.st__s_number span:first-child {
	font-size: 16px !important;
	font-weight: 600 !important;
}

.category-description-bottom {
	width: 100% !important;
	max-width: 1200px !important;
	margin: 50px auto 30px auto !important;
	padding: 30px !important;
	float: none !important;
	display: block !important;
	box-sizing: border-box;
}

/* ИСПРАВЛЕНИЕ МОБИЛЬНОЙ ВЕРСИИ — вставьте в конец стилей */

@media (max-width: 1024px) {
	.projects-page .filter-block {
		flex-wrap: wrap;
		gap: 12px;
	}

	.projects-page .filter-block .selectric-wrapper {
		flex: 1 1 calc(50% - 8px);
		min-width: auto !important;
	}

	.projects-page .filter-block .selectric-wrapper:last-child {
		flex: 1 1 100%;
	}
}

@media (max-width: 768px) {
	.projects-page .page-title h1 {
		font-size: 28px !important;
		line-height: 1.2;
	}

	.projects-page .filter-block {
		padding: 16px;
	}

	.projects-page .filter-block .selectric-wrapper {
		flex: 1 1 100% !important;
	}

	/* Карточки проектов — теперь по одной в ряд */
	.projects-page .projects-grid {
		grid-template-columns: 1fr !important;
		gap: 24px;
	}

	.projects-page .project-card {
		max-width: 100%;
	}

	/* Исправляем налезание текста характеристик */
	.projects-page .project-card__params {
		font-size: 14px;
		line-height: 1.4;
	}

	.projects-page .project-card__params span {
		margin-bottom: 6px;
	}

	/* Кнопка "Показать ещё" */
	.projects-page .btn-load-more {
		width: 100%;
		max-width: 100%;
		padding: 16px 20px;
	}

	/* Нижняя часть с количеством проектов */
	.projects-page .projects-found {
		font-size: 15px;
		text-align: center;
		padding: 0 16px;
	}
}

@media (max-width: 480px) {
	.projects-page .page-title h1 {
		font-size: 24px !important;
	}

	.projects-page .project-card__title {
		font-size: 18px;
		line-height: 1.3;
	}

	.projects-page .project-card__price {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.house-card {
		height: auto !important;
		min-height: 480px;
		padding: 15px;
		padding-bottom: 40px;
		overflow: visible;
	}
}

.house-card__params {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.house-card__param {
	display: flex;
	align-items: center;
	gap: 8px;
}
.house-card__param img {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.card-favorite-btn {
	right: 15px;
	top: 15px;
	width: 48px;
	height: 48px;
}
.slider-nav-btn {
	margin-left: 10px;
}

@media (max-width: 767px) {
	/* Ограничиваем контейнер картинки */
	.catalog-item__image, 
	.house-card__image-wrapper { 
		width: 100%;
		height: 220px; /* Фиксируем высоту, чтобы карточки были одинаковыми */
		overflow: hidden;
		border-radius: 8px; /* Скругляем углы для современного вида */
	}

	/* Настраиваем саму картинку внутри */
	.catalog-item__image img,
	.house-card__image-wrapper img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover; /* Это самое важное: картинка заполнит блок, не растягиваясь уродливо */
		object-position: center;
	}

	/* Убираем лишние отступы у контейнера, если они раздувают карточку */
	.catalog-item {
		padding: 10px;
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	/* Ограничиваем контейнер картинки */
	.catalog-item__image, 
	.house-card__image-wrapper { 
		width: 100%;
		height: 220px; /* Фиксируем высоту, чтобы карточки были одинаковыми */
		overflow: hidden;
		border-radius: 8px; /* Скругляем углы для современного вида */
	}

	/* Настраиваем саму картинку внутри */
	.catalog-item__image img,
	.house-card__image-wrapper img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover; /* Это самое важное: картинка заполнит блок, не растягиваясь уродливо */
		object-position: center;
	}

	/* Убираем лишние отступы у контейнера, если они раздувают карточку */
	.catalog-item {
		padding: 10px;
		margin-bottom: 20px;
	}
}

.house-card {
	max-width: 100vw; /* Не шире экрана */
	box-sizing: border-box; /* Чтобы padding не увеличивал ширину */
}

.st__s_mega .st__s_m_items ul{
	flex-direction: column;
}
/* END перенес из "внешнего вида - настроить доп стили" и внес изменения*/

/* START added */
body > header > div:nth-child(3) > div > ul > li:nth-child(1) {
	display: none;
}
/* END added */