/*! [[footer.html]] */

footer {
    margin-left: calc(3px * var(--scale_1200));
    margin-right: calc(3px * var(--scale_1200));

    /* width: 100%; */
    transform: scale(var(--scale_1200));
    transform-origin: bottom left;
    border-radius: 10px 10px 0 0;

    overflow: hidden;

    color: white;

    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
    footer[data-media="landscape__portrait--PC"] {
        margin-top: calc(244px * (var(--scale_1200) - 1));

        height: 238px;
        width: calc(100% - 6px * var(--scale_1200));
        min-width: 1194px;
        padding-top: 6px;

        background-image: url(../img/general/footer/background_pc.svg);
    }
    footer[data-media="portrait--mobile"] {
        margin-top: calc(688px * (var(--scale_1200) - 1));

        height: 688px;
        width: 594px;
        padding-top: 10px;

        background-image: url(../img/general/footer/background_mob.svg);
    }
    .footer_title {
        width: 100%;

        text-align: center;
    }
        .footer_title[data-media="landscape__portrait--PC"] {
            height: 66px;
        }
        .footer_title[data-media="portrait--mobile"] {
            height: 58px;
        }
        .footer_title > img {
            height: 100%;
        }
    .footer_section_wrapper {
        display: flex;
    }
        .footer_section_wrapper[data-media="landscape__portrait--PC"] {
            margin: 6px auto 0 auto;

            /* gap: 20px; */

            height: 154px;
            width: 1180px;
        }
        .footer_section_wrapper[data-media="portrait--mobile"] {
            margin: 40px auto 0 auto;

            flex-direction: column;
            /* flex-wrap: wrap; */
            /* gap: 54px; */

            height: 570px;
            width: 380px;
        }
        .footer_section-title {
            font-size: 30px;
            font-weight: bold;
            line-height: 30px;
            text-align: center;

            filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5));
            background-color: var(--color-test);
        }
        .footer_contacts {
            text-align: center;
        }
            .footer_contacts[data-media="landscape__portrait--PC"] {
                margin-left: 20px;
                
                order: 2;

                height: 100%;
                width: 380px;
            }
            .footer_contacts[data-media="portrait--mobile"] {
                order: 1;

                height: 154px;
                width: 100%;
            }
            .footer_contacts > :nth-child(2) {
                font-size: 40px;
                font-weight: bold;
                white-space: nowrap;
                color: white;

                filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5));

                transition: all 0.2s ease-in-out;
            }
                    .footer_contacts > :nth-child(2):hover {
                        filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 0 10px white);
                    }
                .footer_contacts > :nth-child(2) > span {
                    --text-condensed: 0.85;
                }
            .footer_contacts > :nth-child(3) {
                margin-top: 4px;
                font-size: 0;
            }
                .footer_contacts > :nth-child(3) > a:not(:nth-child(1)) {
                    position: relative;
                    margin-left: 11px;
                }
                    .footer_contacts > :nth-child(3) > a > img {
                        height: 40px;
                        width: 40px;
                        
                        filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5));

                        transition: all 0.2s ease-in-out;
                    }
                            .footer_contacts > :nth-child(3) > a > img:hover {
                                filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 0 10px white);
                            }
                        .footer_contacts > :nth-child(3) > a:nth-child(4) > img {
                            transform: scale(1.5);
                            transform-origin: center center;
                        }
                        .footer_contacts > :nth-child(3) > a:nth-child(4)::before {
                            content: "";
                            position: absolute;
                            z-index: 0;
                            top: -40px;
                            left: 0;
                            height: 41px;
                            width: 41px;
                            background-image: url(../img/general/footer/snake_ring-top.svg);
                            background-repeat: no-repeat;
                        }
                        .footer_contacts > :nth-child(3) > a:nth-child(4)::after {
                            content: "";
                            position: absolute;
                            z-index: 5;
                            top: -40px;
                            left: 0px;
                            height: 41px;
                            width: 41px;
                            background-image: url(../img/general/footer/snake_ring-bottom.svg);
                            background-repeat: no-repeat;
                            pointer-events: none;
                        }
                        .footer_schedule {
                            outline: 0;
                        }
        .footer_work-place {
            outline: 0;
        }
            .footer_work-place[data-media="landscape__portrait--PC"] {
                order: 1;

                height: 100%;
                width: 380px;
            }
            .footer_work-place[data-media="portrait--mobile"] {
                margin-top: 54px;
                
                order: 3;

                height: 154px;
                width: 100%;
            }
            .footer_work-place > :nth-child(2) > img:nth-child(1) {
                margin-top: 6px;
                margin-left: 12px;

                float: left;

                height: 73px;
            }
            .footer_work-place > :nth-child(2) > :nth-child(2) {
                margin-top: 6px;

                float: right;

                height: 70px;
                width: 282px;
            }
                .footer_mck-title {
                    font-size: 23px;
                    font-weight: bold;
                    line-height: 23px;

                    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5));
                }
                    .footer_mck-title > :nth-child(1) {
                        --text-condensed: 0.5;
                    }
                    .footer_mck-title > :nth-child(2) {
                    --text-condensed: 0.9;
                }
                .footer_mck-content { 
                    margin-left: 15px;

                    width: 190px;
                    transform: scaleX(1.1);
                    transform-origin: top left;

                    line-height: 15.5px;
                }
                    .footer_mck-content > a {
                        font-size: 14px;
                        color: white;

                        filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5));

                        transition: all 0.2s ease-in-out;
                    }
                        .footer_mck-content > a:hover {
                            filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 0 10px white);
                        }
            .footer_consumer {
                margin-top: 92px;
                margin-left: 34px;

                clear: both;

                height: 30px;
                width: calc(100% - 24px);

                background-color: var(--color-test);
            }
                .footer_consumer > a {
                    /* margin-left: 3px; */
                }
                        .footer_consumer > a:nth-child(3) {
                            /* margin-left: -30px; */
                        }
                        .footer_consumer > a:nth-child(4) {
                            position: relative;
                            top: -14px;
                            left: 25px;

                            display: inline-block;

                            transform: scale(1);
                            transform-origin: bottom center;
                            
                            transition: all 0.2s ease-in-out;
                        }
                        .footer_consumer > a:nth-child(4):hover {
                            transform: scale(1.5) translate(-8px, -5px);

                            filter: drop-shadow(0 0 20px rgb(126, 126, 126)) drop-shadow(0 0 20px rgb(197, 197, 197));
                        }
                .footer_consumer > a:not(:nth-last-child(1)) {
                    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5));

                    transition: all 0.2s ease-in-out;
                }
                        .footer_consumer > a:not(:nth-last-child(1)):hover {
                            filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 0 10px white);
                        }
                .footer_consumer > a:not(:nth-last-child(1)) > img {
                    height: 100%;
                    width: 26px;
                }
                .footer_consumer > a:nth-child(4) > img {
                    position: absolute;
                    top: -54px;
                    left: -9px;
                    
                    height: 72px;
                    width: 72px;

                    filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.6))
                            drop-shadow(0 0 2px rgba(255, 255, 255, 0.6));
                }
                .footer_consumer > a > p {
                    /* margin-left: -2px; */
                    position: relative;
                    top: -3px;

                    display: inline-block;
                    
                    height: 100%;

                    font-size: 10px;
                    line-height: 9px;
                    color: white;
                }
                    .footer_consumer > a:nth-child(1) > p {
                        width: 53px;
                    }
                        .footer_consumer > a:nth-last-child(1) > p > span {
                            /* --text-condensed: 0.9; */
                        }
                    .footer_consumer > a:nth-child(2) > p {
                        width: 47px;
                    }
                        .footer_consumer > a:nth-child(2) > p > span {
                            /* --text-condensed: 0.7; */
                        }
                    .footer_consumer > a:nth-child(3) > p {
                        width: 37px;

                        transform: translateY(-7px);
                    }
                        .footer_consumer > a:nth-child(3) > p > span {
                            /* --text-condensed: 0.8; */
                        }
                    .footer_consumer > a:nth-child(4) > p {
                        position: absolute;
                        top: 6px;
                        left: -17px;

                        width: 100px;
                        
                        filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5));
                    }
        .footer_schedule-QR {
            background-color: var(--color-test);
        }
            .footer_schedule-QR[data-media="landscape__portrait--PC"] {
                margin-left: 20px;
                
                order: 3;

                height: 100%;
                width: 380px;
            }
            .footer_schedule-QR[data-media="portrait--mobile"] {
                margin-top: 54px;
                
                order: 2;

                height: 154px;
                width: 100%;
            }
            .footer_schedule-QR_content {
                height: 120px;
                width: 380px;
                padding-top: 4px;

                background-color: var(--color-test);
            }
                .footer_schedule {
                    margin-top: 2px;
                    margin-left: 17px;

                    float: left;

                    height: 104px;
                    /* width: 224px; */
                    transform: scaleX(1.15);
                    transform-origin: top left;

                    font-size: 16px;
                    line-height: 16px;
                    color: white;
                    table-layout: fixed;
                    border-collapse: collapse;


                    background-color: var(--color-test);
                    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5))
                }
                    .footer_schedule tr {
                        height: 17px;
                    }
                    .footer_schedule tr > td:nth-child(1) {
                        width: 51px;

                        text-align: right;
                        font-weight: bold;
                    }
                    .footer_schedule tr > td:nth-child(2) {
                        width: 27px;
                        padding-left: 20px;
                    }
                        .footer_schedule tr > td:nth-child(2) >span {
                            position: relative;
                            top: -4px;

                            font-size: 10px;
                        }
                    .footer_schedule tr > td:nth-child(3) {
                        width: 20px;
                        padding-left: 16px;

                        background-color: var(--color-test);
                    }
                        .footer_schedule tr > td:nth-child(3) > img {
                            width: 44px;
                        }
                .footer_qr {
                    position: relative;
                    margin-right: 11px;
                    float: right;


                }
                        .footer_qr::after {
                            position: absolute;
                            z-index: 5;
                            top: 0;
                            left: 0;

                            height: calc(100% - 86px);
                            width: 100%;
                            padding-top: 66px;

                            opacity: 0;
                            
                            content: "Збільшити";
                            text-align: center;

                            filter: drop-shadow(0 0 20px black);

                            background-image: url(../img/general/footer/QR_loupe.svg);
                            background-size: 40px 40px;
                            background-position: center;
                            background-repeat: no-repeat;

                            transition: all 0.2s ease-in-out;
                        }
                            .footer_qr:hover::after {
                                opacity: 1;
                            }
                    .footer_qr > img {
                        height: 106px;
                        width: 106px;

                        filter: blur(0px)
                                drop-shadow(0 0 5px white)
                                drop-shadow(0 0 5px white);

                        transition: all .2s ease;
                    }
                        .footer_qr[data-media="pointer--fine"]:hover > img {
                            filter: blur(3px)
                                    drop-shadow(0 0 5px white)
                                    drop-shadow(0 0 5px white);
                        }
    .footer_background {
        outline: 0;
    }
        .footer_background[data-media="landscape__portrait--PC"] {
            position: relative;
            z-index: -1;
            margin-top: 12px;
            top: -100%;

            height: 100%;
            width: 100%;
        }
        .footer_background[data-media="portrait--mobile"] {
            display: none;
        }
        .footer_background > div {
            position: absolute;
            z-index: -1;
            bottom: 0;

            height: 222px;
            width: 213px;

            opacity: 0.6;
            filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.5));

            background-image: url(../img/general/tree.webp);
            background-size: 100% auto;
            background-position: center top;
        }
            .footer_background > :nth-child(1) {
                right: clamp(calc(100vw / 2 + 580px / var(--scale_1200)), calc(100vw - 244px / var(--scale_1200)), 10000px);
            }
            .footer_background > :nth-child(2) {
                left: clamp(calc(100vw / 2 + 580px / var(--scale_1200)), calc(100vw - 244px / var(--scale_1200)), 10000px);
                transform: scaleX(-1);
            }