@charset "UTF-8";
/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.shops-tabs-toggle, .shops-tabs-toggle:not(.active), .shop-btns-item, .shop-btns-item.active {
  display: flex;
  justify-content: center;
  align-items: center;
}

.shops-tabs, .shop-info, .shop-info-time {
  display: flex;
  flex-direction: column;
}

.shops {
  margin: 0 0 0 24px;
}
.shops__header h3 {
  margin-bottom: 0;
}
.shops-tabs {
  margin-top: -54px;
  position: absolute;
  max-height: 713px;
  overflow-y: auto;
  gap: 24px;
  width: 462px;
  margin-bottom: 24px;
}
.shops-tabs:not(.all-cities) .shops-tabs-tab {
  margin-top: -16px;
}
.shops-tabs:not(.all-cities) .shops-tabs-tab h5 {
  display: none;
}
.shops-tabs:not(.all-cities) .shops-tabs-tab:not(.active) {
  display: none;
}
.shops-tabs-toggles {
  order: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 1px;
}
.shops-tabs-toggle {
  color: #FFFFFF;
  background: #000000;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 300ms;
  padding: 8px 12px 6px;
  height: 32px;
}
@media (hover: hover) {
  .shops-tabs-toggle:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.shops-tabs-toggle:not(.active) {
  color: #000000;
  background: #F7F7F7;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 300ms;
}
@media (hover: hover) {
  .shops-tabs-toggle:not(.active):hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.shops-tabs-tab {
  width: 100%;
}
.shops-tabs-tab h5:after {
  display: none;
}
.shops-map {
  width: calc(100% - 611px);
  height: 640px;
  margin: 78px 24px 0 587px;
}

@media (max-width: 1200px) {
  .shops {
    margin: 0;
    flex-direction: column;
    gap: 24px;
  }
  .shops__header {
    margin-bottom: 0;
  }
  .shops__header h3 {
    margin-top: 12px;
  }
  .shops-btns {
    margin: 16px 16px;
  }
  .shops-btns-item {
    width: 100% !important;
  }
  .shops-tabs {
    max-height: 100%;
    position: relative;
    margin: 0 16px 0;
  }
  .shops-tabs:not(.active) .shops-tabs-tab {
    display: none;
  }
  .shops-map {
    width: 100%;
    height: 644px;
    margin: 24px 0 0;
  }
  .shops-map:not(.active) {
    display: none;
  }
}
.shop {
  position: relative;
  padding-left: 24px;
  margin-bottom: 50px;
  min-height: 335px;
}
.shop-btns {
  display: flex;
  margin-bottom: 24px;
}
.shop-btns-item {
  padding: 6px 17.4px;
  display: flex;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
  cursor: pointer;
}
.shop-btns-item.active {
  display: flex;
  color: #FFFFFF;
  background: #000000;
  border: none;
  cursor: pointer;
}
.shop-btns-item[disabled] {
  opacity: 0.5;
  cursor: auto;
  display: none;
}
.shop-tabs .shop-map {
  margin: 0 24px 0 525px;
  width: calc(100% - 430px - 95px - 24px);
  height: 521px;
}
.shop-tabs .shop-imgs {
  width: calc(100% - 430px - 95px);
  margin-left: 525px;
}
.shop-tabs-item:not(.active) {
  display: none;
}
.shop-info {
  position: absolute;
  top: 56px;
  gap: 12px;
  width: 430px;
}
.shop-info h6::after, .shop-info .ag-medium::after {
  display: none;
}
.shop-info-time h6 {
  margin: 12px 0;
}
.shop-route {
  display: inline-block;
  width: 143px;
}
.shop-imgs {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
}
.shop-imgs img {
  width: 87.4%;
  height: auto;
  aspect-ratio: 780/521;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .shop {
    padding-left: 0;
    margin: 16px 0 32px;
  }
  .shop-btns {
    width: calc(100% - 16px * 2);
    margin: 0 16px;
  }
  .shop-btns-item {
    width: 50%;
  }
  .shop-tabs {
    margin-bottom: 24px;
  }
  .shop-tabs .shop-map {
    margin: 24px 0 0;
    width: 100%;
    height: 328px;
  }
  .shop-tabs .shop-imgs {
    margin: 24px 0 0;
    width: 100%;
  }
  .shop-info {
    position: relative;
    margin: 0 16px;
    top: 0;
  }
  .swiper-scrollbar {
    margin: 0 16px;
  }
  .discount-detail__more-discounts {
    margin-left: 0;
  }
  .discount-detail__title {
    padding: 0 0 0 16px;
  }
}

/*# sourceMappingURL=shops.css.map */