.ns-bitrix.c-sale-personal-order-list.table .sale-personal-order-list-products-button-wrap {
    line-height: 0;
    display: none;
}

@media (max-width : 990px) {  
    #vk_community_messages {
        bottom: 130px !important; /* Фиксированный отступ */
        z-index: 9999; /* Виджет ВК поверх других элементов */
    }
}
    #vk_community_messages {
        bottom: 100px !important; /* Фиксированный отступ */
        z-index: 9999; /* Виджет ВК поверх других элементов */
    }

/* Изменяем пропорции для всех слайдов товаров */
.product-slider {
  aspect-ratio: 1/1.1 !important;
}

/* Если изображение внутри слайда не подстраивается, можно добавить: */
.product-slider-slide img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@media (max-width: 1200px) {
    .custom-recommended-section > div {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .custom-recommended-section > div {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 480px) {
    .custom-recommended-section > div {
        grid-template-columns: 1fr !important;
    }
}

.catalog-item.detail-1 .standard-3.desktop .item-gallery {
    height: var(--gallery-height, 500px) !important;
}
.bitrix.catalog-item.product-day-standard .product-layout-secondary {
    display: none !important;
}
@media (max-width: 768px) {
    .flex.flex--768-a-v-start {
        z-index: 9999;
    }
}
.ns-bitrix.c-menu.c-menu-popup-1 .menu-open {
    display: none;
}
.sale-personal-section-manager {display:none;}

.ui-button-details {
  display: block;
  background: #1b1e25;
  color: white !important;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s;
  margin: 5px 0;
}

.ui-button-details:hover {
  background: #000000;
}

@media (max-width: 768px) {
    .flex.flex--768-a-v-start {
        z-index: 9999;
    }
.intec-header.mobile-1 .header-middle-logotype[data-center=false] {

    background-image: url(/upload/logo_white.svg) !important;
}
}
.complex-fixed {
    transition: transform 0.3s ease-in-out;
}

.complex-fixed[data-state="out"] {
    transform: translateY(-100%);
}

.complex-fixed[data-state="in"] {
    transform: translateY(0);
}

.complex-fixed.hidden {
    display: none;
}

.complex-fixed[data-state="out"] {
    transform: translateY(calc(-100% - 100px));
}

/* Скрыть дубликат салона (второй блок с data-id="763", но без news-list-head) */
div[data-id="763"]:not(.news-list-head) {
    display: none !important;
}
.template-container > div[data-id="763"]:not(.news-list-head) {
    display: none !important;
}


/* Скрыть заголовок "Наши салоны" */
.ui-h3.ui-text-height-4.ind-m-b-none {
    display: none !important;
}

/* Скрыть пустой div после заголовка (если нужно) */
.ind-m-t-24.ind-768-m-t-18.ui-text-ntr-sd.ui-text-height-8 {
    display: none !important;
}

.ns-bitrix.c-menu.c-menu-horizontal-3 .menu-bordered {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    background-image: linear-gradient(to right, transparent 0%, #098394 20%, #098394 80%, transparent 100%);
    background-origin: border-box;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
}
.intec-header.standard-11 .header-social-main .header-social-item-bg {
    fill: var(--sheme-header-color-contrast);
    background-color: #ffffff !important;
}
.intec-header.standard-11[data-theme=black] {

    border-bottom: 2px solid transparent;
    background-image: linear-gradient(to right, transparent 0%, #098394 20%, #098394 80%, transparent 100%);
    background-origin: border-box;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
}

.catalog-item.detail-1 .standard-3 .item-name {

    color: #098394;
}

.ns-bitrix.c-menu.c-menu-horizontal-3 .menu-item-text-wrapper {
    color: #098394;
}

.ns-bitrix.c-menu.c-menu-popup-1 .menu-open {

    display: none;
}



.intec-header.fixed-1 .header-middle-block-wrapper {
    gap: 15px;
}
.bitrix.catalog-item.list-blocks .list-block-name {
    color: #098394;
}

.layout-content [data-role="h1"] {
    color: #098394;
}

/* Скрываем оригинальные <img> логотипов */
.header-middle-logotype img,
.header-logotype img,
.intec-header-fixed .header-middle-logotype img {
    opacity: 0 !important;
}

/* Базовые стили для логотипов (чтобы не ждать JS) */
.header-middle-logotype,
.header-logotype,
.intec-header-fixed .header-middle-logotype {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 240px !important;
    height: 74px !important;
}

@media (min-width: 980px) {
/* Градиент на слайдере Начало*/

/* Основной контейнер слайдера с градиентом */
.swiper-slide .item-main {
    position: relative; /* Для позиционирования псевдоэлемента */
}

/* Темный градиент сверху (можно регулировать высоту и прозрачность) */
.swiper-slide .item-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px; /* Высота градиента */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

/* Контент слайдера (поднимаем над градиентом) */
.swiper-slide .item-main-content-wrapper {
    position: relative;
    z-index: 2; /* Чтобы текст был поверх градиента */
}

/* Дополнительные улучшения для текста */
.swiper-slide .item-header {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Тень для лучшей читаемости */
}

.swiper-slide .item-description {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* Стиль кнопки (если нужен контраст) */
.swiper-slide .item-button {
    background: #fff;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 600;
    transition: 0.3s;
}

.swiper-slide .item-button:hover {
    background: #f0f0f0;
}

/* Градиент на слайдере конец*/
}
/* Стили ТОЛЬКО для ПК версии */
@media (min-width: 769px) {
  /* Основная таблица */
  .bx-soa-item-table {
    width: 100%;
    table-layout: fixed;
  }

  /* Заголовки колонок */
  .bx-soa-item-table [data-hidden=mobile] {
    display: block !important;
    text-align: right;
    padding-bottom: 8px;
    padding-right: 30px; /* Отступ для заголовков */
  }

  /* Распределение колонок */
  .bx-soa-item-table .order-basket-main {
    width: 60%;
    min-width: 300px;
    padding-right: 30px;
    box-sizing: border-box;
  }

  .bx-soa-item-table .flex-item--2 {
    width: 40%;
    min-width: 250px;
    padding-right: 40px; /* Общий отступ справа для всей правой колонки */
  }

  /* Правая часть с цифрами */
  .bx-soa-item-table .scroll-content .flex {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    padding-right: 40px; /* Дополнительный отступ */
  }

  /* Ячейка "Сумма" */
  .bx-soa-item-table .bx-soa-item-properties:last-child {
    width: 120px; /* Фиксированная ширина */
    padding-right: 40px; /* Большой отступ */
    text-align: right;
  }

  /* Значения в ячейках */
  .bx-soa-item-table .bx-soa-item-td-text {
    text-align: right;
    white-space: nowrap;
    padding-right: 40px; /* Отступ для значений */
  }

  /* Особенно для цен */
  .bx-soa-item-table .ui-price {
   padding-right: 0;
        margin-right: -20px;
    display: inline-block;
  }
}

/* Мобильная версия - возвращаем оригинальные стили */
@media (max-width: 768px) {
  .bx-soa-item-table [data-hidden=mobile] {
    display: none !important;
  }
}
/* Стили для выпадающего списка */
.ui-input-text {
  max-width: 100%; /* Ограничиваем ширину */
  width: 100%; /* Занимаем всю доступную ширину */
  overflow: hidden; /* Скрываем выходящий за границы текст */
  text-overflow: ellipsis; /* Добавляем многоточие */
  white-space: nowrap; /* Запрещаем перенос текста */
}

/* Стили для опций в выпадающем списке (работает не во всех браузерах) */
.ui-input-text option {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intec-videos.playlist .blocks-standard-1 .items {
    position: relative;
    display: none !important;
}
.product-layout-purchase-fast {display: none;}

.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    margin-bottom: 7px;
}
.swiper-pagination-bullet-active:before {
    background-color: #ffffff !important;
}

@media (max-width: 768px) { 
    .ns-bitrix.c-breadcrumb.c-breadcrumb-default .breadcrumb-item {
        min-width: 33%;
        display: flex;
        margin-top: 25% !important;
        align-content: space-around;
        flex-wrap: wrap;
        flex-direction: column;
    }
	.ns-bitrix.c-breadcrumb.c-breadcrumb-default .breadcrumb-separator {display:none;}
  }

	.ns-bitrix.c-breadcrumb.c-breadcrumb-default .breadcrumb-item-content svg {display: none;}
.breadcrumb-item-content {display:none;}
    [data-hidden=mobile] {
        display: flex !important;
    }

}

.catalog-item.detail-1 .standard-3 .item-name {
    font-size: 1.5rem !important;    padding-top: 3%;
}
/* Уменьшаем галерею и выравниваем блок */
.catalog-item.detail-1 .standard-3.desktop {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.catalog-item.detail-1 .standard-3.desktop .item-gallery {
    contain: strict;
    height: var(--gallery-height, 400px); /* Уменьшили высоту */
    padding-left: 0; /* Убрали отступ */
    width: 100%;
    max-width: 500px; /* Ограничили ширину */
    margin: 0 auto;
}

.catalog-item.detail-1 .swiper-slide-viewport {
    align-items: center;
    cursor: zoom-in;
    display: flex;
    justify-content: center;
    height: 100%;
}

/* Делаем правую часть более аккуратной */
.catalog-item.detail-1 .item-group-24 {
    padding: 20px;

    border-radius: 8px;

}

/* Стили для блока с ценой */
.item-price {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin: 15px 0;
}

.product-description-container {
    margin: 0px 0;
    width: 100%;
}

.product-description {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
}

.product-description .html-content {
    font-size: 14px;
    line-height: 1.5;
}

.product-description .html-content p {
    margin: 0 0 10px 0;
}
.fast-order  {display: none;}

#faq {display: none;}
#properties {display: none;}
.ui-svg-16 {display:none;}

.footer-wide-content {display: none !important;}
.intec-footer.standard .footer-border[data-theme=dark] {

   border-bottom: 0px solid #303238!important;
}
.ind-p-t-32 {padding-top: 0 !important;}
.ns-bitrix.c-menu.c-menu-mobile-1 .fragment-menu-logotype {display: none;}

.ind-p-h-70 {display: none;}

.bitrix-catalog-section-list.blocks-3 .fragment-section-picture[data-size=large] {
    height: 270px;
    width: 270px;
}
.item-text { flex-basis: 40% !important;}
.DELitem-text {  background: #ffffffd4;
    padding: 14px;
    border-radius: 28px;}
.catalog-element-banner-text { background: #ffffffd4;
    padding: 14px;
    border-radius: 28px;color: #343232;}