.article-correction{
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 40px;
  padding: 30px;
  background: rgb(249, 249, 249);
  border-radius: 5px;
}
@media(max-width: 768px){
  .article-correction{
    padding: 15px;
  }
}



.breadcrumbcontainer{display: none}.box-information {padding: 0px 15px;}

.aquila-section {
  margin-bottom: 100px;
}

/* 1000px - 1280px */
@media (max-width: 1280px) and (min-width: 1000px) {
  .aquila-section {
    margin-bottom: 80px;
  }
}

/* 768px - 1000px */
@media (max-width: 1000px) and (min-width: 768px) {
  .aquila-section {
    margin-bottom: 60px;
  }
}

/* 0 - 768px */
@media (max-width: 767px) {
  .aquila-section {
    margin-bottom: 40px;
  }
}

.order-info {
  margin-top: 100px !important;
  margin-bottom: 100px;
}

/* 1000px - 1280px */
@media (max-width: 1280px) and (min-width: 1000px) {
  .order-info {
    margin-top: 80px !important;
    margin-bottom: 80px;
  }
}

/* 768px - 1000px */
@media (max-width: 1000px) and (min-width: 768px) {
  .order-info {
    margin-top: 60px !important;
    margin-bottom: 60px;
  }
}

/* 0 - 768px */
@media (max-width: 767px) {
  .order-info {
    margin-top: 40px !important;
    margin-bottom: 40px;
  }
}

.heading-title-h3 {
  margin-top: 100px;
}

/* 1000px - 1280px */
@media (max-width: 1280px) and (min-width: 1000px) {
  .heading-title-h3 {
    margin-top: 80px;
  }
}

/* 768px - 1000px */
@media (max-width: 1000px) and (min-width: 768px) {
  .heading-title-h3 {
    margin-top: 60px;
  }
}

/* 0 - 768px */
@media (max-width: 767px) {
  .heading-title-h3 {
    margin-top: 40px;
  }
}

.main_ananas_block {
  padding-bottom: 100px;
}

/* 1000px - 1280px */
@media (max-width: 1280px) and (min-width: 1000px) {
  .main_ananas_block {
    padding-bottom: 80px;
  }
}

/* 768px - 1000px */
@media (max-width: 1000px) and (min-width: 768px) {
  .main_ananas_block {
    padding-bottom: 60px;
  }
}

/* 0 - 768px */
@media (max-width: 767px) {
  .main_ananas_block {
    padding-bottom: 40px;
  }
}

.main_ananas_block {
  margin-top: 100px;
  padding-bottom: 100px;
}

/* 1000px - 1280px */
@media (max-width: 1280px) and (min-width: 1000px) {
  .main_ananas_block {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}

/* 768px - 1000px */
@media (max-width: 1000px) and (min-width: 768px) {
  .main_ananas_block {
    margin-top: 60px;
    padding-bottom: 60px;
  }
}

/* 0 - 768px */
@media (max-width: 767px) {
  .main_ananas_block {
    margin-top: 40px;
    padding-bottom: 40px;
  }



}

  /* ===== Questions CTA (scoped) ===== */

  .questions-cta__inner{
    position: relative;                    /* базис для абсолютов */
    margin: 0 auto;
    border-radius: 20px;
    background: linear-gradient(240deg, rgba(55,213,161,1) 7%, rgba(1,170,115,1) 79%);
    overflow: hidden;                      /* чтобы картинка не вылезала за скругления */
    /* базовая сетка под контент слева */
    display: grid;
    grid-template-columns: 516px 1fr;
    align-items: center;
    gap: 24px;
    padding: 50px 0px 50px 70px;          /* левый внутренний отступ как в макете */
  }

  /* Левая колонка */
  .questions-cta__title{
    margin: 0 0 20px 0;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: #fff;
    font-family: 'Bold';
  }
  .questions-cta__lead{
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 23.8px;
    color: #fff;
    max-width: 516px;
  }
  .questions-cta__form{
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 14px;
    max-width: 516px;
  }
  .questions-cta__label{
    display: grid;
    row-gap: 6px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 23.8px;
    font-family: 'Regular';
  }
  .questions-cta__input{
    height: 36px;
    padding: 0 12px;
    border: 1px solid #F1F0F0;
    border-radius: 8px;
    background: #fff;
      width:100%;
    font: 400 15px/36px Montserrat, Arial, sans-serif;
    color: #1A1A1A;
    outline: none;
    transition: box-shadow .2s ease, border-color .2s ease;
  }
  .questions-cta__input::placeholder{ color: rgba(0,0,0,0.45); }
  .questions-cta__input:focus{
    border-color: #01AA73;
    box-shadow: 0 0 0 3px rgba(1,170,115,.18);
  }

  /* Кнопка НЕ тянется на всю ширину */
  .questions-cta__btn{
    margin-top: 6px;
    justify-self: start;                   /* ширина — по контенту */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 18px;
    border-radius: 8px;
    background: #fff;
    border: none;
    cursor: pointer;

    font-family: Montserrat, Arial, sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    color: #01AA73;
    text-align: center;
    transition: transform .1s ease, box-shadow .2s ease;
  }
  .questions-cta__btn:hover{ box-shadow: 0 10px 24px rgba(0,0,0,.12); }
  .questions-cta__btn:active{ transform: translateY(1px); }

  /* Правая колонка/арт — снимаем из потока и даём свободу движения по всей плашке */
  .questions-cta__right{
    position: absolute;
    inset: 0;                              /* можно управлять top/right/bottom/left картинкой относительно всей плашки */
    pointer-events: none;                  /* не мешает кликам по форме */
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .questions-cta__art{
    position: absolute;
    right: -5px;                          /* выезд за внутренний паддинг */
    width: clamp(540px, 58vw, 750px);      /* размер как в макете, подстраивается */
    height: auto;
    user-select: none;
  }



  @media (max-width: 1400px) {

  /* ===== Questions CTA (обновления) ===== */

.questions-cta__inner{
  position: relative;

  border-radius: 20px;
  background: linear-gradient(240deg, rgba(55,213,161,1) 7%, rgba(1,170,115,1) 79%);
  box-shadow: 0 20px 60px rgba(0,0,0,0.12);
  overflow: hidden;

  display: grid;

  grid-template-columns: 516px 1fr;
  align-items: center;
  gap: clamp(16px, 1.6vw, 24px);

  /* паддинги «дышат» от ширины */
  padding: 50px 0px 50px 40px;
}

.questions-cta__title{
  margin: 0 0 20px 0;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  color: #fff;
}
.questions-cta__lead{
  margin: 0 0 20px 0;
  font-size: 17px;
  line-height: 1.4;
  color: #fff;
  max-width: none; /* пусть сжимается вместе с колонкой */
}
.questions-cta__form{
  display: grid;
  grid-template-columns: 1fr;
  row-gap: clamp(10px, 1vw, 14px);
  max-width: none;
}
.questions-cta__label{
  row-gap: clamp(4px, .5vw, 6px);
  font-size: 15px;
  line-height: 1.4;
  color: #fff;
}
.questions-cta__input{
  height: 36px;
  padding: 0 clamp(10px, 1vw, 12px);
  border: 1px solid #F1F0F0;
  border-radius: 8px;
  background: #fff;
  font: 400 clamp(14px, .95vw, 15px)/1 Montserrat, Arial, sans-serif;
  color: #1A1A1A;
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.questions-cta__btn{
  margin-top: clamp(4px, .5vw, 6px);
  height: clamp(40px, 2.4vw, 42px);
  padding: 0 clamp(14px, 1.2vw, 18px);
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(16px, 1.1vw, 17px);
  line-height: 1;
  color: #01AA73;
  background: #fff;
  border: none;
  cursor: pointer;
  transition: transform .1s ease, box-shadow .2s ease;
}

/* Правая колонка / арт — также флюидно */
.questions-cta__right{
  position: absolute;
  inset: 0;
  pointer-events: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.questions-cta__art{
  position: absolute;
  right: 0px;

  /* ключевая строка — картинка сжимается вместе с блоком */
  width: 600px;
  height: auto;
  user-select: none;
}

  }


    @media (max-width: 1200px) {


.questions-cta__art{
  position: absolute;
  right: -150px;
  width: 550px;
  height: auto;
  user-select: none;
}

    }



@media (max-width: 1000px) and (min-width: 650px) {
  .questions-cta__inner {
    grid-template-columns: 1fr; 
    padding: 50px 40px;
  }

  .questions-cta__right {
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .questions-cta__art {
        top: 120px;
        left: 35%;
        transform: scale(1.5);
        width: 500px;
        opacity: .28;
        mix-blend-mode: multiply;
        user-select: none;
        z-index: 0
  }

  /* поверх картинки добавляем мягкий градиент, чтобы текст не терялся */
  .questions-cta__inner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(1,170,115,0.0) 30%,
      rgba(1,170,115,0.6) 70%,
      rgba(1,170,115,0.9) 100%
    );
    pointer-events: none;
    z-index: 1;
  }

  /* текст и форма поверх всего */
  .questions-cta__left {
    position: relative;
    z-index: 2;
  }

    .questions-cta__lead {
        width: 85%;
}

    .questions-cta__inner {
        background: linear-gradient(300deg, rgba(55, 213, 161, 1) 7%, rgba(1, 170, 115, 1) 79%);
    }
}

        .questions-cta__input {
        font-size: 17px;
    }

@media (max-width: 650px) and (min-width: 480px) {

        .questions-cta__inner {
        background: linear-gradient(300deg, rgba(55, 213, 161, 1) 7%, rgba(1, 170, 115, 1) 79%);
    }

  .questions-cta__inner{
    grid-template-columns: 1fr;              /* одна колонка */
    padding: 20px;                /* место под картинку снизу */
    border-radius: 20px;
  }

  /* текст поверх */
  .questions-cta__left{ position: relative; z-index: 2; }
  .questions-cta__title{ font-size: 22px; margin-bottom: 20px; }
  .questions-cta__lead{ width: 100%; line-height: 120%; font-size: 14px; }

  /* слой-арт под градиентом */
  .questions-cta__right{
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .questions-cta__art{
        top: 200px;
        left: 65%;
        transform: scale(1.5);
        width: 500px;
        opacity: .28;
        mix-blend-mode: multiply;
        user-select: none;
        z-index: 0
  }

  /* мягкий градиент поверх картинки */
  .questions-cta__inner::after{
    content: "";
    position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(
      to bottom,
      rgba(1,170,115,0.00) 28%,
      rgba(1,170,115,0.55) 68%,
      rgba(1,170,115,0.90) 100%
    );
  }

  /* инпуты ок, а кнопку — на всю ширину */
  .questions-cta__btn{
    justify-self: stretch;     /* растянуть в гриде */
    width: 100%;
    height: 44px;
    font-size: 16px;
    padding: 0 18px;
  }
}

@media (max-width: 480px) {

        .questions-cta__inner {
        background: linear-gradient(300deg, rgba(55, 213, 161, 1) 7%, rgba(1, 170, 115, 1) 79%);
    }

  .questions-cta__inner{
    grid-template-columns: 1fr;              /* одна колонка */
    padding: 20px;                /* место под картинку снизу */
    border-radius: 20px;
  }

  /* текст поверх */
  .questions-cta__left{ position: relative; z-index: 2; }
  .questions-cta__title{ font-size: 22px; margin-bottom: 20px; }
  .questions-cta__lead{ width: 100%; line-height: 120%; font-size: 14px; }

  /* слой-арт под градиентом */
  .questions-cta__right{
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .questions-cta__art{
        top: 250px;
        left: 66%;
        transform: scale(1.5);
        width: 500px;
        opacity: .28;
        mix-blend-mode: multiply;
        /* filter: saturate(90%) blur(.3px); */
        user-select: none;
        z-index: 0
  }

  /* мягкий градиент поверх картинки */
  .questions-cta__inner::after{
    content: "";
    position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(
      to bottom,
      rgba(1,170,115,0.00) 28%,
      rgba(1,170,115,0.55) 68%,
      rgba(1,170,115,0.90) 100%
    );
  }

  /* инпуты ок, а кнопку — на всю ширину */
  .questions-cta__btn{
    justify-self: stretch;     /* растянуть в гриде */
    width: 100%;
    height: 44px;
    font-size: 16px;
    padding: 0 18px;
  }
}

.questions-cta {
  margin-bottom: 100px;
}

/* 1000px - 1280px */
@media (max-width: 1280px) and (min-width: 1000px) {
  .questions-cta {
    margin-bottom: 80px;
  }
}

/* 768px - 1000px */
@media (max-width: 1000px) and (min-width: 768px) {
  .questions-cta {
    margin-bottom: 60px;
  }
}

/* 0 - 768px */
@media (max-width: 767px) {
  .questions-cta {
    margin-bottom: 40px;
  }
}

/* ===== Примеры продукции ===== */
.examples-block { /* внешний отступ только для блока */
  margin: 0;
}

.examples-block__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 110%; 
  letter-spacing: 0;
  color: #333333; 
  margin: 0 0 30px 0;
  font-family: 'Bold';
}

.examples-block__grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 2 ряда по 4 карточки */
  gap: 30px; 
}

.examples-card {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  aspect-ratio: 315 / 285; 
}

.examples-card__link { display:block; height:100%; }

.examples-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.examples-card__overlay {
  position: absolute;
  inset: 0;
  padding: 30px; 
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  color: #fff;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 70%, rgba(0,0,0,0.85) 100%);
  transition: opacity 0.4s ease;
}

/* добавляем псевдоэлемент для зелёного слоя */
.examples-card__overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #01aa72c4;
  opacity: 0;
  transition: opacity 0.4s ease;
  border-radius: 15px;
}

/* при наведении — зелёный слой проявляется */
.examples-card:hover .examples-card__overlay::after {
  opacity: 0.6;
}

.examples-card__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.15;
  z-index: 2;
}

/* Визуальные мелочи соответствия макету */
.examples-card, .examples-card__overlay { border-radius: 15px; }

@media (min-width: 1000px) and (max-width: 1280px) {
.examples-card__overlay {
    padding: 20px;
}
}

@media (max-width: 1280px) {

.examples-block__grid {
  gap: 10px; 
}

}

@media (max-width: 1000px) {


.examples-card__title {
  font-size: 16px;
}

.examples-card__overlay {
    padding: 10px;
}

}

@media (max-width: 768px) {
.examples-card {
  aspect-ratio: 1 / 1; 
}
}
@media (max-width: 767px) {

.examples-block__grid {

  grid-template-columns: repeat(2, 1fr); 

}


.examples-block__title {
    font-size: 22px;
    margin: 0 0 20px 0;
}

}

@media (max-width: 480px) {


.examples-card__title {
  font-size: 14px;
}

}

.order-info {
    margin-top: 100px;
}

  * { box-sizing: border-box; }

  .svc-wrap{
    margin:0 auto;
    padding:100px 0px;
    color:#0E0D0A;
    max-width:1400px;     
    background:#ffffff;
  }



  .svc-row{
    display:grid;
    grid-template-columns:1fr;
    gap:40px;
    align-items:start;
  }

  .svc-left{ max-width:100%; }

  .svc-eyebrow{
    font-size:32px;
    margin:0 0 25px 0;
    line-height:110%;
    font-weight:700;
    font-family: "Bold";
  }

  .svc-desc{
    color:#0E0D0A;
    font-size:17px;
    margin-bottom:42px;
    line-height:120%;
  }

  .svc-cta{
    display:inline-block;
    background:#01AA73;
    color:#fff;
    padding:12px 34px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    font-size:16px;
    transition:opacity .3s ease;
  }
  .svc-cta:hover{ opacity:.8; color: #fff;cursor: pointer; }

  /* Вьюпорт трека */
  .svc-cards-wrapper{
    position:relative;
    overflow:hidden;
    margin:0 -20px;
    padding:0 20px;
  }

  .svc-cards{
    display:flex;
    gap:20px;
    cursor:grab;
    user-select:none;
    will-change:transform;
    transition:transform .45s cubic-bezier(.22,.61,.36,1);
    touch-action:pan-y;
  }
  .svc-cards.is-dragging{ cursor:grabbing; transition:none; }

  .svc-card{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    background-size:cover;
    background-position:center 10%;
    flex:0 0 280px;
    height:350px;
    display:flex;
    align-items:flex-end;
  }
  .svc-card::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.3) 0%, rgba(0,0,0,.9) 100%);
    pointer-events:none;
  }
  .svc-card-inner{ position:relative; z-index:1; padding:20px; color:#fff; width:100%; }
  .svc-card-title{ font-weight:700; font-size:20px; line-height:1.2; margin:0 0 8px; }
  .svc-card-text{ font-size:15px; line-height:1.3; color:#F8F8F8; margin:0; }

/* 1000px - 1280px */
@media (max-width: 1280px) and (min-width: 1000px) {
  .svc-wrap {
    padding: 80px 0;
  }
}

/* 768px - 999px */
@media (max-width: 999px) and (min-width: 768px) {
  .svc-wrap {
    padding: 60px 0;
  }
}
@media (max-width: 1000px) {
  .mob-del{display:none;}
}

@media (min-width: 768px) and (max-width: 1000px) {

  .svc-card {
    flex: 0 0 350px;
}

}


/* до 767px */
@media (max-width: 767px) {
  .svc-wrap {
    padding: 40px 0;
  }


  .svc-cta {
    width: 100%;
    text-align: center;
}

.svc-eyebrow {
    font-size: 22px;
}

.svc-desc {
    font-size: 15px;
}

.svc-card {
    flex: 0 0 250px;
}

.svc-card-title {
    font-size: 18px;
}

.svc-card-text {
    font-size: 14px;
}

  .svc-card-inner{ padding:10px; padding-bottom: 30px; }

}

  @media (min-width:1000px){
    .svc-row{ grid-template-columns:315px 1fr; gap:50px; }
    .svc-left{ max-width:315px; }
    .svc-cards{ gap:30px; }
    .svc-card{ flex-basis:315px; }
  }

  @media (min-width:1024px){
    .svc-cards-wrapper{ margin:0; padding:0; }
  }

  .svc-wrap .svc-cards-wrapper.bleed-right{ overflow:hidden; }

  @media (min-width:1024px){
    .svc-wrap .svc-cards-wrapper.bleed-right{
      --container-max: 1400px;
      --bleed: max(0px, calc((100vw - min(var(--container-max), 100%)) / 2));
      margin-right: calc(-1 * var(--bleed));
      padding-right: var(--bleed);
    }
  }

  /* 1) заведём переменную для gap и используем её в обоих брейкпоинтах */
.svc-cards { 
  gap: var(--gap, 30px);
}

/* 2) добавим «хвост» после последней карточки */
.svc-cards::after{
  content: "";
  flex: 0 0 var(--gap, 30px); /* хвост = gap */
}

/* на >=768px у тебя gap = 30px — зададим это через переменную */
@media (min-width: 1000px){
  .svc-cards { --gap: 30px; }
}


.svc-cards::after { content: none !important; }

/* Навигация стрелками (мобилка) */
.svc-nav{
  display:none;
  gap: 10px;
  justify-content: center;
  margin-top: 20px;
}

.svc-nav-btn{
  width:44px; height:44px;
  border-radius:10px;
  border: none;
  background:#fff;
  font-size:24px; line-height:1;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer;
  transition:transform .15s ease, opacity .2s ease;
}
.svc-nav-btn:focus{ transform:scale(1.15); }
.svc-nav-btn:disabled{
  opacity:.4; cursor:default; pointer-events:none;
}

@media (max-width: 1000px){
  .svc-nav{ display:flex; }
}

@media screen and (min-width: 48rem) {
    .aquila-benefits-new-fix img {
        object-position: 50% 30%;
    }
}

@media (min-width: 768px) and (max-width: 1350px) {

    .aquila-benefits-new-fix img {
        object-position: 50% 15%;
    }

}

    .hd-br-1600 {
        display: none;
    }

@media (min-width: 1600px) {
    .wdth-130 {
        width: 130%;
    }

    .hd-br-1600 {
        display: block;
    }    

}

@media (min-width: 768px) and (max-width: 1000px) {
    .brnd-cnt-ascpt { 
        border-radius: 1rem;
        overflow: hidden;
        aspect-ratio: 2 / 1.2;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .brnd-cnt-ascpt { 
        border-radius: 1rem;
        overflow: hidden;
        aspect-ratio: 2 / 1.4;
    }
}

@media (max-width: 480px) {
    .brnd-cnt-ascpt { 
        border-radius: 1rem;
        overflow: hidden;
        aspect-ratio: 1 / 1;
    }
}


.faq__heading {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.2;
  color: #0E0D0A;
  font-family: "Bold";
}

.faq__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.faq-item {
  border: 1px solid #01AA73;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
  transition: background .25s ease;
}

.faq-item__button {
  all: unset;
  display: grid;
  grid-template-columns: 1fr auto; /* вместо 95% / 5% */
  align-items: center;
  width: 100%;
  padding: 20px;
  cursor: pointer;
  background: #fff;
  box-sizing: border-box; /* ← ключевое */
  gap: 12px;              /* небольшой зазор между заголовком и иконкой */
}

.faq-item__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: #0E0D0A;
  font-family: "Bold";
  min-width: 0;           /* разрешает ужиматься внутри grid */
  overflow-wrap: anywhere;/* на всякий случай перенос длинных строк */
}

.faq-item__icon {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  transition: transform .25s ease;
}

.faq-item__icon svg path {
  transition: stroke .25s ease;
}

/* Плашка открыта */
.faq-item[data-open="true"] .faq-item__button {
  background: #01AA73;
  color: #FFF;
}

.faq-item[data-open="true"] .faq-item__title {
  color: #FFF;
}

.faq-item[data-open="true"] .faq-item__icon svg path {
  stroke: #FFF;
}

.faq-item__panel {
  background: #01AA73;
  color: #FFF;
  height: 0;
  overflow: hidden;
  transition: height .3s ease, margin .3s ease;
}

.faq-item__inner {
  padding: 20px;
  padding-top: 0px;
  font-size: 17px;
  line-height: 120%;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .2s ease, transform .2s ease;
}

.faq-item[data-open="true"] .faq-item__panel {

}

.faq-item[data-open="true"] .faq-item__inner {
  opacity: 1;
  transform: none;
  transition: opacity .25s ease .05s, transform .25s ease .05s;
}

@media (min-width: 767px) and (max-width: 1000px) {
.faq__heading {
  margin: 0 0 30px;
}
}

@media (min-width: 480px) and (max-width: 767px) {

.faq__heading {
    font-size: 22px;
}

.faq-item__title {
    font-size: 16px;
}

.faq-item__inner {
    font-size: 14px;
}

}

@media (max-width: 479px) {

.faq__heading {
    font-size: 22px;
}

.faq-item__title {
    font-size: 14px;
}

.faq-item__inner {
    font-size: 14px;
}

.faq-item__button {
    padding: 10px;
}

.faq-item__inner {
    padding: 10px;
}

}

/* Корневой блок */
.branding-prices {
  /* фон и шрифты берутся из проекта */
}

/* Контейнер */
.branding-prices .bp-container {
  background: #F8F8F8;
  border-radius: 20px;
  padding: 70px;
}

/* Шапка */
.branding-prices .bp-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.branding-prices .bp-title {
  margin: 0;
  font-family: "Bold";
  font-size: 32px;
  line-height: 110%;
  color: #0E0D0A;
}

.branding-prices .bp-btn {
  background: #01AA73;
  color: #fff;
  padding: 12px 30px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: opacity .3s ease;
  white-space: nowrap;
  font-weight: 600;
}
.branding-prices .bp-btn:hover { opacity: 0.8; color: #fff; }

/* Подзаголовок */
.branding-prices .bp-subtitle {
  margin: 20px 0 50px;
  font-size: 17px;
  line-height: 120%;
  color: #0E0D0A;
}

/* Таблица */
.branding-prices .bp-table {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.branding-prices .bp-row {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr;
  align-items: center;
  padding: 20px;
  border: 1px solid #01aa73;
  border-radius: 15px;
  background: #fff;
  font-size: 17px;
  color: #0E0D0A;
  line-height: 120%;
}

.branding-prices .bp-head {
  border: none;
  padding: 0;
  background: transparent;
  font-weight: 700;
  padding: 20px;
  font-weight: 700;
  color: #0E0D0A;
  font-family: "bold";
  font-size: 20px;
}

@media (min-width: 1000px) and (max-width: 1280px) {
    .branding-prices .bp-row {
    gap: 100px;
}
.branding-prices .bp-row {
  grid-template-columns: 1fr 1fr 1fr;
}
.branding-prices .bp-header {
    flex-wrap: nowrap;
}

.branding-prices .bp-container {
  padding: 50px;
}


}

@media (min-width: 768px) and (max-width: 1000px) {
    .branding-prices .bp-row {
    gap: 60px;
}

.branding-prices .bp-header {
    flex-wrap: nowrap;
}

.branding-prices .bp-container {
  padding: 30px;
}

  }

@media (min-width: 480px) and (max-width: 767px) {

.branding-prices .bp-row {
    gap: 45px;
}

.branding-prices .bp-container {
  padding: 20px;
}

.branding-prices .bp-btn {
    width: 100%;
}


.branding-prices .bp-title {
    font-size: 22px;
}

.branding-prices .bp-subtitle {
    font-size: 14px;
}

.branding-prices .bp-row {
    font-size: 12px;
}

.branding-prices .bp-head {
    font-size: 14px;
}

.branding-prices .bp-subtitle {
    margin: 20px 0 20px;
}

.branding-prices .bp-row {
    padding: 10px;

}

  }

  /* ===== 0–480 px: как на макете, 3 колонки с отдельными карточками-ячейками ===== */
@media (max-width: 479px) {
  /* Контейнер/шапка */
  .branding-prices .bp-container { padding: 16px; }
  .branding-prices .bp-header {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    flex-wrap: nowrap;
  }
  .branding-prices .bp-title { font-size: 22px; line-height: 120%; }
  .branding-prices .bp-btn { width: 100%; padding: 12px 16px; border-radius: 10px; }
  .branding-prices .bp-subtitle { margin: 12px 0 16px; font-size: 14px; line-height: 130%; }

  /* Таблица: оставляем 3 колонки */
  .branding-prices .bp-table { gap: 10px; }

  /* Шапка — без рамок, в 3 колонки */
  .branding-prices .bp-head {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 12px;
    padding: 0 0 6px 0;
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 700;
  }
  .branding-prices .bp-head > div {
    padding: 0;
    border: none;
    background: transparent;
  }

  /* Строки данных: тоже 3 колонки, но без общего бордера */
  .branding-prices .bp-row {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr; /* первая шире, как на макете */
    gap: 12px;
    font-size: 12px;
    align-items: stretch;
    padding: 10px;
    align-items: center;
  }

  .bp-row {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  text-wrap: pretty;
}

}


/* ===== HERO: Брендированный контент ===== */
.ap-hero {
  position: relative;
  width: 100%;
  min-height: 500px;
  /* max-height: 500px; */
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Фон */
.ap-hero__bg {
  position: absolute;
  inset: 0;
    border-radius: 1rem;
}
.ap-hero__bg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  transform: translateZ(0);
}

/* Затемнение */
.ap-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, .75) 24%, rgba(0, 0, 0, .45) 59%, rgba(0, 0, 0, 0) 90%);
  pointer-events: none;
}

/* Контент */
.ap-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* 🔥 кнопка всегда внизу */
  color: #fff;
  padding: 40px;
  width: 100%;
  max-width: 760px;
  height: 100%;
  box-sizing: border-box;
}

.ap-hero__text {
  flex: 1;
}

.ap-hero__title {
  margin: 0 0 20px 0;
  font-family: "Bold";
  font-size: 32px;
  line-height: 1.12;
  color: #fff;
}

.ap-hero__lead {
  margin: 0 0 12px 0;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
  opacity: .98;
  max-width: 660px;
}

/* Кнопка */
.ap-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
    cursor: pointer;
  padding: 12px 40px;
  background: #01AA73;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  border-radius: 10px;
  transition: opacity .3s ease;
  align-self: flex-start;
  margin-top: 18px;
}
.ap-hero__btn:hover { opacity: .8; color: #fff; cursor: pointer;}

.mrg-btm-12{margin-bottom: 12px;}

/* ===== Адаптив 1000–1280px ===== */
@media (max-width: 1280px) {
  .ap-hero {
    min-height: auto;
    flex-direction: column;
    align-items: stretch;
  }

  .ap-hero__content {
    padding: 40px;
    max-width: 100%;
    justify-content: space-between; /* кнопка всё так же снизу */
    min-height: 500px;
  }

  .ap-hero__title {
    font-size: 32px;
    line-height: 110%;
  }

  .ap-hero__lead {
    font-size: 16px;
    line-height: 1.3;
  }

  .ap-hero__btn {
    margin-top: 24px;
  }
}

@media (max-width: 1000px) {

    
  .ap-hero__content {
    min-height: 430px;
    padding: 30px;
  }

  .mobile-break-br{display: none;}

      .ap-hero__lead {
        width: 80%;
    }
  
}

/* ===== 480–768px: мобильный макет героя ===== */
@media (max-width: 700px) {

  .ap-hero {
    min-height: auto;          /* можно подправить по месту */
    align-items: stretch;
  }

  /* Сплошное затемнение по макету */
  .ap-hero__overlay {
    background: rgba(0,0,0,0.75);   /* ровное затемнение без градиента */
  }

  .ap-hero__content {
    padding: 20px;                  /* по 20px со всех сторон */
    max-width: 100%;
    min-height: 400px;              /* держим высоту, чтобы кнопка ушла вниз */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* кнопка внизу */
    box-sizing: border-box;
  }

  .ap-hero__text { flex: 1; }

  .ap-hero__title {
    font-size: 26px;                /* h2 = 26px */
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .ap-hero__lead {
    font-size: 15px;                /* описание = 15px */
    line-height: 1.3;
    max-width: 100%;
    width: 100%;
  }

  /* Кнопка на всю ширину блока */
  .ap-hero__btn {
    width: 100%;
    height: 44px;
    align-self: stretch;            /* растянуть по ширине контейнера */
    margin-top: 16px;
    padding: 0;                     /* внутри фикс высоты хватает */
    justify-content: center;
  }

  /* переносы из макета убираем на мобиле */
  .break-br-480 { display: none; }
}

.order-info__title {
    font-family: 'bold';
}

@media (min-width: 1170px) and (max-width: 1300px) {

.order-info__foto {
    right: -20px;
}

.order-info__text {
    width: 85%;
}
}

@media (min-width: 1000px) and (max-width: 1170px) {

.order-info__foto {
        transform: scale(0.9);
        left: 500px;
}

.order-info__text {
    width: 85%;
}
}

@media (min-width: 550px) and (max-width: 999px) {

    .order-info__foto {
      opacity: 0.075;
    }

    .order-info {
      height: auto;
      padding-left: 40px;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-right: 40px;
    }

    .order-info__title {
      font-size: 32px;
      font-family: 'Bold';
    }

    .order-info__text {
      margin-bottom: 20px;
    }

}

@media (min-width: 550px) and (max-width: 800px) {

  .order-info__foto {
    right: 0px;
    transform: scale(0.9);
}
}

@media (min-width: 450px) and (max-width: 550px) {

      .order-info {
      height: auto;
      padding-left: 20px;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-right: 20px;
    }

    .order-info__title {
      font-size: 22px;
      font-family: 'Bold';
    }

    .order-info__text {
    font-size: 14px;
    }

    .order-info__foto {
    left: 10px;
}

.order-info__btn {
    width: 100%;
}

.order-info__text {
    margin-bottom: 20px;
}

}

  .br-for-only-500{display: none;}

@media (max-width: 570px) {

  .br-for-only-570{display: block;}

}

@media (max-width: 450px) {

      .order-info {
      height: auto;
      padding-left: 10px;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 10px;
    }

    .order-info__title {
      font-size: 18px;
      font-family: 'Bold';
    }

    .order-info__text {
    font-size: 14px;
    }

    .order-info__foto {
        transform: scale(1.5);
        top: 10px;
        left: 100px;
    }

.order-info__btn {
    width: 100%;
}

.order-info__text {
    margin-bottom: 20px;
}

}

  
 
 
 
 
 
@media (min-width: 480px) and (max-width: 767px) {
    .aquila-benefits__item {
        height: 16.63rem;
    }
}

.aquila-overview__list-item {
    background-position: 0% 5%;
}

.rb-gallery-list {
    padding-bottom: 0px;
    border-bottom: 0px #eee solid;
}

@media (min-width: 419px) {
.txt-wrp-smt{text-wrap: auto !important;}
}

@media (max-width: 767px) {
  
.clm-rvs{flex-direction: column-reverse !important;}

.mrg-btm-0px{margin-bottom: 0px !important;}

}

/* ap-h1-fix 16.09.2026: hero-заголовок стал H1; перебиваем media.css `.box-information h1{font-size:46px;padding:30px 0}` (<=480px) */
.box-information h1.ap-hero__title{font-size:32px;line-height:1.12;padding:0;margin:0 0 20px}
@media (max-width:1280px){.box-information h1.ap-hero__title{font-size:32px;line-height:110%}}
@media (max-width:700px){.box-information h1.ap-hero__title{font-size:26px;line-height:1.1;margin-bottom:16px}}

/* ap-mob-align 16.09.2026: hero и «Что входит» внутри .box-information получали +15px слева/справа на мобильном — выравниваем по остальным блокам (15px, как «У нас покупали») */
@media (max-width:767px){
.box-information.gangsta{padding-left:0;padding-right:0}
.svc-cards-wrapper{margin:0 -15px;padding:0 15px}
}

/* ap-cta-msg 16.09.2026: под кнопкой hero строка «или пришлите фото сразу» + ссылка на Baget 360 в блоке «Что входит» */
.ap-hero__cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ap-hero__msg{margin:0;font-size:14px;line-height:1.4;color:#fff;opacity:.92}
.ap-hero__msg a{color:#fff;text-decoration:underline;text-underline-offset:3px;margin-left:10px;white-space:nowrap}
.ap-hero__msg a:hover{opacity:.8;color:#fff}
.svc-baget-note{font-size:14px;line-height:1.45;color:#555;margin:-8px 0 18px}
.svc-baget-note a{color:#01AA73;text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){.ap-hero__msg{font-size:13px}.ap-hero__msg a{margin-left:8px}}

/* ap-howto 16.09.2026: блок «Как заказать и передать изделие» — 4 шага + адрес */
.ap-howto{margin:0 0 60px}
.ap-howto__title{font-family:Bold;font-size:32px;line-height:1.1;margin:0 0 24px;color:#0E0D0A}
.ap-howto__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ap-howto__step{position:relative;background:#F8F8F8;border-radius:16px;padding:22px 20px 20px}
.ap-howto__num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#01AA73;color:#fff;font-weight:700;font-size:15px;margin-bottom:12px}
.ap-howto__step h3{font-size:17px;line-height:1.25;margin:0 0 8px;font-weight:700;color:#0E0D0A}
.ap-howto__step p,.ap-howto__step li{font-size:14px;line-height:1.45;color:#333;margin:0}
.ap-howto__step ul{margin:6px 0 0;padding-left:18px}
.ap-howto__step li{margin-bottom:4px}
.ap-howto__step a{color:#01AA73;text-decoration:underline;text-underline-offset:3px}
.ap-howto__addr{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px;color:#0E0D0A}
.ap-howto__addr span{white-space:nowrap}
@media (max-width:1000px){.ap-howto__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.ap-howto{margin-bottom:40px}.ap-howto__title{font-size:26px;margin-bottom:16px}.ap-howto__grid{grid-template-columns:1fr;gap:12px}.ap-howto__step{padding:18px 16px}}

/* ap-howto-btns 16.09.2026: кнопки мессенджеров в шаге 1 блока «Как заказать» */
.ap-howto__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ap-howto__btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #DCDFE2;color:#0E0D0A;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:border-color .15s,background .15s,color .15s}
.ap-howto__btn svg{width:17px;height:17px;fill:#0E0D0A;flex:none}
.ap-howto__btn:hover{border-color:#01AA73;background:#01AA73;color:#fff;text-decoration:none}
.ap-howto__btn:hover svg{fill:#fff}
@media (max-width:767px){.ap-howto__btn{padding:10px 14px;font-size:15px}}

/* ap-howto-btns-fix 16.09.2026: чипы не должны наследовать зелёные подчёркнутые ссылки шага */
.ap-howto__step a.ap-howto__btn{color:#0E0D0A;text-decoration:none}
.ap-howto__step a.ap-howto__btn:hover{color:#fff}

/* ap-blocks-2 16.09.2026: «Сколько стоит», поводы, «Смотрите также», B2B, карта и гарантия в «Как заказать», липкая кнопка */
.ap-howto__map{margin-top:18px}
.ap-howto__map iframe{display:block;width:100%;height:280px;border:0;border-radius:12px}
.ap-howto__warranty{margin:14px 0 0;padding:12px 16px;background:#F0FAF6;border-left:3px solid #01AA73;border-radius:8px;font-size:14px;line-height:1.45;color:#0E0D0A}
.ap-price{margin:0 0 60px}
.ap-price__title{font-family:Bold;font-size:32px;line-height:1.1;margin:0 0 20px;color:#0E0D0A}
.ap-price__cols{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start}
.ap-price__work,.ap-price__kit,.ap-price__volume{background:#F8F8F8;border-radius:16px;padding:22px 24px}
.ap-price__work h3,.ap-price__kit h3{font-size:17px;line-height:1.3;margin:0 0 14px;font-weight:700;color:#0E0D0A}
.ap-price__table{width:100%;border-collapse:collapse}
.ap-price__table td{padding:9px 0;border-bottom:1px solid #E6E8EA;font-size:15px;color:#0E0D0A;vertical-align:top}
.ap-price__table tr:last-child td{border-bottom:0}
.ap-price__table td:last-child{text-align:right;white-space:nowrap;font-weight:700}
.ap-price__cm{display:block;font-size:12px;color:#777;font-weight:400}
.ap-price__note{margin:12px 0 0;font-size:13px;line-height:1.45;color:#666}
.ap-price__volume{display:flex;gap:24px;align-items:center}
.ap-price__big{font-family:Bold;font-size:40px;line-height:1;color:#01AA73;white-space:nowrap}
.ap-price__volume p{margin:0;font-size:15px;line-height:1.5;color:#333}
.ap-price__cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}
.ap-price__cta-note{font-size:13px;color:#888}
.ap-occ{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ap-occ__label{width:100%;font-size:13px;color:#777;margin-bottom:2px}
.ap-occ__chip{display:inline-block;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #DCDFE2;font-size:13px;color:#0E0D0A}
.ap-related{margin:28px 0 60px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:14px}
.ap-related__label{color:#777}
.ap-related a{color:#0E0D0A;text-decoration:underline;text-underline-offset:3px}
.ap-related a:hover{color:#01AA73}
.ap-b2b{margin:0 0 60px}
.ap-b2b__inner{background:#0E0D0A;color:#fff;border-radius:16px;padding:32px 36px}
.ap-b2b__title{font-family:Bold;font-size:28px;line-height:1.1;margin:0 0 16px;color:#fff}
.ap-b2b__list{margin:0 0 20px;padding-left:20px}
.ap-b2b__list li{font-size:15px;line-height:1.5;margin-bottom:6px;color:#E6E6E6}
.ap-b2b .ap-hero__btn{display:inline-block}
.ap-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1050;display:none;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.12)}
.ap-sticky.is-on{display:flex}
.ap-sticky__btn{flex:1;text-align:center;background:#01AA73;color:#fff;border-radius:10px;padding:13px 10px;font-weight:700;font-size:16px;line-height:1;text-decoration:none}
.ap-sticky__btn:hover,.ap-sticky__btn:focus{color:#fff;text-decoration:none}
.ap-sticky__msg{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid #DCDFE2;border-radius:10px;padding:0 14px;color:#0E0D0A;font-weight:600;font-size:14px;text-decoration:none}
.ap-sticky__msg svg{width:18px;height:18px;fill:#0E0D0A}
@media (max-width:1000px){.ap-price__cols{grid-template-columns:1fr}}
@media (max-width:767px){.ap-price{margin-bottom:40px}.ap-price__title{font-size:26px}.ap-price__work,.ap-price__kit,.ap-price__volume{padding:16px}.ap-price__volume{flex-direction:column;align-items:flex-start;gap:10px}.ap-price__big{font-size:34px}.ap-b2b__inner{padding:22px 18px}.ap-b2b__title{font-size:24px}.ap-howto__map iframe{height:220px}.ap-related{margin-bottom:40px}}

/* ap-btn-fix 16.09.2026: зелёные кнопки вне hero (Сколько стоит, B2B, липкая) — текст белый всегда, поверх общих стилей ссылок темы; якорь #price с отступом под шапку */
#content a.ap-hero__btn,#content a.ap-hero__btn:visited,#content a.ap-hero__btn:focus,#content a.ap-hero__btn:hover,
#content a.svc-cta,#content a.svc-cta:visited,#content a.svc-cta:focus,#content a.svc-cta:hover,
a.ap-sticky__btn,a.ap-sticky__btn:visited,a.ap-sticky__btn:focus,a.ap-sticky__btn:hover{color:#fff!important;text-decoration:none!important}
#price,.ap-price{scroll-margin-top:110px}
.faq-item__inner a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.faq-item__inner a:hover{opacity:.85;color:#fff}