/* Изменяем пропорции для всех слайдов товаров */
.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;
}


/* Скрываем оба типа цен в разделе /catalog/svadebnaya_floristika/ и подразделах */
body[class*="svadebnaya_floristika"] .list-block-desktop-price,
body[class*="svadebnaya_floristika"] .item-price,
body[data-url*="svadebnaya_floristika"] .list-block-desktop-price,
body[data-url*="svadebnaya_floristika"] .item-price {
    display: none !important;
}

/* Стили ТОЛЬКО для ПК версии */
@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;
}
#horizontal-multilevel-menu, #horizontal-multilevel-menu ul {
    background: #555555 !important;
}
#horizontal-multilevel-menu li a.root-item-selected {
    background: #000000 !important;
}
#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item {
    background: #000000 !important;
    color: #fff
}

.ind-p-v-20 {
    padding-top: 0 !important;
    margin-top: -3px;
}
.complex-fixed {
    transition: transform 1.3s ease, opacity 1.3s ease; /* Плавное исчезновение */
}

.complex-fixed.hidden {
    transform: translateY(-100%); /* Скрываем шапку за верхним краем */
    opacity: 0; /* Дополнительное fade-исчезновение */
    pointer-events: none; /* Отключаем клики */
}
/* Добавьте этот код в CSS фиксированного меню */
.intec-header-fixed .header-middle-logotype .ui-svg-fill-prm {
    display: none; /* Скрываем текущий SVG */
}

.intec-header-fixed .header-middle-logotype {
    background-image: url('/include/logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 250px !important; /* Ширина как у исходного лого */
    height: 81px !important; /* Высота как у исходного лого */
margin-top: 20px;
}

.intec-header-fixed .header-logo img {
    content: url('/include/logo.svg') !important;
}

.intec-form-popup.standard .blocks-standard-3 .form-button {
border: solid 2px #fff;
background: #101216;

}
@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;}