/* -------------------------------------------------------------------------- */
.how-work {
    overflow: hidden;
}
.why-we {
    overflow: hidden;
}
/* -------------------------------------------------------------------------- */
.pod-price-block-2026 {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.pod-price-block-2026-row {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}
.pod-price-block-2026 .pod-price {
    width: auto;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.pod-price-block-2026-row .pod-price {
    margin: 0 12px;
}
.pod-price-block-2026 .pod-price-name {
    margin-bottom: 12px;
}
.pod-price-block-2026 .pod-price-name span.single {
    display: block;
    margin-top: 10px;
}
.pod-price-block-2026 .div-td-price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
}
.pod-price-block-2026 .td-price-from {
    line-height: 38px;
}
.pod-price-block-2026 .td-price {
    white-space: nowrap;
}
.pod-price-block-2026 .pod-price .td-cent-div {
    position: relative;
    max-width: unset;
}
.pod-price-block-2026 .td-cent {
    position: absolute;
    top: -16px;
    left: 0;
}
.pod-price-block-2026 .buy-pod {
    margin-top: 6px;
}
.pod-price-block-2026 .buy-pod-cont {
    display: flex;
    justify-content: center;
    width: 100%;
}
/* -------------------------------------------------------------------------- */
.text-opys {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 32px 0 0 0;
    line-height: 1.3;
}
.text-opys p {
    width: 100%;
    margin: 6px 0;
}
.text-opys h3 {
    width: 100%;
    margin: 12px 0;
}
.text-opys ul {
    width: calc(100% - 18px);
    margin: 12px 0 12px 18px;
}
.text-opys h3 + ul {
    margin-top: 0;
}
.text-opys ul li {
    margin: 4px 0;
}
.text-opys li::marker {
    color: #f60000;
}
/* -------------------------------------------------------------------------- */
.block-in-why-2026 {
    justify-content: flex-start;
}
.punkt-why-2026 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 258px;
    margin: 55px 33px 0px 0px;
}
.punkt-why-2026 font {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    margin: 0 0 18px 0;
}
.punkt-why-2026 font img {
    width: auto;
    height: 100%;
}
.punkt-why-2026 span {
    width: 100%;
    font-size: 21px;
    font-weight: 900;
    color: #0c0c0c;
    text-align: center;
}
@media (max-width: 600px) {
    .block-in-why-2026 {
        justify-content: center;
    }
}
/* -------------------------------------------------------------------------- */
.pod-all-photos-2026 img {
    max-height: 358px;
}
.vorota-top .pod-all-photos-2026 img {
    max-height: 220px;
}
/* -------------------------------------------------------------------------- */
.luk-top {
    min-height: 480px;
}
.luk-top .pod-price-block-2026-row {
    align-content: flex-start;
}
.luk-top .pod-price-name span {
    display: inline-block;
    font-size: 28px;
    margin: 6px 0 0 0;
}
.luk-top .pod-price-name p {
    display: block;
    font-size: 15px;
    margin: -2px 0 0 0;
}
.luk-top .td-value i {
    position: absolute;
    bottom: -15px;
    right: 8px;
}
.luk-top .pod-price-block-2026-row .pod-price {
    margin: 0 12px 18px 12px;
}
.luk-top .pod-all-photos-2026 img {
    max-height: 200px;
}
/* -------------------------------------------------------------------------- */
.protyvybukhovi-top {
    min-height: 540px;
    align-content: flex-start;
}
.protyvybukhovi-top .pod-price-block-2026-row {
    align-content: flex-start;
}
.protyvybukhovi-top .pod-all-photos-2026 img {
    max-height: 200px;
}
/* -------------------------------------------------------------------------- */
.compare-doors-wrap{
    margin:30px 0;
}

.compare-doors-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    font-family:Arial, sans-serif;
    font-size:16px;
    line-height:1.45;
    background:#ffffff;
    box-shadow:0 8px 24px rgba(0,0,0,0.08);
    border-radius:12px;
    overflow:hidden;
}

.compare-doors-table th,
.compare-doors-table td{
    padding:16px 18px;
    text-align:left;
    vertical-align:top;
    border-right:1px solid #dfe7ec;
    border-bottom:1px solid #dfe7ec;
}

.compare-doors-table thead th{
    background:#dff3f7;
    color:#1f2d3d;
    font-size:18px;
    font-weight:700;
}

.compare-doors-table thead th:first-child{
    background:#c8eaf1;
    min-width:220px;
}

.compare-doors-table tr th:last-child,
.compare-doors-table tr td:last-child{
    border-right:none;
}

.compare-doors-table tbody tr:last-child td{
    border-bottom:none;
}

.compare-doors-table tbody tr:nth-child(even){
    background:#f8fbfc;
}

.compare-doors-table tbody td:first-child{
    font-weight:700;
    color:#243746;
    background:#eef7fa;
    width:220px;
}

.compare-doors-table td strong{
    color:#111111;
}

.compare-doors-note{
    margin-top:12px;
    font-size:14px;
    color:#5b6b79;
}

.compare-doors-table tbody td{
    box-sizing:border-box;
}

.compare-doors-table tbody tr{
    margin-left:0;
}


/* Планшет */
@media screen and (max-width:991px){
    .compare-doors-table{
        font-size:15px;
    }

    .compare-doors-table th,
    .compare-doors-table td{
        padding:14px 12px;
    }

    .compare-doors-table thead th{
        font-size:16px;
    }

    .compare-doors-table thead th:first-child,
    .compare-doors-table tbody td:first-child{
        min-width:180px;
        width:180px;
    }

    .compare-doors-wrap{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .compare-doors-table{
        min-width:820px;
    }
}

/* Мобільна версія */
@media screen and (max-width:767px){
    .compare-doors-wrap{
        overflow:visible;
    }

    .compare-doors-table,
    .compare-doors-table thead,
    .compare-doors-table tbody,
    .compare-doors-table th,
    .compare-doors-table td,
    .compare-doors-table tr{
        display:block;
        width:100%;
    }

    .compare-doors-table{
        min-width:0;
        box-shadow:none;
        background:transparent;
        border-radius:0;
    }

    .compare-doors-table thead{
        display:none;
    }

    .compare-doors-table tbody tr{
        margin-bottom:18px;
        background:#ffffff;
        border:1px solid #dfe7ec;
        border-radius:12px;
        overflow:hidden;
        box-shadow:0 4px 14px rgba(0,0,0,0.05);
    }

    .compare-doors-table tbody tr:nth-child(even){
        background:#ffffff;
    }

    .compare-doors-table tbody td{
        border:none;
        border-bottom:1px solid #edf2f5;
        padding:12px 14px 12px 14px;
        width:100%;
        background:#ffffff !important;
    }

    .compare-doors-table tbody tr td:last-child{
        border-bottom:none;
    }

    .compare-doors-table tbody td:first-child{
        width:auto;
        display:block;
        background:#dff3f7 !important;
        color:#1f2d3d;
        font-weight:700;
        font-size:15px;
    }

    .compare-doors-table tbody td:not(:first-child){
        padding-left:14px;
        margin-left:0;
    }

    .compare-doors-table tbody td:not(:first-child)::before{
        display:block;
        margin-bottom:4px;
        font-size:12px;
        line-height:1.3;
        font-weight:700;
        color:#6b7b88;
        text-transform:none;
    }

    .compare-doors-table tbody td:nth-child(2)::before{
        content:"Герметичні двері (ДУ III)";
    }

    .compare-doors-table tbody td:nth-child(3)::before{
        content:"Захисно-герметичні двері (ДУ I / ДУ II)";
    }

    .compare-doors-table tbody td:nth-child(4)::before{
        content:"Посилені герметичні двері (ДУ IV)";
    }
}
/* -------------------------------------------------------------------------- */
.text-top-pozhar p {
    width: 100%;
}
@media (max-width: 600px) {
    .logo {
        padding: 30px 0px;
        margin: 0px auto;
    }
}
/* -------------------------------------------------------------------------- */
.address-all img {
    margin-top: 2px;
}
.a-logo-href p {
    text-shadow: none;
}
.button-ask {
    margin: 12px auto;
}
.btn-order {
    padding: 15px 15px;
}
/* -------------------------------------------------------------------------- */
.popup-door .button-form-bottom {
    justify-content: flex-start;
    margin: 18px 0 32px 40px;
}
.popup-door .button-ask {
    padding: 18px 32px 15px 32px;
    margin: 0 12px 0 0;
}
div.cvu-input.cvu-input-sel {
    height: auto;
}
.select-buy {
    height: 38px;
    margin-top: 12px !important;
    margin-bottom: 8px !important;
}
/* -------------------------------------------------------------------------- */
@media (max-width: 540px) {
    .podezd-center .title {
        width: 100%;
        text-align: center;
    }
    .text-top-pozhar p {
        width: 100%;
        text-align: center;
    }
    .text-top-pozhar span {
        width: 100%;
        text-align: center;
    }
    .line-footer-center {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 12px;
    }
    .line-footer-center span {
        margin: 6px 8px;
    }
}
/* -------------------------------------------------------------------------- */
.slick-initialized .slick-slide {
    background-size: contain;
}
/* -------------------------------------------------------------------------- */
.header {
    align-items: flex-start;
}
.address-all {
    margin: 42px 0 0 0;
}
.phone-block {
    margin: 54px 0 0 0;
}
.phone-actions {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin: 12px 0 0 0;
}
.phone-block .phone-actions button {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0 0 0 52px;
}
.phone-actions a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 12px;
}
.phone-actions a img {
    width: 24px;
    height: 24px;
}
/* -------------------------------------------------------------------------- */
.logo-mobile {
    max-width: 288px;
}
.logo-mobile p {
    white-space: nowrap;
}
.info-header-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.info-header-mobile .phone-second-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    max-width: none;
}
.phone-second-mobile a.tel {
    color: #313131;
    font-size: 19px;
    font-weight: 400;
    padding-bottom: 22px;
    background-image: url("../img/kyivstar.png");
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0 0 0 64px;
    white-space: nowrap;
}
.phone-actions-mobile {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 6px 0 0 0;
}
.phone-actions-mobile a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 6px;
}
.phone-actions-mobile a img {
    width: 24px;
    height: 24px;
}
.popup-btn-callback-mobile {
    margin-top: 10px;
}
.address-mob {
    margin: 8px 0 0 0;
}
/* -------------------------------------------------------------------------- */
footer .phone-all {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
footer .phone-all img {
    margin-top: 18px;
}
footer .phone {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
footer .phone > a {
    margin: 4px 0 0 0 !important;
}
/* -------------------------------------------------------------------------- */
.phone-actions-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 10px 0 32px 62px;
}
.phone-actions-footer a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 6px;
}
.phone-actions-footer a img {
    width: 24px;
    height: 24px;
    margin: 0;
}
/* -------------------------------------------------------------------------- */
@media (max-width: 1030px) {
    .logo {
        padding: 30px 0px 40px 0px;
    }
}
/* -------------------------------------------------------------------------- */
@media (max-width: 950px) {
    .top-door-slide img {
        width: 95%;
        margin: 0 auto;
    }
}
/* -------------------------------------------------------------------------- */
@media (max-width: 800px) {
    .title {
        width: 100%;
        font-size: 44px;
    }
}
@media (max-width: 600px) {
    .title {
        text-align: center;
    }
    .punkt-why-2026 {
        margin: 55px 0 0 0;
    }
}
/* -------------------------------------------------------------------------- */
.block-top {
    min-height: unset;
}
/* -------------------------------------------------------------------------- */