@import url("cookie-consent.css?v=8");

.container-simple {
    margin-bottom: 30px;
    width: 100%;
}

.contacts-text {
    margin-bottom: 30px;
}

.flex-top-content {
    display: flex;
    flex-grow: 1;
    align-content: flex-start;
    flex-direction: column;
}

.mtb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.lock {
    background-image: url("/img/lock.svg");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
}

/* --- Появление секций при прокрутке (scroll-reveal.js) --- */
main.main > section.lb-reveal {
    opacity: 0;
    transform: translate3d(0, 32px, 0);
    transition:
        opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

main.main > section.lb-reveal.lb-reveal--visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
    main.main > section.lb-reveal {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
    }
}

/* --- Главная: секция «услуги» — заголовок и карточки по одной при прокрутке --- */
section.services .lb-reveal {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
    transition:
        opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

section.services .lb-reveal.lb-reveal--visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
    section.services .lb-reveal {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
    }
}

/* --- Блок «тип» (вкладки + сетка): плитки, картинки без «мигания» --- */
section.type .tabs-item__content-img {
    background-color: #1a1a1a;
}

section.type .tabs-item__content-img img {
    opacity: 0;
    transition: opacity 0.45s ease;
}

section.type .tabs-item__content-img img.lb-img-loaded {
    opacity: 1;
}

section.type.type-variants.variants img.variants__lead-media,
section.type.type-variants.variants .variants__grid img.variants__card-media {
    opacity: 0;
    transition: opacity 0.45s ease;
}

section.type.type-variants.variants img.variants__lead-media.lb-img-loaded,
section.type.type-variants.variants .variants__grid img.variants__card-media.lb-img-loaded {
    opacity: 1;
}

section.type .parent.tabs-item .tabs-item__tile {
    opacity: 0;
    transform: translate3d(0, 28px, 0) scale(0.985);
    transition:
        opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

section.type .parent.tabs-item.type-tiles--entered .tabs-item__tile {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

section.type .parent.tabs-item.type-tiles--entered .div1 {
    transition-delay: 0.04s;
}
section.type .parent.tabs-item.type-tiles--entered .div2 {
    transition-delay: 0.1s;
}
section.type .parent.tabs-item.type-tiles--entered .div3 {
    transition-delay: 0.16s;
}
section.type .parent.tabs-item.type-tiles--entered .div4 {
    transition-delay: 0.22s;
}
section.type .parent.tabs-item.type-tiles--entered .div5 {
    transition-delay: 0.28s;
}
section.type .parent.tabs-item.type-tiles--entered .div6 {
    transition-delay: 0.34s;
}

section.type.type-variants .parent.tabs-item.type-tiles--entered .type-variants__lead.tabs-item__tile {
    transition-delay: 0.04s;
}

section.type.type-variants .parent.tabs-item.type-tiles--entered .type-variants__mosaic .type-variants__card:nth-child(1) {
    transition-delay: 0.1s;
}

section.type.type-variants .parent.tabs-item.type-tiles--entered .type-variants__mosaic .type-variants__card:nth-child(2) {
    transition-delay: 0.16s;
}

section.type.type-variants .parent.tabs-item.type-tiles--entered .type-variants__mosaic .type-variants__card:nth-child(3) {
    transition-delay: 0.22s;
}

section.type.type-variants .parent.tabs-item.type-tiles--entered .type-variants__mosaic .type-variants__card:nth-child(4) {
    transition-delay: 0.28s;
}

@media (prefers-reduced-motion: reduce) {
    section.type .tabs-item__content-img img {
        opacity: 1;
        transition: none;
    }

    section.type.type-variants.variants img.variants__lead-media,
    section.type.type-variants.variants .variants__grid img.variants__card-media {
        opacity: 1;
        transition: none;
    }

    section.type .parent.tabs-item .tabs-item__tile {
        opacity: 1;
        transform: none;
        transition: none;
    }
}