/* Для логотипов в сетке */
.client-logos__content {
    /* 👇 НОВОЕ: фиксируем минимальную высоту строк */
    grid-auto-rows: minmax(100px, auto);
}
.client-logos__item {
    /* 👇 НОВОЕ: чтобы картинка центрировалась внутри */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/* 👇 НОВЫЙ КЛАСС: правила для самой картинки */
.client-logos__item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Калькулятор пергол временный фикс */
.calculator-form__select {
	padding: 0.5rem;
    color: var(--grey-label-color);
	z-index: 0;
}
 	
.calculator-form__field {
	display: inline-grid;
}
	
.calculator-form {
	display: inline-grid;
}
	
.calculator-form__label {
	margin: 0.5rem 0 !important;
	z-index: 0;
}
.calculator-section__result {
	margin: 1rem 0;
	z-index: 0;

}
.calculator-section__price-title {
	z-index: 0;
}
cite {
    color: var(--text-light-color) !important;
}

/* Временный фикс фотки товара в модалке на страницах партнеров в товарах */
img.image-slider__item {
    aspect-ratio: 1;
    object-fit: contain;
    width: calc(100% + 0rem);
}
/* =====================================================================================================
/ ===================================    ПОДСКАЗКА ПРИ НАВЕДЕНИИ    ====================================
/ ======================================================================================================*/
.notice_help {
	vertical-align: middle;
	margin-left: 8px;
	font-family: serif;
	font-weight: normal;
	display: inline-block;
	background-color: var(--button-grey-background-color);
	width: 20px;
	height: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 20px;
	color: #000;
	font-size: 16px;
	position: relative; /* — без этого работать не будет */
	cursor: pointer;
}
.tooltip {
	color: var(--text-bright-color);
    text-align: left;
    position: absolute;
/*     right: 2rem; */
    top: 50%;
    transform: translateY(-50%) translateX(10px);
    padding: 1.5rem;
    width: 300px;
    min-width: 200px;
    background: var(--modal-background-color);
    box-shadow: 0 0px 15px 1px #a5a5a5;
    opacity: 1;
    visibility: hidden;
    transition: opacity 0.2s, transform 0.2s;
}
.notice_help:hover .tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%);
}
.notice_help:hover {
	background-color: var(--grey-S);
	color: #000;
}

@media (max-width: 1640px) {
	.tooltip {
		right: -3rem;
		top: 50%;
		transform: translateY(-50%) translateX(10px);
		width: auto;
	}
}

/* =====================================================================================================
/ =============================    КАРУСЕЛЬ В МОДАЛКЕ ТОВАРА ПАРТНЕРОВ    ==============================
/ ======================================================================================================*/
.image-slider {
	position: relative;
	overflow: hidden;
}
.image-slider__content {
	height: 100%;
	overflow-x: scroll;
	display: flex;
	scroll-snap-type: x mandatory;
	-ms-overflow-style: none;
	scrollbar-width: none; 
}
.image-slider__content::-webkit-scrollbar {
	display: none;
}
.image-slider__item {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	scroll-snap-align: start;
}
.image-slider_object-fit_cover .image-slider__item {
	object-fit: cover;
}
.image-slider_object-fit_contain .image-slider__item {
	object-fit: contain;
}
.image-slider__left,
.image-slider__right {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
}
.image-slider__left {
	left: 1.5rem;
}
.image-slider__right {
	right: 1.5rem;
}
.image-slider__left_hide,
.image-slider__right_hide {
	display: none;
	pointer-events: none;
}

/* Telegram Widget Positioning*/
/* .telegram-widget-fixed .button_style_accent {
    color: white;
} */
/* Изначально кнопка скрыта */
.telegram-widget-fixed {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Класс, который делает кнопку видимой */
.telegram-widget-fixed.visible {
	opacity: 1;
	visibility: visible;
}

@media (max-width: 640px) {
	.telegram-widget-fixed {
		bottom: 15px;
		right: 15px;
	}
}

@media print {
	.telegram-widget-fixed {
		display: none;
	}
}

.telegram-icon {
	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.6-1.38-.97-2.23-1.56-.99-.69-.35-1.07.22-1.69.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.28-.02-.12.02-2.07 1.31-2.84 1.8-.27.18-.52.27-.75.27-.25 0-.72-.14-1.09-.26-.44-.14-.98-.3-.98-.31 0-.09.09-.12.26-.18.6-.23 3.3-1.47 4.39-1.96 2.09-.93 2.53-1.09 2.81-1.1.06 0 .2.01.29.09.07.06.1.14.11.22.01.1-.02.2-.03.24z'/%3E%3C/svg%3E");
}

/* Добавлено для адаптации штатного меню под верстку */
.header__mobile-controls {
    display: none;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
@media (max-width: 1024px) {
    .header__nav-desktop {
        display: none;
    }
    
    .header__mobile-controls {
        display: flex;
    }
}

/* Правка отступов на контактной форме в калькуляторе услуг */
.call-request-2__form {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

/* Для ссылки категории на страницах статей */
.article__meta-item a {
    color: var(--text-middle-color);
    text-decoration: none;
}

/* Списки с отсутствием маркера с подсписками */
ol.list_none,ul.list_none{list-style-type:none}

/* Коррекция ширины фото в постах */
.wp-post-image {
	max-width: 100%;
}

/* Добавил удаление плейсхолдера чтобы не дублировался */
.article-preview__image.no-background {
    background-image: none !important;
}

/* Перенос последнего пункта хлебных крошек */
.breadcrumbs__item > .button_ghost:not(:hover):not(:focus-visible), .breadcrumbs__item > .button_ghost[disabled] {
    white-space: normal;
    text-align: left;
/* 	height: auto; */
}

/* Ссылки категорий на странице партнеров*/
a.categories-tree__link {
	color: var(--text-middle-color);
}
li.categories-tree__item--child {
	list-style-type: disc;
}

/* Изменение мета данных в статьях на мобильном */
@media (max-width: 520px) {
    .article__meta {
        font-size: var(--typo-text-s-font-size);
    }
	.article__meta {
		display: inherit;
    }
}

/* Для фильтр категорий на странице статей */
.filter-buttons .button {
    margin: 5px;
}
.article-preview.hidden {
    display: none;
}

/* Для картинки в блоке Hero на странице "О компании" */
.hero_about .hero__img {
    height: 90%;
    left: 85%;
}