/* Start:/local/templates/main/assets/styles/main.css?177658449792962*/
@charset "UTF-8";
/**
  Нормализация блочной модели
 */
*,
::before,
::after {
  box-sizing: border-box;
}

/**
  Убираем внутренние отступы слева тегам списков,
  у которых есть атрибут class
 */
:where(ul, ol):where([class]) {
  padding-left: 0;
}

/**
  Убираем внешние отступы body и двум другим тегам,
  у которых есть атрибут class
 */
body,
:where(blockquote, figure):where([class]) {
  margin: 0;
}

/**
  Убираем внешние отступы вертикали нужным тегам,
  у которых есть атрибут class
 */
:where(h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl):where([class]) {
  margin-block: 0;
}

:where(dd[class]) {
  margin-left: 0;
}

:where(fieldset[class]) {
  margin-left: 0;
  padding: 0;
  border: none;
}

/**
  Убираем стандартный маркер маркированному списку,
  у которого есть атрибут class
 */
:where(ul[class]) {
  list-style: none;
}

:where(address[class]) {
  font-style: normal;
}

/**
  Обнуляем вертикальные внешние отступы параграфа,
  объявляем локальную переменную для внешнего отступа вниз,
  чтобы избежать взаимодействие с более сложным селектором
 */
p {
  --paragraphMarginBottom: 24px;
  margin-block: 0;
}

/**
  Внешний отступ вниз для параграфа без атрибута class,
  который расположен не последним среди своих соседних элементов
 */
p:where(:not([class]):not(:last-child)) {
  margin-bottom: var(--paragraphMarginBottom);
}

/**
  Упрощаем работу с изображениями и видео
 */
img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

/**
  Наследуем свойства шрифт для полей ввода
 */
input,
textarea,
select,
button {
  font: inherit;
}

html {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  height: 100%;
  /**
    Убираем скачок интерфейса по горизонтали
    при появлении / исчезновении скроллбара
   */
  scrollbar-gutter: stable;
}

/**
  Плавный скролл
 */
html,
:has(:target) {
  scroll-behavior: smooth;
}

body {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  min-height: 100%;
  /**
    Унифицированный интерлиньяж
   */
  line-height: 1.5;
}

/**
  Нормализация высоты элемента ссылки при его инспектировании в DevTools
 */
a:where([class]) {
  display: inline-flex;
}

/**
  Курсор-рука при наведении на элемент
 */
button,
label {
  cursor: pointer;
}

/**
  Приводим к единому цвету svg-элементы
 */
/**
  Чиним баг задержки смены цвета при взаимодействии с svg-элементами
 */
svg * {
  transition-property: fill, stroke;
}

/**
  Удаляем все анимации и переходы для людей,
  которые предпочитают их не использовать
 */
@font-face {
  font-family: "Inter";
  src: url("/local/templates/main/assets/styles/../fonts/Inter-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/local/templates/main/assets/styles/../fonts/Inter-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/local/templates/main/assets/styles/../fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("/local/templates/main/assets/styles/../fonts/Oswald-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("/local/templates/main/assets/styles/../fonts/Oswald-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("/local/templates/main/assets/styles/../fonts/Oswald-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ShelleyVolante";
  src: url("/local/templates/main/assets/styles/../fonts/ShelleyVolante.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-light: #FFFFFF;
  --color-gray: #A2A2A2;
  --color-gray-10: #E4E5E7;
  --color-gray-60: #666;
  --color-dark: #212121;
  --color-black: #000000;
  --color-shadow: #343434;
  --color-invalid: red;
  --color-bg-light: #fbfaf8;
  --color-bg-icon-dark: #1a1a1a;
  --transition-duration: 0.3s;
  --transition-timing-function: ease-in-out;
  --transition: var(--transition-duration) var(--transition-timing-function);
  --font-family-base: "Inter", Arial;
  --font-family-accent: "Oswald", sans-serif;
  --font-family-beauty: "ShelleyVolante", sans-serif;
  --container-width: 112.5rem;
  --container-width-mini: 80rem;
  --container-padding-x: 3.75rem;
  --offset-y: 4rem;
  --offset-headline: 3rem;
  --offset-title: 1.5rem;
  --offset-input: 0.75rem;
  --border: 0.125rem solid var(--color-light);
  --border-black: 0.125rem solid var(--color-black);
  --border-gray: 0.125rem solid var(--color-gray);
  --border-thin: 0.0625rem solid var(--color-black);
  --border-shadow: 0.0625rem solid var(--color-shadow);
  --radius: 0.25rem;
  --gap: 1.5rem;
  --gap-medium: 0.625rem;
  --gap-small: 0.375rem;
}
@media (width <= 90.06125rem) {
  :root {
    --container-width: 80rem;
    --container-padding-x: 3rem;
  }
}
@media (width <= 63.99875rem) {
  :root {
    --container-padding-x: 1rem;
    --gap: 1rem;
    --offset-headline: 2rem;
    --offset-y: 3rem;
  }
}
@media (width <= 47.99875rem) {
  :root {
    --gap: 0.75rem;
    --offset-y: 2rem;
    --offset-headline: 1.5rem;
  }
}

.container {
  max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
  margin-inline: auto;
  padding-inline: var(--container-padding-x);
}

.section {
  background-color: var(--color-light);
}
.section--inverse {
  background-color: var(--color-dark);
  color: var(--color-light);
}
.section--light {
  background-color: var(--color-bg-light);
}

.align-right {
  margin-left: auto;
}

.offset-vertical {
  padding-top: var(--offset-y);
  padding-bottom: var(--offset-y);
}

.margin-vertical {
  margin-top: var(--offset-y);
  margin-bottom: var(--offset-y);
}

.offset-top {
  padding-top: var(--offset-y);
}

.offset-margin-top {
  margin-top: var(--offset-y);
}

.offset-margin-bottom {
  margin-bottom: var(--offset-y);
}

.offset-bottom {
  padding-bottom: var(--offset-y);
}

.margin-bottom {
  margin-bottom: calc(var(--offset-y) / 2);
}

.margin-top {
  margin-top: calc(var(--offset-y) / 2);
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

@media (width <= 47.99875rem) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (width > 47.99875rem) {
  .visible-mobile {
    display: none !important;
  }
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 12px;
}
.center--column {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}

html {
  scroll-padding-top: 120px;
}
html.is-lock {
  overflow: hidden;
}

body {
  font-size: clamp(1rem, 0.9711538462rem + 0.1282051282vw, 1.125rem);
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-base);
  color: var(--color-black);
  background-color: var(--color-light);
  scrollbar-gutter: stable;
}

main {
  flex-grow: 1;
}
main .content ol, main .content ul {
  font-weight: 300;
  margin-left: var(--gap);
}
main .content ol li, main .content ul li {
  padding-bottom: 0.5rem;
}
main .content ol li:last-child, main .content ul li:last-child {
  padding-bottom: 0;
}
@media (width <= 63.99875rem) {
  main .content ol, main .content ul {
    margin-left: 0;
  }
}

p {
  --paragraphMarginBottom: 1rem;
  font-weight: 300;
}

a,
button,
label,
input,
textarea,
select,
svg * {
  transition-duration: var(--transition-duration);
}

a {
  color: inherit;
}
a:hover {
  text-decoration: none;
}
a[class] {
  text-decoration: none;
}

:focus-visible {
  outline: 0.125rem dashed var(--color-light);
  outline-offset: 0.25rem;
  transition-duration: 0s !important;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-black);
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-gray);
}

::-webkit-scrollbar-thumb:active {
  background-color: var(--color-gray);
}

::-webkit-scrollbar-track {
  background-color: var(--color-light);
}

::-moz-selection {
  background: var(--color-black);
  color: var(--color-light);
}

::selection {
  background: var(--color-black);
  color: var(--color-light);
}

.image--border {
  border-radius: 0.25rem;
}

.link--light {
  color: var(--color-light);
}

.grecaptcha-badge {
  display: none;
}

.disable {
  display: none;
}

.header {
  --header-height: 112px;
  position: sticky;
  z-index: 100;
  top: 0;
}
.header__body {
  box-shadow: 0 0 1rem 0 var(--color-dark);
  background-color: var(--color-dark);
}
.header--fixed {
  position: fixed;
  width: 100%;
  left: 0;
}
@keyframes scrolling-header {
  to {
    box-shadow: 0 0 1rem 0 var(--color-dark);
    background-color: var(--color-dark);
  }
}
.header--fixed .header__body {
  animation-name: scrolling-header;
  animation-fill-mode: both;
  animation-timeline: scroll();
  animation-range: 6.25rem 12.5rem;
  background-color: transparent;
  box-shadow: none;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--header-height);
}
.header__end {
  display: flex;
  align-items: center;
}
.header__actions {
  display: flex;
  align-items: center;
  margin-inline: 120px 36px;
}
.header__favorite {
  position: relative;
}
.header__favorite-count {
  position: absolute;
  right: 0px;
  top: 0;
  font-size: 0.75rem;
  background: white;
  color: black;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  text-align: center;
}
.header__phone {
  font-size: clamp(1rem, 0.8846153846rem + 0.5128205128vw, 1.5rem);
  color: var(--color-light);
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 1px;
}
.header__search {
  background-color: transparent;
  border: none;
}
.header__logo img {
  transition: width var(--transition);
}
@media (width <= 90.06125rem) {
  .header {
    --header-height: 80px;
  }
  .header__logo img {
    width: 200px;
  }
  .header__inner {
    height: var(--header-height);
  }
}
@media (width <= 63.99875rem) {
  .header {
    --header-height: 64px;
  }
  .header__inner {
    height: var(--header-height);
  }
  .header__logo img {
    width: 140px;
  }
  .header__actions {
    margin-inline: 48px 32px;
  }
}
@media (width <= 47.99875rem) {
  .header__logo img {
    width: 120px;
  }
  .header__actions {
    margin-inline: 0px 12px;
  }

  .center {
    flex-direction: column;
  }
}
.header__menu {
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0;
}
.header__info {
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0;
}

.is-menu {
  --size-social-icon: rem(40);
}
.is-menu .header {
  position: fixed;
  width: 100%;
  left: 0;
}
.is-menu body {
  overflow: hidden;
}
.is-menu .header__body {
  background-color: var(--color-dark);
}
.is-menu .header__menu {
  opacity: 1;
  visibility: visible;
  height: calc(100dvh - var(--header-height));
  width: 100%;
  background-color: var(--color-dark);
  color: var(--color-light);
  display: flex;
  justify-content: center;
  align-items: center;
}
.is-menu .header__info {
  opacity: 1;
  visibility: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 99;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: auto;
  bottom: var(--gap);
  gap: var(--gap-medium);
  color: var(--color-light);
}
.is-menu .header__info .socials {
  --size-social-icon: 2.5rem;
  display: flex;
  gap: var(--gap-medium);
}
.is-menu .header__info .socials__link {
  width: var(--size-social-icon);
  height: var(--size-social-icon);
  padding: 0.4375rem;
  border-radius: 50%;
  transition: box-shadow var(--transition);
  background-color: var(--color-bg-icon-dark);
}
.is-menu .header__info .socials__link:hover {
  box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.1);
}
.is-menu .menu {
  --menu-translate: calc(var(--header-height) / 2 * -1);
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  transform: translateY(calc(-50% + var(--menu-translate)));
}
.is-menu .menu span {
  font-family: var(--font-family-accent);
  font-size: clamp(1.5rem, 1.0528846154rem + 1.9871794872vw, 3.4375rem);
  color: var(--color-gray);
}
.is-menu .menu a {
  position: relative;
  font-family: var(--font-family-accent);
  font-size: clamp(1.5rem, 1.0528846154rem + 1.9871794872vw, 3.4375rem);
  text-decoration: none;
}
.is-menu .menu a:hover {
  color: var(--color-gray);
}
.is-menu .menu a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--color-gray);
  height: 0.1875rem;
  width: 100%;
}

@media (width <= 90.06125rem) {
  .is-menu .menu {
    gap: 3rem;
  }
  .is-menu .menu span, .is-menu .menu a {
    font-size: clamp(1.5rem, 1.2403846154rem + 1.1538461538vw, 2.625rem);
  }
}
@media (width <= 63.99875rem) {
  .is-menu .menu {
    flex-direction: column;
    gap: 2.25rem;
    transform: translateY(calc(var(--header-height) / 2 * -1));
  }
}
@media (width <= 47.99875rem) {
  .is-menu {
    overflow: hidden;
  }
  .is-menu .menu {
    gap: 1.125rem;
  }
}
@media (orientation: landscape) and (width <= 63.99875rem) {
  .is-menu {
    overflow: hidden;
  }
  .is-menu .menu {
    flex-direction: row;
    padding-inline: var(--container-padding-x);
    justify-content: center;
  }
  .is-menu .menu a {
    font-size: clamp(1.125rem, 0.9230769231rem + 0.8974358974vw, 2rem);
  }
  .is-menu .header__menu {
    padding-bottom: var(--gap-medium);
  }
  .is-menu .header__info {
    gap: 0;
  }
}

h1, h2, h3, h4, h5 .h1,
.h2, .h3, .h4, .h5 {
  font-family: var(--font-family-accent);
  margin-bottom: var(--offset-title);
}

h1, h2, .h1, .h2 {
  font-size: clamp(2rem, 1.6682692308rem + 1.4743589744vw, 3.4375rem);
}

h3, h4, h5, .h3, .h4, .h5 {
  font-size: clamp(1.75rem, 1.4615384615rem + 1.2820512821vw, 3rem);
}

h3.beauty, .font-beauty {
  font-family: var(--font-family-beauty);
  font-weight: normal;
}

.inner h1, .inner .h1 {
  font-size: clamp(2rem, 1.6682692308rem + 1.4743589744vw, 3.4375rem);
  text-align: center;
}
.inner h2, .inner .h2 {
  font-size: clamp(1.875rem, 1.5865384615rem + 1.2820512821vw, 3.125rem);
  text-align: center;
  font-weight: 500;
  margin-bottom: var(--offset-headline);
}
.inner h3, .inner h4, .inner h5, .inner .h3, .inner .h4, .inner .h5 {
  font-size: clamp(1.75rem, 1.4615384615rem + 1.2820512821vw, 3rem);
  text-align: center;
  font-weight: 500;
  margin-bottom: var(--offset-headline);
}
.inner .clearOffset {
  margin: 0;
  padding: 0;
  text-align: left;
}
@media (width <= 63.99875rem) {
  .inner .clearOffset {
    text-align: center;
  }
}
.inner .headline__title {
  font-size: clamp(2rem, 1.6682692308rem + 1.4743589744vw, 3.4375rem);
  margin-bottom: 0;
}
.inner .headline__subtitle {
  font-size: clamp(1.625rem, 1.2788461538rem + 1.5384615385vw, 3.125rem);
  margin-bottom: 0;
}

.headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--offset-headline);
}
.headline__title {
  margin-bottom: 0;
  text-align: center;
}
.headline__subtitle {
  font-family: var(--font-family-beauty);
  font-weight: normal;
  text-align: center;
  margin-bottom: 0;
  font-size: clamp(1.625rem, 1.2788461538rem + 1.5384615385vw, 3.125rem);
}
.headline--inner {
  align-items: flex-start;
  margin-bottom: calc(var(--offset-headline) / 2);
}
@media (width <= 63.99875rem) {
  .headline--inner {
    align-items: center;
    margin-bottom: var(--offset-headline);
  }
}

.burger-button {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.625rem 0.5rem;
  color: var(--color-dark);
  background-color: transparent;
  border: none;
}
.burger-button:hover {
  color: var(--color-dark);
}
.burger-button__line {
  width: 100%;
  height: 0.125rem;
  background-color: var(--color-light);
  border-radius: 1rem;
  transition-duration: var(--transition-duration);
}
.burger-button__line:first-child {
  align-self: start;
  width: 65%;
}
.burger-button__line:last-child {
  align-self: end;
  width: 65%;
}
@media (width <= 47.99875rem) {
  .burger-button {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.is-menu .burger-button__line:first-child {
  rotate: 45deg;
  width: 100%;
  transform-origin: 0;
  translate: 5px 1px;
}
.is-menu .burger-button__line:nth-child(2) {
  rotate: -45deg;
}
.is-menu .burger-button__line:last-child {
  width: 0;
}
@media (width <= 47.99875rem) {
  .is-menu .burger-button__line:first-child {
    translate: 3px 0px;
  }
}

.button {
  display: inline-flex;
  justify-content: center;
  min-width: 8.5625rem;
  padding: 0.3125rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-black);
  border: var(--border);
  background-color: var(--color-light);
  white-space: nowrap;
  border-radius: 0.25rem;
  text-decoration: none;
  transition: all var(--transition);
  cursor: pointer;
}
@media (width <= 90.06125rem) {
  .button {
    min-width: 6.25rem;
    padding: 0.25rem 1rem;
    font-size: 0.875rem;
  }
}
.button:hover {
  color: var(--color-light);
  background-color: var(--color-black);
  border-color: var(--color-black);
  box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.1);
}
.button--label {
  padding: 0.1875rem 0.75rem;
  font-size: 0.875rem;
  min-width: 5rem;
  font-weight: 500;
  background-color: var(--color-light);
  border: var(--border-black);
}
.button--wide {
  padding: 0.875rem 4.6875rem;
  font-size: 1.125rem;
}
@media (width <= 90.06125rem) {
  .button--wide {
    min-width: 7.5rem;
    padding: 0.625rem 2.625rem;
    font-size: 1rem;
  }
}
.button--border {
  border: var(--border-black);
}
.button--image {
  padding: 0;
  border: none;
  background-color: var(--color-black);
}
.button--image img {
  max-height: 59px;
}
.button--image:hover {
  border: none;
  box-shadow: none;
}
@media (width <= 47.99875rem) {
  .button--image img {
    max-height: 42px;
  }
}
.button--svg {
  border: var(--border-black);
  padding: 0.875rem 4.6875rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  transition: all var(--transition);
}
.button--svg svg {
  height: 48px;
  width: 48px;
  padding-bottom: 6px;
  fill: var(--color-black);
  transition: fill var(--transition);
}
.button--svg svg * {
  transition-duration: initial;
}
@media (width <= 47.99875rem) {
  .button--svg {
    display: flex;
    flex-direction: column;
  }
}
.button--video {
  border: var(--border-black);
  padding: 0.875rem 4.6875rem;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  transition: all var(--transition);
}
.button--video svg {
  height: 20px;
  padding-left: 6px;
  fill: var(--color-black);
  transition: fill var(--transition);
}
.button--video svg * {
  transition-duration: initial;
}
.button--video:hover svg {
  fill: var(--color-light);
}
.button--video.is-active {
  background-color: var(--color-black);
  color: var(--color-light);
}
.button--video.is-active svg {
  fill: var(--color-light);
}
@media (width <= 90.06125rem) {
  .button--video {
    min-width: 7.5rem;
    padding: 0.625rem 2.625rem;
    font-size: 1rem;
  }
}
@media (width <= 63.99875rem) {
  .button--video span {
    display: none;
  }
  .button--video svg {
    padding-left: 0px;
  }
}
.button--dark {
  color: var(--color-light);
  border: var(--border-black);
  background-color: var(--color-black);
}
.button--dark:hover {
  color: var(--color-black);
  background-color: var(--color-light);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}

.button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
  width: 2.625rem;
  height: 2.625rem;
}
@media (width <= 47.99875rem) {
  .button-icon {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.is-active .icon--favorite::after {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/heart-fill.svg");
}

.is-active.icon--favorite-black::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/heart-fill-black.svg");
}

.icon {
  display: inline-flex;
  align-items: center;
  column-gap: 0.625rem;
  pointer-events: none;
}
.icon::after {
  --size: 1.5rem;
  width: var(--size);
  height: var(--size);
  content: "";
  flex-shrink: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (width <= 90.06125rem) {
  .icon::after {
    --size: 1.25rem;
  }
}
.icon--before {
  display: inline-flex;
  align-items: center;
  column-gap: 0.625rem;
  border: none;
  background-color: transparent;
  color: var(--color-black);
}
.icon--before::before {
  --size: 1.5rem;
  width: var(--size);
  height: var(--size);
  content: "";
  flex-shrink: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (width <= 90.06125rem) {
  .icon--before::before {
    --size: 1.25rem;
  }
}
.icon--catalog::after {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/file.svg");
}
.icon--return::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/return.svg");
}
.icon--phone-black::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/telephone-black.svg");
}
.icon--location::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/geo-alt.svg");
}
.icon--calendar::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/calendar.svg");
}
.icon--clock::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/clock.svg");
}
.icon--favorite-black::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/heart-black.svg");
}
.icon--big::after {
  --size: 2.25rem;
  width: var(--size);
  height: var(--size);
}
.icon--favorite::after {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/heart.svg");
}
.icon--search::after {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/search.svg");
}
.icon--phone::after {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/telephone.svg");
}
.icon--basket::after {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/basket.svg");
}
.icon--mtpp::after {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/mtpp.svg");
}
.icon--pravpro::after {
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/pravpro.svg");
}

.tippy-icon {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.tippy-icon::after {
  --size: 1.25rem;
  width: var(--size);
  height: var(--size);
  content: "";
  flex-shrink: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/quest.svg");
  margin-left: var(--gap-small);
}

.showcase {
  background-image: url("/local/templates/main/assets/styles/./../images/home/modern.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}
.showcase__inner {
  height: 100svh;
  min-height: 35rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.showcase__head {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 15vh;
}
.showcase__head-title {
  font-family: var(--font-family-accent);
  font-size: clamp(2rem, 1.1634615385rem + 3.7179487179vw, 5.625rem);
}
.showcase__head-description {
  font-family: var(--font-family-beauty);
  font-size: clamp(1.75rem, 1.4615384615rem + 1.2820512821vw, 3rem);
}
.showcase__head-link {
  font-family: var(--font-family-accent);
  font-size: clamp(1rem, 0.5096153846rem + 2.1794871795vw, 3.125rem);
  margin-bottom: 2.5rem;
}
.showcase__head-link a {
  color: var(--color-light);
  transition: color var(--transition);
}
.showcase__head-link a:hover {
  color: var(--color-gray);
}
.showcase__footer {
  margin-bottom: 12vh;
}
.showcase__advantages-list {
  display: flex;
  justify-content: space-between;
}
.showcase__advantages-list--dark .showcase__advantages-item {
  border-color: var(--color-black);
}
.showcase__advantages-item {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-bottom: var(--border);
  min-width: 240px;
}
.showcase__advantages-digit {
  font-family: var(--font-family-accent);
  font-size: clamp(1.75rem, 1rem + 3.3333333333vw, 5rem);
}
.showcase__advantages-description {
  font-weight: 700;
  font-size: clamp(0.875rem, 0.7596153846rem + 0.5128205128vw, 1.375rem);
}
@media (width <= 90.06125rem) {
  .showcase__advantages-item {
    min-width: 180px;
  }
}
@media (width <= 63.99875rem) {
  .showcase__head {
    margin-top: 20vh;
  }
  .showcase__footer {
    margin-bottom: 10vh;
  }
  .showcase__advantages-list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  .showcase__advantages-item {
    width: calc(50% - 10px);
    max-width: 12.5rem;
    min-width: auto;
  }
  .showcase__advantages-digit {
    text-align: center;
  }
  .showcase__advantages-description {
    text-align: center;
  }
}
@media (width <= 47.99875rem) {
  .showcase__head {
    margin-top: 15vh;
  }
  .showcase__footer {
    margin-bottom: 7vh;
  }
}

.grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  align-items: center;
}
.grid__cell {
  width: calc(50% - var(--gap) / 2);
}
@media (width <= 63.99875rem) {
  .grid__cell {
    width: 100%;
  }
}

.grid-column {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
}

.digital {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
}
.digital__item {
  text-align: center;
}
.digital__figure {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-black);
  color: var(--color-light);
  border-radius: 50%;
  font-size: clamp(1rem, 0.9711538462rem + 0.1282051282vw, 1.125rem);
  font-weight: bold;
  margin: 0 auto;
}
.digital__text {
  margin-top: var(--gap-medium);
  font-size: clamp(1rem, 0.9711538462rem + 0.1282051282vw, 1.125rem);
}

.kitchen-card {
  position: relative;
  border-radius: 0.25rem;
  overflow: hidden;
}
.kitchen-card__stikers {
  z-index: 1;
  position: absolute;
  top: 12px;
  right: 104px;
  display: flex;
  gap: var(--gap-small);
}
@media (width <= 90.06125rem) {
  .kitchen-card__stikers {
    flex-direction: column;
    top: 54px;
    right: 0.875rem;
    text-align: center;
  }
}
.kitchen-card__label {
  padding: 0.1875rem 0.75rem;
  font-size: 0.875rem;
  min-width: 5rem;
  font-weight: 500;
  color: var(--color-light);
  border: var(--border);
  border-radius: var(--radius);
  cursor: pointer;
}
.kitchen-card--slider {
  max-width: 55.5rem;
}
.kitchen-card__picture {
  display: block;
  filter: brightness(0.75);
  position: relative;
  z-index: 1;
}
.kitchen-card__image {
  width: 100%;
  transition: transform var(--transition);
  aspect-ratio: 16/9;
}
.kitchen-card__inner {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 1.875rem;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.kitchen-card__head {
  display: flex;
  justify-content: space-between;
  z-index: 2;
}
.kitchen-card__icon {
  display: flex;
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
}
.kitchen-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: end;
  z-index: 2;
}
.kitchen-card__prop {
  display: flex;
  flex-direction: column;
}
.kitchen-card__prop-item {
  font-family: var(--font-family-accent);
  font-size: clamp(0.875rem, 0.8173076923rem + 0.2564102564vw, 1.125rem);
  border-left: var(--border);
  padding-left: 0.625rem;
  margin-bottom: 0.625rem;
}
.kitchen-card__prop-item:last-child {
  margin-bottom: 0;
}
.kitchen-card__title {
  position: relative;
  font-family: var(--font-family-accent);
  text-decoration: none;
  color: var(--color-light);
  font-size: clamp(1.125rem, 0.8076923077rem + 1.4102564103vw, 2.5rem);
  transition: font-size var(--transition);
}
.kitchen-card__title::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0.125rem;
  background-color: var(--color-light);
  left: 0;
  bottom: 0;
  transition: width var(--transition);
}
.kitchen-card:hover .kitchen-card__title {
  font-size: clamp(1.5rem, 1.1538461538rem + 1.5384615385vw, 3rem);
}
.kitchen-card:hover .kitchen-card__title::after {
  width: calc(100% + 1.25rem);
}
.kitchen-card:hover .kitchen-card__image {
  transform: scale(1.17);
}
.kitchen-card--events .kitchen-card__image {
  aspect-ratio: 16/10;
}
.kitchen-card--events .kitchen-card__title {
  font-size: clamp(1rem, 0.8846153846rem + 0.5128205128vw, 1.5rem);
}
.kitchen-card--events:hover .kitchen-card__title {
  font-size: clamp(1.25rem, 1.1346153846rem + 0.5128205128vw, 1.75rem);
}
.kitchen-card--events:hover .kitchen-card__title::after {
  width: calc(100% + 1.25rem);
}
.kitchen-card--events:hover .kitchen-card__image {
  transform: scale(1.17);
}
@media (width <= 90.06125rem) {
  .kitchen-card__inner {
    padding: 1.5rem;
  }
}
@media (width <= 63.99875rem) {
  .kitchen-card__label {
    top: 1.375rem;
    right: 112px;
    padding: 0.125rem 0.5rem;
    border-width: 0.0625rem;
  }
  .kitchen-card__icon {
    top: 0.875rem;
    right: 0.625rem;
  }
  .kitchen-card:hover .kitchen-card__title {
    font-size: clamp(1.125rem, 0.8076923077rem + 1.4102564103vw, 2.5rem);
  }
  .kitchen-card:hover .kitchen-card__title::after {
    display: none;
  }
  .kitchen-card:hover .kitchen-card__image {
    transform: none;
  }
}
@media (width <= 47.99875rem) {
  .kitchen-card__inner {
    padding: 0.75rem;
  }
  .kitchen-card__label {
    top: 0.625rem;
    right: 92px;
  }
  .kitchen-card__icon {
    top: 0.375rem;
    right: 0.375rem;
  }
  .kitchen-card__prop {
    margin-bottom: 0.75rem;
  }
  .kitchen-card__prop-item {
    margin-bottom: 0.375rem;
  }
  .kitchen-card__image {
    object-fit: cover;
    aspect-ratio: 4/3;
  }
  .kitchen-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

.factory-showcase__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--gap);
}
.factory-showcase__cell {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--gap);
}
.factory-showcase__link {
  transition: transform var(--transition);
}
.factory-showcase__link img {
  max-height: 64px;
}
.factory-showcase__link:hover {
  transform: scale(1.17);
  filter: grayscale(1);
}
@media (width <= 90.06125rem) {
  .factory-showcase__grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (width <= 47.99875rem) {
  .factory-showcase__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.footer {
  background-color: var(--color-dark);
  color: var(--color-light);
  padding-top: var(--offset-y);
  padding-bottom: calc(var(--offset-y) / 2);
  margin-top: var(--offset-y);
}
.footer .link {
  text-decoration: none;
  transition: color var(--transition);
}
.footer .link:hover {
  color: var(--color-gray);
}
.footer__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap);
  margin-bottom: calc(var(--offset-y) / 2);
  padding-bottom: calc(var(--offset-y) / 2);
  border-bottom: var(--border-shadow);
}
.footer__menu-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.footer__menu-item span {
  color: var(--color-gray);
}
.footer__menu-link {
  color: var(--color-light);
  text-decoration: none;
}
.footer__menu-link:hover {
  color: var(--color-gray);
}
.footer__body {
  margin-bottom: calc(var(--offset-y) / 2);
  padding-bottom: calc(var(--offset-y) / 2);
  border-bottom: var(--border-shadow);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.footer__logos {
  display: flex;
}
.footer__call {
  display: flex;
  flex-direction: column;
  margin-left: 4rem;
  gap: var(--gap-small);
}
.footer__call-mail {
  text-decoration: none;
  letter-spacing: 0.09375rem;
  display: flex;
  transition: color var(--transition);
}
.footer__call-mail:hover {
  color: var(--color-gray);
  text-decoration: underline;
}
.footer__call-phone {
  text-decoration: none;
  transition: color var(--transition);
}
.footer__call-phone:hover {
  color: var(--color-gray);
  text-decoration: underline;
}
.footer__contact {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: var(--gap-small);
  flex-grow: 1;
}
.footer__extra {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
}
.footer__awards {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  align-items: end;
  text-align: right;
  gap: var(--gap-small);
}
.footer__awards:hover {
  color: var(--color-gray);
}
.footer__awards-text {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.footer__rights {
  display: flex;
  flex-direction: column;
}
.footer__copy {
  display: inline-flex;
}
.footer__copy a {
  text-decoration: none;
}
.footer__privacy {
  text-decoration: none;
}
@media (width <= 63.99875rem) {
  .footer__head {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer .logo__image {
    width: 140px;
  }
}
@media (width <= 47.99875rem) {
  .footer__inner {
    display: flex;
    flex-direction: column;
  }
  .footer__head {
    align-items: center;
  }
  .footer__menu {
    margin-bottom: 0.5rem;
  }
  .footer__menu-list {
    flex-direction: column;
    text-align: center;
  }
  .footer__body {
    order: -1;
    flex-direction: column;
    text-align: center;
  }
  .footer__logos {
    margin-bottom: 1rem;
  }
  .footer__call {
    margin: 0;
    margin-bottom: var(--gap);
  }
  .footer__contact {
    align-items: center;
    gap: var(--gap-medium);
  }
  .footer__extra {
    flex-direction: column;
    align-items: center;
    line-height: 2;
  }
  .footer__rights {
    align-items: center;
  }
  .footer__awards {
    align-items: center;
    text-align: center;
  }
  .footer .logo__image {
    width: 120px;
  }
}
.footer .timeline {
  display: inline-flex;
  font-size: 1rem;
  border-radius: 0.25rem;
  gap: var(--gap-small);
}
.footer .timeline__item {
  background-color: var(--color-light);
  color: var(--color-black);
  border-radius: 0.25rem;
  border: var(--border);
}
.footer .timeline__item--offline {
  background-color: var(--color-dark);
  color: var(--color-light);
}
.footer .timeline__item-cell {
  padding: 0.125rem 0.625rem;
}

.about {
  background-color: var(--color-dark);
  color: var(--color-light);
}
.about .logo__image {
  width: 279px;
}
.about__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap);
}
.about__intro {
  width: calc(50% - var(--gap) / 2);
}
.about__image {
  width: calc(50% - var(--gap) / 2);
}
@media (width <= 63.99875rem) {
  .about__intro {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 1;
  }
  .about__logo {
    margin-top: var(--gap);
  }
  .about__image {
    width: 100%;
  }
  .about .logo__image {
    width: 140px;
  }
}
@media (width <= 47.99875rem) {
  .about .logo__image {
    width: 120px;
  }
}

.business-card__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap);
}
.business-card__intro {
  width: calc(50% - var(--gap) / 2);
}
.business-card__image {
  width: calc(50% - var(--gap) / 2);
}
.business-card__contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--gap);
  width: 100%;
  font-weight: 600;
}
@media (width <= 63.99875rem) {
  .business-card__intro {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 1;
  }
  .business-card__image {
    width: 100%;
  }
}

.swiper {
  --swiper-offset: 2.625rem;
  --swiper-gap: 1.5rem;
  --swiper-pagination-bullet-width: 16px;
  --swiper-pagination-bullet-size: 16px;
  --swiper-pagination-bullet-height: 16px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 14px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.2);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, .9);
  --swiper-scrollbar-size: 6px;
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-width: 40%;
  --swiper-scrollbar-offset: calc((100% - var(--swiper-scrollbar-width)) / 2);
  border-radius: var(--radius);
}
.swiper--scrollbar-wide {
  padding-inline: var(--swiper-gap) !important;
}
.swiper--scrollbar {
  padding-bottom: var(--swiper-offset) !important;
}
.swiper--scrollbar .swiper-horizontal > .swiper-scrollbar, .swiper--scrollbar .swiper-scrollbar.swiper-scrollbar-horizontal {
  width: var(--swiper-scrollbar-width);
  left: var(--swiper-scrollbar-offset);
}
.swiper--scrollbar .swiper-scrollbar-drag {
  top: -5px;
  padding: 8px;
}
@media (width <= 47.99875rem) {
  .swiper--scrollbar {
    --swiper-scrollbar-width: 70%;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-gap: 0;
  }
}
@media (width <= 47.99875rem) {
  .slider__inner {
    margin-inline: auto;
    padding-inline: var(--container-padding-x);
  }
}
.slider--events .slider__item {
  max-width: 584px;
}
@media (width <= 47.99875rem) {
  .slider--events .slider__item {
    max-width: 480px;
  }
}
.slider__item {
  max-width: 888px;
}
@media (width <= 90.06125rem) {
  .slider__item {
    max-width: 680px;
  }
}
@media (width <= 63.99875rem) {
  .slider__item {
    max-width: 560px;
  }
}
@media (width <= 47.99875rem) {
  .slider__item {
    max-width: 480px;
  }
}

.guarentee {
  --circleSize: 40px;
  --iconSize: 56px;
  --gapSize: 48px;
  padding-left: calc(var(--circleSize) * 3);
  max-width: var(--container-width-mini);
  margin: 0 auto;
}
.guarentee--compact {
  --gapSize: 24px;
}
.guarentee--compact .guarentee-card {
  background-color: var(--color-light);
  padding: 12px 12px;
  border-radius: 0.25rem;
  color: var(--color-dark);
}
@media (width <= 47.99875rem) {
  .guarentee--compact .guarentee-card {
    padding: 0px;
  }
}
.guarentee--digit {
  --gapSize: 24px;
  max-width: var(--container-width);
}
.guarentee--digit .guarentee-list {
  counter-reset: verse 0;
}
.guarentee--digit .guarentee__item {
  counter-increment: verse 1;
}
.guarentee--digit .guarentee__item::before {
  content: counter(verse);
  color: var(--color-light);
  font-family: var(--font-family-accent);
  font-size: clamp(1.25rem, 1.0192307692rem + 1.0256410256vw, 2.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.guarentee--digit .guarentee-card__description {
  border: var(--border-black);
  border-radius: var(--radius);
  padding: var(--gap);
  margin-block: var(--gap-medium);
}
.guarentee--digit .guarentee-card__time {
  padding-block: var(--gap-medium);
  position: relative;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.guarentee--digit .guarentee-card__time::before {
  --size: 2rem;
  width: var(--size);
  height: var(--size);
  content: "";
  flex-shrink: 0;
  margin-right: var(--gap-medium);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/clock.svg");
}
@media (width <= 63.99875rem) {
  .guarentee--digit .guarentee-card__time::before {
    --size: 2rem;
  }
}
@media (width <= 47.99875rem) {
  .guarentee--digit .guarentee-card__time::before {
    --size: 1.5rem;
  }
}
.guarentee--digit .guarentee-card__important {
  font-weight: 300;
  padding-left: 40px;
}
.guarentee__list {
  --columns: 1;
  display: grid;
  gap: var(--gapSize);
  grid-template-columns: repeat(var(--columns, 1), 1fr);
  position: relative;
}
.guarentee__list::before {
  background-color: var(--color-black);
  content: "";
  height: 100%;
  position: absolute;
  right: calc(100% + var(--circleSize) * 2);
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}
.guarentee__item {
  position: relative;
}
.guarentee__item--one::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_15.svg");
}
.guarentee__item--two::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_18.svg");
}
.guarentee__item--three::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_22.svg");
}
.guarentee__item--four::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_23.svg");
}
.guarentee__item--five::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_24.svg");
}
.guarentee__item::before {
  --size: calc(var(--circleSize)* 2);
  content: "";
  border-radius: 50%;
  background-color: var(--color-dark);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--iconSize);
  position: absolute;
  right: calc(100% + var(--size) - var(--circleSize) + 1px);
  top: 50%;
  transform: translateY(-50%);
  height: var(--size);
  width: var(--size);
  z-index: 1;
}
.guarentee__item:first-child::after, .guarentee__item:last-child::after {
  background-color: var(--color-light);
  content: "";
  height: 50%;
  position: absolute;
  right: calc(100% + var(--circleSize) * 2);
  width: 2px;
}
.guarentee__item:first-child::after {
  top: -1px;
}
.guarentee__item:last-child::after {
  bottom: 0;
}
.guarentee-card {
  background-color: var(--color-dark);
  padding: 30px 20px;
  border-radius: 0.25rem;
  color: var(--color-light);
}
.guarentee-card__title {
  font-size: clamp(1.25rem, 1.1346153846rem + 0.5128205128vw, 1.75rem);
  font-family: var(--font-family-accent);
  padding-bottom: var(--gap-small);
}
.guarentee-card__description {
  font-size: clamp(1rem, 0.9711538462rem + 0.1282051282vw, 1.125rem);
}
@media (width <= 47.99875rem) {
  .guarentee {
    --circleSize: 24px;
    --iconSize: 36px;
  }
  .guarentee__list {
    gap: 24px;
  }
  .guarentee-card {
    padding: 0px;
    border: none;
    background-color: var(--color-light);
    color: var(--color-black);
  }
}

.work__list {
  --columns: 4;
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(var(--columns, 1), 1fr);
  counter-reset: verse 0;
}
.work__item {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(/local/templates/main/assets/styles/./../images/main/work/bg.jpg);
  backdrop-filter: hue-rotate(45deg);
  background-attachment: fixed;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 0.25rem;
  background-blend-mode: overlay;
}
.work-card {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  color: var(--color-light);
  aspect-ratio: 4/3;
  z-index: 1;
  counter-increment: verse 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.work-card::before {
  content: "0" counter(verse);
  font-family: var(--font-family-beauty);
  position: absolute;
  font-size: 4rem;
  bottom: 0px;
  left: var(--gap);
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.work-card__title {
  padding: var(--gap);
  font-size: clamp(1rem, 0.8846153846rem + 0.5128205128vw, 1.5rem);
  font-weight: 600;
  z-index: 2;
}
@media (width <= 90.06125rem) {
  .work__list {
    --columns: 2;
  }
  .work__item {
    background-image: url(/local/templates/main/assets/styles/./../images/main/work/bg-v.jpg);
  }
  .work-card {
    aspect-ratio: 16/9;
  }
}
@media (width <= 47.99875rem) {
  .work {
    --circleSize: 24px;
    padding-left: calc(var(--circleSize) * 3);
  }
  .work__list {
    --columns: 1;
    position: relative;
  }
  .work__list::before {
    background-color: var(--color-light);
    content: "";
    height: 100%;
    position: absolute;
    right: calc(100% + var(--circleSize) * 2);
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
  }
  .work__item {
    background: inherit;
  }
  .work__item:first-child .work-card::after, .work__item:last-child .work-card::after {
    background-color: var(--color-dark);
    content: "";
    height: 50%;
    position: absolute;
    right: calc(100% + var(--circleSize) * 2);
    width: 2px;
  }
  .work__item:first-child .work-card::after {
    top: -1px;
  }
  .work__item:last-child .work-card::after {
    bottom: -1px;
  }
  .work-card {
    aspect-ratio: inherit;
    padding: 24px 0;
    min-height: 64px;
    align-items: center;
    position: static;
  }
  .work-card:before {
    --size: calc(var(--circleSize)* 2);
    z-index: 1;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--color-light);
    color: var(--color-dark);
    font-family: var(--font-family-base);
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 300;
    right: calc(100% + var(--size) - var(--circleSize) + 1px);
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    justify-content: center;
    align-items: center;
  }
  .work-card__title {
    padding: 0;
  }
}

.enum {
  --circleSize: 40px;
  --iconSize: 56px;
  --bg-color: var(--color-dark);
  --bg-transition: var(--color-bg-light);
  padding-top: calc(var(--circleSize) * 3);
}
.enum__list {
  --columns: 6;
  display: grid;
  grid-template-columns: repeat(var(--columns, 1), 1fr);
  gap: var(--gap);
  position: relative;
}
.enum__list::before {
  content: "";
  position: absolute;
  left: 0px;
  top: calc(var(--circleSize) * -2);
  background-color: var(--bg-color);
  height: 2px;
  width: 100%;
}
.enum__item {
  position: relative;
}
.enum__item--made::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_18.svg");
}
.enum__item--guarantee::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_15.svg");
}
.enum__item--project::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_19.svg");
}
.enum__item--measurer::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_20.svg");
}
.enum__item--delivery::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_06.svg");
}
.enum__item--connection::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_21.svg");
}
.enum__item--price::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_23.svg");
}
.enum__item--clock::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_16.svg");
}
.enum__item--catalog::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_07.svg");
}
.enum__item--material::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_25.svg");
}
.enum__item--brush::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_09.svg");
}
.enum__item--palette::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_08.svg");
}
.enum__item--ok::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_26.svg");
}
.enum__item::before {
  --size: calc(var(--circleSize)* 2);
  content: "";
  border-radius: 50%;
  background-color: var(--bg-color);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--iconSize);
  position: absolute;
  top: calc(var(--circleSize) * -3);
  left: 50%;
  transform: translateX(-50%);
  height: var(--size);
  width: var(--size);
  z-index: 1;
}
.enum__item:first-child::after, .enum__item:last-child::after {
  background-color: var(--bg-transition);
  content: "";
  position: absolute;
  top: calc(var(--circleSize) * -2);
  width: 50%;
  height: 2px;
}
.enum__item:first-child::after {
  left: 0;
}
.enum__item:last-child::after {
  right: 0;
}
.enum--light {
  --bg-color: var(--color-bg-light);
  --bg-transition: var(--color-dark);
}
.enum--light .enum__item--calculation::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/01.svg");
}
.enum--light .enum__item--catalog::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/07.svg");
}
.enum--light .enum__item--paint::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/08.svg");
}
.enum--light .enum__item--pay::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/11.svg");
}
.enum--light .enum__item--restoration::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/25.svg");
}
.enum--light .enum__item--delivery::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/06.svg");
}
.enum-card__title {
  white-space: pre-line;
  text-align: center;
}
@media (width <= 63.99875rem) {
  .enum {
    padding-top: calc(var(--circleSize) * 2.5);
  }
  .enum__list {
    --columns: 3;
  }
  .enum__list::before {
    display: none;
  }
  .enum__item {
    padding-bottom: calc(var(--circleSize) * 3);
  }
  .enum__item::before {
    top: calc(var(--circleSize) * -2.5);
  }
  .enum__item:nth-child(6) {
    padding-bottom: 0;
  }
  .enum__item:nth-child(5) {
    padding-bottom: 0;
  }
  .enum__item:nth-child(4) {
    padding-bottom: 0;
  }
}
@media (width <= 47.99875rem) {
  .enum {
    --circleSize: 24px;
    --iconSize: 36px;
    padding-top: 0;
    padding-left: calc(var(--circleSize) * 3);
  }
  .enum__list {
    --columns: 1;
  }
  .enum__list::before {
    display: block;
    content: "";
    height: 100%;
    position: absolute;
    right: calc(100% + var(--circleSize) * 2);
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
  }
  .enum__item {
    padding-bottom: 0;
  }
  .enum__item::before {
    --size: calc(var(--circleSize)* 2);
    content: "";
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--iconSize);
    position: absolute;
    right: calc(100% + var(--size) - var(--circleSize) + 1px);
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    height: var(--size);
    width: var(--size);
    z-index: 1;
  }
  .enum__item:first-child::after, .enum__item:last-child::after {
    content: "";
    height: 50%;
    position: absolute;
    right: calc(100% + var(--circleSize) * 2);
    width: 2px;
  }
  .enum__item:first-child::after {
    top: 0;
    left: auto;
  }
  .enum__item:last-child::after {
    top: 50%;
  }
  .enum-card {
    min-height: 64px;
    padding: 24px 0;
    display: flex;
    align-items: center;
  }
  .enum-card__title {
    text-align: left;
    font-size: clamp(1rem, 1rem + 0vw, 1rem);
    white-space: initial;
  }
}

.promotions .swiper-slide {
  max-width: 1024px;
  height: auto;
}
.promotions-card {
  box-shadow: rgba(110, 110, 110, 0.1) -4px 9px 25px -6px;
  width: 100%;
  background-color: var(--color-light);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
  padding: var(--gap);
  justify-items: right;
  align-items: center;
  border-radius: 4px;
  height: 100%;
}
.promotions-card__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40rem;
  height: 100%;
}
.promotions-card__title {
  font-family: var(--font-family-accent);
  font-weight: 300;
  font-size: clamp(1.5rem, 1.3846153846rem + 0.5128205128vw, 2rem);
}
.promotions-card__title strong {
  font-weight: bold;
}
.promotions-card__description {
  margin-block: 48px;
  font-weight: 300;
}
.promotions-card__link {
  margin-top: auto;
}
.promotions-card__picture {
  height: 100%;
  border-radius: 4px;
  aspect-ratio: 1/1;
  max-width: 400px;
  overflow: hidden;
}
.promotions-card__picture img {
  border-radius: 4px;
  filter: grayscale(1);
}
@media (width <= 47.99875rem) {
  .promotions-card {
    grid-template-columns: 1fr;
    padding: 0 0 24px 0;
    justify-items: center;
    background: transparent;
  }
  .promotions-card__content {
    order: 1;
    align-items: center;
  }
  .promotions-card__title {
    text-align: center;
  }
  .promotions-card__description {
    margin-block: 24px;
    max-width: inherit;
  }
  .promotions-card__picture {
    max-width: 100%;
    aspect-ratio: 4/3;
  }
}

.promotions-card--list {
  width: 100%;
  margin: 0 auto;
}
.promotions-card--list .promotions-card__content {
  max-width: 100%;
}

@keyframes fadeInUp {
  from {
    opacity: 1;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.fadeInUp {
  opacity: 0;
  animation: fadeInUp ease;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.fadeInUp--delay-1 {
  animation-delay: 0.5s;
}
.fadeInUp--delay-2 {
  animation-delay: 1s;
}
.fadeInUp--delay-3 {
  animation-delay: 1.5s;
}

.box {
  background-color: var(--color-light);
  color: var(--color-dark);
  padding: var(--gap);
  border-radius: var(--radius);
  border: var(--border-black);
}
.box--small {
  max-width: 55%;
}
@media (width <= 63.99875rem) {
  .box--small {
    margin-inline: auto;
    max-width: 75%;
  }
}
@media (width <= 47.99875rem) {
  .box--small {
    max-width: 100%;
  }
}
.box--black {
  border: var(--border);
  background-color: var(--color-dark);
  color: var(--color-light);
}

.communication {
  --size: 64px;
  --size-svg: 48px;
  position: fixed;
  right: calc(var(--gap) * 2);
  bottom: calc(var(--gap) * 2);
  z-index: 99;
  outline: none;
  -webkit-tap-highlight-color: transparent; /* Для удаления обводки на устройствах с WebKit */
}
.communication__switch {
  --color-shadow: 0,0,0;
  position: relative;
  animation: shadow-in-out linear 5s infinite;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
}
@keyframes shadow-in-out {
  0% {
    box-shadow: 0 8px 10px rgba(var(--color-shadow), 0.3), 0 0 0 0 rgba(var(--color-shadow), 0.2), 0 0 0 0 rgba(var(--color-shadow), 0.2);
  }
  40% {
    box-shadow: 0 8px 10px rgba(var(--color-shadow), 0.3), 0 0 0 15px rgba(var(--color-shadow), 0.2), 0 0 0 0 rgba(var(--color-shadow), 0.2);
  }
  80% {
    box-shadow: 0 8px 10px rgba(var(--color-shadow), 0.3), 0 0 0 30px rgba(var(--color-shadow), 0), 0 0 0 26.7px rgba(var(--color-shadow), 0.067);
  }
  100% {
    box-shadow: 0 8px 10px rgba(var(--color-shadow), 0.3), 0 0 0 30px rgba(var(--color-shadow), 0), 0 0 0 40px rgba(var(--color-shadow), 0);
  }
}
.communication__switch .dots {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--size);
  width: var(--size);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color var(--transition);
}
.communication__switch .dots:hover {
  background-color: var(--color-black);
}
.communication__switch .dot {
  width: 4px;
  height: 4px;
  margin: 0 4px;
  background-color: var(--color-light);
  border-radius: 50%;
  animation: jump 1.6s infinite linear;
}
.communication__switch .dot:nth-child(1) {
  animation-delay: 0s;
}
.communication__switch .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.communication__switch .dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes jump {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-12px);
  }
  60% {
    transform: translateY(-6px);
  }
}
.communication__list {
  display: grid;
  gap: var(--gap-medium);
  margin-bottom: var(--gap-medium);
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
}
.communication__item {
  position: relative;
  background-color: var(--color-black);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  fill: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.communication__tooltip {
    position: absolute;
    right: calc(var(--size) + 4px);
    width: max-content;
    background-color: var(--color-dark);
    padding: 0.1875rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    min-width: 5rem;
    font-weight: 500;
    color: #fff;
    pointer-events: none;  
}

.communication__item--whatsapp {
  background-color: #5da827;
}

.communication__item--telegramm {
  background-color: #24A1DE;
}

.communication__item--message {
  background-color: var(--color-dark);
}
.communication__item--phone {
  background-color: var(--color-dark);
}
.communication__item svg {
  transition: transform var(--transition);
  width: var(--size-svg);
  height: var(--size-svg);
  pointer-events: none;
}

.communication__item--telegramm svg{
  width: calc(var(--size-svg) - 7px);
  height: calc(var(--size-svg) - 7px);
}
.communication__item:hover svg {
  transform: scale(1.17);
}
@media (width <= 47.99875rem) {
  .communication {
    --size: 48px;
    --size-svg: 36px;
  }
}

.is-communication .communication__switch {
  animation: none;
  user-select: none;
}
.is-communication .communication__switch .dots {
  position: relative;
}
.is-communication .communication__switch .dots .dot {
  animation: none;
  border-radius: 0;
}
.is-communication .communication__switch .dots .dot:nth-child(1) {
  width: 24px;
  height: 2px;
  transform: rotate(45deg);
  position: absolute;
  left: 16px;
  top: 30px;
}
.is-communication .communication__switch .dots .dot:nth-child(2) {
  display: none;
}
.is-communication .communication__switch .dots .dot:nth-child(3) {
  width: 24px;
  height: 2px;
  transform: rotate(-45deg);
  position: absolute;
  right: 16px;
  top: 30px;
}
@media (width <= 47.99875rem) {
  .is-communication .communication__switch .dots .dot:nth-child(1) {
    width: 20px;
    height: 2px;
    transform: rotate(45deg);
    position: absolute;
    left: 10px;
    top: 23px;
  }
  .is-communication .communication__switch .dots .dot:nth-child(2) {
    display: none;
  }
  .is-communication .communication__switch .dots .dot:nth-child(3) {
    width: 20px;
    height: 2px;
    transform: rotate(-45deg);
    position: absolute;
    right: 10px;
    top: 23px;
  }
}
.is-communication .communication__list {
  transition: opacity var(--transition);
  visibility: visible;
  opacity: 1;
  height: inherit;
  width: inherit;
}
.is-communication .scrollToTop {
  display: none !important;
}

.is-top .scrollToTop {
  display: block;
}
.is-top .communication__switch {
  animation: none;
  user-select: none;
}
.is-top .communication__switch .dots {
  position: relative;
}
.is-top .communication__switch .dots .dot {
  animation: none;
}

.scrollToTop {
  --size: 64px;
  display: none;
  position: fixed;
  width: var(--size);
  height: var(--size);
  right: calc(var(--gap) * 2);
  bottom: calc(var(--size) + var(--gap) * 2.5);
  z-index: 98;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  border-radius: 50%;
  transition: background-color var(--transition);
}
.scrollToTop:hover {
  background-color: var(--color-black);
}
.scrollToTop::before {
  content: "";
  position: absolute;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  width: 16px;
  height: 16px;
  top: 28px;
  transform: rotate(45deg);
  right: 24px;
  border-color: var(--color-light);
}
@media (width <= 47.99875rem) {
  .scrollToTop {
    --size: 48px;
  }
  .scrollToTop::before {
    content: "";
    position: absolute;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    width: 12px;
    height: 12px;
    top: 20px;
    transform: rotate(45deg);
    right: 18px;
    border-color: var(--color-light);
  }
}

.form-modal {
  width: 100%;
  background-color: var(--color-light);
}
.form-modal__title {
  font-family: var(--font-family-accent);
  font-size: clamp(1.5rem, 1.2692307692rem + 1.0256410256vw, 2.5rem);
  padding-bottom: var(--offset-title);
}
.form-modal__text {
  font-size: clamp(1rem, 0.8846153846rem + 0.5128205128vw, 1.5rem);
  padding-bottom: 0.25rem;
  max-width: 420px;
  margin: 0 auto;
}
.form-modal__policy {
  font-size: 0.875rem;
  color: var(--color-shadow);
  margin-top: var(--gap);
}
.form-modal__button {
  margin-top: var(--offset-title);
}
.form-modal__fields {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  max-width: 420px;
  width: 100%;
  justify-self: center;
  align-items: center;
}
.form-modal__item {
  width: 100%;
}
.form-modal input {
  border-radius: var(--radius);
  border: var(--border-gray);
  width: 100%;
  height: 3.5rem;
  padding-inline: var(--offset-input);
  transition: border-color var(--transition);
}
.form-modal input:focus {
  border-color: var(--border-black);
}
.form-modal input.invalid {
  border-color: var(--color-invalid);
}
.form-modal textarea {
  resize: none;
  border: var(--border-gray);
  border-radius: var(--radius);
  width: 100%;
  padding: var(--offset-input);
  min-height: 6rem;
  transition: border-color var(--transition);
}
.form-modal textarea:focus {
  border-color: var(--border-black);
}
.form-modal textarea.invalid {
  border-color: var(--color-invalid);
}

.modal {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  animation: fadeIn var(--transition);
  justify-content: center;
  align-items: center;
}
.modal__content {
  background-color: var(--color-light);
  width: 100%;
  max-width: 640px;
  border-radius: var(--radius);
  position: relative;
}
.modal__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--color-light);
  padding: calc(var(--gap) * 2) var(--gap);
}
.modal .close {
  position: absolute;
  right: var(--gap-medium);
  top: var(--gap-medium);
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.modal .close:before, .modal .close:after {
  content: "";
  position: absolute;
  background-color: var(--color-bg-icon-dark);
  width: 1.5rem;
  height: 0.125rem;
  top: 15px;
  left: 4px;
}
.modal .close:before {
  transform: rotate(45deg);
}
.modal .close:after {
  transform: rotate(-45deg);
}
.modal .close:hover,
.modal .close:focus {
  color: black;
  text-decoration: none;
}
@media (width <= 63.99875rem) {
  .modal {
    overflow: auto;
  }
  .modal__content {
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 0;
  }
}

@media (width <= 63.99875rem) {
  .is-modal body {
    overflow: hidden;
  }
}
.breadcrumbs {
  margin-top: var(--gap);
  margin-bottom: var(--offset-headline);
  border-radius: var(--radius);
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: clamp(0.875rem, 0.8173076923rem + 0.2564102564vw, 1.125rem);
  gap: var(--gap-medium);
  color: var(--color-shadow);
}
.breadcrumbs__list a {
  text-decoration: underline;
}
.breadcrumbs__list a:hover {
  text-decoration: none;
}
.breadcrumbs__item {
  display: flex;
  position: relative;
  padding-left: var(--gap-medium);
}
.breadcrumbs__item:first-child {
  padding-left: 0;
}
.breadcrumbs__item:first-child::before {
  display: none;
}
.breadcrumbs__item::before {
  content: "";
  height: 0.0625rem;
  width: 0.5rem;
  position: absolute;
  top: 50%;
  left: calc(-0.5 * var(--gap-medium) + 2px);
  background-color: var(--color-dark);
}
.breadcrumbs__current {
  color: var(--color-gray);
}
.breadcrumbs__home {
  --size: 20px;
  text-indent: -999px;
  width: var(--size);
  height: var(--size);
  position: relative;
}
.breadcrumbs__home::before {
  content: "";
  background-image: url(/local/templates/main/assets/styles/./../images/main/svg/house.svg);
  background-repeat: no-repeat;
  width: var(--size);
  height: var(--size);
  background-position: center;
  background-size: var(--size);
}

.is-filter .filter__out {
  display: grid;
}
.is-filter [data-js-action=filter] {
  border-bottom-width: 0.25rem;
}

.is-sort .filter__sort {
  display: flex;
}
.is-sort [data-js-action=sort] {
  border-bottom-width: 0.25rem;
}

.filter select {
  height: 54px;
  width: 100%;
}
.filter .choices__item--choice:first-child {
  color: var(--color-gray-60);
}
.filter__button {
  position: relative;
  background-color: var(--color-black);
  width: 52px;
  height: 52px;
  border-radius: var(--radius);
  cursor: pointer;
}
.filter__button::before {
  content: "";
  background-image: url(/local/templates/main/assets/styles/./../images/main/svg/filter_white.svg);
  width: 52px;
  height: 52px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
@media (width <= 63.99875rem) {
  .filter__button {
    margin-left: auto;
  }
}
@media (width <= 47.99875rem) {
  .filter__button {
    display: none;
  }
}
.filter__out {
  --count: 4;
  display: grid;
  grid-template-columns: repeat(calc(var(--count) - 1), 1fr) 52px;
  gap: var(--gap);
}
@media (width <= 47.99875rem) {
  .filter__out {
    display: none;
  }
}
@media (width <= 63.99875rem) {
  .filter__out {
    --count: 1;
    grid-template-columns: 1fr;
  }
}
.filter__out-item {
  display: flex;
  width: 100%;
}
/* .filter__out-item:nth-child(1) {
  z-index: 9;
}
.filter__out-item:nth-child(2) {
  z-index: 8;
}
.filter__out-item:nth-child(3) {
  z-index: 7;
}
.filter__out-item:nth-child(4) {
  z-index: 6;
} */


.filter__sort {
  display: none;
  flex-wrap: wrap;
  gap: var(--gap-medium);
  align-items: center;
  justify-content: right;
  margin-top: var(--gap);
  user-select: none;
}
@media (width <= 47.99875rem) {
  .filter__sort {
    display: none;
  }
}
@media (width <= 63.99875rem) {
  .filter__sort {
    justify-content: left;
    gap: var(--gap-small);
  }
}
.filter__sort input[type=radio] {
  display: none;
}
.filter__sort-item label {
  outline: none;
}
.filter__sort-item input:checked + label {
  background: var(--color-black);
  color: var(--color-light);
}
.filter__tippy {
  background-color: var(--color-dark);
  color: var(--color-light);
  margin-left: 3px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-radius: var(--radius);
  cursor: pointer;
}
.filterControll {
  display: none;
  margin-bottom: var(--gap);
  width: 100%;
}
@media (width <= 47.99875rem) {
  .filterControll {
    display: flex;
  }
}
.filterControll__button {
  position: relative;
  padding: 0.75rem 3rem 0.75rem 1.125rem;
  height: 52px;
  font-size: 1rem;
  font-weight: 500;
  border: var(--border-black);
  width: 100%;
  cursor: pointer;
  display: flex;
}
.filterControll__button.is_active {
  border-bottom-width: 0.3125rem;
}
.filterControll__button::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
  background-size: 20px;
}
.filterControll__button--filter {
  border-radius: 4px 0px 0px 4px;
  border-right-width: 1px;
}
.filterControll__button--filter::before {
  background-image: url(/local/templates/main/assets/styles/./../images/main/svg/sliders.svg);
}
.filterControll__button--sort {
  border-radius: 0px 4px 4px 0px;
  border-left-width: 1px;
}
.filterControll__button--sort::before {
  background-image: url(/local/templates/main/assets/styles/./../images/main/svg/filter.svg);
}
.filterControll__count {
  display: none;
  position: absolute;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-light);
  right: 42px;
  top: 15px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  background-color: var(--color-dark);
}
.filterControll__count.is-active {
  display: flex;
}

.more {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
  align-items: center;
  position: relative;
}
.more .pagination {
  position: absolute;
  right: 0;
}
@media (width <= 63.99875rem) {
  .more {
    flex-direction: column;
    gap: calc(2 * var(--gap));
  }
  .more .pagination {
    position: static;
  }
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-small);
  align-items: center;
  justify-content: center;
}
@media (width <= 47.99875rem) {
  .pagination {
    gap: calc(var(--gap-small) / 4);
  }
}
.pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem);
  transition: background-color var(--transition), color background-color var(--transition);
}
.pagination__item:hover {
  background-color: var(--color-black);
  color: var(--color-light);
}
.pagination__active {
  background-color: var(--color-black);
  color: var(--color-light);
}
.pagination__prev {
  position: relative;
}
.pagination__prev::before {
  content: "";
  position: absolute;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  width: 12px;
  height: 12px;
  top: 15px;
  left: 16px;
  transform: rotate(-45deg);
  border-color: var(--color-black);
}
.pagination__prev:hover::before {
  border-color: var(--color-light);
}
.pagination__next {
  position: relative;
}
.pagination__next::before {
  content: "";
  position: absolute;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  width: 12px;
  height: 12px;
  top: 15px;
  transform: rotate(135deg);
  right: 18px;
  border-color: var(--color-black);
}
.pagination__next:hover::before {
  border-color: var(--color-light);
}

.letters__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-medium);
  justify-content: center;
}
.letters__item {
  color: #000;
}
.letters__scroll {
  --size: 3rem;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--border-thin);
  border-radius: var(--radius);
}
.letters__scroll:hover, .letters__scroll.is-active {
  background-color: var(--color-black);
  color: var(--color-light);
}
@media (width <= 47.99875rem) {
  .letters__scroll {
    --size: 2rem;
  }
}

.factoryList__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.factoryList_item {
  --count: 5;
  --space: calc(var(--gap) * (var(--count) - 1) / var(--count));
  width: calc(100% / var(--count) - var(--space));
  border: var(--border-thin);
  border-radius: var(--radius);
}
@media (width <= 90.06125rem) {
  .factoryList_item {
    --count: 4;
  }
}
@media (width <= 63.99875rem) {
  .factoryList_item {
    --count: 3;
  }
}
@media (width <= 47.99875rem) {
  .factoryList_item {
    --count: 2;
  }
}
.factoryList_card {
  --scale: 1.15;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.factoryList_card p {
  font-size: clamp(1.125rem, 1.0384615385rem + 0.3846153846vw, 1.5rem);
  margin-bottom: var(--gap);
}
.factoryList_card:hover .factoryList_image {
  transform: scale(var(--scale));
  filter: grayscale(1);
}
.factoryList_image {
  --height: 180px;
  --height-image: 90px;
  height: var(--height);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform var(--transition), filter var(--transition);
}
.factoryList_image img {
  max-height: var(--height-image);
  max-width: 80%;
}
@media (width <= 90.06125rem) {
  .factoryList_image {
    --height: 164px;
    --height-image: 70px;
  }
}
@media (width <= 63.99875rem) {
  .factoryList_image {
    --height: 148px;
    --height-image: 64px;
  }
}
@media (width <= 47.99875rem) {
  .factoryList_image {
    --height: 120px;
    --height-image: 48px;
  }
}

.catalogFile {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.catalogFile__headline {
  font-size: clamp(1.125rem, 1.0673076923rem + 0.2564102564vw, 1.375rem);
  font-weight: 600;
}

.faq__list {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.faq__item {
  position: relative;
  padding-left: 98px;
  padding-bottom: calc(var(--gap) * 2);
  padding-right: var(--gap);
  margin-bottom: var(--gap);
  counter-increment: verse 1;
  border-bottom: 2px solid var(--color-gray-10);
}
.faq__item:last-child {
  border: none;
}
.faq__item::before {
  content: "0" counter(verse);
  font-family: var(--font-family-accent);
  position: absolute;
  font-size: clamp(1.75rem, 1.5769230769rem + 0.7692307692vw, 2.5rem);
  bottom: 0px;
  left: var(--gap);
  color: var(--color-gray-10);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
}
.faq__item:nth-child(n+9)::before {
  content: counter(verse);
}
@media (width <= 47.99875rem) {
  .faq__item {
    padding-left: 48px;
    padding-right: 0px;
  }
  .faq__item::before {
    left: 0px;
    top: -6px;
  }
}
.faq__quest {
  font-size: clamp(1.25rem, 0.9615384615rem + 1.2820512821vw, 2.5rem);
  font-family: var(--font-family-accent);
  padding-bottom: var(--gap-small);
}

.kitchen-navigator {
  margin-bottom: var(--offset-headline);
  display: flex;
  justify-content: space-between;
}
.kitchen-navigator a:hover {
  color: var(--color-gray);
}
@media (width <= 47.99875rem) {
  .kitchen-navigator a {
    font-size: 14px;
  }
}
.kitchen-navigator__back {
  position: relative;
}

.swiperKitchen .swiper-slide {
  height: 590px;
  width: auto;
}
@media (width <= 63.99875rem) {
  .swiperKitchen .swiper-slide {
    height: 390px;
  }
}
@media (width <= 47.99875rem) {
  .swiperKitchen .swiper-slide {
    height: 290px;
  }
}
.swiperKitchen a {
  display: flex;
  overflow: hidden;
  border-radius: var(--radius);
}
.swiperKitchen img {
  width: auto;
  height: 590px;
  transition: transform var(--transition), filter var(--transition);
}
.swiperKitchen img:hover {
  filter: opacity(0.75);
  transform: scale(1.05);
}
@media (width <= 63.99875rem) {
  .swiperKitchen img {
    height: 390px;
  }
}
@media (width <= 47.99875rem) {
  .swiperKitchen img {
    height: 290px;
  }
}

.kitchen-property__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: space-between;
  align-items: center;
}
@media (width <= 63.99875rem) {
  .kitchen-property__list {
    align-items: flex-start;
    flex-direction: column;
  }
}
.kitchen-property__list--start {
  display: flex;
  flex-wrap: wrap;
  gap: calc(2 * var(--gap));
  justify-content: flex-start;
  align-items: center;
}
.kitchen-property__list--start .kitchen-property__item:last-child {
  margin-left: auto;
}
@media (width <= 63.99875rem) {
  .kitchen-property__list--start {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--gap);
  }
  .kitchen-property__list--start .kitchen-property__item:last-child {
    margin-left: inherit;
  }
}
.kitchen-property__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-medium);
}
@media (width <= 90.06125rem) {
  .kitchen-property__item:nth-child(1) {
    flex-grow: 1;
    width: 100%;
  }
}
.kitchen-property__value {
  font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem);
}
.kitchen-property__value span {
  font-weight: 600;
}
@media (width <= 47.99875rem) {
  .kitchen-property__value {
    display: flex;
    flex-direction: column;
  }
}
.kitchen-property__factory img {
  max-height: 100px;
  transition: transform var(--transition);
}
@media (width <= 47.99875rem) {
  .kitchen-property__factory img {
    max-height: 75px;
  }
}
.kitchen-property__factory:hover img {
  transform: scale(1.05);
}

.bestPrice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(2 * var(--gap));
}
@media (width <= 63.99875rem) {
  .bestPrice {
    flex-direction: column;
    align-items: flex-start;
  }
}
.bestPrice__headline {
  font-size: clamp(1.125rem, 1.0673076923rem + 0.2564102564vw, 1.375rem);
  font-weight: 600;
}
.bestPrice__link {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-medium);
}
.bestPrice__text {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  gap: var(--gap-medium);
  padding-left: 110px;
  column-gap: 0.625rem;
}
@media (width <= 47.99875rem) {
  .bestPrice__text {
    padding-left: 72px;
  }
}
.bestPrice__text::before {
  --size: 6.25rem;
  content: "";
  width: var(--size);
  height: 100%;
  position: absolute;
  left: 0;
  flex-shrink: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/27.svg");
}
@media (width <= 47.99875rem) {
  .bestPrice__text::before {
    --size: 4rem;
  }
}
.bestPrice__text--book::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/04.svg");
}
.bestPrice__text p {
  margin: 0;
  max-width: 800px;
}
.bestPrice__text--close::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/28.svg");
}
.bestPrice__action {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
}
@media (width <= 63.99875rem) {
  .bestPrice__action {
    flex-direction: row;
  }
}
@media (width <= 47.99875rem) {
  .bestPrice__action {
    flex-direction: column;
    width: 100%;
  }
}

.rating .stars {
  display: inline-flex;
  gap: var(--gap-medium);
  flex-wrap: wrap;
  font-size: clamp(1.125rem, 1.0673076923rem + 0.2564102564vw, 1.375rem);
}
.rating .stars__info {
  display: inline-flex;
  gap: var(--gap-medium);
}
.rating .stars__wrapper {
  position: relative;
  width: 180px;
  overflow: hidden;
  height: 24px;
}
.rating .stars__wrapper .stars_item:hover, .rating .stars__wrapper .stars_item:hover ~ div.stars_item, .rating .stars__wrapper .stars_item.current, .rating .stars__wrapper .stars_item.current ~ div.stars_item {
  background-position: 0 -24px;
}
.rating .stars__wrapper .stars_item {
  width: 35px;
  height: 24px;
  background: url("/local/templates/main/assets/styles/./../images/main/icon/stars.svg") no-repeat;
  float: left;
  position: absolute;
}
.rating .stars__wrapper .block_stars .stars_item {
  cursor: pointer;
}
.rating .stars__wrapper #star-1 {
  top: 0;
  left: 0;
}
.rating .stars__wrapper #star-2 {
  top: 0;
  left: 35px;
}
.rating .stars__wrapper #star-3 {
  top: 0;
  left: 70px;
}
.rating .stars__wrapper #star-4 {
  top: 0;
  left: 105px;
}
.rating .stars__wrapper #star-5 {
  top: 0;
  left: 140px;
}
.rating .stars__text {
  margin-right: var(--gap-medium);
  font-weight: 600;
}
@media (width <= 47.99875rem) {
  .rating .stars__text {
    width: 100%;
    flex-grow: 1;
  }
}
.rating .stars__vote {
  color: var(--color-gray);
}

.links__list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--gap-medium);
}

.combination__panel {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: var(--gap-medium);
  gap: var(--gap-medium);
  max-width: 1280px;
  margin: 0 auto;
}
.combination__view {
  max-width: 1280px;
  aspect-ratio: 16/9;
  background-color: var(--color-gray);
  margin: 0 auto;
}
.combination__video {
  display: none;
}
.combination__video.is-active {
  display: block;
}

.video {
  max-width: 1280px;
  width: 100%;
}

.wrap_youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  transition: filter var(--transition);
}
.wrap_youtube:hover {
  filter: opacity(0.75);
}
.wrap_youtube:hover .play {
  background: var(--color-black);
}
.wrap_youtube:hover .play::after {
  border-left: 18px solid var(--color-light);
}
.wrap_youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.wrap_youtube .youtube {
  overflow: hidden;
  position: relative;
  height: auto;
  width: 100%;
  cursor: pointer;
}
.wrap_youtube img {
  border: none;
  aspect-ratio: 16/9;
}
.wrap_youtube .play {
  cursor: pointer;
  width: 70px;
  height: 70px;
  background: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
}
.wrap_youtube .play::after {
  content: "";
  position: absolute;
  top: 23px;
  left: 28px;
  border: 12px solid transparent;
  border-left: 18px solid #000;
  transition: border var(--transition);
}

.socials {
  display: flex;
  gap: var(--gap-medium);
}
.socials__link {
  --size: 2.5rem;
  width: var(--size);
  height: var(--size);
  padding: 0.4375rem;
  background-color: var(--color-bg-icon-dark);
  border-radius: 50%;
  transition: box-shadow var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
}
.socials__link:hover {
  box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.1);
}
.socials__link--whatsapp {
  background-color: #5da827;
}

.socials__link--telegram {
  background-color: #24A1DE;
}

.listCompact {
  --circleSize: 32px;
  --iconSize: 42px;
  --bg-color: var(--color-dark);
  --bg-transition: var(--color-bg-light);
  padding-left: calc(var(--circleSize) * 3);
}
.listCompact__list {
  --columns: 1;
  display: grid;
  grid-template-columns: repeat(var(--columns, 1), 1fr);
  gap: var(--gap);
  position: relative;
}
.listCompact__item {
  position: relative;
}
.listCompact__item--local::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_18.svg");
}
.listCompact__item--tablo::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_tablo.svg");
}
.listCompact__item--metro::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_metro.svg");
}
.listCompact__item--parking::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_parking.svg");
}
.listCompact__item--clock::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_16.svg");
}
.listCompact__item::before {
  --size: calc(var(--circleSize)* 2);
  content: "";
  border-radius: 50%;
  background-color: var(--bg-color);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--iconSize);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(-1 * var(--circleSize) * 3);
  height: var(--size);
  width: var(--size);
  z-index: 1;
}
.listCompact-card {
  min-height: 64px;
  padding: 24px 0;
  display: flex;
  align-items: center;
}
.listCompact-card__title {
  text-align: left;
  font-size: clamp(1rem, 0.9711538462rem + 0.1282051282vw, 1.125rem);
}
@media (width <= 47.99875rem) {
  .listCompact {
    --circleSize: 24px;
    --iconSize: 36px;
  }
  .listCompact-card {
    padding: 12px 0;
  }
}

.contactGrid {
  display: grid;
  grid-template-columns: 1fr 540px;
  gap: var(--gap);
}
@media (width <= 90.06125rem) {
  .contactGrid {
    grid-template-columns: 1fr 420px;
  }
}
@media (width <= 63.99875rem) {
  .contactGrid {
    grid-template-columns: 1fr;
  }
}

.contactInfo {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  border: var(--border-black);
  border-radius: var(--radius);
  padding: var(--gap);
  height: 100%;
}
.contactInfo .tel {
  font-size: clamp(1.5rem, 1.3846153846rem + 0.5128205128vw, 2rem);
  text-decoration: underline;
  margin-inline: auto;
}
.contactInfo .tel:hover {
  text-decoration: none;
}
.contactInfo .mail {
  font-size: clamp(1.25rem, 1.1923076923rem + 0.2564102564vw, 1.5rem);
  margin-inline: auto;
}
.contactInfo .button {
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
}
.contactInfo .socials {
  margin-top: auto;
  margin-inline: auto;
}
@media (width <= 63.99875rem) {
  .contactInfo {
    flex-direction: column;
    align-items: center;
  }
}
@media (width <= 47.99875rem) {
  .contactInfo .socials {
    margin-top: var(--gap);
  }
  .contactInfo .button {
    max-width: inherit;
  }
}

.maps {
  height: 538px;
  background: var(--color-brand);
  position: relative;
}
.maps__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius);
  overflow: hidden;
}
@media (width <= 47.99875rem) {
  .maps {
    height: 360px;
  }
}

.maps--big {
  height: 720px;
}
@media (width <= 63.99875rem) {
  .maps--big {
    height: 538px;
  }
}
@media (width <= 47.99875rem) {
  .maps--big {
    height: 360px;
  }
}

.navigator {
  display: none;
}
@media (width <= 63.99875rem) {
  .navigator {
    display: block;
  }
}

.blog {
  --count: 3;
}
.blog__list {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(var(--count), 1fr);
}
.blog__item {
  border-radius: var(--radius);
}
.blog__card {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  height: 100%;
  padding-bottom: var(--gap);
  background-color: #fbfaf8;
  border-radius: var(--radius);
}
.blog__card .button {
  margin-top: auto;
  margin-inline: var(--gap);
}
.blog__card-href {
  width: 100%;
}
.blog__card-href:hover .blog__card-image {
  transform: scale(1.1);
}
.blog__card-href {
  overflow: hidden;
  border-radius: var(--radius);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.blog__card-image {
  width: 100%;
  border-radius: var(--radius);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  transition: var(--transition);
}
.blog__card-link {
  padding: var(--gap);
  font-size: clamp(1rem, 0.8846153846rem + 0.5128205128vw, 1.5rem);
  font-weight: 600;
}
.blog__card-text {
  padding-inline: var(--gap);
  padding-bottom: var(--gap);
  font-weight: 300;
  font-size: clamp(0.875rem, 0.8461538462rem + 0.1282051282vw, 1rem);
}
.blog__card-date {
  padding-left: var(--gap);
  padding-top: 0.625rem;
  color: var(--color-gray);
}
@media (width <= 63.99875rem) {
  .blog {
    --count: 2;
  }
}
@media (width <= 47.99875rem) {
  .blog {
    --count: 1;
  }
  .blog__card {
    text-align: center;
    align-items: center;
  }
  .blog__card-text {
    text-align: left;
  }
}

.advantages {
  --count: 3;
  --circleSize: 40px;
  --iconSize: 56px;
  --bg-color: var(--color-dark);
  --bg-transition: var(--color-bg-light);
}
.advantages__list {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(var(--count), 1fr);
}
.advantages__item:last-child {
  grid-column: span var(--count);
}
.advantages-card {
  position: relative;
  margin-top: calc(var(--circleSize) * 3);
}
.advantages-card--calc::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_01.svg");
}
.advantages-card--price::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_02.svg");
}
.advantages-card--glasses::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_03.svg");
}
.advantages-card--book::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_04.svg");
}
.advantages-card--book-open::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_07.svg");
}
.advantages-card--paints::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_08.svg");
}
.advantages-card--car::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_06.svg");
}
.advantages-card--palette::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_08.svg");
}
.advantages-card--brush::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_09.svg");
}
.advantages-card--face::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_10.svg");
}
.advantages-card--card::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_11.svg");
}
.advantages-card--protected::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_15.svg");
}
.advantages-card--clock::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_16.svg");
}
.advantages-card--world::before {
  background-image: url("/local/templates/main/assets/styles/./../images/main/icon/_17.svg");
}
.advantages-card::before {
  --size: calc(var(--circleSize)* 2);
  content: "";
  border-radius: 50%;
  background-color: var(--bg-color);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--iconSize);
  position: absolute;
  top: calc(var(--circleSize) * -2.5);
  left: 50%;
  transform: translateX(-50%);
  height: var(--size);
  width: var(--size);
  z-index: 1;
}
.advantages-card__intro {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  padding-inline: var(--gap);
}
@media (width <= 63.99875rem) {
  .advantages {
    --count: 2;
  }
}
@media (width <= 47.99875rem) {
  .advantages {
    --count: 1;
    --circleSize: 24px;
    --iconSize: 36px;
    margin-left: calc(3 * var(--circleSize));
  }
  .advantages-card {
    margin-top: 0;
    padding-block: var(--gap);
    display: flex;
    align-items: center;
    min-height: 64px;
  }
  .advantages-card::before {
    top: 50%;
    transform: translateY(-50%);
    left: calc(-3 * var(--circleSize));
  }
  .advantages-card__intro {
    text-align: left;
    max-width: inherit;
    margin: 0;
    padding-inline: inherit;
  }
}

.event-card__picture {
  border-radius: var(--radius);
  overflow: hidden;
}
.event-card__picture:hover .event-card__image {
  transform: scale(1.1);
}
.event-card__image {
  aspect-ratio: 16/10;
  border-radius: var(--radius);
  transition: var(--transition);
}
.event-card__out {
  text-align: center;
}
.event-card__title {
  padding-inline: var(--gap-medium);
  font-size: clamp(1.125rem, 1.0673076923rem + 0.2564102564vw, 1.375rem);
  font-weight: bold;
}
.event-card__date {
  padding-bottom: var(--gap-small);
  color: var(--color-gray-60);
  font-size: clamp(0.875rem, 0.8461538462rem + 0.1282051282vw, 1rem);
}

.is-search .search {
  display: block;
}

.is-found .found {
  display: block;
}

.found {
  --count: 5;
  --height: 164px;
  display: none;
  position: absolute;
  top: var(--header-height);
  padding-block: var(--gap);
  background-color: var(--color-light);
  width: 100%;
  box-shadow: 0 0 1rem 0 var(--color-dark);
}
.found__result {
  display: flex;
  gap: var(--gap);
  overflow-y: auto;
}
.found__result li {
  display: flex;
  justify-content: center;
  min-width: calc(100% / var(--count) - var(--gap));
  text-align: center;
  margin-bottom: var(--gap-medium);
}
@media (width <= 90.06125rem) {
  .found__result li {
    --count: 4;
  }
}
@media (width <= 63.99875rem) {
  .found__result li {
    --count: 3;
  }
}
@media (width <= 47.99875rem) {
  .found__result li {
    --count: 2;
  }
}
.found__result li a {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.found__result li .head {
  margin-bottom: var(--gap-medium);
  padding-inline: 5px;
  font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}
.found__result li img {
  border-radius: var(--radius);
}
.found__result li .fabric_block {
  border: var(--border-thin);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  aspect-ratio: 16/9;
}
.found__result li .fabric_block img {
  padding: 20px;
  max-height: 160px;
}
@media (width <= 90.06125rem) {
  .found__result li .fabric_block img {
    max-height: 120px;
  }
}
@media (width <= 47.99875rem) {
  .found__result li .fabric_block img {
    max-height: 90px;
  }
}
.found__result li .search_animate {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

.search {
  display: none;
  --offset: 64px;
  height: var(--header-height);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-dark);
}
.search .container {
  height: 100%;
}
.search__form {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.search__input {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - var(--offset));
  background-color: var(--color-light);
  padding: 0.625rem 3.75rem 0.625rem 1.25rem;
  border: var(--border-black);
  border-radius: var(--radius);
  font-size: 16px;
  min-height: 48px;
  overflow: hidden;
  outline: none;
}
.search__close {
  position: absolute;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.search__close::after, .search__close::before {
  content: "";
  position: absolute;
  background-color: var(--color-light);
  width: 2rem;
  height: 0.125rem;
  top: 15px;
  left: 4px;
}
.search__close::before {
  transform: rotate(45deg);
}
.search__close::after {
  transform: rotate(-45deg);
}
.search__submit {
  position: absolute;
  right: calc(var(--offset) + 1.25rem);
  width: 32px;
  height: 32px;
  background-image: url("/local/templates/main/assets/styles/./../images/main/svg/search.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  background-color: transparent;
  text-indent: -999999px;
  border: none;
  filter: invert(1);
  cursor: pointer;
}
@media (width <= 90.06125rem) {
  .search {
    --offset: 48px;
  }
  .search__input {
    padding: 0.4375rem 3rem 0.4375rem 0.625rem;
    min-height: auto;
  }
  .search__close {
    right: 0;
  }
  .search__close::after, .search__close::before {
    width: 1.5rem;
  }
  .search__submit {
    right: calc(var(--offset) + 0.625rem);
    background-size: 20px;
  }
}

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

/* End */


/* Start:/local/templates/main/assets/styles/tippy.css?174014610816615*/
.tippy-touch {
    cursor: pointer !important
}

.tippy-notransition {
    transition: none !important
}

.tippy-popper {
    max-width: 350px;
    -webkit-perspective: 700px;
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    pointer-events: none;
    line-height: 1.4
}

.tippy-popper[data-html] {
    max-width: 96%;
    max-width: calc(100% - 20px)
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
    bottom: -8px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    -webkit-transform-origin: 0 90%;
    transform-origin: 0 90%
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(6) translate(-50%, 25%);
    transform: scale(6) translate(-50%, 25%);
    opacity: 1
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, 25%);
    transform: scale(1) translate(-50%, 25%);
    opacity: 0
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    top: -8px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 6px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    -webkit-transform-origin: 0 -90%;
    transform-origin: 0 -90%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(6) translate(-50%, -125%);
    transform: scale(6) translate(-50%, -125%);
    opacity: 1
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1) translate(-50%, -125%);
    transform: scale(1) translate(-50%, -125%);
    opacity: 0
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 50% 0 0 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
    right: -16px;
    -webkit-transform-origin: 33.33333333% 50%;
    transform-origin: 33.33333333% 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(6) translate(40%, -50%);
    transform: scale(6) translate(40%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(40%, -50%);
    transform: scale(1.5) translate(40%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 50% 50% 0
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
    left: -16px;
    -webkit-transform-origin: 66.66666666% 50%;
    transform-origin: 66.66666666% 50%
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 3px 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    -webkit-transform-origin: -100% 0;
    transform-origin: -100% 0
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    -webkit-transform: scale(6) translate(-140%, -50%);
    transform: scale(6) translate(-140%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    -webkit-transform: scale(1.5) translate(-140%, -50%);
    transform: scale(1.5) translate(-140%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: var(--radius);
    font-size: .9rem;
    padding: .3rem .6rem;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--color-dark);
}

.tippy-tooltip[data-size=small] {
    padding: .2rem .4rem;
    font-size: .75rem
}

.tippy-tooltip[data-size=large] {
    padding: .4rem .8rem;
    font-size: 1rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-animatefill] .tippy-content {
    transition: -webkit-clip-path cubic-bezier(.46, .1, .52, .98);
    transition: clip-path cubic-bezier(.46, .1, .52, .98);
    transition: clip-path cubic-bezier(.46, .1, .52, .98), -webkit-clip-path cubic-bezier(.46, .1, .52, .98)
}

.tippy-tooltip[data-interactive],
.tippy-tooltip[data-interactive] path {
    pointer-events: auto
}

.tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}

.tippy-tooltip[data-inertia][data-state=hidden] {
    transition-timing-function: ease
}

.tippy-arrow,
.tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 24px;
    height: 8px;
    fill: #333;
    pointer-events: none
}

.tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 26%;
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(100% 100% at 50% 50%);
    clip-path: ellipse(100% 100% at 50% 50%)
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(5% 50% at 50% 50%);
    clip-path: ellipse(5% 50% at 50% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 0 50%);
    clip-path: ellipse(135% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(40% 100% at 0 50%);
    clip-path: ellipse(40% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 100% 50%);
    clip-path: ellipse(135% 100% at 100% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(40% 100% at 100% 50%);
    clip-path: ellipse(40% 100% at 100% 50%)
}

@media (max-width:360px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}
/* End */


/* Start:/local/templates/main/assets/styles/swiper-bundle.min.css?173815647121670*/
@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #000;
} 

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}
/* End */
/* /local/templates/main/assets/styles/main.css?177658449792962 */
/* /local/templates/main/assets/styles/tippy.css?174014610816615 */
/* /local/templates/main/assets/styles/swiper-bundle.min.css?173815647121670 */