/* Start:/local/components/artbyte-solution-website/hero.section/templates/.default/style.css?17766844902736*/
.solution-hero-wrapper {
  position: relative;
  padding-top: 120px;
  height: 690px; /* Высота для десктопа */
}

/* Ограничиваем ширину контента, чтобы текст не залезал на картинку устройств справа */
.solution-content {
  max-width: 560px;
}

.solution-title {
  font-weight: 900;
  margin-bottom: 16px;
}

.solution-subtitle {
  margin-bottom: 32px;
}

.solution-price {
  font-weight: 700;
  margin-bottom: 40px;
}

/* Настройки фоновых картинок (взяты из вашего контекста) */
.solution-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
  /* Для десктопа лучше прижать фокус картинки вправо, где нарисованы макбуки */
  object-position: center;
}

.solution-mobile {
  display: none;
}

/* Кнопки */
.solution-buttons {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.solution-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 14px 28px;
  border-radius: 4px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: inherit; /* Чтобы кнопка наследовала шрифт проекта */
}

.solution-btn-primary {
  background-color: #5c7cff;
  color: #ffffff;
  border: 1px solid #5c7cff;
}

.solution-btn-primary:hover {
  background-color: #4667f5;
  border-color: #4667f5;
}

.solution-btn-outline {
  background-color: transparent;
  color: #5c7cff;
  border: 1px solid #b3c2ff;
}

.solution-btn-outline:hover {
  border-color: #5c7cff;
  background-color: rgba(92, 124, 255, 0.05);
}

/* Адаптив */

/* Новое правило: 1200 и ниже */
@media (max-width: 1200px) {
  .solution-hero-wrapper {
    height: 550px;
    padding-top: 85px;
  }
}

/* На 960px и ниже (где меняется картинка) делаем высоту динамической */
@media (max-width: 960px) {
  .solution-hero-wrapper {
    height: auto; /* Сброс фиксированной высоты (динамическая высота) */
    padding-bottom: 200px;
    padding-top: 40px;
    background: #f2f6f9; /* Светлый фон из макета */
  }

  .solution-desktop {
    display: none;
  }

  .solution-mobile {
    display: block;
    object-fit: contain;
    object-position: bottom right;
    z-index: 3;
  }

  .solution-buttons {
    gap: 15px;
  }

  .solution-hero-container {
    z-index: 4;
    position: relative;
  }

  .solution-content {
    max-width: 100%;
  }
}

/* End */


/* Start:/local/components/artbyte-solution-website/fully.wrapped.website/templates/.default/style.css?17763451162136*/
.fully-wrapped-website__layout {
  position: relative;
  min-height: 675px;
  display: block;
  /* margin-bottom: 80px; */
}

.fully-wrapped-website__mockup {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  display: flex;
  max-height: 100%;
}

.fully-wrapped-website__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Текст поверх фотки */
.fully-wrapped-website__text {
  position: relative;
  z-index: 2;
  max-width: 795px;
}

/* Описания */
.fully-wrapped-website__description {
  line-height: 30px;
  max-width: 509px;
  margin-bottom: 0;
}

.fully-wrapped-website__description.first {
  margin-top: 24px;
}

.fully-wrapped-website__description.second {
  margin-top: 16px;
}

/* ========================
   Адаптив (на экранах меньше 1240px)
   ======================== */
@media (max-width: 1240px) {
  .fully-wrapped-website__layout {
    min-height: 692px;
  }

  .fully-wrapped-website__mockup {
    width: calc(100% + var(--container-padding-horizontal) * 2);
    left: calc(var(--container-padding-horizontal) * -1);
    padding-top: 100px;
  }

  .fully-wrapped-website__text {
    max-width: 100%;
  }

  .fully-wrapped-website__description.first {
    max-width: 100%;
  }

  .fully-wrapped-website__description.second {
    max-width: 400px;
  }
}

@media (max-width: 1109px) {
  .fully-wrapped-website__mockup {
    padding-top: 140px;
  }
}

@media (max-width: 1023px) {
  .fully-wrapped-website__layout {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .fully-wrapped-website__mockup {
    position: static;
    margin-left: calc(var(--container-padding-horizontal) * -1);
    margin-top: 0;
    padding-top: 0;
  }

  .fully-wrapped-website__text {
    max-width: 100%;
    padding-top: 0;
  }

  .fully-wrapped-website__description {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .fully-wrapped-website__description.first {
    margin-top: 16px;
  }

  .fully-wrapped-website__description.second {
    margin-top: 8px;
  }
}

/* End */


/* Start:/local/components/artbyte-solution-website/fully-functional-structure/templates/.default/style.css?17764258172098*/
.fully-functional-structure__layout {
  /* position: relative; */
  min-height: 675px;
  display: block;
  /* margin-bottom: 80px; */
}

.fully-functional-structure__mockup {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  display: flex;
  max-height: 100%;
}

.fully-functional-structure__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Текст поверх фотки */
.fully-functional-structure__text {
  position: relative;
  z-index: 2;
  max-width: 795px;
}

/* Описания */
.fully-functional-structure__description {
  line-height: 30px;
  margin-bottom: 0;
}

.fully-functional-structure__description.first {
  margin-top: 24px;
  max-width: 468px;
  font-weight: 700;
}

.fully-functional-structure__description.second {
  margin-top: 16px;
  max-width: 384px;
}

/* ========================
   Адаптив (на экранах меньше 1240px)
   ======================== */
@media (max-width: 1240px) {
  .fully-functional-structure__layout {
    min-height: 570px;
  }

  .fully-functional-structure__mockup {
    width: calc(100% + var(--container-padding-horizontal) * 2);
    left: calc(var(--container-padding-horizontal) * -1);
    padding-top: 50px;
  }

  .fully-functional-structure__text {
    max-width: 100%;
  }

  .fully-functional-structure__description.first {
    max-width: 100%;
  }

  .fully-functional-structure__description.second {
    max-width: 670px;
  }
}

@media (max-width: 1023px) {
  .fully-functional-structure__layout {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .fully-functional-structure__mockup {
    position: static;
    margin-left: calc(var(--container-padding-horizontal) * -1);
    margin-top: 0;
    padding-top: 0;
  }

  .fully-functional-structure__text {
    max-width: 100%;
    padding-top: 0;
  }

  .fully-functional-structure__description {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .fully-functional-structure__description.second {
    margin-top: 8px;
  }
}

/* End */


/* Start:/local/components/artbyte-solution-website/adaptive.design/templates/.default/style.css?17764258062204*/
.solution-adaptive-design__layout {
  position: relative;
  min-height: 714px;
  display: block;
  /* margin-bottom: 80px; */
}

.solution-adaptive-design__mockup {
  position: absolute;
  bottom: 0;
  right: 0;
  /* width: 100%; */
  width: calc(100% + 28px);
  overflow: hidden;
  z-index: 1;
  display: flex;
  max-height: 100%;
}

.solution-adaptive-design__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Текст поверх фотки */
.solution-adaptive-design__text {
  position: relative;
  z-index: 2;
  max-width: 795px;
}

/* Описания */
.solution-adaptive-design__description {
  line-height: 30px;
  margin-bottom: 0;
}

.solution-adaptive-design__description.first {
  margin-top: 24px;
  max-width: 468px;
  font-weight: 700;
}

.solution-adaptive-design__description.second {
  margin-top: 16px;
  max-width: 468px;
}

.solution-adaptive-design__description.third {
  margin-top: 16px;
  max-width: 384px;
}

/* ========================
   Адаптив (на экранах меньше 1240px)
   ======================== */
@media (max-width: 1240px) {
  .solution-adaptive-design__layout {
    min-height: 692px;
  }

  .solution-adaptive-design__mockup {
    width: calc(100% + var(--container-padding-horizontal) * 2);
    left: calc(var(--container-padding-horizontal) * -1);
    padding-top: 100px;
  }

  .solution-adaptive-design__text {
    max-width: 100%;
  }

  .solution-adaptive-design__description.first {
    max-width: 100%;
  }
}

@media (max-width: 1109px) {
  .solution-adaptive-design__mockup {
    padding-top: 140px;
  }
}

@media (max-width: 1023px) {
  .solution-adaptive-design__layout {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .solution-adaptive-design__mockup {
    position: static;
    margin-left: calc(var(--container-padding-horizontal) * -1);
    margin-top: 0;
    padding-top: 0;
  }

  .solution-adaptive-design__text {
    max-width: 100%;
    padding-top: 0;
  }

  .solution-adaptive-design__description {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .solution-adaptive-design__description.second {
    margin-top: 8px;
  }
}

/* End */


/* Start:/local/components/artbyte-solution-website/modern-visual-framework/templates/.default/style.css?17766744022498*/
.modern-visual-framework__layout {
  /* position: relative; */
  min-height: 635px;
  display: block;
  /* margin-bottom: 80px; */
}

.modern-visual-framework__mockup {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  display: flex;
  max-height: 100%;
}

.modern-visual-framework__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Текст поверх фотки */
.modern-visual-framework__text {
  position: relative;
  z-index: 2;
  max-width: 795px;
}

/* Описания */
.modern-visual-framework__description {
  line-height: 30px;
  margin-bottom: 0;
}

.modern-visual-framework__description.first {
  margin-top: 24px;
  max-width: 468px;
}

.modern-visual-framework__list {
  margin-top: 8px;
}

/* Скрываем мобильный текст на десктопе по умолчанию */
.modern-visual-framework__mobile-text {
  display: none;
}

/* ========================
   Адаптив (на экранах меньше 1240px)
   ======================== */
@media (max-width: 1240px) {
  .modern-visual-framework__layout {
    min-height: 635px;
  }

  .modern-visual-framework__mockup {
    /* width: calc(100% + var(--container-padding-horizontal) * 2); */
    /* left: calc(var(--container-padding-horizontal) * -1); */
    padding-top: 50px;
  }

  .modern-visual-framework__text {
    max-width: 100%;
  }

  .modern-visual-framework__description.first {
    max-width: 100%;
  }

  .modern-visual-framework__description.second {
    max-width: 670px;
  }
}

@media (max-width: 1023px) {
  .modern-visual-framework__mockup {
    width: calc(100% + var(--container-padding-horizontal) * 2);
    left: calc(var(--container-padding-horizontal) * -1);
    padding-top: 50px;
  }


  .modern-visual-framework__layout {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .modern-visual-framework__mockup {
    position: static;
    margin-left: calc(var(--container-padding-horizontal) * -1);
    margin-top: 0;
    padding-top: 0;
  }

  .modern-visual-framework__text {
    max-width: 100%;
    padding-top: 0;
  }

  .modern-visual-framework__description {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .modern-visual-framework__description.second {
    margin-top: 8px;
  }

  /* Показываем мобильный текст */
  .modern-visual-framework__mobile-text {
    display: block;
    margin: 16px 0;
  }
}

/* End */


/* Start:/local/components/artbyte-solution-website/product-catalog/templates/.default/style.css?17766826472411*/
.product-catalog-new-block__layout {
  position: relative;
  min-height: 712px;
  display: block;
  /* margin-bottom: 80px; */
}

.product-catalog-new-block__mockup {
  position: absolute;
  bottom: 0;
  right: 0;
  /* width: 100%; */
  width: calc(100% + 28px);
  overflow: hidden;
  z-index: 1;
  display: flex;
  max-height: 100%;
  padding-top: 50px;
}

.product-catalog-new-block__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Текст поверх фотки */
.product-catalog-new-block__text {
  position: relative;
  z-index: 2;
  max-width: 795px;
}

/* Описания */
.product-catalog-new-block__description {
  line-height: 30px;
  margin-bottom: 0;
}

.product-catalog-new-block__description.first {
  margin-top: 24px;
  max-width: 480px;
}

.product-catalog-new-block__description.second {
  margin-top: 16px;
  max-width: 480px;
}


.product-catalog-new-block__list {
  margin-top: 24px;
}

/* ========================
   Адаптив (на экранах меньше 1240px)
   ======================== */
@media (max-width: 1240px) {
  .product-catalog-new-block__layout {
    min-height: 635px;
  }

  .product-catalog-new-block__mockup {
    width: calc(100% + var(--container-padding-horizontal) * 2);
    left: calc(var(--container-padding-horizontal) * -1);
    padding-top: 50px;
  }

  .product-catalog-new-block__text {
    max-width: 100%;
  }

  /* .product-catalog-new-block__description.first {
    max-width: 100%;
  }

  .product-catalog-new-block__description.second {
    max-width: 670px;
  } */
}

@media (max-width: 1164px) {
    .product-catalog-new-block__mockup {
    padding-top: 90px;
  }
}

@media (max-width: 1023px) {
  .product-catalog-new-block__layout {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .product-catalog-new-block__mockup {
    position: static;
    margin-left: calc(var(--container-padding-horizontal) * -1);
    margin-top: 0;
    padding-top: 0;
  }

  .product-catalog-new-block__text {
    max-width: 100%;
    padding-top: 0;
  }

  .product-catalog-new-block__description {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {

  .product-catalog-new-block__description.second {
    margin-top: 8px;
  }

  /* Показываем мобильный текст */
  .product-catalog-new-block {
    display: block;
    margin: 16px 0;
  }
}

/* End */


/* Start:/local/components/artbyte-solution-website/services/templates/.default/style.css?17766828402368*/
.solution-services-block__layout {
  /* position: relative; */
  min-height: 750px;
  display: block;
  /* margin-bottom: 80px; */
}

.solution-services-block__mockup {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  /* width: calc(100% + 28px); */
  overflow: hidden;
  z-index: 1;
  display: flex;
  max-height: 100%;
  padding-top: 50px;
}

.solution-services-block__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Текст поверх фотки */
.solution-services-block__text {
  position: relative;
  z-index: 2;
}

/* Описания */
.solution-services-block__description {
  line-height: 30px;
  margin-bottom: 0;
}

.solution-services-block__description.first {
  margin-top: 24px;
  max-width: 480px;
  max-width: 50%;
}

.solution-services-block__description.second {
  margin-top: 16px;
  max-width: 50%;
}

.solution-services-block__list {
  margin-top: 24px;
}

/* ========================
   Адаптив (на экранах меньше 1240px)
   ======================== */
@media (max-width: 1240px) {
  .solution-services-block__layout {
    min-height: 635px;
  }

  .solution-services-block__mockup {
    width: calc(100% + var(--container-padding-horizontal) * 2);
    left: calc(var(--container-padding-horizontal) * -1);
    padding-top: 50px;
  }

  .solution-services-block__text {
    max-width: 100%;
  }

  /* .solution-services-block__description.first {
    max-width: 100%;
  }

  .solution-services-block__description.second {
    max-width: 670px;
  } */
}

@media (max-width: 1164px) {
  .solution-services-block__mockup {
    padding-top: 90px;
  }
}

@media (max-width: 900px) {
  .solution-services-block__layout {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .solution-services-block__mockup {
    position: static;
    margin-left: calc(var(--container-padding-horizontal) * -1);
    margin-top: 0;
    padding-top: 0;
  }

  .solution-services-block__text {
    max-width: 100%;
    padding-top: 0;
  }

  .solution-services-block__description {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .solution-services-block__description.second {
    margin-top: 8px;
  }

  /* Показываем мобильный текст */
  .solution-services-block {
    display: block;
    margin: 16px 0;
  }
}

/* End */


/* Start:/local/components/artbyte-solution-website/content-as-tool/templates/.default/style.css?17764266362022*/
.content-as-tool__layout {
  position: relative;
  min-height: 710px;
  display: block;
  /* margin-bottom: 80px; */
}

.content-as-tool__mockup {
  position: absolute;
  bottom: 0;
  right: 0;
  /* width: 100%; */
  width: calc(100% + 28px);
  overflow: hidden;
  z-index: 1;
  display: flex;
  max-height: 100%;
}

.content-as-tool__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Текст поверх фотки */
.content-as-tool__text {
  position: relative;
  z-index: 2;
}

/* Описания */
.content-as-tool__description {
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 24px;
}


.content-as-tool__list {
  margin-top: 8px;
}

/* ========================
   Адаптив (на экранах меньше 1240px)
   ======================== */
@media (max-width: 1240px) {
  .content-as-tool__layout {
    min-height: 635px;
  }

  .content-as-tool__mockup {
    width: calc(100% + var(--container-padding-horizontal) * 2);
    left: calc(var(--container-padding-horizontal) * -1);
    padding-top: 50px;
  }

  .content-as-tool__text {
    max-width: 100%;
  }

  /* .content-as-tool__description.first {
    max-width: 100%;
  }

  .content-as-tool__description.second {
    max-width: 670px;
  } */
}

@media (max-width: 1164px) {
  .content-as-tool__mockup {
    padding-top: 90px;
  }
}

@media (max-width: 900px) {
  .content-as-tool__layout {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .content-as-tool__mockup {
    position: static;
    margin-left: calc(var(--container-padding-horizontal) * -1);
    margin-top: 0;
    padding-top: 0;
  }

  .content-as-tool__text {
    max-width: 100%;
    padding-top: 0;
  }

  .content-as-tool__description {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .content-as-tool__description.second {
    margin-top: 8px;
  }

  /* Показываем мобильный текст */
  .content-as-tool {
    display: block;
    margin: 16px 0;
  }
}

/* End */


/* Start:/local/components/artbyte-solution-website/ready-to-launch/templates/.default/style.css?17764282331948*/

/* Основной блок */
.ready-to-launch {
  /* Тут можно задать общие стили секции, если нужны */
}

/* Сетка карточек */
.ready-to-launch__grid {
  display: grid;
  /* На десктопе 2 колонки, судя по макету */
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* Карточка */
.ready-to-launch__card {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 32px;
  background-color: #ffffff;
  border-radius: 10px; /* Примерное скругление как на макете */
  padding: 24px; /* Внутренние отступы плашки, настройте при необходимости */
  box-sizing: border-box;
  box-shadow: 0px 7.12px 17.08px 0px #0b1f351a;
}

.ready-to-launch__icon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* Чтобы вставленные вами SVG вели себя предсказуемо */
.ready-to-launch__icon svg {
  width: 100%;
  height: auto;
  display: block;
}

/* Стили для текста (цвета и насыщенность шрифта, без размеров) */
.ready-to-launch__title {
  font-weight: 700;
}

.ready-to-launch__card-title {
  font-weight: 700;
}

.ready-to-launch__card-text {
  font-weight: 400;
}

@media (max-width: 1200px) {
  .ready-to-launch__card {
    grid-template-columns: 80px 1fr;
  }
}

/* Адаптив */
@media (max-width: 991px) {
  /* Планшеты: переводим сетку в 1 колонку */
  .ready-to-launch__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  /* Мобилки: меняем сетку внутри самой карточки */
  .ready-to-launch__card {
    grid-template-columns: 40px 1fr;
    gap: 16px;
    padding: 16px; /* Чуть уменьшаем внутренний отступ для мобилок */
  }
}

/* End */
/* /local/components/artbyte-solution-website/hero.section/templates/.default/style.css?17766844902736 */
/* /local/components/artbyte-solution-website/fully.wrapped.website/templates/.default/style.css?17763451162136 */
/* /local/components/artbyte-solution-website/fully-functional-structure/templates/.default/style.css?17764258172098 */
/* /local/components/artbyte-solution-website/adaptive.design/templates/.default/style.css?17764258062204 */
/* /local/components/artbyte-solution-website/modern-visual-framework/templates/.default/style.css?17766744022498 */
/* /local/components/artbyte-solution-website/product-catalog/templates/.default/style.css?17766826472411 */
/* /local/components/artbyte-solution-website/services/templates/.default/style.css?17766828402368 */
/* /local/components/artbyte-solution-website/content-as-tool/templates/.default/style.css?17764266362022 */
/* /local/components/artbyte-solution-website/ready-to-launch/templates/.default/style.css?17764282331948 */