@charset "UTF-8";

:root {
  --v-header-color: var(--v-white);
  --v-header-link-color: var(--v-white);
  --v-header-link-color-hover: var(--v-gray-200);
  --v-soc-link-color: var(--v-white);
  --v-soc-link-color-hover: var(--v-white);
  --v-max-width: 1520px;
  --v-heading-margin-bottom: 1rem;
  --spacing-md: clamp(1rem, 3vw, 2rem);
  --v-section-indent: 2.6667rem;
  /* Добавил */
  scroll-padding-top: var(--v-section-indent, 1rem);
}

body {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /*
  Настройки шрифтов под фигму
  */
  /* Для Chrome, Safari, Edge (и других браузеров на движке WebKit/Blink) */
  -webkit-font-smoothing: antialiased;
  /* Для Firefox на macOS */
  -moz-osx-font-smoothing: grayscale;
  /* Дополнительная опция для более точной настройки (опционально) */
  text-rendering: optimizeLegibility;
  /* Works on Chrome, Edge, and Safari */
}

body * {
  scrollbar-width: thin;
  scrollbar-color: var(--v-secondary) var(--v-white);
}

body *::-webkit-scrollbar {
  width: 12px;
}

body *::-webkit-scrollbar-track {
  background: var(--v-white);
  border-radius: var(--v-border-radius-lg);
}

body *::-webkit-scrollbar-thumb {
  background-color: var(--v-secondary);
  border-radius: var(--v-border-radius-lg);
  border: 3px solid var(--v-white);
}

body.--no-scroll {
  overflow: hidden;
}

body.--no-scroll .page,
body.--no-scroll .footer {
  -webkit-filter: blur(4px);
  filter: blur(4px);
  -webkit-transition: -webkit-filter 0.5s ease-in;
  transition: -webkit-filter 0.5s ease-in;
  transition: filter 0.5s ease-in;
  transition: filter 0.5s ease-in, -webkit-filter 0.5s ease-in;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

img,
object {
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

img {
  height: auto;
}

img:not([src]) {
  visibility: hidden;
  display: block;
}

label {
  cursor: pointer;
}

input:focus-visible,
button:focus-visible {
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  position: relative;
  z-index: 10;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  text-decoration: none;
}

a {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

a[href^=mailto],
a[href^=tel] {
  font-weight: 500;
  text-decoration: none;
}

ul {
  margin-top: 0.5rem;
  padding-left: 1rem;
}

ul li {
  padding-left: 0.5rem;
}

ul li::marker {
  color: var(--v-yellow);
  font-size: 1.5em;
  line-height: 1;
}

ul li > * {
  vertical-align: top;
}

/* МЕНЯЛ  */

ul:last-child,
ol:last-child,
blockquote:last-child,
q:last-child,
pre:last-child,
code:last-child,
p:last-child {
  margin-bottom: 0;
}

.ui-ctl {
  position: relative;
}

.ui-ctl-tag {
  position: absolute;
  right: 30px;
  top: -6px;
  background-color: transparent;
  color: #fff;
  font: 300 0.5rem var(--v-body-font-family);
  vertical-align: middle;
  text-align: center;
  padding: 0 6px;
  height: 13px;
  border-radius: 6.5px;
  z-index: 10;
  pointer-events: none;
  text-transform: uppercase;
}

.ui-ctl-tag.ui-ctl-tag-success {
  background-color: var(--v-success);
}

.ui-ctl-tag.ui-ctl-tag-primary {
  background-color: var(--v-primary);
}

.ui-ctl-tag.ui-ctl-tag-danger {
  background-color: var(--v-danger);
}

.ui-ctl-tag.ui-ctl-tag-warning {
  background-color: var(--v-warning);
}

.ui-ctl-success .ui-ctl-element,
.ui-ctl-success .ui-ctl-element:hover,
.ui-ctl-success .ui-ctl-element:focus {
  --v-border-color: var(--v-success);
}

.ui-ctl-danger .ui-ctl-element,
.ui-ctl-danger .ui-ctl-element:hover,
.ui-ctl-danger .ui-ctl-element:focus {
  --v-border-color: var(--v-danger);
}

.ui-ctl-warning .ui-ctl-element,
.ui-ctl-warning .ui-ctl-element:hover,
.ui-ctl-warning .ui-ctl-element:focus {
  --v-border-color: var(--v-warning);
}

.fancybox__container {
  --fancybox-bg: rgba(0, 0, 0, 0.4) !important;
}

.fancybox__container.--fb-form {
  --fancybox-content-bg: var(--v-gray-100);
}

.fancybox__container.--fb-form .fancybox__content {
  --v-fancybox-container-padding: 1rem;
  max-width: 500px;
  padding-top: var(--v-fancybox-container-padding);
  padding-right: var(--v-fancybox-container-padding);
  padding-bottom: var(--v-fancybox-container-padding);
  padding-left: var(--v-fancybox-container-padding);
}

.fancybox__container .fancybox__content {
  font-family: var(--v-font-default);
}

.fancybox__container .close__button {
  --v-close-button-sizeSquare: 0.8rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.fancybox__container .close__button button {
  padding: 0;
  border: none;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: var(--v-close-button-sizeSquare);
  height: var(--v-close-button-sizeSquare);
  color: var(--v-dark);
}

.fancybox__container .close__button button:active {
  color: var(--v-gray-700);
}

.checkbox {
  --v-checkbox-size-square: 25px;
  --v-checkbox-color: var(--v-gray-700);
  --v-checkbox-bg-color: transparent;
  --v-checkbox-bd-color: var(--v-gray-700);
  --v-checkbox-font-size: 1rem;
  --v-checkbox-radius: var(--v-border-radius-sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

.checkbox > input {
  display: none !important;
}

.checkbox > input + [data-checkbox] {
  background-color: var(--v-checkbox-bg-color);
  width: var(--v-checkbox-size-square);
  height: var(--v-checkbox-size-square);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: baseline;
  align-self: baseline;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--v-checkbox-radius);
  -webkit-transition: 1s;
  transition: 1s;
  border: 1px solid var(--v-checkbox-bd-color);
  color: var(--v-checkbox-color);
  font-size: var(--v-checkbox-font-size);
}

.checkbox > input + [data-checkbox]:before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "v-pack-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox > input[type=radio] + [data-checkbox] {
  --v-checkbox-radius: var(--v-border-radius-pill);
}

.checkbox > input[type=checkbox]:checked + [data-checkbox] {
  --v-checkbox-bg-color: var(--v-primary);
  --v-checkbox-bd-color: transparent;
  --v-checkbox-color: var(--v-white);
}

.checkbox > input[type=checkbox]:checked + [data-checkbox]:before {
  content: "\e93d";
}

.checkbox > input[type=checkbox]:checked + [data-checkbox] + * {
  --v-checkbox-fw: 700;
}

.checkbox > input[type=radio]:checked + [data-checkbox] {
  --v-checkbox-bg-color: var(--v-primary);
  --v-checkbox-bd-color: transparent;
  --v-checkbox-font-size: 0.75rem;
  --v-checkbox-color: var(--v-white);
}

.checkbox > input[type=radio]:checked + [data-checkbox]::before {
  content: "\e93e";
}

.checkbox > input[type=radio]:checked + [data-checkbox] + * {
  --v-checkbox-fw: 700;
}

.checkbox > input:disabled + [data-checkbox] {
  --v-checkbox-bg-color: transparent !important;
  --v-checkbox-color: var(--v-gray-700) !important;
  --v-checkbox-bd-color: var(--v-gray-700) !important;
}

.checkbox * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox:hover {
  --v-checkbox-font-size: 0.65rem;
}

.checkbox:focus,
.checkbox:active {
  --v-checkbox-bd-color: #9cb4fc;
}

[class^=col]:empty {
  display: none !important;
}

.title__num {
  --v-title-num-size-sq: 40px;
  background-color: var(--v-danger);
  color: inherit;
  line-height: 1;
  padding: 1rem;
  border-radius: var(--v-border-radius-lg);
  width: var(--v-title-num-size-sq);
  height: var(--v-title-num-size-sq);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.3333rem;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid currentColor;
  background: none;
  color: var(--v-white);
  font-size: 0.8667rem;
  padding: 0.8rem;
  border-radius: var(--v-border-radius-sm);
  gap: 1rem;
  max-width: 270px;
  width: 100%;
}

.select i {
  font-size: 0.6667rem;
  color: var(--v-warning);
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.select.--selected i {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.popup-window {
  font: inherit;
  font-size: 0.875rem;
}

.popup-window.popup-select {
  --popup-window-background-color: var(--v-black);
  max-width: 220px;
  padding: 0;
  border-radius: var(--v-border-radius-lg);
  overflow: hidden;
}

.popup-window.popup-select ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.popup-window.popup-select ul li {
  padding: 0;
  display: block;
  border-bottom: 1px solid var(--v-gray-400);
}

.popup-window.popup-select ul li:last-child {
  border-bottom: none;
}

.popup-window.popup-select ul li a {
  padding: 0.5rem 1.5rem;
  display: block;
  text-decoration: none;
  color: var(--v-white);
  white-space: nowrap;
}

.popup-window.popup-select ul li a:hover {
  color: var(--v-white);
  background-color: var(--v-danger);
}

.popup-window.popup-window-content {
  width: 100%;
}

#ajaxLoader {
  --v-ajaxloader-size-sq: 5rem;
  --v-ajax-loader-indent: 0;
  position: fixed;
  top: var(--v-ajax-loader-indent);
  bottom: var(--v-ajax-loader-indent);
  right: var(--v-ajax-loader-indent);
  left: var(--v-ajax-loader-indent);
  min-width: 100vw;
  min-height: 100vh;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.95);
}

#ajaxLoader span {
  position: absolute;
  top: var(--v-ajax-loader-indent);
  bottom: var(--v-ajax-loader-indent);
  right: var(--v-ajax-loader-indent);
  left: var(--v-ajax-loader-indent);
  width: var(--v-ajaxloader-size-sq);
  height: var(--v-ajaxloader-size-sq);
  margin: auto;
  display: grid;
  color: var(--v-dark);
  background: radial-gradient(farthest-side, currentColor calc(100% - 12px), rgba(0, 0, 0, 0) calc(100% - 10px) 0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 26px), #000 calc(100% - 24px));
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 26px), #000 calc(100% - 24px));
  border-radius: 50%;
  -webkit-animation: preloader 4s infinite linear;
  animation: preloader 4s infinite linear;
}

#ajaxLoader span:before,
#ajaxLoader span:after {
  content: "";
  grid-area: 1/1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)) center, -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)) center;
  background: linear-gradient(currentColor 0 0) center, linear-gradient(currentColor 0 0) center;
  background-size: 100% 20px, 20px 100%;
  background-repeat: no-repeat;
}

#ajaxLoader span:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@-webkit-keyframes preloader {
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes preloader {
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes menuSelected {
  100% {
    left: 0;
  }
}

@keyframes menuSelected {
  100% {
    left: 0;
  }
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  17% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  17% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  24% {
    opacity: 1;
  }

  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  25%, 55%, 75%, 87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}

@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  24% {
    opacity: 1;
  }

  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  25%, 55%, 75%, 87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}

.logo {
  display: block;
}

.logo-title {
  text-transform: uppercase;
  color: var(--v-gray-600);
  font-size: 0.7333rem;
  line-height: 1;
}

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  z-index: 0;
}

.section {
  --v-section-bg-color: transparent;
  --v-section-margin-y: var(--v-section-indent);
  margin-top: var(--v-section-margin-y);
  margin-bottom: var(--v-section-margin-y);
  position: relative;
  z-index: 0;
}

.section--padding {
  padding-top: var(--v-section-margin-y);
  padding-bottom: var(--v-section-margin-y);
  margin-top: 0;
  margin-bottom: 0;
}

.section--main {
  margin-top: 0;
}

.burger {
  position: relative;
  z-index: 20;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
  border: none;
  background: none;
  padding: 0;
  width: 30px;
  height: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.burger * {
  display: block;
  height: 3px;
  border-radius: var(--v-border-radius-lg);
  background-color: var(--v-burger-color, var(--v-header-color, var(--v-white)));
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.burger *:nth-child(1) {
  width: 100%;
}

.burger *:nth-child(2) {
  width: 70%;
}

.burger *:nth-child(3) {
  width: 80%;
}

.burger:hover *:nth-child(1) {
  width: 70%;
}

.burger:hover *:nth-child(2) {
  width: 100%;
}

.burger:hover *:nth-child(3) {
  width: 50%;
}

.burger--selected * {
  --v-indent: 0;
  position: absolute;
  top: var(--v-indent);
  bottom: var(--v-indent);
  right: var(--v-indent);
  left: var(--v-indent);
  margin: auto;
}

.burger--selected *:nth-child(1) {
  width: 60%;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.burger--selected *:nth-child(2) {
  opacity: 0;
  width: 0;
}

.burger--selected *:nth-child(3) {
  width: 60%;
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.burger--selected:hover *:nth-child(1) {
  width: 60%;
}

.burger--selected:hover *:nth-child(3) {
  width: 60%;
}

.soc {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.soc__item {
  font-size: 1.25rem;
}

.soc__link {
  color: var(--v-soc-link-color);
  text-decoration: none;
  display: inline-block;
}

.soc__link:hover {
  color: var(--v-soc-link-color-hover);
}

.policy {
  font-size: 0.7rem;
}

a.policy {
  text-decoration: underline;
}

.map {
  aspect-ratio: 2/1;
  max-height: 500px;
}

.mix-mode--multiply {
  mix-blend-mode: multiply;
}

.more-link {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6667rem;
  font-size: 0.8667rem;
}

.more-link--icon-left {
  --v-more-link-icon: "";
  --v-more-order: -1;
}

.more-link:after {
  content: var(--v-more-link-icon, "\e902");
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "v-pack-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 0.8rem;
  color: var(--v-yellow);
  -webkit-box-ordinal-group: NaN;
  -ms-flex-order: var(--v-more-order, 1);
  order: var(--v-more-order, 1);
}

.card-action__btn {
  --v-cart-card-btn-gap: 0.6667rem;
  font-size: 0.7333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--v-white);
  gap: var(--v-cart-card-btn-gap);
  background: none;
  border: none;
  padding: 0;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.card-action__btn:hover {
  color: var(--v-danger);
}

.rating {
  --v-rating-gap: 0.3333rem;
  --v-rating-item-color: var(--v-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--v-rating-gap);
  font-size: 0.7333rem;
}

.rating__scale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rating__item {
  color: var(--v-rating-item-color);
}

.rating__item--active {
  --v-rating-item-color: var(--v-yellow);
}

.instock {
  --v-instock-bg-icon: var(--v-gray-600);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8667rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4667rem;
}

.instock__scale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.1333rem;
}

.instock__scale * {
  display: block;
  width: 3px;
  height: 13px;
  background-color: var(--v-instock-bg-icon);
  border-radius: var(--v-border-radius-sm);
}

.instock--few .instock__scale *:not(:last-child) {
  --v-instock-bg-icon: var(--v-lemon);
}

.instock--vfew .instock__scale *:first-child {
  --v-instock-bg-icon: var(--v-danger);
}

.instock--available .instock__scale * {
  --v-instock-bg-icon: var(--v-lime);
}

.pager {
  --v-pager-padding-y: 0.6667rem;
  --v-pager-padding-x: 1.3333rem;
  --v-pager-link-gap: 0.6667rem;
  --v-page-list-item-size: 40px;
  background-color: var(--v-black);
  padding: var(--v-pager-padding-y) var(--v-pager-padding-x);
}

.pager__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pager__navigation {
  display: none;
}

.pager__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}

.pager__item {
  padding: 0;
  width: var(--v-page-list-item-size);
  height: var(--v-page-list-item-size);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.pager__item::marker {
  content: "";
}

.pager__item--active {
  color: var(--v-yellow);
  border-radius: 50%;
  border: 2px solid var(--v-yellow);
  pointer-events: none;
}

.pager__item--link {
  pointer-events: none;
}

.pager__item--link > * {
  cursor: pointer;
  pointer-events: auto;
}

/*  */

.header {
  --v-header-top-padding-y: 0.6667rem;
  --v-header-middle-padding-y: 2rem;
  --v-header-bottom-padding-y: 0;
  --v-header-nav-button-padding-y: 0.5333rem;
}

.header__top {
  position: relative;
  background-color: var(--v-black);
  padding-top: var(--v-header-top-padding-y);
  padding-bottom: var(--v-header-top-padding-y);
}

.header__top-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.header__top-phone,
.header__top-clients {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.header__top-phone i,
.header__top-clients i {
  font-size: 1.6rem;
  color: var(--v-gray-500);
}

.header__top-clients {
  font-size: 0.7333rem;
}

.header__middle {
  padding-top: var(--v-header-middle-padding-y);
  padding-bottom: var(--v-header-middle-padding-y);
}

.header__middle-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2.6667rem;
  -moz-column-gap: 2.6667rem;
  column-gap: 2.6667rem;
}

.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.3333rem;
  margin-right: auto;
}

.header__logo img {
  max-width: inherit;
  max-height: 38px;
}

.header__search {
  padding-left: 3rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.header__user {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.header__bottom {
  border-bottom: 1px solid var(--v-gray-700);
  padding-top: var(--v-header-bottom-padding-y);
  padding-bottom: var(--v-header-bottom-padding-y);
}

.header__bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2.6667rem;
  -moz-column-gap: 2.6667rem;
  column-gap: 2.6667rem;
}

.header__nav button {
  --v-header-nav-button-indent: -0.75rem;
  border: none;
  background: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6667rem;
  line-height: 1;
  padding: 0;
  padding-top: var(--v-header-nav-button-padding-y);
  padding-bottom: var(--v-header-nav-button-padding-y);
  z-index: 0;
}

.header__nav button:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  bottom: 0;
  right: var(--v-header-nav-button-indent);
  left: var(--v-header-nav-button-indent);
  margin: auto;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
}

.header__nav button i {
  color: var(--v-warning);
  font-size: 1.6rem;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header__nav button span {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0333rem;
  font-size: 1rem;
  color: var(--v-white);
}

.header__nav button.selected i {
  font-size: 1rem;
  color: var(--v-danger);
}

.header__nav button.selected:before {
  content: "";
  top: 0;
  background-color: var(--v-black);
  visibility: visible;
}

.header__benefits {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.h-choose-geo {
  --v-h-choose-geo-gap: 0.4667rem;
}

.h-choose-geo__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--v-h-choose-geo-gap);
}

.h-choose-geo__title > i {
  font-size: 1.6rem;
  color: var(--v-gray-500);
}

.h-choose-geo__button {
  border: none;
  background: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--v-h-choose-geo-gap);
  font-size: 0.8667rem;
  font-weight: 400;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.h-choose-geo__button i {
  color: var(--v-yellow);
  font-size: 0.75em;
}

.h-user {
  --v-h-user-icon-padding-y: 0.25rem;
  --v-h-user-icon-padding-x: 0.5rem;
}

.h-user__row {
  --v-gutter-x: 0.6667rem;
}

.h-user__item span:empty {
  display: none;
}

.h-user__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4667rem;
  width: 70px;
}

.h-user__icon {
  position: relative;
}

.h-user__icon span {
  background-color: var(--v-danger);
  color: var(--v-white);
  font-size: 0.6667rem;
  line-height: 1;
  border-radius: var(--v-border-radius-pill);
  padding-top: var(--v-h-user-icon-padding-y);
  padding-bottom: var(--v-h-user-icon-padding-y);
  padding-left: var(--v-h-user-icon-padding-x);
  padding-right: var(--v-h-user-icon-padding-x);
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(0.7rem, -0.4rem);
  -ms-transform: translate(0.7rem, -0.4rem);
  transform: translate(0.7rem, -0.4rem);
}

.h-user__icon i {
  font-size: 1.6rem;
  line-height: 1;
}

.h-user__title {
  font-size: 0.6rem;
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
  color: var(--v-gray-600);
  line-height: 1;
}

.h-benefits {
  --v-h-benefits-item-padding-y: 0.4rem;
}

.h-benefits__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6667rem;
  padding-top: var(--v-h-benefits-item-padding-y);
  padding-bottom: var(--v-h-benefits-item-padding-y);
}

.h-benefits__title {
  font-weight: 400;
  font-size: 0.7333rem;
  letter-spacing: 0.0333rem;
  text-transform: uppercase;
}

.h-benefits__icon {
  font-size: 1.6rem;
}

.h-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.h-menu__item {
  padding: 0;
}

.h-menu__link {
  display: block;
  font-size: 0.7333rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 400;
}

.footer {
  --v-footer-top-padding-y: 3rem;
  --v-footer-bottom-padding-y: 2rem;
  background-color: var(--v-black);
}

.footer__top {
  border-top: 1px solid var(--v-gray-700);
  padding-top: var(--v-footer-top-padding-y);
  padding-bottom: var(--v-footer-top-padding-y);
}

.footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__bottom {
  border-top: 1px solid var(--v-gray-700);
  padding-top: var(--v-footer-bottom-padding-y);
  padding-bottom: var(--v-footer-bottom-padding-y);
}

.footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.footer__logo img {
  max-width: inherit;
  max-height: 20px;
}

.footer__copy {
  color: var(--v-gray-600);
  font-size: 0.8667rem;
  font-weight: 400;
}

.f-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1.3333rem;
}

.f-contacts__item {
  font-size: 0.8667rem;
  font-weight: 400;
  line-height: 1.6667rem;
}

.f-contacts__phone {
  text-transform: uppercase;
  font-size: 1.3333rem;
  font-weight: 400;
}

.f-contacts__title {
  text-transform: uppercase;
}

.f-contacts__text {
  color: var(--v-gray-500);
}

.f-info__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1.6667rem;
}

.f-info__item {
  padding: 0;
  line-height: 1;
}

.f-info__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.6667rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.f-info__icon {
  font-size: 1.2rem;
}

.f-info__text {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.8667rem;
}

.social {
  --v-social-link-size-sq: 40px;
}

.social__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
}

.social__item {
  padding: 0;
}

.social__link {
  width: var(--v-social-link-size-sq);
  height: var(--v-social-link-size-sq);
  background-color: var(--v-gray-900);
  border-radius: var(--v-border-radius-lg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.social__link * {
  font-size: 1.2rem;
  color: var(--v-white);
}

.f-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.f-nav__item {
  padding: 0;
}

.f-nav__link {
  font-weight: 400;
  font-size: 0.8667rem;
  color: var(--v-gray-500);
  line-height: 1.6667rem;
}

.f-nav__link:hover {
  color: inherit;
}

.sticker {
  --v-sticker-position: 0.6667rem;
  --v-sticker-gap: 0.6667rem;
  --v-sticker-item-padding: 0.6667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--v-sticker-gap);
  position: absolute;
  z-index: 1;
  top: var(--v-sticker-position);
  right: var(--v-sticker-position-right, var(--v-sticker-position));
  left: var(--v-sticker-position-left, var(--v-sticker-position));
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sticker__item {
  padding: var(--v-sticker-item-padding);
  border-radius: var(--v-border-radius-lg);
}

.sticker__item * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 1;
  font-size: 0.7333rem;
  font-weight: 500;
  line-height: 100%;
}

.sticker__icon {
  font-size: 1.3333rem;
}

.s-menu {
  --v-side-menu-item-paddig-x: 1rem;
  --v-side-menu-item-paddig-y: 0.8rem;
  --v-side-menu-icon-color: var(--v-yellow);
}

.s-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--v-black);
  border-radius: var(--v-border-radius-sm);
}

.s-menu__item {
  padding: 0;
  overflow: hidden;
}

.s-menu__item:not(:last-child) {
  border-bottom: 1px var(--v-gray-700) solid;
}

.s-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.15;
  color: var(--v-white);
  padding-left: var(--v-side-menu-item-paddig-x);
  padding-right: var(--v-side-menu-item-paddig-x);
  padding-top: var(--v-side-menu-item-paddig-y);
  padding-bottom: var(--v-side-menu-item-paddig-y);
}

.s-menu__link::after {
  content: "\e90c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "v-pack-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8rem;
  color: var(--v-side-menu-icon-color);
}

.s-menu__link:hover {
  --v-side-menu-icon-color: var(--v-white);
  background-color: var(--v-danger);
}

.accordion {
  --v-accordion-border-radius: 4px;
  --v-accordion-button-background: var(--v-black);
  --v-accordion-button-collapse-padding-x: 1rem;
  --v-accordion-button-collapse-padding-y: 1.3333rem;
}

.accordion__title {
  margin-bottom: 2rem;
}

.accordion__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.6667rem;
}

.accordion__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--v-accordion-button-background);
  border-radius: var(--v-accordion-border-radius);
  color: var(--v-white);
  padding: var(--v-accordion-button-collapse-padding-x) var(--v-accordion-button-collapse-padding-y);
  border: none;
  width: 100%;
  font-size: 1.3333rem;
  line-height: 100%;
  -webkit-transition: font-weight 0.1s ease;
  transition: font-weight 0.1s ease;
}

.accordion__button::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "v-pack-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92d";
  font-size: 1.0667rem;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.accordion__button[aria-expanded=true] {
  --v-accordion-button-background: var(--v-gray-700);
  background-color: var(--v-accordion-button-background);
  border-radius: var(--v-accordion-border-radius) var(--v-accordion-border-radius) 0 0;
  font-weight: 600;
}

.accordion__button[aria-expanded=true]::after {
  content: "\e924";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion__body {
  --v-accordion-button-collapse-padding-y: 0.6667rem;
  border-radius: 0 0 var(--v-accordion-border-radius) var(--v-accordion-border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.0667rem;
}

.accordion__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: var(--v-accordion-button-background);
  padding: var(--v-accordion-button-collapse-padding-y) var(--v-accordion-button-collapse-padding-x);
}

.accordion__product--not-available {
  color: #999;
}

.accordion__product--not-available * img {
  opacity: 0.5;
}

.accordion__img img {
  max-width: 70px;
  width: 100%;
}

.accordion__text {
  -ms-flex-preferred-size: 550px;
  flex-basis: 550px;
  line-height: 100%;
}

.accordion__price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: end;
}

.accordion__price-new {
  font-size: 1.3333rem;
  font-weight: 600;
}

.accordion__price-old {
  color: var(--v-danger);
  text-decoration: line-through;
}

.geo-city-list {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 1000;
  font-size: 12px;
  color: var(--v-secondary);
  background-color: var(--v-black);
  width: 300px;
  max-width: 300px;
  -webkit-box-shadow: 0 20px 20px rgba(20, 24, 26, 0.5);
  box-shadow: 0 20px 20px rgba(20, 24, 26, 0.5);
}

.geo-city-list.active {
  display: block;
}

.geo-city-default,
.geo-city-search {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}

.geo-city-default.active,
.geo-city-search.active {
  display: block;
}

.geo-city-item {
  cursor: pointer;
  padding: 5px 10px;
}

.geo-city-item:hover {
  color: #fff;
  background-color: var(--v-primary);
}

.geo-city-form {
  margin: 10px 10px 0 10px;
  padding-bottom: 5px;
}

.geo-city-input {
  display: block;
  width: 100%;
  padding: 0 10px;
  line-height: 30px;
}

.contacts-yandex-map {
  width: 100%;
  min-height: 320px;
  max-height: 600px;
  aspect-ratio: 16/9;
}

.--slider {
  --v-slider-btn-size-sq: 3.3333rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.--slider [data-slider] {
  overflow: hidden;
}

.--slider .slider-btn {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: var(--v-slider-btn-size-sq, 3rem);
  height: var(--v-slider-btn-size-sq, 3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--v-gray-700);
  color: var(--v-white);
  border-radius: var(--v-border-radius-pill);
  font-size: 0.8rem;
}

.--slider .slider-btn:hover {
  color: var(--v-secondary);
}

.--slider .slider-btn:active {
  color: var(--v-primary);
}

.--slider .slider-btn.disabled {
  color: var(--v-gray-400);
  cursor: not-allowed;
}

.--slider .slider-btn.lock {
  display: none !important;
}

.--slider .slider-btns {
  position: absolute;
  top: var(--v-slider-btns-top, 0);
  bottom: var(--v-slider-btns-bottom, 0);
  left: calc(-1 * var(--v-slider-btn-size-sq, 3rem) / 2);
  right: calc(-1 * var(--v-slider-btn-size-sq, 3rem) / 2);
  height: 0;
  margin: auto;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.--slider .swiper-slide {
  height: auto;
}

.--slider .swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.--slider .swiper-pagination.lock {
  display: none !important;
}

#bx-admin-prefix input,
#bx-admin-prefix textarea,
#bx-admin-prefix select {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  width: inherit;
  resize: block;
  min-height: auto;
}

#bx-panel a {
  -webkit-transition: none !important;
  transition: none !important;
}

@media screen and (min-width: 768px) {
  .pager__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .pager__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 992px) {
  .fancybox__container.--fb-form .fancybox__content {
    --v-fancybox-container-padding: 1.5rem;
  }

  .fancybox__container .close__button {
    --v-close-button-sizeSquare: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}