@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, main, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, textarea, button, select, option,
:before, :after {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font-size: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

/* HTML5 display-role reset for older browsers */
article, aside, canvas, details, figcaption, figure,
footer, header, main, hgroup, menu, nav, section, summary {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a[x-apple-data-detectors] {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}

input, textarea, button, select, option {
  box-shadow: none;
  border-radius: 0;
  -webkit-tap-highlight-color: transparent;
}

select::-ms-expand {
  display: none;
}

video {
  display: block;
  clip-path: inset(1px 1px);
}

/* Reset `button` and button-style `input` default styles */
input[type=submit],
input[type=reset],
input[type=button],
button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Make `a` like a button */
a[role=button] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
@font-face {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Circe400.ttf") format("truetype"), url("../fonts/Circe400.ttf") format("truetype");
}
@font-face {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Circe700.ttf") format("truetype"), url("../fonts/Circe700.ttf") format("truetype");
}
/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .side-menu-cancel_order-btns, .side-menu-review__list-item-top, .side-menu-delivery .accordion__item, .footer__bottom-links, .footer__top-left, .footer__top-section-qr, .header__menu-top-links, .header__menu-top-menu-nav, .header__menu-top-menu, .header__menu-top {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .cards__item-media-footer-tooltip, .cards__item-media-footer-sizes ul, .cards__item-media-footer-sizes, .gallery__tag, .side-menu-review__link, .side-menu-sizes__table-row, .side-menu-filter__link, .side-menu-filter__main-section-item.active, .side-menu-filter__main-section-item, .side-menu-shops__link, .side-menu-shops__top-buttons button.active, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-bottom-icons, .header__menu-bottom-menu, .header__menu-top-icons {
  display: flex;
  justify-content: flex-end;
}

.side-menu-review__send-imgs-items, .side-menu-review__list-item-imgs, .side-menu-filter__main-toggle, .side-menu-filter__main-section-items, .side-menu-shops__list-item-subway, .footer__logos {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .sizes, .side-menu-review__list, .side-menu-filter__favorite-item, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-shops__dropDown-list, .side-menu-shops__content, .side-menu-city__list,
.side-menu-shops__list, .side-menu-burger__links, .side-menu-burger__main, .side-menu-burger__tabs-tab, .side-menu-burger__tabs-toggles, .side-menu__scrollbar, .footer__top-section-contact, .footer__top-section-links, .footer, .header__menu-bottom-tags, .header__menu, .header {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear, .side-menu-search__main-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

body {
  color: #000;
  font-family: Circe, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 1px transparent;
  -webkit-text-size-adjust: 100%;
}

.wo_after::after {
  display: none;
}

h1, .h1, .m-h1,
h2, .h2, .m-h2,
h3, .h3, .m-h3,
h4, .h4, .m-h4,
h5, .h5, .m-h5,
h6, .h6, .m-h6,
.ag-large,
.ag-medium,
.ag-small,
.ag-tiny,
.ag-x-tiny {
  display: inline-block;
  position: relative;
  font-weight: 400;
}
h1:not(.wo_after)::after, .h1:not(.wo_after)::after, .m-h1:not(.wo_after)::after,
h2:not(.wo_after)::after, .h2:not(.wo_after)::after, .m-h2:not(.wo_after)::after,
h3:not(.wo_after)::after, .h3:not(.wo_after)::after, .m-h3:not(.wo_after)::after,
h4:not(.wo_after)::after, .h4:not(.wo_after)::after, .m-h4:not(.wo_after)::after,
h5:not(.wo_after)::after, .h5:not(.wo_after)::after, .m-h5:not(.wo_after)::after,
h6:not(.wo_after)::after, .h6:not(.wo_after)::after, .m-h6:not(.wo_after)::after,
.ag-large:not(.wo_after)::after,
.ag-medium:not(.wo_after)::after,
.ag-small:not(.wo_after)::after,
.ag-tiny:not(.wo_after)::after,
.ag-x-tiny:not(.wo_after)::after {
  content: url("../images/arrow.svg");
  position: absolute;
  padding: 0 13px;
  transition: all 300ms;
}

h1, .h1 {
  font-size: 48px;
  line-height: 56px;
}
h1::after, .h1::after {
  top: 30px;
  transform: rotate(180deg) scale(2.5);
  margin-left: 8px;
}
@media (hover: hover) {
  h1:hover::after, .h1:hover::after {
    margin-left: 15px;
  }
}
@media (max-width: 1200px) {
  h1, .h1 {
    font-size: 32px;
    line-height: 40px;
  }
}

h2, .h2 {
  font-size: 40px;
  line-height: 48px;
}
h2::after, .h2::after {
  top: 19px;
  transform: rotate(180deg) scale(2);
}
@media (hover: hover) {
  h2:hover::after, .h2:hover::after {
    margin-left: 10px;
  }
}

h3, .h3 {
  font-size: 16px;
  line-height: 40px;
}
h3::after, .h3::after {
  top: 9px;
  height: 30px;
  margin-left: 5px;
  content: url("../images/arrow.svg");
  transform: rotate(180deg) scale(1.5);
}
@media (hover: hover) {
  h3:hover::after, .h3:hover::after {
    margin-left: 8px;
  }
}
@media (max-width: 1200px) {
  h3, .h3 {
    line-height: 32px;
  }
  h3::after, .h3::after {
    height: 22px;
  }
}

h4, .h4 {
  font-size: 28px;
  line-height: 36px;
}
h4::after, .h4::after {
  top: 6px;
  content: url("../images/arrow.svg");
  transform: rotate(180deg) scale(1.4);
}
@media (hover: hover) {
  h4:hover::after, .h4:hover::after {
    margin-left: 8px;
  }
}

h5, .h5 {
  font-size: 24px;
  line-height: 32px;
}
h5::after, .h5::after {
  top: 4px;
  transform: rotate(180deg) scale(1.2);
}
@media (hover: hover) {
  h5:hover::after, .h5:hover::after {
    margin-left: 8px;
  }
}

h6, .h6 {
  font-size: 18px;
  line-height: 26px;
}
h6::after, .h6::after {
  top: 0;
  padding: 0 10px;
  transform: rotate(180deg) scale(1);
  transition: all 300ms;
}
@media (hover: hover) {
  h6:hover::after, .h6:hover::after {
    margin-left: 6px;
  }
}
@media (max-width: 1200px) {
  h6::after, .h6::after {
    padding: 0 7px 0;
  }
}

@media (max-width: 1200px) {
  .s-h1 {
    font-size: 48px;
    line-height: 56px;
  }
  .s-h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .s-h3 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.012rem;
  }
  .s-h4 {
    font-size: 28px;
    line-height: 36px;
  }
  .s-h5 {
    font-size: 24px;
    line-height: 32px;
  }
  .s-h6 {
    font-size: 18px;
    line-height: 26px;
  }
}
.ag-large {
  font-size: 16px;
  line-height: 24px;
}
.ag-large::after {
  top: -1px;
  padding: 0 8px;
  transform: rotate(180deg) scale(0.9);
}
@media (hover: hover) {
  .ag-large:hover::after {
    padding: 0 14px;
  }
}
@media (max-width: 1200px) {
  .ag-large::after {
    display: none;
  }
}

.ag-medium {
  font-size: 14px;
  line-height: 20px;
}
.ag-medium::after {
  top: -1px;
  padding: 0 8px;
  transform: rotate(180deg) scale(0.9);
}
@media (hover: hover) {
  .ag-medium:hover::after {
    padding: 0 14px;
  }
}
@media (max-width: 1200px) {
  .ag-medium::after {
    display: none;
  }
}

.ag-small {
  font-size: 13px;
  line-height: 18px;
}
.ag-small::after {
  display: none;
}

.ag-tiny {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.04em;
}
.ag-tiny::after {
  display: none;
}

.ag-x-tiny {
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.04em;
}
.ag-x-tiny::after {
  display: none;
}

.text-small {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}

p {
  line-height: inherit;
}

ul, ol {
  padding-left: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}

b, strong {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

sup {
  font-size: 85%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
  top: -0.45em;
}

sub {
  font-size: 85%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
  top: 0.2em;
}

u {
  text-decoration: underline;
}

blockquote {
  position: relative;
}
blockquote:before, blockquote:after {
  font-family: "Times New Roman", serif;
  color: #bdbdbd;
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -0.45em;
  display: inline-block;
}
blockquote:before {
  content: "“";
  margin-right: 5px;
}
blockquote:after {
  content: "”";
  margin-left: 5px;
}

code {
  font-family: monospace;
}

a {
  color: #000000;
  text-decoration: none;
}

p + ul,
p + ol {
  margin-top: -20px;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .side-menu-cancel_order-btns, .side-menu-review__list-item-top, .side-menu-delivery .accordion__item, .footer__bottom-links, .footer__top-left, .footer__top-section-qr, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .cards__item-media-footer-tooltip, .cards__item-media-footer-sizes ul, .cards__item-media-footer-sizes, .gallery__tag, .side-menu-review__link, .side-menu-sizes__table-row, .side-menu-filter__link, .side-menu-filter__main-section-item.active, .side-menu-filter__main-section-item, .side-menu-shops__link, .side-menu-shops__top-buttons button.active, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.side-menu-review__send-imgs-items, .side-menu-review__list-item-imgs, .side-menu-filter__main-toggle, .side-menu-filter__main-section-items, .side-menu-shops__list-item-subway, .footer__logos {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .sizes, .side-menu-review__list, .side-menu-filter__favorite-item, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-shops__dropDown-list, .side-menu-shops__content, .side-menu-city__list,
.side-menu-shops__list, .side-menu-burger__links, .side-menu-burger__main, .side-menu-burger__tabs-tab, .side-menu-burger__tabs-toggles, .side-menu__scrollbar, .footer__top-section-contact, .footer__top-section-links, .footer, .header, .header__menu, .header__menu-bottom-tags {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear, .side-menu-search__main-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.header {
  height: 100vh;
}
.header.has-video-banner {
  height: auto;
  min-height: 0;
}
.header_withoutBanner {
  height: 100%;
  max-height: 100px;
  transition: 0.1s all;
}
.header_withoutBanner:has(.top-close) {
  max-height: 56px;
}
.header_withoutBanner:has(.top-close) .header__ticker {
  height: 56px;
}
.header_withoutBanner:has(.top-close) .header__swiper {
  margin-top: 0;
}
.header_withoutBanner .header__swiper {
  display: none;
}
.header_withoutBanner .header__menu-bottom {
  background: #FFFFFF;
}
.header_withoutBanner .header__menu-bottom-icon span {
  border-color: #000000;
}
.header_withoutBanner .header__menu-bottom-icon img {
  filter: brightness(0) saturate(100%);
}
.header_withoutBanner .header__menu-bottom-icon-burgerBtn .burger::after, .header_withoutBanner .header__menu-bottom-icon-burgerBtn .burger:before {
  background-color: #000000;
}
.header_withoutBanner .header__menu-bottom-icon-description {
  color: #000000;
}
.header_withoutBanner .header__menu-bottom-logo {
  margin: 2px 0 0;
  filter: brightness(0) saturate(100%);
}
.header_withoutBanner .header__menu-bottom-tags {
  padding: 20px 28px 0;
  flex-direction: row;
  gap: 16px;
}
.header_withoutBanner .header__menu-bottom-tag {
  padding: 0;
}
.header_withoutBanner .header__menu-bottom-tag-burger {
  margin: -2px 4px 0 0;
}
.header_withoutBanner .header__ticker {
  display: none;
}
.header__menu {
  position: fixed;
  top: 0;
  width: 100%;
  transition: all 500ms;
  z-index: 5;
}
.header__menu.open {
  z-index: 7;
}
.header__menu.open .header__menu-bottom-logo {
  display: none;
}
.header__menu.open .header__menu-bottom-icons {
  gap: 24px;
}
.header__menu.open .header__menu-bottom-icon-main, .header__menu.open .header__menu-bottom-icon-burgerBtn {
  display: none;
}
.header__menu.open .header__menu-bottom-icon-profile, .header__menu.open .header__menu-bottom-icon-geo {
  display: block;
}
.header__menu.dark {
  background: rgba(255, 255, 255, 0.96);
}
.header__menu.dark .header__menu-bottom-icon img {
  filter: brightness(0) saturate(100%);
}
.header__menu.dark .header__menu-bottom-icon-burgerBtn .burger::after, .header__menu.dark .header__menu-bottom-icon-burgerBtn .burger:before {
  background-color: #000000;
}
.header__menu.dark .header__menu-bottom-icon-description {
  color: #000000;
}
.header__menu.dark .header__menu-bottom-logo {
  filter: brightness(0) saturate(100%);
}
@media (min-width: 1200px) {
  .header__menu.dark .header__menu-bottom-logo {
    margin: 2px 0 0;
  }
}
.header__menu.dark .header__menu-bottom-tags {
  padding: 20px 28px 0;
  flex-direction: row;
  gap: 16px;
}
.header__menu.dark .header__menu-bottom-tag {
  padding: 0;
  background: none;
}
.header__menu.dark .header__menu-bottom-tag-burger {
  margin: -2px 4px 0 0;
}
.header__menu.dark .header__menu-bottom {
  margin-top: 0;
  transition: all 500ms;
}
.header__menu.hide .header__menu-bottom {
  margin-top: -100px;
  transition: all 500ms;
}
.header__menu.hide.open .header__menu-bottom {
  margin-top: 0;
}
.header__menu.top-close {
  transform: translateY(-40px);
  transition: all 500ms;
}
.header__menu-top {
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 24px;
  background-color: #000000;
  color: #FFFFFF;
  transform: translateY(0);
  transition: transform 500ms;
}
.header__menu-top-menu {
  align-items: center;
  height: 100%;
}
.header__menu-top-menu-nav {
  gap: 16px;
  height: 100%;
}
.header__menu-top-menu-link {
  position: relative;
  color: inherit;
  padding: 12px 0 0;
  z-index: 1;
  height: 100%;
}
.header__menu-top-menu-divider {
  margin: 0 16px;
}
.header__menu-top-menu-divider span {
  display: block;
  width: 1px;
  height: 10px;
  background: rgba(122, 122, 122, 0.5);
}
.header__menu-top-description {
  position: absolute;
  width: 100%;
  margin-left: -24px;
  color: inherit;
}
.header__menu-top-links {
  gap: 16px;
  height: 100%;
}
.header__menu-top-close {
  position: relative;
  right: 8px;
  width: 15px;
  height: 15px;
  position: absolute;
  cursor: pointer;
}
.header__menu-top-close:before, .header__menu-top-close:after {
  content: "";
  background: rgba(122, 122, 122, 0.5);
  height: 1px;
  width: 15px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.header__menu-top-close:before {
  transform: translateY(-50%) rotate(-45deg);
}
.header__menu-top-close:after {
  transform: translateY(-50%) rotate(45deg);
}
.header__menu-top-close:hover::before, .header__menu-top-close:hover::after {
  background-color: black;
}
.header__menu-top-logo {
  position: absolute;
  display: flex;
  justify-content: center;
  top: 0;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  letter-spacing: 0.09em;
}
.header__menu-top-logo svg {
  height: 40px;
}
.header__menu-top-icons {
  gap: 16px;
  cursor: pointer;
}
.header__menu-top-icon {
  position: relative;
  z-index: 1 !important;
}
.header__menu-top-icon.active .header__menu-top-icon-pin, .header__menu-top-icon.active .header__menu-top-icon-dot, .header__menu-top-icon.active .header__menu-top-icon-description {
  display: block;
}
.header__menu-top-icon.active .header__menu-top-icon-main {
  display: none;
}
.header__menu-top-icon-pin {
  display: none;
}
.header__menu-top-icon-dot {
  content: "";
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: none;
  top: 2px;
  right: 1px;
  background: #DD0000;
  z-index: 1;
}
.header__menu-top-icon-description {
  display: none;
  position: absolute;
  top: 6px;
  width: 100%;
  margin: 0 auto;
  font-size: 9px;
  line-height: 15px;
  letter-spacing: 0.04em;
  text-align: center;
}
.header__menu-bottom {
  width: 100%;
  height: 60px;
}
.header__menu-bottom.open .header__menu-bottom-icon-burgerBtn {
  display: none !important;
}
.header__menu-bottom.short .header__menu-bottom-logo {
  display: none;
}
.header__menu-bottom.short .header__menu-bottom-icons {
  gap: 24px;
}
.header__menu-bottom.short .header__menu-bottom-icon-main {
  display: none;
}
.header__menu-bottom.short .header__menu-bottom-icon-profile, .header__menu-bottom.short .header__menu-bottom-icon-geo {
  display: block;
}
.header__menu-bottom.dark {
  background: rgba(255, 255, 255, 0.96);
}
.header__menu-bottom.dark .header__menu-bottom-icon img {
  filter: brightness(0) saturate(100%);
}
.header__menu-bottom.dark .header__menu-bottom-icon-burgerBtn .burger::after, .header__menu-bottom.dark .header__menu-bottom-icon-burgerBtn .burger:before {
  background-color: #000000;
}
.header__menu-bottom.dark .header__menu-bottom-icon-description {
  color: #000000;
}
.header__menu-bottom.dark .header__menu-bottom-logo {
  filter: brightness(0) saturate(100%);
  margin: 0;
}
.header__menu-bottom.dark .header__menu-bottom-tags {
  padding: 20px 24px 0;
  flex-direction: row;
  gap: 16px;
}
.header__menu-bottom.dark .header__menu-bottom-tag {
  padding: 0;
  background: none;
}
.header__menu-bottom.dark .header__menu-bottom-tag-burger {
  margin-top: -2px;
}
.header__menu-bottom-menu {
  padding: 18px 24px 0;
}
.header__menu-bottom-tags {
  position: absolute;
  gap: 1px;
  padding: 10px 24px 0;
  z-index: 1;
}
.header__menu-bottom-tag {
  color: #000000;
  text-decoration: none;
  align-self: flex-start;
  height: 32px;
  background: #FFFFFF;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 1100px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}
.header__menu-bottom-tag-burger {
  padding: 6px 16px 8px;
  cursor: pointer;
}
.header__menu-bottom-logo {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  top: 60px;
  filter: invert(100%) sepia(0%) saturate(5609%) hue-rotate(358deg) brightness(125%) contrast(114%);
}
.header__menu-bottom-icons {
  gap: 16px;
  cursor: pointer;
}
.header__menu-bottom-icon {
  position: relative;
  z-index: 1 !important;
}
.header__menu-bottom-icon.active .header__menu-bottom-icon-pin, .header__menu-bottom-icon.active .header__menu-bottom-icon-dot, .header__menu-bottom-icon.active .header__menu-bottom-icon-description {
  display: block;
}
.header__menu-bottom-icon.active .header__menu-bottom-icon-main {
  display: none;
}
.header__menu-bottom-icon-pin {
  display: none;
}
.header__menu-bottom-icon-dot {
  content: "";
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: none;
  top: 2px;
  right: 1px;
  background: #DD0000;
  z-index: 1;
}
.header__menu-bottom-icon-description {
  display: none;
  position: absolute;
  top: 6px;
  width: 100%;
  margin: 0 auto;
  font-size: 9px;
  line-height: 15px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #FFFFFF;
}
.header__menu-bottom-close {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  cursor: pointer;
}
.header__menu-bottom-close:before, .header__menu-bottom-close:after {
  content: "";
  background: #000000;
  height: 1px;
  width: 16px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.header__menu-bottom-close:before {
  transform: translateY(-50%) rotate(-45deg);
}
.header__menu-bottom-close:after {
  transform: translateY(-50%) rotate(45deg);
}
.header__menu-bottom-close:hover::before, .header__menu-bottom-close:hover::after {
  background-color: black;
}
.header__menu-bottom-close {
  position: relative;
}
.header__swiper {
  position: relative;
  flex: 1 1 auto;
  margin-top: 40px;
  width: 100%;
  height: 100%;
  transition: all 500ms;
  position: relative;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
}
.header__swiper-title {
  position: absolute;
  right: 0;
  bottom: 180px;
  z-index: 1;
}
.header__swiper-title a {
  display: block;
}
.header__swiper-title a h1, .header__swiper-title a h2, .header__swiper-title a h3, .header__swiper-title a h4, .header__swiper-title a h5, .header__swiper-title a h6, .header__swiper-title a .h1, .header__swiper-title a .h2, .header__swiper-title a .h3, .header__swiper-title a .h4, .header__swiper-title a .h5, .header__swiper-title a .h6 {
  cursor: pointer;
}
.header__swiper-title h1, .header__swiper-title h2, .header__swiper-title h3, .header__swiper-title h4, .header__swiper-title h5, .header__swiper-title h6, .header__swiper-title .h1, .header__swiper-title .h2, .header__swiper-title .h3, .header__swiper-title .h4, .header__swiper-title .h5, .header__swiper-title .h6 {
  width: 330px;
  padding: 50px 0 0 24px;
  text-align: left;
  letter-spacing: 0.3px;
  box-sizing: content-box;
  color: #000000;
  cursor: default;
  text-decoration: none;
}
.header__swiper-title h1::after, .header__swiper-title h2::after, .header__swiper-title h3::after, .header__swiper-title h4::after, .header__swiper-title h5::after, .header__swiper-title h6::after, .header__swiper-title .h1::after, .header__swiper-title .h2::after, .header__swiper-title .h3::after, .header__swiper-title .h4::after, .header__swiper-title .h5::after, .header__swiper-title .h6::after {
  display: none;
  width: 320px;
}
@media (max-width: 1200px) {
  .header__swiper-title h1, .header__swiper-title h2, .header__swiper-title h3, .header__swiper-title h4, .header__swiper-title h5, .header__swiper-title h6, .header__swiper-title .h1, .header__swiper-title .h2, .header__swiper-title .h3, .header__swiper-title .h4, .header__swiper-title .h5, .header__swiper-title .h6 {
    width: 240px;
  }
}
.header__swiper-title h5, .header__swiper-title .h5 {
  padding: 70px 0 0 24px;
}
@media (max-width: 1200px) {
  .header__swiper-title h5, .header__swiper-title .h5 {
    padding: 57px 0 0 24px;
  }
}
.header__swiper-divider span {
  display: block;
  width: 1px;
  height: 96px;
  background: #000000;
  position: absolute;
}
@media (max-width: 1200px) {
  .header__swiper-divider span {
    height: 80px;
  }
}
.header__swiper-overlay {
  height: 100%;
  background: rgba(0, 0, 0, 0.12);
}
.header__swiper img, .header__swiper video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header__swiper.video-fit {
  flex: 0 0 auto;
  aspect-ratio: var(--video-aspect, 16 / 9);
  height: auto;
  min-height: 0;
}
.header__swiper-title {
  left: 199px;
}
.header__ticker {
  overflow: hidden;
  width: 100%;
}
.header__ticker .swiper-wrapper {
  display: flex;
  align-items: center;
  height: 40px;
  transition-timing-function: linear;
}
.header__ticker-item {
  white-space: nowrap;
  flex-shrink: 0;
  align-content: center;
  width: auto;
  padding: 0 8px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 26px;
}

@media (max-width: 1480px) {
  .header__menu-top-logo {
    font-size: 16px;
  }
  .header__menu-top-logo svg {
    max-width: 160px;
  }
}
@media (max-width: 1200px) {
  .header__menu-top {
    padding: 0 16px;
  }
  .header__menu-top-logo {
    font-size: 18px;
  }
  .header__menu-bottom {
    height: 56px;
    display: none !important;
  }
  .header__menu-bottom-menu {
    height: 100%;
    justify-content: space-between !important;
    padding: 16px 16px;
  }
  .header__menu-bottom-icon-profile, .header__menu-bottom-icon-geo {
    display: none !important;
  }
  .header__menu-bottom-icon-profile {
    order: 1;
  }
  .header__menu-bottom-icon-geo p {
    /*top: -8px*/
    top: 2px;
  }
  .header__menu.open .header__menu-bottom {
    display: block !important;
  }
  .header__menu.open .header__menu-bottom-icon-profile, .header__menu.open .header__menu-bottom-icon-geo {
    display: block !important;
  }
  .header__swiper {
    margin-top: 0;
    height: 622px;
  }
  .header__swiper.video-fit {
    height: auto;
  }
  .header__swiper-title {
    top: 348px;
    left: 47px;
  }
  .header__swiper-menu {
    position: sticky;
    width: 100%;
    justify-content: space-between !important;
    align-items: center;
    padding: 0 16px;
    height: 56px;
    box-sizing: border-box;
    left: 0;
    top: 0;
    transition: all 500ms;
  }
  .header__swiper-menu .header__menu-bottom {
    margin-top: 0;
    transition: all 500ms;
  }
  .header__swiper-menu.hide .header__menu-bottom {
    margin-top: -56px;
    transition: all 500ms;
  }
  .header__swiper-menu.hide.open .header__menu-bottom {
    margin-top: 0;
  }
  .header__swiper-logo {
    padding: 0;
    margin-left: -24px;
  }
  .header__swiper-tags {
    top: 56px;
    padding: 16px;
  }
}
@keyframes ticker {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .side-menu-cancel_order-btns, .side-menu-review__list-item-top, .side-menu-delivery .accordion__item, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .cards__item-media-footer-tooltip, .cards__item-media-footer-sizes ul, .cards__item-media-footer-sizes, .gallery__tag, .side-menu-review__link, .side-menu-sizes__table-row, .side-menu-filter__link, .side-menu-filter__main-section-item.active, .side-menu-filter__main-section-item, .side-menu-shops__link, .side-menu-shops__top-buttons button.active, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.side-menu-review__send-imgs-items, .side-menu-review__list-item-imgs, .side-menu-filter__main-toggle, .side-menu-filter__main-section-items, .side-menu-shops__list-item-subway, .footer__logos {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .sizes, .side-menu-review__list, .side-menu-filter__favorite-item, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-shops__dropDown-list, .side-menu-shops__content, .side-menu-city__list,
.side-menu-shops__list, .side-menu-burger__links, .side-menu-burger__main, .side-menu-burger__tabs-tab, .side-menu-burger__tabs-toggles, .side-menu__scrollbar, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear, .side-menu-search__main-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.footer {
  justify-content: space-between;
  height: 380px;
  margin-top: -12px;
}
.footer__top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  padding: 0 258px;
  width: 100%;
}
.footer__top-section {
  width: 100%;
  max-width: 344.5px;
}
.footer__top-section a {
  position: relative;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.footer__top-section-links {
  gap: 10px;
  height: 181px;
  margin-bottom: 46px;
}
.footer__top-section-links a, .footer__top-section-links li {
  width: 100%;
  color: #000000;
}
@media (hover: hover) {
  .footer__top-section-links:hover a, .footer__top-section-links:hover li {
    color: #ADADAD;
  }
  .footer__top-section-links a:hover, .footer__top-section-links li:hover {
    color: #000000;
    transition: all 300ms;
  }
}
.footer__top-section-contact {
  gap: 10px;
}
.footer__top-section-contact a, .footer__top-section-contact li {
  width: 100%;
  color: #000000;
}
@media (hover: hover) {
  .footer__top-section-contact:hover a, .footer__top-section-contact:hover li {
    color: #ADADAD;
  }
  .footer__top-section-contact a:hover, .footer__top-section-contact li:hover {
    color: #000000;
    transition: all 300ms;
  }
}
.footer__top-section-contact img {
  position: absolute;
  top: 1px;
  left: -16px;
}
.footer__top-section-app {
  margin-left: 5px;
}
.footer__top-section-qr {
  align-items: center;
  width: 191px;
  height: 80px;
  margin-bottom: 147px;
  padding: 12px 16px 12px 10px;
  border: 1px solid #F1F1F1;
  border-radius: 10px;
}
.footer__top-section-qr img {
  width: 56px;
  height: 56px;
}
.footer__top-left {
  width: 100%;
  max-width: 697px;
}
.footer__top-right {
  display: flex;
  gap: 2px;
}
.footer__bottom {
  margin: 0 24px 16px;
}
.footer__bottom-links {
  font-size: 14px;
  line-height: 16px;
}
.footer__bottom-links a {
  color: #ADADAD;
}
.footer__logos {
  gap: 16px;
}

@media (max-width: 1280px) and (min-width: 1200px) {
  .footer__top {
    padding: 0 10%;
  }
}
@media (max-width: 1200px) {
  .footer {
    margin-top: 32px;
  }
  .footer__top {
    padding: 0 16px;
    gap: 15px;
  }
  .footer__top-left {
    order: 1;
  }
  .footer__top-section {
    margin-top: 114px;
  }
  .footer__top-section a {
    font-size: 12px;
    line-height: 18px;
  }
  .footer__top-section-app {
    margin-left: 0;
    position: absolute;
    left: 0;
    width: 100%;
    order: -1;
  }
  .footer__top-section-qr {
    margin-left: 0;
    flex-direction: column;
    width: 100%;
    height: 82px;
    border: none;
    padding: 0;
    margin-bottom: 32px;
  }
  .footer__top-section-qr-btns {
    display: flex;
    align-items: center;
    width: 358px;
    border: 1px solid #F1F1F1;
    border-radius: 6px;
  }
  .footer__top-section-qr-btns-item {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 50%;
    padding: 14px 32px 16px 42px;
  }
  .footer__top-section-qr-btns-item-google {
    padding: 14px 32px 16px 33px;
  }
  .footer__top-section-qr-btns img {
    width: 16px;
    height: 16px;
  }
  .footer__top-section-qr-btns-divider {
    display: block;
    width: 1px;
    height: 12px;
    background: #E0E0E0;
  }
  .footer__top-section-contact-future {
    margin-top: 24px;
  }
  .footer__top-section-links {
    margin-bottom: 5px;
  }
  .footer__top-section-links, .footer__top-section-contact {
    gap: 6px;
  }
  .footer__top-section-links a, .footer__top-section-contact a {
    font-size: 12px;
    line-height: 18px;
  }
  .footer__bottom {
    margin: 30px 0 0;
    padding: 16px 16px 0;
    border-top: 1px solid #F1F1F1;
  }
  .footer__bottom-links {
    justify-content: start !important;
    flex-wrap: wrap;
    gap: 2px 6px;
    font-size: 9px;
    line-height: 15px;
  }
  .footer__bottom .footer__logos {
    margin: 16px 0;
  }
}
/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .cards__item-media-footer-tooltip, .cards__item-media-footer-sizes ul, .cards__item-media-footer-sizes, .gallery__tag, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .sizes, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.side-menu {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 715px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  z-index: 8;
  transition: all 500ms;
  overflow-y: auto;
  overflow-x: hidden;
}
.side-menu ::-webkit-scrollbar {
  width: 4px;
}
.side-menu ::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #F1F1F1;
}
.side-menu ::-webkit-scrollbar-thumb:hover {
  background-color: #ADADAD;
}
.side-menu ::-webkit-scrollbar-thumb:active {
  background-color: #666666;
}
.side-menu__scrollbar {
  /*justify-content: space-between*/
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.side-menu__scrollbar ::-webkit-scrollbar {
  width: 4px;
}
.side-menu__scrollbar ::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #F1F1F1;
}
.side-menu__scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: #ADADAD;
}
.side-menu__scrollbar ::-webkit-scrollbar-thumb:active {
  background-color: #666666;
}
.side-menu__main {
  margin-top: auto;
}
.side-menu-left {
  left: 0;
  right: auto;
  transform: translateX(-100%);
}
.side-menu-left.open {
  transform: translateX(0);
}
.side-menu-left_mobile, .side-menu-right_mobile {
  height: fit-content;
  margin-top: auto;
  bottom: 0;
  transform: translate(0, 100%);
  visibility: hidden;
}
.side-menu-left_mobile.open, .side-menu-right_mobile.open {
  transform: translate(0, 0);
}
@media (min-width: 769px) {
  .side-menu-left_mobile, .side-menu-right_mobile {
    height: 100%;
  }
}
@media (min-width: 769px) {
  .side-menu-left_mobile {
    left: 0;
    right: auto;
    transform: translate(-100%, 0);
  }
  .side-menu-left_mobile.open {
    transform: translate(0, 0);
  }
}
@media (min-width: 769px) {
  .side-menu-right_mobile {
    left: auto;
    right: 0;
    transform: translate(100%, 0%);
  }
  .side-menu-right_mobile.open {
    transform: translate(0, 0);
  }
}
.side-menu-right {
  right: 0;
  left: auto;
  transform: translateX(100%);
}
.side-menu-right.open {
  transform: translateX(0);
}
.side-menu__title::after {
  display: none;
}
.side-menu.flex {
  display: flex;
}
.side-menu.open {
  visibility: visible;
  transition: all 500ms;
}
.side-menu__banner {
  display: block;
  min-height: 412px;
  height: 412px;
  margin: 24px;
  position: relative;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
}
.side-menu__banner-title {
  position: absolute;
  right: 0;
  bottom: 180px;
  z-index: 1;
}
.side-menu__banner-title a {
  display: block;
}
.side-menu__banner-title a h1, .side-menu__banner-title a h2, .side-menu__banner-title a h3, .side-menu__banner-title a h4, .side-menu__banner-title a h5, .side-menu__banner-title a h6, .side-menu__banner-title a .h1, .side-menu__banner-title a .h2, .side-menu__banner-title a .h3, .side-menu__banner-title a .h4, .side-menu__banner-title a .h5, .side-menu__banner-title a .h6 {
  cursor: pointer;
}
.side-menu__banner-title h1, .side-menu__banner-title h2, .side-menu__banner-title h3, .side-menu__banner-title h4, .side-menu__banner-title h5, .side-menu__banner-title h6, .side-menu__banner-title .h1, .side-menu__banner-title .h2, .side-menu__banner-title .h3, .side-menu__banner-title .h4, .side-menu__banner-title .h5, .side-menu__banner-title .h6 {
  width: 330px;
  padding: 50px 0 0 24px;
  text-align: left;
  letter-spacing: 0.3px;
  box-sizing: content-box;
  color: #FFFFFF;
  cursor: default;
  text-decoration: none;
}
.side-menu__banner-title h1::after, .side-menu__banner-title h2::after, .side-menu__banner-title h3::after, .side-menu__banner-title h4::after, .side-menu__banner-title h5::after, .side-menu__banner-title h6::after, .side-menu__banner-title .h1::after, .side-menu__banner-title .h2::after, .side-menu__banner-title .h3::after, .side-menu__banner-title .h4::after, .side-menu__banner-title .h5::after, .side-menu__banner-title .h6::after {
  display: none;
  width: 320px;
}
@media (max-width: 1200px) {
  .side-menu__banner-title h1, .side-menu__banner-title h2, .side-menu__banner-title h3, .side-menu__banner-title h4, .side-menu__banner-title h5, .side-menu__banner-title h6, .side-menu__banner-title .h1, .side-menu__banner-title .h2, .side-menu__banner-title .h3, .side-menu__banner-title .h4, .side-menu__banner-title .h5, .side-menu__banner-title .h6 {
    width: 240px;
  }
}
.side-menu__banner-title h5, .side-menu__banner-title .h5 {
  padding: 70px 0 0 24px;
}
@media (max-width: 1200px) {
  .side-menu__banner-title h5, .side-menu__banner-title .h5 {
    padding: 57px 0 0 24px;
  }
}
.side-menu__banner-divider span {
  display: block;
  width: 1px;
  height: 96px;
  background: #FFFFFF;
  position: absolute;
}
@media (max-width: 1200px) {
  .side-menu__banner-divider span {
    height: 80px;
  }
}
.side-menu__banner-overlay {
  height: 100%;
  background: rgba(0, 0, 0, 0.12);
}
.side-menu__banner-title {
  top: 178px;
  left: 96px;
  bottom: auto;
}
.side-menu__banner-title span {
  height: 75px;
}
.side-menu__banner-title h5, .side-menu__banner-title h6 {
  /*width: 178px*/
  width: calc(100% - 32px);
  padding: 50px 0 0 16px;
  letter-spacing: 0.01rem;
}
.side-menu__cards {
  display: none;
  min-height: 450px;
  height: 488px;
  margin-left: 24px;
}
.side-menu__cards-title {
  margin: 0 0 12px;
}
.side-menu__cards .cards__item {
  width: 280px !important;
  max-height: 450px !important;
}
.side-menu__cards .cards__item-media-item {
  width: 280px;
  max-height: 380px;
}
.side-menu__cards .cards__item-price {
  display: none;
}
.side-menu__cards .cards__item-colors {
  display: none;
}
.side-menu__cards .cards__item-tags {
  display: none;
}
.side-menu__cards .cards__item-footer {
  display: none;
}
.side-menu .cards {
  max-height: 450px !important;
}
.side-menu .cards__item-media-footer {
  visibility: visible;
  justify-content: end;
}

@media (max-width: 1200px) {
  .side-menu-mobile-left {
    transform: translateX(-100%);
  }
  .side-menu-mobile-left.open {
    transform: translateX(0%);
  }
  .side-menu {
    width: 100%;
  }
  .side-menu__banner {
    max-height: 268px;
    height: 268px;
    min-height: 0;
    margin: 0 0 16px;
  }
  .side-menu__banner-title {
    width: 250px;
    top: 146px;
    left: 184px;
  }
  .side-menu__banner-divider span {
    height: 52px;
  }
  .side-menu__banner h6 {
    padding: 33px 0 0 17px;
  }
  .side-menu__main {
    min-height: 344px;
  }
  .side-menu__cards {
    min-height: 305px;
    height: 305px;
    margin: 0 16px 16px;
  }
  .side-menu__cards .cards__item {
    width: 175px !important;
    height: 290px;
  }
  .side-menu__cards .cards__item-media-item {
    width: 175px;
    height: 238px;
  }
}
.side-menu-burger {
  transform: translateX(-100%);
  z-index: 6;
}
.side-menu-burger.open {
  transform: translateX(0%);
}
.side-menu-burger__tabs {
  position: relative;
  padding: 40px 24px 0;
  margin: 0 0 24px;
  display: flex;
  width: 100%;
}
.side-menu-burger__tabs-toggles {
  align-items: flex-start;
  width: 50%;
  gap: 12px;
  font-size: 16px;
}
.side-menu-burger__tabs-toggle {
  transition: all 500ms;
}
.side-menu-burger__tabs-toggle.active {
  color: #000000;
  transition: all 500ms;
}
.side-menu-burger__tabs-toggle::after {
  display: none;
}
.side-menu-burger__tabs-tab {
  position: absolute;
  left: 377px;
  align-items: flex-start;
  width: 50%;
  gap: 4px;
  line-height: 20px;
}
.side-menu-burger__tabs-tab a, .side-menu-burger__tabs-tab li {
  width: 100%;
  color: #000000;
}
@media (hover: hover) {
  .side-menu-burger__tabs-tab:hover a, .side-menu-burger__tabs-tab:hover li {
    color: #ADADAD;
  }
  .side-menu-burger__tabs-tab a:hover, .side-menu-burger__tabs-tab li:hover {
    color: #000000;
    transition: all 300ms;
  }
}
.side-menu-burger__main {
  flex: 1 1 auto;
  justify-content: space-between;
}
.side-menu-burger__links {
  padding: 18px 16px;
  gap: 6px;
}
.side-menu-burger__links-top, .side-menu-burger__links-bottom {
  display: flex;
  gap: 8px;
}
@media (max-width: 1200px) {
  .side-menu-burger__links {
    flex: 1 1 auto;
  }
}
@media (min-width: 1200px) {
  .side-menu-burger__nav {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 24px;
    margin: 0 0 24px;
  }
}
.side-menu-burger__nav-item {
  font-size: 16px;
  color: #000000;
}

@media (max-width: 1200px) {
  .side-menu-burger {
    width: 100%;
  }
  .side-menu-burger ::-webkit-scrollbar {
    width: 0;
  }
  .side-menu-burger .side-menu__main {
    min-height: 0;
  }
  .side-menu-burger__main.hidden .side-menu-burger__tabs-tab {
    display: block !important;
  }
  .side-menu-burger__tabs {
    display: block;
    padding: 112px 16px 18px;
    margin: 0;
  }
  .side-menu-burger__tabs.top-close {
    padding: 55px 16px 18px;
  }
  .side-menu-burger__tabs-toggles {
    width: 100%;
    gap: 8px;
  }
  .side-menu-burger__tabs-toggle {
    color: #000000 !important;
    text-align: left;
  }
  .side-menu-burger__tabs-toggle::after {
    display: inline-block;
  }
  .side-menu-burger__tabs-toggle:last-child::after {
    display: none;
  }
  .side-menu-burger__tabs-tab {
    position: relative;
    margin: 0;
    display: none !important;
    width: 100%;
    left: 0;
    font-size: 12px;
  }
  .side-menu-burger__tabs-tab.active {
    display: flex !important;
  }
  .side-menu-burger__tabs-tab a {
    text-transform: none;
  }
  .side-menu-burger__tabs-tab a::after {
    display: none;
  }
  .side-menu-burger__tabs-backBtn {
    width: calc(100% - 20px);
    padding: 0 0 10px 20px;
  }
  .side-menu-burger__tabs-backBtn h6::before {
    content: url("../images/arrow.svg");
    position: absolute;
    top: -1px;
    left: -15px;
  }
  .side-menu-burger__tabs-backBtn h6::after {
    display: none;
  }
  .side-menu-burger__nav {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    margin: 0;
    gap: 4px;
  }
  .side-menu-burger__close {
    display: none;
  }
}
.side-menu-search__main {
  margin: 40px 24px 0;
}
.side-menu-search__main-input {
  position: relative;
}
.side-menu-search__main-input img {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 12px;
  left: 8px;
  filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(89%) contrast(84%);
}
.side-menu-search__main-input input {
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.side-menu-search__main-input input::placeholder {
  color: #ADADAD !important;
}
.side-menu-search__main-input input:focus, .side-menu-search__main-input input:not(:placeholder-shown) {
  border-bottom: 1px solid #000000;
}
.side-menu-search__main-input input {
  padding: 0 0 0 28px;
}
.side-menu-search__main-error {
  margin: 20px 0 0;
}
.side-menu-search__main-links {
  display: flex;
  margin: 16px 0 0;
  flex-wrap: wrap;
  gap: 1px;
}
.side-menu-search__main-links a {
  padding: 8px 12px 4px 12px;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  white-space: nowrap;
  background: #F7F7F7;
  border-radius: 1100px;
  transition: all 500ms;
}
@media (hover: hover) {
  .side-menu-search__main-links a:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 500ms;
  }
}
.side-menu-search__history {
  position: relative;
  margin: 16px 0 0;
}
.side-menu-search__history-title {
  margin: 0 0 0 24px;
  cursor: default;
}
.side-menu-search__history-title::after {
  display: none;
}
.side-menu-search__history-clear {
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  top: 2px;
  left: 208px;
}
@media (max-width: 1200px) {
  .side-menu-search__history-clear {
    left: 196px;
  }
  .side-menu-search__history-clear img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 0;
    filter: brightness(0) saturate(100%);
  }
}
.side-menu-search__history .side-menu-search__text {
  display: flex;
}
.side-menu-search__history .side-menu-search__text a {
  color: #000000;
}
.side-menu-search__text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 8px 24px 0;
  padding: 0;
  gap: 0px 19px;
  list-style: none;
}
.side-menu-search__text li {
  position: relative;
}
.side-menu-search__text li:nth-of-type(n+2):before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  content: "";
  top: 10px;
  left: -11px;
  background: #000000;
}
.side-menu-search__text li.first-el:before {
  visibility: hidden;
}
.side-menu-search__text-divider {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  right: -10px;
  background: #000000;
}
.side-menu-search__text-divider_hidden {
  display: none;
}
.side-menu-search__text a {
  color: #ADADAD;
}
.side-menu-search__text a span {
  color: #000000;
}
.side-menu-search__text-error {
  margin: 0 24px 24px;
}
.side-menu-search__sep {
  margin: auto 0;
}
.side-menu-search__cards {
  height: 100%;
  overflow: hidden;
}
.side-menu-search__cards-title {
  padding: 0 24px;
  margin-bottom: 16px;
}
.side-menu-search__cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin: 0 12px 10px 0;
  padding: 0 7px 23px 24px;
  overflow-y: scroll;
  height: 100%;
  bottom: 0;
  gap: 24px 8px;
}
.side-menu-search__cards-recommend {
  margin-top: 24px;
}
.side-menu-search__cards-recommend .side-menu-search__cards-wrapper {
  height: 94%;
}
.side-menu-search__cards-result {
  margin-top: 24px;
}
.side-menu-search__link {
  /*display: none*/
  position: absolute;
  width: 176px;
  height: 32px;
  padding: 6px 0 8px;
  left: calc((100% - 176px) / 2);
  bottom: 24px;
  background: #000000;
  color: #FFFFFF;
  transition: all 500ms;
  cursor: pointer;
  z-index: 5;
}
.side-menu-search__link span {
  color: #ADADAD;
}
@media (hover: hover) {
  .side-menu-search__link:hover {
    background: #666666;
    transition: all 500ms;
  }
}
.side-menu-search__link-catalog {
  padding-left: 26px;
}
.side-menu-search__link-catalog span {
  padding-left: 4px;
}
.side-menu-search__link-error {
  padding-left: 16px;
}
.side-menu-search.result .side-menu__banner,
.side-menu-search.result .side-menu-search__main-links {
  display: none;
}
.side-menu-search.result .side-menu-search__text {
  display: flex;
}
.side-menu-search.result .side-menu-search__cards-result,
.side-menu-search.result .side-menu-search__link-catalog {
  display: block;
}
.side-menu-search.error .side-menu__banner,
.side-menu-search.error .side-menu-search__main-links {
  display: none;
}
.side-menu-search.error .side-menu-search__cards-result,
.side-menu-search.error .side-menu-search__text-error,
.side-menu-search.error .side-menu-search__link-error {
  display: block;
}

@media (min-width: 1200px) {
  .side-menu-search .cards__item {
    width: 330px !important;
    min-height: 450px;
  }
  .side-menu-search .cards__item-media-item {
    width: 330px;
    max-height: 418px;
    object-fit: cover;
  }
}
@media (max-width: 1200px) {
  .side-menu-search__main {
    margin: 40px 16px 0;
  }
  .side-menu-search__main-links {
    margin-bottom: 16px;
  }
  .side-menu-search__main-input img {
    left: 0px;
  }
  .side-menu-search__main-input input {
    padding: 0 0 0 22px;
  }
  .side-menu-search__history-title {
    margin: 0 0 0 16px;
  }
  .side-menu-search__text {
    margin: 8px 16px 24px;
  }
  .side-menu-search__cards-title {
    padding: 0 16px;
  }
  .side-menu-search__cards-wrapper {
    padding: 0 0 24px 0;
    margin: 0 -5px 0 0;
  }
  .side-menu-search__cards .cards__item {
    min-height: unset !important;
    width: 48.8% !important;
  }
  .side-menu-search__cards .sliderItem__media,
  .side-menu-search__cards .cards__item-media-wrapper,
  .side-menu-search__cards .cards__item-media-item {
    aspect-ratio: 191/253;
    max-height: unset;
    max-width: unset;
    width: 100%;
    height: auto;
  }
}
.side-menu-city__top,
.side-menu-shops__top {
  margin: 40px 24px 24px;
}
.side-menu-city__top h3::after, .side-menu-city__top h6::after,
.side-menu-shops__top h3::after,
.side-menu-shops__top h6::after {
  display: none;
}
.side-menu-city__top h6,
.side-menu-shops__top h6 {
  width: 100%;
  text-align: center;
}
.side-menu-city__top-input,
.side-menu-shops__top-input {
  position: relative;
  margin-top: 12px;
}
.side-menu-city__top-input img,
.side-menu-shops__top-input img {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  left: 8px;
  filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(89%) contrast(84%);
}
.side-menu-city__top-input input,
.side-menu-shops__top-input input {
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.side-menu-city__top-input input::placeholder,
.side-menu-shops__top-input input::placeholder {
  color: #ADADAD !important;
}
.side-menu-city__top-input input:focus, .side-menu-city__top-input input:not(:placeholder-shown),
.side-menu-shops__top-input input:focus,
.side-menu-shops__top-input input:not(:placeholder-shown) {
  border-bottom: 1px solid #000000;
}
.side-menu-city__top-input input,
.side-menu-shops__top-input input {
  padding: 0 0 0 28px;
}
.side-menu-city__list,
.side-menu-shops__list {
  overflow: auto;
  margin: 0 12px -15px 24px;
  padding: 0 12px 20px 0;
}
.side-menu-city__list-item,
.side-menu-shops__list-item {
  position: relative;
  line-height: 20px;
  list-style-type: none;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .side-menu-city,
  .side-menu-shops {
    width: 100% !important;
  }
  .side-menu-city__header,
  .side-menu-shops__header {
    margin: 40px 16px 16px;
  }
  .side-menu-city__list,
  .side-menu-shops__list {
    margin: 0 8px 0 16px;
  }
}
.side-menu-city {
  justify-content: start;
  overflow: hidden;
}
.side-menu-city__list a, .side-menu-city__list li {
  width: 100%;
  color: #000000;
}
@media (hover: hover) {
  .side-menu-city__list:hover a, .side-menu-city__list:hover li {
    color: #ADADAD;
  }
  .side-menu-city__list a:hover, .side-menu-city__list li:hover {
    color: #000000;
    transition: all 300ms;
  }
}
.side-menu-city__list {
  gap: 8px;
}
.side-menu-city__list-item.active::after {
  position: absolute;
  content: url("../images/check.svg");
  top: 0;
  right: 18px;
}
.side-menu-city__list-item-description {
  color: #ADADAD !important;
}

@media (min-width: 1200px) {
  .side-menu-city {
    justify-content: start;
    transform: translateX(-100%);
  }
  .side-menu-city.open {
    transform: translateX(0%);
  }
}
@media (max-width: 1200px) {
  .side-menu-city {
    right: -100%;
    left: auto;
  }
  .side-menu-city.open {
    right: 0px;
  }
  .side-menu-city__top {
    margin: 40px 16px 16px;
  }
}
.side-menu-shops {
  width: 1154px;
  flex-direction: row;
  overflow: hidden;
  justify-content: start;
}
.side-menu-shops:not(.side-menu-right) {
  transform: translateX(-100%);
}
.side-menu-shops:not(.side-menu-right).open {
  transform: translateX(0%);
}
.side-menu-shops__content {
  position: relative;
  width: 454px;
}
@media (min-width: 1200px) {
  .side-menu-shops__content-right {
    order: 1;
  }
}
.side-menu-shops__top-description {
  margin-top: 12px;
}
.side-menu-shops__top-buttons button {
  width: 179px;
  height: 32px;
  display: flex;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
  cursor: pointer;
  text-transform: uppercase;
}
.side-menu-shops__top-buttons button.active {
  display: flex;
  color: #FFFFFF;
  background: #000000;
  border: none;
  cursor: pointer;
}
.side-menu-shops__dropDown {
  position: absolute;
  padding: 9px 4px 0 9px;
  top: 140px;
  left: 24px;
  width: 406px;
  background: #FFFFFF;
  border: 1px solid #000000;
  z-index: 5;
}
.side-menu-shops__dropDown-list {
  max-height: 139px;
  margin: 0;
  padding: 0;
  gap: 3.5px;
  overflow: scroll;
  list-style: none;
}
.side-menu-shops__dropDown-list-item {
  position: relative;
  cursor: pointer;
}
.side-menu-shops__dropDown-list-item.active::after {
  position: absolute;
  content: url("../images/check.svg");
  top: 3px;
  right: 7px;
}
.side-menu-shops__list {
  flex: 1 1 auto;
  height: calc(100vh - 200px);
}
.side-menu-shops__list-item {
  padding: 16px 0;
  border-bottom: 1px solid #F1F1F1;
}
.side-menu-shops__list-item:first-child {
  padding-top: 0;
}
.side-menu-shops__list-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.side-menu-shops__list-item h6 {
  margin-right: 8px;
}
.side-menu-shops__list-item h6::after {
  display: none;
}
.side-menu-shops__list-item-address {
  display: block;
  margin: 8px 0 4px;
}
.side-menu-shops__list-item-tag {
  bottom: 3px;
  display: inline;
  padding: 1px 8px 3px;
  border: 1px solid #000000;
  border-radius: 1100px;
  text-align: center;
  text-transform: uppercase;
  height: 20px;
}
.side-menu-shops__list-item-tag.new {
  border: 1px solid #DD0000;
  color: #DD0000;
}
.side-menu-shops__list-item-subway {
  gap: 4px 8px;
  flex-wrap: wrap;
}
.side-menu-shops__list-item-subway-item {
  position: relative;
}
.side-menu-shops__list-item-subway-item span {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 5.5px;
  left: 0;
}
.side-menu-shops__list-item-subway-item p {
  padding-left: 10px;
}
.side-menu-shops__map {
  width: 700px;
  height: 100%;
}
.side-menu-shops__link {
  width: 184px;
  height: 40px;
  display: flex;
  color: #FFFFFF;
  background: #000000;
  border: none;
  cursor: pointer;
  position: fixed;
  bottom: 24px;
  left: 135px;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  .side-menu-shops {
    width: 100%;
    flex-direction: column;
  }
  .side-menu-shops__content {
    width: 100%;
  }
  .side-menu-shops__top {
    margin: 24px 16px 16px;
  }
  .side-menu-shops__top h3 {
    text-align: center;
  }
  .side-menu-shops__top-buttons {
    margin-top: 16px;
  }
  .side-menu-shops__top-description {
    margin-top: 8px;
  }
  .side-menu-shops__list {
    flex: 1 1 auto;
    display: none !important;
  }
  .side-menu-shops__list.active {
    display: flex !important;
  }
  .side-menu-shops__map {
    width: 100%;
    height: calc(100vh - 200px);
    display: none;
  }
  .side-menu-shops__map.active {
    display: block;
  }
  .side-menu-shops__link {
    left: 50%;
    transform: translateX(-50%);
  }
  .side-menu-shops__dropDown {
    top: 121px;
    left: 0;
    width: calc(100% - 32px);
    margin: 0 16px;
    text-align: left;
    min-width: 280px;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .side-menu-shops__dropDown {
    width: 100%;
    margin: 0;
  }
}
.side-menu-customer,
.side-menu-aboutUs {
  transform: translateX(-100%);
}
.side-menu-customer.open,
.side-menu-aboutUs.open {
  transform: translateX(0%);
}
.side-menu-customer-top,
.side-menu-aboutUs-top {
  margin: 40px 24px 0;
}
.side-menu-customer-top h3::after,
.side-menu-aboutUs-top h3::after {
  display: none;
}
.side-menu-customer-top__nav a, .side-menu-customer-top__nav li,
.side-menu-aboutUs-top__nav a,
.side-menu-aboutUs-top__nav li {
  width: 100%;
  color: #000000;
}
@media (hover: hover) {
  .side-menu-customer-top__nav:hover a, .side-menu-customer-top__nav:hover li,
  .side-menu-aboutUs-top__nav:hover a,
  .side-menu-aboutUs-top__nav:hover li {
    color: #ADADAD;
  }
  .side-menu-customer-top__nav a:hover, .side-menu-customer-top__nav li:hover,
  .side-menu-aboutUs-top__nav a:hover,
  .side-menu-aboutUs-top__nav li:hover {
    color: #000000;
    transition: all 300ms;
  }
}
.side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav {
  margin: 22px 0 0;
  gap: 6px;
}

@media (max-width: 1200px) {
  .side-menu-customer-top,
  .side-menu-aboutUs-top {
    margin: 32px 16px 0;
  }
}
.side-menu-discount {
  justify-content: start;
  transform: translateX(-100%);
}
.side-menu-discount.open {
  transform: translateX(0%);
}
.side-menu-discount h3 {
  margin: 40px 24px 0;
}
.side-menu-discount h3::after {
  display: none;
}
.side-menu-discount__list {
  margin: 24px 12px 0 24px;
  overflow-y: auto;
}
.side-menu-discount__list-item {
  position: relative;
  display: block;
  margin-bottom: 24px;
  height: auto;
}
.side-menu-discount__list-item img {
  width: 406px;
  height: 240px;
  object-fit: cover;
  margin-bottom: 5px;
}
.side-menu-discount__list-item-date {
  top: -2px;
  text-transform: uppercase;
}
.side-menu-discount__list-item h6 {
  display: block;
  margin: 0 0 4px;
  text-transform: none;
}
.side-menu-discount__list-item h6::after {
  display: none;
}
.side-menu-discount__list-item-tag {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 3px 8px;
  background: #FFFFFF;
  border-radius: 1100px;
  text-transform: uppercase;
}
.side-menu-discount .side-menu__close {
  top: 14px;
  right: 14px;
}

@media (max-width: 1200px) {
  .side-menu-discount {
    width: 100%;
  }
  .side-menu-discount h3 {
    text-align: center;
  }
  .side-menu-discount__list {
    margin: 16px 0 0;
  }
  .side-menu-discount__list-item img {
    width: 100%;
    height: auto;
  }
  .side-menu-discount__list-item-info {
    padding: 0 16px;
  }
}
.side-menu-filter {
  justify-content: start;
  padding: 40px 8px 0 24px;
}
.side-menu-filter .side-menu__title {
  margin-bottom: 16px;
}
.side-menu-filter__main {
  overflow-y: auto;
}
.side-menu-filter__main-section-title::after {
  display: none;
}
.side-menu-filter__main-section-items {
  margin: 12px 0 24px;
  flex-wrap: wrap;
  gap: 1px;
}
.side-menu-filter__main-section-item {
  color: #000000;
  background: #F7F7F7;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 300ms;
}
@media (hover: hover) {
  .side-menu-filter__main-section-item:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.side-menu-filter__main-section-item {
  padding: 8px 12px 6px;
}
.side-menu-filter__main-section-item-size {
  display: block;
  min-width: 48px;
}
.side-menu-filter__main-section-item.active {
  color: #FFFFFF;
  background: #000000;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 300ms;
}
@media (hover: hover) {
  .side-menu-filter__main-section-item.active:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.side-menu-filter__main-section-item.disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
.side-menu-filter__main-section-item-color {
  position: relative;
  padding-left: 28px;
}
.side-menu-filter__main-section-item-color > span {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 12px;
  margin-top: -2px;
}
.side-menu-filter__main-section-item-color > span.image {
  background-size: contain;
  border: 0;
}
.side-menu-filter__main-cost-items {
  justify-content: space-between !important;
  width: calc(100% - 12px);
}
.side-menu-filter__main-cost-items input {
  width: 48%;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.side-menu-filter__main-cost-items input::placeholder {
  color: #ADADAD !important;
}
.side-menu-filter__main-cost-items input:focus, .side-menu-filter__main-cost-items input:not(:placeholder-shown) {
  border-bottom: 1px solid #000000;
}
.side-menu-filter__main-toggle {
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.side-menu-filter__favorite {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 8px;
  overflow-y: auto;
}
.side-menu-filter__favorite::-webkit-scrollbar {
  padding: 0 12px 0 0;
}
.side-menu-filter__favorite-item {
  max-width: 330px;
  width: 100%;
  text-align: center;
}
.side-menu-filter__favorite-item img {
  max-width: 330px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.side-menu-filter__favorite-item-title {
  margin: 12px 0 4px;
}
.side-menu-filter__favorite-item-title::after {
  display: none;
}
.side-menu-filter__link {
  width: 168px;
  height: 40px;
  display: flex;
  color: #FFFFFF;
  background: #000000;
  border: none;
  cursor: pointer;
  position: absolute;
  bottom: 16px;
  left: calc((100% - 168px) / 2);
}
.side-menu-filter__link span {
  margin-left: 4px;
  color: #ADADAD;
}

@media (max-width: 1200px) {
  .side-menu-filter {
    align-items: center;
    padding: 32px 0 0;
  }
  .side-menu-filter__main {
    padding: 0 16px;
  }
  .side-menu-filter__favorite::-webkit-scrollbar {
    width: 0;
    padding: 0;
  }
  .side-menu-filter__favorite-item img {
    width: 100%;
    height: auto;
  }
}
.side-menu-delivery,
.side-menu-modal {
  justify-content: start;
  width: 453px;
  padding: 40px 24px 24px;
}

.side-menu-modal h3 {
  margin-bottom: 12px;
}
.side-menu-modal p:not(.product__content-size-item p) {
  text-align: left;
}

@media (min-width: 1200px) {
  .side-menu-info * + p, .side-menu-info * + div > p {
    margin-top: 8px;
  }
}

.side-menu-delivery__description-title {
  margin: 24px 0 8px;
}
.side-menu-delivery__description-title::after {
  display: none;
}
.side-menu-delivery__description-note {
  margin-top: 8px;
}
.side-menu-delivery__description-note::after {
  display: none;
}
.side-menu-delivery__block {
  width: 406px;
  height: 84px;
  min-height: 84px;
  margin: 48px 0;
  background: #F7F7F7;
  padding: 32px 0 0 0;
  text-align: center;
}
.side-menu-delivery__block::after {
  display: none;
}
.side-menu-delivery__link {
  color: #ADADAD;
}
.side-menu-delivery .accordion__item {
  align-items: center;
  height: 40px;
  border-bottom: 1px solid #000000;
  cursor: default;
}
.side-menu-delivery .accordion__item p::after {
  display: none;
}
.side-menu-delivery .accordion__item img {
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%);
}
.side-menu-delivery .accordion__item span {
  margin-left: 4px;
  color: #ADADAD;
}
.side-menu-delivery .accordion__item-with-description {
  max-height: 10000px;
  height: auto;
  padding: 8px 0 12px;
}
.side-menu-delivery .accordion__item-with-description span {
  display: block;
  margin-left: 0;
  width: 310px;
  color: #000000;
  font-size: 10px;
  line-height: 14px;
}
@media (max-width: 1200px) {
  .side-menu-delivery .accordion__item img {
    width: 19px;
    height: 20px;
  }
}

@media (max-width: 1200px) {
  .side-menu-delivery {
    width: 100%;
  }
  .side-menu-delivery__description-title {
    margin: 24px 0 8px;
  }
  .side-menu-delivery__description-title::after {
    display: none;
  }
  .side-menu-delivery__description-note {
    margin-top: 8px;
  }
  .side-menu-delivery__description-note::after {
    display: none;
  }
  .side-menu-delivery__block {
    width: 100%;
    margin: 24px 0;
  }
}
.side-menu-sizes {
  padding: 40px 24px 24px;
}
@media (min-width: 1200px) {
  .side-menu-sizes {
    width: 715px !important;
  }
}
.side-menu-sizes__table {
  flex: 1 1 auto;
  margin-top: 24px;
  overflow-y: auto;
}
.side-menu-sizes__table::-webkit-scrollbar {
  height: 4px;
  padding: 0 12px 0 0;
}
.side-menu-sizes__table-row {
  height: 40px;
  border-top: 1px solid #000000;
}
.side-menu-sizes__table-row-title {
  height: 38px;
  color: #FFFFFF;
  background: #000000;
}
.side-menu-sizes__table-cell {
  width: 20%;
  text-align: center;
}

@media (max-width: 1200px) {
  .side-menu-sizes {
    align-items: center;
    padding: 32px 0 16px !important;
  }
}
@media (max-width: 1200px) and (min-width: 650px) {
  .side-menu-sizes__table-row {
    width: 630px;
  }
}
@media (max-width: 1200px) and (max-width: 650px) {
  .side-menu-sizes__table {
    margin: 16px 16px 0;
    width: calc(100% - 32px);
  }
  .side-menu-sizes__table-row {
    width: 100%;
    max-width: 630px;
  }
}
.side-menu-reminder .product__content-size-items {
  margin: calc(24px - 8px) 0 0;
}
.side-menu-reminder .product__content-size-error {
  top: 48px;
  width: 100%;
  left: 0;
}
.side-menu-reminder form {
  height: auto;
  justify-content: space-between;
}
.side-menu-reminder label {
  position: relative;
  padding-bottom: 32px;
}
.side-menu-reminder .form-email input {
  text-align: left;
  background: none;
}
.side-menu-reminder .form-email-submit {
  width: 100%;
  margin: 0;
}
.side-menu-reminder .form-email-submit img {
  transform: rotate(-90deg);
}
.side-menu-reminder .subscribe-message {
  margin: 50px 0;
  font-size: 18px;
}

@media (max-width: 1200px) {
  .side-menu-reminder {
    padding: 32px 16px 16px;
    align-items: center;
  }
  .side-menu-reminder p {
    text-align: center !important;
  }
  .side-menu-reminder form {
    width: 100%;
  }
}
.side-menu-review {
  justify-content: start;
  padding: 40px 24px 0 24px;
  overflow: hidden;
}
.side-menu-review .ag-medium::after {
  display: none;
}
.side-menu-review .side-menu__title {
  margin-bottom: 12px;
}
@media (max-width: 1200px) {
  .side-menu-review .side-menu__title {
    text-align: center;
  }
}
.side-menu-review .side-menu__title span {
  color: #ADADAD;
}
.side-menu-review__main {
  height: calc(100% - 40px);
  overflow: hidden;
}
.side-menu-review__average img {
  width: 16px;
  height: 16px;
}
.side-menu-review__list-wrapper {
  height: calc(100% - 72px - 40px);
  overflow-y: auto;
}
.side-menu-review__list-wrapper .navigation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin-top: 20px;
}
.side-menu-review__list {
  margin-top: 24px;
  padding: 0 8px 0 0;
  gap: 20px;
}
.side-menu-review__list-item {
  padding-bottom: 20px;
  border-bottom: 1px solid #F1F1F1;
}
.side-menu-review__list-item-top {
  width: 100%;
}
.side-menu-review__list-item-rating {
  margin: 4px 0 8px;
}
.side-menu-review__list-item-rating img {
  width: 16px;
  height: 16px;
}
.side-menu-review__list-item-date {
  color: #ADADAD;
}
.side-menu-review__list-item-imgs {
  gap: 8px;
  margin: 16px 0 0;
}
.side-menu-review__list-item-imgs img {
  width: 74px;
  height: 100px;
}
.side-menu-review__text {
  margin: 40px 0 !important;
  text-align: center;
}
.side-menu-review__link {
  width: 184px;
  height: 40px;
  display: flex;
  color: #FFFFFF;
  background: #000000;
  border: none;
  cursor: pointer;
  position: fixed;
  bottom: 24px;
  right: 125px;
  text-transform: uppercase;
}
.side-menu-review__link-wide {
  position: relative;
  right: 0;
  bottom: 0;
  width: 100%;
}
@media (hover: hover) {
  .side-menu-review__link:hover {
    background: #666666;
  }
}
.side-menu-review__send-rating-items {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 7px;
}
.side-menu-review__send-rating-items:not(:checked) > input {
  display: none;
}
.side-menu-review__send-rating-items:not(:checked) > label {
  float: right;
  cursor: pointer;
}
.side-menu-review__send-rating-items:not(:checked) > label:before {
  content: url("../images/star.svg");
  filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(97%) hue-rotate(288deg) brightness(106%) contrast(78%);
}
@media (hover: hover) {
  .side-menu-review__send-rating-items:not(:checked) > label:hover ~ label {
    filter: brightness(0) saturate(100%);
  }
  .side-menu-review__send-rating-items:not(:checked) > label:hover:before {
    filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(89%) contrast(84%);
  }
}
.side-menu-review__send-rating-items > input:checked ~ label {
  filter: brightness(0) saturate(100%);
}
.side-menu-review__send input[type=text], .side-menu-review__send textarea {
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.side-menu-review__send input[type=text]::placeholder, .side-menu-review__send textarea::placeholder {
  color: #ADADAD !important;
}
.side-menu-review__send input[type=text]:focus, .side-menu-review__send input[type=text]:not(:placeholder-shown), .side-menu-review__send textarea:focus, .side-menu-review__send textarea:not(:placeholder-shown) {
  border-bottom: 1px solid #000000;
}
.side-menu-review__send input[type=text]:valid, .side-menu-review__send textarea:valid {
  border-bottom: 1px solid #000000;
}
.side-menu-review__send textarea {
  margin-top: 24px;
  resize: none;
  min-height: 32px;
  max-height: 150px;
}
.side-menu-review__send textarea:valid {
  padding-bottom: 12px;
}
.side-menu-review__send input[type=file] {
  display: none;
}
.side-menu-review__send-inputs {
  margin-top: 11px;
  position: relative;
}
.side-menu-review__send-inputs .form-clear {
  right: 0;
}
.side-menu-review__send-imgs {
  margin: 18px 0 32px;
}
.side-menu-review__send-imgs p {
  width: 100%;
  margin-bottom: 12px !important;
}
.side-menu-review__send-imgs-items {
  gap: 8px;
}
.side-menu-review__send-imgs-items img {
  object-fit: cover;
  width: 74px;
  height: 110px;
}
@media (max-width: 1200px) {
  .side-menu-review__send-imgs-items img {
    width: 65px;
    height: 96px;
  }
}
.side-menu-review__send-imgs-items-upload {
  position: relative;
  background: #F7F7F7;
  border: 1px solid #D5D5D5;
  display: inline-block;
  cursor: pointer;
  width: 74px;
  height: 110px;
}
@media (max-width: 1200px) {
  .side-menu-review__send-imgs-items-upload {
    width: 65px;
    height: 96px;
  }
}
.side-menu-review__send-imgs-items-upload span {
  width: 12px;
  height: 12px;
  position: absolute;
  cursor: pointer;
}
.side-menu-review__send-imgs-items-upload span:before, .side-menu-review__send-imgs-items-upload span:after {
  content: "";
  background: #ADADAD;
  height: 1px;
  width: 12px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.side-menu-review__send-imgs-items-upload span:before {
  transform: translateY(-50%) rotate(-45deg);
}
.side-menu-review__send-imgs-items-upload span:after {
  transform: translateY(-50%) rotate(45deg);
}
.side-menu-review__send-imgs-items-upload span:hover::before, .side-menu-review__send-imgs-items-upload span:hover::after {
  background-color: black;
}
.side-menu-review__send-imgs-items-upload span {
  transform: rotate(45deg);
  top: 49px;
  left: 31px;
  transition: all 500ms;
}
@media (max-width: 1200px) {
  .side-menu-review__send-imgs-items-upload span {
    top: 42px;
    left: 27px;
  }
}
@media (hover: hover) {
  .side-menu-review__send-imgs-items-upload:hover {
    background: #ADADAD;
    transition: all 500ms;
  }
  .side-menu-review__send-imgs-items-upload:hover span::after, .side-menu-review__send-imgs-items-upload:hover span::before {
    background: #666666;
  }
}
.side-menu-review__send-imgs-item {
  position: relative;
}
.side-menu-review__send-imgs-item-clear {
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: 7px;
  right: 1px;
  padding: 3px 8px;
  z-index: 1;
  background: #FFFFFF;
  opacity: 80%;
  cursor: pointer;
}
.side-menu-review__send-imgs-item-clear img, .side-menu-review__send-imgs-item-clear svg {
  width: 16px;
  height: 16px;
  filter: brightness(0) saturate(100%);
}
.side-menu-review__send .side-menu-review__link {
  position: relative;
  top: -7px;
  left: 0;
  width: 100%;
}
.side-menu-review__send .side-menu-review__link p {
  margin-top: 6px;
  letter-spacing: 0.5px;
}
.side-menu-review__send button.side-menu-review__link p {
  margin-top: 0;
}
.side-menu-review .form-success {
  margin-top: 32px;
}

@media (max-width: 1200px) {
  .side-menu-review {
    width: 100% !important;
    padding: 32px 16px 0;
  }
  .side-menu-review__main {
    height: 100vh;
  }
  .side-menu-review__list {
    padding: 0 0 60px 0;
  }
  .side-menu-review__list::-webkit-scrollbar {
    width: 0;
  }
  .side-menu-review__average {
    text-align: center;
  }
  .side-menu-review__link:not(.wide) {
    left: 50%;
    transform: translateX(-50%);
  }
  .side-menu-review__send-rating {
    text-align: left;
  }
  .side-menu-review__send-rating p {
    margin-bottom: 8px;
  }
}
.side-menu-cancel_order {
  justify-content: start;
  width: 541px;
  padding: 40px 24px 0;
}
.side-menu-cancel_order-btns {
  margin-top: 24px;
}
.side-menu-cancel_order-btns button {
  width: 49.2%;
  height: 40px;
}

.side-menu__all-product {
  padding: 40px 24px;
  justify-content: start;
}
.side-menu__all-product-cards {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .side-menu__all-product-cards .cards__item {
    width: 320px !important;
  }
}
.side-menu__all-product-cards .cards__item-media-footer {
  visibility: hidden;
}

@media (max-width: 1200px) {
  .side-menu__all-product-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 8px;
  }
  .side-menu__all-product .cards__item {
    width: 100% !important;
    min-height: 0;
    height: auto;
    /*aspect-ratio: 330 / 496*/
  }
  .side-menu__all-product .cards__item-media-footer {
    visibility: visible;
  }
  .side-menu__all-product {
    /*& .cards__item-media-footer-btn-cart
    * display: none*/
  }
}
.side-menu__close {
  width: 13px;
  height: 13px;
  position: absolute;
  cursor: pointer;
}
.side-menu__close:before, .side-menu__close:after {
  content: "";
  background: #000000;
  height: 1px;
  width: 13px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.side-menu__close:before {
  transform: translateY(-50%) rotate(-45deg);
}
.side-menu__close:after {
  transform: translateY(-50%) rotate(45deg);
}
.side-menu__close:hover::before, .side-menu__close:hover::after {
  background-color: black;
}
.side-menu__close {
  top: 17px;
  right: 17px;
  z-index: 1;
}

.side-menu-short {
  width: 454px;
}

@media (max-width: 1200px) {
  .side-menu-modal {
    gap: 8px;
    position: fixed;
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 32px 16px 16px;
    text-align: center;
    background: #FFFFFF;
    border: none;
    z-index: 5;
  }
  .side-menu-modal h6::after {
    display: none;
  }
  .side-menu-modal .closeBtn {
    width: 13px;
    height: 13px;
    position: absolute;
    cursor: pointer;
  }
  .side-menu-modal .closeBtn:before, .side-menu-modal .closeBtn:after {
    content: "";
    background: #000000;
    height: 1px;
    width: 13px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
  }
  .side-menu-modal .closeBtn:before {
    transform: translateY(-50%) rotate(-45deg);
  }
  .side-menu-modal .closeBtn:after {
    transform: translateY(-50%) rotate(45deg);
  }
  .side-menu-modal .closeBtn:hover::before, .side-menu-modal .closeBtn:hover::after {
    background-color: black;
  }
  .side-menu-modal .closeBtn {
    top: 13px;
    right: 15px;
  }
  .side-menu-modal {
    transform: translateY(100%) !important;
    max-height: 100%;
  }
  .side-menu-modal.open {
    transform: translateY(0%) !important;
  }
}
/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .cards__item-media-footer-tooltip, .cards__item-media-footer-sizes ul, .cards__item-media-footer-sizes, .gallery__tag, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .sizes, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.side-menu-auth {
  width: 454px;
  z-index: 6;
  padding: 40px 24px 24px 24px;
}
.side-menu-auth #code {
  z-index: 8;
}
@media (max-width: 1200px) {
  .side-menu-auth {
    width: 100%;
    bottom: 0;
    top: unset;
    height: auto;
    min-height: fit-content;
  }
  .side-menu-auth .auth_change_method {
    margin-top: 32px;
    margin-bottom: 16px;
    align-items: center;
  }
  .side-menu-auth .auth_container, .side-menu-auth .auth_form {
    align-items: center;
    width: 100%;
  }
  .side-menu-auth .auth_form_code_sent {
    align-items: center;
    flex-direction: column;
  }
}

.input-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  width: 100%;
  height: 80px;
  position: relative;
}

.side-menu-auth-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.auth_container {
  display: flex;
  flex-direction: column;
}
.auth_container#phone, .auth_container#email, .auth_container[data-entity=form-phone], .auth_container[data-entity=form-email] {
  height: 100%;
  justify-content: space-between;
}

.auth_change_method {
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: fit-content;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
}

.auth_form {
  display: flex;
  flex-direction: column;
}
.auth_form_input::placeholder {
  color: #ADADAD;
}
.auth_form_input {
  padding: 8px 24px 12px 0;
  gap: 10px;
  height: 40px;
  width: 100%;
  border: 0 solid #E3E3E3;
  border-bottom-width: 1px !important;
}
.auth_form_input:focus {
  border-color: black;
}
.auth_form .auth_input_clear {
  width: 13px;
  height: 13px;
  position: absolute;
  cursor: pointer;
}
.auth_form .auth_input_clear:before, .auth_form .auth_input_clear:after {
  content: "";
  background: #ADADAD;
  height: 1px;
  width: 13px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.auth_form .auth_input_clear:before {
  transform: translateY(-50%) rotate(-45deg);
}
.auth_form .auth_input_clear:after {
  transform: translateY(-50%) rotate(45deg);
}
.auth_form .auth_input_clear:hover::before, .auth_form .auth_input_clear:hover::after {
  background-color: black;
}
.auth_form .auth_input_clear {
  top: 13px;
  right: 5px;
}
.auth_form_send {
  text-transform: uppercase;
  cursor: pointer;
  padding: 9px 32px 11px;
  height: 40px;
  width: 100%;
  color: white;
  background-color: black;
}
.auth_form_code_sent {
  display: flex;
  gap: 2px;
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
  margin-bottom: 24px;
}
.auth_form_code {
  margin-bottom: 32px;
}
.auth_form .resend {
  width: max-content;
  max-width: 180px;
  justify-content: space-between;
  display: flex;
  gap: 2px;
  font-size: 12px;
  line-height: 16px;
  color: black;
  margin-bottom: 24px;
  height: 16px;
}
.auth_form .resend button {
  cursor: pointer;
}
.auth_form .resend span, .auth_form .resend button:disabled {
  color: #ADADAD;
}
.auth_form h3::after {
  content: unset;
  margin-bottom: 12px;
}

.auth_form_code_inputs_container {
  position: relative;
}
.auth_form_code_inputs_container .error-message {
  position: absolute;
  bottom: 8px;
}

.auth_form_code_inputs {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 32px;
}
.auth_form_code_inputs .auth_form_code_box {
  width: 100%;
  height: 64px;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  padding: 14px 12px;
  border: 0;
  border-bottom: 1px solid black;
  outline: none;
  color: black;
  direction: ltr;
}
.auth_form_code_inputs .auth_form_code_box::placeholder {
  color: #ADADAD;
  text-align: center;
}

.transparent-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 5;
}

.error, .error:focus {
  border-color: #DD0000 !important;
}

.error-message {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
  color: #DD0000 !important;
}

.confidential {
  max-height: 40px;
  transition: 0.2s all ease-in-out;
  margin-top: 8px;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  color: #ADADAD;
  text-transform: uppercase;
}
.confidential a {
  color: inherit;
}
.confidential a:hover {
  color: black;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .cards__item-media-footer-tooltip, .cards__item-media-footer-sizes ul, .cards__item-media-footer-sizes, .gallery__tag, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .sizes, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.input-default {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  width: 100%;
  height: 80px;
  position: relative;
}
.input-default .input_clear {
  width: 13px;
  height: 13px;
  position: absolute;
  cursor: pointer;
}
.input-default .input_clear:before, .input-default .input_clear:after {
  content: "";
  background: #ADADAD;
  height: 1px;
  width: 13px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.input-default .input_clear:before {
  transform: translateY(-50%) rotate(-45deg);
}
.input-default .input_clear:after {
  transform: translateY(-50%) rotate(45deg);
}
.input-default .input_clear:hover::before, .input-default .input_clear:hover::after {
  background-color: black;
}
.input-default .input_clear {
  top: 13px;
  right: 5px;
}
.input-default .input-default-input {
  color: #ADADAD;
  padding: 8px 24px 12px 0;
  gap: 10px;
  height: 40px;
  width: 100%;
  border: 0 solid #E3E3E3;
  border-bottom-width: 1px !important;
}
.input-default .input-default-input:focus, .input-default .input-default-input:not(:placeholder-shown) {
  color: black;
  border-color: black;
}
.input-default .success, .input-default .success:focus {
  border-color: #408C46;
}
.input-default .error, .input-default .error:focus {
  border-color: #DD0000;
}
.input-default .error-message, .input-default .success-message {
  margin-top: 4px;
  font-size: 10px;
  line-height: 16px;
}
.input-default .success-message {
  color: #408C46;
}
.input-default .error-message {
  color: #DD0000;
}

.input-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.input-checkbox > span {
  font-size: 14px;
  line-height: 20px;
}
.input-checkbox .input-checkbox-input {
  accent-color: black;
  width: 16px;
  height: 16px;
  border: 1px solid black;
}

.input_toggle {
  position: relative;
  display: inline-block;
  width: 29px;
  height: 16px;
}
.input_toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.input_toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.input_toggle .slider.round {
  border-radius: 34px;
}
.input_toggle .slider.round:before {
  border-radius: 50%;
}
.input_toggle .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.input_toggle input:checked + .slider {
  background-color: black;
}
.input_toggle input:focus + .slider {
  box-shadow: 0 0 1px black;
}
.input_toggle input:checked + .slider:before {
  transform: translateX(12px);
}

.input-radio {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  user-select: none;
}
.input-radio input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.input-radio input:checked ~ .input-radio_checkmark {
  border-color: black;
}
.input-radio_checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  border: 1px solid black;
}
.input-radio_checkmark::after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: black;
}
.input-radio input:checked ~ .input-radio_checkmark:after {
  display: block;
}

.input-select .input-select-input {
  padding: 8px 24px 8px 8px;
  height: 40px;
  width: 100%;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .cards__item-media-footer-tooltip, .cards__item-media-footer-sizes ul, .cards__item-media-footer-sizes, .gallery__tag, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .sizes, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

#cart .side-menu__title {
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 1200px) {
  #cart .side-menu__title {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }
}

.side-menu-cart {
  width: 541px;
  height: 100%;
  min-height: 100vh;
  padding: 40px 24px 24px 24px;
}
.side-menu-cart h2::after, .side-menu-cart h3::after, .side-menu-cart h4::after, .side-menu-cart h5::after, .side-menu-cart h6::after {
  content: unset;
}
@media (max-width: 1200px) {
  .side-menu-cart {
    width: 100%;
    bottom: 0;
    min-height: unset;
    top: unset;
  }
  .side-menu-cart .cards {
    position: relative;
    left: -24px;
  }
  .side-menu-cart .cart_title {
    text-align: center;
    margin-bottom: 16px;
  }
  .side-menu-cart .cart_empty {
    margin-top: 0;
  }
  .side-menu-cart .cart_empty .h3 {
    margin: 0 0 16px;
  }
  .side-menu-cart .cart_empty_info {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 26px;
  }
}

.side-menu-cart-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 1200px) {
  .side-menu-cart-container {
    height: unset;
  }
}

.cart {
  position: relative;
  width: calc(100% + 24px);
  padding-right: 24px;
  padding-bottom: 16px;
}
.cart.loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  animation: cartPulse 1.5s ease-in-out infinite;
}

@keyframes cartPulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
.cart_title {
  margin-bottom: 24px;
}
.cart_title::after {
  content: unset;
}

.cart_empty {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 40px 0 24px;
  height: 100%;
}
.cart_empty .main__cards {
  margin: auto 0 0;
}
.cart_empty .side_menu_cards {
  width: max-content;
  overflow-y: hidden;
}
.cart_empty_info {
  text-align: center;
}
.cart_empty .button-arrow {
  width: 220px;
  height: 40px;
  margin: 32px auto 40px;
  padding: 9px 32px 11px;
}

.cart_cards {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px - 24px - 64px - 32px - 104px);
  overflow: auto;
  gap: 8px;
  width: calc(100% + 24px);
  padding-right: 24px;
}
@media (max-width: 1200px) {
  .cart_cards {
    width: 100%;
    padding-right: 0;
    height: fit-content;
    max-height: unset !important;
    overflow: unset;
  }
}

.cart_card {
  display: flex;
  gap: 16px;
}
.cart_card_amount {
  min-width: 82px;
}
.cart_card_amount > button {
  cursor: pointer;
}
.cart_card .cards__item-media-footer-btn img {
  padding: 10px;
}
.cart_card .cards__item-media-footer-btn-heart img {
  top: 0;
  left: 0;
}
.cart_card .cards__item-media {
  height: 100%;
}
.cart_card .cards__item-media-footer {
  visibility: visible;
  justify-content: flex-end;
}
.cart_card_image {
  position: relative;
}
.cart_card_image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  inset: 0;
}
.cart_card_description {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cart_card_info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cart_card_title {
  font-size: 14px;
  line-height: 20px;
}
.cart_card_selectors .minus, .cart_card_selectors .plus {
  position: relative;
}
.cart_card_selectors .minus::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 1px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000000;
}
.cart_card_selectors .plus::after, .cart_card_selectors .plus::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  top: 50%;
  left: 50%;
  background-color: #000000;
}
.cart_card_selectors .plus::before {
  transform: translate(-50%, 0);
}
.cart_card_selectors .plus::after {
  rotate: 90deg;
  transform: translate(0%, 500%);
}
.cart_card_selectors .minus, .cart_card_selectors .plus, .cart_card_selectors .toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.cart_card_selectors .minus[disabled], .cart_card_selectors .plus[disabled], .cart_card_selectors .toggle[disabled] {
  cursor: default;
  opacity: 0.5;
}
.cart_card_selectors {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}
.cart_card_prices {
  display: flex;
  gap: 12px;
  align-items: center;
}
.cart_card_discount_price {
  position: relative;
  color: #D5D5D5;
  font-size: 14px;
  line-height: 20px;
}
.cart_card_discount_price::after {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #D5D5D5;
  transform: rotate(-10deg);
}
.cart_card_price {
  font-size: 14px;
  line-height: 20px;
}
.cart_card_bonuses {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 10px;
  line-height: 16px;
}

.cart_header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  background-color: white;
}
.cart_header .cart_amount {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}
.cart_header .cart_delete-all {
  cursor: pointer;
  color: #ADADAD;
  font-size: 10px;
  line-height: 16px;
}
.cart_header .cart_delete-all:hover {
  color: black;
}

.cart_footer_info {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  gap: 4px;
}
.cart_footer_description {
  display: flex;
  gap: 40px;
  justify-content: space-between;
}
.cart_footer_description > p {
  font-size: 14px;
  line-height: 20px;
}
.cart_footer_information {
  color: #ADADAD;
  font-size: 10px;
  line-height: 16px;
}
.cart_footer .cart_checkout {
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 32px 9px;
  height: 40px;
  width: 100%;
  color: white;
  background-color: black;
}
.cart_footer .cart_checkout[disabled] {
  cursor: default;
  background-color: #8d8d8d;
}
.cart_footer .cart_checkout:hover .tooltip {
  display: flex;
  margin-bottom: 30px;
  text-transform: none;
}

.side-menu-cart-container .cards__item-media-item, .side-menu-cart-container .cart_card_image, .order_page .cards__item-media-item, .order_page .cart_card_image {
  height: 253px !important;
  width: 191px !important;
}
@media (max-width: 1200px) {
  .side-menu-cart-container .cards__item-media-item, .side-menu-cart-container .cart_card_image, .order_page .cards__item-media-item, .order_page .cart_card_image {
    height: 149px !important;
    width: 100px !important;
  }
}

.side-menu-cart .cards__item-title {
  word-break: break-word;
  white-space: pre-wrap;
}
.side-menu-cart .cards__item .price, .side-menu-cart .cards__item .colors {
  display: none !important;
}
.side-menu-cart .cards__item {
  height: fit-content !important;
  min-height: unset !important;
  width: fit-content !important;
  max-width: 191px !important;
}
.side-menu-cart .cards {
  max-height: 420px !important;
  overflow: visible;
  width: 100%;
  height: fit-content;
}

.cart_confirmation {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cart_confirmation_buttons {
  display: flex;
  gap: 8px;
}
.cart_confirmation_buttons > button {
  cursor: pointer;
  padding: 9px 32px 11px;
  border: 1px solid black;
  flex: 1;
}
.cart_confirmation_buttons .white {
  background-color: white;
  color: black;
}
.cart_confirmation_buttons .white:hover {
  background: #000;
  color: #fff;
}
.cart_confirmation_buttons .black {
  background-color: black;
  color: white;
}
@media (max-width: 1200px) {
  .cart_confirmation > p {
    font-size: 18px;
    line-height: 26px;
  }
  .cart_confirmation .cart_confirmation_buttons {
    align-items: center;
    justify-content: center;
  }
  .cart_confirmation > button {
    width: 100%;
  }
  .cart_confirmation {
    gap: 24px;
  }
}

.side-menu-cart .cards__item-media-footer-sizes {
  display: none;
}
.side-menu-cart .swiper-wrapper .cards__item-media-footer {
  justify-content: flex-end;
}
.side-menu-cart .swiper-wrapper .cards__item-price {
  display: none;
}
.side-menu-cart .swiper-wrapper .cards__item-media-footer-btn-cart {
  display: none;
}
.side-menu-cart .swiper-wrapper .cards__item {
  min-height: unset !important;
  aspect-ratio: 231/312;
  width: unset !important;
}
@media (min-width: 1200px) {
  .side-menu-cart .swiper-wrapper .cards__item {
    margin-right: 8px;
    min-height: unset !important;
    min-width: 231px !important;
  }
}
.side-menu-cart .swiper-wrapper .cards__item-media {
  width: 100%;
  height: 312px !important;
  overflow: hidden;
}
.side-menu-cart .swiper-wrapper .cards__item-media-item {
  width: 100% !important;
  height: 312px !important;
  max-height: 480px;
}
@media (max-width: 1200px) {
  .side-menu-cart .swiper-wrapper .cards__item {
    min-width: 164px !important;
  }
  .side-menu-cart .swiper-wrapper .cards__item-media {
    height: 231px !important;
    overflow: hidden;
  }
  .side-menu-cart .swiper-wrapper .cards__item-media-item {
    height: 253px !important;
  }
}

.side-menu#order_success {
  width: 454px;
  padding: 40px 24px 24px 24px;
}
@media (max-width: 1200px) {
  .side-menu#order_success {
    max-height: 340px;
    padding: 32px 16px 16px;
    top: unset;
    bottom: 0;
    width: 100vw !important;
    height: auto;
  }
}

.side-order_success_container {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
}
.side-order_success_container .confidential {
  margin-top: 0;
}
@media (max-width: 1200px) {
  .side-order_success_container {
    align-items: center;
  }
  .side-order_success_container .order_success_number {
    text-align: center;
  }
  .side-order_success_container .order_success_description {
    text-align: center;
  }
  .side-order_success_container .side-menu__title {
    margin-bottom: 0;
  }
}
.side-order_success_container .order_success_container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.side-order_success_container .order_success_title {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.side-order_success_container .order_success_number {
  font-size: 10px;
  line-height: 16px;
  color: #ADADAD;
}
.side-order_success_container .order_success_footer button, .side-order_success_container .order_success_footer .button {
  width: 100%;
  text-transform: uppercase;
}
.side-order_success_container .order_success_footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.side-order_success_container .order_success_footer form {
  width: 100%;
}
.side-order_success_container .order_success_footer form input[type=submit] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 9px 32px 11px;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0;
}

.button_black {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 9px 32px 11px;
  font-size: 14px;
  line-height: 20px;
}

.tabs__toggle {
  cursor: pointer;
}
.tabs__tab:not(.active) {
  display: none;
}

.tabs-default {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tabs-default .tab {
  margin-top: 16px;
  height: auto;
}
.tabs-default .tabs_header {
  display: flex;
  width: 100%;
}
.tabs-default .tabs_header_item {
  width: 100%;
  padding: 6px 16px 8px;
  border: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 18px;
  background-color: white;
  color: black;
  cursor: pointer;
}
.tabs-default .tabs_header_item.active {
  background-color: black;
  color: white;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .cards__item-media-footer-tooltip, .cards__item-media-footer-sizes ul, .cards__item-media-footer-sizes, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.modal {
  position: fixed;
  border: 1px solid #000000;
  background: #FFFFFF;
  z-index: 3;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.04em;
}
.modal__closeBtn {
  position: absolute;
  width: 12px;
  height: 12px;
  position: absolute;
  cursor: pointer;
}
.modal__closeBtn:before, .modal__closeBtn:after {
  content: "";
  background: #000000;
  height: 1px;
  width: 12px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.modal__closeBtn:before {
  transform: translateY(-50%) rotate(-45deg);
}
.modal__closeBtn:after {
  transform: translateY(-50%) rotate(45deg);
}
.modal__closeBtn:hover::before, .modal__closeBtn:hover::after {
  background-color: black;
}

.notice {
  top: 54px;
  left: 318px;
  width: 254px;
  height: 94px;
  padding: 12px 16px 16px;
  z-index: 5;
}
.notice__closeBtn {
  top: 4px;
  right: 4px;
}
.notice__buttons {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.notice__buttons-btn {
  width: 107px;
  height: 32px;
  padding: 6px 16px 8px;
  text-transform: uppercase;
  cursor: pointer;
}
.notice__buttons-btn-correct {
  color: #FFFFFF;
  background: #000000;
}
.notice__buttons-btn-incorrect {
  border: 1px solid #000000;
}
@media (hover: hover) {
  .notice__buttons-btn-incorrect:hover {
    background: #000000;
    color: #FFFFFF;
  }
}

.cookie {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 12px 16px 16px;
  width: 451px;
  bottom: 64px;
  left: 0;
  right: 0;
}
.cookie p {
  letter-spacing: -0.01px;
}
.cookie__buttons {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.cookie__acceptBtn {
  height: 32px;
  padding: 6px 16px 8px;
  text-transform: uppercase;
  cursor: pointer;
  color: #fff;
  background: #000;
  border: none;
}
.cookie__declineBtn {
  height: 32px;
  padding: 6px 16px 8px;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #000;
  background: transparent;
}
@media (hover: hover) {
  .cookie__declineBtn:hover {
    background: #000;
    color: #fff;
  }
}
.cookie__closeBtn {
  position: relative;
}

.call {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 64px;
  right: 24px;
  width: 40px;
  height: 40px;
  padding: 8px;
  cursor: pointer;
  text-decoration: none;
}

.to_top {
  display: flex;
  align-items: center;
  bottom: 20px;
  right: 24px;
  width: 40px;
  height: 40px;
  padding: 2px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.to_top img {
  position: relative;
  transform: rotate(-90deg);
  margin: auto;
  width: 16px;
  height: 16px;
}
.to_top.visible {
  visibility: visible;
  opacity: 1;
}

.overlay.overlay-sizes {
  z-index: 8;
}

.sizes {
  gap: 8px;
  position: fixed;
  top: auto;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 32px 16px 16px;
  text-align: center;
  background: #FFFFFF;
  border: none;
  z-index: 5;
}
.sizes h6::after {
  display: none;
}
.sizes .closeBtn {
  width: 13px;
  height: 13px;
  position: absolute;
  cursor: pointer;
}
.sizes .closeBtn:before, .sizes .closeBtn:after {
  content: "";
  background: #000000;
  height: 1px;
  width: 13px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.sizes .closeBtn:before {
  transform: translateY(-50%) rotate(-45deg);
}
.sizes .closeBtn:after {
  transform: translateY(-50%) rotate(45deg);
}
.sizes .closeBtn:hover::before, .sizes .closeBtn:hover::after {
  background-color: black;
}
.sizes .closeBtn {
  top: 13px;
  right: 15px;
}
.sizes {
  z-index: 10;
}

.notification {
  margin: 0 auto;
  padding: 8px 12px 6px;
  width: 177px;
  height: 32px;
  bottom: 16px;
  left: 0;
  right: 0;
  letter-spacing: -0.21px;
}

.gallery {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
  z-index: 5;
}
.gallery__swipers {
  width: 100%;
  height: 100%;
}
.gallery__swipers-pagination {
  padding: 24px 0 0 24px;
  position: absolute;
  z-index: 10;
  height: 100%;
  overflow: auto;
}
.gallery__swipers-pagination::-webkit-scrollbar {
  width: 0;
}
.gallery__swipers-pagination .swiper-slide {
  width: 82px;
  height: 114px;
  border: 1px solid #000000;
}
.gallery__swipers-pagination video {
  width: 80px;
  height: 112px;
}
.gallery__swipers-pagination img {
  width: 79px;
  height: 112px;
}
.gallery__swipers-pagination img, .gallery__swipers-pagination video {
  object-fit: cover;
  opacity: 0.5;
  cursor: pointer;
}
.gallery__swipers-pagination .swiper-slide-thumb-active img, .gallery__swipers-pagination .swiper-slide-thumb-active video {
  opacity: 1;
}
.gallery__swipers-slider {
  width: calc(100% - 104px);
  margin-left: 106px;
  height: 100%;
}
.gallery__swipers-slider .swiper-wrapper {
  width: 100%;
}
.gallery__swipers-slider img, .gallery__swipers-slider video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 71.7vh;
  height: 100%;
  object-fit: cover;
}
.gallery__swipers-slider video {
  background: black;
}
.gallery__swipers-slider .swiper-slide {
  position: absolute;
}
.gallery__swipers-slider .swiper-slide:not(.swiper-slide-active) {
  visibility: hidden;
}
.gallery__swipers-slider .swiper-zoom-container {
  height: 100%;
}
.gallery.scale .gallery__swipers-slider {
  margin-left: 0;
}
.gallery.scale .swiper-navigation-buttons {
  display: none;
}
.gallery.scale .modal__closeBtn {
  width: 44px;
  height: 44px;
  background: #FFFFFF;
  opacity: 80%;
}
.gallery.scale .modal__closeBtn:before, .gallery.scale .modal__closeBtn:after {
  right: 15px;
}
.gallery__closeBtn {
  width: 16px;
  height: 16px;
  position: absolute;
  cursor: pointer;
}
.gallery__closeBtn:before, .gallery__closeBtn:after {
  content: "";
  background: #000000;
  height: 1px;
  width: 16px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.gallery__closeBtn:before {
  transform: translateY(-50%) rotate(-45deg);
}
.gallery__closeBtn:after {
  transform: translateY(-50%) rotate(45deg);
}
.gallery__closeBtn:hover::before, .gallery__closeBtn:hover::after {
  background-color: black;
}
.gallery__closeBtn {
  top: 16px;
  right: 16px;
  z-index: 10;
}
.gallery__tag {
  position: absolute;
  padding: 8px 12px 6px;
  bottom: 64px;
  left: 50%;
  z-index: 1;
  color: #000000;
  background: #F7F7F7;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 300ms;
}
@media (hover: hover) {
  .gallery__tag:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 300ms;
  }
}
.gallery__tag {
  cursor: default;
}
@media (max-width: 1200px) {
  .gallery__tag {
    display: none !important;
  }
}

@media (max-width: 1200px) {
  .notice {
    margin: 0 auto;
    width: 100%;
    max-width: 358px;
    bottom: 24px;
    left: 0;
    right: 0;
    border: 1px solid #000000;
  }
  .notice__closeBtn {
    left: auto;
    right: 5px;
  }
  .notice__buttons button {
    width: 49%;
  }
  .cookie {
    bottom: 16px;
    padding: 12px 16px 16px;
    max-width: 358px;
    width: 100%;
  }
  .cookie__buttons button {
    flex: 1;
  }
  .call {
    bottom: 76px;
    right: 16px;
  }
  .to_top {
    right: 24px;
  }
  body:has(.product .product__content-btns) .to_top {
    bottom: 128px;
  }
  body:has(.order_form_count) .to_top {
    display: none;
  }
  .gallery {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: none;
  }
  .gallery__swipers {
    width: 100%;
    height: 100%;
    gap: 50px;
  }
  .gallery__swipers-pagination {
    width: 100%;
    height: auto;
    bottom: 0;
  }
  .gallery__swipers-pagination .swiper-slide {
    width: 80px;
    height: 114px;
  }
  .gallery__swipers-pagination img, .gallery__swipers-pagination video {
    width: 78px;
    height: 114px;
    opacity: 0.5;
    border: 1px solid #000000;
  }
  .gallery__swipers-pagination .swiper-slide-thumb-active img {
    opacity: 1;
  }
  .gallery__swipers-slider {
    margin-top: 52px;
    margin-left: 0;
    width: 100%;
    height: 100%;
  }
  .gallery__swipers-slider .swiper-navigation-buttons {
    display: none;
  }
  .gallery__swipers-slider img, .gallery__swipers-slider video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
  .gallery__swipers-slider .swiper-slide:not(.swiper-slide-active) {
    visibility: hidden;
  }
  .gallery.scale .modal__closeBtn {
    width: 24px;
    height: 24px;
    background: #FFFFFF;
    border-radius: 50px;
    opacity: 1;
  }
  .gallery.scale .modal__closeBtn:before, .gallery.scale .modal__closeBtn:after {
    right: 6px;
  }
}

@media (max-width: 769px) {
  .to_top {
    right: 18px;
  }
}
/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.burger {
  width: 16px;
  height: 10px;
  background-color: transparent;
  border-top: 1px solid #000000;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
}
.burger::after, .burger:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000000;
  position: relative;
  z-index: 1;
  display: block;
}
.burger::after {
  top: 3px;
}
.burger:before {
  top: 9px;
}

@media (max-width: 1200px) {
  .burger {
    top: -2px;
    border-top: 1px solid #FFFFFF;
  }
  .burger::after, .burger:before {
    background-color: #FFFFFF;
  }
  #burger-close {
    display: none;
    top: 3.5px;
    margin-left: 5px;
  }
  .header__menu.dark .header__menu-bottom-icon-burgerBtn .burger {
    top: -2px;
    border-top: 1px solid #000000;
  }
  .header__menu.dark .header__menu-bottom-icon-burgerBtn .burger::after, .header__menu.dark .header__menu-bottom-icon-burgerBtn .burger:before {
    background-color: #000000;
  }
  .header__menu.open .header__banner-icon .burger {
    display: none;
  }
}
/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .cards__item-media-footer-tooltip, .cards__item-media-footer-sizes ul, .cards__item-media-footer-sizes, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.logo {
  color: inherit;
  text-decoration: none;
  border-bottom: none;
  padding-bottom: 0;
  display: inline-block;
}
.logo img, .logo svg {
  display: block;
}
.logo_black {
  display: none;
}

@media (max-width: 1200px) {
  .header__banner-menu.dark .logo_black {
    display: block;
  }
  .header__banner-menu.dark .logo_white {
    display: none;
  }
}
/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.cards {
  width: 100%;
  height: 100%;
  margin: 0;
}
.cards__item {
  position: relative;
  width: 368px !important;
  height: auto;
  min-height: 582px;
  text-align: center;
}
@media (hover: hover) {
  .cards__item:hover .cards__item-media-footer {
    visibility: visible;
  }
}
.cards__item-media {
  position: relative;
  margin: 0 0 12px;
}
.cards__item-media-item {
  display: none;
  width: 100%;
  height: 100%;
  aspect-ratio: 368/504;
  object-fit: cover;
  clip-path: none;
}
.cards__item-media-item.active {
  display: block;
}
.cards__item-media-footer {
  position: absolute;
  bottom: 2px;
  width: 100%;
  height: 40px;
  display: flex;
  gap: 1px;
  padding: 1px;
  visibility: hidden;
  z-index: 1;
}
.cards__item-media-footer-sizes {
  flex: 1 1 auto;
  height: 40px;
  gap: 12px;
  background: #FFFFFF;
  opacity: 80%;
  cursor: pointer;
}
.cards__item-media-footer-sizes ul {
  gap: 12px;
  margin: 0;
  padding: 0;
}
.cards__item-media-footer-sizes ul li {
  display: block;
  margin: 0;
  padding: 1px 0 0 0;
}
.cards__item-media-footer-sizes-item {
  color: #000000;
  transition: margin 200ms;
}
@media (hover: hover) {
  .cards__item-media-footer-sizes-item:hover {
    margin-top: -3.5px;
    transition: margin 200ms;
  }
}
.cards__item-media-footer-tooltip {
  flex: 1 1 auto;
  height: 40px;
  gap: 12px;
  background: #FFFFFF;
  opacity: 80%;
}
.cards__item-media-footer-tooltip p {
  cursor: default;
}
.cards__item-media-footer-btn {
  position: relative;
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  opacity: 80%;
  cursor: pointer;
}
.cards__item-media-footer-btn.active .cards__item-media-footer-btn-black {
  opacity: 1;
}
@media (hover: hover) {
  .cards__item-media-footer-btn.hover:hover .cards__item-media-footer-btn-black {
    opacity: 1;
  }
}
.cards__item-media-footer-btn-heart img {
  position: absolute;
  top: 12px;
  left: 12px;
}
.cards__item-media-footer-btn-heart img:nth-child(2) {
  opacity: 0;
}
.cards__item-title::before {
  position: absolute;
  content: "";
  inset: 0;
}
.cards__item-tags {
  position: absolute;
  display: flex;
  gap: 1px;
  top: 6px;
  left: 8px;
  z-index: 2;
}
.cards__item-tags > div {
  display: flex;
  gap: 1px;
}
.cards__item-tags a {
  padding: 6px 8px 4px;
  text-transform: uppercase;
  background: #FFFFFF;
  border-radius: 1100px;
  font-size: 12px;
  line-height: 16px;
}
.cards__item-tags__discount {
  left: auto;
  right: 8px;
}

@media (max-width: 1440px) and (min-width: 1200px) {
  .swiper .cards__item {
    width: 342px !important;
    min-height: 565px;
  }
  .swiper .cards__item-media-item {
    width: 342px;
    height: 480px;
  }
}
@media (max-width: 1200px) {
  .swiper .cards__item {
    width: 352px !important;
    min-height: 592px !important;
  }
  .swiper .cards__item-media-item {
    width: 352px !important;
    height: 514px !important;
  }
  .cards__item-media-footer {
    justify-content: end;
    visibility: visible;
  }
}
.sliderItem {
  height: 100%;
}
.sliderItem__media {
  height: 100%;
}
.sliderItem__images {
  position: relative;
}
.sliderItem__sectors {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.sliderItem__sector {
  flex-grow: 1;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag, .cards__item-media-footer-sizes, .cards__item-media-footer-sizes ul, .cards__item-media-footer-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .map__point-hover, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.swiper-pagination {
  z-index: 1;
}
.swiper-pagination-bullet {
  border-radius: 0 !important;
  background: #FFFFFF !important;
  opacity: 1 !important;
}
.swiper-pagination-bullet-active {
  background: #000000 !important;
}

.header__swiper {
  width: 100%;
  overflow: hidden;
}
.header__swiper .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
}

.mobile__swiper .swiper-pagination-bullet {
  margin: 0 2px !important;
  width: 6px !important;
  height: 6px !important;
}

.swiper-navigation-buttons {
  position: absolute;
  top: 48.5%;
  left: 45px;
  width: 100%;
  display: flex;
  gap: 89vh;
  justify-content: center;
}
.swiper-navigation-buttons-item {
  width: 48px;
  height: 48px;
  z-index: 10;
  cursor: pointer;
}
.swiper-navigation-buttons-item svg {
  width: 59%;
  height: 59%;
  filter: brightness(0) saturate(100%);
}
.swiper-navigation-buttons-item-prev svg {
  transform: rotate(180deg);
}

.swiper-scale-buttons {
  position: absolute;
  top: 45.7%;
  right: 24px;
  z-index: 10;
}
.swiper-scale-buttons-plus, .swiper-scale-buttons-minus {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #000000;
  cursor: pointer;
  border-radius: 0;
}
.swiper-scale-buttons-plus {
  padding: 14px;
  content: url("../images/plus.svg");
}
.swiper-scale-buttons-minus {
  padding: 18px 14px;
  content: url("../images/minus.svg");
  border-top: none !important;
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative !important;
  left: 0 !important;
  background: none !important;
}

.swiper-scrollbar-drag {
  background: none !important;
}

.swiper-scrollbar-drag:after {
  content: "" !important;
  width: 100%;
  bottom: -4px;
  height: 4px !important;
  border-radius: 20px !important;
  background: #F1F1F1 !important;
  position: absolute !important;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag, .cards__item-media-footer-sizes, .cards__item-media-footer-sizes ul, .cards__item-media-footer-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes, .map__point-hover {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.map__point-hover {
  padding: 12px 16px 16px;
  width: 300px;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  filter: none;
}
.map__point-hover .side-menu-shops__list-item {
  flex: 1 1 auto;
  cursor: default;
  border-bottom: none;
  font-family: Circe;
}
.map__point-hover .side-menu-shops__list-item-title {
  display: block;
  cursor: default;
}
.map__point-hover .side-menu-shops__list-item-title::after {
  display: none;
}
.map__point-hover .side-menu-shops__list-item-tag {
  margin: 8px 0 0;
  cursor: default;
}
.map__point-hover .side-menu-shops__list-item-address, .map__point-hover .side-menu-shops__list-item-subway-item {
  cursor: default;
}
.map__point-hover a {
  display: block;
  padding-top: 6px;
  width: 268px;
  height: 32px;
  background: #000000;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.swiper-pagination {
  z-index: 1 !important;
}

[class*=ymaps-2][class*=-ground-pane] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
}
[class*=ymaps-2][class*=-balloon__content] {
  margin: 0 !important;
  padding: 0;
}
[class*=ymaps-2][class*=-balloon] {
  display: block;
}
[class*=ymaps-2][class*=-balloon__tail] {
  display: none;
}
[class*=ymaps-2][class*=-balloon__close-button] {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 8px;
  height: 8px;
  opacity: 1;
}
[class*=ymaps-2][class*=-zoom] {
  height: auto !important;
}
[class*=ymaps-2][class*=-zoom__scale], [class*=ymaps-2][class*=-copyrights-pane] {
  display: none;
}
[class*=ymaps-2][class*=-zoom__icon] {
  display: none;
}
[class*=ymaps-2][class*=-zoom__button] {
  position: relative;
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #000000;
  cursor: pointer;
  border-radius: 0;
  z-index: 5;
}
[class*=ymaps-2][class*=-zoom__plus] {
  top: -40px;
  padding: 14px;
  content: url("../images/plus.svg");
}
[class*=ymaps-2][class*=-zoom__minus] {
  top: 0;
  padding: 18px 14px;
  content: url("../images/minus.svg");
  border-top: none !important;
}
[class*=ymaps-2][class*="-float-button "] {
  width: 40px;
  height: 40px;
  border: 1px solid #000000;
  border-radius: 0;
  box-shadow: none;
}
[class*=ymaps-2][class*=-float-button-icon] {
  margin: 7px 0 0 5px;
}

.clusterIcon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  padding: 18px 0;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #000000;
  margin: -30px 0 0 -30px;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag, .cards__item-media-footer-sizes, .cards__item-media-footer-sizes ul, .cards__item-media-footer-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes, .map__point-hover {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.page__header {
  margin: 113px 24px 24px;
}
.page__header h3 {
  margin: 20px 0 0;
}
.page__header h3::after {
  display: none;
}
.page__header h3 span {
  color: #ADADAD;
}
.page__header h5 {
  margin-top: 14px;
}
.page__header h5::after {
  display: none;
}
.page__header-breadcrumbs {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 24px;
  text-transform: uppercase;
  list-style: none;
  padding: 0;
  min-height: 22.4px;
}
.page__header-breadcrumbs li {
  position: relative;
}
.page__header-breadcrumbs li:not(:last-child):after {
  display: block;
  position: absolute;
  top: 1px;
  right: -14px;
  content: url("../images/slash.svg");
  width: 6px;
  height: 6px;
}
.page__header-breadcrumbs li a, .page__header-breadcrumbs li button {
  color: #ADADAD;
  transition: all 100ms;
  cursor: pointer;
}
@media (hover: hover) {
  .page__header-breadcrumbs li a:hover, .page__header-breadcrumbs li button:hover {
    color: #000000;
    transition: all 100ms;
  }
}
.page__header-breadcrumbs-dropdown {
  position: absolute;
  margin: 0;
  padding: 12px 12px 16px;
  top: 144px;
  list-style: none;
  width: 158px;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #000000;
  z-index: 5;
  visibility: hidden;
}
.page__header-breadcrumbs-dropdown.open {
  visibility: visible;
}
.page__cards {
  display: grid;
  padding: 0 24px;
  grid-template-columns: repeat(12, 1fr);
  gap: 38px 8px;
}
.page__cards .page__cards-banner {
  grid-column: 1 / -1;
}
.page__cards .cards__item {
  width: 100% !important;
  min-height: 0;
}
.page__cards .cards__item:nth-child(7n+1), .page__cards .cards__item:nth-child(7n+2), .page__cards .cards__item:nth-child(7n+3), .page__cards .cards__item:nth-child(7n+4) {
  grid-column: auto/span 3;
}
.page__cards .cards__item:nth-child(7n+5), .page__cards .cards__item:nth-child(7n+6), .page__cards .cards__item:nth-child(7n+7) {
  grid-column: auto/span 4;
}
.page__cards .cards__item-media-item {
  width: 100%;
  height: 34%;
}
.page__cards + .page__cards, .main-ui-loader + .page__cards {
  margin-top: 38px;
}
.page__main {
  margin: 0 24px;
}
.page__footer {
  display: flex;
  align-items: center;
  margin: 34px 24px 0;
}
.page__footer-pagination {
  display: flex;
}
.page__footer-pagination-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.page__footer-pagination button, .page__footer-pagination a {
  width: 33px;
  height: 33px;
  position: relative;
  font-size: 12px;
  color: #ADADAD;
  cursor: pointer;
  display: inline-block;
  line-height: 33px;
  text-align: center;
}
@media (hover: hover) {
  .page__footer-pagination button:hover, .page__footer-pagination a:hover {
    color: #000000;
  }
}
.page__footer-pagination button.active, .page__footer-pagination a.active {
  color: #000000;
  background: #F7F7F7;
}
.page__footer-pagination-arrow {
  width: 33px;
  height: 33px;
  position: relative;
  cursor: pointer;
}
@media (hover: hover) {
  .page__footer-pagination-arrow:hover img {
    filter: brightness(0) saturate(100%);
  }
}
.page__footer-pagination-arrow.active {
  background: #F7F7F7;
}
.page__footer-pagination-arrow.active img {
  filter: brightness(0) saturate(100%);
}
.page__footer-pagination-arrow img {
  top: 5px;
  left: 4px;
  position: absolute;
  filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(89%) contrast(84%);
}
.page__footer-pagination-arrow-prev {
  top: 1px;
  transform: rotate(180deg);
}
.page__footer-btn {
  width: 193px;
  height: 32px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  letter-spacing: 0.5px;
  border: 1px solid #000000;
  cursor: pointer;
  transition: all 100ms;
  padding-top: 1px;
}
@media (hover: hover) {
  .page__footer-btn:hover {
    color: #FFFFFF;
    background: #000000;
    transition: all 100ms;
  }
}
.page__footer-btn span {
  color: #ADADAD;
}
.page__footer-btn:first-child {
  position: static;
}

@media (max-width: 1200px) {
  .page__header {
    margin: 58px 16px 16px;
  }
  .page__cards {
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 8px;
  }
  .page__cards .swiper-wrapper {
    flex-wrap: wrap;
  }
  .page__cards .cards__item:nth-child(6n+1), .page__cards .cards__item:nth-child(6n+2), .page__cards .cards__item:nth-child(6n+3), .page__cards .cards__item:nth-child(6n+4) {
    grid-column: auto/span 1;
  }
  .page__cards .cards__item:nth-child(6n+5), .page__cards .cards__item:nth-child(6n+6) {
    grid-column: auto/span 2;
  }
  .page__cards .cards__item-media-item {
    height: 100%;
  }
  .page__cards .swiper-wrapper-4 .swiper-slide {
    width: 48.5% !important;
  }
  .page__cards .swiper-wrapper-4 .cards__item-media-item {
    height: 60vw;
  }
  .page__cards .swiper-wrapper-3 .swiper-slide {
    width: 100% !important;
  }
  .page__cards .swiper-wrapper-3 .cards__item-media-item {
    height: 120.5vw;
  }
  .page__cards + .page__cards, .main-ui-loader + .page__cards {
    margin-top: 24px;
  }
  .page__footer {
    height: 88px;
    margin: 20px 0 32px;
    position: relative;
    flex-direction: column;
  }
  .page__footer-btn {
    position: relative;
    top: 24px;
  }
  .products[data-view-mobile="1"] .page__cards {
    grid-template-columns: 1fr;
  }
  .products[data-view-mobile="1"] .page__cards .cards__item {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-mobile="1"] .page__cards .cards__item:nth-child(n) {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-mobile="2"] .page__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .products[data-view-mobile="2"] .page__cards .cards__item {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-mobile="2"] .page__cards .cards__item:nth-child(n) {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-mobile="4"] .page__cards {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 8px;
  }
  .products[data-view-mobile="4"] .page__cards .cards__item {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-mobile="4"] .page__cards .cards__item:nth-child(n) {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-mobile="4"] .page__cards .cards__item > .price,
  .products[data-view-mobile="4"] .page__cards .cards__item > .cards__item-title,
  .products[data-view-mobile="4"] .page__cards .cards__item > .colors {
    display: none;
  }
  .products[data-view-mobile="4"] .page__cards .cards__item .cards__item-media {
    margin: 0;
  }
  .products[data-view-mobile="4"] .page__cards .cards__item .cards__item-media .cards__item-media-footer {
    display: none;
  }
  .products[data-view-mobile="4"] .page__cards + .page__cards,
  .products[data-view-mobile="4"] .main-ui-loader + .page__cards {
    margin-top: 8px;
  }
}
@media (min-width: 1200px) {
  .products[data-view-desktop="2"] .page__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .products[data-view-desktop="2"] .page__cards .cards__item {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-desktop="3"] .page__cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .products[data-view-desktop="3"] .page__cards .cards__item {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-desktop="4"] .page__cards {
    grid-template-columns: repeat(4, 1fr);
  }
  .products[data-view-desktop="4"] .page__cards .cards__item {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-desktop="4"] .page__cards .cards__item:nth-child(n) {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-desktop="6"] .page__cards {
    grid-template-columns: repeat(6, 1fr);
    row-gap: 8px;
  }
  .products[data-view-desktop="6"] .page__cards .cards__item {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-desktop="6"] .page__cards .cards__item:nth-child(n) {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-desktop="6"] .page__cards .cards__item > .price,
  .products[data-view-desktop="6"] .page__cards .cards__item > .cards__item-title,
  .products[data-view-desktop="6"] .page__cards .cards__item > .colors {
    display: none;
  }
  .products[data-view-desktop="6"] .page__cards .cards__item .cards__item-media {
    margin: 0;
  }
  .products[data-view-desktop="6"] .page__cards .cards__item .cards__item-media .cards__item-media-footer {
    display: none;
  }
  .products[data-view-desktop="6"] .page__cards + .page__cards,
  .products[data-view-desktop="6"] .main-ui-loader + .page__cards {
    margin-top: 8px;
  }
  .products[data-view-desktop="8"] .page__cards {
    grid-template-columns: repeat(8, 1fr);
    row-gap: 8px;
  }
  .products[data-view-desktop="8"] .page__cards .cards__item {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-desktop="8"] .page__cards .cards__item:nth-child(n) {
    grid-column: auto/span 1 !important;
  }
  .products[data-view-desktop="8"] .page__cards .cards__item > .price,
  .products[data-view-desktop="8"] .page__cards .cards__item > .cards__item-title,
  .products[data-view-desktop="8"] .page__cards .cards__item > .colors {
    display: none;
  }
  .products[data-view-desktop="8"] .page__cards .cards__item .cards__item-media {
    margin: 0;
  }
  .products[data-view-desktop="8"] .page__cards .cards__item .cards__item-media .cards__item-media-footer {
    display: none;
  }
  .products[data-view-desktop="8"] .page__cards + .page__cards,
  .products[data-view-desktop="8"] .main-ui-loader + .page__cards {
    margin-top: 8px;
  }
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .icon_arrow {
  color: #ADADAD;
}
.pagination .icon_arrow:hover {
  color: black;
}
.pagination_item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #ADADAD;
  font-size: 12px;
  line-height: 18px;
}
.pagination_item.active {
  background-color: #F7F7F7;
  color: black;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .price, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag, .cards__item-media-footer-sizes, .cards__item-media-footer-sizes ul, .cards__item-media-footer-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes, .map__point-hover {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.toggle {
  position: relative;
  display: inline-block;
  width: 29px;
  height: 16px;
}
.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle input:checked + .toggle-span, .toggle.active .toggle-span {
  background: #000000;
  transition: 300ms;
}
.toggle input:checked + .toggle-span::before, .toggle.active .toggle-span::before {
  left: auto;
  right: 1px;
  background: #FFFFFF;
  transition: 300ms;
}
.toggle.disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
.toggle span {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 50px;
  transition: 300ms;
}
.toggle span:before {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 1px;
  bottom: 1px;
  background: #000000;
  transition: 300ms;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.colors, .side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag, .cards__item-media-footer-sizes, .cards__item-media-footer-sizes ul, .cards__item-media-footer-tooltip, .price {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes, .map__point-hover {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.price {
  gap: 12px;
}
.price__sale {
  position: relative;
  color: #D5D5D5;
}
.price__sale::before {
  content: "";
  border-bottom: 1px solid #D5D5D5;
  position: absolute;
  width: 100%;
  height: 50%;
  transform: rotate(-11deg);
}
.price p:after {
  display: none;
}
.price .h5 {
  font-size: 16px;
}
.price__bonus {
  position: relative;
  top: 0;
}
.price__bonus svg, .price__bonus img {
  position: relative;
  top: -2px;
  right: -2px;
}
.price__bonus p {
  top: -1px;
  margin-left: 2px;
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
}

@media (max-width: 1200px) {
  .price {
    gap: 10px;
  }
  .price__bonus svg {
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px;
    right: 1px;
  }
  .price__bonus p {
    margin-left: 0;
  }
}
.select {
  position: relative;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.select.select_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 1100px;
  background-color: #F7F7F7;
  padding: 8px 12px 6px 12px;
  gap: 6px;
  height: 32px;
  min-width: 85px;
}
.select .options {
  z-index: 2;
  margin: 0;
  display: none;
  background-color: white;
  padding: 12px 12px 16px;
  border: 1px solid black;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  top: 36px;
  max-height: 150px;
  height: fit-content;
}
.select .options .option {
  font-size: 12px;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  height: 18px;
}
.select .options .option .icon {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
}
.select .options .option:hover .icon {
  color: #ADADAD;
}
.select .options .option:disabled {
  color: #ADADAD;
}
.select .options .option.option_active .icon {
  color: #000000;
}
.select .options .option.option_active:hover .icon {
  color: #121212;
}
.select.active .options {
  display: flex;
}
.select.active > svg {
  transition: 0.1s all ease;
  transform: rotate(-180deg);
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.accordion__caption, .header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns {
  display: flex;
  justify-content: space-between;
}

.side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag, .cards__item-media-footer-sizes, .cards__item-media-footer-sizes ul, .cards__item-media-footer-tooltip, .price, .colors {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes, .map__point-hover {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.colors {
  margin: 8px 0 0;
  gap: 6px;
}
.colors__item {
  box-sizing: border-box;
  position: relative;
  width: 10px;
  height: 18px;
}
.colors__item span {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 0;
  cursor: pointer;
}
.colors__item span:not([class]) {
  background-size: contain;
  border: 0;
}
.colors__item.active {
  border-bottom: 1px solid #000000;
}
.colors__item.active span {
  bottom: 3px;
}
@media (hover: hover) {
  .colors__item:hover:not(.active) span {
    top: -3px;
  }
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns, .accordion__caption {
  display: flex;
  justify-content: space-between;
}

.side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag, .cards__item-media-footer-sizes, .cards__item-media-footer-sizes ul, .cards__item-media-footer-tooltip, .price, .colors {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

form, .header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes, .map__point-hover {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.accordion__item {
  max-height: 40px;
  transition: all 100ms;
  overflow: hidden;
  border-bottom: 1px solid #000000;
}
.accordion__caption {
  align-items: center;
  padding: 8px 0;
  cursor: pointer;
}
.accordion__caption:after {
  display: none;
}
.accordion__toggle {
  width: 10px;
  height: 10px;
  position: absolute;
  cursor: pointer;
}
.accordion__toggle:before, .accordion__toggle:after {
  content: "";
  background: #000000;
  height: 1px;
  width: 10px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.accordion__toggle:before {
  transform: translateY(-50%) rotate(-45deg);
}
.accordion__toggle:after {
  transform: translateY(-50%) rotate(45deg);
}
.accordion__toggle:hover::before, .accordion__toggle:hover::after {
  background-color: black;
}
.accordion__toggle {
  right: 3px;
  transform: rotate(45deg);
}
.accordion .accordion__item.active {
  max-height: 1000px;
  transition: all 300ms;
}
.accordion .accordion__item.active .accordion__toggle::after {
  display: none;
}
.accordion__content {
  visibility: hidden;
  transition: all 300ms;
}
.accordion__item.active > .accordion__content {
  visibility: visible;
  padding-bottom: 8px;
  transition: all 300ms;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns, .accordion__caption {
  display: flex;
  justify-content: space-between;
}

.side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag, .cards__item-media-footer-sizes, .cards__item-media-footer-sizes ul, .cards__item-media-footer-tooltip, .price, .colors {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

.header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes, .map__point-hover, form {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.form-rating {
  position: relative;
}
.form-rating-error {
  top: 24px;
  position: absolute;
  margin-top: 4px;
  font-size: 10px;
  line-height: 16px;
  color: #DD0000;
}
.form-email {
  position: relative;
  max-width: 697px;
  width: 100%;
  height: 54%;
  margin: 0 auto;
}
.form-email input {
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #E3E3E3;
}
.form-email input::placeholder {
  color: #ADADAD !important;
}
.form-email input:focus, .form-email input:not(:placeholder-shown) {
  border-bottom: 1px solid #000000;
}
.form-email input {
  max-width: 697px;
  background: #F7F7F7;
  text-align: center;
}
.form-email-error {
  position: absolute;
  margin-top: 4px;
  font-size: 10px;
  line-height: 16px;
  color: #DD0000;
}
.form-email-submit {
  position: relative;
  margin: 0 auto;
  width: 180px;
  height: 40px;
  transition: all 300ms;
}
.form-email-submit > button {
  width: 100%;
  height: 100%;
}
.form-email-tooltip {
  left: calc(50% - 75px);
  position: absolute;
  display: inline-block;
  height: 32px;
  padding: 6px 12px 10px;
  color: #FFFFFF;
  background: #000000;
}
.form-email-tooltip p {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.form-email-tooltip::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 5px 6px 0;
  border-color: transparent #000000 transparent transparent;
  vertical-align: middle;
}
.form-clear {
  width: 13px;
  height: 13px;
  position: absolute;
  cursor: pointer;
}
.form-clear:before, .form-clear:after {
  content: "";
  background: #ADADAD;
  height: 1px;
  width: 13px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
}
.form-clear:before {
  transform: translateY(-50%) rotate(-45deg);
}
.form-clear:after {
  transform: translateY(-50%) rotate(45deg);
}
.form-clear:hover::before, .form-clear:hover::after {
  background-color: black;
}
.form-clear {
  top: 13px;
  right: 5px;
}

form {
  justify-content: end;
}
form.error-msg input {
  border-bottom: 1px solid #DD0000;
}
form.error-msg .form-email-error {
  visibility: visible;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
button {
  cursor: pointer;
}
@media (hover: hover) {
  button:hover {
    transition: all 300ms;
  }
}

.button-black {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.button-white {
  background: #FFFFFF !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}
.button-arrow {
  position: relative;
  text-transform: uppercase;
}
.button-arrow.button-black .button-arrow-img {
  top: 30px;
}
.button-arrow.button-black span {
  color: #FFFFFF;
}
@media (hover: hover) {
  .button-arrow.button-black:hover {
    color: #000000 !important;
  }
  .button-arrow.button-black:hover .button-img {
    visibility: hidden;
  }
}
.button-arrow.button-white .button-arrow-img {
  top: 18px;
}
.button-arrow.button-white span {
  color: #000000;
}
@media (hover: hover) {
  .button-arrow.button-white:hover {
    color: #FFFFFF !important;
  }
  .button-arrow.button-white:hover img {
    filter: brightness(0) saturate(100%);
  }
  .button-arrow.button-white:hover .button-img {
    visibility: hidden;
  }
}
.button-arrow-img {
  visibility: hidden;
  position: absolute;
  left: calc(50% - 12px);
  transition: all 300ms;
}
@media (hover: hover) {
  .button-arrow:hover .button-arrow-img {
    top: 8px;
    visibility: visible;
    transition: all 300ms;
  }
}
@media (hover: hover) {
  .button-span.button-black:hover {
    color: #000000 !important;
    background: #FFFFFF !important;
  }
}
.button-span.button-white {
  color: red;
}
@media (hover: hover) {
  .button-span.button-white:hover {
    color: #FFFFFF !important;
    background: #000000 !important;
  }
}
.button-span span {
  margin-left: 4px;
  color: #ADADAD;
}

/** Ширина сайта */
/** Ширина бокового меню */
/** 
 * * Расстояние МЕЖДУ колонками
 * * т.е. у колонки справа и слева будет padding: colGap/2
 * */
.header__menu-top, .header__menu-top-menu, .header__menu-top-menu-nav, .header__menu-top-links, .footer__top-section-qr, .footer__top-left, .footer__bottom-links, .side-menu-delivery .accordion__item, .side-menu-review__list-item-top, .side-menu-cancel_order-btns, .accordion__caption {
  display: flex;
  justify-content: space-between;
}

.side-menu-shops__top-buttons, .side-menu-shops__top-buttons button, .side-menu-shops__top-buttons button.active, .side-menu-shops__link, .side-menu-filter__main-section-item, .side-menu-filter__main-section-item.active, .side-menu-filter__link, .side-menu-sizes__table-row, .side-menu-review__link, .gallery__tag, .cards__item-media-footer-sizes, .cards__item-media-footer-sizes ul, .cards__item-media-footer-tooltip, .price, .colors {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__menu-top-icons, .header__menu-bottom-menu, .header__menu-bottom-icons {
  display: flex;
  justify-content: flex-end;
}

.footer__logos, .side-menu-shops__list-item-subway, .side-menu-filter__main-section-items, .side-menu-filter__main-toggle, .side-menu-review__list-item-imgs, .side-menu-review__send-imgs-items {
  display: flex;
  justify-content: flex-start;
}

.header, .header__menu, .header__menu-bottom-tags, .footer, .footer__top-section-links, .footer__top-section-contact, .side-menu__scrollbar, .side-menu-burger__tabs-toggles, .side-menu-burger__tabs-tab, .side-menu-burger__main, .side-menu-burger__links, .side-menu-city__list,
.side-menu-shops__list, .side-menu-shops__content, .side-menu-shops__dropDown-list, .side-menu-customer-top__nav,
.side-menu-aboutUs-top__nav, .side-menu-filter__favorite-item, .side-menu-review__list, .sizes, .map__point-hover, form {
  display: flex;
  flex-direction: column;
}

.header__menu-top-menu-link {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  text-transform: uppercase;
}

.header__menu-top-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header__menu-top-description a {
  color: inherit;
  text-decoration: none;
}

.side-menu-search__main-input-clear, .side-menu-city__top-input-clear,
.side-menu-shops__top-input-clear {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 4px;
  color: #ADADAD;
}

.hidden, .hidden_clone {
  display: none !important;
}

.overflow {
  overflow: hidden;
}

.underline {
  border-bottom: 1px solid #000000;
}

.uppercase {
  text-transform: uppercase;
}

.sale,
.error {
  color: #DD0000;
}

@media (min-width: 1200px) {
  .desktop-hidden {
    display: none !important;
  }
}

@media (max-width: 1200px) {
  .mobile-hidden {
    display: none !important;
  }
}

.overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.4;
  z-index: 2;
}
.overlay.slide {
  z-index: 5;
}

.black {
  background: #000000;
}

.white {
  background: #FFFFFF;
  border: 1px solid #F1F1F1;
}

.red {
  background: #DD0000;
}

.gray-morning {
  background: #F7F7F7;
}

.gray-noon {
  background: #F1F1F1;
}

.gray-afternoon {
  background: #E3E3E3;
}

.gray-evening {
  background: #D5D5D5;
}

.gray-midnight {
  background: #ADADAD;
}

.gray-night {
  background: #666666;
}

.red-evening {
  background: #E32626;
}

.red-day {
  background: #EC6868;
}

.red-morning {
  background: #F3A5A5;
}

.pink-evening {
  background: #FF557D;
}

.pink-day {
  background: #FF88A4;
}

.pink-morning {
  background: #FFCCD8;
}

.orange-evening {
  background: #FF7311;
}

.orange-day {
  background: #FF9B55;
}

.orange-morning {
  background: #FFC399;
}

.brown-evening {
  background: #7F5E3D;
}

.brown-day {
  background: #B2885E;
}

.brown-morning {
  background: #CDB398;
}

.yellow-evening {
  background: #F9E506;
}

.yellow-day {
  background: #FCF283;
}

.yellow-morning {
  background: #FDF8BD;
}

.beige-evening {
  background: #DECB8D;
}

.beige-day {
  background: #EADDB4;
}

.beige-morning {
  background: #F5EFDC;
}

.green-evening {
  background: #408C46;
}

.green-day {
  background: #68B96E;
}

.green-morning {
  background: #A2D4A6;
}

.khaki-evening {
  background: #8E8A4F;
}

.khaki-day {
  background: #B6B27C;
}

.khaki-morning {
  background: #D4D2B3;
}

.lightBlue-evening {
  background: #319AF0;
}

.lightBlue-day {
  background: #70B9F5;
}

.lightBlue-morning {
  background: #C0E0FA;
}

.blue-evening {
  background: #4157CF;
}

.blue-day {
  background: #7787DD;
}

.blue-morning {
  background: #ADB7EB;
}

.purple-evening {
  background: #734EE4;
}

.purple-day {
  background: #A289ED;
}

.purple-morning {
  background: #D0C4F6;
}

.black-border {
  background: #000000;
  border: 1px solid #FFFFFF;
}

.byrg-5 {
  border-top: 5px solid #000000;
  border-right: 5px solid #F9E506;
  border-bottom: 5px solid #E32626;
  border-left: 5px solid #68B96E;
}

.tooltip-up {
  position: absolute;
  display: inline-block;
  height: 32px;
  padding: 6px 12px 10px;
  color: #FFFFFF;
  background: #000000;
}
.tooltip-up p {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.tooltip-up::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 5px 6px 0;
  border-color: transparent #000000 transparent transparent;
  vertical-align: middle;
}
.tooltip-up::before {
  top: -8px;
  transform: rotate(90deg);
}

.tooltip-down {
  position: absolute;
  display: inline-block;
  height: 32px;
  padding: 6px 12px 10px;
  color: #FFFFFF;
  background: #000000;
}
.tooltip-down p {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.tooltip-down::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 5px 6px 0;
  border-color: transparent #000000 transparent transparent;
  vertical-align: middle;
}
.tooltip-down::before {
  bottom: -7px;
  left: 50%;
  transform: rotate(-90deg);
}

.tooltip-right {
  position: absolute;
  display: inline-block;
  height: 32px;
  padding: 6px 12px 10px;
  color: #FFFFFF;
  background: #000000;
}
.tooltip-right p {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.tooltip-right::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px 5px 6px 0;
  border-color: transparent #000000 transparent transparent;
  vertical-align: middle;
}
.tooltip-right::before {
  top: 10px;
  right: -5px;
  transform: rotate(180deg);
}