/* Start:/local/components/prioritet/forms/templates/modalConsult/style.css?1761219448817*/
.cookie-block {
  position: fixed;
  bottom: 40px;
  right: 0;
  transform: translateX(-7%);
  z-index: 1150;
  opacity: 1; /* Начальная непрозрачность */
  transition: opacity 0.5s ease; /* Плавный переход для opacity */
}
.cookie-block.hidden {
  opacity: 0; /* Непрозрачность при скрытии */
  pointer-events: none; /* Отключаем взаимодействие с элементом */
}

.cookie-block__wrap {
  background-color: #F4F4F6;
  padding: 35px;
  border-radius: 40px;
}
.cookie-block__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 15px;
}
.cookie-block__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #63635D;
  margin-bottom: 20px;
}
/* End */


/* Start:/local/components/prioritet/cookie.block/templates/.default/style.css?1761219448957*/
.cookie-block {
  position: fixed;
  bottom: 40px;
  right: 0;
  transform: translateX(-7%);
  z-index: 1150;
  opacity: 1; /* Начальная непрозрачность */
  transition: opacity 0.5s ease; /* Плавный переход для opacity */
}
.cookie-block.hidden {
  opacity: 0; /* Непрозрачность при скрытии */
  pointer-events: none; /* Отключаем взаимодействие с элементом */
}

.cookie-block__wrap {
  background-color: #F4F4F6;
  padding: 35px;
  border-radius: 40px;
}
.cookie-block__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 15px;
}
.cookie-block__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #63635D;
  margin-bottom: 20px;
}
.cookie-block__text a {
  text-decoration: underline;
  color: #63635D;
}
.cookie-block__text a:hover {
  text-decoration: none;
}

/* End */


/* Start:/local/templates/expo-tmn/template_styles.css?17618063867798*/
.catalog__description {
    min-height: 42px;
}
.catalog__bottom .catalog__price {
    justify-content: start;
    align-items: start;
    flex-direction: column;
}
.catalog__img img {
    aspect-ratio: 1/1;
    object-fit: contain;
}
.catalog__price-val {
    font-size: 20px !important;
}
.social {
    display: none !important;
}
.manager__social {
    display: none !important;
}
.button {
    text-decoration: none;
}
.footer__address {
    text-decoration: none;
    color: rgb(47, 46, 42);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}
.footer__address:hover {
    color: rgb(252, 84, 56);
}

$thumb-width: 100px;
$thumb-height: 75px;

body {
    /* display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f0f0f0; */
}

.gallery-container {
    display: flex;
    height: 100%;
}

.thumbs-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;

    .thumbs-button {
        cursor: pointer;
        padding: 10px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 5px 0;
        text-align: center;
        user-select: none;
    }
}

.thumbs-swiper {
    width: $thumb-width;
    height: calc(#{$thumb-height} * 4);
    overflow: hidden;

    .swiper-slide {
        width: $thumb-width;
        height: $thumb-height;
        display: flex;
        justify-content: center;
        align-items: center;

        img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }
    }
}

.main-swiper-container {
    width: 600px;
    height: 400px;

    .main-swiper {
        height: 100%;

        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                width: 100%;
                height: auto;
                border-radius: 5px;
            }
        }
    }
}

[data-form="body"] {
    transition: opacity 0.2s ease-in;
}
.calculation-form__wrapper {
    position: relative;
    height: auto;
}
.modal-content .btn-close {
    z-index: 20;
}
.calculation-form__success {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 15px;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 35px;

    z-index: -10;
    opacity: 0;
    transition: all 0.2s ease-in;
}
.calculation-form__success.active {
    opacity: 1;
    transition: all 0.2s ease-out;
}

.staffConsult__success {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(252, 84, 56);
    padding: 40px 25px;
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    column-gap: 35px;

    z-index: -10;
    opacity: 0;
    transition: all 0.2s ease-in;
}
@media screen and (min-width: 768px) {
  .staffConsult__wrapper {
    padding: 60px 50px;
  }
}
.staffConsult__success.active {
    opacity: 1;
    transition: all 0.2s ease-out;
}

.callback__left {
    position: relative;
}
.callback__success {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px 25px;
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    column-gap: 35px;

    z-index: -10;
    opacity: 0;
    transition: all 0.2s ease-in;
}
@media screen and (min-width: 768px) {
  .staffConsult__wrapper {
    padding: 60px 50px;
  }
}
.callback__success.active {
    opacity: 1;
    transition: all 0.2s ease-out;
}
.nowrap{
    white-space: nowrap;
}
.header a,
.header a.button--red {
  color: rgb(255, 255, 255);
}
.header a.button--red:hover{
  color: rgb(252, 84, 56);
}
.catalog__img {
    padding: 20px 20px;
}
.header__book {
    position: relative;
}
.header__book .header__nav-link {
    color: white;
}
.header__book.header--sticky .header__nav-link {
    color: rgb(47, 46, 42);
}
.header__book .header__phone a {
    color: white;
}
.header__book.header--sticky .header__phone a {
    color: rgb(47, 46, 42);
}
@media (min-width: 768px) {
    .banner-book {
        margin-top: 40px;
    }
}
.clients__item:hover .clients__logo svg path {
  fill: white !important;
}
.banner-book_video {
    position: absolute; /* Позволяет видео занимать всю область баннера */
    top: -100px;
    left: 0;
    right: 0;
    bottom: 0;
}
.banner-video {
    width: 100%; /* Ширина видео на 100% */
    height: 100%; /* Высота видео на 100% */
    object-fit: cover; /* Обеспечивает обрезку видео, чтобы оно заполнило контейнер */
}
.banner-book__title {
    z-index: 1;
}
.banner-book__button {
    z-index: 1;
}
.banner-book {
    position: relative;
    margin-bottom: 120px;
    overflow: hidden;
    height: 757px;
    border-radius: 30px;
}
.banner-book__body {
    position: absolute !important;
    bottom: 0;
}
.banner {
    position: relative;
    margin-bottom: 120px;
    overflow: hidden;
    height: 757px;
}
.calculation-form .banner {
    height: 856px;
}
@media (max-width: 1130px) {
    .banner-book {
        height: 600px;
    }
    .banner {
        height: 600px;
    }
}
@media (max-width: 1024px) {
    .calculation-form .banner {
        height: 856px;
    }
}
@media (max-width: 768px) {
    .banner-book {
        height: 438px;
    }
    .banner {
        height: 438px;
    }
}
@media (max-width: 630px) {
    .calculation-form .banner {
        height: 710px;
    }
}
@media (max-width: 480px) {
    .banner-book {
        height: 482px;
    }
    .banner {
        height: 482px;
    }
}
.checkbox {
    display: flex;
    gap: 8px;
    flex-direction: column;
    grid-column: span 2;
}
.checkbox label a {
    color: black;
}
.checkbox label a:hover {
    text-decoration: none;
}
.svg-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: 31px;
    flex-wrap: wrap;
}
.svg-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    // height: 0;
    // width: 0;
}
.svg-checkmark {
    position: absolute;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #3A4999;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.svg-checkbox label {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    cursor: pointer;
}
.svg-checkbox input:checked ~ .svg-checkmark {
    background-color: rgb(252, 84, 56);
    border-color: rgb(252, 84, 56);
}
.clients__logo {
    width: 100%;
    height: 100%;
}
.clients__logo img{
    width: 100%;
    object-fit: contain;
    height: 100%;
}
.clients__item:hover {
    background-color: rgba(252, 85, 56, 0.1) !important;
}
.portfolio-modal .staffConsult {
    margin-top: 50px;
}
.portfolio-modal .gallery .gallery__img {
    max-height: 360px;
}
.fancybox-caption {
    display: none;
}
.cookie-block {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1150;
  opacity: 1;
  transition: opacity 0.5s ease;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;

}

/* Для десктопов можно добавить медиа-запрос */
@media (min-width: 768px) {
  .cookie-block {
    max-width: 50%; /* или фиксированную ширину, например: width: 600px; */
    
  }
}
/* End */
/* /local/components/prioritet/forms/templates/modalConsult/style.css?1761219448817 */
/* /local/components/prioritet/cookie.block/templates/.default/style.css?1761219448957 */
/* /local/templates/expo-tmn/template_styles.css?17618063867798 */