#advantages .row > .col-12 {
   transition: transform 0.3s ease;
 }
 #advantages .row > .col-12:hover {
   transform: scale(1.05);
 }

 #catalog .row > .col-12 {
   transition: transform 0.3s ease;
 }
 #catalog .row > .col-12:hover {
   transform: scale(1.05);
 }

 #delivery h2 {
   color: black;
   position: relative;
   display: inline-block;
 }

 #delivery h2::after {
   content: "по всей России";
   color: #e66767;
   margin-left: 3px;
 }

 .map {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center; /* выровняет карту и текст по вертикали строго по центру */
  justify-content: space-between; /* аккуратно распределит их по краям */
  height: auto; /* уберет фиксированную высоту, чтобы блок подстраивался под контент */
}

.table-adaptive th,
    .table-adaptive td {
        white-space: nowrap !important;
    }

/* Ограничиваем высоту и делаем плавный переход */
.container .category_description {
    position: relative;
    max-height: 110px; /* Высота в свернутом виде (примерно 5-6 строк) */
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

/* Эффект растворения (градиент) внизу текста */
.container .category_description::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* Класс для развернутого состояния */
.container .category_description.is-expanded {
    max-height: 5000px; /* С запасом для огромных текстов */
    transition: max-height 0.8s ease-in-out;
}

/* Убираем градиент, когда текст развернут */
.container .category_description.is-expanded::after {
    opacity: 0;
}

/* Стили самой кнопки переключения */
.cat-desc-toggle {
    display: inline-block;
    font-weight: 600;
    color: #3182ce;
    cursor: pointer;
    border-bottom: 1px dashed #3182ce;
    transition: color 0.2s, border-color 0.2s;
    user-select: none;
}

.cat-desc-toggle:hover {
    color: #2b6cb0;
    border-color: #2b6cb0;
}