/* Start:/local/templates/mavt_adaptiv_2022/components/ranx/catalog.store.list/shops/style.css?17689587437671*/
.dropdown-items{
  display:none;
  position:absolute;
  top:18px;
  left:0;
  background:#fff;
  list-style:none;
  padding:0;
  border-radius:3px;
  z-index:100;
  box-shadow:0 0 15px 0 rgba(0,0,0,.15);
  transition: all .2s ease-in-out;
}
.dropdown:hover .dropdown-items {
  display: block;
}
.dropdown.dropdown--tasting__contact .dropdown-items,
.dropdown.dropdown--tour__contact .dropdown-items,
.dropdown.dropdown--eco__contact .dropdown-items {
  top: -61px;
  line-height: 13px;
  font-size: 13px;
  color: #505d72;
  padding: 16px 18px;
  white-space: nowrap;
  left: -70px;
}

.dropdown.dropdown--tour__contact .dropdown-items{
  left: -28px;
}

.tabs div.yamap__block, .tabs div.filter__input__contacts, .tabs div.chechboxes__contacts {
  display: block;
  padding-top: 0;
  margin-bottom: 16px;
  margin-top: 28px;
}

.tabs div.filter__input__contacts {
  position: relative;
  margin-bottom: 22px;
  display: flex;
  gap: 24px;
}

.filter__input__contacts form {
  max-width: 83%;
  width: 100%;
}

.filter__input__contacts .contacts__search_input[type="text"] {
  border-radius: 4px;
  background: #EFF2F6;
}

.btn.filter__btn {
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #D6DFEA;
  color: #505D72;
  padding: 8px 15px;
}

.btn.filter__btn_active {
  background-color: #EA5444;
  color: #fff;
  padding: 8px 15px;
}

.tabs div.chechboxes__contacts {
  margin-bottom: 22px;
}

.contacts__search_button {
  position: absolute;
  right: 0;
  top: 25px;
  background: 0;
  border: 0;
  padding: 13px 12px 11px 12px;
  cursor: pointer;
  outline: none;
}

.contacts__search_button .svg--search {
  fill: #9ca6b7;
}

.contacts__search_input {
  font-size: 14px;
}

.listview__item__arrow .svg--arrow-right-s {
  fill: #9ca6b7;
}

.listview__item:hover .svg--arrow-right-s {
  fill: #ffffff;
}

.dropdown-title {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}

.dropdown--eco__contact .dropdown-items {
  width: 200px;
  top: -190px!important;
  left: -92px!important;
}

.dropdown--eco__contact span {
  white-space: normal;
  font-size: 13px;
  line-height: 17px;
  left: -92px;
}

.listview__item__icons .dropdown.dropdown--eco__contact:hover  .dropdown-items::before {
  top: 178px;
}


.shop-list .listview__item--contacts .listview__item__icons{
  width: 100px;
  margin-top: 1px;
}

.eco-hint {
  display: block;
  min-height: 100px;
  padding: 28px 30px 28px 88px;
  margin-top: 36px;
  border: 1px solid #E6EBF1;
  border-radius: 3px;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 21px;
  color: #273647;
  background: url('/local/templates/mavt_adaptiv_2022/components/ranx/catalog.store.list/shops/img/eco-marker.svg') no-repeat 20px 20px;
}

.eco-hint a {
  color: #8e1642;
  border-bottom: 1px dotted #8e1642;
}

.form__group--payment-legal label > span {
  margin-bottom: 10px;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 5px;
  text-decoration-color: #273647;
  text-decoration-thickness: from-font;
}

.form__group--payment-legal.form__group [type="checkbox"] + label .form__check__draw {
  margin-top: 3px;
}

.filter-legal {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
}

.filter-legal .form__group--payment-legal {
  align-self: auto;
}

.filter-legal .form__group--payment-legal-primary {
  color: var(--primary-color);
}

.filter-legal .form__group--payment-legal-primary > div {
  text-decoration-color: var(--primary-color);
}

.payment-nds,
.payment-legal {
  font-size: 12px;
  line-height: 12px;
}

@media (max-width: 640px) {
  .listview__item > a.listview__item__phone-mobile {
    display: inline-block;
  }
  .shop__list .listview.listview--p-17 .listview__item {
    padding-right: 50px;
  }

  .listview__item__icons .dropdown:first-child .svg--eco-s + .dropdown-items {
    left: -20px!important;
  }

  .listview__item__icons .dropdown:first-child .svg--eco-s + .dropdown-items:before {
    left: 17%;
  }

  .form__group--payment-legal {
    margin-bottom: 10px;
  }
}

.listview__item{
  gap: 10px;
}

@media (min-width: 768px) and (max-width: 991px), (min-width: 1200px){
  .listview__item > div:nth-child(1),
  .listview__item > div:nth-child(2){
    width: 20%;
    min-width: 20%;
  }
}

.listview__item__desc_container{
  flex-direction: column;
}

.listview__city .listview__item--contacts div.listview__item__info__title{
  padding: 0;
}

.shop-list .listview__item--contacts .listview__item__icons{
  display: flex;
  gap: 15px;
  margin: 0;
}

div.listview__item .listview__item__link_tasting, 
div.listview__item .listview__item__link_tour{
  min-width: 20px;
  margin: 0;
}

.shop-list .listview__item--contacts .free-parking{
  display: flex;
  align-items: flex-start;
}

.shop-list .listview__item--contacts .free-parking > div{
  position: relative;
  gap: 8px;
}

.shop-list .listview__item--contacts .free-parking svg{
  min-width: 18px;
  width: 18px;
  height: 18px;
}

.shop-list .listview__item--contacts .free-parking > div div:not(.free-parking-note){
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  white-space: nowrap;
}

.shop-list .listview__item--contacts .free-parking i{
  min-width: 18px;
  width: 18px;
  height: 18px;
}

.free-parking-note{
  position: absolute;
  display: none;
  width: 255px;
  left: 0;
  top: calc(100% + 8px);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(138, 153, 179, 0.3);
  border-radius: 5px;
  padding: 10px;
  z-index: 2;
}

@media (min-width: 768px) and (max-width: 991px), (min-width: 1200px){
  .free-parking-note{
    left: calc(100% + 8px);
    top: 0;
  }
}

.free-parking i:hover + .free-parking-note{
  display: block;
}

.address {
  margin-top: 8px;
}

.address + .map-item {
  margin-top: 16px;
}

.map-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.map-item:last-child {
  margin-bottom: 0;
}

ymaps .shops__features-item {
  background: transparent;
  padding: 0;
  margin-bottom: 4px;
}

ymaps .shops__features-item:last-child {
  margin-bottom: 0;
}

ymaps.ymaps-b-balloon.ymaps-i-custom-scroll {
  width: 280px !important;
}

ymaps.ymaps-b-balloon__close.yamaps__custom__close {
  top: -20px !important;
  right: -20px !important;
}

.mobile-panel {
  display: none;
}

@media (max-width: 768px) {
  .mobile-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .mobile-panel .dropdown {
    border: 1px solid #D6DFEA;
    cursor: pointer;
    padding: 8px;
  }

  .mobile-panel button {
    display: flex;
    gap: 8px;
    align-items: center;
    border: none;
    background: transparent;
    padding: 0;
  }

  .mobile-panel button span {
    color: #273647;
    font-size: 16px;
    border-bottom: 1px dashed #273647;
  }
}

div.listview__item--contacts .listview__item__phone, 
div.listview__item--contacts .listview__item__schedule{
  margin: 0;
}

.listview__item__schedule {
  float: right;
}

@media (min-width: 768px) and (max-width: 991px), (min-width: 1200px){
  .listview__item__schedule {
    float: none;
  }
}

.opening-soon{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-color);
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  background: #d5f3d6;
  padding: 4px 8px;
}
/* End */
/* /local/templates/mavt_adaptiv_2022/components/ranx/catalog.store.list/shops/style.css?17689587437671 */