.detail-text {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 1px;
	}

.detail-text table {
        width: 100%; /* Задайте 100% ширины таблицы */
        border-collapse: collapse; /* Объедините границы ячеек таблицы */
        /* Дополнительные стили для таблицы могут быть добавлены здесь */
    }

.detail-text th, .detail-text td {
        border: 1px solid #ddd; /* Задайте стиль границ ячеек таблицы */
        padding: 8px; /* Задайте отступ внутри ячеек таблицы */
        /* Дополнительные стили для ячеек таблицы могут быть добавлены здесь */
        
    }
.detail-text table th {
    background-color: #f2f2f2; /* Цвет фона для заголовков */
}    
.detail-text ul {
        list-style-type: disc; /* Задайте стиль маркера (disc, circle, square и т.д.) */
        margin: 0; /* Уберите внешний отступ у списка */
        padding: 0; /* Уберите внутренний отступ у списка */
        /* Дополнительные стили для списка могут быть добавлены здесь */
        margin-bottom: 5px;
        padding-left: 20px;
    }
.detail-text ol {
  list-style-type: decimal; /* или любое другое подходящее значение */
  padding-left: 20px;
  margin-bottom: 5px;
}    

.detail-text li {
        margin-bottom: 5px; /* Задайте внешний отступ между элементами списка */
        padding-left: 0px;
    }
  
@media only screen and (max-width: 768px) {
    .detail-text table {
        overflow-x: auto;
        display: block;
    }    
}    


table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
    border-collapse: collapse; 
    margin: 0 auto;
    overflow-x: auto;
}

th {
    font-weight: bold;
    padding: 5px;
    background: #efefef;
    border: 1px solid #dddddd;
    text-align: center; /* Выравнивание текста по центру в заголовках */
}

table tr:first-child {
    background: #eceef1;
}

table td {
    padding: 10px; /* Вы можете настроить значение отступа, как вам удобно */
    border: 1px solid #dddddd;
    text-align: center; /* Выравнивание текста по центру в ячейках */
}
@media only screen and (max-width: 768px) {
    table {
        overflow-x: auto;
        display: block;
    }
}    
.h-action {
    height: 450px;
}

.w-proizv
{
    width: 12.5rem;
}

.h-proizv
{
    height: 5.1875rem;
}

/* Стили для экранов меньше 640 пикселей */
@media screen and (max-width: 640px) 
{
    
.w-proizv {
    width: 9.5rem;
}
.h-proizv {
    height: 3.9375rem;
}
}
.pt-maps {
    padding-top: .45rem;
    }
.text-prod {
    font-size: 1rem;
    }
    
.nowrap-text {
    white-space: nowrap;
}

.justify-around {
    justify-content: space-around;
}
absolute
.text-sbr {
    font-size: .9rem;
    }
.text-black {
    color: black;
}
.swiper-gallery,
.swiper_banner {
    width: 100%;
    height: 50vw; /* Адаптивная высота */
    max-height: 600px; /* Ограничение максимальной высоты */
  
}

@media (max-width: 1024px) {
    .swiper-gallery,
    .swiper_banner {
        height: 50vw; /* Адаптивная высота для планшетов */
        max-height: 600px; /* Все равно не больше 600px */
    }
}

@media (max-width: 768px) {
    .swiper-gallery,
    .swiper_banner {
        height: 70vw; /* Адаптивная высота для мобильных */
        max-height: 600px;
    }
}

@media (max-width: 480px) {
    .swiper-gallery,
    .swiper_banner {
        height: 70vw; /* Адаптивная высота для маленьких экранов */
        max-height: 600px;
    }
}

/* Кастомные стили ICON_GALLERY5 и ICON_GALLERY6 На экранах <= 639px (мобильные) — 2 колонки */
@media (max-width: 639px) {
  .icons-gallery.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* На экранах >= 1024px (lg) — 6 колонок */
@media (min-width: 1024px) {
  .icons-gallery.lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}




/* Ваш отдельный CSS для .container55 */
.container55 {
    max-width: 100%;
    margin: 0 auto;
    border: 0px solid green;
    padding: 0 10px;
    display: block;
}

/* Стили для мозаики */
.grid_mosaic {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(5, 1fr); /* Сетка для десктопа */
    align-items: center;
    justify-items: center;
}

.grid_mosaic > div {
    background-color: #EE6E39;
    width: 100%;
    height: 300px;
    position: relative;
    display: block;
}

.grid_mosaic > div::after {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: yellow;
    content: none;
}

.grid_mosaic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.grid_mosaic .wide {
    grid-column: span 2;
}

.grid_mosaic .tall {
    grid-row: span 2;
    height: 615px;
}

/* Медиа-запрос для десктопов */
@media (min-width: 768px) {
    .container55 {
        max-width: 1248px;
    }
}

/* Медиа-запрос для мобильных устройств */
@media (max-width: 767px) {
    .grid_mosaic {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }

    /* Скрываем все элементы по умолчанию */
    .grid_mosaic > div {
        display: none;
        height: 200px;
    }

    /* Показываем первые три горизонтальных элемента (без tall) */
    .grid_mosaic > div:not(.tall) {
        display: block;
    }

    /* Ограничиваем до первых трёх горизонтальных с помощью :nth-child */
    .grid_mosaic > div:not(.tall):nth-child(n+4) {
        display: none;
    }

    /* Убираем влияние wide и tall */
    .grid_mosaic .wide,
    .grid_mosaic .tall {
        grid-column: span 1;
        grid-row: span 1;
        height: 200px;
    }
}