.company-section {
            /* Пусто, если нужен только для семантики */
        }

        .company-left-column {
            padding: 72px;
        }

        .company-header-text {
            font-size: 15px;
            line-height: 16.50px;
            opacity: 0.3;
        }

        .company-description {
            font-size: 15px;
            line-height: 22.50px;
        }

        .company-right-header {
            padding: 72px;
            opacity: 1;
        }

        .company-right-title {
            font-size: 48px;
            line-height: 57.60px;
        }

        .company-right-content {
            padding: 72px;
        }

        .company-images-row {
            height: calc(100% - 40px);
        }

        .company-image-cover {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .company-image-half {
            height: 50%;
        }


        /**/


.company-section {
  /* Семантический контейнер, без доп. стилей */
}

/* === ДЕСКТОП (по умолчанию) === */

.company-left-column {
  padding: 72px;
}

.company-header-text {
  font-size: 15px;
  line-height: 16.5px;
  opacity: 0.3;
}

.company-description {
  font-size: 15px;
  line-height: 22.5px;
}

.company-right-header {
  padding: 72px;
  opacity: 1;
}

.company-right-title {
  font-size: 48px;
  line-height: 57.6px;
}

.company-right-content {
  padding: 72px;
}

.company-images-row {
  height: calc(100% - 40px);
}

.company-image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.company-image-half {
  height: 50%;
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 767.98px) {

  .company-left-column {
    padding: 32px 16px 24px;
    border-right: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .company-header-text {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.05em;
  }

  .company-description {
    font-size: 14px;
    line-height: 1.5;
  }

  .company-right-header {
    padding: 24px 16px 16px;
    opacity: 1; /* на мобилке заголовок читаемый */
  }

  .company-right-title {
    font-size: 24px;
    line-height: 1.3;
  }

  .company-right-content {
    padding: 0 0 24px 0;
  }

  /* десктопная сетка не нужна на мобилке (подстраховка, уже скрыта классами) */
  .company-images-row {
    display: none !important;
  }

  /* Обёртка для карусели + точек */
  .company-mobile-carousel-wrapper {
    margin-top: 8px;
    padding: 0 16px 8px;
    gap: 8px;
  }

  /* Хоризонтальная карусель */
  .company-mobile-carousel {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .company-mobile-carousel::-webkit-scrollbar {
    display: none;
  }

  /* Слайды одинаковой высоты */
  .company-mobile-slide {
    flex: 0 0 82%;
    scroll-snap-align: start;
    border-radius: 8px;
    overflow: hidden;
    height: 230px; /* фиксированная высота для выравнивания */
  }

  .company-mobile-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  /* Пагинация (точки) */
  .company-carousel-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-top: 4px;
  }

  .company-carousel-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
  }

  .company-carousel-dot.is-active {
    width: 18px;
    border-radius: 999px;
    background-color: rgba(0, 0, 0, 0.7);
  }
}