/* Start:/local/templates/main_pravt/components/bitrix/news.list/tps_map/style.css?17748580809673*/
.container {
    display: flex;
    height: 80vh;
}
.sidebar {
    width: 400px;
    background: #fff;
    border: 9px solid #F2F2F2;
    padding: 30px 10px 30px 18px;
    border-radius: 10px;
}
.sidebar-inner{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}
.search-panel {
    background: white;
    position: relative;
    margin-bottom: 10px;
}
.resetBtn{
    width: 44px;
    height: 100%;
    background-color: transparent;
    background-position: center;

    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
}
.resetBtn.--default{
    background-size: 20px;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 19L13 13M1 8C1 8.91925 1.18106 9.82951 1.53284 10.6788C1.88463 11.5281 2.40024 12.2997 3.05025 12.9497C3.70026 13.5998 4.47194 14.1154 5.32122 14.4672C6.1705 14.8189 7.08075 15 8 15C8.91925 15 9.82951 14.8189 10.6788 14.4672C11.5281 14.1154 12.2997 13.5998 12.9497 12.9497C13.5998 12.2997 14.1154 11.5281 14.4672 10.6788C14.8189 9.82951 15 8.91925 15 8C15 7.08075 14.8189 6.1705 14.4672 5.32122C14.1154 4.47194 13.5998 3.70026 12.9497 3.05025C12.2997 2.40024 11.5281 1.88463 10.6788 1.53284C9.82951 1.18106 8.91925 1 8 1C7.08075 1 6.1705 1.18106 5.32122 1.53284C4.47194 1.88463 3.70026 2.40024 3.05025 3.05025C2.40024 3.70026 1.88463 4.47194 1.53284 5.32122C1.18106 6.1705 1 7.08075 1 8Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.resetBtn.--close{
    background-size: 14px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.12238 20L0 18.8776L8.87761 10L0 1.12238L1.12238 0L10 8.87761L18.8776 0L20 1.12238L11.1224 10L20 18.8776L18.8776 20L10 11.1224L1.12238 20Z' fill='black'/%3E%3C/svg%3E%0A");
}
.search-panel input{
    width: 100%;
    padding: 10px 45px 10px 10px;
    border: 4px solid #C82132;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
}
.search-panel select {
    margin-bottom: 0;
}
.shop-list {
    flex: 1;
    overflow-y: auto;
    scrollbar-color: #888 #f1f1f1;
    scrollbar-width: thin;
    padding-right: 10px;
}
.shop-item {
    background: white;
    border-radius: 10px;
    padding: 12px;
    position: relative;
    cursor: pointer;
}
.shop-item:not(:last-child)::after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 95%;
    height: 2px;
    background: #DADADA;
    content: '';
    display: block;
    margin: auto;
}
.shop-item:hover {
    background: #fafafa;
}
.shop-item.active {
    background: #F2F2F2;
}
.shop-item .phones{
    margin-bottom: 10px;
}
.shop-item .phones a{
    white-space: nowrap;
    font-weight: 200;
    color: #000000;
    line-height: 1;
    border-bottom: 1px solid #5b5b5b;
    display: inline-block;
}
.shop-item .phones span{
    white-space: nowrap;
    font-weight: 200;
    color: #000000;
    line-height: 1;
    display: inline-block;
}
.shop-item .phones a:hover{
    border-color: transparent;
}
.shop-item h4 {
    font-size: 20px;
    font-family: 'Days One';
    margin-bottom: 5px;
    color: #000;
}
.shop-item p {
    font-size: 20px;
    color: #666;
    margin-bottom: 3px;
    line-height: 1;
    text-wrap: pretty;
}
.shop-item small {
    font-size: 12px;
    color: #999;
}
.map-wrap {
    flex: 1;
    height: 100%;
    position: relative;
    padding-left: 15px;
}
#map{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.detail-info-container{
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fff;
    padding: 25px 15px 15px;
    border-radius: 10px;
    display: none;
    z-index: 3;
    width: 350px;
}
.detail-info-container.active{
    display: block;
}
.detail-info-container-close {
    position: absolute;
    top: 7px;
    right: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    cursor: pointer;
}
.clusterIcon{
    width: 46px;
    height: 46px;
    border: 2px solid black;
    background: #C83642;
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.my-balloon{
    width: 300px;
}
.my-balloon h3{
    font-size: 20px;
    font-family: 'Days One';
    margin-bottom: 10px;
    text-transform: uppercase;
}
#map .ymaps-2-1-79-balloon{
    border-radius: 10px;
    border: 6px solid #F2F2F2;
    background: #fff;
}
#map .ymaps-2-1-79-balloon__content {
    padding: 22px 12px 22px 27px;
}
#map .ymaps-2-1-79-balloon::after{
    position: absolute;
    border: 20px solid transparent;
    border-top: 16px solid black;
    top: calc(100% + 6px);
    left: 45px;
    right: auto;
    margin: auto;
    content: '';
    display: block;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
}
#map .ymaps-2-1-79-balloon_to_top .ymaps-2-1-79-balloon__tail{
    display: none;
}
#map .ymaps-2-1-79-balloon{
    box-shadow: 0 4px 33px 0 #00000040;
}
#map .ymaps-2-1-79-balloon__close-button {
    display: block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.12238 20L0 18.8776L8.87761 10L0 1.12238L1.12238 0L10 8.87761L18.8776 0L20 1.12238L11.1224 10L20 18.8776L18.8776 20L10 11.1224L1.12238 20Z' fill='black'/%3E%3C/svg%3E%0A") 50% no-repeat;
    opacity: 1;
}

.my-balloon-content{
    font-family: 'FuturaPT', Arial, Helvetica, sans-serif;
}

.my-balloon-address{
    margin-bottom: 10px;
}
.my-balloon-address address{
    font-weight: 300;
    font-size: 20px;
    display: block;
    font-style: normal;
    color: #000;
}
.my-balloon-link{
    color: #4361CE;
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}
.my-balloon-phones{
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 20px;
    margin-bottom: 10px;
}
.my-balloon-phones .phone-item a{
     white-space: nowrap;
     font-weight: 400;
     color: #000000;
     line-height: 1;
     border-bottom: 1px solid transparent;
     display: inline-block;
}
.my-balloon-phones .phone-item a:hover{
    border-color: #5b5b5b;
}
.email-item{
    color: #4361CE;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}
.my-balloon-schedules:not(:empty){
    margin-bottom: 4px;
}
.schedule-item{
    font-weight: 300;
    font-size: 16px;
    color: #525252;
}
.up-reset-button{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 36px;
    height: 36px;
    background: #000;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: -3px 1px 4px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.25s ease-out;
    display: none;
}
.up-reset-button svg{
    width: 22px;
    height: 22px;
    transition: transform 0.25s ease-out;
}
.up-reset-button:hover {
    box-shadow: none;
}
.up-reset-button:hover svg{
    transform: rotate(-90deg);
    box-shadow: none;
}
.my-balloon-route{
    display: flex;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border: 1px solid #3757CB;
    border-radius: 4px;
    padding: 0 15px;
    margin-top: 20px;
}
.my-balloon-route span{
    border-bottom: 1px dashed #000;
    font-size: 20px;
    color: #000;
    font-weight: 300;
}
.my-balloon-route:hover span{
    border-color: transparent;

}
.custom-zoom {
    position: absolute; /* Чтобы разместить поверх карты */
    top: 37px;
    right: 29px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.custom-zoom-btn {
    width: 58px;
    height: 58px;
    background: #000000;
    border: none;
    border-radius: 50%;
    font-size: 36px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.custom-zoom-btn#zoom-out-btn span {
    transform: translateY(-2px);
}
.custom-zoom-btn:hover {
    opacity: 0.8;
}
@media screen and (max-width: 1300px) {
    .sidebar {
        width: 320px;
    }
}
@media screen and (max-width: 990px) {
    .container {
        display: block;
        height: auto;
    }
    .sidebar {
        width: 100%;
        margin-bottom: 15px;
        padding: 10px 10px 0 8px;
    }
    .shop-list {
        height: 270px;
        flex: none;
    }
    .map-wrap {
        flex: none;
        height: 600px;
        padding-left: 0;
    }
    .custom-zoom{
        top: 10px;
        right: 10px;
    }
    .custom-zoom-btn{
        width: 36px;
        height: 36px;
        font-size: 24px;
    }
}
@media screen and (max-width: 420px) {
    .my-balloon {
        width: 200px;
    }
    .my-balloon h3 {
        font-size: 16px;
    }
    .my-balloon-phones {
        font-size: 16px;
    }
    .shop-item p {
        font-size: 16px;
    }
    .my-balloon-content address {
        font-size: 16px;
        line-height: 1;
    }
    .my-balloon-route:hover .show_modal{
        font-size: 16px;
    }
}
@media screen and (max-width: 390px)
{
    .schedule-item {
        font-size: 11px;
        margin-bottom: 3px;
    }
}
/* End */
/* /local/templates/main_pravt/components/bitrix/news.list/tps_map/style.css?17748580809673 */