#service{margin:20px auto 80px}
.service-top{margin-bottom:30px;gap:15px 0}
.service-buttons{gap:10px}
.service-button{padding:10px 18px;color:var(--color-white-h);background:transparent;border-radius:calc(2 * var(--radius-large));border:2px solid var(--color-gray2);font-size:var(--font-size-body);line-height:1;border-radius:0;}
.service-button:hover {background:var(--color-gray2)}
.service-button.active{color:var(--color-dark2);background:var(--color-gray4);border-color:var(--color-gray4);pointer-events:none}
.service-cityPicker{display:flex;justify-content:flex-end}
.service-cityPicker-active{color:var(--color-white);height:40px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:calc(1.1 * var(--font-size-body))}
.service-cityPicker-active.dropdown-toggle::after{width:16px;height:16px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 10.4L8 4L15 10.4L13.25 12L8 7.2L2.75 12L1 10.4Z" fill="%23E8E8E8"/></svg>') no-repeat center center;border:none;transform:rotate(180deg);transition:var(--duration-fast) transform ease;margin:0}
.service-cityPicker-active[aria-expanded="true"]:after{transform:rotate(0deg)}
.service-cityPicker-active:hover {color:var(--color-main)}
.service-cityPicker .dropdown-menu{padding:12px 7px 12px 15px;border-radius:0;border:none;background:var(--color-gray);color:var(--color-white);width:188px}
.service-cityPicker .dropdown-menu-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:8px}
.service-cityPicker .dropdown-item{padding:0;font-size:calc(1.05 * var(--font-size-body));color:inherit;background:none}
.service-cityPicker .dropdown-item:not(.active):hover{color:var(--color-main);background:none}
.service-cityPicker .dropdown-item.active{color:var(--color-main-h);background:none}
.service-mapContainer{position:relative;width:100%;aspect-ratio:2 / 1.07178;margin-bottom:30px}
.service-mapLoader{position:absolute;top:0;left:0;width:100%;height:100%;font-size:var(--font-size-price);color:var(--color-black);z-index:2;background:url(/image/catalog/icon/yMaps.jpg) no-repeat 50% 50% / cover}
.service-map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
[class$="ground-pane"]{-webkit-filter:grayscale(1);filter:grayscale(1)}
.service-listBody{gap:20px 0}
.service-listItem{font-size:var(--font-size-price);line-height:1.4;gap:20px}
.service-listItem-title{font-weight:600;margin:0}
.service-listItem-phone a{color:var(--color-gray2)}
.service-listItem-open{text-align:left;color:var(--color-main);font-size:.89em}
.service-listItem-open:hover {color:var(--color-main-h)}
@media screen and (max-width: 767px) {
#service{margin-bottom:40px}
.service-top{margin-bottom:15px}
.service-cityPicker{justify-content:flex-start}
#map-collapse{width:100vw;left:calc(50% - 50vw);position:relative}
.service-mapContainer{margin-bottom:20px;aspect-ratio:1 / 1.33334}
.service-listBody{gap:30px 0}
.service-listItem{font-size:var(--font-size-body)}
.service-listItem-phone{margin:0}
}