/* Start:/bitrix/templates/.default/components/bitrix/news/kompanies_retailers/bitrix/news.list/.default/style.css?174947180131606*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
:root {
	--font-family: "Montserrat", sans-serif;
	--second-family: "Golos Text", sans-serif;
	--third-family: "Manrope", sans-serif;
	--font3: "Golos", sans-serif;
	--green-100: #2bbc65;
	--green-50: rgba(43, 188, 101, 0.5);
	--green-green-10: rgba(43, 188, 101, 0.1);
	--green-green-gradient-fill: #fff;
	--black-100: #101010;
	--black-80: rgba(16, 16, 16, 0.8);
	--black-70: rgba(16, 16, 16, 0.7);
	--black-black-40: rgba(16, 16, 16, 0.4);
	--black-30: rgba(16, 16, 16, 0.3);
	--black-5: rgba(16, 16, 16, 0.05);
	--black-gray: #919196;
	--white-100: #fff;
	--white-70: rgba(255, 255, 255, 0.7);
	--white-20: rgba(255, 255, 255, 0.2);
	--bs-btn-hover-bg: #2bbc65;
}

.btn-success {
	--bs-btn-bg: #2bbc65 !important;
	--bs-btn-border-color: #2bbc65 !important;
	--bs-btn-disabled-bg: #2bbc65 !important;
	--bs-btn-disabled-border-color: #2bbc65 !important;;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
	color: #ffffff;
	background-color: #2bbc65 !important;
	border-color: #2bbc65 !important;
}

html,
body {
	}

html {
	box-sizing: border-box;
}

*,
*::after,
*::before {
	box-sizing: inherit;
}

body {
	margin: 0;
	font-family: var(--font-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: var(--black-80);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main.main {
	flex: 1 1 auto;
}

@media (min-width: 992px) {
	.px-lg-5 {
		padding-right: 5rem !important;
		padding-left: 5rem !important;
	}
}

@media (min-width: 2000px) {
	.px-lg-5 {
		padding-right: 7rem !important;
		padding-left: 7rem !important;
	}
}

/* =================== Header ====================== */

@media (max-width: 475px) {
	.header-top {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}

.header-top .logo {
	margin-left: 0;
}

.header-top .logo img {
	width: 70px;
	height: auto;
}

@media (min-width: 425px) {
	.header-top .logo img {
		width: auto;
		height: auto;
	}
}

@media (min-width: 1600px) {
	.header-top .logo {
		margin-right: auto;
	}
}

@media (min-width: 1920px) {
	.header-top .logo {
		margin-right: 7vw;
	}
}

.header-top .row {
	/justify-content: space-between;/
}
.row {
    flex-wrap: nowrap !important;
}

.header-top form {
	max-width: 420px;
	margin-right: 1vw;
}

@media (min-width: 1920px) {
	.header-top form {
		margin-right: 4vw;
	}
}

@media (max-width: 1280px) {
	.search-container {
		width: 420px;
	}
}

.search-container {
	border: 1px solid #dee2e6;
	border-radius: 6px;
	padding: 4px;
	height: 44px;
	display: flex;
	align-items: center;
	background: #f2f2f2;
	/* Новый цвет фона */
}

@media (min-width: 1600px) {
	.search-container {
		width: 420px;
	}
}

.custom-dropdown-btn {
	background: #2bbc65;
	border: 1px solid #dee2e6 !important;
	border-radius: 3px;
	padding: 4px 8px;
	min-width: 74px;
	/* минимальная ширина */
	width: auto;
	/* ширина по содержимому */
	height: 32px;
	color: white;
	margin: 0 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	/* запрет переноса текста */
}

.search-input {
	border: none !important;
	padding: 0 12px;
	flex: 1;
	height: 100%;
	box-shadow: none !important;
	background: transparent;
	/* Прозрачный фон */
}

.search-icon {
	padding: 0 12px;
	color: #6c757d;
	font-size: 20px;
}

.bi-search::before {
	font-weight: 600 !important;
}

.search-input::placeholder {
	color: #6c757d;
	opacity: .6;
}

.search-icon-btn {
	background: none;
	border: none;
	padding: 0;
	transition: opacity 0.2s;
}

.search-icon-btn:hover {
	opacity: 0.7;
	cursor: pointer;
}

.search-icon-btn:focus {
	outline: none;
	/* box-shadow: none; */
}

.menu {
	padding-left: 0;
	padding-right: 0;
}

.nav-item {
	margin-right: 0;
}

@media (min-width: 1600px) {
	.nav-item {
		margin-right: 1.8vw;
	}
}


.nav-link {
	font-family: var(--third-family);
	font-weight: 600;
	font-size: 16px;
	color: #262626;
	padding: .5rem .7rem;
}

@media (min-width: 1400px) {
	.header-top .icons {
		margin-left: auto;
	}
}

.header {
	box-shadow: -2px -2px 30px rgba(0, 0, 0, 0.03), 2px 2px 30px rgba(0, 0, 0, 0.03);
	padding-bottom: 10px;
}

.header-top .icons {
	/width: 128px;/
	height: 24px;
	padding: 0;
}

.header-top .icons a {
	display: inline-block;
	text-decoration: none;
	margin-left: 18px;
}

.header-top .icons a:first-child {
	margin-left: 0;
}

@media (min-width: 768px) {
	.header-bottom nav {
		padding-left: 19px;
	}
}

@media (min-width: 1024px) {
	.header-bottom nav {
		padding-left: 12px;
	}
}

.breadcrumb {
	display: flex;
	/* Или inline-flex, если нужно в строку */
	list-style: none;
	/* Убираем стандартные маркеры списка */
	padding: 0;
	margin: 0;
}

.breadcrumb-item {
	font-size: 14px;
	/* Пример размера шрифта */
	color: #555;
	/* Пример цвета текста */
}

.breadcrumb-item a {
	font-family: var(--font3);
	font-weight: 400;
	font-size: 14px;
	color: var(--black-30);
	text-decoration: none;
}

@media (min-width: 768px) {
	.breadcrumb-item a {
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 16px;
		color: var(--black-30);
		text-decoration: none;
	}
}

.breadcrumb-item a:hover {
	text-decoration: underline;
	/* Подчеркивание при наведении */
}

.breadcrumb-item:not(:first-child)::before {
	content: "›";
	color: #ccc;
	margin: 0 5px;
	font-size: 16px;
	position: relative;
	top: -2px;
}

.breadcrumb-item.active {
	color: #333;
	/* Цвет активного элемента (текущей страницы) */
}

.breadcrumb-item.active a {
	/* Чтобы убрать ссылку с активного элемента, если случайно добавили */
	pointer-events: none;
	/* Отключаем клики */
	cursor: default;
	/* Курсор по умолчанию */
	text-decoration: none;
	/* Убираем подчеркивание, если вдруг есть */
	color: inherit;
	/* Наследуем цвет от родителя (.breadcrumb-item.active) */
}

/* =================== Header ====================== */

/* =================== Main ====================== */


.main > .row {
	padding-left: 68px;
	padding-right: 68px;
	padding-top: 70px;
}

@media (max-width: 991px) {
	.main > .row {
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 20px;
	}

	.sidebar {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 750px) {
	.sidebar {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (min-width: 996px) {
	.sidebar {
		max-width: 369px;
	}
}

aside.left-menu {
	min-width: 320px;
}

@media (min-width: 1800px) {
	aside.left-menu {
		min-width: 369px;
	}
}

@media (min-width: 1024px) {
	aside.left-menu {
		width: 340px;
	}
	.submenu-button {
		font-size:16px!important;
	}
}

aside .btn-success,
aside .btn-outline-secondary {
	font-family: var(--font-family), sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: var(--green-green-gradient-fill);
	border-radius: 16px;
	padding: 18px 14px;
	/* width: 369px;
	height: 66px; */
	box-shadow: 2px 2px 30px 0 rgba(0, 0, 0, 0.03), -2px -2px 30px 0 rgba(0, 0, 0, 0.03);
	background: var(--green-100);
}

aside .btn-outline-secondary {
	color: var(--black-100);
	border: 1px solid var(--green-100);
	background: var(--green-100);
	background: var(--green-green-gradient-fill);

}

@media (min-width: 425px) and (max-width: 768px) {
	.grid-responsive-2 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}


.btn:hover {
	background-color: var(--bs-btn-hover-bg);
	box-shadow: 0 5px 12px 1px rgba(60, 82, 95, .55);
	transition: box-shadow 0.2s linear;
}

.ownerpagecover {
	background-color: #d9d9d9;
}

.ownerpagecover {
	height: 279px;
}

@media (max-width: 425px) {
	.ownerpagecover {
		height: 386px;
	}
}

.innercover {
	margin-top: 44px;
}

@media (min-width: 425px) {
	.innercover {
		margin-top: 0;
	}
}

.innercover button {
	display: block;
	margin-top: 46px;
	border: none;
	border-radius: 16px;
	padding: 8px 20px;
	width: 208px;
	height: 44px;
	background: var(--green-green-gradient-fill);
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 14px;
	color: var(--black-100);
}

@media (min-width: 600px) {
	.innercover button {
		margin-top: 186px;
	}
}

.ownerpagecover .logo {
	width: 200px;
	height: 200px;
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 18px;
	color: var(--black-100);
}

.inner-logo {
	padding-top: 20px;
	margin-bottom: 40px;
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 18px;
	color: var(--black-100);
}

.add-logo {
	display: inline-block;
	position: static;
	top: auto;
	left: auto;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	pointer-events: none;
}

.upload-cover {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	pointer-events: none;
}

.innercover:hover .add-logo,
.innercover:hover .upload-cover {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	cursor: pointer;
}

@media (min-width: 425px) {
	.add-logo {
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
}

.edit-title {
	padding-left: 10px;
}

.h5 a {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	pointer-events: none;
}

.h5:hover a {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	/* Включаем клики */
}

.h5 {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 18px;
	color: var(--black-100);
	word-wrap: break-word;
}

.text-about {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	color: var(--black-80);
	margin-bottom: 30px;
}

/* Кастомное позиционирование и размеры модального окна */
.custom-modal-dialog {
	position: fixed;
	top: 80px;
	right: 80px;
	width: 600px;
	max-width: 100%;
}

.modal-title {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 18px;
	color: var(--black-100);
}

.modal-body a {
	color: #2bbc65;
	text-decoration: none;
}

.custom-modal-content {
	height: auto;
}

/* Адаптивное изменение размеров при экране меньше 600px */
@media (min-width: 601px) and (max-width: 768px) {
	.custom-modal-dialog {
		top: 170px;
		right: 30px;
		width: 600px;
	}
}

@media (max-width: 600px) {
	.custom-modal-dialog {
		left: 25px;
		right: 25px;
		width: auto;
	}
}

/* =================== Main ====================== */

/* =================== Footer ====================== */

footer {
	background: var(--black-100);
}

@media (min-width: 1024px) {
	.footer .container-fluid .row {
		padding-right: 55px !important;
		padding-left: 55px !important;
	}
}

footer .menu-link {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	color: var(--white-70);
	text-decoration: none;
}

footer .menu-link:hover {
	color: var(--white-100);
}

footer .container-fluid {
	padding-bottom: 5vw;
}

@media (min-width: 768px) {
	footer .container-fluid {
		padding-bottom: 2vw;
	}
}

footer .menu {
	width: 184px;
}

/* =================== Footer ====================== */

.notifications-title {
	font-family: var(--font-family), sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--black-100);
}

.notifications-date {
	font-family: var(--font-family), sans-serif;;
	font-weight: 400;
	font-size: 14px;
	color: var(--black-70);
}

.notifications-time {
	font-family: var(--font-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: var(--black-80);
}

.notification-head {
	font-family: var(--font-family), sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--black-100);
}

.notification-body {
	font-family: var(--font-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: var(--black-100);
}

.notification-link {
	font-family: var(--font-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: var(--green-50);
	text-decoration: none;
}

/*================Раздел Компании================*/

.companies h1 {
	font-family: var(--font-family), sans-serif;;
	font-weight: 700;
	font-size: 24px;
	color: var(--black-100);
	text-transform: uppercase;
}

@media (max-width: 996px) {
	.companies h1 {
		display: none;
	}
}

.companies .cards {
	margin-bottom: 50px;
}

.company-card {
	display: flex;
	border: none;
	padding: 20px;
	width: 100%;
	margin-bottom: 20px;
}

.company-logo {
	width: 200px;
	height: 200px;
	margin-right: 20px; /* Отступ справа от логотипа */
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #dcdcdc;
	border-radius: 20px;
	font-weight: 700;
	font-size: 18px;
	flex-shrink: 0;
}

.company-logo > span {

}

.company-info {
	flex: 1; /* Занимает всё оставшееся пространство */
	display: flex;
	flex-direction: column;
}

.company-header {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}

.company-name {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px; /* Отступ между названием и адресом */
}

.company-subname {
	color: #777;
}

.company-text {
	margin-bottom: 15px; /* Отступ от текста до кнопок */
	line-height: 1.4;
	text-align: justify;
}

.company-buttons {
	display: flex;
	justify-content: flex-end; /* Кнопки прижаты вправо */
	gap: 10px; /* Расстояние между кнопками */
}

.company-favorites {
	border: none;
	background-color: #ffffff;
}

.company-chat {
	background-color: #2BBC65;
	color: white;
	border: none;
	cursor: pointer;
	border-radius: 16px;
	padding: 8px 20px;
	width: 208px;
	height: 44px;
}

.company-detail {
	background-color: #2BBC65;
	color: white;
	border: none;
	cursor: pointer;
	border-radius: 16px;
	padding: 8px 20px;
	width: 208px;
	height: 44px;
}

@media (max-width: 996px) {
	.company-card {
		padding: 0;
	}

	.company-text {
		margin-top: 10px;
		order: 2;
	}

	.company-buttons {
		justify-content: space-between;
	}
}

@media (max-width: 700px) {
	.company-card {
		flex-direction: column; /* Элементы в столбец */
		align-items: center; /* Выравнивание по центру по горизонтали (по желанию) */
	}

	.company-logo {
		margin-right: 0; /* Убираем отступ справа, так как элементы теперь друг под другом */
		margin-bottom: 20px; /* Добавляем отступ снизу */
	}

	.company-header {
		align-items: center; /* Выравнивание текста по центру (по желанию) */
		text-align: center; /* Выравнивание текста по центру (по желанию) */
		margin-bottom: 10px; /* Отступ между заголовком и кнопками */
	}

	.company-name {
		order: 1; /* Название компании */
	}

	.company-subname {
		order: 2; /* Местоположение */
	}

	.company-text {
		order: 6; /* Описание компании */
		margin-top: 10px; /*Добавим отступ сверху */
		margin-bottom: 20px;
	}

	.company-buttons {
		flex-direction: column; /* Кнопки в столбец */
		width: 100%; /* Чтобы кнопки занимали всю ширину */
		align-items: center;
		order: 3; /* Блок кнопок  после заголовка */

	}

	.company-favorites {
		position: relative;
		top: -132px;
		left: 71px;
		background-color: #dcdcdc;
		border-radius: 50%;
		margin-bottom: -58px;
	}

	.company-chat {
		order: 2; /* Кнопка "Написать" */
		width: 100%; /* Растягиваем кнопку на всю ширину */
		max-width: 300px; /* Ограничиваем максимальную ширину (по желанию)*/
		margin-bottom: 10px; /* Отступ между кнопками */
	}

	.company-detail {
		order: 3; /* Кнопка "Подробнее" */
		width: 100%; /* Растягиваем кнопку на всю ширину */
		max-width: 300px; /* Ограничиваем максимальную ширину (по желанию)*/
	}
}

.innercover .innercover-like {
	margin-left: auto;
	padding: 0;
	width: auto;
	border: none;
	border-radius: 50%;
}

.innercover-info {
	text-align: left;
	margin-left: 20px;
}

.innercover-title {
	font-family: var(--font-family), sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--black-100);
}

.innercover-subtitle {
	font-family: var(--font-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: var(--black-70);
}

.company-card.detail {
	padding: 20px 0;
}

.company-requisites .card {
	border: none;
}

.company-requisites .card-body {
	padding: 0;
}

.company-requisites .row {
	padding: 0;
	padding-left: 13px;
}

.company-requisites .row .col-6 {
	padding: 0;
}

.card-title {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 15px;
}

.card p {
	margin-bottom: 5px;
}

.company-card.detail .company-name {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.company-card.detail {
		flex-direction: column;
	}
}

@media (max-width: 425px) {
	.ownerpagecover {
		position: relative;
	}

	.innercover-info {
		text-align: center;
		margin-left: 0;
	}

	.innercover .innercover-like {
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	.innercover-title {
		font-size: 18px;
	}

	.card-point {
		width: 100%;
	}
}

/*================ Карусель товаров =========================*/

.carousel-section.container-fluid {
	padding-left:0;
}

.carousel-title h2 {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 28px;
	text-transform: uppercase;
	color: var(--black-100);
}

.carousel-title a {
	font-family: var(--second-family);
	font-weight: 500;
	font-size: 22px;
	text-transform: uppercase;
	color: var(--black-80);
}

.product-carousel {
	/*white-space: nowrap;*/
	overflow-x: auto;
	overflow-y: hidden;
}

.slick-track {
	display: flex;
}

.product-card.slick-slide {
	border-radius: 20px;
	padding: 10px 10px 16px 10px;
	width: 280px !important;
	/*height: 409px !important;*/
	box-shadow: 2px 2px 30px 0 rgba(0, 0, 0, 0.03), -2px -2px 30px 0 rgba(0, 0, 0, 0.03);
	background: var(--green-green-gradient-fill);
}

.product-card-title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 17px;
	color: var(--black-100);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* Ограничиваем текст двумя строками */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.record {
	display: flex;
	align-items: center;
	font-family: var(--font3);
	font-weight: 500;
	font-size: 14px;
	color: var(--green-100);
	margin-bottom: 10px;
}

.dot {
	width: 8px;
	height: 8px;
	background-color: var(--green-100);
	border-radius: 50%;
	margin-right: 8px; /* Расстояние между точкой и текстом */
}

.price-tag {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.price-text {
	margin-right: 10px; /* Расстояние между текстом и иконкой */
}

.upper-price {
	font-family: var(--font3);
	font-weight: 500;
	font-size: 22px;
	color: var(--black-100);
	display: block;
}

.lower-price {
	font-family: var(--font-family), sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: var(--black-70);
}

.price-tag .icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-right: 10px;
}

.price-tag .icon svg:hover path {
	stroke: red;
}

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px; /* Настройте размер стрелок */
	height: 20px; /* Настройте размер стрелок */
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 10; /* Убедитесь, что стрелки поверх слайдов */
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}

.slick-prev {
	left: -25px; /* Позиция левой стрелки */
}

/* --- Стили для стрелок навигации ПОД каруселью --- */

.carousel-navigation-container {
	padding-right: 10px; /* Небольшой отступ справа, если нужно */
	position: relative;
}

.slick-prev.carousel-control-prev,
.slick-next.carousel-control-next {
	position: relative; /* Важно: убираем абсолютное позиционирование */
	top: auto; /* Убираем top: 50% */
	transform: none; /* Убираем transform: translate */
	margin: 0; /* Убираем margin, если был */
	border-radius: 50%;
	width: auto;
	height: auto;
}

.slick-prev.carousel-control-prev {
	left: auto; /* Убираем left: 0; */
	right: auto; /* Убираем right: 0; */
}

.slick-next.carousel-control-next {
	right: auto; /* Убираем right: 0; */
	left: auto; /* Убираем left: 0; */
}

@media (max-width: 580px) {
	.carousel-section {
		display: none;
	}
}

/*================ Карусель товаров END =========================*/

.chat-section {
	background-color: #d9f3e3;
	border-radius: 16px;
	min-height: 600px;
}

.chat-messages {
	display: flex;
	flex-direction: column;

}

.message {
	width: fit-content;
	max-width: 70%;

	padding: 10px 15px;
	margin-bottom: 10px;
	
	align-items: center;
	word-break: break-word;
	font-family: var(--font-family),sans-serif;
	font-weight: 400;
	font-size: 14px;
}

.message.received {
	border-radius: 16px 16px 16px 0;
	background-color: #ffffff;
	color: var(--black-100);
}

.message.sent {
	border-radius: 16px 16px 0 16px;
	background-color: #84d8a5;
	align-self: flex-end;
	color: var(--green-green-gradient-fill);
}

.chat-input-area {
	border-radius: 16px;
	height: 53px;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 0 15px;
}

.chat-input {
	border: none;
	flex-grow: 1;
	height: 100%;
	padding: 0 10px;
	font-size: 1rem;
}

.chat-input:focus-visible {
	outline: none;
}

.attach-button, .send-button {
	background-color: transparent;
	border: none;
	color: var(--green-100);
	cursor: pointer;
}

.contacts h5 {
	text-align: center;
	font-family: var(--font-family), sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: var(--black-100);
}

aside .contacts {
	padding-top: 0!important;
}

aside .contacts .btn {
	padding: 5px 14px;
	font-family: var(--font-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
}

@media (max-width: 425px){
	.send-button {
		padding:0;
	}
	.attach-button {
		padding-right:0;
	}
}

@media (max-width: 360px) {
	.chat-input  {
		padding: 0;
		max-width: 195px;
	}
}

.catalog-submenu {
	margin-top: -8px;
}

.catalog-button-open {
	border-radius: 16px 16px 0 0 !important;
}

.submenu-button {
	width: 50%;
	border: none;
	text-align: center;
	display: block;
	white-space: nowrap;
	font-weight: 700;
	font-size: 16px!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.submenu-button.add {
	border-radius: 0 0 0 16px!important;
}

.submenu-button.list {
	border-radius: 0 0 16px 0!important;
}

.submenu-button:hover {
	background-color: var(--green-100) !important;
}

.catalog-submenu.collapse {
	display: none !important;
}

.catalog-mobile-button.collapse {
	display: none !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.submenu-button:hover,
.submenu-button:focus,
.submenu-button:active{
	color: #fff !important;
	background-color: var(--green-100) !important;
	border-color: var(--green-100) !important;
	box-shadow: none !important;
}

@media (max-width: 991.98px) {
	#catalogSubmenu {
		display: none !important; /* Скрываем подменю на мобильных */
	}

	.catalog-mobile-button {
		display: block !important; /* Показываем мобильные кнопки */
	}

	#catalogButton.catalog-button-open {
		border-radius: 10px !important; /* Возвращаем стандартный border-radius для кнопки "Мой каталог" на мобильных при открытом подменю */
	}
}

@media (min-width: 992px) {
	.catalog-mobile-button {
		display: none !important; /* Скрываем мобильные кнопки на больших экранах */
	}
}

/* ===============Стили для карточек товаров и кнопок категорий =================*/

.product-list h1 {
	font-size: 24px;
	color: var(--black-100);
	text-transform: uppercase;
}

.product-list .select-category-title {
	font-family: var(--second-family), sans-serif;
	font-weight: 500;
	font-size: 22px;
	text-transform: uppercase;
	color: var(--black-100);
}

.product-list .dropdown-toggle::after {
	display:none;
}

/* Стили для выпадающих списков */
.dropdown-menu {
	border-radius: 10px;
	padding: 10px;
}

.dropdown-item {
	border-radius: 8px;
	padding: 8px 12px;
}

.dropdown-item:hover {
	background-color: #f8f9fa;
}

/* Стили для кнопок категорий */
.btn-success {
	background-color: #28a745;
	border-color: #28a745;
	border-radius: 10px;
	padding: 10px 15px;
}

.btn-outline-secondary {
	border-radius: 10px;
	padding: 10px 15px;
}

/* Стили для карточек товаров */
.product-card-wrapper {
	display: flex;
	justify-content: center;
}

.product-card {
	transition: transform 0.3s, box-shadow 0.3s;
	border: 1px solid #e9ecef;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	margin: 0 auto;
}

/* Новые стили для размеров карточек */
.custom-card {
	border-radius: 20px;
	min-width: 236px;
}

.product-card-img {
	border-radius: 20px 20px 0 0;
	object-fit: cover;
	display: block;
	padding: 10px;
}

.product-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Стили для кнопки избранного */
.btn-outline-success.rounded-circle {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
}

.btn-outline-success.rounded-circle:hover {
	background-color: #28a745;
	color: white;
}

/* Обеспечение адаптивности */
@media (max-width: 1200px) {
	.row-cols-lg-4 {
		justify-content: center;
	}
}

@media (max-width: 992px) {
	.row-cols-md-3 {
		justify-content: center;
	}
}

@media (max-width: 768px) {
	.row-cols-sm-2 {
		justify-content: center;
	}
}

/* Дополнительный медиа-запрос для очень маленьких экранов */
@media (max-width: 320px) {
	.custom-card {
		width: 100% !important;
		height: auto !important;
	}

	.product-card-img {
		width: 100% !important;
		height: auto !important;
	}
}

/* ===============Стили для карточек товаров и кнопок категорий END =================*/

/* ===============Стили для раздела добавления товара START =================*/

.add_catalog_item {
	margin-bottom: 30px;
	color: var(--black-100)!important;
}

.add_catalog_item_title {
	font-family: var(--font-family), sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--black-100);
	text-transform: uppercase;
}

.add_catalog_item_notice {
	font-family: var(--second-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #000;
}

.select_category_title {
	font-family: var(--second-family), sans-serif;
	font-weight: 500;
	font-size: 22px;
	text-transform: uppercase;
	color: var(--black-100);
	margin-top: 40px;
	margin-bottom: 20px;
}

.btn-category {
	border-radius: 16px;
	padding: 8px 20px;
	width: 350px;
	height: 44px;
	font-family: var(--second-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	background: var(--green-green-gradient-fill);
	border: 1px solid var(--green-50);
	margin-bottom: 5px;
}

.btn-category.selected {
	color: var(--green-green-gradient-fill);
	background: var(--green-100);
	border: none;
}

@media (max-width: 1536px) {
	.btn-category {
		width: 300px;
		
	}
}

@media (max-width: 1365px) {
	.third_level_categories {
		display: none;
	}
}

@media (max-width: 660px) {
	.second_level_categories {
		display: none;
	}
}

/* =================== Страница добавления товара /add/add.php ============= */
.add_catalog_item_title {
	font-size: 1.5rem; /*  Размер шрифта заголовка */
	margin-bottom: 1rem;  /* Отступ снизу */
}

#productName, #Brand, #address {
	max-width: 691px;
	height: 44px;
	border: 1px solid var(--green-50);
	border-radius: 16px;
	padding: 8px 20px;
	color: var(--black-100);
}

.clear-input {
	border: none;       /* Убираем рамку у кнопки */
	background: none;   /* Убираем фон у кнопки */
	padding: 0;          /* Убираем внутренние отступы */
	margin-right: 1rem; /* Добавляем небольшой отступ */
	color: #aaa; /*Серый цвет иконки*/
}

.select_category_label {
	max-width: 559px;
}

.select_category_label label{
	font-family: var(--second-family), sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	color: var(--black-100);
}

.select_category_label button {
	border: 1px solid var(--green-50);
	border-radius: 16px;
	padding: 8px 20px;
	min-width: 180px;
	min-height: 44px;
	background: var(--green-green-gradient-fill);
	font-family: var(--second-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: var(--black-100);
	text-transform: uppercase;
}

.select_category_label button:active,
.select_category_label button:focus {
	color: var(--black-100)!important;
}

.form-control.pe-5 {
	padding-right: 2.5rem !important;
}

.add_details h3 {
	font-family: var(--second-family), sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	color: var(--black-100);
	margin-top: 40px;
}

.add_details h4 {
	font-family: var(--second-family), sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: var(--black-100);
	margin-top: 20px;
}

.add_details p {
	font-family: var(--second-family), sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: var(--black-100);
}

.add_details .form-select {
	max-width: 650px;
	height: 44px;
	border: 1px solid var(--green-50);
	border-radius: 16px;
	padding: 8px 20px;
	color: var(--black-100);
}

.add_details textarea {
	border-color:var(--green-50);
	max-width: 650px;
}

.image-upload-container{
	width: 200px;
	height: 200px;
	background-color: #d9d9d9;
	border: 1px solid #ccc;
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.camera-icon {
	font-size: 2rem; /* Размер иконки камеры */
	color: #000;      /* Цвет иконки */
}

#map {
	width: 100%;
	height: 400px;
	max-width: 650px;
	border-radius: 16px;
	margin-top: 20px;
}

.submit-item button {
	margin: 40px 0;
	border-radius: 16px;
	padding: 8px 20px;
	width: 208px;
	height: 44px;
	font-family: var(--second-family), sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin-right: 20px;
}

@media (max-width: 650px) {
	.add_catalog_item_title {
		text-align: center;
	}
}
/* End */


/* Start:/bitrix/components/bitrix/news.list/templates/company_detal/style.css?1748448411150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /bitrix/templates/.default/components/bitrix/news/kompanies_retailers/bitrix/news.list/.default/style.css?174947180131606 */
/* /bitrix/components/bitrix/news.list/templates/company_detal/style.css?1748448411150 */