

/* Start:/bitrix/templates/aspro_max/components/bitrix/news/contacts/style.css?17920565177918*/
/* ===== /contacts/: фирменные магазины на карте, легенда, «рядом со мной», подсказка региона ===== */

/* метка фирменного магазина и группы фирменных (рисует map.yandex.view/map/script.js) */
@keyframes firmPinPulse {
  0% { transform: scale(1); opacity: .8; }
  100% { transform: scale(1.9); opacity: 0; }
}
.firm-pin {
  position: absolute;
  left: 0;
  top: 0;
  width: 54px;
  height: 66px;
  cursor: pointer;
}
.firm-pin:before {
  content: "";
  position: absolute;
  left: 7px;
  top: 7px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(220, 47, 47, .35);
  /* только transform/opacity в своём слое — без перерисовки карты на каждом кадре */
  will-change: transform, opacity;
  animation: firmPinPulse 2s ease-out infinite;
}
/* у групп пульсации нет — их на общей карте много */
.firm-pin--cluster:before {
  display: none;
}
.firm-pin svg {
  position: absolute;
  left: 0;
  top: 0;
}
.firm-pin__label {
  position: absolute;
  left: 11px;
  top: 15px;
  width: 32px;
  height: 24px;
  border-radius: 4px;
  background: #fff;
  color: #dc2f2f;
  font: 700 12px/24px Arial, sans-serif;
  letter-spacing: .5px;
  text-align: center;
}
.firm-pin--cluster .firm-pin__label {
  top: 11px;
  height: 32px;
  padding-top: 4px;
  box-sizing: border-box;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}
.firm-pin--cluster .firm-pin__label b {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 13px;
  color: #222;
  letter-spacing: 0;
}

/* бейдж в балуне */
.map_info_store .map-firm-badge {
  display: inline-block;
  margin-bottom: 8px;
  padding: 2px 10px;
  border-radius: 12px;
  background: #fde8e9;
  color: #dc2f2f;
  font-size: 12px;
  line-height: 18px;
}

/* легенда на карте */
.contacts-page-map {
  position: relative;
}
.contacts-map-legend {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 100;
  width: 260px;
  max-width: calc(100% - 24px);
  box-sizing: border-box;
  padding: 10px 14px 12px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  color: #333;
  font-size: 13px;
  line-height: 18px;
}
.contacts-map-legend__total {
  margin-bottom: 6px;
  color: #888;
  font-size: 12px;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.contacts-map-legend__total b {
  display: block;
  color: #333;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0;
}
.contacts-map-legend__row {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.contacts-map-legend__row b {
  margin-left: auto;
  padding-left: 12px;
}
.contacts-map-legend__icon {
  flex: 0 0 16px;
  height: 20px;
  margin-right: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18' viewBox='0 0 46 57'%3E%3Cpath d='M23 0A20 20 0 0 0 3 20c0 14 20 37 20 37s20-23 20-37A20 20 0 0 0 23 0z' fill='%23dc2f2f'/%3E%3Ccircle cx='23' cy='20' r='9' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
}
.contacts-map-legend__icon--firm {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 54 66'%3E%3Cpath d='M27 2C13.2 2 2 13.2 2 27c0 17.5 25 37 25 37s25-19.5 25-37C52 13.2 40.8 2 27 2z' fill='%23dc2f2f'/%3E%3Crect x='11' y='15' width='32' height='24' rx='4' fill='%23fff'/%3E%3C/svg%3E");
}
.contacts-map-legend__short {
  display: none;
}
.contacts-map-legend__nearest {
  display: block;
  margin-top: 8px;
  padding: 7px 10px 7px 30px;
  border: 1px solid #dc2f2f;
  border-radius: 6px;
  color: #dc2f2f;
  font-size: 13px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23dc2f2f' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%23dc2f2f'/%3E%3Cpath d='M12 1v4M12 19v4M1 12h4M19 12h4'/%3E%3C/svg%3E") 9px center no-repeat;
  transition: background-color .2s, color .2s;
}
.contacts-map-legend__nearest:hover {
  background-color: #fde8e9;
}
.contacts-map-legend__nearest.loading {
  opacity: .6;
  pointer-events: none;
}

/* список ближайших */
.contacts-map-legend__list:empty {
  display: none;
}
.contacts-map-legend__list {
  max-height: 260px;
  margin-top: 8px;
  overflow-y: auto;
}
.contacts-map-legend__list-title {
  margin-bottom: 4px;
  color: #888;
  font-size: 12px;
}
.contacts-map-legend__item {
  display: block;
  padding: 6px 0;
  border-top: 1px solid #eee;
  cursor: pointer;
}
.contacts-map-legend__item:hover .contacts-map-legend__item-name {
  color: #dc2f2f;
}
.contacts-map-legend__item-name {
  display: block;
  font-weight: 500;
}
.contacts-map-legend__item-addr {
  display: block;
  color: #888;
  font-size: 12px;
  line-height: 16px;
}
.contacts-map-legend__item-dist {
  float: right;
  margin-left: 8px;
  color: #333;
  font-weight: 600;
  white-space: nowrap;
}
.contacts-map-legend__item-firm {
  display: inline-block;
  margin-left: 4px;
  padding: 0 6px;
  border-radius: 8px;
  background: #fde8e9;
  color: #dc2f2f;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
}

/* подсказка «Ваш регион — …?» — окно поверх карты, по центру сверху */
.contacts-page-map .contacts-geo-prompt {
  position: absolute;
  left: 50%;
  top: 12px;
  z-index: 101;
  width: 480px;
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}
.contacts-geo-prompt__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  padding: 14px 16px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
.contacts-geo-prompt__inner > span:first-child {
  flex: 0 0 100%;
}
.contacts-geo-prompt__btn {
  padding: 6px 16px;
  border-radius: 6px;
  background: #dc2f2f;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}
.contacts-geo-prompt__btn:hover {
  background: #c22424;
  color: #fff;
}
a.contacts-geo-prompt__btn,
a.contacts-geo-prompt__btn:visited {
  color: #fff;
  text-decoration: none;
}
.contacts-geo-prompt__link {
  color: #666;
  border-bottom: 1px dashed #999;
  cursor: pointer;
  white-space: nowrap;
}

/* метка «Вы здесь» */
.contacts-me-pin {
  position: absolute;
  left: -9px;
  top: -9px;
  width: 18px;
  height: 18px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #2b7de9;
  box-sizing: border-box;
  box-shadow: 0 0 0 6px rgba(43, 125, 233, .25), 0 2px 4px rgba(0, 0, 0, .3);
}

/* на телефоне карта маленькая — легенда и окно региона под картой */
@media (max-width: 767px) {
  .contacts-page-map .contacts-geo-prompt {
    position: static;
    width: auto;
    max-width: none;
    margin: 10px 16px 0;
    transform: none;
  }
  .contacts-geo-prompt__inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    font-size: 13px;
  }
  .contacts-map-legend {
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: auto;
    max-width: none;
    margin: 10px 16px 0;
    padding: 0;
    box-shadow: none;
    background: none;
    font-size: 13px;
  }
  .contacts-map-legend__list {
    flex: 0 0 100%;
  }
  .contacts-map-legend__total,
  .contacts-map-legend__row {
    display: none;
  }
  .contacts-map-legend__short {
    display: block;
  }
  .contacts-map-legend__nearest {
    margin-top: 0;
    padding: 5px 8px 5px 28px;
    font-size: 12px;
  }
  .contacts-map-legend__list {
    max-height: 200px;
  }
}

/* End */


/* Start:/bitrix/templates/aspro_max/components/bitrix/map.yandex.system/map/style.min.css?1753115195826*/
div.bx-yandex-map{color:#000;font-size:11px}div.bx-yandex-map div.YMaps-b-balloon-content{color:#000;font-size:11px}div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td{padding:0!important}div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{font-size:11px}div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b{background-image:none!important}.gm-style,.gm-style-iw-d,body .ymaps-map .ymaps-b-balloon,body div.bx-yandex-map{font:15px/25px Montserrat,Arial,sans-serif;font:var(--theme-font-size)/var(--theme-line-height) var(--theme-font-family)}
/* End */


/* Start:/bitrix/templates/aspro_max/components/bitrix/news.list/contacts/style.min.css?17912700442849*/
.contacts-stores.shops-list1 .item .image{width:150px;max-height:95px;overflow:hidden}.contacts-stores.shops-list1 .item .top-wrap{margin:0;padding:0 0 0 190px}.contacts-stores.shops-list1 .item.wti .top-wrap{margin-top:0;padding-left:0}.contacts-stores.shops-list1 .item{margin:0 0 -1px;padding:30px}.contacts-stores.shops-list1 h4{margin-top:44px;margin-bottom:32px}.shops-list1 .metro .svg-inline-metro path{fill:red}.shops-list1 .schedule .svg-inline-clock path{fill:#999}.shops-list1 .metro span.text,.shops-list1 .schedule span.text,.shops-list1 .show_on_map.colored_theme_text .text_wrap span.text{padding-left:10px}.shops-list1 .icon-text.grey{background:0 0}.shops-list1 .icon-text.s20 .fa{font-size:20px;line-height:20px}.shops-list1 .icon-text.s20 img{vertical-align:top}.shops-list1 .item .top-wrap .title{margin:0 0 10px}.shops-list1 .item .middle-prop{margin:-3px -12px 6px}.shops-list1 .item .top-wrap .show_on_map>span{position:relative;cursor:pointer}.shops-list1 .item .top-wrap .metro{display:inline-block;margin:5px 12px;vertical-align:top;position:relative}.shops-list1 .item .top-wrap .show_on_map{margin:5px 12px;display:inline-block;vertical-align:top}.shops-list1 .show_on_map.colored_theme_text:hover .text_wrap span.text{color:#333;color:var(--white_text_black)}.shops-list1 .show_on_map.colored_theme_text:hover .text_wrap .svg-inline-on_map path{fill:#333;fill:var(--white_text_black)}.shops-list1 .schedule .svg-inline-clock svg{width:11px;height:11px}.shops-list1 .metro .svg-inline-metro svg{width:11px;height:8px}.shops-list1 .right-block-contacts .pay_block img{max-width:40px}.shops-list1 .right-block-contacts .pay_block{line-height:20px}@media (max-width:991px){.shops-list1 .right-block-contacts .emails,.shops-list1 .right-block-contacts .phones{margin-bottom:10px}.shops-list1 .right-block-contacts .icon-text.s20:first-child{padding-left:0}}@media (min-width:768px){.contacts-stores.shops-list1 .item .right-block-contacts{margin-top:3px}}@media (max-width:767px) and (min-width:551px){.contacts-stores.shops-list1 .item .right-block-contacts .item-body{padding:0 0 0 190px}.contacts-stores.shops-list1 .item .right-block-contacts{margin-top:5px}}@media (max-width:550px){.contacts-stores.shops-list1 .item .image img{width:100%}.contacts-stores.shops-list1 .item .top-wrap{padding-left:0}.contacts-stores.shops-list1 .item .image{width:auto;max-height:100%;float:none!important;margin:0 0 23px}.shops-list1 .right-block-contacts .emails,.shops-list1 .right-block-contacts .phones{margin-top:10px}}.shops-list1 .firm-store-badge{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 9px 2px 3px;border-radius:12px;background:#fde8e9;color:#e31e24;font-size:12px;line-height:18px;font-weight:400;vertical-align:middle;white-space:nowrap}.shops-list1 .firm-store-badge__icon{flex:0 0 18px}
/* End */
/* /bitrix/templates/aspro_max/components/bitrix/news/contacts/style.css?17920565177918 */
/* /bitrix/templates/aspro_max/components/bitrix/map.yandex.system/map/style.min.css?1753115195826 */
/* /bitrix/templates/aspro_max/components/bitrix/news.list/contacts/style.min.css?17912700442849 */
