:root {
    --redbrown: #800806;
}

.w550-show,
.w700-show {
    display: none;
}

/*.switchLocale button {
    box-sizing: border-box;
    width: 20px;
    height: 14px;
    padding: 0;
    border: 0;

    cursor: pointer;
    background-size: cover;
}

.switchLocale button[data-id=RU] {
    background-image: url('./../images/icon/ru.png');
}
.switchLocale button[data-id=EN] {
    background-image: url('./../images/icon/en.png');
}
.switchLocale button[data-id=CH] {
    background-image: url('./../images/icon/ch.png');
}*/

/*шапка сайта*/
.pn_header {
    /*width: 100%;*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*!*padding: 10px;*!*/
    /*font-size: 16px;*/
    /*box-sizing: border-box;*/
    position: relative;
    background: #F8E5DC;
    padding-left: 15px;
    padding-right: 15px;
    /*margin-left: -10px;*/
    /*margin-right: -10px;*/
}

.pn_header .colll,
.pn_header .col
{
    padding: 10px 10px 0;
}

    /*левая.телефон, почта, расписание*/
    /*.pn_left {*/
    /*    !*flex-basis: 270px;*!*/
    /*    padding: 10px 0 10px 10px;*/
    /*    color: #800806;*/
    /*    color: var(--redbrown);*/
    /*}*/

        .pn_links {
            margin-top: 10px;
        }
            .pn_show_header_map+.pn_show_header_map {
                margin-top: 5px;
            }

    /*средняя*/
    /*.pn_center {*/
    /*    flex-grow: 1;*/
    /*    padding: 10px;*/
    /*    position: relative;*/
    /*}*/
        /*заголовок Пирожковая*/
        .pn_header .headTextLogo,
        .pn_header h1
        {
            box-sizing: border-box;
            background: url('/images/logo.svg') no-repeat 50% 50%;
            width: calc(100% - 20px);
            background-size: contain;
            height: 41px;
            margin: 4px 17px 10px;
            color: transparent;
            font-size: 9px;
            display: block;
        }
        @media (max-width: 460px) {
            .pn_header .headTextLogo,
            .pn_header h1 {
                margin-left: 30px;
                width: calc(100% - 30px);
            }
        }

        /*заголовок на Восстания*/
        .pn_header .h2 {
            /*margin: 0 auto 10px;
            text-align: center;
            color: #800806;
            color: var(--redbrown);
            font-size: 20px;*/

            background: url('/images/logo3.svg') no-repeat 50% 50%;
            -webkit-background-size: 181px 16px;
            background-size: 181px 16px;
            width: 181px;
            height: 16px;
            margin: 10px auto 20px;
        }
        /*расписание работы*/
        .pn_schedule {
            color: #800806;
            color: var(--redbrown);
        }
        .pn_center .pn_schedule {
            text-align: center;
        }
            .pn_schedule .fwb {
                font-weight: bold;
            }

        /* гамбургер */
        #iconDropdown {
            position: absolute;
            top: 19px;
            left: 5px;
            width: 37px;
            padding: 5px 12px 5px 5px;
            cursor: pointer;
        }

        #iconDropdown:after,
        #iconDropdown:before {
                content: '';
                display: block;
                border-top: 3px solid #800806;
            }
            #iconDropdown:before {
                height: 8px;
            }
            #iconDropdown:after {
                border-bottom: 3px solid #800806;
                height: 11px;
            }

        .pn_center .switchLocale {
            flex-direction: column;
            justify-content: flex-start;
            gap: 5px;

            position: absolute;
            top: 10px;
            right: 5px;

            display: none;
        }
    /*правая*/
    .pn_right {
        /*flex-basis: 270px;*/
        /*align-self: flex-start;*/
        padding: 5px 10px 5px 0;
        text-align: right;
    }


    /*.pn_right .pn_phone {*/
    /*    white-space: nowrap;*/
    /*    padding-right: 27px;*/
    /*    position: relative;*/
    /*}*/

    .socLinks {
        position: absolute;
        right: 10px;
        bottom: 8px;
    }



.pn_header .pn_show_header_map {
    position:absolute;
    bottom: 10px;
}

@media (max-width: 420px) {
    .pn_header .pn_phone {
        margin-left: 80px;
    }
}
    .pn_header .pn_phone a {
        color: #800806;
    }
    .pn_header .pn_phone .whatsappIcon {
        height: 28px;
        width: 28px;
        vertical-align: top;
        position: relative;
        right: -3px;
        bottom: 2px;
    }

    .pn_header .pn_phone .telegramIcon {
        height: 22px;
        width: 22px;
        position: relative;
        left: 3px;
        top: -5px;
    }
    .pn_header .pn_phone .vkIcon {
        position: relative;
        top: 1px;
        margin-left: 6px;
    }


        .pn_right .switchLocale {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            gap: 5px;
        }
        /*адрес*/
        .pn_address {
            color: #800806;
            color: var(--redbrown);
        }
/*конец шапки*/

/*@media (max-width: 1100px) {*/
/*    !*.pn_left,*!*/
/*    !*.pn_right {*!*/
/*    !*    flex-basis: 170px;*!*/
/*    !*}*!*/
/*        .pn_center .headTextLogo {*/
/*            margin-top: 0;*/
/*            max-width: 475px;*/
/*        }*/
/*        .pn_right .pn_show_header_map:not(:last-child) {*/
/*            display: none;*/
/*        }*/
/*}*/


@media (max-width: 700px) {
    .w700-hide {
        display: none;
    }
    .w700-show {
        display: block;
    }
    /*.pn_header {*/
    /*    flex-direction: column;*/
    /*    align-items: stretch;*/
    /*    padding: 0;*/
    /*}*/

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

    /*.pn_left,
    .pn_center,
    .pn_right {
        flex-basis: 100%;
    }*/
    .pn_center {
        padding-top: 10px;
        background: #F8E5DC;
    }
        .pn_center h2 {
            margin-bottom: 10px;
        }

        .pn_center .switchLocale {
            display: flex;
        }
    .pn_left {
        order: 1;
    }
    .pn_right {
        order: 2;
        align-self: center;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
        .pn_right .switchLocale {
            display: none;
        }
        .pn_schedule {
            margin-top: 3px;
        }

}

/*@media (max-width: 500px) {*/
/*    .pn_center .headTextLogo {*/
/*        padding-left: 46px;!*5+36+5 слева *!*/
/*        padding-right: 30px;!*5+20+5 справа*!*/
/*        background-size: calc(100% - 76px);!*5+36+5 слева и 5+20+5 справа*!*/
/*        background-position: 46px 50%;!*5+36+5 слева *!*/
/*    }*/
/*}*/





/*для сервиса*/
/*обертка для шапки сайта, шапки сервиса и карты*/
.div_header {
    display: flex;
}

    /*шапка сервиса для стандартных экранов. по умолчанию скрыта*/
    .header_content {
        width: 100%;
        align-items: center;
        display: none;

        background: #F8E5DC;
    }
        /*логотип*/
        .header_content .logo {
            background: url('./../images/logo.svg') no-repeat center;
            min-width: 460px;
            background-size: contain;
            height: 100%;
        }
        .header_content .text{
            width: 100%;
            font-size: 14px;
            color: #800806;
            padding: 0 15px;
        }
    /*карта*/
    .sectionHeader .fancybox_map.mapImage,
    .div_header .fancybox_map.mapImage {
        width: 100%;
        background: url('./../shop/images/images_shop/map.png?v=2');
        background-size: cover;
        display: block;
    }



/*для внутренних страниц сайта. выглядит как шапка сервиса на узках экранах*/
.div_header_lite {
    display: flex;
}

    .div_header_lite .header_content {
        display: flex;
    }

        .div_header_lite .header_content .logo {
            min-width: 170px;
        }

@media (max-width:550px) {
    .w550-hide {
        display: none;
    }
    .w550-show {
        display: block;
    }
    .div_header_lite:not(.d-none) {/* только для внутренних страниц сайта, не для сервиса */
        display: block;
    }
        .div_header_lite:not(.d-none) .header_content {
            flex-direction: column;
            align-items: stretch;
            background: #fff;
            padding: 0;
        }

            .div_header_lite:not(.d-none) .header_content .logo {
                width: auto;
                background-size: calc(100% - 50px);
                background-position: 25px 50%;
                height: 53px;
                background-color: #F8E5DC;
            }

            .div_header_lite:not(.d-none) .header_content .right {
                flex-basis: 100%;
                text-align: center;
                padding-right: 0;
                font-size: 16px;
                margin-top: 20px;
                margin-bottom: 20px;
            }
}