/* Start:/eskiz/style.css?178419167937739*/
/* ==========================================
   Hero-секция: Альбом технических решений
========================================== */
.album-hero-section {
    width: 100%;
    background-color: #F3F5F7;
    padding: 50px 0 0;
    border-bottom: none;
}
section.album-hero-section h1.h1-title {
    font-size: 37px;
    margin-bottom: 25px;
    margin-top: 12px;
}
.album-hero__grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.album-hero__content {
    flex: 0 1 50%;
    max-width: 550px;
    padding-bottom: 60px;
}
.album-hero__content p {
    margin-bottom: 50px;
}
.album-hero__content .h1-title {
    font-size: 42px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 45px;
    color: var(--clr-text, #07102D);
}

.album-hero__features {
    display: flex;
    gap: 30px;
    margin-bottom: 45px;
    padding-bottom: 25px;
}

.hero-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    position: relative;
}

.hero-feature:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -15px;
    top: 15px;
    height: 60px;
    width: 1px;
    background-color: #cd1518;
    opacity: 0.6;
}

.hero-feature__icon {
    width: 54px;
    height: 54px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-feature__icon img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.hero-feature__text {
    font-size: 15px;
    line-height: 1.3;
    color: var(--clr-base, #383c3e);
    font-weight: 700;
}

.album-hero__actions {
    display: flex;
    justify-content: space-between;
}

.album-hero__actions .btn {
    height: 48px;
    min-width: 220px;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 0;
    width: 45%;
}

.album-hero__actions .btn--red {
    background-color: var(--clr-red);
    border: 1px solid var(--clr-red);
    color: #fff;
}
.album-hero__actions .btn--red:hover {
    background-color: #aa071b;
    border-color: #aa071b;
}

.btn.album-hero__btn-outline {
    background: transparent;
    border: 1px solid var(--clr-red);
    color: var(--clr-red);
    width: 49%;
    margin-right: 9px;
}
.album-hero__btn-outline:hover {
    background-color: #3c3c3c;
    color: #fff;
    border: none;
}

.album-hero__actions .btn.button-second {
    height: 48px;
    min-width: 220px;
    background-color: #EBEFF8;
    color: var(--clr-base, #383c3e);
    border: none;
}
.album-hero__actions .btn.button-second:hover {
    background-color: #d5dce8;
    color: var(--clr-base);
}

.album-hero__visual {
    flex: 1;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: -48px;
    position: relative;
    z-index: 2;
}

.album-hero__visual img {
    max-width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 1024px) {
    section.album-hero-section h1.h1-title {
        font-size: 30px;
    }
    .album-hero-section {
        padding: 40px 15px 0;
    }
    .album-hero-section .inner-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .album-hero__visual {
        display: none;
    }

    .album-hero__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        max-width: 330px;
        margin: auto;
    }
    .album-hero__actions .btn.btn--red,
    .album-hero__actions .btn.button-second,
    .album-hero__actions .btn.album-hero__btn-outline {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .album-hero__actions .btn.album-hero__btn-outline {
        background-color: #ffffff;
    }
    .album-hero__actions .btn.album-hero__btn-outline:hover {
        color: var(--clr-red);
    }
    .album-hero-section {
        background-image: url('/eskiz/img/mobile-bg.png');
        background-repeat: no-repeat;
        background-position: 50% 75%;
        background-size: cover;
        position: relative;
    }
    .album-hero-section::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: rgba(255, 255, 255, 0.6);
        z-index: 0;
        pointer-events: none;
    }

    .album-hero-section .inner-wrap,
    .album-hero-section .album-hero__grid {
        position: relative;
        z-index: 1;
    }

    .album-hero__grid {
        flex-direction: column-reverse;
        gap: 0;
        align-items: unset;
    }
    .album-hero__content {
        padding-bottom: 0;
        max-width: unset;
        flex: 0 1 100%;
    }
    .album-hero__content p {
        margin-bottom: 30px;
    }
    .album-hero__features {
        margin-bottom: 10px;
    }
}

/* ==========================================
   Блок: Зачем нужен альбом?
========================================== */
.album-why {
    padding: 60px 0 110px 0;
    background: #ffffff;
}

.album-why h2.h2-title {
    font-size: 37px;
}
.album-why__title {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 60px;
    color: var(--clr-text, #07102D);
}

.album-why__grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 55px;
    margin-top: -120px;
}

.album-why__column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 100px;
}
.album-why__column:first-of-type {
    padding-left: 60px;
}

.album-why__center {
    flex: 0 0 280px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10px;
    margin-bottom: -45px;
    margin-top: 90px;
}

.album-why__image-wrap {
    position: relative;
    width: 430px;
    height: 380px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.album-why__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0;
    display: block;
}

.album-why__item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.album-why__item-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--clr-text, #07102D);
    line-height: 1.2;
}

.album-why__item-desc {
    font-size: 15px;
    font-weight: 300;
    color: var(--clr-base, #383c3e);
    line-height: 1.4;
}

.album-why__column:first-child .album-why__item {
    text-align: right;
}
.album-why__column:last-child .album-why__item {
    text-align: left;
}
.album-why__mobile {
    display: none;
}

@media (max-width: 1024px) {
    .album-why {
        padding: 30px 15px 70px 15px;
    }
    .album-why h2.h2-title {
        font-size: 30px;
    }
    .album-why__desktop {
        display: none !important;
    }

    .album-why__mobile {
        display: block;
        padding: 0 ;
    }

    .album-why__grid-mobile {
        display: flex;
        flex-wrap: wrap;
        gap: 11px;
        margin: 0;
        padding: 0;
        justify-content: space-between;
        align-items: stretch;
    }

    .album-why__card {
        width: calc(50% - 5.5px);
        background-color: #F3F5F7;
        padding: 20px 15px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 8px;
        min-height: 140px;
    }

    .album-why__card-title {
        font-size: 16px;
        font-weight: 600;
        color: #07102D;
        line-height: 1.3;
    }

    .album-why__card-desc {
        font-size: 14px;
        font-weight: 300;
        color: #4D4D4D;
        line-height: 1.4;
    }
}

/* ==========================================
   Блок: Полный контроль над объектом
========================================== */
.album-control {
    padding: 0;
    background: #ffffff;
}

.h2-title.album-control__title {
    font-size: 37px;
    font-weight: 500;
    margin-bottom: 50px;
    color: var(--clr-text, #07102D);
}
.album-control__icons-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.album-control__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 240px;
}

.album-control__icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.album-control__icon img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.album-control__label {
    font-size: 15px;
    line-height: 1.3;
    color: var(--clr-text, #07102D);
    font-weight: 500;
}

.album-control__sub {
    font-weight: 300;
    color: var(--clr-base, #383c3e);
    font-size: 14px;
}
.h2-title.album-control-mobile__title {
    display: none;
}
.eskiz-album-control-slider {
    display: none;
}

@media (max-width: 1024px) {
    .album-control {
        padding: 0 10px;
    }
    .h2-title.album-control-mobile__title {
        display: block;
        font-size: 30px;
        padding: 0 10px;
    }
    .album-control__title {
        font-size: 28px;
        margin-bottom: 35px;
    }
    .album-control__icons-row {
        display: none;
    }
    .eskiz-album-control-slider {
        display: block;
    }

    .eskiz-album-control-slider .slick-slide {
        width: 255px !important;
        margin: 0 10px;
    }
    .eskiz-album-control-slider .slick-track {
        display: flex;
        align-items: stretch;
    }
    .eskiz-album-control-slider .sl-wrap {
        height: 100%;
    }
    .eskiz-album-control-slider .eskiz-slide .item-new {
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 100px;
    }
    .eskiz-album-control-slider #slick-slide00 .eskiz-slide .item-new {
        background-image: url('/eskiz/img/icon-control-back-1.svg');
    }
    .eskiz-album-control-slider #slick-slide01 .eskiz-slide .item-new {
        background-image: url('/eskiz/img/icon-control-back-2.svg');
    }
    .eskiz-album-control-slider #slick-slide02 .eskiz-slide .item-new {
        background-image: url('/eskiz/img/icon-control-back-3.svg');
    }
    .eskiz-album-control-slider #slick-slide03 .eskiz-slide .item-new {
        background-image: url('/eskiz/img/icon-control-back-4.svg');
    }
    .eskiz-album-control-slider #slick-slide04 .eskiz-slide .item-new {
        background-image: url('/eskiz/img/icon-control-back-5.svg');
    }

    .eskiz-album-control-slider .eskiz-slide .item-new {
        background-color: #F3F5F7;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 20px;
        height: 100%;
        min-height: 160px;
        box-sizing: border-box;
    }
    .eskiz-album-control-slider .eskiz-slide .item-new .new-info-wrap {
        padding: 0;
    }
    .eskiz-album-control-slider .eskiz-slide .new-info-wrap::before {
        display: none !important;
    }

    .eskiz-album-control-slider .eskiz-slide .new-title {
        color: #CD1518;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.3;
        margin-bottom: 15px;
        text-transform: none;
        min-height: auto;
    }

    .eskiz-album-control-slider .eskiz-slide .new-desc {
        color: #626262;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.4;
        margin-bottom: 0;
    }

    .eskiz-album-control-slider .slick-dots {
        position: relative;
        margin-top: 25px;
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 0;
    }

    .eskiz-album-control-slider .slick-dots li {
        margin: 0;
        padding: 0;
        width: 6px;
        height: 6px;
    }

    .eskiz-album-control-slider .slick-dots li button {
        width: 6px;
        height: 6px;
        padding: 0;
        border: none;
        border-radius: 50%;
        background-color: #F3F5F7;
        font-size: 0;
        line-height: 0;
        transition: background-color 0.2s;
    }

    .eskiz-album-control-slider .slick-dots li.slick-active button {
        background-color: #CD1518;
    }
}

@media (max-width: 600px) {
    .album-control__item {
        flex: 0 1 calc(50% - 20px);
        max-width: 160px;
    }

    .album-control__icon {
        width: 60px;
        height: 60px;
    }
}

/* ==========================================
   Блок: Галерея с подписями
========================================== */
.album-gallery-section {
    padding: 0;
    background: #ffffff;
}

.album-gallery__grid {
    display: flex;
    gap: 20px;
    margin-bottom: 50px;
}

.album-gallery__item {
    flex: 1;
    position: relative;
    overflow: hidden;
    height: 280px;
}

.album-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.album-gallery__item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 1;
}

.album-gallery__label {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #ffffff;
    font-weight: 500;
    line-height: 1.2;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    pointer-events: none;
    font-style: italic;
    font-size: 16px;
    z-index: 2;
}

@media (max-width: 1024px) {
    .album-gallery-section {
        display: none;
        padding: 0 0 60px;
    }

    .album-gallery__grid {
        flex-wrap: wrap;
        gap: 15px;
    }

    .album-gallery__item {
        flex: 1 1 calc(50% - 15px);
        height: 220px;
    }

    .album-gallery__item::after {
        height: 50%;
    }
}

@media (max-width: 600px) {
    .album-gallery__item {
        flex: 1 1 100%;
        height: 200px;
    }

    .album-gallery__label {
        font-size: 16px;
        bottom: 15px;
        left: 15px;
    }
}

/* ==========================================
   Блок: 4 шага (Таймлайн)
========================================== */
.album-steps-section {
    padding: 70px 0 0;
    background: #ffffff;
}

.album-steps__title {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 60px;
    color: var(--clr-text, #07102D);
}

.album-steps__timeline {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 70px;
}

.album-step {
    flex: 1;
    position: relative;
    padding: 0 55px;
}
.album-step:first-of-type {
    padding-left: 0;
}
.album-step:nth-child(4) {
    padding-right: 0;
}
.album-step__title {
    font-size: 18px;
    font-weight: 600;
    color: var(--clr-text, #07102D);
    margin-bottom: 20px;
    line-height: 1.2;
    min-height: 44px;
    display: flex;
    align-items: flex-end;
}

.album-step__desc {
    font-size: 15px;
    font-weight: 300;
    color: var(--clr-base, #383c3e);
    line-height: 1.5;
}

.album-steps__graphics {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 60px;
    pointer-events: none;
}

.steps-line {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--clr-red, #CD1518);
}

.steps-dot--left {
    position: absolute;
    bottom: 12px;
    left: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--clr-red, #CD1518);
}

.steps-arrow {
    position: absolute;
    bottom: 12px;
    right: -8px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid var(--clr-red, #CD1518);
}

.steps-branch {
    position: absolute;
    bottom: 15px;
    width: 2px;
    background-color: var(--clr-red, #CD1518);
}

.steps-branch--1 { height: 148px; }
.steps-branch--2 { height: 112px; }
.steps-branch--3 { height: 89px; }

.branch-dot {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--clr-red, #CD1518);
}

.steps-branch--1 { left: calc(25% - 55px); }
.steps-branch--2 { left: 50%; }
.steps-branch--3 { left: 75%; }

@media (max-width: 1024px) {
    .album-steps-section {
        padding: 50px 15px 20px;
    }
    .album-steps-section .h2-title.album-steps__title {
        font-size: 30px;
    }
    .album-steps__title {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .album-steps__timeline {
        flex-direction: column;
        gap: 0;
        padding-bottom: 0;
        padding-left: 25px;
        position: relative;
    }

    .album-steps__graphics {
        display: none !important;
    }

    .album-step {
        flex: none;
        width: 100%;
        padding: 10px 0 20px 0;
        margin-bottom: 0;
        border-left: none;
        position: relative;
    }

    .album-step::before {
        content: "";
        position: absolute;
        top: 0;
        left: -25px;
        width: 1px;
        height: 100%;
        background-color: #CD1518;
        z-index: 1;
    }

    .album-steps__timeline::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -4px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #CD1518;
        z-index: 2;
    }

    .album-step:nth-child(n+2)::after {
        content: "";
        position: absolute;
        top: 0;
        left: -25px;
        height: 1px;
        background-color: #CD1518;
        z-index: 2;
    }

    .album-step:nth-child(2)::after {
        width: 30%;
    }
    .album-step:nth-child(3)::after {
        width: 55%;
    }
    .album-step:nth-child(4)::after {
        width: 80%;
    }

    .album-step:nth-child(n+2) .album-step__title::before {
        content: "";
        position: absolute;
        top: -13px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #CD1518;
        z-index: 3;
    }

    .album-step:nth-child(2) .album-step__title::before {
        left: calc(30% - 30px);
    }
    .album-step:nth-child(3) .album-step__title::before {
        left: calc(55% - 30px);
    }
    .album-step:nth-child(4) .album-step__title::before {
        left: calc(80% - 30px);
    }

    .album-step__title {
        font-size: 18px;
        font-weight: 700;
        color: #CD1518;
        margin-bottom: 10px;
        min-height: auto;
        display: block;
        position: relative;
        padding-top: 2px;
    }

    .album-step__desc {
        font-size: 14px;
        font-weight: 300;
        color: #383c3e;
        line-height: 1.5;
        margin-bottom: 0;
    }
}

/* ==========================================
   Блок: Пакеты проектирования (Прайс-лист)
========================================== */
.album-prices-title-wrap {
    background: #ffffff;
    padding: 70px 0 0;
}

.album-prices__title {
    font-size: 42px;
    font-weight: 500;
    margin: 0 0 50px 0;
    color: var(--clr-text, #07102D);
}

.album-prices-section {
    width: 100%;
    padding: 0 0 40px;
}
.album-prices-section .inner-wrap {
    background-color: #F3F5F7;
}
.album-prices__card {
    display: flex;
    align-items: flex-start;
    padding-right: 60px;
    padding-bottom: 50px;
}

.album-prices__visual {
    flex: 0 0 50%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding-top: 55px;
}
.price-badge-svg-container {
    position: absolute;
    top: 20px;
}
.price-badge-svg-container:before {
    content: "Выгодно";
    color: #fff;
    left: 50px;
    position: absolute;
    top: 7px;
    font-size: 18px;
}
.price-image-wrap {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.price-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    margin-left: -50px;
}

.price-badge {
    position: absolute;
    top: 30px;
    left: 30px;
    display: inline-block;
    background-color: #23B14D;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    padding: 8px 20px 8px 15px;
    z-index: 2;
    line-height: 1.2;
}

.price-badge::after {
    content: "";
    position: absolute;
    top: 0;
    right: -14px;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 14px solid #23B14D;
    z-index: -1;
}

.album-prices__content {
    flex: 1;
    padding-top: 60px;
}

.album-prices__subtitle {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--clr-text, #07102D);
}

.album-prices__desc {
    font-size: 16px;
    font-weight: 300;
    color: var(--clr-base, #383c3e);
    margin-bottom: 25px;
}

.album-prices__lists {
    display: flex;
    gap: 100px;
    margin-bottom: 35px;
}

.price-list__title {
    font-size: 15px;
    margin-bottom: 8px;
}

.price-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.price-list ul li {
    font-size: 15px;
    font-weight: 300;
    color: var(--clr-base, #383c3e);
    line-height: 1.6;
    position: relative;
    padding-left: 15px;
}

.price-list ul li::before {
    content: "–";
    position: absolute;
    left: 0;
    color: var(--clr-base);
}

.price-calc-group {
    margin-bottom: 25px;
}
.price-calc-group.group1 .price-calc-label:before {
    content: "Выберите площадь объекта";
}
.price-calc-group.group2 .price-calc-label:before {
    content: "В каком виде хотите получить альбом?";
}

.price-calc-label {
    font-size: 16px;
    font-weight: 600;
    color: var(--clr-text, #07102D);
    margin-bottom: 12px;
}

.price-calc-options {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.price-radio {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    background: #ffffff;
    padding: 10px 20px 10px 15px;
    border-radius: 8px;
    transition: all 0.2s;
}

.price-radio:hover {
    background: #f7f8fa;
}

.price-radio input {
    display: none;
}

.price-radio__mark {
    width: 20px;
    height: 20px;
    border: 2px solid #CD1518;
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
    position: relative;
    flex-shrink: 0;
    transition: all 0.2s;
}

.price-radio input:checked + .price-radio__mark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #CD1518;
    border-radius: 50%;
}

.price-radio__text {
    font-size: 15px;
    color: var(--clr-base, #383c3e);
}

.price-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 35px;
}

.price-result__total {
    display: flex;
    flex-direction: column;
}

.price-result__label {
    font-size: 14px;
    font-weight: 300;
    color: #909ba8;
}

.price-result__value {
    font-size: 38px;
    font-weight: 700;
    color: var(--clr-red, #CD1518);
}

.price-result__actions {
    display: flex;
    align-items: center;
    gap: 25px;
}

.price-link-download {
    font-size: 15px;
    color: var(--clr-red, #CD1518);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s;
}
.price-link-download:hover {
    border-bottom-color: var(--clr-red, #CD1518);
}
.price-link-download br {
    display: none;
}
.price-result__actions .btn {
    height: 50px;
    min-width: 170px;
    font-size: 15px;
    background-color: var(--clr-red, #CD1518);
    border: none;
    color: #ffffff;
    padding: 0 30px;
    border-radius: 0;
}
.price-result__actions .btn:hover {
    background-color: #aa071b;
}

@media (max-width: 1024px) {
    .album-prices-title-wrap {
        padding: 40px 15px 0;
    }
    .album-prices-title-wrap .h2-title.album-prices__title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .album-prices-section {
        padding: 0 15px 0;
    }
    .album-prices-section .inner-wrap {
        background-color: #F3F5F7;
        padding: 5px 0;
    }

    .album-prices__visual {
        padding-top: 0;
        margin-bottom: 15px;
    }
    .price-image-wrap {
        display: none;
    }
    .album-prices__card {
        flex-direction: column;
        gap: 0;
        padding: 0;
        align-items: unset;
    }

    .album-prices__content {
        position: relative;
        padding: 25px;
    }
    .album-prices__content .h3-title.album-prices__subtitle {
        font-size: 18px;
    }

    .price-badge-svg-container {
        position: relative;
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: flex-start;
        margin-bottom: 25px;
    }
    .price-badge-svg-container:before {
        content: "Лучший выбор";
        position: absolute;
        left: 30px;
        top: 10px;
        font-size: 15px;
        font-weight: 700;
        color: #ffffff;
        z-index: 2;
    }

    .album-prices__subtitle {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 20px;
        text-align: left;
        color: var(--clr-text, #07102D);
    }
    .album-prices__desc {
        display: none;
    }
    .album-prices__lists {
        display: none;
    }

    .price-calc-group {
        margin-bottom: 20px;
    }
    .price-calc-group.group1 .price-calc-label:before {
        content: "Площадь объекта";
    }
    .price-calc-group.group2 .price-calc-label:before {
        content: "Формат альбома";
    }
    .price-calc-group.group2  .price-calc-options {
        grid-template-columns: auto;
    }
    .price-calc-label {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 15px;
        text-align: left;
    }
    .price-calc-options {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    label.price-radio {
        width: 100%;
        padding: 12px 10px;
        border-radius: 8px;
        background: #ffffff;
        border: 1px solid #E7EAED;
        justify-content: flex-start;
        box-sizing: border-box;
        margin: 0;
    }
    .price-calc-options label:nth-child(3) {
        grid-column: span 2;
    }
    .price-radio__mark {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }
    .price-radio__text {
        font-size: 14px;
        white-space: normal;
        text-align: left;
    }

    .price-result {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        margin-top: 20px;
        gap: 15px;
    }
    .price-result__total {
        flex: 1;
    }
    .price-result__label {
        font-size: 12px;
        color: #909ba8;
    }
    .price-result__value {
        font-size: 32px;
        font-weight: 700;
        color: #CD1518;
        line-height: 1.2;
    }
    .price-result__actions {
        flex: 1;
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
        width: auto;
        display: contents;
    }
    .price-link-download {
        font-size: 15px;
        color: #CD1518;
        text-decoration: none;
        border: none;
        height: auto;
        padding: 0;
        text-align: right;
        display: inline;
        width: auto;
        margin-top: 10px;
    }
    .price-link-download br {
        display: block;
    }
    div.price-result__actions .btn {
        height: 48px;
        font-size: 16px;
        margin-top: 10px;
        border-radius: 0;
        margin-left: -25px;
        min-width: calc(100% + 50px);
    }
}

.price-hint-icon {
    display: none;
}
.price-hint-icon:hover {
    opacity: 0.7;
}

@media (max-width: 1024px) {
    .price-hint-icon {
        display: inline-flex;
        position: absolute;
        right: 30px;
        top: 30px;
        z-index: 1;
    }
}

.price-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}
.price-popup-overlay.active {
    display: flex;
}

.price-popup {
    position: relative;
    background: #ffffff;
    max-width: 500px;
    width: 90%;
    padding: 40px 30px 30px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: pricePopupFade 0.25s ease;
}

@keyframes pricePopupFade {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.price-popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    line-height: 0;
    transition: opacity 0.2s;
}
.price-popup__close:hover {
    opacity: 0.6;
}

.price-popup__content {
    font-size: 15px;
    color: #07102D;
    line-height: 1.6;
}
.price-popup__content ul {
    list-style-type: disc;
    margin-bottom: 20px;
}
.price-popup__content p {
    margin: 0 0 12px 0;
}
.price-popup__content p:last-child {
    margin-bottom: 0;
}

/* ==========================================
   Блок: Соберите свой комплект инженерных решений
========================================== */
.album-complect-section {
    width: 100%;
    background-color: #ffffff;
    padding: 0;
}

.album-complect__grid {
    display: flex;
    align-items: flex-start;
}

.album-complect__image {
    flex: 0 0 40%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-top: 20px;
}

.album-complect__image img {
    max-width: 100%;
    height: auto;
    display: block;
    transform: scaleX(-1);
}

.album-complect__form-wrap {
    flex: 1;
    background: #F3F5F7;
    padding: 40px 45px 35px 45px;
    border-radius: 12px;
}

.album-complect__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--clr-text, #07102D);
}

.album-complect__desc {
    font-size: 15px;
    font-weight: 300;
    color: var(--clr-base, #383c3e);
    margin-bottom: 30px;
    line-height: 1.5;
}

.form-group {
    margin-bottom: 25px;
}

.form-group__label {
    font-size: 16px;
    font-weight: 600;
    color: var(--clr-text, #07102D);
    margin-bottom: 12px;
}

.form-group__options {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form-row-2col {
    display: flex;
    flex-wrap: nowrap;
    gap: 70px;
    margin-bottom: 25px;
}

.form-row-2col .form-group {
    margin-bottom: 0;
    min-width: 0;
}

.form-group__options--checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
}

.form-group__options--checkboxes .price-radio {
    width: auto;
    flex: 0 0 auto;
    margin-right: 0;
}

.price-radio {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    background: #ffffff;
    padding: 8px 15px 8px 12px;
    border-radius: 6px;
    transition: all 0.2s;
    border: 1px solid transparent;
    width: auto;
}
.price-radio:hover {
    background: #f7f8fa;
    border-color: #e0e0e0;
}
.price-radio input {
    display: none;
}
.price-radio__mark {
    width: 20px;
    height: 20px;
    border: 2px solid #CD1518;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    flex-shrink: 0;
}

.price-radio input[type="checkbox"] + .price-radio__mark {
    border-radius: 4px;
}

.price-radio input:checked + .price-radio__mark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #CD1518;
    border-radius: 50%;
}

.price-radio input[type="checkbox"]:checked + .price-radio__mark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 10px;
    border-radius: 0;
    background: transparent;
    border: solid #CD1518;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -60%) rotate(45deg);
}

.price-radio__text {
    font-size: 15px;
    color: var(--clr-base, #383c3e);
    white-space: nowrap;
}

.price-result--complect {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
    padding-top: 25px;
    border-top: 1px solid #E7EAED;
}

.price-result--complect .price-result__total {
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}

.price-result--complect .price-result__label {
    font-size: 14px;
    font-weight: 300;
    color: #909ba8;
    margin-bottom: 2px;
}

.price-result--complect .price-result__value {
    font-size: 38px;
    font-weight: 700;
    color: var(--clr-red, #CD1518);
    line-height: 1;
}

.btn.btn--complect-submit {
    height: 50px;
    min-width: 220px;
    font-size: 15px;
    background-color: var(--clr-red, #CD1518);
    border: none;
    color: #ffffff;
    padding: 0 30px;
}
.btn--complect-submit:hover {
    background-color: #aa071b;
}
.w-100 {
    width: 100%;
    height: 0;
}

@media (max-width: 1024px) {
    .album-complect-section {
        padding: 30px 0 0;
    }

    .album-complect__grid {
        flex-direction: column;
        align-items: center;
        padding: 0 15px;
    }

    .album-complect__image {
        display: none;
    }

    .album-complect__form-wrap {
        width: 100%;
        padding: 25px;
        border-radius: 0;
    }
    .album-complect__form-wrap .h3-title.album-complect__title {
        font-size: 22px;
    }

    .album-complect__desc {
        display: none;
    }

    .album-complect__form-wrap .form-group.square .form-group__options {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .album-complect__form-wrap .form-group.square .form-group__options .price-radio:last-child {
        grid-column: span 2;
    }

    .album-complect__form-wrap .form-group.count-cot .form-group__options {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .album-complect__form-wrap .form-group.count-cot .form-group__options .price-radio {
        flex: 1;
    }

    .album-complect__form-wrap .form-group.power .form-group__options {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .album-complect__form-wrap .form-group.power .form-group__options .price-radio {
        flex: 1;
    }

    .form-row-2col {
        flex-wrap: wrap;
        gap: 20px;
    }
    .form-row-2col .form-group {
        width: 100%;
    }
    .form-group__options--checkboxes .price-radio {
        width: 100%;
    }

    .price-result--complect {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .btn--complect-submit {
        width: 100%;
    }
    a.btn.btn--complect-submit {
        width: calc(100% + 50px);
        margin-left: -25px;
        max-width: unset;
    }
}

/* ==========================================
   Блок: Альбом технических решений в цифрах
========================================== */
.album-numbers-section {
    padding: 70px 0 100px;
    background: #ffffff;
}

h2.album-numbers__title {
    font-size: 37px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 60px;
    color: var(--clr-text, #07102D);
}

.album-numbers__row {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    max-width: 900px;
    margin: 0 auto;
}

.album-numbers__item {
    flex: 1;
    text-align: center;
    position: relative;
    padding: 0 20px;
}

.album-numbers__item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 164px;
    width: 1px;
    background-color: var(--clr-red, #CD1518);
    opacity: 0.6;
}

.album-numbers__value {
    font-size: 62px;
    font-weight: 700;
    color: var(--clr-red, #CD1518);
    line-height: 1;
    margin-bottom: 10px;
}

.album-numbers__label {
    font-size: 16px;
    font-weight: 300;
    color: var(--clr-base, #383c3e);
    line-height: 1.3;
}
.block-4-right {
    max-width: 1480px;
}

@media (max-width: 1024px) {
    .album-numbers-section {
        padding: 50px 15px 50px;
    }
    .album-numbers-section .h2-title.album-numbers__title {
        font-size: 30px;
    }
    .album-numbers__title {
        font-size: 28px;
        margin-bottom: 40px;
    }
    .album-numbers__row {
        flex-direction: column;
        align-items: center;
        gap: 0;
        max-width: 100%;
    }

    .album-numbers__item {
        width: 100%;
        max-width: 300px;
        padding: 0;
        position: relative;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .album-numbers__item:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .album-numbers__item:not(:last-child)::after {
        display: block;
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 1px;
        background-color: #CD1518;
    }

    .album-numbers__value {
        font-size: 38px;
        max-width: 125px;
        margin: auto auto 10px;
        text-align: left
    }
    .album-numbers__label {
        max-width: 125px;
        text-align: left;
        margin: auto;
    }
    div.montazh.montazh-9 .montazh-9-inner .block-4-left {
        margin-bottom: 10px;
    }
    div.montazh .h1-title.title-large {
        font-size: 30px;
    }
}

div.montazh.montazh-9 .montazh-inner .block-4-left > div:last-of-type {
    margin-top: 0;
}
/* End */
/* /eskiz/style.css?178419167937739 */