#whereToBuy {
  display: flex;
  flex-direction: column;
  gap: var(--50);
}
#whereToBuy header.header {
  position: relative;
}
#whereToBuy .info-line {
  display: flex;
  gap: var(--50);
}
#whereToBuy .info-line .b {
  padding: 0;
  margin: 0;
  flex: 1;
}
#whereToBuy .info-line .b dt {
  display: none;
}
#whereToBuy .info-line .b dd {
  padding: 0 0 0 var(--30);
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--10);
  background: url("/images/faq-feedback.svg") left top var(--3)/var(--18) no-repeat;
  font-weight: 300;
  font-size: var(--18);
  line-height: var(--24);
}
#whereToBuy .info-line .b dd strong {
  font-weight: 500;
}
#whereToBuy .info-line .b.t1 dd {
  padding: 0;
  background: none;
}
#whereToBuy .info-line .b.t1 dd p {
  padding-left: var(--30);
  background: url("/images/faq-email.svg") left top var(--3)/var(--18) no-repeat;
}
#whereToBuy header.header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: var(--30);
  background: url("/images/contacts.webp") center center/cover no-repeat;
  aspect-ratio: 1856/614;
}
#whereToBuy header.header .info-line {
  width: 55%;
  background: var(--White);
  display: flex;
  padding: var(--40) var(--50);
  gap: var(--100);
  text-align: center;
  justify-content: center;
}
#whereToBuy header.header .info-line .b {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  position: relative;
}
#whereToBuy header.header .info-line .b dt {
  order: 2;
  font-size: var(--15);
  line-height: var(--17);
  color: var(--gray1);
}
#whereToBuy header.header .info-line .b dd {
  order: 1;
  padding: 0;
  margin: 0;
  color: var(--Dark-gray);
  font-weight: 500;
  font-size: var(--15);
  text-transform: uppercase;
}
#whereToBuy header.header .info-line .b + .b:before {
  content: "";
  display: block;
  background: url("/images/line-vertical.webp") center center/contain no-repeat;
  width: 1px;
  height: 200%;
  position: absolute;
  left: var(---50);
  top: 50%;
  transform: translateY(-50%);
}
#whereToBuy .cities-line {
  display: flex;
  gap: var(--30);
}
#whereToBuy .cities-line .map {
  flex: 0 0 60%;
  min-height: var(--658);
}
#whereToBuy .cities-line .cities {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--30);
  width: 100%;
  overflow: hidden;
}
#whereToBuy .cities-line .cities .tabs {
  display: flex;
  gap: var(--50);
  overflow: auto;
  width: 100%;
}
#whereToBuy .cities-line .cities .tabs .item {
  font-weight: 500;
  font-size: var(--20);
  line-height: var(--24);
}
#whereToBuy .cities-line .cities .tabs .item:hover {
  color: var(--red);
}
#whereToBuy .cities-line .cities .tabs .item.current {
  color: var(--red);
}
#whereToBuy .cities-line .cities .tab-items {
  position: relative;
  flex: 1;
  overflow: auto;
}
#whereToBuy .cities-line .cities .tab-items .tab {
  display: none;
  flex-direction: column;
  gap: var(--30);
}
#whereToBuy .cities-line .cities .tab-items .tab.current {
  display: flex;
}
#whereToBuy .cities-line .cities .tab-items .tab .item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  gap: var(--10);
  background: var(--light-gray) url("/images/wtb.svg") left var(--30) top var(--30)/var(--20) no-repeat;
  padding: var(--30) var(--30) var(--30) var(--60);
}
#whereToBuy .cities-line .cities .tab-items .tab .item .title {
  display: flex;
  gap: var(--30);
}
#whereToBuy .cities-line .cities .tab-items .tab .item .title span {
  font-size: var(--20);
  line-height: var(--24);
  flex: 1;
  display: block;
  font-weight: 500;
}
#whereToBuy .cities-line .cities .tab-items .tab .item .address {
  font-size: var(--18);
  line-height: var(--24);
  font-weight: 300;
}
#whereToBuy .cities-line .cities .tab-items .tab .item .contacts,
#whereToBuy .cities-line .cities .tab-items .tab .item .schedule {
  font-size: var(--18);
  line-height: var(--24);
  font-weight: 300;
}
#whereToBuy .cities-line .cities .tab-items .tab .item .contacts p + p,
#whereToBuy .cities-line .cities .tab-items .tab .item .schedule p + p {
  margin-top: var(--10);
}
#whereToBuy .cities-line .cities .tab-items .tab .item .contacts p:has(img),
#whereToBuy .cities-line .cities .tab-items .tab .item .schedule p:has(img) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--10);
  align-items: center;
  margin-top: var(--10);
}
#whereToBuy .cities-line .cities .tab-items .tab .item .contacts p:has(img) img,
#whereToBuy .cities-line .cities .tab-items .tab .item .schedule p:has(img) img {
  max-height: var(--20);
  width: auto;
}
#whereToBuy .cities-line .cities .tab-items .tab .item.current {
  background-image: url("/images/wtb-r.svg");
}
#whereToBuy .cities-line .cities .tab-items .tab .item.current .title {
  text-decoration: underline;
  color: var(--red);
}
#whereToBuy .cities-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--100);
  justify-content: space-around;
  background: var(--LightGray1);
  padding: var(--57) var(--100);
}
#whereToBuy .cities-list .b {
  display: flex;
  flex-direction: column;
  gap: var(--57);
}
#whereToBuy .cities-list .b dt {
  font-size: var(--37);
  font-family: var(--JostFont), serif;
}
#whereToBuy .cities-list .b dd {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--100);
}
#whereToBuy .cities-list .b dd .item {
  position: relative;
}
#whereToBuy .cities-list .b dd .item + .item:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  background: url("/images/line.svg") center center/contain no-repeat;
  top: var(---50);
}
#whereToBuy .cities-list .b dd .item .title span {
  font-size: var(--20);
  flex: 1;
  display: block;
  font-weight: 500;
}
#whereToBuy .cities-list .b dd .item .brands {
  font-size: var(--20);
  font-weight: 500;
  margin-top: var(--20);
}
#whereToBuy .cities-list .b dd .item .address {
  font-size: var(--17);
  margin-top: var(--10);
}
#whereToBuy .cities-list .b dd .item .contacts,
#whereToBuy .cities-list .b dd .item .schedule {
  font-size: var(--17);
  margin-top: var(--20);
}
#whereToBuy .cities-list .b dd .item .contacts p + p,
#whereToBuy .cities-list .b dd .item .schedule p + p {
  margin-top: var(--10);
}
#whereToBuy .dg-popup__container {
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--White);
}
#whereToBuy .dg-popup__container .title {
  display: flex;
  gap: var(--20);
  align-items: center;
}
#whereToBuy .dg-popup__container .title span {
  font-size: var(--16);
  flex: 1;
  font-weight: 500;
  display: block;
}
#whereToBuy .dg-popup__container .title img {
  padding: var(--5);
  border-radius: var(--5);
  background: var(--White);
}
#whereToBuy .dg-popup__container .address {
  font-size: var(--14);
  margin-top: var(--10);
}
#whereToBuy .dg-popup__container .contacts,
#whereToBuy .dg-popup__container .schedule {
  font-size: var(--14);
  margin-top: var(--10);
}
#whereToBuy .dg-popup__container .contacts p + p,
#whereToBuy .dg-popup__container .schedule p + p {
  margin-top: var(--10);
}
#whereToBuy .dg-popup__container .contacts p:has(img),
#whereToBuy .dg-popup__container .schedule p:has(img) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--10);
  align-items: center;
  padding: var(--5);
  border-radius: var(--5);
  background: var(--White);
}
#whereToBuy .dg-popup__container .contacts p:has(img) img,
#whereToBuy .dg-popup__container .schedule p:has(img) img {
  max-height: var(--20);
  width: auto;
}
#whereToBuy .dg-popup__container .contacts a,
#whereToBuy .dg-popup__container .schedule a {
  color: var(--White);
}

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