.wrapper .premium__desc {
  width: 52%;
}

.center {
  display: flex;
  justify-content: center;
}

.spaced h2 {
  margin: 1rem 0 0.8rem 0;
}

.spaced ul li {
  margin-bottom: 0.7rem;
}

.input-wrap.hovering input:not(:focus)+.input-wrap__label {
  opacity: 0;
}



/* FAQ */

.faq-items summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px;
  font-weight: 600;
  font-size: 18px;

  span {
    max-width: 90%;
  }

  @media(max-width: 767px) {
    font-size: 16px;
  }
}

.faq-items summary::after {
  content: '';
  width: 18px;
  height: 10px;
  display: block;
  background: url('../images/icons/arrow_down.svg') no-repeat;
  background-size: cover;
  transition: 0.2s;
}

.faq-items details[open]>summary::after {
  transform: rotate(180deg);
}

.faq-items summary::-webkit-details-marker {
  display: none;
}

.faq-items summary {
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.faq-items details[open] summary {
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}

.faq-items details {
  background-color: #554942;
  border-radius: 5px;
  margin-bottom: 15px;
}

.faq-items details[open] article {
  background-color: #443d39;
  background-image: none;
  border-radius: 0;
  padding: 20px 15px;

  p {
    color: #fff;
  }
}



.new-blog .single-img {
  max-width: 1180px;
  border-radius: 30px;
}

.new-blog .text p,
.buy__section p {
  line-height: 130%;
  margin-bottom: 25px;
}

.new-blog .blog_header .h1--48 {
  margin-bottom: 0px;
}

.new-blog .text,
.buy__section.new-design .text__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.new-blog div h2,
.buy__section.new-design h2,
.buy__section.new-design h3 {
  margin-bottom: 24px;
}

.new-blog .text ul,
.buy__section.new-design .wrapper .text__inner ul {
  list-style: disc;
  line-height: 130%;
  padding-left: 15px;
  margin-bottom: 25px;
}

.new-blog .text ol,
.buy__section.new-design .wrapper .text__inner ol {
  list-style: decimal;
  line-height: 130%;
  padding-left: 15px;
  margin-bottom: 25px;
}

.new-blog .text li,
.buy__section.new-design .wrapper .text__inner li {
  margin-bottom: 11px;
}

.new-blog li::marker,
.buy__section.new-design li::marker {
  color: #EE581B;
}


.water-params {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* расстояние между карточками */
}

.param-card {
  flex: 1 1 calc(50% - 20px);
  /* две карточки в строке, с учётом gap */
  background: #FFFFFF;
  color: black;
  border-radius: 15px;
  padding: 20px;
  box-sizing: border-box;
}

.text p.param-title {
  color: #EE581B;
  margin: 0 0 10px;
  font-size: 22px;
}

.text p.param-text {
  color: #3F3732;
  margin: 0;
  line-height: 1.4;
}

/* мобильная адаптация */
@media (max-width: 600px) {
  .new-blog .param-card {
    flex: 1 1 100%;
    /* по одной карточке в ряд */
  }
}


.new-blog .expert-block {
  background: #EE581B;
  /* фон блока */
  color: #fff;
  /* текст по умолчанию */
  padding: 75px 10px 10px 27px;
  position: relative;
  border-radius: 20px;
  /* необязательно, но выглядит аккуратнее */
  box-sizing: border-box;
  margin: 0 auto;
  /* центрирование, если нужно */
  width: 100%;
}

/* «двойная запятая» — псевдоэлемент, SVG хранится в CSS */
.new-blog .expert-block::before {
  content: '';
  position: absolute;
  top: 22px;
  left: 22px;
  width: 33px;
  height: 34px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='34' viewBox='0 0 33 34' fill='none'%3E%3Cpath d='M11.55 8.93491C11.6945 8.82657 11.8588 8.74774 12.0338 8.70293C12.2087 8.65812 12.3907 8.6482 12.5695 8.67373C12.7482 8.69927 12.9202 8.75976 13.0756 8.85176C13.2309 8.94376 13.3667 9.06546 13.475 9.20991C13.5833 9.35437 13.6622 9.51875 13.707 9.69366C13.7518 9.86858 13.7617 10.0506 13.7362 10.2294C13.7106 10.4081 13.6502 10.5801 13.5582 10.7355C13.4662 10.8908 13.3445 11.0266 13.2 11.1349C11.0495 12.7478 9.8175 14.3167 9.11213 15.6862C10.0806 15.4369 11.1028 15.4955 12.0364 15.8538C12.9701 16.2122 13.7689 16.8526 14.3218 17.6859C14.8748 18.5192 15.1544 19.5041 15.1218 20.5037C15.0892 21.5032 14.746 22.4678 14.1399 23.2633C13.5338 24.0588 12.6949 24.6457 11.7399 24.9425C10.7848 25.2392 9.76108 25.2311 8.81088 24.9192C7.86068 24.6073 7.03126 24.0071 6.4379 23.202C5.84454 22.397 5.51672 21.4271 5.5 20.4272C5.32577 18.7386 5.56551 17.033 6.1985 15.4579C7.01938 13.3872 8.624 11.1294 11.55 8.93491ZM23.925 8.93491C24.0695 8.82657 24.2338 8.74774 24.4088 8.70293C24.5837 8.65812 24.7657 8.6482 24.9445 8.67373C25.1232 8.69927 25.2952 8.75976 25.4506 8.85176C25.6059 8.94376 25.7417 9.06546 25.85 9.20991C25.9583 9.35437 26.0372 9.51875 26.082 9.69366C26.1268 9.86858 26.1367 10.0506 26.1112 10.2294C26.0856 10.4081 26.0252 10.5801 25.9332 10.7355C25.8412 10.8908 25.7195 11.0266 25.575 11.1349C23.4245 12.7478 22.1925 14.3167 21.4871 15.6862C22.4556 15.4369 23.4778 15.4955 24.4114 15.8538C25.3451 16.2122 26.1439 16.8526 26.6968 17.6859C27.2498 18.5192 27.5294 19.5041 27.4968 20.5037C27.4642 21.5032 27.121 22.4678 26.5149 23.2633C25.9088 24.0588 25.0699 24.6457 24.1149 24.9425C23.1598 25.2392 22.1361 25.2311 21.1859 24.9192C20.2357 24.6073 19.4063 24.0071 18.8129 23.202C18.2195 22.397 17.8917 21.4271 17.875 20.4272C17.7008 18.7386 17.9405 17.033 18.5735 15.4579C19.3958 13.3872 20.999 11.1294 23.925 8.93491Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Заголовок и текст — базовая типографика, при желании настройте под дизайн */
.new-blog .expert-title {
  margin: 0 0 12px;
  font-size: 1.4rem;
  font-weight: 700;
}

.new-blog .expert-text {
  margin: 0;
  line-height: 1.5;
  font-size: 1rem;
}



.new-blog .info-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.new-blog .info-card {
  flex: 1 1 calc(50% - 20px);
  background: #ffffff;
  border-radius: 15px;
  padding: 25px 10px 25px 20px;
  box-sizing: border-box;
  color: #3F3732;
}

.new-blog .info-card__title {
  color: #3F3732;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}

.new-blog .info-card__content {
  font-size: 1rem;
  line-height: 1.5;
}



.new-blog .info-card__content p {
  margin: 0 0 8px;
  color: #3F3732;
  font-size: 16px;
  margin: 0;
}

/* Адаптация для мобильных */
@media (max-width: 600px) {
  .new-blog .info-card {
    flex: 1 1 100%;
  }
}


.new-blog .advantages__list,
.buy__section.new-design .advantages__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  color: #3F3732;
  font-size: 1rem;
  line-height: 1.5;
}

.new-blog .advantages__list li,
.buy__section.new-design .advantages__list li {
  position: relative;
  padding-left: 70px;
  /* место для SVG */
  min-height: 62px;
  /* высота иконки */
  display: flex;
  color: white;
  max-width: 371px;
  flex-direction: column;
  justify-content: center;
}

.new-blog .advantages__list li::before,
.buy__section.new-design .advantages__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  top: 50%;
  transform: translateY(-50%);
  /* вертикально по центру */
  width: 61px;
  height: 62px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='62' viewBox='0 0 61 62' fill='none'%3E%3Crect x='0.5' y='0.910156' width='59.9089' height='59.9089' rx='14.5' stroke='white' stroke-opacity='0.2'/%3E%3Cg clip-path='url(%23clip0_39_578)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.6028 24.6728C39.8723 24.9424 40.0237 25.308 40.0237 25.6891C40.0237 26.0703 39.8723 26.4359 39.6028 26.7054L28.8283 37.48C28.6859 37.6224 28.5169 37.7354 28.3308 37.8125C28.1448 37.8895 27.9453 37.9292 27.7439 37.9292C27.5426 37.9292 27.3431 37.8895 27.1571 37.8125C26.971 37.7354 26.802 37.6224 26.6596 37.48L21.3063 32.1277C21.169 31.9951 21.0595 31.8365 20.9842 31.6611C20.9089 31.4857 20.8692 31.2971 20.8675 31.1062C20.8659 30.9153 20.9023 30.7261 20.9745 30.5494C21.0468 30.3727 21.1536 30.2122 21.2885 30.0773C21.4235 29.9423 21.584 29.8355 21.7607 29.7633C21.9373 29.691 22.1266 29.6546 22.3175 29.6563C22.5084 29.6579 22.697 29.6976 22.8724 29.7729C23.0477 29.8483 23.2064 29.9578 23.339 30.0951L27.7435 34.4996L37.5693 24.6728C37.7028 24.5392 37.8613 24.4333 38.0357 24.361C38.2102 24.2887 38.3972 24.2515 38.5861 24.2515C38.7749 24.2515 38.9619 24.2887 39.1364 24.361C39.3108 24.4333 39.4694 24.5392 39.6028 24.6728Z' fill='%23EE581B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_39_578'%3E%3Crect x='18.9546' y='19.3647' width='23' height='23' rx='11.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain;
  flex-shrink: 0;
  /* если li — flex-элемент */
  margin: 0;
}

@media(max-width: 600px) {

  .new-blog .text,
  .buy__section.new-design .text_inner {
    width: 100% !important;
    padding: 0 10px 40px 10px !important;
  }

  .new-blog .text h1 {
    font-size: 32px !important;
  }
}


.new-design {
  padding: 0;
}

.vending-section {
  background: url('../../../uploads/2025/07/image.png') center/cover no-repeat;
  padding: 0px 20px;
  color: #fff;
  font-family: Arial, sans-serif;
  width: 100%;
  overflow: hidden;
  height: auto;
  position: relative;
}

.vending-content {
  display: flex;
  /* gap: 30px; */
  max-width: 1200px;
  margin: 24px auto;
  flex-wrap: wrap;
}

.vending-image {
  flex: 0 0 300px;
  text-align: center;
  position: relative;
}

.vending-image img {
  max-width: 100%;
  height: auto;
  scale: 1.0;
  position: absolute;
  top: -112px;
  left: -40px;
}

.vending-text {
  flex: 1;
  font-size: 16px;
  line-height: 1.6;
}

.vending-text p {
  margin-bottom: 16px;
}

@media(max-width:1200px) {
  .vending-image img {
    top: 20px;
  }

  .vending-image {
    flex: 0 0 350px;
    text-align: center;
  }
}

@media(max-width:800px) {
  .vending-image img {
    top: 60px;
  }
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
  .vending-content {
    flex-direction: column;
    text-align: left;
  }

  .vending-text {
    font-size: 15px;
  }

  .vending-image img {
    top: -150px;
    scale: 1;
    left: 20px;
    transform: rotate(65deg);
  }

  .vending-image {
    flex: 0 0 225px;
  }
}

.buy__section.new-design .advantages__list li.advone::before {
  background-image: url('../images/svg/adv1.svg');
  width: 37px;
  height: 34px;
}

.buy__section.new-design .advantages__list li.advtwo::before {
  background-image: url('../images/svg/adv2.svg');
  width: 37px;
  height: 34px;
}

.buy__section.new-design .advantages__list li.advthree::before {
  background-image: url('../images/svg/adv3.svg');
  width: 37px;
  height: 34px;
}

.buy__section.new-design .advantages__list li.advfour::before {
  background-image: url('../images/svg/adv4.svg');
  width: 37px;
  height: 34px;
}

.buy__section.new-design .advantages__list li.advone,
.buy__section.new-design .advantages__list li.advtwo,
.buy__section.new-design .advantages__list li.advthree,
.buy__section.new-design .advantages__list li.advfour {
  padding-left: 50px;
}



.container-photo {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.container-photo .row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.container-photo .item-photo {
  flex: 1;
  min-height: 200px;
  border-radius: 10px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  color: white;
  font-size: 16px;
  line-height: 1.4;
  display: flex;
  align-items: flex-end;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media(min-width: 768px) {
  .container-photo .item-photo {
    max-width: 224px;
  }
}

.container-photo .item-photo::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  transition: transform 0.3s ease;
}

.container-photo .item-photo:hover::before {
  transform: scale(1.05);
}

.container-photo .item-photo::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}


/* Для мобильных устройств */
@media (max-width: 768px) {
  .container-photo .row {
    flex-direction: column;
  }

  .container-photo .item-photo {
    min-height: 191px;
    font-size: 18px;
    padding: 20px;
    text-align: center;
    justify-content: center;
  }
}

.new-design h2,
.new-design h3 {
  font-size: 22px;
}

.new-design {
  padding: 80px 0;
  /* background: #3A322D; */
}


.mini-buy__section {
  padding: 60px 0 60px 0;
}

#survey .flex-goods__desc {
  width: 100%;
  display: flex;
  justify-content: space-between;

  @media(max-width:992px) {
    flex-direction: column;
    row-gap: 20px;
  }
}

#survey .flex-goods__desc .text {
  width: 65%;
  font-weight: 400;

  h2 {
    margin-bottom: 30px;

    @media(max-width:992px) {
      margin-bottom: 15px;
    }
  }

  .text--mini {
    margin-top: 25px;
  }

  @media(max-width:992px) {
    width: 100%;
  }
}

#survey .flex-goods__desc .goods__image {
  width: 35%;
  flex-shrink: 0;

  @media(max-width:992px) {
    width: 100%;
  }
}

.mini-text__inner {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  max-width: 80%;

  @media(max-width:992px) {
    max-width: 100%;
  }
}

.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}


/* vector slider */
.vector-slider-sec {
  margin-bottom: 0;
  padding-bottom: 0;
}

.vector__slider-wrapper {
  width: 100%;
  overflow-x: hidden;

  @media(max-width: 730px) {
    overflow: visible;
  }
}

.vector-slide-item {
  background-color: #383330;
  /* border: 1px solid #383330; */
  border-radius: 12px;
  padding: 0px;
  overflow: hidden;

  .tab-item {
    border-radius: 12px;
  }
}

.mentors-slider-nav {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-inline: 1.25rem;
  z-index: 2;
}

.sl-button-prev {
  position: absolute;
  left: -50px;
}

.sl-button-next {
  position: absolute;
  right: -50px;
}

@media(max-width: 730px) {
  .vector-slide-item {
    .tab-item .h4 {
      display: block;
      font-size: 12px;
      line-height: 1.2;
    }

    .bowl-block__icon {
      width: 54px;
      height: 54px;
      margin-right: 20px;
      border-radius: 10px;

      svg {
        max-width: 30px;
      }
    }
  }
}




/* single siba-actions */

.siba-actions {
  background: rgba(238, 88, 27, 1);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;

  ._container {
    max-width: 1112px;
    margin-inline: auto;

    @media (max-width: 1140px) {
      max-width: none;
      padding-inline: 14px;
    }
  }


  @media(max-width:767.98px) {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
  }


}

.siba-actions-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;

  @media(max-width:767.98px) {
    flex-direction: column-reverse;
    row-gap: 1rem;
  }
}

.img-bird {
  width: 18.13rem;
  height: 17.94rem;
  background: url(../images/bird.png);
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;

  @media(max-width:767.98px) {
    width: 18.19rem;
    height: 18.56rem;
  }

  @media(min-width:768px) and (max-width: 1023.98px) {
    width: 14.13rem;
    height: 13.94rem;
  }
}

.actions-content {
  padding: 3.25rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  row-gap: 3.3225rem;

  @media(max-width:767.98px) {
    padding: 0;
    row-gap: 2rem;
  }

  .title {
    .h2 {
      color: #fff;
      font-size: 2.25rem;
      font-weight: 500;
      line-height: 100%;
      display: block;
      margin-bottom: 1.25rem;

      @media(max-width:767.98px) {
        font-size: 1.25rem;
        margin-bottom: 0.8rem;
        width: 21.44rem;
      }
    }

    p {
      font-size: 1rem;
      font-weight: 400;
      color: #fff;

      @media(max-width:767.98px) {
        font-size: 0.94rem;
      }
    }
  }
}

.actions-buttons {
  display: flex;
  gap: 0.7rem;

  @media(max-width:767.98px) {
    flex-direction: column;
  }

  .order-install {
    width: 14.31rem;
    height: 3.44rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10;
    padding: 0.81rem 0.13rem 0.81rem 0.13rem;
    box-sizing: border-box;
    border: 0.06rem solid rgba(255, 255, 255, 1);
    border-radius: 50rem;

    color: rgba(255, 255, 255, 1);
    font-family: Graphik LCG;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;

    @media(max-width:767.98px) {
      width: 100%;
    }

    &:hover {
      background: #d6440a;
    }
  }

  .order-test-drive {
    width: 14.56rem;
    height: 3.44rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10;
    padding: 0.81rem 0.13rem 0.81rem 0.13rem;
    border-radius: 50rem;
    background: rgba(255, 255, 255, 1);

    color: rgba(63, 55, 50, 1);
    font-family: Graphik LCG;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;

    @media(max-width:767.98px) {
      width: 100%;
    }

    &:hover {
      background: #fafafa;
    }

  }
}


/* for siba */
.siba-article {
  background: #3f352c;
  padding: 3.75rem 0;

  ._container {
    max-width: 1112px;
    margin-inline: auto;

    @media (max-width: 1140px) {
      max-width: none;
      padding-inline: 14px;
    }
  }
}

.recomended-article-body {
  .h2 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    margin-bottom: 2.5rem;

    @media(max-width:767.98px) {
      font-size: 1.25rem;
      margin-bottom: 1.5rem;
    }
  }
}

.articles-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  column-gap: 1.875rem;
  row-gap: 2.5rem;

  @media(max-width:767.98px) {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 1.81rem;
  }
}

.article-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;

  @media(max-width:767.98px) {
    /* height: fit-content; */
  }
}

.article-top {
  display: flex;
  flex-direction: column;
}

.article-img-link {
  display: block;
  width: 100%;
  height: 16.25rem;
  border-radius: 0.9375rem;
  overflow: hidden;
  margin-bottom: 1.25rem;

  @media(max-width:767.98px) {
    height: 10.13rem;
  }

  @media(min-width:768px) and (max-width: 1023.98px) {
    height: 12.25rem;
  }

  @media(min-width:1024px) and (max-width: 1280px) {
    height: 14.25rem;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .25s ease-in-out;
  }

  &:hover {
    img {
      scale: 1.1;
    }
  }
}

.article-title {
  margin-bottom: 2.5rem;

  @media(max-width:767.98px) {
    margin-bottom: 1rem;
  }

  @media(min-width:768px) and (max-width: 1023.98px) {
    margin-bottom: 1.7rem;
  }

  @media(min-width:1024px) and (max-width: 1280px) {
    margin-bottom: 1.7rem;
  }

  a {
    font-size: 1.38rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    transition: all .25s ease-in-out;

    &:hover {
      color: #f46e21;
    }

    @media(max-width:767.98px) {
      font-size: 1.13rem;
      font-weight: 500;
    }
  }
}

.article-item {
  .read__more {
    a {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.8125rem 2.375rem;
      box-sizing: border-box;
      border: 0.06rem solid rgba(238, 88, 27, 1);
      border-radius: 50rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1;
      color: #fff;
      width: max-content;
      transition: all .25s ease-in-out;

      &:hover {
        border-color: #0057b8;
        background-color: #0057b8;
      }
    }
  }
}

/* slider */
.siba-slider {
  background: #38302d;
  padding: 3.75rem 0;
  overflow-x: hidden;

  @media(max-width:767.98px) {
    padding: 0 0 2rem 0;
  }

  ._container {
    max-width: 1112px;
    margin-inline: auto;
    /* overflow-x: hidden; */

    @media (max-width: 1140px) {
      max-width: none;
      padding-inline: 14px;
    }
  }
}

.siba-slider-title {
  margin-bottom: 2.5rem;

  @media(max-width:767.98px) {
    display: none;
  }

  .h2 {
    color: rgba(255, 255, 255, 1);
    /* font-family: Graphik LCG; */
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 0;
  }
}

.silder-container {
  width: 100%;
  position: relative;
  /* overflow-x: hidden; */
}

.siba-slider-wrapper {
  width: calc(100% - 60px);
  margin-inline: auto;
  position: relative;

  @media(max-width:767.98px) {
    width: 100%;

    /* overflow: visible; */
    .swiper {
      overflow: visible;
    }
  }
}



.siba-slider-wrapper {
  a.tab-item {
    border-radius: 1rem;
    background: rgba(68, 61, 57, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    height: auto;

    .tab-item__wrap {
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      z-index: 2;
    }
  }

  @media(max-width:767.98px) {
    padding: 6px 5px;

    .tab-item .h4 {
      display: flex;
      /* max-width: 100%; */
    }
  }
}

@media(max-width:767.98px) {
  .siba-slider-wrapper {
    .tab-item {
      justify-content: flex-start;
      padding: 6px 5px;

      .tab-item__image {
        width: 50px;
      }

      .tab-item__wrap {
        column-gap: 20px;
      }
    }
  }
}

.blog-slider-nav {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-inline: 1.25rem;
  /* z-index: 2; */
  height: 1.25rem;

  @media(max-width:767.98px) {
    display: none;
  }

  button {
    width: 1.25rem;
    height: 1.25rem;

    svg {
      fill: #fff;
    }
  }

  .sl-button-prev {
    position: absolute;
    left: 0px;
    z-index: 4;
  }

  .sl-button-next {
    position: absolute;
    right: 0px;
    z-index: 4;
  }
}

/* blog */

.blog-main {
  .blog_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 2rem;

    @media(max-width:767.98px) {
      grid-template-columns: 1fr;
      gap: 1.25rem;

      .h1--48 {
        display: block;
        padding-left: 1.125rem !important;
      }
    }

    @media(min-width:768px) and (max-width:1024px) {
      grid-template-columns: 1fr 1fr;
      gap: 1.25rem;
    }
  }
}

@media screen and (max-width: 1023.98px) {
  .h1--48 {
    margin-bottom: 20px;
    padding-left: 1.125rem;
  }
}

.blog-article-card {
  position: relative;
  background-color: rgba(52, 49, 48, .7);
  padding: 2.5rem;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 3.5rem;

  @media(max-width:767.98px) {
    row-gap: 1rem;
    padding: 1.125rem;
  }

  @media(min-width:768px) and (max-width:1024px) {
    padding: 1.25rem;
    row-gap: 1rem;
  }

  @media(min-width:1025px) and (max-width:1439px) {
    padding: 1.25rem;
    row-gap: 1.5rem;
  }

  &:hover {
    img {
      scale: 1.1;
    }

    .blog_btn {
      border-color: #0057b8;
      background-color: #0057b8;
    }
  }
}

/* .article__top {
  margin-bottom: 2.5rem;
} */

.blog-article-card__img {
  width: 100%;
  min-height: 70%;
  max-height: 18rem;
  height: 100%;
  border-radius: 0.9375rem;
  overflow: hidden;
  margin-bottom: 1.25rem;
  position: relative;

  @media(max-width:767.98px) {
    height: 12rem;
    max-height: 12rem;
  }

  @media(min-width:768px) and (max-width:1024px) {
    min-height: 12rem;
    height: 12rem;
    max-height: 12rem;
  }

  @media(min-width:1025px) and (max-width:1439px) {
    min-height: 60%;
    max-height: 14rem;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .25s ease-in-out;
  }

  &:hover {
    img {
      scale: 1.1;
    }
  }
}

.blog-article-card__title {
  /* margin-bottom: 2.5rem; */

  .h3 {
    font-size: 1.71rem;
    line-height: 1.3;
    font-weight: 400;
    color: #fff;

    @media(max-width:767.98px) {
      font-size: 1.25rem;
      line-height: 1.2;
    }

    @media(min-width:768px) and (max-width:1024px) {
      font-size: 1.25rem;
      line-height: 1.2;
    }

    @media(min-width:1025px) and (max-width:1439px) {
      font-size: 1.25rem;
      line-height: 1.2;
    }
  }
}

.blog_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8125rem 2.375rem;
  box-sizing: border-box;
  border: 0.06rem solid rgba(238, 88, 27, 1);
  border-radius: 50rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  width: max-content;
  transition: all .25s ease-in-out;

  &:hover {
    border-color: #0057b8;
    background-color: #0057b8;
  }
}

/* blog tags */
.siba-blog-tags {
  margin-bottom: 5rem;

  @media(max-width:767.98px) {
    margin-bottom: 2.5rem;
  }

  .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    .tag {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.8125rem 2.0rem;
      box-sizing: border-box;
      border: 0.06rem solid rgba(238, 88, 27, 1);
      border-radius: 50rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1;
      color: #fff;
      width: max-content;
      transition: all .25s ease-in-out;
      cursor: pointer;

      @media(max-width:767.98px) {
        padding: 0.8125rem 0.3rem;
        border-radius: 1rem;
        font-size: .7rem;
      }

      a {
        color: #fff;
      }

      &:hover {
        border-color: #0057b8;
        background-color: #0057b8;
      }
    }
  }
}

/* Таблица сравнения машин */

.section-choose-mashine {
    background: rgba(227, 213, 200, 1);
    padding: 82px 0;

    @media(max-width:1023.98px) {
        padding: 47px 0;
    }

    .choose__title {
        display: flex;
        justify-content: center;
        flex-direction: column;
        row-gap: 24px;
        align-items: center;
        max-width: 1130px;
        margin-inline: auto;
        padding-left: 50px;
        padding-right: 50px;
        margin-bottom: 39px;

        @media(max-width:1023.98px) {
            justify-content: flex-start;
            align-items: flex-start;
            padding-left: 0;
            padding-right: 0;
            margin-bottom: 24px;
        }

        h2 {
            color: rgba(17, 17, 17, 1);
            /* font-family: Graphik LCG; */
            font-size: 2.25rem;
            font-weight: 500;
            line-height: 100%;
            letter-spacing: 0;
            text-align: center;

            @media(max-width:1023.98px) {
                font-size: 1.25rem;
                text-align: left;
            }
        }

        p {
            color: rgba(0, 0, 0, 1);
            font-family: Graphik LCG;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.2;
            letter-spacing: 0%;
            text-align: center;

            @media(max-width:1023.98px) {
                font-size: 0.88rem;
                text-align: left;
            }
        }
    }

    .choose__table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        /* white-space: nowrap; */
        width: 1130px;
        max-width: 100%;
        margin-inline: auto;
    }

    .coose-table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        margin-bottom: 40px;

        @media(max-width:1023.98px) {
            min-width: 850px;
        }

        thead {
            tr {
                box-sizing: border-box;
                border-bottom: 0.1875rem solid rgba(238, 88, 27, 1);

                th {
                    color: rgba(238, 88, 27, 1);
                    font-family: Graphik LCG;
                    font-size: 1.25rem;
                    font-weight: 400;
                    line-height: 1;
                    letter-spacing: 0;
                    text-align: left;
                    padding: 0.94rem 0rem 0.94rem 0rem;
                    /* width: 100%; */
                }

                th:not(:first-child) {
                    padding-right: 20px;
                    width: calc((100% - 289px) / 2);

                    @media(max-width:1023.98px) {
                        width: calc((100% - 250px) / 2);
                    }
                }

                th:first-child {
                    width: 289px;
                    color: rgba(0, 0, 0, 1);
                    font-family: Graphik LCG;
                    font-size: 1rem;
                    font-weight: 500;
                    line-height: 1;
                    letter-spacing: 0;
                    text-align: left;

                    @media(max-width:1023.98px) {
                        width: 250px;
                    }
                }
            }
        }

        tbody {
            tr {
                padding: 0.94rem 0rem 0.94rem 0rem;
                box-sizing: border-box;
                border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
                &:last-child {
                    
                    border-bottom: 0px none;

                    td{
                        padding-top: 29px;
                    }
                }

                td {
                    box-sizing: border-box;
                    padding: 0.94rem 0 0.94rem 0rem;

                    ul {
                        box-sizing: border-box;
                        list-style: none;
                        padding: 0;
                        margin: 0;
                        /* padding-right: 50px; */

                        li {
                            position: relative;
                            padding-left: 1.2rem;
                            margin-bottom: 12px;
                            line-height: 1.5;
                        }


                        li::before {
                            content: '';
                            position: absolute;
                            left: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 0.38rem;
                            height: 0.38rem;
                            background: rgba(238, 88, 27, 1);
                            border-radius: 50%;
                        }


                        li:last-child {
                            margin-bottom: 0;
                        }
                    }
                }


                td:not(:first-child) {
                    width: calc((100% - 289px) / 2);

                    @media(max-width:1023.98px) {
                        width: calc((100% - 250px) / 2);
                        padding-right: 24px;
                    }
                }

                td:first-child {
                    width: 289px;
                    color: rgba(0, 0, 0, 1);
                    font-family: Graphik LCG;
                    font-size: 1rem;
                    font-weight: 500;
                    line-height: 1;
                    letter-spacing: 0;
                    text-align: left;

                    @media(max-width:1023.98px) {
                        width: 250px;
                    }
                }
            }
        }

        .capsul-link {
            width: 23.38rem;
            height: 3.44rem;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10;
            padding: 0.81rem 0.13rem 0.81rem 0.13rem;
            border-radius: 50rem;
            background: rgba(238, 88, 27, 1);

            color: rgba(255, 255, 255, 1);
            font-family: Graphik LCG;
            font-size: 1rem;
            font-weight: 400;
            line-height: 0rem;
            letter-spacing: 0%;
            text-align: left;

            @media(max-width:1023.98px) {
                width: 20.38rem;
                font-size: 0.8rem;
                padding: 0.81rem 0rem 0.81rem 0rem;
            }
        }

        .zerno-link {
            width: 23.38rem;
            height: 3.44rem;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10;
            padding: 0.81rem 0.13rem 0.81rem 0.13rem;

            border-radius: 50rem;
            background: rgba(255, 255, 255, 1);

            color: rgba(63, 55, 50, 1);

            font-family: Graphik LCG;
            font-size: 1rem;
            font-weight: 400;
            line-height: 0rem;
            letter-spacing: 0%;
            text-align: left;

            @media(max-width:1023.98px) {
                width: 20.38rem;
                font-size: 0.8rem;
                padding: 0.81rem 0rem 0.81rem 0rem;
            }

        }
    }
}

.seo ul,
.faq ul {
    list-style: disc;
    margin-left: 1rem;
}
.seo ul li,
.faq ul li {
    padding-left: 1rem;
}
.faq p,
.faq ul {
    margin-bottom:1rem;
}
.faq .sibacafe_faq_title::after {
    background-color: #f46e21;
}
.faq details[open] .sibacafe_faq_question {
    color: #f46e21;
}
.faq .sibacafe_faq_arrow::before,
.faq .sibacafe_faq_arrow::after {
    background-color: #f46e21;
}

.blog.article table
{
    border-collapse: collapse;
    width: 100%;
    color: white;
    margin-bottom:25px;
}
.blog.article  th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}
.blog.article th {
    font-weight: bold;
}
/* Блок с разворачиванием контента */
    /* Базовое состояние: если JS не сработал, текст просто виден полностью */
    .expandable-content {
        position: relative;
        --collapsed-height: 290px;
    }
.expandable-content.text{
	color: #111;
}
    /* Обертка появляется только при работе JS */
    .expandable-wrapper {
        max-height: var(--collapsed-height);
        overflow: hidden;
        transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
    }

    .expandable-wrapper::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 140px;
        background: linear-gradient(to bottom, rgba(249, 249, 249, 0), rgba(249, 249, 249, 1));
        transition: opacity 0.3s ease, visibility 0.3s;
        pointer-events: none;
        z-index: 2;
    }
    .new-blog .expandable-wrapper::before {
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    }

    /* Состояния */
    .expandable-content.is-open .expandable-wrapper {
        max-height: 9999px !important;
    }

    .expandable-content.is-open .expandable-wrapper::before {
        opacity: 0;
        visibility: hidden;
    }

    .expandable-toggle {
        display: none; /* По умолчанию скрыта, JS покажет если нужно */
        cursor: pointer;
        margin-top: 10px;
        padding: 5px 15px;
        color:#111 !important;
        align-self: flex-start;
        background: transparent;
        border: 1px solid #f46d22;
        border-radius: 24px;
        font-size: 16px;
        line-height: 1.2;
    }

    .survey--white .expandable-toggle {
        color: #f46d22 !important;
    }
    

    .expandable-content.has-button .expandable-toggle {
        display: inline-flex !important;
        visibility: visible !important;
    }