/* Start:/local/templates/opticvision/static/output/main.css?1762499366767637*/
@charset "UTF-8";
@layer base, component, mod;
/* COLORS
------------------------ */
/* EFFECTS
------------------------ */
/* BREAKPOINTS
------------------------- */
:root {
  /* COLORS
  ------------------------- */
  --color-primary: #0b1623;
  --color-primary--rgb: 11, 22, 35;
  --color-alt: #1794ff;
  --color-alt--rgb: 23, 148, 255;
  --color-ble: #0033a0;
  --color-ble--rgb: 0, 51, 160;
  --color-bleBlack: #053d7c;
  --color-bleBlack--rgb: 5, 61, 124;
  --color-whte: #fff;
  --color-whte--rgb: 255, 255, 255;
  --color-success: #259243;
  --color-success--rgb: 37, 146, 67;
  --color-error: #fc3c30;
  --color-error--rgb: 252, 60, 48;
  /* FONTS
  ------------------------- */
  --font-primary: "Aeroport", sans-serif, -apple-system, blinkmacsystemfont,
    roboto, ubuntu, "Droid Sans", "Helvetica Neue", arial, sans-serif,
    "Apple Color Emoji";
  --font-size-default: rem(14);
  /* WRAPPER PADDINGS
  ------------------------- */
  --spacing: 64px;
  /** Z-INDEX SYSTEM
  ------------------------- */
  --index-1: 100;
  --index-2: 200;
  --index-3: 1100;
  --index-4: 1200;
}
@media (max-width: 61.99875em) {
  :root {
    --spacing: 80px;
  }
}
@media (max-width: 47.99875em) {
  :root {
    --spacing: 60px;
  }
}
@layer base {
  * {
    margin: 0;
    padding: 0;
    border: 0;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  *::before,
  *::after {
    display: inline-block;
  }
  html,
  body {
    min-width: 360px;
    height: 100%;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  body {
    color: var(--color-primary);
    font-size: var(--font-size-default);
    font-family: var(--font-primary);
    line-height: 1;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  ::-webkit-scrollbar {
    width: 6px;
    height: 5px;
  }
  ::-webkit-scrollbar-track {
    background: var(--color-scroll-bg);
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-alt);
    border-radius: 10px;
  }
  ::selection {
    color: var(--color-whte);
    background: var(--color-alt);
  }
  input,
  button,
  textarea {
    font-size: inherit;
    font-family: var(--font-primary);
    line-height: inherit;
  }
  button {
    color: inherit;
    font-family: var(--font-primary);
    background-color: transparent;
    outline: 0;
    cursor: pointer;
  }
  div[class*=__text] p:only-of-type,
  div[class*=__text] p:last-of-type,
  div[class*=__details] p:only-of-type,
  div[class*=__details] p:last-of-type,
  div[class*=__note] p:only-of-type,
  div[class*=__note] p:last-of-type {
    margin: 0;
  }
  [class*=image] img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  a {
    display: inline-block;
    color: var(--color-text);
    color: inherit;
    text-decoration: none;
  }
  ul li {
    list-style: none;
  }
  img {
    vertical-align: top;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: inherit;
    font-size: inherit;
  }
  address,
  cite {
    font-style: normal;
  }
  fieldset,
  dl,
  dd {
    margin: 0;
    padding: 0;
  }
  fieldset {
    border: none;
  }
}
@font-face {
  font-weight: 400;
  font-family: "Aeroport";
  font-style: normal;
  src: url("/local/templates/opticvision/static/output/../fonts/Aeroport-400.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: "Aeroport";
  font-style: normal;
  src: url("/local/templates/opticvision/static/output/../fonts/Aeroport-700.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-family: "Aeroport";
  font-style: normal;
  src: url("/local/templates/opticvision/static/output/../fonts/Aeroport-500.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 100;
  font-family: "Aeroport";
  font-style: normal;
  src: url("/local/templates/opticvision/static/output/../fonts/Aeroport-100.woff2") format("woff2");
  font-display: swap;
}
.header {
  background: var(--color-whte);
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  transition: transform 0.2s ease-in-out;
  z-index: 15;
  transform: translateY(0);
}
@media (max-width: 61.99875em) {
  .header {
    transform: unset !important;
  }
}
@media (min-width: 61.99875em) {
  .header {
    z-index: var(--index-1);
  }
}
.header._fixed {
  transform: translateY(var(--top-header-height, 0));
}
.header._showed {
  transform: translateY(0);
}
.header._active {
  top: calc(var(--header-height) * -1);
  left: 0;
  width: 100%;
  z-index: var(--index-1);
}
.header._active .city-header,
.header._active .entrance-main {
  opacity: 0;
  pointer-events: none;
}
.header.header-top {
  top: 0;
  position: fixed;
}
@media (min-width: 61.99875em) {
  .header.header-top {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 61.99875em) {
  .header.header-top .banner-header {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .header.header-top .banner-header,
  .header.header-top .top-header {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    padding: 0rem;
    opacity: 0;
  }
}
.header.header--two {
  padding: 1rem 0rem;
  box-shadow: 0px 1px 10px 0px rgba(4, 86, 156, 0.1);
}
@media (max-width: 47.99875em) {
  .header.header--two {
    padding: 0.8125rem 0rem;
  }
}
.header.header--two .header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
}
.header.header--two .header__logo img,
.header.header--two .header__logo picture {
  width: 10.125rem;
  height: 3rem;
}
@media (max-width: 47.99875em) {
  .header.header--two .header__logo img,
  .header.header--two .header__logo picture {
    width: 7.3125rem;
  }
}
.header.header--two .header__callback {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: var(--color-alt);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 95.99875em) {
  .header.header--two .header__callback {
    gap: 0.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .header.header--two .header__callback {
    font-size: 0rem;
    gap: 0rem;
  }
}
@media (any-hover: hover) {
  .header.header--two .header__callback:hover span {
    background: var(--color-alt);
  }
  .header.header--two .header__callback:hover span::before {
    content: "";
    background: var(--color-whte);
  }
}
.header.header--two .header__callback span {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #ecf2fe;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .header.header--two .header__callback span {
    --size: 20px;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .header.header--two .header__callback span {
    --size: 36px;
  }
}
.header.header--two .header__callback span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 13px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .header.header--two .header__callback span::before {
    --size: 11px;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .header.header--two .header__callback span::before {
    --size: 20px;
  }
}
.header.header--two .header__back {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
}
.header.header--two .header__back::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 24px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .header.header--two .header__back:hover {
    color: var(--color-alt);
  }
  .header.header--two .header__back:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
@media (max-width: 47.99875em) {
  .header.header--two .header__back {
    font-size: 0rem;
  }
}
.header__banner {
  transition: all 0.15s ease-in 0s;
}
.header__top {
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .wrapper:has(.header__banner) .header:not(._fixed) .header__top {
    padding-top: 33px !important;
  }
}
.banner-header {
  position: relative;
  width: 100%;
  padding: 0.75rem 0rem;
  z-index: 11;
}
@media (max-width: 61.99875em) {
  .banner-header {
    padding: 0.25rem 0rem;
  }
}
.banner-header__title {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 140%; /* 140% */
  color: var(--color-whte);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .banner-header__title:hover span {
    transform: translate(0.3125rem, 0rem);
  }
}
@media (max-width: 61.99875em) {
  .banner-header__title {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.banner-header__title span {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in 0s;
  background: var(--color-whte);
}
@media (max-width: 61.99875em) {
  .banner-header__title span {
    --size: 24px;
  }
}
.banner-header__title span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 61.99875em) {
  .banner-header__title span::before {
    --size: 10px;
  }
}
.banner-header__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-header__img img,
.banner-header__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media (min-width: 61.99875em) {
  .top-header {
    padding: 0.5rem 0rem;
    background: #f5f5f5;
  }
}
@media (max-width: 61.99875em) {
  .top-header {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--color-whte);
    z-index: 10;
    transition: all 0.15s ease-in 0s;
    padding-top: calc(var(--header-height) + 0.9375rem);
  }
}
.top-header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 61.99875em) {
  .top-header__container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
    padding-top: 4.75rem;
    height: 100%;
    overflow: auto;
  }
}
.top-header__container .main-header__recording {
  display: none;
}
@media (max-width: 38.75em) {
  .top-header__container .main-header__recording {
    display: flex;
  }
}
.top-header__select {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .top-header__select {
    margin-bottom: 0.5625rem;
    color: var(--color-alt);
  }
}
.top-header__select .select__options {
  left: -1.125rem;
  width: calc(100% + 1.75rem);
}
@media (any-hover: hover) {
  .top-header__select:hover {
    color: var(--color-alt);
  }
  .top-header__select:hover::after {
    content: "";
    background: var(--color-alt);
  }
  .top-header__select:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.top-header__select::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 12px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .top-header__select::before {
    --size: 13px;
    background: var(--color-alt);
  }
}
.top-header__select::after {
  content: "";
  mask: var(--select) center center/contain no-repeat;
  -webkit-mask: var(--select) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 12px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
  transform: translate(-0.0625rem, 0.125rem);
}
@media (max-width: 61.99875em) {
  .top-header__select::after {
    display: none;
  }
}
.top-header__content {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 61.99875em) {
  .top-header__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 0rem;
    width: 100%;
  }
  .top-header__content .top-header__phone, .top-header__content .top-header__callback {
    display: none;
  }
}
@media (max-width: 29.99875em) {
  .top-header__content {
    width: 100%;
  }
}
.top-header__content .bottom-header__menu {
  display: none;
}
@media (max-width: 61.99875em) {
  .top-header__content .bottom-header__menu {
    display: block;
  }
}
.top-header__back {
  display: none !important;
}
.top-header__list {
  display: flex;
  gap: 2rem;
}
@media (max-width: 61.99875em) {
  .top-header__list {
    flex-direction: column;
    gap: 0rem;
    margin-bottom: 0.5625rem;
    width: 100%;
  }
  .top-header__list .top-header__item:last-child .top-header__link {
    border-bottom: none;
  }
}
@media (max-width: 29.99875em) {
  .top-header__list {
    width: 100%;
  }
}
.top-header__link {
  font-size: 0.875rem;
  line-height: 142.857%; /* 142.857% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .top-header__link {
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%; /* 125% */
    padding: 1rem 0rem;
    padding-right: 1.875rem;
    position: relative;
    border-bottom: 1px solid #e2e2e8;
    width: 100%;
  }
  .top-header__link::before {
    content: "";
    position: absolute;
    top: 1.25rem;
    right: 0.1875rem;
    background: url("/local/templates/opticvision/static/output/../img/next.svg") center center/contain no-repeat;
    --size: 12px;
    width: var(--size);
    height: var(--size);
  }
}
@media (any-hover: hover) {
  .top-header__link:hover {
    color: var(--color-alt);
  }
}
.top-header__phone {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  color: #053d7c;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .top-header__phone {
    width: 100%;
    font-size: 1.375rem;
    line-height: 109.091%; /* 109.091% */
    color: var(--color-primary);
  }
}
@media (max-width: 29.99875em) {
  .top-header__phone {
    margin: 0 auto;
  }
}
@media (any-hover: hover) {
  .top-header__phone:hover {
    color: #2791ec;
  }
}
.top-header__callback {
  font-size: 0.875rem;
  line-height: 142.857%; /* 142.857% */
  padding: 0.4375rem 1rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  background: var(--color-whte);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .top-header__callback {
    max-width: max-content;
  }
}
@media (max-width: 29.99875em) {
  .top-header__callback {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    max-width: 100%;
  }
}
@media (any-hover: hover) {
  .top-header__callback:hover {
    color: var(--color-alt);
  }
}
.form__search {
  position: relative;
}
.form-result {
  position: absolute;
  top: 45px;
  left: 0;
  background: #FFFFFF;
  height: auto;
  z-index: 1;
  width: 100%;
  padding: 0 6px;
  border-radius: 16px;
  flex-direction: column;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.0784313725);
  display: none;
}
.form-result._active {
  display: flex;
}
.form-result__items {
  max-height: 276px;
  overflow: auto;
  margin: 12px 4px 12px 0;
}
.form-result__items::-webkit-scrollbar {
  width: 4px;
  height: 5px;
}
.form-result__items::-webkit-scrollbar-track {
  background: #fff;
}
.form-result__items::-webkit-scrollbar-thumb {
  background: #E2E2E8;
  border-radius: 10px;
}
.form-result__item {
  cursor: pointer;
  color: #11151F;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: column;
  padding: 5px 13px;
}
.form-result__item._active, .form-result__item:hover {
  color: #027AE0;
}
.form-result__item span:nth-child(2) {
  opacity: 0.6;
  font-size: 0.75rem;
}
.form__search-input {
  position: relative;
}
.form__search-input .input {
  height: 2.75rem;
  padding-left: 2.6875rem;
  cursor: pointer;
}
.form__search-input .input::placeholder {
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
  color: #c8c8c8;
}
@media (min-width: 61.99875em) {
  .form__search-input .input::placeholder {
    display: none;
  }
}
.form__search-input._active .form__search-label {
  opacity: 0;
}
.form__search-label {
  position: absolute;
  top: 50%;
  left: 2.6875rem;
  transform: translate(0, -50%);
  display: flex;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #c8c8c8;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
  transition: none;
}
@media (max-width: 78.75rem) {
  .form__search-label {
    font-size: 0.875rem;
  }
}
@media (max-width: 78.75rem) and (max-width: 61.99875em) {
  .form__search-label {
    display: none;
  }
}
.form__search-label span {
  color: var(--color-alt);
  font-weight: 700;
}
.form__search-btn {
  position: absolute;
  top: 55%;
  left: 1.0625rem;
  transform: translate(0, -50%);
}
@media (any-hover: hover) {
  .form__search-btn:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.form__search-btn::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #c8c8c8;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.main-header {
  padding: 1rem 0rem;
}
@media (max-width: 61.99875em) {
  .main-header {
    padding: 0.5rem 0rem;
    background: #fff;
    position: relative;
    z-index: 300;
  }
}
.main-header__container {
  display: flex;
  gap: 2.5rem;
  align-items: flex-end;
  position: relative;
}
@media (max-width: 61.99875em) {
  .main-header__container {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }
}
.main-header__logo {
  flex: 0 0 13.375rem;
}
@media (max-width: 78.75em) {
  .main-header__logo {
    flex: 0 0 7.3125rem;
  }
}
@media (max-width: 78.75em) and (max-width: 61.99875em) {
  .main-header__logo {
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.main-header__logo img,
.main-header__logo picture {
  width: 13.375rem;
  height: 4rem;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 78.75em) {
  .main-header__logo img,
  .main-header__logo picture {
    width: 7.3125rem;
    height: 2.1875rem;
  }
}
.main-header__content {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
@media (max-width: 61.99875em) {
  .main-header__content {
    width: 30rem;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    position: relative;
    z-index: 11;
    transition: width 0.15s ease-in 0s;
  }
}
@media (max-width: 38.75em) {
  .main-header__content .main-header__recording {
    display: none;
  }
}
.main-header__btns {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (min-width: 61.99875em) {
  .main-header__btns {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .main-header__btns {
    gap: 1rem;
  }
  .main-header__btns .main-header__link::before {
    content: "";
    margin-top: 0rem;
    --size: 24px;
  }
}
.main-header__btn {
  --size: 44px;
  flex: 0 0 var(--size);
  width: var(--size);
  height: var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  border-radius: 50%;
}
@media (max-width: 61.99875em) {
  .main-header__btn {
    position: relative;
    z-index: 11;
  }
}
.main-header__search {
  transition: all 0.15s ease-in 0s;
  margin-right: 0.125rem;
}
.main-header__search::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
  margin-top: 4px;
}
.main-header__form {
  flex: 1 1 auto;
  margin-bottom: 0px !important;
}
@media (max-width: 29.99875em) {
  .main-header__recording {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.main-header__list {
  display: flex;
  gap: 0.625rem;
}
@media (max-width: 61.99875em) {
  .main-header__list {
    display: none;
  }
}
@media (min-width: 78.75rem) {
  .main-header__list .main-header__item:last-child .main-header__link {
    min-width: 3.75rem;
  }
}
.main-header__item {
  position: relative;
}
.main-header__link {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8125rem;
  line-height: 123.077%; /* 123.077% */
  text-align: center;
  transition: all 0.15s ease-in-out;
}
@media (max-width: 61.99875em) {
  .main-header__link .sup-icon {
    display: none !important;
  }
}
.main-header__link._icon::before {
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #0B1623;
}
@media (any-hover: hover) {
  .main-header__link._icon:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
@media (any-hover: hover) {
  .main-header__link:hover {
    color: var(--color-alt);
  }
}
@media (min-width: 78.75rem) {
  .main-header__link {
    min-width: 5rem;
  }
}
@media (max-width: 78.75rem) {
  .main-header__link {
    font-size: 0rem;
  }
}
@media (max-width: 78.75rem) and (max-width: 61.99875em) {
  .main-header__link {
    position: relative;
    z-index: 11;
  }
}
.main-header__link .icon-rub::after {
  transform: translate(0px, -4px);
  font-size: 8px;
}
.main-header__link::before {
  content: "";
  background: var(--icon) center center/contain no-repeat;
  transition: all 0.15s ease-in-out;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  text-align: center;
  margin: 0 auto;
}
.main-header__link.main-header__link--ball::before {
  content: "";
  display: none;
}
@media (max-width: 61.99875em) {
  .bottom-header {
    position: fixed;
    top: 0;
    height: 100%;
    overflow: auto;
    background: var(--color-whte);
    z-index: 202;
    transition: all 0.15s ease-in 0s;
    padding: 1.25rem 0rem 6.25rem;
    width: 100%;
    left: -100%;
  }
}
.bottom-header__container {
  padding-bottom: 1rem;
}
@media (min-width: 61.99875em) {
  .bottom-header__menu {
    padding: 0 3rem;
    border-radius: 6.25rem;
    background: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 1.875rem;
  }
}
@media (max-width: 61.99875em) {
  .bottom-header__menu {
    width: 100%;
  }
  .bottom-header__menu:not(:first-child) {
    display: none !important;
  }
}
.bottom-header__list {
  align-self: center;
  align-items: center;
  display: inline-flex !important;
  gap: 5rem;
}
@media (max-width: 95.99875em) {
  .bottom-header__list {
    gap: 4.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .bottom-header__list {
    flex-direction: column;
    align-items: flex-start;
    gap: 0rem;
    width: 100%;
  }
}
.bottom-header__item {
  position: relative;
}
@media (max-width: 61.99875em) {
  .bottom-header__item {
    width: 100%;
  }
}
.bottom-header__tab {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1.25rem 0.1875rem 1.3125rem 2.5rem;
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 61.99875em) {
  .bottom-header__tab {
    display: flex;
  }
  .bottom-header__tab::before {
    content: "";
    position: relative;
    background: url("/local/templates/opticvision/static/output/../img/next.svg") center center/contain no-repeat;
    --size: 12px;
    width: var(--size);
    height: var(--size);
  }
}
.bottom-header__link {
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding: 1rem 0;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .bottom-header__link {
    padding: 1rem 0rem;
    padding-right: 1.875rem;
    border-bottom: 1px solid #e2e2e8;
    width: 100%;
    position: relative;
  }
  .bottom-header__link::before {
    content: "";
    position: absolute;
    top: 1.25rem;
    right: 0.1875rem;
    background: url("/local/templates/opticvision/static/output/../img/next.svg") center center/contain no-repeat;
    --size: 12px;
    width: var(--size);
    height: var(--size);
  }
}
.bottom-header__link._active {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .bottom-header__link:hover {
    color: #1074ca;
  }
}
.bottom-header__link.bottom-header__link--icon {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-error);
}
@media (any-hover: hover) {
  .bottom-header__link.bottom-header__link--icon:hover {
    color: #c80f03;
  }
  .bottom-header__link.bottom-header__link--icon:hover::before {
    content: "";
    background: #c80f03;
  }
}
.bottom-header__link.bottom-header__link--icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-error);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .bottom-header__link.bottom-header__link--icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-error);
    --size: 20px;
    width: var(--size);
    height: var(--size);
    transition: all 0.15s ease-in 0s;
    position: static;
  }
  .bottom-header__link.bottom-header__link--icon::after {
    content: "";
    position: absolute;
    top: 1.25rem;
    right: 0.1875rem;
    background: url("/local/templates/opticvision/static/output/../img/next.svg") center center/contain no-repeat;
    --size: 12px;
    width: var(--size);
    height: var(--size);
  }
}
.bottom-info {
  padding: 1.5rem 0rem;
  width: 100%;
  position: relative;
}
.bottom-info::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1rem;
  background: #f5f5f5;
  width: calc(100% + 1.875rem);
  height: 100%;
  z-index: -1;
}
@media (min-width: 61.99875em) {
  .bottom-info {
    display: none;
  }
}
.bottom-info .bottom-info__inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.bottom-info .bottom-info__inner .column-top__title {
  display: none;
}
.bottom-info .bottom-info__inner .top-footer__column {
  margin-bottom: 0rem;
}
.bottom-info .bottom-info__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}
.bottom-info .bottom-info__item {
  --size: 36px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-whte);
}
.bottom-info .bottom-info__item::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 18px;
  width: var(--size);
  height: var(--size);
}
.city-header {
  padding: 1.5rem 1rem 1rem;
  border-radius: 1.5rem;
  background: var(--color-whte);
  max-width: 20rem;
  width: 100%;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 1.25rem;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .city-header {
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 999999;
  }
}
.city-header._active {
  opacity: 1;
  pointer-events: auto;
}
.city-header__title {
  font-size: 1rem;
  line-height: 125%;
  text-align: center;
  margin-bottom: 1.625rem;
}
.city-header__title b {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
.city-header__btns {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.city-header__btns .city-header__btn {
  padding: 0.5rem;
  min-height: 2.5rem;
}
.city-header__btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.city-header__btn.city-header__btn--popup {
  border: 1.5px solid #d2d2e5;
}
@media (any-hover: hover) {
  .city-header__btn.city-header__btn--popup:hover {
    color: var(--color-alt);
  }
}
.main-header__link--ball {
  width: auto;
  min-width: auto;
}
@media (max-width: 61.99875em) {
  .main-header__link--ball {
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 123.077% */
    color: var(--color-primary);
  }
}
.product-head-tag {
  width: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px 0;
  border-radius: 64px;
  background: #FC3C30;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-align: center;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -9px;
  right: 3px;
}
@media (min-width: 61.99875em) and (max-width: 1260px) {
  .product-head-tag {
    min-width: 10px;
    height: 10px;
    padding: 0;
    top: -4px;
    right: 0;
    font-size: 0;
  }
}
@media (max-width: 61.99875em) {
  .product-head-tag {
    top: -7px;
    right: -5px;
  }
}
.product-head-tag:empty {
  display: none;
}
.footer {
  background: #f2f5f7;
}
.top-footer {
  padding: 5rem 0rem 2rem;
  border-bottom: 1.5px solid #e2e2e8;
  position: relative;
}
@media (max-width: 61.99875em) {
  .top-footer {
    padding: 2rem 0rem 1.5rem;
  }
}
.top-footer__inner {
  display: grid;
  grid-template-columns: auto 22.5rem;
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .top-footer__inner {
    grid-template-columns: auto 20rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .top-footer__inner {
    display: flex;
    flex-direction: column-reverse;
    gap: 0rem;
  }
}
.top-footer__container {
  display: grid;
  grid-template-columns: 18.75rem auto;
  gap: 0.9375rem;
}
@media (max-width: 95.99875em) {
  .top-footer__container {
    padding: 0rem 1.9375rem;
    grid-template-columns: 13.125rem auto;
  }
}
@media (max-width: 95.99875em) and (max-width: 78.125em) {
  .top-footer__container {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .top-footer__container {
    padding: 0rem 1rem;
    gap: 2rem;
  }
}
.top-footer__spollers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.9375rem;
}
@media (max-width: 95.99875em) {
  .top-footer__spollers {
    gap: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .top-footer__spollers {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
@media (min-width: 61.99875em) {
  .top-footer__form {
    margin-bottom: 2rem;
  }
}
@media (max-width: 61.99875em) {
  .top-footer__form {
    max-width: 28.125rem;
  }
}
.top-footer__form .form__title {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 109.091%; /* 109.091% */
  margin-bottom: 0.75rem;
}
@media (max-width: 95.99875em) {
  .top-footer__form .form__title {
    margin-bottom: 0.5rem;
  }
}
.top-footer__form .form__text {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  margin-bottom: 0.75rem;
}
@media (max-width: 95.99875em) {
  .top-footer__form .form__text {
    margin-bottom: 0.9375rem;
  }
}
.top-footer__form .form__constructor {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5625rem;
}
@media (max-width: 95.99875em) {
  .top-footer__form .form__constructor {
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .top-footer__form .form__constructor {
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) {
  .top-footer__form .form__input {
    flex: 1 1 auto;
    width: 100%;
  }
}
.top-footer__form .form__input .input {
  height: 2.8125rem;
  border-color: transparent;
}
.top-footer__form .form__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  width: 100%;
  padding: 0.75rem 1.5rem;
}
@media (max-width: 95.99875em) {
  .top-footer__form .form__btn {
    padding: 0.75rem 1.5rem;
  }
}
.top-footer__form .form__checkbox .checkbox__text {
  font-size: 0.875rem;
  line-height: 114.286%; /* 114.286% */
  color: #677178;
}
.top-footer__form .form__checkbox .checkbox__text a {
  text-decoration: underline;
  display: inline;
}
@media (any-hover: hover) {
  .top-footer__form .form__checkbox .checkbox__text a:hover {
    text-decoration: none;
  }
}
.top-footer__row {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .top-footer__row {
    margin-bottom: 0rem;
    gap: 0rem;
  }
}
@media (max-width: 61.99875em) {
  .top-footer__column {
    margin-bottom: 2rem;
  }
}
.top-footer__address {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-bottom: 0.75rem;
}
.top-footer__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .top-footer__text {
    margin-bottom: 2.1875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .top-footer__text {
    margin-bottom: 2rem;
  }
}
.top-footer__copirate {
  font-size: 1rem;
  line-height: 150%; /* 150% */
  color: #677178;
}
@media (max-width: 61.99875em) {
  .top-footer .spollers__title::after {
    content: "";
    transition: all 0.15s ease-in 0s;
  }
  .top-footer .spollers__title._spoller-active::after {
    content: "";
    transform: rotate(180deg);
  }
}
.column-top__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.column-top__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media (max-width: 29.99875em) {
  .column-top__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.column-top__image img,
.column-top__image picture {
  max-width: 8.625rem;
  height: auto;
  object-fit: contain;
}
@media (max-width: 29.99875em) {
  .column-top__image img,
  .column-top__image picture {
    max-width: 100%;
  }
}
.column-top__row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.column-top__social {
  --size: 50px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 0.0625rem solid #677178;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .column-top__social:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .column-top__social:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.column-top__social::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #677178;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.bottom-footer {
  padding: 1rem 0rem;
}
@media (max-width: 61.99875em) {
  .bottom-footer {
    padding: 1rem 0rem 5rem;
  }
}
.bottom-footer__title {
  text-align: center;
  font-size: 1.75rem;
  line-height: 114.286%; /* 114.286% */
  letter-spacing: 0.56px;
  color: #8b96a3;
}
@media (max-width: 95.99875em) {
  .bottom-footer__title {
    font-size: 1.5rem;
    line-height: 116.667%; /* 116.667% */
    letter-spacing: 0.48px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .bottom-footer__title {
    font-size: 1rem;
    line-height: 125%; /* 125% */
    letter-spacing: 0.32px;
  }
}
.top-footer__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-transform: uppercase;
}
@media (max-width: 78.125em) {
  .top-footer__list {
    flex-wrap: wrap;
  }
}
@media (max-width: 78.125em) and (max-width: 61.99875em) {
  .top-footer__list {
    flex-direction: column;
    gap: 1.0625rem;
    margin-top: 2rem;
  }
}
.top-footer__list .top-footer__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .top-footer__list .top-footer__link:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .top-footer__list .top-footer__link {
    padding-bottom: 0.875rem;
    border-bottom: 1.5px solid #e2e2e8;
    width: 100%;
  }
}
.top-footer__link--mail {
  text-decoration: underline;
}
.top-footer__methods {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
@media (min-width: 61.99875em) {
  .top-footer__methods {
    grid-column-start: span 2;
  }
}
@media (max-width: 47.99875em) {
  .top-footer__methods {
    gap: 1.25rem;
  }
}
.top-footer__methods .top-footer__method img,
.top-footer__methods .top-footer__method picture {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  object-fit: cover;
}
.column-top__mobile {
  font-size: 0.875rem;
  line-height: 142.857%; /* 142.857% */
  margin-bottom: 0.5rem;
}
@media (min-width: 61.99875em) {
  .column-top__mobile {
    display: none;
  }
}
/* stylelint-disable*/
@layer component {}
@layer mod {}
/* stylelint-enable*/
.toggle-password {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  z-index: 1;
}
.panel {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  padding: 0.75rem 0rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(15px);
  transition: all 0.15s ease-in 0s;
}
@media (min-width: 61.99875em) {
  .panel {
    display: none;
  }
}
.panel__items {
  display: flex;
  justify-content: space-between;
  gap: 0.3125rem;
}
.panel__item {
  position: relative;
}
.panel__link {
  font-size: 0.75rem;
  line-height: 116.667%; /* 116.667% */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
}
@media (any-hover: hover) {
  .panel__link:hover {
    color: var(--color-alt);
  }
  .panel__link:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.panel__link._active, .panel__link:hover {
  color: var(--color-alt);
}
.panel__link._active::before, .panel__link:hover::before {
  content: "";
  background: var(--color-alt);
}
.panel__link::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 24px;
  width: var(--size);
  height: var(--size);
  margin: 0 auto;
}
.catalog {
  position: fixed;
  top: var(--top);
  left: 0;
  width: 100%;
  background: var(--color-whte);
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  height: calc(100% - var(--top) - 11.5625rem);
  padding: 1.5rem 0rem 2.5rem;
  transition: all 0.15s ease-in 0s;
  overflow: auto;
}
@media (max-width: 61.99875em) {
  .catalog {
    z-index: 205;
    height: 100%;
    top: calc(var(--top, 60px) - 1px);
    padding-bottom: 6.25rem;
  }
}
.catalog__content {
  position: relative;
}
.catalog__inner {
  transition: all 0.15s ease-in 0s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 61.99875em) {
  .catalog__inner {
    opacity: 0;
    pointer-events: none;
  }
}
@media (max-width: 61.99875em) {
  .catalog__inner {
    left: -110%;
    padding-bottom: 6.25rem;
  }
}
.catalog__inner._active {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 61.99875em) {
  .catalog__inner._active {
    left: 0;
  }
}
.catalog__tabs {
  display: grid;
  grid-template-columns: 20rem auto;
  gap: 1.1875rem;
}
@media (min-width: 61.99875em) {
  .catalog__tabs {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 61.99875em) {
  .catalog__tabs {
    grid-template-columns: 1fr;
    gap: 0rem;
  }
}
@media (max-width: 61.99875em) {
  .catalog__tabs .tabs__show {
    overflow: visible !important;
    visibility: visible !important;
    max-height: max-content !important;
  }
}
@media (min-width: 61.99875em) {
  .catalog__tabs .tabs__content {
    position: relative;
  }
}
@media (max-width: 61.99875em) {
  .catalog__tabs .tabs__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 61.99875em) {
  .catalog__tabs .tabs__content .tabs__title {
    font-size: 1.125rem;
    padding: 1rem 0rem;
    border-bottom: 1.5px solid #e2e2e8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.875rem;
    width: 100%;
  }
  .catalog__tabs .tabs__content .tabs__title._tab-active::after {
    content: "";
    transform: rotate(-90deg);
  }
  .catalog__tabs .tabs__content .tabs__title::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 15px;
    width: var(--size);
    height: var(--size);
    transform: rotate(90deg);
    transition: all 0.15s ease-in 0s;
  }
}
@media (max-width: 61.99875em) and (max-width: 61.99875em) {
  .catalog__tabs .tabs__content .tabs__title::after {
    --size: 13px;
  }
}
.catalog__tabs .tabs__link {
  font-size: 1rem;
  line-height: 150%; /* 150% */
  position: relative;
  transition: all 0.15s ease-in 0s;
  margin-top: 2.375rem;
  margin-left: 1.25rem;
  margin-bottom: 0.3125rem;
}
@media (max-width: 61.99875em) {
  .catalog__tabs .tabs__link {
    margin-left: 0rem;
    margin-top: 1.25rem;
  }
}
@media (any-hover: hover) {
  .catalog__tabs .tabs__link:hover {
    color: var(--color-alt);
  }
  .catalog__tabs .tabs__link:hover::before {
    content: "";
    width: 0;
  }
}
.catalog__tabs .tabs__link._active {
  opacity: 0;
  pointer-events: none;
}
.catalog__tabs .tabs__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 0.125rem);
  width: 100%;
  height: 0.0625rem;
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
.catalog__tabs .tabs__inner {
  display: grid;
  grid-template-columns: auto 40.3125rem;
  gap: 1rem;
  align-items: flex-start;
}
@media (max-width: 78.75em) {
  .catalog__tabs .tabs__inner {
    grid-template-columns: auto 21.5625rem;
  }
}
@media (max-width: 78.75em) and (max-width: 61.99875em) {
  .catalog__tabs .tabs__inner {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 61.99875em) {
  .catalog__tabs .tabs__body-inner {
    overflow: auto;
    max-height: 26.25rem;
  }
}
@media (max-width: 61.99875em) {
  .catalog__tabs .tabs__body-inner {
    padding-top: 1rem;
  }
}
.catalog__tabs .tabs__body-category {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  display: block;
}
@media (max-width: 61.99875em) {
  .catalog__tabs .tabs__body-category {
    font-size: 1rem;
    margin-bottom: 1rem;
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .catalog__tabs .tabs__body-category {
    margin-bottom: 0.5rem;
    padding-left: 1.25rem;
  }
}
.catalog__tabs .tabs__list .tabs__item-link {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
  border-radius: 8px;
  padding: 0.3125rem 0rem;
}
@media (any-hover: hover) {
  .catalog__tabs .tabs__list .tabs__item-link:hover {
    color: var(--color-alt);
    background: #f5f5f5;
  }
}
@media (min-width: 61.99875em) {
  .catalog__tabs .tabs__list .tabs__item-link {
    padding: 0.625rem 1.25rem;
    max-width: 15.625rem;
    width: 100%;
  }
}
.catalog__tabs .tabs__navigation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 61.99875em) {
  .catalog__tabs .tabs__navigation {
    border-right: 0.09375rem solid #e2e2e8;
  }
}
.catalog__tabs .tabs__navigation .tabs__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding: 0.625rem 3.75rem 0.625rem 1.4375rem;
  border-radius: 8px 0px 0px 8px;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .catalog__tabs .tabs__navigation .tabs__title:hover {
    color: var(--color-alt);
  }
  .catalog__tabs .tabs__navigation .tabs__title:hover::after {
    content: "";
    background: var(--color-alt);
  }
}
.catalog__tabs .tabs__navigation .tabs__title._tab-active {
  color: var(--color-alt);
  background: #f5f5f5;
  pointer-events: none;
}
.catalog__tabs .tabs__navigation .tabs__title._tab-active::after {
  content: "";
  background: var(--color-alt);
}
.catalog__tabs .tabs__navigation .tabs__title::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.banners-tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 78.75em) {
  .banners-tabs {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 61.99875em) {
  .banners-tabs {
    display: none;
  }
}
.banners-tabs__banner {
  position: relative;
  min-height: 26rem;
  border-radius: 1.25rem;
  overflow: hidden;
  padding: 1.5625rem 1.5625rem;
}
@media (any-hover: hover) {
  .banners-tabs__banner:hover .banners-tabs__arrows {
    background: rgba(255, 255, 255, 0.5);
  }
  .banners-tabs__banner:hover .banners-tabs__arrows::before {
    content: "";
    background: var(--color-alt);
  }
  .banners-tabs__banner:hover .banners-tabs__image img,
  .banners-tabs__banner:hover .banners-tabs__image picture {
    transform: scale(1.1);
  }
}
.banners-tabs__content {
  position: relative;
  z-index: 2;
}
.banners-tabs__top {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
}
.banners-tabs__title {
  font-size: 1.375rem;
  line-height: 118.182%; /* 118.182% */
}
.banners-tabs__arrows {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  background: var(--color-whte);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in 0s;
}
.banners-tabs__arrows::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 15px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.banners-tabs__text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 125%; /* 125% */
}
.banners-tabs__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banners-tabs__image img,
.banners-tabs__image picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  transition: all 0.15s ease-in 0s;
}
section.shop h2 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
}
section.shop h3 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
}
section.shop p {
  text-overflow: ellipsis;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
  color: rgb(103, 113, 120);
}
section.shop a {
  color: var(--color-alt, #1794ff) !important;
}
section.shop ul, section.shop ol {
  margin: 0rem 0rem !important;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
section.shop ul li, section.shop ol li {
  position: relative;
  padding-left: 0.875rem;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  color: rgb(103, 113, 120);
}
section.shop ul li::before, section.shop ol li::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt, #1794ff);
}
section.shop ol {
  margin: 0 0 0 1.5rem !important;
}
section.shop ol li {
  padding-left: 0 !important;
}
section.shop ol li:before {
  display: none !important;
}
.intro {
  padding-top: 1.5rem;
  padding-bottom: 4.5625rem;
}
@media (max-width: 95.99875em) {
  .intro {
    padding-top: 1.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .intro {
    padding-top: 0.9375rem;
    padding-bottom: 1.5rem;
  }
}
.intro__inner {
  display: grid;
  grid-template-columns: auto 30rem;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .intro__inner {
    grid-template-columns: auto 24.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 88.4375rem) {
  .intro__inner {
    grid-template-columns: 1fr;
  }
}
.intro__slider {
  width: 100%;
  max-width: 100%;
}
.intro__slider .intro__slide {
  height: auto;
}
@media (any-hover: hover) {
  .intro__slider:hover .intro__arrows {
    opacity: 1;
  }
}
.intro__slide {
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  padding: 2rem 5.875rem;
  background: var(--bg);
}
@media (max-width: 88.4375rem) {
  .intro__slide {
    min-height: auto;
    padding: 0;
  }
}
@media (max-width: 47.99875em) {
  .intro__slide {
    min-height: 20rem;
  }
}
.intro__slide._video-loaded .intro__slide-decor-video {
  opacity: 1;
}
.intro__slide-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 27.3125rem;
  pointer-events: none;
}
@media (max-width: 61.99875em) {
  .intro__slide-content {
    gap: 0.5rem;
  }
}
.intro__slide-title {
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 85.714%; /* 85.714% */
  color: var(--color);
  pointer-events: none;
}
@media (max-width: 95.99875em) {
  .intro__slide-title {
    font-size: 3rem;
    line-height: 100%; /* 100% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .intro__slide-title {
    font-size: 1.75rem;
    line-height: 114.286%; /* 114.286% */
  }
}
.intro__slide-text {
  color: var(--color);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 109.091%; /* 109.091% */
  pointer-events: none;
}
@media (max-width: 95.99875em) {
  .intro__slide-text {
    font-size: 1.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .intro__slide-text {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.intro__slide-link {
  color: var(--color);
  border: 0.09375rem solid var(--color);
  display: inline-flex;
  max-width: max-content;
  pointer-events: auto;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .intro__slide-link:hover {
    color: var(--bg);
    background: var(--color);
  }
}
.intro__slide-bg-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
}
.intro__slide-decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 88.4375rem) {
  .intro__slide-decor {
    position: unset;
  }
}
.intro__slide-decor img,
.intro__slide-decor picture {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 1;
  position: relative;
}
.intro__slide-decor-video {
  transition: opacity 0.6s ease-in-out;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
}
.intro__slide-decor-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.intro__pagging {
  position: absolute;
  bottom: 1.0625rem;
  left: 0;
  z-index: 2;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 47.99875em) {
  .intro__pagging {
    bottom: 1.125rem;
  }
}
.intro__pagging .swiper-pagination-bullet {
  width: var(--size);
  height: var(--size);
  background: #dae6f0;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.15s ease-in 0s;
  --size: 8px;
}
@media (max-width: 47.99875em) {
  .intro__pagging .swiper-pagination-bullet {
    --size: 6px;
  }
}
.intro__pagging .swiper-pagination-bullet-active {
  background: #1794FF;
}
.intro__arrows {
  position: absolute;
  top: 50%;
  left: 0.875rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 1.75rem);
  opacity: 0;
  transition: all 0.15s ease-in 0s;
  pointer-events: none;
}
.intro__arrow {
  --size: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  background: var(--color-whte);
  border-radius: 50%;
  box-shadow: 0 1px 20px 0 rgba(126, 126, 126, 0.08);
  transition: all 0.15s ease-in 0s;
  pointer-events: all;
}
.intro__arrow::before {
  width: var(--size);
  height: var(--size);
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  --size: 14px;
}
.intro__arrow.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
@media (any-hover: hover) {
  .intro__arrow:hover::before {
    background: var(--color-alt);
    content: "";
  }
}
.intro__banner {
  position: relative;
  padding: 2rem;
}
@media (min-width: 61.99875em) {
  .intro__banner {
    min-height: 32.5rem;
  }
}
@media (max-width: 88.4375rem) {
  .intro__banner {
    min-height: 29.5rem;
  }
}
@media (max-width: 61.99875em) {
  .intro__banner {
    min-height: 15.625rem;
    padding: 0.9375rem 1rem;
  }
}
@media (max-width: 29.99875em) {
  .intro__banner {
    min-height: 10rem;
  }
}
.intro__banner-content {
  position: relative;
  z-index: 2;
}
@media (max-width: 61.99875em) {
  .intro__banner-content {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
@media (max-width: 47.99875em) {
  .intro__banner-content {
    max-width: 11.875rem;
  }
}
.intro__banner-content .intro__banner-link {
  max-width: max-content;
  padding: 0.8125rem 1.4375rem 0.8125rem 1.5rem;
  color: #027ae0;
  background: var(--color-whte);
  border: 0.09375rem solid #027ae0;
}
@media (max-width: 61.99875em) {
  .intro__banner-content .intro__banner-link {
    padding: 0.25rem 0.6875rem;
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 150%; /* 15px */
  }
}
@media (any-hover: hover) {
  .intro__banner-content .intro__banner-link:hover {
    /*border: 0.09375rem solid transparent;
    					background: var(--color-ble);
    					color: var(--color-whte);
    */
    background: var(--color-alt);
    border-color: var(--color-alt);
    color: var(--color-whte);
  }
}
.intro__banner-title {
  max-width: 21.5rem;
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 100%; /* 100% */
}
@media (max-width: 61.99875em) {
  .intro__banner-title {
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
    line-height: 122.222%; /* 122.222% */
  }
}
.intro__banner-text {
  margin-bottom: 1.5rem;
  font-size: 1.0625rem;
  line-height: 117.647%; /* 117.647% */
}
@media (max-width: 61.99875em) {
  .intro__banner-text {
    flex: 1 1 auto;
    margin-bottom: 1.625rem;
    font-size: 0.8125rem;
    line-height: 115.385%; /* 115.385% */
  }
}
.intro__banner-decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  overflow: hidden;
}
.intro__banner-decor img,
.intro__banner-decor picture {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media (max-width: 47.99875em) {
  .product {
    padding-bottom: 3.375rem;
  }
}
@media (max-width: 47.99875em) {
  .product.product--two {
    padding-bottom: 1.5625rem;
  }
}
.product.product--two .card-product__constructor.constructor-card {
  display: none;
}
.product.product--two .card-product__tags .card-product__tag:nth-child(n+3) {
  display: none;
}
.product.product--two .swiper-pagination-bullet {
  background: var(--color-whte);
}
.product.product--two .swiper-pagination-bullet-active {
  background: #dae6f0;
}
.product.product--two .product__body {
  padding: 3.4375rem 3rem 3.125rem;
  background: #f5f5f5;
  min-width: 0;
}
@media (min-width: 61.99875em) {
  .product.product--two .product__body {
    border-radius: 1.25rem;
  }
}
@media (max-width: 95.99875em) {
  .product.product--two .product__body {
    padding: 2.5rem 2rem 2.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .product.product--two .product__body {
    margin: 0rem -1rem;
    padding: 2rem 1rem 3.125rem;
  }
}
.product.product--two .product__container {
  display: grid;
  grid-template-columns: 25rem auto;
  gap: 0.875rem;
  min-width: 0;
}
@media (max-width: 95.99875em) {
  .product.product--two .product__container {
    grid-template-columns: 21.25rem auto;
  }
}
@media (max-width: 95.99875em) and (max-width: 75em) {
  .product.product--two .product__container {
    grid-template-columns: repeat(1, 1fr);
    gap: 0rem;
  }
}
@media (min-width: 61.99875em) {
  .product.product--three {
    padding-bottom: 4.25rem;
  }
}
@media (max-width: 47.99875em) {
  .product.product--three {
    padding-bottom: 2.75rem;
  }
}
.product.product--three .product__arrows {
  top: -0.375rem;
}
.product .product__showmore {
  border: 1.5px solid #d2d2e5;
  padding: 0.8125rem 1.4375rem;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: center;
  max-width: max-content;
}
@media (max-width: 61.99875em) {
  .product .product__showmore {
    display: none;
  }
}
@media (any-hover: hover) {
  .product .product__showmore:hover {
    background: var(--color-alt);
    border: 1.5px solid var(--color-alt);
    color: var(--color-whte);
  }
}
.product__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .product__link:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 47.99875em) {
  .product__link {
    font-size: 0rem;
  }
  .product__link::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 17px;
    width: var(--size);
    height: var(--size);
    transform: translate(-0.125rem, 0.125rem);
  }
}
.product__top {
  max-width: calc(100% - 7rem);
  display: flex;
  align-items: center;
  gap: 1.875rem;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .product__top {
    max-width: 100%;
    margin-bottom: 0.875rem;
  }
}
.product__top .product__title {
  margin-bottom: 0rem;
}
.product__inner {
  position: relative;
  min-width: 0;
}
.product__inner .product__slider {
  position: static;
}
@media (max-width: 61.99875em) {
  .product__inner .product__slider {
    overflow: visible;
  }
}
.product__title {
  margin-bottom: 1.5rem;
  max-width: calc(100% - 8.75rem);
}
@media (max-width: 61.99875em) {
  .product__title {
    margin-bottom: 1rem;
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .product__title-sale {
    margin-bottom: 2rem !important;
  }
}
.product__slider {
  min-width: 0;
  max-width: 100%;
}
.product__slide {
  height: auto !important;
}
.product__arrows {
  position: absolute;
  top: -0.5625rem;
  right: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .product__arrows {
    display: none;
  }
}
.product__arrow {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #e2e2e8;
  transition: all 0.15s ease-in 0s;
  background: var(--color-whte);
}
.product__arrow::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 17px;
  width: var(--size);
  height: var(--size);
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
.product__arrow.product__arrow--next::before {
  content: "";
  transform: translate(1px, 1px);
}
.product__arrow.product__arrow--prev::before {
  content: "";
  transform: translate(-1px, 1px);
}
.product__arrow.swiper-button-disabled {
  pointer-events: none;
}
.product__arrow.swiper-button-disabled::before {
  content: "";
  background: #c8c8c8;
}
.product__pagging {
  position: absolute;
  bottom: -1.3125rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
@media (min-width: 61.99875em) {
  .product__pagging {
    display: none;
  }
}
.product__pagging .swiper-pagination-bullet {
  cursor: pointer;
  --size: 5px;
  width: var(--size);
  height: var(--size);
  border-radius: 6.25rem;
  background: #ecf2fe;
  transition: all 0.15s ease-in 0s;
}
.product__pagging .swiper-pagination-bullet-active {
  width: 2.5rem;
}
.banner-product {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #e28d43;
}
@media (max-width: 75em) {
  .banner-product {
    display: none;
  }
}
@media (max-width: 47.99875em) {
  .banner-product {
    display: block;
    order: 1;
    margin-top: 24px;
  }
  .banner-product .banner-product__info {
    height: 160px;
    padding: 1rem;
  }
  .banner-product .banner-product__link {
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 150%;
    padding: 0.3125rem 1rem !important;
  }
  .banner-product .banner-product__image {
    right: 0;
    left: auto;
    width: 169px;
    height: 100%;
  }
  .banner-product .banner-product__image img, .banner-product .banner-product__image picture {
    object-position: bottom;
  }
}
.banner-product .banner-product__link {
  color: var(--color-whte);
  border: 0.0625rem solid var(--color-whte);
  max-width: max-content;
  padding: 0.8125rem 1.5rem;
}
@media (any-hover: hover) {
  .banner-product .banner-product__link:hover {
    background: rgba(255, 255, 255, 0.1);
  }
}
.banner-product__info {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
  padding: 2rem;
}
.banner-product__title {
  font-size: 2.5rem;
  line-height: 100%; /* 100% */
  letter-spacing: -2px;
  color: var(--color-whte);
  flex: 1 1 auto;
}
@media (max-width: 95.99875em) {
  .banner-product__title {
    font-weight: 500;
    font-size: 18px;
    max-width: 185px;
    letter-spacing: normal;
    line-height: 22px;
  }
}
.banner-product__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-product__image img,
.banner-product__image picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.constructor-card {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .constructor-card {
    gap: 0.5625rem;
  }
}
.constructor-card__start {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem; /* 114.286% */
  letter-spacing: -0.196px;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .constructor-card__start {
    font-size: 0.75rem;
    line-height: 133.333%; /* 133.333% */
    letter-spacing: -0.168px;
  }
}
.constructor-card__start::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: rgb(23, 148, 255);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .constructor-card__start::before {
    --size: 12px;
  }
}
.constructor-card__reviews {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 114.286%; /* 114.286% */
  letter-spacing: -0.196px;
  color: #8b96a3;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .constructor-card__reviews {
    font-size: 0.75rem;
    line-height: 133.333%; /* 133.333% */
    letter-spacing: -0.168px;
  }
}
@media (any-hover: hover) {
  .constructor-card__reviews:hover {
    color: #1074ca;
  }
  .constructor-card__reviews:hover::before {
    content: "";
    background: #1074ca;
  }
}
.constructor-card__reviews::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #8b96a3;
  --size: 17px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .constructor-card__reviews::before {
    --size: 12px;
  }
}
.js-slider-productThree {
  margin-bottom: 2rem;
}
.js-slider-productThree .product__pagging {
  position: static;
  margin-top: 1rem;
}
.js-slider-productThree .product__swiper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5rem 1rem;
}
@media (max-width: 95.99875em) {
  .js-slider-productThree .product__swiper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 79.9375em) {
  .js-slider-productThree .product__swiper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .js-slider-productThree .product__swiper {
    display: flex;
    gap: 0rem;
  }
}
@media (min-width: 85em) {
  .js-slider-productThree .product__slide .card-product__img img,
  .js-slider-productThree .product__slide .card-product__img picture {
    height: 19.625rem;
  }
}
@media (min-width: 85em) {
  .js-slider-productFive .product__slide .card-product__img img,
  .js-slider-productFive .product__slide .card-product__img picture {
    height: 19.625rem;
  }
}
@media (max-width: 47.99875em) {
  .banner {
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--main {
    padding-bottom: 1.5rem !important;
  }
}
.banner.banner-white {
  color: white;
}
.banner.banner-white .banner__info {
  max-width: 60%;
}
.banner.banner--two {
  padding-bottom: 4.25rem;
}
@media (max-width: 61.99875em) {
  .banner.banner--two {
    padding-bottom: 3rem;
  }
}
.banner.banner--two .banner__info {
  color: var(--color-whte);
}
@media (min-width: 61.99875em) {
  .banner.banner--two .banner__info {
    gap: 1rem;
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--two .banner__text {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 106.667%; /* 106.667% */
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--two .banner__link {
    padding: 0.46875rem 0.9375rem;
  }
}
.banner.banner--two .banner__content {
  max-width: 44.4375rem;
}
@media (min-width: 61.99875em) {
  .banner.banner--two .banner__content {
    min-height: 18.75rem;
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--two .banner__content {
    min-height: 17.1875rem;
  }
}
.banner.banner--two .banner__inner {
  background: #1794ff;
}
@media (max-width: 47.99875em) {
  .banner.banner--two .banner__inner {
    padding: 1rem;
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--three {
    padding-bottom: 3rem;
  }
}
.banner.banner--three .banner__inner {
  padding: 2rem;
}
@media (max-width: 61.99875em) {
  .banner.banner--three .banner__inner {
    padding: 1rem;
  }
}
.banner.banner--three .banner__content {
  min-height: 18.4375rem;
}
@media (max-width: 47.99875em) {
  .banner.banner--three .banner__content {
    max-width: 100%;
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--three .banner__content {
    min-height: 24.25rem;
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--three .banner__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
  }
}
.banner.banner--three .banner__title {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 100%; /* 100% */
  letter-spacing: -2px;
}
@media (max-width: 95.99875em) {
  .banner.banner--three .banner__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--three .banner__title {
    font-size: 1.75rem;
    line-height: 118.182%; /* 118.182% */
    letter-spacing: 0rem;
  }
}
.banner.banner--three .banner__info {
  gap: 1.0625rem;
}
@media (max-width: 47.99875em) {
  .banner.banner--three .banner__info {
    flex: none;
    gap: 0.5rem;
  }
}
.banner.banner--four {
  padding: 1.5rem 0rem 2rem;
}
.banner.banner--four .banner__content {
  min-height: 7.5rem;
  max-width: 38.125rem;
}
.banner.banner--four .banner__title {
  color: var(--color-whte);
}
@media (min-width: 95.99875em) {
  .banner.banner--four .banner__title {
    font-size: 2.75rem;
    font-weight: 500;
    line-height: 109.091%; /* 109.091% */
    letter-spacing: -1px;
  }
}
@media (min-width: 61.99875em) {
  .banner.banner--four .banner__inner {
    padding: 2.875rem 2.75rem 2.1875rem;
  }
}
.banner.banner--four .banner__text {
  color: var(--color-whte);
}
@media (min-width: 95.99875em) {
  .banner.banner--four .banner__text {
    font-size: 1.625rem;
    line-height: 123.077%; /* 123.077% */
  }
}
.banner.banner--five .banner__info {
  gap: 0.5rem;
}
@media (max-width: 47.99875em) {
  .banner.banner--five .banner__info {
    gap: 4px;
  }
}
.banner.banner--five .banner__content {
  min-height: 8.875rem;
  max-width: calc(100% - 31.25rem);
}
@media (max-width: 61.99875em) {
  .banner.banner--five .banner__content {
    max-width: calc(100% - 12.5rem);
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--five .banner__content {
    max-width: calc(100% - 7.5rem);
    min-height: 8.125rem;
  }
}
.banner.banner--five .banner__link {
  color: rgb(2, 122, 224);
  border-color: rgb(2, 122, 224);
  background: var(--color-whte);
}
@media (any-hover: hover) {
  .banner.banner--five .banner__link:hover {
    color: var(--color-whte);
    background: var(--color-alt);
  }
}
@media (min-width: 61.99875em) {
  .banner.banner--five .banner__text {
    font-size: 1.125rem;
    line-height: 122.222%; /* 122.222% */
  }
}
@media (min-width: 61.99875em) {
  .banner.banner--five .banner__title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 100%; /* 100% */
    letter-spacing: -2px;
  }
}
.banner.banner--six {
  padding-bottom: 0rem;
}
.banner.banner--six .banner__container {
  padding: 0rem;
}
@media (max-width: 95.99875em) {
  .banner.banner--six .banner__container .banner__inner {
    padding: 1.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner.banner--six .banner__container .banner__inner {
    padding: 1rem;
  }
}
.banner.banner--six .banner__info {
  gap: 0.5rem;
}
.banner.banner--six .banner__content {
  min-height: 8.875rem;
  max-width: calc(100% - 31.25rem);
}
@media (max-width: 95.99875em) {
  .banner.banner--six .banner__content {
    max-width: calc(100% - 12.5rem);
    min-height: 10.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--six .banner__content {
    max-width: calc(100% - 12.5rem);
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner.banner--six .banner__content {
    min-height: 12.375rem;
    max-width: calc(100% - 8.75rem) !important;
  }
}
.banner.banner--six .banner__link {
  color: #027ae0;
  border-color: #027ae0;
  background: var(--color-whte);
}
@media (any-hover: hover) {
  .banner.banner--six .banner__link:hover {
    color: var(--color-whte);
    background: var(--color-alt);
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--six .banner__link {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    padding: 0.875rem 1.5rem;
  }
}
@media (min-width: 61.99875em) {
  .banner.banner--six .banner__text {
    font-size: 1.125rem;
    line-height: 122.222%; /* 122.222% */
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--six .banner__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
@media (min-width: 95.99875em) {
  .banner.banner--six .banner__title {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 100%; /* 100% */
    letter-spacing: -2px;
  }
}
@media (max-width: 95.99875em) {
  .banner.banner--six .banner__title {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 100% */
    letter-spacing: -2px;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner.banner--six .banner__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    letter-spacing: 0px;
  }
}
.banner.banner--seven {
  padding-bottom: 0rem;
}
@media (max-width: 61.99875em) {
  .banner.banner--seven {
    margin-bottom: -22px;
  }
}
.banner.banner--seven .banner__container {
  padding: 0rem;
}
@media (max-width: 95.99875em) {
  .banner.banner--seven .banner__container .banner__inner {
    padding: 1.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner.banner--seven .banner__container .banner__inner {
    padding: 1rem;
  }
}
.banner.banner--seven .banner__info {
  gap: 0.5rem;
}
.banner.banner--seven .banner__content {
  min-height: 8.875rem;
  max-width: calc(100% - 31.25rem);
  color: var(--color-whte);
}
@media (max-width: 95.99875em) {
  .banner.banner--seven .banner__content {
    max-width: calc(100% - 21.875rem);
    min-height: 10.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--seven .banner__content {
    max-width: calc(100% - 12.5rem);
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner.banner--seven .banner__content {
    min-height: 12.375rem;
    max-width: calc(100% - 1.25rem) !important;
  }
}
.banner.banner--seven .banner__link {
  color: #027ae0;
  border-color: var(--color-whte);
  background: var(--color-whte);
}
@media (any-hover: hover) {
  .banner.banner--seven .banner__link:hover {
    color: var(--color-whte);
    background: var(--color-ble);
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--seven .banner__link {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    padding: 0.875rem 1.5rem;
  }
}
@media (min-width: 61.99875em) {
  .banner.banner--seven .banner__text {
    font-size: 1.125rem;
    line-height: 122.222%; /* 122.222% */
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--seven .banner__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
@media (min-width: 95.99875em) {
  .banner.banner--seven .banner__title {
    font-size: 1.75rem;
    letter-spacing: 0rem;
    font-style: normal;
    font-weight: 400;
    line-height: 114.286%; /* 114.286% */
  }
}
@media (max-width: 95.99875em) {
  .banner.banner--seven .banner__title {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 114.286% */
    letter-spacing: 0rem;
  }
  .banner.banner--seven .banner__title br {
    display: none;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner.banner--seven .banner__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    letter-spacing: 0px;
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--eight {
    margin-bottom: 20px;
  }
}
@media (max-width: 95.99875em) {
  .banner.banner--eight .banner__inner {
    padding: 0.5625rem 2.0625rem 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--eight .banner__inner {
    padding: 1rem 16px 13px;
  }
}
@media (max-width: 95.99875em) {
  .banner.banner--eight .banner__content {
    max-width: 31.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--eight .banner__content {
    max-width: 25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .banner.banner--eight .banner__content {
    max-width: 15.625rem;
  }
}
@media (max-width: 47.99875em) {
  .banner.banner--eight .banner__logo img,
  .banner.banner--eight .banner__logo picture {
    width: 231px;
    height: 72px;
  }
}
.banner.banner--eight .banner__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 100% */
  letter-spacing: -0.0125rem;
}
@media (max-width: 95.99875em) {
  .banner.banner--eight .banner__title {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 115.385% */
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner.banner--eight .banner__title {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
    max-width: 171px;
  }
}
.banner.banner--eight .banner__info {
  gap: 0.4375rem;
}
@media (max-width: 95.99875em) {
  .banner.banner--eight .banner__info {
    gap: 2.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--eight .banner__info {
    gap: 0rem;
  }
}
@media (max-width: 61.99875em) {
  .banner.banner--nine .banner__link {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    padding: 0.875rem 1.5rem;
  }
}
@media (any-hover: hover) {
  .banner.banner--nine .banner__link:hover {
    color: var(--color-whte);
    background: var(--color-alt);
  }
}
.banner.banner--nine .banner__inner {
  padding: 2rem;
}
@media (max-width: 61.99875em) {
  .banner.banner--nine .banner__inner {
    padding: 1rem;
  }
}
.banner.banner--nine .banner__content {
  max-width: 32.1875rem;
  gap: 1rem;
  min-height: 18.5rem;
}
@media (max-width: 61.99875em) {
  .banner.banner--nine .banner__content {
    max-width: 19.4375rem;
    min-height: 15.5rem;
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) {
  .banner.banner--nine .banner__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--nine .banner__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .banner.banner--nine .banner__text {
    max-width: 311px;
  }
  .banner.banner--nine .banner__text br {
    display: none;
  }
}
.banner.banner--nine .banner__info {
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .banner.banner--nine .banner__info {
    gap: 0.5rem;
    flex: none;
  }
}
.banner.banner--nine .banner__title {
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 100% */
  letter-spacing: -2px;
}
@media (max-width: 95.99875em) {
  .banner.banner--nine .banner__title {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 100% */
    letter-spacing: -2px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--nine .banner__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    letter-spacing: 0px;
  }
}
@media (max-width: 61.99875em) {
  .banner.banner--ten {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) {
  .banner.banner--ten .banner__inner {
    padding: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--ten .banner__inner {
    padding: 1rem;
  }
}
.banner.banner--ten .banner__content {
  min-height: 13.125rem;
}
@media (max-width: 95.99875em) {
  .banner.banner--ten .banner__content {
    max-width: 28.375rem;
    min-height: 12.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--ten .banner__content {
    min-height: 19.875rem;
  }
}
.banner.banner--ten .banner__info {
  gap: 1.625rem;
}
@media (max-width: 95.99875em) {
  .banner.banner--ten .banner__info {
    gap: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--ten .banner__info {
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) {
  .banner.banner--ten .banner__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--ten .banner__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
@media (max-width: 95.99875em) {
  .banner.banner--ten .banner__title {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 100% */
    letter-spacing: 0rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner.banner--ten .banner__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
  }
}
.banner.banner--eleven {
  padding: 1.5rem 0rem 0;
}
.banner.banner--eleven .banner__inner {
  padding: 0 !important;
}
.banner.banner--eleven .banner__img {
  position: relative;
  top: unset;
  left: unset;
}
.banner__department {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (max-width: 61.99875em) {
  .banner__department {
    flex: 1 1 auto;
  }
}
.banner__department-title {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  color: #8b96a3;
}
@media (max-width: 95.99875em) {
  .banner__department-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner__department-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
  }
}
.banner__department-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.banner__department-link {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 122.222% */
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .banner__department-link:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .banner__department-link {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.banner__logo {
  margin-left: -2.5rem;
}
@media (max-width: 95.99875em) {
  .banner__logo {
    margin-left: -2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner__logo {
    margin-left: -1rem;
  }
}
.banner__logo img,
.banner__logo picture {
  width: 31.6875rem;
  height: 13.5625rem;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media (max-width: 95.99875em) {
  .banner__logo img,
  .banner__logo picture {
    width: 26.4375rem;
    height: 11.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner__logo img,
  .banner__logo picture {
    width: 12.5rem;
    height: 3.75rem;
  }
}
.banner__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.banner__page {
  --size: 50px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-whte);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .banner__page:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .banner__page:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.banner__page::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 18px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.banner__inner {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  padding: 2.5rem;
  background: #ecf2fe;
}
@media (max-width: 61.99875em) {
  .banner__inner {
    padding: 0.9375rem 1rem;
  }
}
.banner__inner .banner__link {
  border: 1.5px solid #027ae0;
  background: #fff;
  max-width: max-content;
  padding: 0.8125rem 1.4375rem;
  color: #027ae0;
}
@media (any-hover: hover) {
  .banner__inner .banner__link:hover {
    background: var(--color-alt);
    border-color: var(--color-alt);
    color: var(--color-whte);
  }
}
@media (max-width: 61.99875em) {
  .banner__inner .banner__link {
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 150%; /* 15px */
    padding: 0.3125rem 1rem;
  }
}
.banner__content {
  position: relative;
  z-index: 1;
  min-height: 20rem;
  max-width: 37.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.3125rem;
  height: 100%;
}
@media (max-width: 61.99875em) {
  .banner__content {
    max-width: 25rem;
    min-height: 12.5rem;
  }
}
@media (max-width: 47.99875em) {
  .banner__content {
    max-width: calc(100% - 12.5rem);
    min-height: 8.125rem;
  }
}
@media (max-width: 29.99875em) {
  .banner__content {
    max-width: calc(100% - 8.1875rem);
  }
}
.banner__info {
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
  flex: 1 1 auto;
}
@media (max-width: 47.99875em) {
  .banner__info {
    gap: 0.25rem;
  }
}
.banner__title {
  font-size: 3rem;
  line-height: 100%; /* 100% */
  letter-spacing: -2px;
}
@media (max-width: 95.99875em) {
  .banner__title {
    font-size: 2.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner__title {
    font-size: 1.5625rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .banner__title {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 122.222%; /* 122.222% */
    letter-spacing: 0rem;
  }
}
.banner__text {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 47.99875em) {
  .banner__text {
    font-size: 0.8125rem;
    line-height: 115.385%; /* 115.385% */
  }
}
.banner__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner__img img,
.banner__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.services {
  padding-bottom: 4.375rem !important;
}
.services__inner {
  position: relative;
}
.services__inner .services__slider {
  position: static;
}
@media (max-width: 100em) {
  .services__inner .services__slider {
    overflow: visible;
  }
}
.services__inner .swiper-arrows {
  top: -0.3125rem;
}
.services__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  margin-bottom: 1.75rem;
}
@media (min-width: 61.99875em) {
  .services__top {
    max-width: calc(100% - 7rem);
  }
}
@media (max-width: 47.99875em) {
  .services__top {
    margin-bottom: 0.9375rem;
  }
}
.services__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .services__link:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 47.99875em) {
  .services__link {
    font-size: 0rem;
  }
  .services__link::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 17px;
    width: var(--size);
    height: var(--size);
    transform: translate(-0.125rem, 0.125rem);
  }
}
.services__slider .services__slide {
  height: auto;
  min-height: 11.25rem;
}
.services__slide {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  max-width: 32.9375rem;
  background: #f5f5f5;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .services__slide:hover {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08);
  }
  .services__slide:hover .services__slide-title {
    color: #1074ca;
  }
  .services__slide:hover .services__slide-link {
    color: #1074ca;
  }
  .services__slide:hover .services__slide-link::after {
    content: "";
    background: #1074ca;
  }
}
@media (max-width: 95.99875em) {
  .services__slide {
    max-width: 31.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services__slide {
    max-width: 14.125rem;
  }
}
.services__slide-content {
  position: relative;
  z-index: 2;
  padding: 1.5rem;
  max-width: calc(100% - 11.875rem);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
}
@media (max-width: 61.99875em) {
  .services__slide-content {
    max-width: 100%;
    padding: 1rem;
    padding-top: 8.625rem;
  }
}
.services__slide-title {
  flex: 1 1 auto;
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .services__slide-title {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 106.667%; /* 106.667% */
  }
}
.services__slide-link {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .services__slide-link {
    font-size: 0.9375rem;
    line-height: 133.333%; /* 133.333% */
  }
}
.services__slide-link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 12px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .services__slide-link::after {
    transform: translate(0, 0.0625rem);
  }
}
.services__slide-img {
  border-radius: 1rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;
}
@media (max-width: 61.99875em) {
  .services__slide-img {
    width: 100%;
  }
}
.services__slide-img img,
.services__slide-img picture {
  --size: 180px;
  width: var(--size);
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media (max-width: 61.99875em) {
  .services__slide-img img,
  .services__slide-img picture {
    width: 100%;
    height: 7.5rem;
  }
}
.services__slide-decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.services__slide-decor img,
.services__slide-decor picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media (max-width: 47.99875em) {
  .brands {
    padding-bottom: 3rem;
  }
}
.brands__inner {
  position: relative;
}
.brands__inner .brands__arrows {
  top: -0.3125rem;
}
.brands__inner .brands__slider {
  position: static;
}
@media (max-width: 61.99875em) {
  .brands__inner .brands__slider {
    overflow: visible;
  }
}
.brands__top {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  align-items: center;
  margin-bottom: 1rem;
}
@media (min-width: 61.99875em) {
  .brands__top {
    max-width: calc(100% - 7rem);
    margin-bottom: 1.75rem;
  }
}
.brands__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .brands__link:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 47.99875em) {
  .brands__link {
    font-size: 0rem;
  }
  .brands__link::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 17px;
    width: var(--size);
    height: var(--size);
    transform: translate(-0.125rem, 0.125rem);
  }
}
.brands__slide {
  background: #f7f7f7;
  border-radius: 0.5rem;
  overflow: hidden;
  max-width: 16.5rem;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .brands__slide:hover {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08);
  }
}
@media (max-width: 95.99875em) {
  .brands__slide {
    max-width: 15rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .brands__slide {
    max-width: 7.5rem;
  }
}
.brands__slide-img {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brands__slide-img img,
.brands__slide-img picture {
  width: 100%;
  height: 4.5rem;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  padding: 8px 15px;
  filter: saturate(0%);
}
@media (max-width: 61.99875em) {
  .brands__slide-img img,
  .brands__slide-img picture {
    height: 5rem;
    padding: 6px 7px;
  }
}
@media (max-width: 95.99875em) {
  .blog {
    padding-bottom: 5.125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .blog {
    padding-bottom: 3rem;
  }
}
.blog__container .account-text__info {
  width: 100%;
}
.blog__title {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .blog__title {
    margin-bottom: 0.875rem;
  }
}
.blog .tabs__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  margin-bottom: 1.375rem;
}
@media (max-width: 61.99875em) {
  .blog .tabs__top {
    margin-bottom: 1rem;
  }
}
.blog .tabs__navigation {
  border: 1px solid #e2e2e8;
  border-radius: 6.25rem;
  display: flex;
}
@media (min-width: 61.99875em) {
  .blog .tabs__navigation {
    gap: 0.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .blog .tabs__navigation {
    width: 100%;
  }
}
.blog .tabs__title {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  padding: 0.5625rem 1.25rem 0.6875rem;
  border-radius: 6.25rem;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .blog .tabs__title:hover {
    background: #f5f5f5;
  }
}
@media (max-width: 95.99875em) {
  .blog .tabs__title {
    padding: 0.5625rem 1.25rem 0.625rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .blog .tabs__title {
    padding: 0.5625rem 1.3125rem 0.5625rem;
    font-size: 0.9375rem;
    line-height: 133%; /* 125% */
  }
}
.blog .tabs__title._tab-active {
  background: var(--color-primary);
  color: var(--color-whte);
  pointer-events: none;
}
@media (any-hover: hover) {
  .blog .tabs__title._tab-active:hover {
    background: var(--color-primary);
  }
}
.blog .tabs__link {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
  flex-shrink: 0;
}
@media (any-hover: hover) {
  .blog .tabs__link:hover {
    color: var(--color-alt);
  }
  .blog .tabs__link:hover::after {
    content: "";
    background: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .blog .tabs__link {
    font-size: 0.875rem;
    line-height: 142.857%; /* 142.857% */
    padding: 0.875rem 1.25rem;
    margin: 1.0625rem auto 0rem;
    align-self: center;
    max-width: max-content;
    border: 1.5px solid #d2d2e5;
    border-radius: 6.25rem;
  }
}
@media (max-width: 29.99875em) {
  .blog .tabs__link {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.blog .tabs__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 12px;
  width: var(--size);
  height: var(--size);
  transform: translate(-0.125rem, 0.125rem);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .blog .tabs__link::after {
    display: none;
  }
}
.blog .tabs__inner {
  display: grid;
  grid-template-columns: 24.375rem auto;
  gap: 1.5rem;
  align-items: flex-start;
}
@media (max-width: 95.99875em) {
  .blog .tabs__inner {
    grid-template-columns: 21.25rem auto;
  }
}
@media (max-width: 95.99875em) and (max-width: 78.75em) {
  .blog .tabs__inner {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.blog .tabs__banner {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  --pad: 32px;
  padding: var(--pad);
  background: #ecf2ff;
}
@media (any-hover: hover) {
  .blog .tabs__banner:hover .tabs__banner-text {
    color: #1074ca;
  }
}
@media (min-width: 78.8125em) {
  .blog .tabs__banner {
    min-height: 29.8125rem;
  }
}
@media (max-width: 78.75em) {
  .blog .tabs__banner {
    padding: 1rem;
  }
}
@media (max-width: 78.75em) and (max-width: 37.5em) {
  .blog .tabs__banner {
    min-height: 26.25rem;
  }
}
.blog .tabs__banner-info {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .blog .tabs__banner-info {
    gap: 1.125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 78.75em) {
  .blog .tabs__banner-info {
    max-width: calc(100% - 18.75rem);
    gap: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .blog .tabs__banner-info {
    max-width: 100%;
  }
}
.blog .tabs__banner-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.blog .tabs__banner-title {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: rgba(11, 22, 35, 0.5);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.blog .tabs__banner-title::after {
  content: "";
  --size: 4px;
  width: var(--size);
  height: var(--size);
  background: rgba(11, 22, 35, 0.5);
  border-radius: 50%;
}
.blog .tabs__banner-date {
  color: rgba(11, 22, 35, 0.5);
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
}
.blog .tabs__banner-text {
  font-size: 1.75rem;
  line-height: 114.286%; /* 114.286% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .blog .tabs__banner-text {
    font-size: 1.5rem;
    line-height: 116.667%; /* 116.667% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .blog .tabs__banner-text {
    font-size: 1.375rem;
    line-height: 118.182%; /* 118.182% */
  }
}
.blog .tabs__banner-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog .tabs__banner-img img,
.blog .tabs__banner-img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.blog .tabs__banner-img:before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #f7f7f7;
  z-index: 0;
}
@media (min-width: 37.5625em) and (max-width: 78.8125em) {
  .blog .tabs__banner-img:before {
    display: block;
  }
}
.blog .tabs__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .blog .tabs__items {
    gap: 0.5rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 37.5em) {
  .blog .tabs__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog .tabs__item {
  border: 1.5px solid #e2e2e8;
  border-radius: 1rem;
  padding: 1rem;
  background: var(--color-whte);
  position: relative;
  min-height: 8.9375rem;
  transition: all 0.15s ease-in 0s;
}
.blog .tabs__item._hide {
  display: none;
}
@media (any-hover: hover) {
  .blog .tabs__item:hover {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08);
  }
  .blog .tabs__item:hover .tabs__item-text {
    color: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .blog .tabs__item {
    min-height: 18.0625rem;
  }
}
.blog .tabs__item-info {
  position: relative;
  z-index: 2;
  max-width: calc(100% - 9.0625rem);
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  height: 100%;
}
@media (max-width: 61.99875em) {
  .blog .tabs__item-info {
    padding-top: 10rem;
    max-width: 100%;
    gap: 1rem;
  }
}
.blog .tabs__item-top {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (min-width: 61.99875em) {
  .blog .tabs__item-top {
    flex: 1 1 auto;
  }
}
.blog .tabs__item-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #8b96a3;
}
.blog .tabs__item-title::after {
  content: "";
  background: #8b96a3;
  --size: 4px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
}
.blog .tabs__item-date {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #8b96a3;
}
.blog .tabs__item-text {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .blog .tabs__item-text br {
    display: none;
  }
}
@media (max-width: 95.99875em) {
  .blog .tabs__item-text {
    font-size: 1.125rem;
    line-height: 122.222%; /* 122.222% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .blog .tabs__item-text {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.blog .tabs__item-img {
  position: absolute;
  top: 0rem;
  right: 0rem;
  width: 8.75rem;
  height: 100%;
  border-radius: 0.875rem;
  overflow: hidden;
}
@media (max-width: 61.99875em) {
  .blog .tabs__item-img {
    width: 100%;
  }
}
.blog .tabs__item-img img,
.blog .tabs__item-img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media (max-width: 61.99875em) {
  .blog .tabs__item-img img,
  .blog .tabs__item-img picture {
    height: 10rem;
  }
}
@media (max-width: 95.99875em) {
  .news {
    padding-bottom: 4.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .news {
    padding-bottom: 3rem;
  }
}
@media (max-width: 61.99875em) {
  .news__container .news__slider {
    overflow: visible;
  }
}
.news__container .news__slide {
  padding: 1rem;
  border-radius: 1rem;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-height: 10.75rem;
  height: auto;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .news__container .news__slide:hover {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08);
  }
  .news__container .news__slide:hover .news__slide-link {
    color: var(--color-alt);
  }
  .news__container .news__slide:hover .news__slide-link::after {
    content: "";
    background: var(--color-alt);
  }
}
.news__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.875rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .news__top {
    align-items: center;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .news__top {
    margin-bottom: 1rem;
  }
}
.news__link {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
@media (max-width: 95.99875em) {
  .news__link {
    margin-top: 0.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .news__link {
    font-size: 0.875rem;
    line-height: 142.857%; /* 142.857% */
    padding: 0.875rem 1.25rem;
    margin: 1.0625rem auto 0rem;
    align-self: center;
    max-width: max-content;
    border: 1.5px solid #d2d2e5;
    border-radius: 6.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 29.99875em) {
  .news__link {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.news__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 12px;
  width: var(--size);
  height: var(--size);
  transform: translate(-0.125rem, 0.125rem);
}
@media (max-width: 95.99875em) {
  .news__link::after {
    --size: 15px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .news__link::after {
    display: none;
  }
}
@media (max-width: 37.5em) {
  .news__swiper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 61.99875em) {
  .news__slide {
    max-width: 17.5rem;
  }
}
@media (max-width: 37.5em) {
  .news__slide {
    max-width: 100% !important;
    width: 100% !important;
  }
}
.news__slide-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 1 auto;
}
.news__slide-date {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #8b96a3;
}
.news__slide-title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 61.99875em) {
  .news__slide-title {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.news__slide-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  transition: all 0.15s ease-in 0s;
}
.news__slide-link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 47.99875em) {
  .shop {
    padding-bottom: 3rem;
  }
}
.shop__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.shop__content {
  display: flex;
  flex-direction: column;
  gap: 1.03125rem;
}
.shop__text {
  text-overflow: ellipsis;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%; /* 150% */
  color: #677178;
}
.shop__text a {
  color: var(--color-primary);
  text-decoration: underline;
  font-weight: 400;
}
@media (any-hover: hover) {
  .shop__text a:hover {
    text-decoration: none;
  }
}
.shop__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition: all 0.15s ease-in 0s;
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .shop__link:hover {
    color: var(--color-alt);
  }
  .shop__link:hover::after {
    content: "";
    background: var(--color-alt);
  }
}
.shop__link span:nth-child(2) {
  display: none;
}
.shop__link._active {
  color: var(--color-alt);
}
.shop__link._active::after {
  content: "";
  transform: rotate(180deg);
  background: var(--color-alt);
}
.shop__link._active span:nth-child(1) {
  display: none;
}
.shop__link._active span:nth-child(2) {
  display: flex;
}
.shop__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 15px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.quest {
  position: fixed;
  top: var(--top);
  left: 0;
  z-index: 4;
  width: 100%;
  background: var(--color-whte);
  transition: all 0.15s ease-in 0s;
  opacity: 0;
  pointer-events: none;
  padding-bottom: 1rem;
}
@media (min-width: 61.99875em) {
  .quest {
    display: none;
  }
}
.category {
  padding-bottom: 3.9375rem;
}
@media (max-width: 61.99875em) {
  .category {
    padding-bottom: 2.1875rem;
  }
}
.category__text {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  margin-bottom: 4rem;
}
@media (max-width: 61.99875em) {
  .category__text {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
}
.category__title {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}
.category__title span {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .category__title span {
    display: none;
  }
}
.category__title.category__title--two {
  margin-bottom: 1.5rem;
}
.category__constructor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
  margin-bottom: 1rem;
}
@media (min-width: 61.99875em) {
  .category__constructor {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .category__constructor {
    display: none;
  }
}
.category__specify {
  margin-top: 1.375rem;
  margin-bottom: 1.9375rem;
  display: flex;
  gap: 1.25rem;
}
@media (max-width: 61.99875em) {
  .category__specify {
    flex-direction: column;
    margin-top: 0.9375rem;
    margin-bottom: 1.6875rem;
  }
}
.category__constructor-sort {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 142.857%; /* 142.857% */
}
.category__constructor-sort::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.category__constructor-filter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 142.857%; /* 142.857% */
}
.category__constructor-filter::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.category__specify-title {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-top: 0.5rem;
}
@media (max-width: 61.99875em) {
  .category__specify-title {
    display: none;
  }
}
.category__specify-filter {
  display: flex;
  gap: 1.5rem;
}
.category__specify-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .category__specify-items {
    gap: 0.25rem;
  }
}
@media (max-width: 61.99875em) {
  .category__specify-items {
    flex-wrap: nowrap;
    overflow: auto;
    max-height: 100% !important;
    margin: 0rem -1rem;
    padding: 0rem 1rem;
  }
}
@media (min-width: 61.99875em) {
  .category__specify-items {
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
  }
}
.category__specify-items .category__specify-btn {
  margin-top: 0rem;
}
.category__specify-item span.checkbox__text._active {
  border: 1.5px solid var(--color-alt);
  gap: 0.4375rem;
}
.category__specify-item span.checkbox__text._active::after {
  --size: 10px;
}
.category__specify-item .checkbox__text {
  font-size: 0.875rem;
  line-height: 142.857%; /* 142.857% */
  padding: 0.375rem 0.9375rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .category__specify-item .checkbox__text {
    padding: 0.3125rem 0.9375rem;
  }
}
.category__specify-item .checkbox__text::after {
  content: "";
  background: url(/local/templates/opticvision/static/output/../img/close.svg) 0 0/contain no-repeat;
  --size: 0px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .category__specify-item .checkbox__text:hover {
    border: 1.5px solid rgba(126, 126, 135, 0.9529411765);
  }
}
.category__specify-item .checkbox__label {
  padding: 0rem;
}
.category__specify-item .checkbox__label::before {
  content: "";
  display: none;
}
.category__specify-item .checkbox__label::after {
  content: "";
  display: none;
}
.category__specify-btn {
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  margin-top: 0.3125rem;
  color: var(--color-alt);
  transition: all 0.15s ease-in 0s;
  cursor: pointer;
}
@media (any-hover: hover) {
  .category__specify-btn:hover {
    text-decoration: underline;
  }
}
.category__specify-btn._active {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 61.99875em) {
  .category__specify-btn {
    display: none;
  }
}
.category__inner {
  display: grid;
  grid-template-columns: 20rem auto;
  gap: 1.875rem;
  align-items: flex-start;
}
@media (max-width: 61.99875em) {
  .category__inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 0rem;
  }
}
.category__aside {
  border-radius: 1rem;
  background: #f2f5f7;
  padding: 1.5rem;
}
@media (max-width: 61.99875em) {
  .category__aside {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    overflow: auto;
    transition: all 0.15s ease-in 0s;
    background: var(--color-whte);
    z-index: 50;
    padding: 0rem 1rem;
  }
}
.category__aside form {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 47.99875em) {
  .category__content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
}
.category__content .category__showmore {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding: 0.875rem 1.5rem;
  margin-bottom: 2rem;
  cursor: pointer;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .category__content .category__showmore {
    margin-bottom: 1.25rem;
  }
}
.category__content .category__showmore:hover {
  color: var(--color-whte);
  background: var(--color-alt);
}
.category__content .category__showmore._disabled {
  color: var(--color-primary);
  background: #f5f5f5;
  pointer-events: none;
}
.category__sorts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3.0625rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .category__sorts {
    gap: 1.25rem;
  }
}
@media (max-width: 61.99875em) {
  .category__sorts {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    background: var(--color-whte);
    z-index: 5;
    padding: 1.25rem 1rem;
    margin-bottom: 0rem;
    border-radius: 1rem 1rem 0 0;
    transition: all 0.15s ease-in 0s;
  }
}
@media (max-width: 47.99875em) {
  .category__sorts {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem !important;
  }
}
.category__sort {
  margin-bottom: 0rem !important;
}
.category__sort .checkbox__input:checked + .checkbox__label .checkbox__text {
  color: var(--color-primary);
}
.category__sort .checkbox__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
  transition: all 0.15s ease-in 0s;
}
@media (min-width: 61.99875em) {
  .category__sort .checkbox__label {
    padding: 0rem;
  }
}
@media (max-width: 61.99875em) {
  .category__sort .checkbox__label::before {
    content: "";
    top: 0.125rem;
  }
  .category__sort .checkbox__label::after {
    content: "";
    top: 0.3125rem;
  }
}
@media (min-width: 61.99875em) {
  .category__sort .checkbox__label::before {
    content: "";
    display: none;
  }
  .category__sort .checkbox__label::after {
    content: "";
    display: none;
  }
}
@media (any-hover: hover) {
  .category__sort:hover .checkbox__text {
    color: var(--color-primary);
  }
}
.category__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.category__cards .container-card-product {
  order: 18;
}
.category__cards .container-card-product:nth-child(1) {
  order: 1;
}
.category__cards .container-card-product:nth-child(2) {
  order: 2;
}
.category__cards .container-card-product:nth-child(3) {
  order: 3;
}
.category__cards .container-card-product:nth-child(4) {
  order: 4;
}
.category__cards .container-card-product:nth-child(5) {
  order: 5;
}
.category__cards .container-card-product:nth-child(6) {
  order: 6;
}
.category__cards .container-card-product:nth-child(7) {
  order: 7;
}
.category__cards .container-card-product:nth-child(8) {
  order: 8;
}
.category__cards .banner-category--point {
  order: 4;
}
.category__cards .banner-category--two {
  order: 7;
}
.category__cards .banner-category--record {
  order: 8;
}
@media (max-width: 95.99875em) {
  .category__cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .category__cards .banner-category--point {
    order: 2;
  }
  .category__cards .banner-category--two {
    order: 4;
  }
  .category__cards .banner-category--record {
    order: 5;
  }
}
@media (max-width: 95.99875em) and (max-width: 79.9375em) {
  .category__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 62em) {
  .category__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .category__cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 47.99875em) {
  .category__cards .banner-category--point {
    order: 3;
  }
}
@media (max-width: 61.99875em) {
  .category__cards .category__card {
    max-width: 100%;
  }
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__tags {
    --pad: 10px;
    max-width: 80%;
  }
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__favorites {
    --pad: 0;
    right: 0;
    padding: 10px;
  }
  .category__cards .category__card .card-product__favorites::before {
    content: "";
    --size: 20px;
  }
  .category__cards .category__card .card-product__favorites::after {
    content: "";
    --size: 20px;
    top: 10px;
    left: 10px;
  }
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__img {
    border-radius: 0.9375rem;
    overflow: hidden;
    margin-bottom: 0.75rem;
    flex: 0 0 10.625rem;
  }
}
.category__cards .category__card .card-product__img img,
.category__cards .category__card .card-product__img picture {
  /*@media (max-width: $tablet) {
      aspect-ratio: 164 / 170;
      height: rem(170);
  }*/
}
.category__cards .category__card .card-product__content {
  gap: 0rem;
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__content {
    padding: 0rem;
    border: none;
  }
}
.category__cards .category__card .card-product__content .card-product__constructor {
  margin-bottom: 0.75rem;
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__content .card-product__constructor {
    margin-bottom: 0.3125rem;
  }
}
.category__cards .category__card .card-product__content .card-product__title {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__content .card-product__title {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 114.286%; /* 114.286% */
    margin-bottom: 1rem;
  }
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__content .card-product__btn {
    padding: 0.5rem;
  }
}
.category__cards .category__card .card-product__content .card-product__prices {
  margin-bottom: 1.75rem;
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__content .card-product__prices {
    margin-bottom: 0.6875rem;
  }
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__content .card-product__prices .card-product__price {
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 61.99875em) {
  .category__cards .category__card .card-product__content .card-product__prices .card-product__price.card-product__price--old {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 115.385%; /* 115.385% */
    letter-spacing: -0.182px;
    margin-bottom: 0.125rem;
  }
}
.category__cards.category__cards--two {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding-top: 16px;
}
@media (max-width: 95.99875em) {
  .category__cards.category__cards--two {
    grid-template-columns: repeat(3, 1fr);
    padding-top: 4px;
  }
}
@media (max-width: 95.99875em) and (max-width: 69.99875em) {
  .category__cards.category__cards--two {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 69.99875em) and (max-width: 61.99875em) {
  .category__cards.category__cards--two {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 69.99875em) and (max-width: 47.99875em) {
  .category__cards.category__cards--two {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .acuvue-account__card {
    max-width: 100%;
    border-radius: 0px;
  }
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .acuvue-account__card .card-product__tags {
    top: 11px;
    left: 9px;
  }
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .acuvue-account__card .card-product__favorites {
    --pad: 10px;
    right: var(--pad);
  }
  .category__cards.category__cards--two .acuvue-account__card .card-product__favorites::before {
    content: "";
    --size: 20px;
  }
  .category__cards.category__cards--two .acuvue-account__card .card-product__favorites::after {
    content: "";
    --size: 20px;
  }
}
.category__cards.category__cards--two .card-product__content {
  gap: 0px;
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .card-product__content {
    padding: 0px;
    border: none;
    gap: 4px;
  }
}
.category__cards.category__cards--two .card-product__content .card-product__title {
  margin-bottom: 24px;
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .card-product__content .card-product__title {
    margin-bottom: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 114.286% */
  }
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .card-product__content .card-product__price {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
  }
}
.category__cards.category__cards--two .card-product__content .card-product__prices {
  margin-bottom: 28px !important;
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .card-product__content .card-product__prices {
    gap: 10px;
    margin-bottom: 4px !important;
  }
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .card-product__content .card-product__btn {
    padding: 8px;
  }
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .card-product__content .card-product__price--old {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px; /* 115.385% */
    letter-spacing: -0.182px;
  }
}
.category__cards.category__cards--two .card-product__content .card-product__prices {
  margin-bottom: 14px;
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .card-product__content .card-product__prices {
    margin-bottom: 9px;
  }
}
@media (max-width: 61.99875em) {
  .category__cards.category__cards--two .card-product__img {
    margin-bottom: 12px;
  }
}
.category__cards.category__cards--two .card-product__img img,
.category__cards.category__cards--two .card-product__img picture {
  height: 308px;
}
@media (max-width: 95.99875em) {
  .category__cards.category__cards--two .card-product__img img,
  .category__cards.category__cards--two .card-product__img picture {
    height: 288px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .category__cards.category__cards--two .card-product__img img,
  .category__cards.category__cards--two .card-product__img picture {
    border-radius: 12px;
    aspect-ratio: 1/1;
    height: auto;
  }
}
.category .form__product {
  width: 100%;
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 0.75rem 0rem;
  background: var(--color-whte);
}
@media (min-width: 61.99875em) {
  .category .form__product {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .category .form__product {
    display: none;
  }
}
.category .form__result {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.category .form__showmore {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .category .form__showmore {
    max-height: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    visibility: visible !important;
  }
}
.category .form__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  position: sticky;
  top: 0;
  left: 0;
  background: var(--color-whte);
  z-index: 2;
  padding: 1.0625rem 0rem;
}
@media (min-width: 61.99875em) {
  .category .form__top {
    display: none;
  }
}
.category .form__top-close {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.category .form__top-close::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 15px;
  width: var(--size);
  height: var(--size);
}
.category .form__top-reset {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  color: var(--color-alt);
}
.category .form__inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .category .form__inner {
    padding-top: 0.875rem;
  }
}
@media (max-width: 61.99875em) {
  .category .form__fieldset {
    border-bottom: 1px solid #e2e2e8;
    padding-bottom: 0.375rem;
  }
}
.category .form__fieldset-inputs {
  margin-top: 0.625rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .category .form__fieldset-inputs {
    margin-bottom: 1.0625rem;
  }
}
.category .form__fieldset-inputs .form__fieldset-label {
  position: absolute;
  top: 50%;
  left: 1.25rem;
  transform: translateY(-50%);
}
.category .form__fieldset-inputs .form__fieldset-input {
  position: relative;
}
.category .form__fieldset-inputs .form__fieldset-input .input {
  padding-left: 2.5625rem;
  height: 2.75rem;
}
.category .form__btns {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 61.99875em) {
  .category .form__btns {
    display: none;
  }
}
.category .form__btns .form__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.category .form__btns .form__btn._active span:nth-child(1) {
  display: none;
}
.category .form__btns .form__btn._active span:nth-child(2) {
  display: flex;
}
.category .form__btns .form__btn span:nth-child(2) {
  display: none;
}
.category .form .form__clear {
  margin-top: 0.5rem;
  background: #f2f5f7;
  width: 100%;
  position: sticky;
  bottom: 1.5rem;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.15s ease-in 0s;
  height: 0rem;
  overflow: hidden;
  visibility: hidden;
}
@media (max-width: 61.99875em) {
  .category .form .form__clear {
    display: none !important;
    position: static;
    background: #fff;
  }
  .category .form .form__clear::before {
    display: none;
  }
  .category .form .form__clear button {
    background: #fff;
  }
}
.category .form .form__clear._active {
  opacity: 1;
  pointer-events: all;
  height: auto;
  visibility: visible;
  overflow: visible;
  display: flex;
}
.category .form .form__clear::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  height: calc(100% + 3rem);
  background: #f2f5f7;
  z-index: -1;
}
.category .form .form__reset {
  color: #027ae0;
  border: 1.5px solid #d2d2e5;
  background: #f2f5f7;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .category .form .form__reset:hover {
    border: 1.5px solid var(--color-alt);
  }
}
.category .form .form__reset::before {
  content: "";
  background: #027ae0;
}
.category .form__fieldset-top {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 61.99875em) {
  .category .form__fieldset-top {
    padding-bottom: 0.75rem;
  }
}
.category .form .form__fieldset-search {
  margin-top: 0.625rem;
}
@media (max-width: 61.99875em) {
  .category .form .form__fieldset-search {
    margin-bottom: 0.75rem;
  }
}
.category .form .form__fieldset-search .form__fieldset-input {
  position: relative;
}
.category .form .form__fieldset-search .form__fieldset-icon {
  position: absolute;
  top: 55%;
  left: 1.0625rem;
  transform: translate(0, -50%);
}
@media (any-hover: hover) {
  .category .form .form__fieldset-search .form__fieldset-icon:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.category .form .form__fieldset-search .form__fieldset-icon::before {
  content: "";
  --size: 16px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #c8c8c8;
  transition: all 0.15s ease-in 0s;
}
.category .form .form__fieldset-search .input {
  height: 2.75rem;
  padding-left: 2.6875rem;
}
.category .form .form__fieldset-search .input::placeholder {
  color: #c8c8c8;
}
.category .form .form__fieldset-search .input::-webkit-search-cancel-button {
  transform: translate(0, -0.0625rem);
}
.category .form__fieldset-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.15s ease-in 0s;
}
.category .form__fieldset-title.js-spoller {
  position: relative;
}
@media (max-width: 61.99875em) {
  .category .form__fieldset-title.js-spoller {
    padding-right: 2.5rem;
    padding-bottom: 0.75rem;
  }
  .category .form__fieldset-title.js-spoller::after {
    content: "";
    position: absolute;
    top: 30%;
    right: 0.3125rem;
    transform: translate(0, -50%);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 10px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.15s ease-in 0s;
  }
  .category .form__fieldset-title.js-spoller._active::after {
    content: "";
    transform: translate(0, -50%) rotate(180deg);
  }
}
.category .form__fieldset-title.form__fieldset-title--icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.category .form__fieldset-title.form__fieldset-title--icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-error);
  --size: 20px;
  width: var(--size);
  height: var(--size);
}
.category .form__fieldset-clue {
  display: flex;
  justify-content: center;
  align-items: center;
}
.category .form__fieldset-clue::before {
  content: "";
  mask: var(--clue) center center/contain no-repeat;
  -webkit-mask: var(--clue) center center/contain no-repeat;
  background: #677178;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.category .form__fieldset-sale .checkbox__input:checked + .checkbox__label::after {
  left: 1.125rem;
}
@media (max-width: 61.99875em) {
  .category .form__fieldset-sale .checkbox__input:checked + .checkbox__label::after {
    left: 1.3125rem;
  }
}
.category .form__fieldset-sale .checkbox__label {
  display: flex;
  padding: 0rem;
  width: 2.25rem;
  height: 1.25rem;
}
@media (max-width: 61.99875em) {
  .category .form__fieldset-sale .checkbox__label {
    width: 3.1875rem;
    height: 1.9375rem;
  }
}
.category .form__fieldset-sale .checkbox__label::before {
  content: "";
  top: 0;
  left: 0;
  width: 2.25rem;
  height: 1.25rem;
  flex: 0 0 2.25rem;
  border-radius: 0.75rem;
  background: #cfdbe7;
}
@media (max-width: 61.99875em) {
  .category .form__fieldset-sale .checkbox__label::before {
    width: 3.1875rem;
    height: 1.9375rem;
    flex: 0 0 3.1875rem;
    border-radius: 2rem;
  }
}
.category .form__fieldset-sale .checkbox__label::after {
  content: "";
  top: 0.125rem;
  left: 0.125rem;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-whte);
  transform: scale(1);
  opacity: 1;
}
@media (max-width: 61.99875em) {
  .category .form__fieldset-sale .checkbox__label::after {
    --size: 27px;
  }
}
.category .form__fieldset-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.1875rem;
}
@media (max-width: 61.99875em) {
  .category .form__fieldset-content {
    padding-bottom: 0.75rem;
  }
}
.category .form__fieldset-body {
  margin-top: 0.75rem;
  max-height: 17.8125rem;
  overflow: auto;
}
@media (max-width: 61.99875em) {
  .category .form__fieldset-body {
    margin-top: 0rem;
    padding-bottom: 0.1875rem;
  }
}
.category .form__fieldset-body::-webkit-scrollbar {
  width: 4px;
  height: 180px;
}
.category .form__fieldset-body::-webkit-scrollbar-track {
  background: transparent;
}
.category .form__fieldset-body::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.category .form__fieldset-checkboxs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.category .form__fieldset-checkbox {
  margin-bottom: 0rem !important;
  transition: all 0.15s ease-in 0s;
}
.category .form__fieldset-checkbox .checkbox__text {
  transition: all 0.15s ease-in 0s;
}
.category .form__fieldset-checkbox.disabled {
  opacity: 0.5;
  cursor: default !important;
}
.category .form__fieldset-checkbox.disabled .checkbox__text {
  cursor: default !important;
}
@media (any-hover: hover) {
  .category .form__fieldset-checkbox:hover:not(.disabled) .checkbox__text {
    color: var(--color-alt);
  }
}
.category .form__fieldset-showmore {
  padding-bottom: 0.125rem;
}
.category .form__fieldset-btn {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--color-alt);
  transition: all 0.15s ease-in 0s;
  cursor: pointer;
}
.category .form__fieldset-btn::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 10px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
  transform: translate(0, 0.125rem);
}
.category .form__fieldset-btn span:nth-child(2) {
  display: none;
}
.category .form__fieldset-btn._active {
  margin-top: 0.3125rem;
}
.category .form__fieldset-btn._active::after {
  transform: rotate(180deg) translate(0, -0.125rem);
}
.category .form__fieldset-btn._active span:nth-child(1) {
  display: none;
}
.category .form__fieldset-btn._active span:nth-child(2) {
  display: flex;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5625rem;
}
@media (max-width: 29.99875em) {
  .pagination {
    justify-content: space-between;
  }
}
.pagination__arrow::before {
  content: "";
  --size: 12px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .pagination__arrow:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.pagination__arrow.pagination__arrow--disabled {
  pointer-events: none;
}
.pagination__arrow.pagination__arrow--disabled::before {
  content: "";
  background: rgb(200, 200, 200);
}
.pagination__list {
  display: flex;
  gap: 0.125rem;
}
.pagination__item {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 133.333%; /* 133.333% */
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .pagination__item:hover {
    color: var(--color-alt);
  }
}
.pagination__item.active {
  border: 1.5px solid #e2e2e8;
  pointer-events: none;
}
@media (any-hover: hover) {
  .pagination__item.active:hover {
    color: var(--color-primary);
  }
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tip] {
  position: relative;
  display: inline-block;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  color: var(--color-primary);
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  overflow: visible;
  background-color: var(--color-whte);
  border-radius: 4px;
  outline: 0;
  line-height: 120%; /* 16.8px */
  transition-property: transform, visibility, opacity;
  border-radius: 8px;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  position: absolute;
  top: -15px !important;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid var(--color-whte);
  background: transparent;
}
.tippy-content {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding: 0.5rem 0.75rem;
  background: var(--color-primary);
  border-radius: 0.5rem;
  color: var(--color-whte);
  max-width: 305px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 15px; /* 115.385% */
}
.tippy-content span {
  text-transform: none;
  letter-spacing: -0.07px;
  font-size: 14px;
  line-height: 140%; /* 19.6px */
  display: block;
  margin-top: 6px;
}
.category {
  padding-top: 2rem;
}
@media (max-width: 61.99875em) {
  .category {
    padding-top: 1.5rem;
  }
}
.category__nothing {
  max-width: 19rem;
  text-align: center;
  margin: 5.625rem auto;
}
.category__nothing-img {
  margin-bottom: 1rem;
}
.category__nothing-img img,
.category__nothing-img picture {
  width: 8.375rem;
  height: 6.5625rem;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}
.category__nothing-title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  margin-bottom: 0.5rem;
  color: #252c32;
}
.category__nothing-text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #252c32;
}
.category__sale .category__cards {
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 95.99875em) {
  .category__sale .category__cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 79.9375em) {
  .category__sale .category__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 62em) {
  .category__sale .category__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .category__sale .category__cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.category__sale .block-title {
  margin-bottom: 2rem;
}
.category__container {
  position: relative;
}
.catalog-preloader {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.69);
  display: none;
}
.catalog-preloader._active {
  display: flex;
}
.catalog-preloader:before {
  content: "";
  background-position: center;
  background-image: url("/local/templates/opticvision/static/img/preloader.svg");
  background-repeat: no-repeat;
  position: sticky;
  z-index: 1;
  background-size: 64px;
  width: 64px;
  height: 64px;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  margin: 40px 0;
}
.clean-filter {
  cursor: pointer;
}
.popular {
  padding-bottom: 3.875rem;
}
@media (max-width: 61.99875em) {
  .popular {
    padding-bottom: 2.5rem;
  }
}
.popular__title {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .popular__title {
    margin-bottom: 1.1875rem;
  }
}
.popular .spollers {
  border-radius: 1.5rem;
  border: 0.0625rem solid #e2e2e8;
}
@media (max-width: 61.99875em) {
  .popular .spollers {
    border-radius: 1rem;
  }
}
.popular .spollers__item {
  border-bottom: 0.0625rem solid #e2e2e8;
  padding-bottom: 1.0625rem;
}
@media (max-width: 61.99875em) {
  .popular .spollers__item {
    padding-bottom: 0rem;
  }
}
.popular .spollers__item:last-child {
  border-bottom: none;
}
.popular .spollers__title {
  padding: 2.0625rem 2rem 1rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  font-weight: 400;
  letter-spacing: 0rem;
  cursor: pointer;
}
@media (any-hover: hover) {
  .popular .spollers__title:hover span {
    background: var(--color-primary);
  }
  .popular .spollers__title:hover span::before {
    content: "";
    transform: rotate(0deg);
    background: var(--color-whte);
  }
}
@media (max-width: 61.99875em) {
  .popular .spollers__title {
    border-bottom: none;
    padding: 1rem 1rem 1rem;
    font-size: 1.25rem;
    line-height: 100%; /* 100% */
  }
  .popular .spollers__title::after {
    content: "";
    display: none;
  }
}
.popular .spollers__title._spoller-active span {
  background: var(--color-primary);
}
.popular .spollers__title._spoller-active span::before {
  content: "";
  transform: rotate(0deg);
  background: var(--color-whte);
}
.popular .spollers__title span {
  --size: 40px;
  flex: 0 0 var(--size);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f5f7;
  transition: all 0.15s ease-in 0s;
}
.popular .spollers__title span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transform: rotate(45deg);
}
.popular .spollers__body {
  padding: 0rem;
}
.popular .spollers__content {
  padding: 0rem 2rem 0.9375rem;
}
@media (max-width: 61.99875em) {
  .popular .spollers__content {
    padding: 0rem 1rem 1.0625rem;
  }
}
.popular .spollers__content ul li {
  position: relative;
  padding-left: 1.4rem;
}
.popular .spollers__content ul li:before {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0.3125rem;
  --size: 12px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 0.1875rem solid var(--color-alt);
}
.popular .spollers__content-title {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  margin-bottom: 0.9375rem;
}
@media (max-width: 61.99875em) {
  .popular .spollers__content-title {
    margin-bottom: 0.5rem;
  }
}
.popular .spollers__content-list {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
@media (max-width: 61.99875em) {
  .popular .spollers__content-list {
    gap: 0.625rem;
  }
}
.popular .spollers__content-item {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  padding-left: 1.9375rem;
  position: relative;
}
@media (max-width: 61.99875em) {
  .popular .spollers__content-item {
    padding-left: 1.6875rem;
  }
}
.popular .spollers__content-item::before {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0.3125rem;
  --size: 12px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 0.1875rem solid var(--color-alt);
}
.authorization {
  padding: 1.625rem 0rem 5rem;
}
.authorization__title {
  margin-bottom: 2rem;
}
.authorization__inner {
  display: grid;
  grid-template-columns: 29.5625rem auto;
  gap: 4.875rem;
  align-items: flex-start;
}
@media (max-width: 95.99875em) {
  .authorization__inner {
    gap: 0.9375rem;
    grid-template-columns: 31.75rem auto;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .authorization__inner {
    display: flex;
    flex-direction: column-reverse;
    min-width: 0;
    gap: 1.875rem;
  }
}
.authorization__inner .authorization__slider {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 61.99875em) {
  .authorization__inner .authorization__slider {
    display: none;
  }
}
@media (any-hover: hover) {
  .authorization__inner .authorization__slider:hover .authorization__arrows {
    opacity: 1;
  }
}
.authorization__inner .authorization__slider .authorization__slide {
  height: auto;
}
@media (max-width: 61.99875em) {
  .authorization__content {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
.authorization__content-text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-bottom: 1.5rem;
}
.authorization .tabs__navigation {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 0.09375rem solid #e2e2e8;
  margin-bottom: 1.625rem;
}
.authorization .tabs__navigation.tabs__navigation--two {
  grid-template-columns: repeat(2, 1fr);
}
.authorization .tabs__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  position: relative;
  padding-bottom: 1rem;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .authorization .tabs__title:hover {
    color: #1794ff;
  }
}
.authorization .tabs__title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0rem;
  height: 0.09375rem;
  background: #1794ff;
  transition: all 0.15s ease-in 0s;
}
.authorization .tabs__title._tab-active::before {
  content: "";
  width: 100%;
}
.authorization .form__home {
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: #027ae0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}
@media (any-hover: hover) {
  .authorization .form__home:hover {
    text-decoration: underline;
  }
}
.authorization .form__letter {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.authorization .form__letter span {
  display: block;
  font-weight: 500;
}
.authorization .form__info {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #677178;
  margin-bottom: 1rem;
}
.authorization .form__items {
  margin-bottom: 1.0625rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.authorization .form__items._error .input {
  border-color: #ef4343;
}
.authorization .form__items._true .input {
  border-color: #10b77f;
}
.authorization .form__item-input .form__wrong {
  margin-top: 8px;
}
.authorization .form__wrong {
  font-size: 0.875rem;
  line-height: 142.857%; /* 142.857% */
  color: #ef4343;
  transition: all 0.15s ease-in 0s;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
  transition: all 0.15s ease-in 0s;
}
.authorization .form__wrong::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #ef4343;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.authorization .form__wrong._true {
  color: #10b77f;
}
.authorization .form__wrong._true::before {
  content: "";
  background: #10b77f;
}
.authorization .form__item .form__item-input--password [type=password] {
  font-size: 0.625rem;
  transition: all 0s ease-in 0s;
}
.authorization .form__item-top {
  margin-bottom: 0.5625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
}
.authorization .form__item-link {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  color: #027ae0;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .authorization .form__item-link:hover {
    text-decoration: underline;
  }
}
.authorization .form__item-label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  position: relative;
}
.authorization .form__item-label span {
  position: absolute;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  top: -0.25rem;
  right: -0.5625rem;
  color: #027ae0;
}
.authorization .form__item-input .input {
  padding: 0.6875rem 0.9375rem 0.8125rem;
  height: 3rem;
  cursor: pointer;
}
.authorization .form__item-input .input::placeholder {
  color: #c8c8c8;
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
}
.authorization .form__item-input.form__item-input--password {
  position: relative;
}
.authorization .form__item-input.form__item-input--password input {
  transition: all 0s ease-in 0s !important;
}
.authorization .form__item-input.form__item-input--password._password::after {
  content: "";
  opacity: 1;
}
.authorization .form__item-input.form__item-input--password._password::before {
  content: "";
  opacity: 0;
}
.authorization .form__item-input.form__item-input--password::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  background: url("/local/templates/opticvision/static/output/../img/22.svg") center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
  pointer-events: none;
  cursor: pointer;
}
.authorization .form__item-input.form__item-input--password::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  background: url("/local/templates/opticvision/static/output/../img/21.svg") center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  pointer-events: none;
  transition: all 0.15s ease-in 0s;
  opacity: 0;
  cursor: pointer;
}
.authorization .form__checkboxs {
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
  margin-bottom: 2.9375rem;
}
.authorization .form__checkbox .checkbox__text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 142.857%; /* 142.857% */
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .authorization .form__checkbox .checkbox__text:hover {
    color: var(--color-alt);
  }
  .authorization .form__checkbox .checkbox__text:hover a {
    text-decoration: underline;
  }
}
.authorization .form__checkbox .checkbox__text a {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .authorization .form__checkbox .checkbox__text a:hover {
    text-decoration: none;
  }
}
.authorization .form__cap {
  margin-bottom: 1.5rem;
}
.authorization .form__btns {
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 37.5em) {
  .authorization .form__btns {
    flex-direction: column;
  }
}
.authorization .form__btns.form__btns--two {
  margin-top: 2rem;
}
.authorization .form__btns .form__btn[disabled] {
  background: #f5f5f5;
  color: #c8c8c8;
  pointer-events: none;
}
.authorization .form__btns .form__btn {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding: 0.8125rem 1.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.authorization .form__btns .form__btn.form__btn--two {
  border: 1.5px solid #027ae0;
  color: #027ae0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
}
@media (any-hover: hover) {
  .authorization .form__btns .form__btn.form__btn--two:hover {
    background: #027ae0;
    color: var(--color-whte);
  }
}
.authorization .form__social {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.authorization .form__social-title {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #8b96a3;
}
.authorization .form__social-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.authorization .form__social-item {
  display: flex;
  justify-content: center;
  align-items: center;
  --size: 56px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  border: 0.0625rem solid #e2e2e8;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .authorization .form__social-item:hover {
    border: 0.0625rem solid var(--color-alt);
  }
}
.authorization .form__social-item img,
.authorization .form__social-item picture {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  object-fit: cover;
}
.banner-authorization {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
}
.banner-authorization__img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-authorization__img img,
.banner-authorization__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.banner-authorization__content {
  position: relative;
  z-index: 2;
  max-width: 26.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  height: 100%;
  min-height: 29.25rem;
}
@media (max-width: 95.99875em) {
  .banner-authorization__content {
    min-height: 31.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-authorization__content {
    min-height: 16.125rem;
  }
}
.banner-authorization__title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 100%; /* 100% */
  color: var(--color);
  flex: 1 1 auto;
}
@media (max-width: 95.99875em) {
  .banner-authorization__title {
    font-size: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner-authorization__title {
    font-size: 1.5rem;
  }
}
.banner-authorization__bottom {
  display: flex;
  align-items: center;
  gap: 1.3125rem;
  margin-left: -0.375rem;
}
@media (max-width: 95.99875em) {
  .banner-authorization__bottom {
    margin-left: 0rem;
  }
}
.banner-authorization__sale {
  font-size: 5.875rem;
  font-weight: 700;
  line-height: normal;
  color: var(--color);
}
@media (max-width: 95.99875em) {
  .banner-authorization__sale {
    font-size: 5.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner-authorization__sale {
    font-size: 2.5rem;
  }
}
.banner-authorization__text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 100%; /* 100% */
  color: var(--color);
}
@media (max-width: 95.99875em) {
  .banner-authorization__text {
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: normal;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner-authorization__text {
    font-size: 0.875rem;
  }
}
.code-form__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
  text-align: center;
}
.code-form__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.code-form__text span {
  font-weight: 500;
}
.code-form__error {
  font-size: 0.875rem;
  line-height: 142.857%; /* 142.857% */
  color: #ef4343;
  transition: all 0.15s ease-in 0s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-top: 0.625rem;
}
.code-form__error::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #ef4343;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.code-form__inputs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.code-form__inputs._error .input {
  border-color: #ef4343;
}
.code-form__inputs .input {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  padding: 0.3125rem;
  text-align: center;
  cursor: pointer;
}
.code-form__request {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.code-form__again {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  cursor: pointer;
}
.code-form__again span {
  color: #027ae0;
}
.code-form__btn {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: var(--color-alt);
  transition: all 0.15s ease-in 0s;
  cursor: pointer;
}
@media (any-hover: hover) {
  .code-form__btn:hover {
    text-decoration: underline;
  }
}
.authorization__arrows {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0.875rem;
  width: calc(100% - 1.75rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.15s ease-in 0s;
  opacity: 0;
  pointer-events: none;
}
.authorization__arrow {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  background: var(--color-whte);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in 0s;
  pointer-events: all;
  box-shadow: 0px 1px 20px 0px rgba(126, 126, 126, 0.08);
}
.authorization__arrow::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.authorization__arrow.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
@media (any-hover: hover) {
  .authorization__arrow:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.authorization__pagging {
  position: absolute;
  bottom: 1.0625rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  z-index: 2;
}
.authorization__pagging .swiper-pagination-bullet {
  cursor: pointer;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.15s ease-in 0s;
}
.authorization__pagging .swiper-pagination-bullet-active {
  background: var(--color-whte);
}
.merchandise {
  padding: 1.625rem 0rem 3.625rem;
}
@media (max-width: 61.99875em) {
  .merchandise {
    padding: 1.625rem 0rem 5rem;
  }
}
@media (max-width: 47.99875em) {
  .merchandise {
    padding: 1.3125rem 0rem 1.5rem;
  }
}
.merchandise__subtitle {
  font-size: 28px;
  line-height: 114.286%; /* 114.286% */
  margin-bottom: 24px;
}
@media (max-width: 61.99875em) {
  .merchandise__subtitle {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 116.667% */
  }
}
@media (max-width: 61.99875em) and (max-width: 47.99875em) {
  .merchandise__subtitle {
    margin-bottom: 0;
  }
}
.merchandise__body {
  display: grid;
  grid-template-columns: auto 30rem;
  gap: 3rem;
  align-items: flex-start;
}
@media (max-width: 106.25em) {
  .merchandise__body {
    grid-template-columns: auto 26.875rem;
    gap: 1.875rem;
  }
}
@media (max-width: 106.25em) and (max-width: 85.37375em) {
  .merchandise__body {
    grid-template-columns: auto 22.8125rem;
    gap: 1.5rem;
  }
}
@media (max-width: 106.25em) and (max-width: 61.99875em) {
  .merchandise__body {
    grid-template-columns: auto 18.75rem;
    gap: 1.25rem;
  }
}
@media (max-width: 106.25em) and (max-width: 47.99875em) {
  .merchandise__body {
    grid-template-columns: 1fr;
  }
}
.merchandise__content {
  display: grid;
  grid-template-columns: 32.9375rem 1fr;
  gap: 3.75rem;
  align-items: flex-start;
}
@media (max-width: 106.25em) {
  .merchandise__content {
    grid-template-columns: 28.9375rem 1fr;
    gap: 1.5rem;
  }
}
@media (max-width: 106.25em) and (max-width: 1279px) {
  .merchandise__content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 106.25em) and (max-width: 61.99875em) {
  .merchandise__content {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.merchandise__sliders {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 85.37375em) {
  .merchandise__sliders {
    gap: 0.625rem;
  }
}
.merchandise__sliders .merchandise__slider {
  position: relative;
  aspect-ratio: 527/296;
}
.merchandise__sliders .merchandise__slider .merchandise__pagging {
  position: absolute;
  bottom: 0.625rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  z-index: 2;
}
@media (max-width: 47.99875em) {
  .merchandise__sliders .merchandise__slider .merchandise__pagging {
    display: none;
  }
}
.merchandise__sliders .merchandise__slider .merchandise__pagging .swiper-pagination-bullet {
  cursor: pointer;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-whte);
  transition: all 0.15s ease-in 0s;
}
.merchandise__sliders .merchandise__slider .merchandise__pagging .swiper-pagination-bullet-active {
  background: var(--color-bleBlack);
}
@media (min-width: 47.99875em) {
  .merchandise__sliders .merchandise__slider .merchandise__pagging {
    display: none;
  }
}
.merchandise__sliders .merchandise__slider .merchandise__slide-img.merchandise__slide-img--icon {
  position: relative;
}
@media (any-hover: hover) {
  .merchandise__sliders .merchandise__slider .merchandise__slide-img.merchandise__slide-img--icon:hover img,
  .merchandise__sliders .merchandise__slider .merchandise__slide-img.merchandise__slide-img--icon:hover picture {
    transform: scale(1.1);
  }
}
.merchandise__sliders .merchandise__slider .merchandise__slide-img.merchandise__slide-img--icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/local/templates/opticvision/static/output/../img/35.svg") center center/contain no-repeat;
  --size: 72px;
  width: var(--size);
  height: var(--size);
  z-index: 23;
  pointer-events: none;
  transition: all 0.15s ease-in 0s;
}
.merchandise__sliders .merchandise__thumbs {
  position: static;
}
@media (max-width: 47.99875em) {
  .merchandise__sliders .merchandise__thumbs {
    display: none;
  }
}
.merchandise__sliders .merchandise__participant {
  position: absolute;
  --pad: 10px;
  bottom: var(--pad);
  right: var(--pad);
  z-index: 2;
}
.merchandise__sliders .merchandise__participant img,
.merchandise__sliders .merchandise__participant picture {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 6.25rem;
}
.merchandise__tags {
  height: 19px !important;
  margin-top: 6px;
  z-index: 2;
  border-radius: 0rem !important;
  --pad: 10px !important;
  flex-direction: row !important;
}
@media (max-width: 61.99875em) {
  .merchandise__tags {
    margin-top: 0;
  }
}
.merchandise__tags .card-product__tag {
  --pad: 10px;
  align-self: center;
}
.merchandise__slide-img {
  height: 100%;
  border-radius: 1rem;
  overflow: hidden;
}
.merchandise__slide-img img,
.merchandise__slide-img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 1rem;
  transition: all 0.15s ease-in 0s;
}
.merchandise__thumbs {
  max-width: calc(100% - 2.9375rem);
}
@media (max-width: 85.37375em) {
  .merchandise__thumbs {
    max-width: calc(100% - 4.5rem);
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .merchandise__thumbs {
    max-width: calc(100% - 3rem);
  }
}
.merchandise__thumbs .merchandise__slide {
  width: 119px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 85.37375em) {
  .merchandise__thumbs .merchandise__slide {
    width: 7.5625rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .merchandise__thumbs .merchandise__slide {
    width: 4.875rem;
  }
}
@media (any-hover: hover) {
  .merchandise__thumbs .merchandise__slide:hover .merchandise__slide-img::before {
    content: "";
    opacity: 1;
  }
}
.merchandise__thumbs .merchandise__slide.swiper-slide-thumb-active .merchandise__slide-img::before {
  content: "";
  opacity: 1;
}
.merchandise__thumbs .merchandise__slide-img {
  position: relative;
  padding: 0.1875rem;
  border-radius: 0.5rem !important;
  overflow: hidden;
}
@media (max-width: 85.37375em) {
  .merchandise__thumbs .merchandise__slide-img {
    padding: 0.3125rem;
  }
}
.merchandise__thumbs .merchandise__slide-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
  border: 0.140625rem solid var(--color-alt);
  transition: all 0.15s ease-in 0s;
  opacity: 0;
}
.merchandise__thumbs .merchandise__slide-img img,
.merchandise__thumbs .merchandise__slide-img picture {
  width: 108px;
  height: 60px;
  border-radius: 0.5rem;
}
@media (max-width: 85.37375em) {
  .merchandise__thumbs .merchandise__slide-img img,
  .merchandise__thumbs .merchandise__slide-img picture {
    width: 7.5625rem;
    height: 4.1875rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .merchandise__thumbs .merchandise__slide-img img,
  .merchandise__thumbs .merchandise__slide-img picture {
    width: 4.5rem;
    height: 2.5rem;
  }
}
.merchandise__thumbs .merchandise__slide-img.merchandise__slide-img--icon {
  position: relative;
}
.merchandise__thumbs .merchandise__slide-img.merchandise__slide-img--icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/local/templates/opticvision/static/output/../img/34.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  z-index: 23;
}
.merchandise__arrows {
  position: absolute;
  bottom: 1.5625rem;
  left: 0;
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 85.37375em) {
  .merchandise__arrows {
    bottom: 32px;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .merchandise__arrows {
    bottom: 0.8125rem;
  }
}
.merchandise__arrow {
  pointer-events: all;
}
.merchandise__arrow::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  background: #677178;
  transition: all 0.15s ease-in 0s;
}
.merchandise__arrow.swiper-button-disabled {
  pointer-events: none;
}
.merchandise__arrow.swiper-button-disabled::before {
  content: "";
  opacity: 0;
}
@media (any-hover: hover) {
  .merchandise__arrow:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.merchandise__inner {
  width: 100%;
}
.merchandise__tabs-navigation {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 6.25rem;
  border: 0.0625rem solid #e2e2e8;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .merchandise__tabs-navigation {
    margin-bottom: 1rem;
  }
}
.merchandise__tabs-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding: 0.6875rem 1.5rem;
  border-radius: 6.25rem;
  transition: all 0.15s ease-in 0s;
  white-space: nowrap;
}
@media (max-width: 95.99875em) {
  .merchandise__tabs-title {
    font-size: 0.875rem;
    padding: 0.8125rem 0.6875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .merchandise__tabs-title {
    font-size: 1rem;
    padding: 0.6875rem 0.6875rem;
  }
  .merchandise__tabs-title span {
    display: none;
  }
}
.merchandise__tabs-title._tab-active {
  background: var(--color-primary);
  color: var(--color-whte);
}
@media (any-hover: hover) {
  .merchandise__tabs-title._tab-active:hover {
    color: var(--color-whte);
  }
}
@media (any-hover: hover) {
  .merchandise__tabs-title:hover {
    color: var(--color-alt);
  }
}
.merchandise__tabs-inner {
  margin-bottom: 1.125rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 85.37375em) {
  .merchandise__tabs-inner {
    gap: 2rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .merchandise__tabs-inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
.merchandise__tabs-category {
  margin-bottom: 1.5rem;
}
.merchandise__tabs-link {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  color: #1794ff;
  margin-bottom: 1.75rem;
  padding-left: 0.125rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .merchandise__tabs-link {
    margin-bottom: 2.25rem;
  }
}
@media (any-hover: hover) {
  .merchandise__tabs-link:hover {
    color: var(--color-primary);
  }
  .merchandise__tabs-link:hover::before {
    content: "";
    background: var(--color-primary);
  }
}
.merchandise__tabs-link::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: #1794ff;
  transition: all 0.15s ease-in 0s;
}
.merchandise__tabs-all {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 133.333%; /* 133.333% */
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  color: rgb(2, 122, 224);
  margin-bottom: 1.875rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .merchandise__tabs-all {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
@media (any-hover: hover) {
  .merchandise__tabs-all:hover::after {
    content: "";
    transform: translate(0.3125rem, 0rem);
  }
}
.merchandise__tabs-all::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 12px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: rgb(2, 122, 224);
  transition: all 0.15s ease-in 0s;
  margin-top: 3px;
}
.merchandise__tabs-items {
  padding: 1.5rem;
  border-radius: 1.5rem;
  background: #ecf2fe;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .merchandise__tabs-items {
    padding: 1rem;
    border-radius: 1rem;
  }
}
.merchandise__tabs-items ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.merchandise__tabs-item {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
  position: relative;
  padding-left: 1.75rem;
  /*@media (any-hover: hover) {
  	&:hover {
  		color: cl(alt);
  	}
  }*/
}
@media (max-width: 95.99875em) {
  .merchandise__tabs-item {
    font-size: 0.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .merchandise__tabs-item {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.merchandise__tabs-item a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .merchandise__tabs-item a:hover {
    text-decoration: none;
  }
}
.merchandise__tabs-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color);
}
.merchandise__tabs-subtitle {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  margin-bottom: 0.5rem;
}
.merchandise__tabs-popup {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  gap: 0.5rem;
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  color: #027ae0;
}
.merchandise__tabs-popup::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #027ae0;
  --size: 12px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
  transform: translate(0rem, 0.125rem);
}
@media (any-hover: hover) {
  .merchandise__tabs-popup:hover::after {
    content: "";
    transform: translate(0.3125rem, 0.125rem);
  }
}
.merchandise__block {
  position: relative;
}
@media (max-width: 61.99875em) {
  .top-merchandise .top-merchandise__title {
    font-size: 1.5rem;
    line-height: 116.667%; /* 116.667% */
    margin-bottom: 1rem;
  }
}
.top-merchandise__title {
  margin-bottom: 1.6875rem;
  font-weight: 500;
}
.top-merchandise__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 0.8125rem;
}
@media (max-width: 61.99875em) {
  .top-merchandise__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.top-merchandise__constructor {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.top-merchandise__stars {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
@media (max-width: 47.99875em) {
  .top-merchandise__star {
    display: none;
  }
  .top-merchandise__star:first-child {
    display: block;
  }
}
.top-merchandise__star::before {
  content: "";
  --size: 13px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color);
}
.top-merchandise__value {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  color: #8b96a3;
}
.top-merchandise__links {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.top-merchandise__links.top-merchandise__links--two .top-merchandise__link {
  position: relative;
}
.top-merchandise__links.top-merchandise__links--two .top-merchandise__link::after {
  content: "";
  position: absolute;
  top: calc(100% + 0rem);
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: #8b96a3;
}
.top-merchandise__links.top-merchandise__links--two .top-merchandise__link::before {
  content: "";
  display: none;
}
.top-merchandise__link {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  color: #8b96a3;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .top-merchandise__link:hover {
    color: var(--color-alt);
  }
  .top-merchandise__link:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.top-merchandise__link::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: #8b96a3;
  transition: all 0.15s ease-in 0s;
}
.top-merchandise__btns {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-right: 0.3125rem;
  transform: translate(0, -0.25rem);
}
.top-merchandise__btn {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #8b96a3;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 47.99875em) {
  .top-merchandise__btn {
    font-size: 0.875rem;
  }
}
@media (any-hover: hover) {
  .top-merchandise__btn:hover {
    color: var(--color-alt);
  }
  .top-merchandise__btn:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.top-merchandise__btn::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
  background: #8b96a3;
}
@media (max-width: 47.99875em) {
  .top-merchandise__btn::before {
    --size: 18px;
  }
}
.top-merchandise__btn.top-merchandise__btn--favorites {
  padding-left: 2rem;
}
@media (max-width: 47.99875em) {
  .top-merchandise__btn.top-merchandise__btn--favorites {
    padding-left: 1.75rem;
  }
}
.top-merchandise__btn.top-merchandise__btn--favorites::before {
  content: "";
  background: var(--icon) center center/contain no-repeat !important;
  position: absolute;
  top: 0;
  left: 0;
}
.top-merchandise__btn.top-merchandise__btn--favorites::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #fc3c30;
  transition: all 0.15s ease-in 0s;
  transform: scale(0);
}
@media (max-width: 47.99875em) {
  .top-merchandise__btn.top-merchandise__btn--favorites::after {
    --size: 18px;
  }
}
.top-merchandise__btn.top-merchandise__btn--favorites._active {
  color: var(--color-alt);
}
.top-merchandise__btn.top-merchandise__btn--favorites._active::before {
  content: "";
}
.top-merchandise__btn.top-merchandise__btn--favorites._active::after {
  content: "";
  transform: scale(1);
}
@media (any-hover: hover) {
  .top-merchandise__btn.top-merchandise__btn--favorites:hover::before {
    content: "";
  }
  .top-merchandise__btn.top-merchandise__btn--favorites:hover::after {
    content: "";
    transform: scale(1);
  }
}
.merchandise-row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .merchandise-row {
    gap: 0.5rem;
  }
}
.merchandise-row__title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
}
@media (any-hover: hover) {
  .merchandise-row__column:hover .merchandise-row__column-label {
    color: var(--color-alt);
  }
  .merchandise-row__column:hover .select {
    border-color: var(--color-alt);
  }
}
.merchandise-row__column._active .merchandise-row__column-label {
  color: var(--color-alt);
}
.merchandise-row__column._active .select {
  border-color: var(--color-alt);
}
.merchandise-row__column-select .select {
  border-bottom: 0.0625rem solid #e1e7ef;
  padding-bottom: 0.3125rem;
  transition: border-color 0.15s ease-in 0s;
}
.merchandise-row__column-select .select__options {
  border-radius: 0.5rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  background: var(--color-whte);
  padding: 0.25rem;
  top: calc(100% + 0.5625rem);
}
.merchandise-row__column-select .select__scroll::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}
.merchandise-row__column-select .select__scroll::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.merchandise-row__column-select .select__scroll::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.merchandise-row__column-select .select__scroll {
  scrollbar-width: thin; /* Устанавливает ширину полосы прокрутки */
  scrollbar-color: #e2e2e8 white; /* Цвет бегунка и трека */
}
.merchandise-row__column-select .select__option {
  padding: 0.375rem 0.25rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .merchandise-row__column-select .select__option:hover {
    background: #f5f5f5;
  }
}
.merchandise-row__column-select .select__option._active {
  color: var(--color-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.merchandise-row__column-select .select__option._active::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/31.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.merchandise-row__column-select .select__option.none {
  color: #8b96a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}
.merchandise-row__column-select .select__option.none::after {
  content: "Нет в наличии";
  font-size: 0.6875rem;
  line-height: 136.364%; /* 136.364% */
  color: #fc5230;
}
.merchandise-row__column-select .select__content {
  flex: 1 1 auto;
  height: 1.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.merchandise-row__column-select .select__value::after {
  content: "";
  margin-right: 0.125rem;
  margin-bottom: 0.0625rem;
}
.merchandise-row__column-label {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #677178;
  display: inline-flex;
  margin-bottom: 0.1875rem;
  transition: all 0.15s ease-in 0s;
}
.info-merchandise {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: sticky;
  top: 0rem;
  left: 0;
}
.info-merchandise__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .info-merchandise__content {
    gap: 0rem;
    border-radius: 1rem;
    background: #f6f9ff;
  }
}
.info-merchandise__map {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  padding: 1.5rem;
  border-radius: 1.5rem;
  background: #f6f9ff;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 85.37375em) {
  .info-merchandise__map {
    padding: 1rem 0.75rem;
    border-radius: 1rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .info-merchandise__map {
    padding-top: 0rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .info-merchandise__map {
    padding: 16px;
    padding-top: 0rem;
  }
}
.info-merchandise__map a {
  text-decoration: underline;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .info-merchandise__map a:hover {
    text-decoration: none;
    color: var(--color-alt);
  }
}
.info-merchandise__map span {
  --size: 54px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color-whte);
  border-radius: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.75rem;
}
@media (max-width: 85.37375em) {
  .info-merchandise__map span {
    --size: 40px;
    margin-right: 0.25rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 47.99875em) {
  .info-merchandise__map span {
    --size: 48px;
  }
}
.info-merchandise__map span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 30px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 85.37375em) {
  .info-merchandise__map span::before {
    --size: 24px;
  }
}
.info-merchandise__map button {
  text-decoration: underline;
}
.basket-info {
  padding: 1.5rem;
  border-radius: 1.5rem;
  background: #f6f9ff;
}
@media (max-width: 85.37375em) {
  .basket-info {
    padding: 1rem;
    border-radius: 1rem;
  }
}
.basket-info.basket-info--two .basket-info__prices {
  margin-bottom: 0px;
}
.basket-info__content {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.basket-info__package {
  font-size: 18px;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  letter-spacing: -0.252px;
  color: #8b96a3;
}
@media (max-width: 95.99875em) {
  .basket-info__package {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
    letter-spacing: -0.224px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .basket-info__package {
    margin-top: 4px;
  }
}
.basket-info__subtitle {
  font-size: 16px;
  line-height: 125%; /* 125% */
  color: #677178;
  margin-bottom: 12px;
}
@media (max-width: 95.99875em) {
  .basket-info__subtitle {
    font-size: 14px;
    line-height: 20px; /* 142.857% */
    margin-bottom: 8px;
  }
}
.basket-info__checkboxs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 20px;
}
@media (max-width: 95.99875em) {
  .basket-info__checkboxs {
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 4px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .basket-info__checkboxs {
    margin-bottom: 8px;
  }
}
.basket-info__checkboxs .checkbox__input:checked + .checkbox__label {
  border: 1.5px solid #027ae0;
}
.basket-info__checkboxs .checkbox__label {
  padding-left: 0px;
  background: var(--color-whte);
  padding: 6px 7px 9px;
  border-radius: 12px;
  border: 1.5px solid #e2e2e8;
  width: 100%;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .basket-info__checkboxs .checkbox__label:hover {
    border: 1.5px solid #027ae0;
  }
}
@media (max-width: 95.99875em) {
  .basket-info__checkboxs .checkbox__label {
    padding: 4px 7px 6px;
  }
}
.basket-info__checkboxs .checkbox__label::before {
  content: "";
  display: none;
}
.basket-info__checkboxs .checkbox__label::after {
  content: "";
  display: none;
}
.basket-info__checkboxs .checkbox__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  text-align: center;
  width: 100%;
}
.basket-info__checkboxs .checkbox__text span {
  font-size: 13px;
  font-weight: 400;
  line-height: 115.385%; /* 115.385% */
  color: #8b96a3;
  display: block;
  margin-top: 4px;
}
@media (max-width: 95.99875em) {
  .basket-info__checkboxs .checkbox__text span {
    font-size: 12px;
    line-height: 15px; /* 125% */
    margin-top: 3px;
  }
}
.basket-info__checkbox {
  position: relative;
}
.basket-info__checkbox.basket-info__checkbox--hot::before {
  content: "";
  position: absolute;
  --pad: -12px;
  top: var(--pad);
  right: var(--pad);
  background: url("/local/templates/opticvision/static/output/../img/code/105.png") center center/contain no-repeat;
  --size: 26px;
  width: var(--size);
  height: var(--size);
  z-index: 2;
}
@media (max-width: 61.99875em) {
  .basket-info__checkbox.basket-info__checkbox--hot::before {
    --pad: -6px;
    --size: 20px;
  }
}
.basket-info__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
@media (max-width: 85.37375em) {
  .basket-info__info {
    gap: 13px;
    margin-bottom: 16px;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .basket-info__info {
    margin-bottom: 10px;
  }
}
.basket-info__prices {
  display: flex;
  align-items: flex-end;
  gap: 0.25rem;
  margin-bottom: 1.5625rem;
}
@media (max-width: 61.99875em) {
  .basket-info__prices {
    margin-bottom: 1rem;
  }
}
.basket-info__price {
  font-size: 1.75rem;
  line-height: 114.286%; /* 114.286% */
}
@media (max-width: 95.99875em) {
  .basket-info__price {
    font-size: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .basket-info__price {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 116.667%; /* 116.667% */
  }
}
.basket-info__price.basket-info__price--old {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  letter-spacing: -0.252px;
  color: #8b96a3;
}
@media (max-width: 95.99875em) {
  .basket-info__price.basket-info__price--old {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.basket-info__btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 85.37375em) {
  .basket-info__btns {
    grid-template-columns: repeat(1, 1fr);
    display: flex;
    flex-direction: column-reverse;
    gap: 0.25rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 47.99875em) {
  .basket-info__btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 29.99875em) {
  .basket-info__btns {
    display: flex;
    flex-direction: column-reverse;
  }
}
.basket-info__btns .basket-info__link {
  color: #027ae0;
  border-radius: 6.25rem;
  border: 1.5px solid #027ae0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375rem;
  padding: 0.75rem;
}
@media (any-hover: hover) {
  .basket-info__btns .basket-info__link:hover {
    background: var(--color-alt);
    border-color: var(--color-alt);
    color: var(--color-whte);
  }
}
.basket-info__btns .basket-info__btn {
  font-size: 0.9375rem;
  gap: 0.75rem !important;
}
@media (max-width: 61.99875em) {
  .basket-info__btns .basket-info__btn {
    padding: 0.9375rem 1.5rem;
  }
}
.basket-info__btns.basket-info__btns--two {
  grid-template-columns: repeat(1, 1fr) !important;
}
.basket-info__btn._active {
  display: none !important;
}
.basket-info__quantity {
  display: none !important;
}
.basket-info__quantity._active {
  display: flex !important;
}
.payment-info {
  padding: 1.5rem;
  border-radius: 1.5rem;
  background: #f6f9ff;
  position: relative;
}
.payment-info::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translate(0, -50%);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  display: none;
}
@media (max-width: 85.37375em) {
  .payment-info {
    padding: 1.125rem 1rem 0.9375rem;
    border-radius: 1rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .payment-info::before {
    content: "";
    display: flex;
  }
}
.payment-info__top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 61.99875em) {
  .payment-info__top {
    padding-right: 1.875rem;
  }
}
.payment-info__price {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
}
@media (max-width: 85.37375em) {
  .payment-info__price {
    font-size: 20px;
  }
}
@media (max-width: 85.37375em) and (max-width: 47.99875em) {
  .payment-info__price {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 109.091% */
  }
}
.payment-info__title {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.payment-info__text {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #8b96a3;
}
@media (min-width: 61.99875em) {
  .payment-info__text {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 61.99875em) {
  .payment-info__text {
    padding-right: 1.875rem;
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.payment-info__checkboxs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 85.37375em) {
  .payment-info__checkboxs {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .payment-info__checkboxs {
    display: none;
  }
}
@media (any-hover: hover) {
  .payment-info__checkbox:hover .checkbox__text {
    color: var(--color-primary);
  }
}
.payment-info__checkbox .checkbox__input:checked + .checkbox__label .checkbox__text {
  color: var(--color-primary);
}
.payment-info__checkbox .checkbox__text {
  margin-top: 0.8125rem;
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  max-width: calc(100% - 0.9375rem);
  color: #8b96a3;
  transition: all 0.15s ease-in 0s;
}
.payment-info__checkbox .checkbox__label {
  padding: 0rem;
  gap: 0rem;
  width: 100%;
}
.payment-info__checkbox .checkbox__label::before {
  content: "";
  width: 100%;
  height: 0.375rem;
  border-radius: 6.25rem;
  top: 0;
  left: 0;
  border: none;
}
.payment-info__checkbox .checkbox__label::after {
  content: "";
  display: none;
}
.payment-info__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.875rem;
}
.payment-info__bottom .payment-info__link {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
}
@media (max-width: 61.99875em) {
  .payment-info__bottom {
    display: none;
  }
}
.payment-info__clue {
  transform: translate(0, 0.1875rem);
}
.payment-info__clue::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.spollers-info__spollers {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.spollers-info__spollers .spollers__item {
  padding: 1.5rem;
  border-radius: 1.5rem;
  background: #f6f9ff;
}
@media (max-width: 85.37375em) {
  .spollers-info__spollers .spollers__item {
    padding: 1rem 1.25rem 1rem 0.75rem;
    border-radius: 1rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 47.99875em) {
  .spollers-info__spollers .spollers__item {
    padding: 16px;
  }
}
.spollers-info__spollers .spollers__item .spollers__body {
  padding-top: 0rem;
}
.spollers-info__spollers .spollers__item .spollers__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding-top: 0.5rem;
}
.spollers-info__spollers .spollers__item .spollers__row .spollers__column {
  display: flex;
  flex-direction: column;
}
@media (min-width: 61.99875em) {
  .spollers-info__spollers .spollers__item .spollers__row .spollers__column:not(:last-child) {
    padding-right: 0.5rem;
    border-right: 0.0625rem solid #e2e2e8;
  }
}
.spollers-info__spollers .spollers__item .spollers__row .spollers__column .spollers__column-title {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  margin-bottom: 0.25rem;
  flex: 1 1 auto;
}
@media (max-width: 95.99875em) {
  .spollers-info__spollers .spollers__item .spollers__row .spollers__column .spollers__column-title {
    max-width: 80px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .spollers-info__spollers .spollers__item .spollers__row .spollers__column .spollers__column-title {
    max-width: 100%;
  }
}
.spollers-info__spollers .spollers__item .spollers__row .spollers__column .spollers__column-price {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
.spollers-info__spollers .spollers__item .spollers__row .spollers__column .spollers__column-text {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: rgb(139, 150, 163);
}
.spollers-info__spollers .spollers__item .spollers__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.25rem;
  position: relative;
  cursor: pointer;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .spollers-info__spollers .spollers__item .spollers__title {
    padding: 0rem;
    border-bottom: none;
  }
}
@media (max-width: 61.99875em) and (max-width: 47.99875em) {
  .spollers-info__spollers .spollers__item .spollers__title {
    justify-content: flex-start;
  }
}
@media (any-hover: hover) {
  .spollers-info__spollers .spollers__item .spollers__title:hover {
    color: var(--color-alt);
  }
}
.spollers-info__spollers .spollers__item .spollers__title._spoller-active::before {
  content: "";
  transform: rotate(180deg) translate(0, 50%);
}
.spollers-info__spollers .spollers__item .spollers__title::after {
  content: "";
  display: none;
}
.spollers-info__spollers .spollers__item .spollers__title::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0.125rem;
  margin-top: 0.125rem;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .spollers-info__spollers .spollers__item .spollers__title::before {
    --size: 13px;
  }
}
.spollers-info__spollers .spollers__item .spollers__title span {
  --size: 54px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 0.75rem;
  background: var(--color-whte);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.75rem;
}
@media (max-width: 85.37375em) {
  .spollers-info__spollers .spollers__item .spollers__title span {
    --size: 40px;
    margin-right: 0.25rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 47.99875em) {
  .spollers-info__spollers .spollers__item .spollers__title span {
    --size: 48px;
  }
}
.spollers-info__spollers .spollers__item .spollers__title span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 30px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 85.37375em) {
  .spollers-info__spollers .spollers__item .spollers__title span::before {
    --size: 24px;
  }
}
.spollers-info__spollers .spollers__item .spollers__title a {
  text-decoration: underline;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .spollers-info__spollers .spollers__item .spollers__title a:hover {
    text-decoration: none;
    color: var(--color-alt);
  }
}
.category-merchandise__items {
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 47.99875em) {
  .category-merchandise__items {
    gap: 18px;
  }
}
.category-merchandise__item {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  padding-bottom: 0.75rem;
  border-bottom: 0.0625rem solid #e2e2e8;
}
@media (max-width: 47.99875em) {
  .category-merchandise__item {
    padding-bottom: 15px;
  }
}
.category-merchandise__item a {
  color: rgb(2, 122, 224);
}
.category-merchandise__title {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
}
@media (max-width: 47.99875em) {
  .category-merchandise__title {
    font-size: 0.8125rem;
    line-height: 115.385%; /* 115.385% */
  }
}
.category-merchandise__text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  white-space: nowrap;
}
@media (max-width: 47.99875em) {
  .category-merchandise__text {
    font-size: 0.875rem;
    line-height: 120%; /* 142.857% */
    white-space: normal;
    text-align: right;
  }
}
.lenses-merchandise__form {
  margin-bottom: 1.5rem;
}
.lenses-merchandise__title {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #677178;
  margin-bottom: 0.5rem;
}
.lenses-merchandise__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
}
.lenses-merchandise .checkbox__input:checked + .checkbox__label .checkbox__text {
  background: #e2e2e8;
}
.lenses-merchandise .checkbox__label {
  padding-left: 0rem;
}
.lenses-merchandise .checkbox__label::before, .lenses-merchandise .checkbox__label::after {
  content: "";
  display: none;
}
.lenses-merchandise .checkbox__text {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 0.0625rem solid #e2e2e8;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 133.333%; /* 133.333% */
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .lenses-merchandise .checkbox__text:hover {
    background: #e2e2e8;
  }
}
.frame-merchandise {
  margin-bottom: 1.5rem;
}
.frame-merchandise__title {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #677178;
  margin-bottom: 0.5625rem;
}
.frame-merchandise__title span {
  color: #0b1623;
}
.frame-merchandise__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 0.125rem;
}
.frame-merchandise .checkbox__input:checked + .checkbox__label::before {
  opacity: 1;
  background: transparent;
}
.frame-merchandise .checkbox__label {
  padding-left: 0rem;
  padding: 0.1875rem;
}
.frame-merchandise .checkbox__label::before {
  content: "";
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 0.5rem;
  border: 0.09375rem solid #1794ff;
  opacity: 0;
  transition: all 0.15s ease-in 0s;
}
.frame-merchandise .checkbox__label::after {
  content: "";
  display: none;
}
@media (any-hover: hover) {
  .frame-merchandise .checkbox__label:hover::before {
    opacity: 1;
  }
}
.frame-merchandise .checkbox__img img,
.frame-merchandise .checkbox__img picture {
  width: 4.5rem;
  height: 2.5rem;
  border-radius: 0.3125rem;
  object-fit: cover;
}
.party-info {
  border-radius: 1.5rem;
  border: 0.0625rem solid #d4dbe8;
  background: var(--color-whte);
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 85.37375em) {
  .party-info {
    padding: 1rem;
    border-radius: 1rem;
  }
}
.party-info__content {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: #8b96a3;
}
@media (max-width: 85.37375em) {
  .party-info__content {
    font-size: 0.75rem;
  }
}
.party-info__content b {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
  color: var(--color-primary);
}
@media (max-width: 85.37375em) {
  .party-info__content b {
    font-size: 0.875rem;
  }
}
.party-info__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-ble);
}
@media (max-width: 61.99875em) {
  .party-info__text {
    font-size: 0.9375rem;
  }
}
.party-info__text b {
  font-weight: 500;
}
.party-info__text span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-ble);
  transform: translate(0rem, 0.125rem);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.party-info__coupon {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: var(--color-whte);
  padding-right: 0.875rem;
}
@media (max-width: 85.37375em) {
  .party-info__coupon {
    font-size: 0.625rem;
    padding-right: 0.3125rem;
  }
}
.party-info__info {
  padding: 0.125rem;
  border-radius: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(90deg, #475cb9 0%, #2dafe5 100%);
}
.party-info__info span {
  --size: 36px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: var(--color-whte);
}
.party-info__info span::before {
  content: "";
  background: var(--icon) center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
}
.package-merchandise {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: 16px;
  border-top: 1.5px solid #e2e2e8;
}
@media (max-width: 61.99875em) {
  .package-merchandise {
    position: sticky;
    bottom: 0;
    z-index: 5;
    width: 100%;
    left: 0;
    padding: 12px 24px;
    background: var(--color-whte);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
    border: none;
  }
}
.package-merchandise .package-merchandise__link {
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 52px;
}
@media (max-width: 61.99875em) {
  .package-merchandise .package-merchandise__link {
    padding: 13px 24px;
  }
}
.package-merchandise .package-merchandise__link::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-whte);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.package-merchandise__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.package-merchandise__title {
  font-size: 13px;
  line-height: 115.385%; /* 115.385% */
  color: #677178;
}
@media (max-width: 38.75em) {
  .package-merchandise__title {
    display: none;
  }
}
.package-merchandise__prices {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
@media (max-width: 38.75em) {
  .package-merchandise__prices {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.package-merchandise__price {
  font-size: 28px;
  line-height: 114.286%; /* 114.286% */
  white-space: nowrap;
}
@media (max-width: 38.75em) {
  .package-merchandise__price {
    font-size: 22px;
    font-weight: 500;
    line-height: 24px; /* 109.091% */
  }
}
.package-merchandise__price.package-merchandise__price--old {
  font-size: 18px;
  font-weight: 500;
  line-height: 133.333%; /* 133.333% */
  color: #8b96a3;
}
@media (max-width: 38.75em) {
  .package-merchandise__price.package-merchandise__price--old {
    font-size: 15px;
    font-weight: 400;
    line-height: 120%; /* 120% */
  }
}
.characteristics {
  padding-bottom: 5rem;
}
@media (max-width: 47.99875em) {
  .characteristics {
    padding-bottom: 3rem;
  }
}
@media (min-width: 61.99875em) {
  .characteristics .tabs__navigation {
    border-bottom: 0.09375rem solid #e2e2e8;
    display: flex;
    margin-bottom: 3rem;
  }
}
.characteristics .tabs__title {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
  transition: all 0.15s ease-in 0s;
  position: relative;
}
.characteristics .tabs__title span {
  color: rgb(139, 150, 163) !important;
}
@media (max-width: 61.99875em) {
  .characteristics .tabs__title span {
    font-size: 1rem;
  }
}
@media (min-width: 85.37375em) {
  .characteristics .tabs__title {
    min-width: 14.75rem;
  }
}
@media (min-width: 61.99875em) {
  .characteristics .tabs__title {
    padding: 0rem 1.25rem 0.9375rem;
  }
}
@media (max-width: 61.99875em) {
  .characteristics .tabs__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 120%; /* 120% */
    color: var(--color-primary);
    position: relative;
    width: 100%;
    text-align: left;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .characteristics .tabs__title:not(:first-child) {
    border-top: 0.0625rem solid #e2e2e8;
  }
  .characteristics .tabs__title:last-child {
    border-bottom: 0.0625rem solid #e2e2e8;
  }
  .characteristics .tabs__title._tab-active::after {
    content: "";
    transform: rotate(-90deg);
  }
  .characteristics .tabs__title::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 12px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    top: 1.375rem;
    right: 0.25rem;
    transform: rotate(90deg);
    transition: all 0.15s ease-in 0s;
  }
}
.characteristics .tabs__title::before {
  content: "";
  position: absolute;
  top: calc(100% - 0.0625rem);
  left: 0;
  width: 0rem;
  height: 0.125rem;
  background: var(--color-alt);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .characteristics .tabs__title::before {
    display: none;
  }
}
.characteristics .tabs__title._tab-active {
  pointer-events: none;
  color: var(--color-primary);
}
.characteristics .tabs__title._tab-active::before {
  content: "";
  width: 100%;
}
@media (any-hover: hover) {
  .characteristics .tabs__title._tab-active:hover {
    color: var(--color-primary);
  }
}
@media (any-hover: hover) {
  .characteristics .tabs__title:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .characteristics .tabs__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 61.99875em) {
  .characteristics .tabs__body {
    padding-bottom: 1rem;
    padding-top: 10px;
    width: 100%;
  }
}
@media (min-width: 61.99875em) {
  .characteristics .tabs__body-category .category-merchandise__items {
    gap: 1.5625rem;
  }
}
@media (min-width: 61.99875em) {
  .characteristics .tabs__body-category .category-merchandise__item {
    padding-bottom: 1.125rem;
  }
}
.category-merchandise__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
}
@media (max-width: 85.37375em) {
  .category-merchandise__inner {
    gap: 1.875rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .category-merchandise__inner {
    gap: 1.125rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
.category-merchandise__images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem 3rem;
  margin-top: 1.5rem;
}
@media (max-width: 61.99875em) {
  .category-merchandise__images {
    gap: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .category-merchandise__images {
    grid-template-columns: repeat(2, 1fr);
  }
}
.category-merchandise__image img,
.category-merchandise__image picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  aspect-ratio: 541/255;
}
.category-merchandise__items {
  margin-bottom: 0rem;
}
.description-tabs__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
  margin-bottom: 1.5rem;
}
.description-tabs__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.description-tabs__text b {
  font-weight: 500;
}
.description-tabs__showmore .description-tabs__content {
  margin-top: 1rem;
}
.description-tabs__btn {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .description-tabs__btn:hover {
    color: rgb(2, 122, 224);
  }
  .description-tabs__btn:hover::after {
    content: "";
    background: rgb(2, 122, 224);
  }
}
.description-tabs__btn::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 15px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.description-tabs__btn span:nth-child(2) {
  display: none;
}
.description-tabs__btn._active {
  color: rgb(2, 122, 224);
}
.description-tabs__btn._active::after {
  content: "";
  background: rgb(2, 122, 224);
}
.description-tabs__btn._active::after {
  content: "";
  transform: rotate(180deg);
}
.description-tabs__btn._active span:nth-child(1) {
  display: none;
}
.description-tabs__btn._active span:nth-child(2) {
  display: flex;
}
.description-tabs__links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
.description-tabs__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: rgb(2, 122, 224);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.description-tabs__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: rgb(2, 122, 224);
  --size: 12px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .description-tabs__link:hover::after {
    transform: translate(0.3125rem, 0rem);
  }
}
.review-tabs__top {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  justify-content: space-between;
  padding-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .review-tabs__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.0625rem;
  }
}
.review-tabs__grade {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.125rem;
}
.review-tabs__value {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
}
.review-tabs__stars {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
.review-tabs__star::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color);
  --size: 20px;
  width: var(--size);
  height: var(--size);
}
.review-tabs__text {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #8b96a3;
}
@media (max-width: 29.99875em) {
  .review-tabs__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.review-tabs__row {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
@media (max-width: 61.99875em) {
  .review-tabs__row {
    gap: 1.375rem;
  }
}
.review-tabs__show {
  margin-top: 2.875rem;
  border: 1.5px solid #d2d2e5;
}
@media (max-width: 61.99875em) {
  .review-tabs__show {
    margin-top: 1.5rem;
  }
}
@media (max-width: 29.99875em) {
  .review-tabs__show {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
@media (any-hover: hover) {
  .review-tabs__show:hover {
    color: var(--color-alt);
  }
}
.column-review {
  border-top: 1.5px solid #e2e2e8;
  padding-bottom: 0rem;
  padding-top: 2rem;
}
@media (max-width: 61.99875em) {
  .column-review {
    padding-top: 1.5rem;
  }
}
.column-review__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .column-review__top {
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1rem;
  }
}
.column-review__user {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
}
.column-review__info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 29.99875em) {
  .column-review__info {
    justify-content: space-between;
    width: 100%;
  }
}
.column-review__date {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
  opacity: 0.7;
}
.column-review__stars {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
.column-review__star::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color);
  --size: 20px;
  width: var(--size);
  height: var(--size);
}
.column-review__items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.column-review__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.column-review__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
.column-review__text {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
.answer-tabs__top {
  margin-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .answer-tabs__top {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 29.99875em) {
  .answer-tabs__btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.answer-tabs__row {
  max-width: 67.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.answer-tabs__column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.answer-tabs__column:not(:last-child) {
  border-bottom: 1.5px solid #e2e2e8;
  padding-bottom: 1.5rem;
}
.answer-tabs__show {
  border: 1.5px solid #d2d2e5;
  margin-top: 2rem;
}
@media (any-hover: hover) {
  .answer-tabs__show:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .answer-tabs__show {
    margin-top: 1.5rem;
  }
}
@media (max-width: 29.99875em) {
  .answer-tabs__show {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.question-answer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.question-answer__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
}
.question-answer__text {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
.reply-answer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  border-radius: 1.5rem;
  background: #ecf2fe;
  position: relative;
  margin-left: 0.4375rem;
}
.reply-answer::before {
  content: "";
  position: absolute;
  top: 0.0625rem;
  left: -0.3125rem;
  width: 1.5625rem;
  height: 2rem;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #ecf2fe;
  z-index: -1;
}
.reply-answer__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  color: rgb(103, 113, 120);
}
.reply-answer__text {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
.none-review {
  max-width: 33.9375rem;
  margin: 0 auto;
}
@media (min-width: 61.99875em) {
  .none-review {
    text-align: center;
  }
}
.none-review__img {
  margin-bottom: 1rem;
}
.none-review__img img,
.none-review__img picture {
  width: 11.75rem;
  height: 2rem;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.none-review__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  margin-bottom: 0.5rem;
}
.none-review__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.none-review__link {
  margin-top: 1.5rem;
}
@media (max-width: 29.99875em) {
  .none-review__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.answer-tabs__none .none-review__img img,
.answer-tabs__none .none-review__img picture {
  --size: 100px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 61.99875em) {
  .answer-tabs__none .none-review__img img,
  .answer-tabs__none .none-review__img picture {
    --size: 88px;
  }
}
.none-review--two .none-review__img img,
.none-review--two .none-review__img picture {
  --size: 60px;
  width: var(--size);
  height: var(--size);
}
.advantages {
  border-radius: 24px 24px 0px 0px;
  background: rgb(23, 148, 255);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 1.5rem 0rem;
  transition: all 0.15s ease-in 0s;
}
.advantages._active {
  opacity: 0;
  pointer-events: none;
}
.advantages__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.advantages__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
}
@media only screen and (min-width: 95.99875em) {
  .advantages__content {
    padding-right: 9px;
  }
}
@media (max-width: 61.99875em) {
  .advantages__content {
    flex-direction: column-reverse;
    gap: 1.125rem;
  }
}
.advantages__text-info {
  font-weight: 500;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  display: inline-flex;
  margin-left: 4px;
}
.advantages__text {
  color: #f5f5f5;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  display: inline;
}
.advantages__text b {
  font-weight: 500;
  text-transform: uppercase;
}
.advantages__text a {
  transition: all 0.15s ease-in 0s;
  font-weight: 500;
  text-decoration: underline;
  display: inline;
}
@media (any-hover: hover) {
  .advantages__text a:hover {
    text-decoration: none;
  }
}
.advantages__btns {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 61.99875em) {
  .advantages__btns {
    justify-content: space-between;
    width: 100%;
    gap: 0.875rem;
  }
}
.advantages .advantages__link {
  white-space: nowrap;
  background: var(--color-whte);
}
@media (any-hover: hover) {
  .advantages__close:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.advantages__close::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-whte);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.basket {
  padding-top: 1.625rem;
  padding-bottom: 4rem;
}
@media (max-width: 61.99875em) {
  .basket {
    padding-bottom: 3rem;
  }
}
.basket.basket--two {
  padding-bottom: 4.5rem;
}
@media (max-width: 61.99875em) {
  .basket.basket--two {
    padding-bottom: 3rem;
  }
}
.basket__container {
  position: relative;
}
.basket.basket--three {
  padding-top: 3rem;
  /*.basket__inner {
  	@media (max-width: $lt) {
  		grid-template-columns: auto rem(364);
  	}
  }*/
}
@media (max-width: 95.99875em) {
  .basket.basket--three {
    padding-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket.basket--three {
    padding-top: 1rem;
  }
}
.basket.basket--three .form__item-input .input,
.basket.basket--three .form__item-textarea .input {
  border-color: rgb(226, 226, 232);
}
.basket.basket--three .form__item-input .input::placeholder,
.basket.basket--three .form__item-textarea .input::placeholder {
  color: rgb(200, 200, 200);
}
@media (max-width: 103.125em) {
  .basket.basket--three .basket__inner {
    gap: 2rem;
  }
}
@media (max-width: 103.125em) and (max-width: 61.99875em) {
  .basket.basket--three .basket__inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 95.99875em) {
  .basket.basket--three .form__fieldset-inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 0rem;
  }
}
@media (max-width: 95.99875em) {
  .basket.basket--three .basket__title {
    margin-bottom: 3rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .basket.basket--three .basket__title {
    margin-bottom: 1.4375rem;
  }
}
.basket__payment {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  background: #f6f9ff;
  padding: 0.5rem 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.75rem;
  transition: all 0.15s ease-in 0s;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 61.99875em) {
  .basket__payment {
    display: none;
  }
}
.basket__payment._active {
  opacity: 1;
  pointer-events: all;
}
.basket__payment-link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .basket__payment-link {
    min-height: 52px;
  }
}
.basket__payment-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: max-content;
}
@media (max-width: 37.5em) {
  .basket__payment-info {
    flex-direction: column;
    gap: 0.125rem;
    align-items: flex-start;
  }
}
.basket__payment-price {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 109.091%; /* 109.091% */
  white-space: nowrap;
}
@media (max-width: 61.99875em) {
  .basket__payment-price {
    font-size: 18px;
    line-height: 24px;
  }
}
.basket__payment-value {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #8b96a3;
  white-space: nowrap;
}
@media (max-width: 61.99875em) {
  .basket__payment-value {
    font-size: 13px;
    line-height: 15px;
  }
}
.basket__top {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 95.99875em) {
  .basket__top {
    margin-bottom: 35px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .basket__top {
    gap: 0.4375rem;
    margin-bottom: 1.5rem;
  }
}
.basket__top .basket__title {
  margin-bottom: 0rem;
}
.basket__order {
  padding: 2rem;
  border-radius: 1.5rem;
  background: #f6f9ff;
}
@media (max-width: 95.99875em) {
  .basket__order {
    padding: 2rem;
    align-self: start;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .basket__order {
    padding: 1rem;
    border-radius: 1rem;
  }
}
.basket__order .top-basket {
  padding: 0rem;
  border-radius: 0rem;
  background: transparent;
  margin-bottom: 1.5rem;
}
@media (max-width: 37.5em) {
  .basket__order .top-basket {
    margin-bottom: 1rem;
  }
}
.basket__order .basket__content-items {
  gap: 2rem;
}
@media (max-width: 37.5em) {
  .basket__order .basket__content-items {
    gap: 1rem;
  }
}
@media (max-width: 37.5em) {
  .basket__order .item-basket__row {
    gap: 0.3125rem;
  }
}
@media (max-width: 37.5em) {
  .basket__order .item-basket:not(:last-child) {
    padding-bottom: 0.375rem;
    border-bottom: 0.0625rem solid #e2e2e8;
  }
}
@media (max-width: 37.5em) {
  .basket__order .item-basket__content {
    gap: 1.125rem;
  }
}
@media (max-width: 37.5em) {
  .basket__order .item-basket__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 37.5em) {
  .basket__order .item-basket__value {
    font-size: 0.9375rem;
  }
}
@media (max-width: 37.5em) {
  .basket__order .item-basket__category {
    font-size: 0.875rem;
  }
}
@media (max-width: 47.99875em) {
  .basket__order .item-basket__img img,
  .basket__order .item-basket__img picture {
    width: 6rem;
    height: 5rem;
  }
}
.basket__title {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .basket__title {
    margin-bottom: 0.9375rem;
  }
}
.basket__text {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  max-width: 46.625rem;
}
.basket__text b {
  font-weight: 500;
}
@media (max-width: 95.99875em) {
  .basket__text {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.basket__inner {
  display: grid;
  grid-template-columns: auto 30rem;
  gap: 3.75rem;
}
@media (max-width: 95.99875em) {
  .basket__inner {
    gap: 1.25rem;
    grid-template-columns: auto 24.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .basket__inner {
    grid-template-columns: 1fr;
  }
}
.basket__inner.basket__inner--two .promo-basket {
  padding-bottom: 16px;
}
.basket__inner.basket__inner--two .basket__info-inner {
  gap: 16px;
}
.basket__inner.basket__inner--three .promo-basket {
  padding-bottom: 16px;
}
@media (min-width: 61.99875em) {
  .basket__inner.basket__inner--three .top-basket__btn {
    margin-top: -6px;
  }
}
@media (min-width: 61.99875em) {
  .basket__inner.basket__inner--three .top-basket {
    padding-top: 18px;
    padding-bottom: 12px;
  }
}
@media (min-width: 61.99875em) {
  .basket__inner.basket__inner--three .checkbox__label {
    padding-left: 28px;
  }
}
.basket__content.basket__content--two .form__fieldset .form__items {
  display: grid;
}
@media (min-width: 47.99875em) {
  .basket__content.basket__content--two .form__fieldset .form__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.basket__content.basket__content--two .form__fieldset .form__items .form__item {
  gap: 3px;
}
.basket__content-items {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 37.5em) {
  .basket__content-items {
    gap: 2rem;
  }
}
.basket__content-items.basket__content-items--checkboxs {
  gap: 16px;
}
@media (max-width: 37.5em) {
  .basket__content-items.basket__content-items--checkboxs {
    gap: 24px;
  }
}
@media (min-width: 95.99875em) {
  .basket__content-items.basket__content-items--checkboxs .item-basket__img img,
  .basket__content-items.basket__content-items--checkboxs .item-basket__img picture {
    --size: 160px;
    width: var(--size);
    height: var(--size);
  }
}
@media (max-width: 37.5em) {
  .basket__content-items.basket__content-items--checkboxs .item-basket__img img,
  .basket__content-items.basket__content-items--checkboxs .item-basket__img picture {
    --size: 100px;
    width: var(--size);
    height: var(--size);
  }
}
.basket__content-items.basket__content-items--fix {
  gap: 30px;
}
.basket__content-spollers {
  margin-top: 2.5rem;
}
@media (max-width: 61.99875em) {
  .basket__content-spollers {
    margin-top: 0.75rem;
  }
}
@media (max-width: 95.99875em) {
  .basket__content-spollers .spollers__item .spollers__title {
    font-size: 24px;
  }
}
@media (max-width: 95.99875em) and (max-width: 38.75em) {
  .basket__content-spollers .spollers__item .spollers__title {
    font-size: 20px;
    gap: 3px;
  }
}
.basket__info {
  position: relative;
}
.basket__info-inner {
  position: sticky;
  top: 2.5rem;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .basket__info-inner {
    position: static;
  }
}
.basket .quantity {
  width: 8.3125rem;
  height: 2.5rem;
  background: #f5f5f5;
}
@media (max-width: 37.5em) {
  .basket .quantity {
    height: 2rem;
    width: 7.5rem;
  }
}
.basket .quantity__button {
  flex: 0 0 2.5rem;
}
@media (max-width: 37.5em) {
  .basket .quantity__button {
    flex: 0 0 2rem;
  }
}
.basket .quantity__button::before {
  margin-left: -0.5rem;
}
.basket .quantity__button::after {
  content: "";
  margin-left: -0.5rem;
}
.basket .spollers__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
@media (max-width: 95.99875em) {
  .basket .spollers__title {
    font-size: 1.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .basket .spollers__title {
    padding: 0rem;
    border-bottom: none;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 120%; /* 120% */
    justify-content: flex-start;
  }
}
.basket .spollers__title::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 24px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
  margin-top: 2px;
}
.basket .spollers__title._spoller-active::after {
  content: "";
  transform: rotate(180deg);
}
.basket .body-content {
  padding-top: 0rem;
}
.basket .body-content__items {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .basket .body-content__items {
    padding-top: 0.625rem;
    gap: 0.625rem;
  }
}
.basket .body-content__item {
  display: grid;
  grid-template-columns: 12.5rem auto;
  gap: 1.5rem;
}
@media (max-width: 37.5em) {
  .basket .body-content__item {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.25rem;
  }
}
.basket .body-content__item:not(:last-child) {
  padding-bottom: 0.875rem;
  border-bottom: 0.0625rem solid #e2e2e8;
}
@media (max-width: 61.99875em) {
  .basket .body-content__item:not(:last-child) {
    padding-bottom: 0.75rem;
  }
}
.basket .body-content__category {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .basket .body-content__category {
    font-size: 0.8125rem;
    line-height: 142.857%; /* 142.857% */
  }
}
.basket .body-content__text {
  font-size: 0.9375rem;
  line-height: 125%; /* 125% */
}
.top-basket {
  padding: 1rem;
  border-radius: 0.75rem;
  background: #f6f9ff;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .top-basket {
    border-radius: 0px;
    background: transparent;
    padding: 0px;
    padding-top: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgb(226, 226, 232);
  }
}
@media (max-width: 61.99875em) {
  .top-basket.top-basket--two {
    padding: 0rem;
    border-radius: 0px;
    background: transparent;
    padding-bottom: 8px;
    padding-top: 12px;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    border: none;
  }
}
@media (max-width: 61.99875em) {
  .top-basket.top-basket--two .top-basket__link {
    font-size: 0;
  }
}
.top-basket.top-basket--two .top-basket__link span {
  display: none;
}
@media (max-width: 61.99875em) {
  .top-basket.top-basket--two .top-basket__link span {
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%; /* 125% */
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #027ae0;
    flex: 1 1 auto;
    margin-left: -8px;
  }
}
.top-basket__all {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}
.top-basket__btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: #027ae0;
}
@media (max-width: 61.99875em) {
  .top-basket__btn {
    margin-top: -2px;
  }
}
@media (max-width: 61.99875em) and (max-width: 47.99875em) {
  .top-basket__btn {
    font-size: 0.875rem;
    line-height: 142.857%; /* 142.857% */
  }
}
.top-basket__btn::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #027ae0;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .top-basket__btn:hover::before {
    content: "";
    transform: scale(1.1);
  }
}
.top-basket__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
}
@media (max-width: 47.99875em) {
  .top-basket__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 120%; /* 120% */
  }
}
.top-basket__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #027ae0;
}
@media (any-hover: hover) {
  .top-basket__link:hover::after {
    content: "";
    transform: translate(0.3125rem, 0rem);
  }
}
@media (max-width: 37.5em) {
  .top-basket__link {
    width: 100%;
    justify-content: space-between;
  }
}
.top-basket__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #027ae0;
  --size: 12px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.item-basket {
  display: flex;
  gap: 1.25rem;
}
@media (max-width: 37.5em) {
  .item-basket {
    gap: 0.75rem;
  }
}
.item-basket:not(:last-child) {
  padding-bottom: 1rem;
  border-bottom: 1.5px solid #e2e2e8;
}
@media (max-width: 37.5em) {
  .item-basket:not(:last-child) {
    padding-bottom: 1.5rem !important;
  }
}
.item-basket__img {
  display: flex;
  align-items: center;
  height: max-content;
  gap: 0.75rem;
  position: relative;
}
@media (max-width: 61.99875em) {
  .item-basket__img {
    gap: 8px;
  }
}
.item-basket__img .item-basket__checkbox {
  width: 1rem;
}
@media (min-width: 61.99875em) {
  .item-basket__img .item-basket__checkbox {
    margin-left: 1rem;
  }
}
.item-basket__img .item-basket__checkbox .checkbox__label {
  position: static;
  gap: 0rem;
}
.item-basket__img img,
.item-basket__img picture {
  --size: 160px !important;
  width: var(--size) !important;
  height: var(--size) !important;
  border-radius: 0.75rem;
  object-fit: cover;
}
@media (max-width: 37.5em) {
  .item-basket__img img,
  .item-basket__img picture {
    --size: 100px !important;
  }
}
.item-basket__img .item-basket__product {
  position: absolute;
  top: 8px;
  left: 52px;
}
@media (max-width: 61.99875em) {
  .item-basket__img .item-basket__product {
    left: 32px;
  }
}
.item-basket__img .item-basket__product img,
.item-basket__img .item-basket__product picture {
  --size: 28px !important;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 61.99875em) {
  .item-basket__img .item-basket__product img,
  .item-basket__img .item-basket__product picture {
    --size: 20px !important;
  }
}
.item-basket__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 37.5em) {
  .item-basket__content {
    flex-direction: column;
    gap: 1.5rem !important;
  }
}
.item-basket__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  margin-bottom: 0.25rem;
}
@media (max-width: 95.99875em) {
  .item-basket__title {
    font-size: 1.125rem;
    max-width: 100%;
  }
}
@media (max-width: 95.99875em) and (max-width: 38.75em) {
  .item-basket__title {
    font-size: 16px !important;
    max-width: calc(100% - 50px);
  }
}
.item-basket__article {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #8b96a3;
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .item-basket__article {
    margin-bottom: 13px;
  }
}
.item-basket__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  max-width: 15.625rem;
}
@media (max-width: 29.99875em) {
  .item-basket__row {
    flex-direction: column;
    gap: 0.1875rem !important;
  }
}
.item-basket__column {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.item-basket__category {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #8b96a3;
}
@media (max-width: 95.99875em) {
  .item-basket__category {
    font-size: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 38.75em) {
  .item-basket__category {
    font-size: 0.9375rem !important;
  }
}
.item-basket__value {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  white-space: nowrap;
}
@media (max-width: 95.99875em) {
  .item-basket__value {
    font-size: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 38.75em) {
  .item-basket__value {
    font-size: 0.9375rem !important;
  }
}
.constructor-item {
  max-width: 21.1875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
}
@media (max-width: 95.99875em) {
  .constructor-item {
    max-width: 11.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .constructor-item {
    display: grid;
    grid-template-columns: 120px auto;
    align-items: flex-end;
    gap: 15px;
  }
}
.constructor-item__info {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  flex: 1 1 auto;
}
@media (max-width: 95.99875em) {
  .constructor-item__info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 0.625rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .constructor-item__info {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
@media (max-width: 37.5em) {
  .constructor-item__constructor {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
  }
}
.constructor-item__prices {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (max-width: 95.99875em) {
  .constructor-item__prices {
    margin-top: 0;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .constructor-item__prices {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }
}
.constructor-item__price {
  white-space: nowrap;
  text-align: right;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
}
@media (max-width: 95.99875em) {
  .constructor-item__price {
    font-size: 1.5rem;
    line-height: 116.667%; /* 116.667% */
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .constructor-item__price {
    font-size: 1rem;
    line-height: 122.222%; /* 122.222% */
  }
}
.constructor-item__price.constructor-item__price--old {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  letter-spacing: -0.252px;
  color: #8b96a3;
}
@media (max-width: 37.5em) {
  .constructor-item__price.constructor-item__price--old {
    font-size: 0.875rem;
    line-height: 114.286%; /* 114.286% */
    letter-spacing: -0.196px;
  }
}
.constructor-item__btns {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.constructor-item__btn {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ebf1ff;
  position: relative;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 37.5em) {
  .constructor-item__btn {
    --size: 32px;
  }
}
.constructor-item__btn::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background: #444c52;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 37.5em) {
  .constructor-item__btn::before {
    --size: 16px;
  }
}
@media (any-hover: hover) {
  .constructor-item__btn:hover {
    background: var(--color-alt);
  }
  .constructor-item__btn:hover::before {
    content: "";
    background: var(--color-whte);
  }
}
.constructor-item__btn.constructor-item__btn--favorites::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  mask: url("/local/templates/opticvision/static/output/../img/08.svg") center center/contain no-repeat;
  -webkit-mask: url("/local/templates/opticvision/static/output/../img/08.svg") center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background: var(--color-error);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 37.5em) {
  .constructor-item__btn.constructor-item__btn--favorites::after {
    --size: 16px;
  }
}
.constructor-item__btn.constructor-item__btn--favorites._active::after {
  content: "";
  transform: translate(-50%, -50%) scale(1);
}
.promo-basket {
  padding: 2rem;
  border-radius: 1.5rem;
  background: #f6f9ff;
}
@media (max-width: 95.99875em) {
  .promo-basket {
    padding: 1rem;
    border-radius: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .promo-basket {
    padding: 1.125rem 1rem;
    border-radius: 1rem;
  }
}
.promo-basket.promo-basket--two {
  padding: 24px;
  cursor: pointer;
}
@media (max-width: 95.99875em) {
  .promo-basket.promo-basket--two {
    padding: 16px;
    border-radius: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .promo-basket.promo-basket--two {
    padding: 12px;
  }
}
.promo-basket.promo-basket--two._active .promo-basket__title::after {
  content: "";
  transform: rotate(180deg);
}
.promo-basket.promo-basket--two .promo-basket__form {
  margin-bottom: 0px;
  padding-top: 16px;
}
.promo-basket.promo-basket--two .promo-basket__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .promo-basket.promo-basket--two .promo-basket__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
  }
}
.promo-basket.promo-basket--two .promo-basket__title::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/105.svg") center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.promo-basket__title {
  font-size: 2rem;
  line-height: 100%; /* 100% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .promo-basket__title {
    font-size: 1.5rem;
    margin-bottom: 1.125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .promo-basket__title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 116.667%; /* 116.667% */
  }
}
.promo-basket .form__promo {
  display: flex;
  gap: 0.25rem;
}
.promo-basket .form__promo-input {
  width: 100%;
  position: relative;
}
.promo-basket .form__promo-input .input {
  padding-left: 16px;
}
.promo-basket .form__promo-input._active .form__promo-delete {
  opacity: 1;
  pointer-events: all;
}
.promo-basket .form__promo-input .form__promo-delete {
  position: absolute;
  top: 0.875rem;
  right: 1rem;
  transition: all 0.15s ease-in 0s;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}
.promo-basket .form__promo-input .form__promo-delete::before {
  content: "";
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .promo-basket .form__promo-input .form__promo-delete:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.promo-basket .form__promo-input .input {
  cursor: pointer;
}
@media (max-width: 95.99875em) {
  .promo-basket .form__promo-input .input {
    padding: 0.8125rem 0.9375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .promo-basket .form__promo-input .input {
    font-size: 1rem;
    line-height: 125%; /* 125% */
    padding: 0.6875rem 0.9375rem;
    height: 48px;
  }
}
.promo-basket .form__promo-input .input::placeholder {
  color: #c8c8c8;
}
.promo-basket .form__promo-input .form__promo-text {
  font-size: 0.875rem;
  color: #fc3c30;
  margin-top: 0.25rem;
  display: none;
}
.promo-basket .form__promo-input .form__promo-text.form__promo-text--two {
  display: flex;
  align-items: center;
  gap: 4px;
}
.promo-basket .form__promo-input .form__promo-text.form__promo-text--two::before {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/124.svg") center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.promo-basket .form__promo-input._error .form__promo-text {
  display: flex;
}
.promo-basket .form__promo-input._error .input {
  border-color: #fc3c30;
  color: #fc3c30;
}
.promo-basket .form__promo-input._error .input::placeholder {
  color: #fc3c30;
}
.promo-basket .form__promo-btn {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #f5f5f5;
  pointer-events: none;
  transition: all 0.15s ease-in 0s;
}
.promo-basket .form__promo-btn::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #c8c8c8;
  --size: 15px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.promo-basket .form__promo-btn._active {
  pointer-events: all;
  background: var(--color-alt);
}
.promo-basket .form__promo-btn._active::before {
  content: "";
  background: var(--color-whte);
}
@media (any-hover: hover) {
  .promo-basket .form__promo-btn._active:hover {
    background: #1074ca;
  }
}
.promo-basket .form__promo-btn._promo {
  border: 0.0625rem solid var(--color-alt);
  background: var(--color-whte) !important;
}
.promo-basket .form__promo-btn._promo::before {
  content: "";
  --size: 24px;
  background: var(--color-alt);
}
@media (any-hover: hover) {
  .promo-basket .form__promo-btn._promo:hover {
    background: var(--color-alt) !important;
  }
  .promo-basket .form__promo-btn._promo:hover::before {
    content: "";
    background: var(--color-whte);
  }
}
.promo-basket .form__promo-btn._error {
  background: #f5f5f5;
  pointer-events: none;
}
.promo-basket .form__promo-btn._error::before {
  content: "";
  background: #c8c8c8;
}
.order-basket {
  padding: 2rem;
  border-radius: 1.5rem;
  background: #f6f9ff;
}
@media (max-width: 95.99875em) {
  .order-basket {
    padding: 1rem;
    border-radius: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .order-basket {
    padding: 1.125rem 1rem;
    border-radius: 0.9375rem;
  }
}
.order-basket.order-basket--two {
  padding: 24px;
}
@media (max-width: 95.99875em) {
  .order-basket.order-basket--two {
    padding: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .order-basket.order-basket--two {
    padding: 12px;
  }
}
@media (max-width: 95.99875em) {
  .order-basket.order-basket--two .order-basket__title {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 114.286% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .order-basket.order-basket--two .order-basket__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
  }
}
.order-basket .order-basket__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding: 0.9375rem;
}
@media (max-width: 37.5em) {
  .order-basket .order-basket__link {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 120%; /* 120% */
  }
}
.order-basket__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .order-basket__top {
    margin-bottom: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .order-basket__top {
    margin-bottom: 0.75rem;
  }
}
.order-basket__products {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-bottom: 24px;
}
.order-basket__title {
  font-size: 2rem;
  line-height: 100%; /* 100% */
}
@media (max-width: 95.99875em) {
  .order-basket__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .order-basket__title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 116.667%; /* 116.667% */
  }
}
.order-basket__value {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  color: #8b96a3;
  display: flex;
  gap: 4px;
  align-items: center;
}
.order-basket__value.js-open-showmore::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/123.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  margin-top: 3px;
  transition: all 0.15s ease-in 0s;
}
.order-basket__value.js-open-showmore._active::after {
  content: "";
  transform: rotate(180deg);
}
@media (max-width: 95.99875em) {
  .order-basket__value {
    font-size: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .order-basket__value {
    font-size: 0.9375rem;
    line-height: 125%; /* 125% */
  }
}
.order-basket__items {
  padding: 1.5rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-top: 0.0625rem solid rgba(139, 150, 163, 0.1);
  border-bottom: 0.0625rem solid rgba(139, 150, 163, 0.1);
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .order-basket__items {
    padding: 1.25rem 0rem;
    margin-bottom: 1rem;
    gap: 0.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .order-basket__items {
    padding: 0.75rem 0rem;
    gap: 0.625rem;
    margin-bottom: 0.75rem;
  }
}
.order-basket__row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
@media (max-width: 95.99875em) {
  .order-basket__row {
    margin-bottom: 17px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .order-basket__row {
    margin-bottom: 12px;
  }
}
.order-basket__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.order-basket__item.order-basket__item--sale {
  color: #ce501a;
}
.order-basket__item.order-basket__item--sale .order-basket__category {
  font-size: 1rem;
}
@media (max-width: 95.99875em) {
  .order-basket__item.order-basket__item--sale .order-basket__category {
    font-size: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .order-basket__item.order-basket__item--sale .order-basket__category {
    font-size: 0.9375rem;
  }
}
.order-basket__item.order-basket__item--sale .order-basket__price {
  font-size: 1.25rem;
}
@media (max-width: 95.99875em) {
  .order-basket__item.order-basket__item--sale .order-basket__price {
    font-size: 1.125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .order-basket__item.order-basket__item--sale .order-basket__price {
    font-size: 1rem;
  }
}
.order-basket__category {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 95.99875em) {
  .order-basket__category {
    font-size: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .order-basket__category {
    font-size: 0.9375rem;
  }
}
.order-basket__price {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 95.99875em) {
  .order-basket__price {
    font-size: 1.125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .order-basket__price {
    font-size: 0.9375rem;
  }
}
.order-basket__link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-basket__text {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  margin-top: 1rem;
  color: #677178;
}
@media (max-width: 37.5em) {
  .order-basket__text {
    font-size: 0.875rem;
    line-height: 142.857%; /* 142.857% */
  }
}
.total-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .total-order {
    margin-bottom: 1rem;
  }
}
.total-order__title {
  font-size: 1.75rem;
  line-height: 114.286%; /* 114.286% */
}
@media (max-width: 95.99875em) {
  .total-order__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .total-order__title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 155.556%; /* 155.556% */
  }
}
.total-order__price {
  font-size: 1.75rem;
  line-height: 114.286%; /* 114.286% */
}
@media (max-width: 95.99875em) {
  .total-order__price {
    font-size: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .total-order__price {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 155.556%; /* 155.556% */
  }
}
.body-basket {
  padding: 3rem 1rem 4.25rem;
  border-radius: 1rem;
  background: #f6f9ff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .body-basket {
    padding: 2rem 1rem;
  }
}
.body-basket__info {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .body-basket__info {
    gap: 1.125rem;
  }
}
.body-basket__info .body-basket__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  max-width: max-content;
  margin: 0 auto;
}
@media (min-width: 61.99875em) {
  .body-basket__info .body-basket__link {
    padding: 1rem 1.5rem;
  }
}
.body-basket__icon {
  margin-bottom: 2px;
}
.body-basket__icon img,
.body-basket__icon picture {
  --size: 80px;
  width: var(--size);
  height: var(--size);
  object-fit: cover;
}
@media (max-width: 61.99875em) {
  .body-basket__icon img,
  .body-basket__icon picture {
    --size: 60px;
  }
}
.body-basket__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 61.99875em) {
  .body-basket__title {
    font-size: 1.125rem;
  }
}
.banner-basket {
  border-radius: 1.25rem;
  overflow: hidden;
}
.banner-basket__inner {
  position: relative;
}
.banner-basket__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: 26rem;
  padding: 1.5rem;
  gap: 1.3125rem;
}
@media (max-width: 61.99875em) {
  .banner-basket__content {
    padding: 1rem;
    min-height: 14.375rem;
  }
}
@media (max-width: 47.99875em) {
  .banner-basket__content {
    min-height: 8.125rem;
  }
}
.banner-basket__content .banner-basket__link {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  padding: 0.875rem 1.5rem;
  background: var(--color-whte);
  border: 1.5px solid #027ae0;
  color: #027ae0;
  max-width: max-content;
}
@media (any-hover: hover) {
  .banner-basket__content .banner-basket__link:hover {
    color: #1074ca;
    border: 1.5px solid #1074ca;
  }
}
@media (max-width: 61.99875em) {
  .banner-basket__content .banner-basket__link {
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 150%; /* 15px */
    padding: 0.4375rem 0.75rem;
  }
}
.banner-basket__info {
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
  flex: 1 1 auto;
}
@media (max-width: 95.99875em) {
  .banner-basket__info {
    max-width: 25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .banner-basket__info {
    gap: 0.25rem;
    max-width: calc(100% - 12.5rem);
  }
}
@media (max-width: 95.99875em) and (max-width: 29.99875em) {
  .banner-basket__info {
    max-width: calc(100% - 7.1875rem);
  }
}
.banner-basket__title {
  font-size: 2rem;
  line-height: 100%; /* 100% */
}
@media (max-width: 61.99875em) {
  .banner-basket__title {
    font-size: 1.5625rem;
  }
}
@media (max-width: 47.99875em) {
  .banner-basket__title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 122.222%; /* 122.222% */
    letter-spacing: 0rem;
  }
}
.banner-basket__text {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 47.99875em) {
  .banner-basket__text {
    font-size: 0.8125rem;
    line-height: 115.385%; /* 115.385% */
  }
}
.banner-basket__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-basket__img img,
.banner-basket__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.basket .form__fieldset .form__fieldset-mail {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.875rem;
}
@media (max-width: 95.99875em) {
  .basket .form__fieldset .form__fieldset-mail {
    margin-bottom: 1.25rem;
  }
}
.basket .form__fieldset .form__fieldset-mail .form__items {
  display: grid;
  grid-template-columns: auto 8.8125rem;
  gap: 0.75rem;
}
@media (max-width: 95.99875em) {
  .basket .form__fieldset .form__fieldset-mail .form__items {
    grid-template-columns: auto 8.1875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .form__fieldset .form__fieldset-mail .form__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 47.99875em) {
  .basket .form__fieldset .form__fieldset-mail .form__items .form__item .input {
    font-size: 0.875rem;
    line-height: 114.286%; /* 114.286% */
  }
}
.basket .form__fieldset .form__fieldset-mail .form__items .form__item:first-child {
  min-width: auto;
}
.basket__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.basket__form .form__fieldset-inner {
  display: grid;
  grid-template-columns: auto 27.5625rem;
  gap: 1rem;
}
.basket .form__fieldset-title {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .basket .form__fieldset-title {
    font-size: 1.25rem;
    line-height: 120%; /* 120% */
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .form__fieldset-title {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}
.basket .form__fieldset {
  padding: 2rem;
  border-radius: 0.875rem;
  background: var(--color-whte);
  box-shadow: 0px 1px 10px 0px rgba(4, 86, 156, 0.1);
}
@media (max-width: 95.99875em) {
  .basket .form__fieldset {
    padding: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .form__fieldset {
    padding: 1rem;
  }
}
.basket .form__fieldset .form__items {
  display: flex;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .basket .form__fieldset .form__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 40.625em) {
  .basket .form__fieldset .form__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.basket .form__fieldset .form__items .form__item .input {
  padding: 0.6875rem 0.9375rem;
}
@media (max-width: 47.99875em) {
  .basket .form__fieldset .form__items .form__item .input {
    height: 2.5rem;
    font-size: 0.875rem;
    line-height: 114.286%; /* 114.286% */
  }
}
.basket .form__fieldset .form__items .form__item-select .select__content {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
}
.basket .form__fieldset .form__items .form__item-select .select__value {
  height: 3rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  padding: 0.8125rem 0.9375rem;
}
@media (max-width: 47.99875em) {
  .basket .form__fieldset .form__items .form__item-select .select__value {
    height: 2.5rem;
  }
}
.basket .form__fieldset .form__items .form__item-select .select__value::after {
  content: "";
  --size: 16px;
  margin-right: 0.3125rem;
  flex: 0 0 var(--size);
}
.basket .form__fieldset .form__items .form__item-select .select__options {
  border-radius: 0.5rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  background: var(--color-whte);
  padding: 0.25rem;
  top: calc(100% + 0.0625rem);
}
.basket .form__fieldset .form__items .form__item-select .select__scroll::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}
.basket .form__fieldset .form__items .form__item-select .select__scroll::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.basket .form__fieldset .form__items .form__item-select .select__scroll::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.basket .form__fieldset .form__items .form__item-select .select__option {
  padding: 0.375rem 0.25rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .basket .form__fieldset .form__items .form__item-select .select__option:hover {
    background: #f5f5f5;
  }
}
.basket .form__fieldset .form__items .form__item-select .select__option._active {
  color: var(--color-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.basket .form__fieldset .form__items .form__item-select .select__option._active::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/31.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.basket .form__fieldset .form__items .form__item-select .select__option.none {
  color: #8b96a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}
.basket .form__fieldset .form__items .form__item-select .select__option.none::after {
  content: "Нет в наличии";
  font-size: 0.6875rem;
  line-height: 136.364%; /* 136.364% */
  color: #fc5230;
}
.basket .form__fieldset .form__items .form__item-select .form {
  display: none;
}
.basket .form__fieldset .form__items .form__item {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
}
.basket .form__fieldset .form__items .form__item:first-child {
  min-width: 18.75rem;
  width: 100%;
}
.basket .form__fieldset .form__items .form__item-label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
.basket .form__fieldset .form__items .form__item-label span {
  color: var(--color-alt);
}
@media (max-width: 47.99875em) {
  .basket .form__fieldset .form__items .form__item-label {
    font-size: 0.9375rem;
  }
}
.basket .form__items .form__item.form__item--info {
  gap: 0.25rem;
}
.basket .form__fieldset-content {
  min-width: 0;
}
.basket .form__fieldset-map {
  border-radius: 0.875rem;
  overflow: hidden;
  height: 34.125rem;
}
@media (max-width: 95.99875em) {
  .basket .form__fieldset-map {
    height: 18.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 29.99875em) {
  .basket .form__fieldset-map {
    height: 15.625rem;
  }
}
.basket .form__fieldset-checkboxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
@media (max-width: 95.99875em) {
  .basket .form__fieldset-checkboxs {
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .form__fieldset-checkboxs {
    margin-bottom: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 40.625em) {
  .basket .form__fieldset-checkboxs {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
.basket .form__fieldset-checkboxs .checkbox {
  padding: 0.75rem 0.75rem 0.75rem 0.5rem;
  border-radius: 0.75rem;
  background: #f6f9ff;
  border: 0.0625rem solid #f6f9ff;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .basket .form__fieldset-checkboxs .checkbox {
    padding: 1.125rem 0.9375rem 0.9375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 40.625em) {
  .basket .form__fieldset-checkboxs .checkbox {
    padding: 0.8125rem 0.75rem 0.625rem;
  }
}
.basket .form__fieldset-checkboxs .checkbox:not(:last-child) {
  margin-bottom: 0rem;
}
.basket .form__fieldset-checkboxs .checkbox._active {
  background: var(--color-whte);
  border: 0.0625rem solid var(--color-alt);
}
.basket .form__fieldset-checkboxs .checkbox__input:checked + .checkbox__label::before {
  background: var(--color-whte);
  border: 0.0625rem solid var(--color-alt);
}
.basket .form__fieldset-checkboxs .checkbox__input:checked + .checkbox__label::after {
  transform: scale(1);
}
@media (max-width: 40.625em) {
  .basket .form__fieldset-checkboxs .checkbox__label {
    padding-left: 1.4375rem;
  }
}
.basket .form__fieldset-checkboxs .checkbox__label::before {
  content: "";
  border-radius: 50%;
  border: 0.0625rem solid #e2e2e8;
}
.basket .form__fieldset-checkboxs .checkbox__label::after {
  content: "";
  --size: 8px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
  transform: scale(0);
  opacity: 1;
  top: 0.25rem;
  left: 0.25rem;
}
.basket .form__fieldset-checkboxs .checkbox__text {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
}
@media (max-width: 40.625em) {
  .basket .form__fieldset-checkboxs .checkbox__text {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
    gap: 0.75rem;
  }
}
.basket .form__fieldset-checkboxs .checkbox__text span {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #677178;
}
@media (max-width: 95.99875em) {
  .basket .form__fieldset-checkboxs .checkbox__text span {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 79.9375em) {
  .basket .form__fieldset-checkboxs .checkbox__text span {
    font-size: 0.8125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 79.9375em) and (max-width: 40.625em) {
  .basket .form__fieldset-checkboxs .checkbox__text span {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.basket .form__item-info {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #5d6c7b;
}
@media (max-width: 47.99875em) {
  .basket .form__item-info {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
@media (max-width: 47.99875em) and (max-width: 61.99875em) {
  .basket .form__item-info {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
  }
}
.basket .form__item-time {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  color: var(--color-alt);
}
@media (max-width: 47.99875em) {
  .basket .form__item-time {
    font-size: 1.125rem;
    line-height: 133.333%; /* 133.333% */
  }
}
@media (max-width: 95.99875em) {
  .basket .form__item-textarea {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .form__item-textarea {
    margin-bottom: 1rem;
  }
}
.basket .form__item-textarea .input {
  height: 8.375rem;
  border-radius: 0.5rem;
  padding: 0.9375rem 1rem;
}
@media (max-width: 95.99875em) {
  .basket .form__item-textarea .input {
    height: 5.5625rem;
    padding: 1rem 1rem !important;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .form__item-textarea .input {
    height: 3.75rem !important;
    font-size: 0.875rem;
    line-height: 114.286%; /* 114.286% */
    padding: 0.75rem !important;
  }
}
.basket .column-form__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  margin-bottom: 1rem;
}
@media (max-width: 95.99875em) {
  .basket .column-form__title {
    font-size: 1.125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .column-form__title {
    font-size: 1rem;
    margin-bottom: 0.875rem;
  }
}
.basket .column-form__form .form__items {
  display: flex;
  flex-direction: column;
}
@media (max-width: 95.99875em) {
  .basket .column-form__form .form__items {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .column-form__form .form__items {
    gap: 0.75rem;
  }
}
.basket .column-form__checkboxs {
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
  padding-bottom: 1.6875rem;
}
@media (max-width: 95.99875em) {
  .basket .column-form__checkboxs {
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .column-form__checkboxs {
    gap: 0.875rem;
    padding-bottom: 1rem;
  }
}
.basket .column-form__checkboxs .column-form__checkbox {
  font-size: 0.875rem;
}
@media (max-width: 47.99875em) {
  .basket .column-form__checkboxs .column-form__checkbox {
    line-height: 128.571%; /* 128.571% */
  }
}
.basket .column-form__checkboxs .column-form__checkbox:not(:last-child) {
  margin-bottom: 0rem;
}
.basket .delivery-column__label {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  margin-bottom: 0.625rem;
  color: var(--color-alt);
}
@media (max-width: 47.99875em) {
  .basket .delivery-column__label {
    margin-bottom: 0.25rem;
  }
}
.basket .delivery-column__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
  margin-bottom: 0.75rem;
}
@media (max-width: 95.99875em) {
  .basket .delivery-column__title {
    font-size: 1.125rem;
    line-height: 122.222%; /* 122.222% */
    margin-bottom: 0.6875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .delivery-column__title {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    margin-bottom: 0.5rem;
  }
}
.basket .delivery-column__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 1.5rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 0.0625rem solid #e2e2e8;
}
@media (max-width: 95.99875em) {
  .basket .delivery-column__row {
    gap: 0.75rem 1.5rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .delivery-column__row {
    gap: 0.5rem 1rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.basket .delivery-column__column.delivery-column__column--big {
  grid-column-start: span 2;
}
.basket .column-delivery {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.basket .column-delivery__title {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
}
@media (max-width: 47.99875em) {
  .basket .column-delivery__title {
    font-size: 0.75rem;
    line-height: 150%; /* 150% */
  }
}
.basket .column-delivery__address {
  font-size: 1.125rem;
  line-height: 111.111%; /* 111.111% */
  max-width: 23.9375rem;
}
@media (max-width: 47.99875em) {
  .basket .column-delivery__address {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.basket .column-delivery__time {
  font-size: 1.125rem;
  line-height: 111.111%; /* 111.111% */
}
@media (max-width: 47.99875em) {
  .basket .column-delivery__time {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.basket .column-delivery__phone {
  font-size: 1.125rem;
  line-height: 111.111%; /* 111.111% */
}
@media (max-width: 47.99875em) {
  .basket .column-delivery__phone {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.basket .price-column {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .basket .price-column {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .basket .price-column {
    margin-bottom: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .basket .price-column {
    gap: 1.5625rem;
  }
}
.basket .price-column__item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (max-width: 47.99875em) {
  .basket .price-column__item {
    gap: 0.125rem;
  }
}
.basket .price-column__title {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #5d6c7b;
}
@media (max-width: 47.99875em) {
  .basket .price-column__title {
    font-size: 0.75rem;
    line-height: 150%; /* 150% */
  }
}
.basket .price-column__text {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  color: var(--color-alt);
}
@media (max-width: 47.99875em) {
  .basket .price-column__text {
    font-size: 1.125rem;
    line-height: 133.333%; /* 133.333% */
  }
}
.form__fieldset-payments {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 79.9375em) {
  .form__fieldset-payments {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 79.9375em) and (max-width: 40.625em) {
  .form__fieldset-payments {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
.form__fieldset-payments .checkbox {
  padding: 1rem 0.9375rem;
  border-radius: 0.75rem;
  background: #f6f9ff;
  border: 0.0625rem solid #f6f9ff;
  display: flex;
  align-items: center;
  transition: all 0.15s ease-in 0s;
}
.form__fieldset-payments .checkbox:not(:last-child) {
  margin-bottom: 0rem;
}
@media (max-width: 40.625em) {
  .form__fieldset-payments .checkbox {
    padding: 1rem 0.75rem 0.9375rem;
  }
}
.form__fieldset-payments .checkbox._active {
  background: var(--color-whte);
  border: 0.0625rem solid var(--color-alt);
}
.form__fieldset-payments .checkbox__input {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.form__fieldset-payments .checkbox__input:checked + .checkbox__label::before {
  background: var(--color-whte);
  border: 0.0625rem solid var(--color-alt);
}
.form__fieldset-payments .checkbox__input:checked + .checkbox__label::after {
  transform: scale(1);
}
.form__fieldset-payments .checkbox__label {
  min-height: 1.75rem;
  padding-left: 1.5rem;
}
.form__fieldset-payments .checkbox__label::before {
  content: "";
  border-radius: 50%;
  border: 0.0625rem solid #e2e2e8;
  top: 0.375rem;
}
.form__fieldset-payments .checkbox__label::after {
  content: "";
  --size: 8px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
  transform: scale(0);
  opacity: 1;
  top: 0.625rem;
  left: 0.25rem;
}
@media (max-width: 40.625em) {
  .form__fieldset-payments .checkbox__text {
    font-size: 0.9375rem;
  }
}
.form__fieldset-payments .checkbox__text.checkbox__text--icon {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.form__fieldset-payments .checkbox__text.checkbox__text--icon::before {
  content: "";
  background: var(--icon) center center/contain no-repeat;
  --size: 28px;
  width: var(--size);
  height: var(--size);
}
.form__fieldset-warning {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-top: 1.5rem;
}
.form__fieldset-warning a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: var(--color-alt);
}
.form__agreement {
  padding: 0rem 2rem;
  font-size: 0.875rem;
}
@media (max-width: 95.99875em) {
  .form__agreement {
    padding: 0rem 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .form__agreement {
    padding: 0rem;
    line-height: 128.571%; /* 128.571% */
  }
}
.form__agreement a {
  color: var(--color-alt);
  font-weight: 500;
  display: inline;
}
.form__payment {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 0.9375rem;
}
@media (max-width: 47.99875em) {
  .form__payment {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
.form__payment .form__payment-btn {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding: 1rem 1.5rem;
  white-space: nowrap;
}
@media (max-width: 47.99875em) {
  .form__payment .form__payment-btn {
    width: 100%;
  }
}
.form__payment-text {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  color: #8b96a3;
}
.form__item-input--address {
  position: relative;
}
.form__item-input--address .form__item-delete {
  position: absolute;
  top: 0.8125rem;
  right: 1rem;
  transition: all 0.15s ease-in 0s;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
}
@media (max-width: 47.99875em) {
  .form__item-input--address .form__item-delete {
    top: 0.625rem;
  }
}
.form__item-input--address .form__item-delete::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .form__item-input--address .form__item-delete:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.form__item-input--address._active .form__item-delete {
  opacity: 1;
  pointer-events: all;
}
.form__item-input--office {
  position: relative;
}
.form__item-input--office .form__item-check {
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  transition: all 0.15s ease-in 0s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 47.99875em) {
  .form__item-input--office .form__item-check {
    top: 0.5rem;
  }
}
.form__item-input--office .form__item-check::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: rgb(0, 139, 93);
  --size: 24px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.form__item-input--office._active .form__item-check {
  opacity: 1;
  pointer-events: all;
}
.column-form__blocks {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  min-width: 0;
  gap: 16px;
}
@media (max-width: 85.37375em) {
  .column-form__blocks {
    gap: 24px;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .column-form__blocks {
    gap: 18px;
  }
}
.form__item-when {
  display: flex;
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .form__item-when {
    gap: 18px;
  }
}
.form__item-when .form__item {
  width: max-content !important;
  min-width: auto !important;
}
.column-form__block {
  min-width: 0;
}
.column-form__block .form__items {
  grid-template-columns: repeat(1, 1fr) !important;
}
@media (max-width: 85.37375em) {
  .column-form__block .form__item-top {
    margin-bottom: 6px;
  }
}
@media (max-width: 85.37375em) {
  .column-form__block .form__item-textarea {
    margin-bottom: 10px;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .column-form__block .form__item-textarea {
    margin-bottom: 4px;
  }
}
.constructor-column .constructor-column__inner {
  padding: 0px 30px;
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 85.37375em) {
  .constructor-column .constructor-column__inner {
    padding: 0px 32px;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .constructor-column .constructor-column__inner {
    padding: 0px;
  }
}
.constructor-column .constructor-column__slider {
  position: static;
  min-width: 0;
  max-width: 100%;
}
.constructor-column__slider .constructor-column__slide {
  width: 75px;
}
.constructor-column__slider .constructor-column__slide .checkbox__input:checked + .checkbox__label::before {
  border-color: var(--color-alt);
  background: transparent;
}
.constructor-column__slider .constructor-column__slide .checkbox__label {
  padding: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.constructor-column__slider .constructor-column__slide .checkbox__label::after {
  content: "";
  display: none;
}
.constructor-column__slider .constructor-column__slide .checkbox__label::before {
  content: "";
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 8px;
  border-color: #e2e2e8;
}
.constructor-column__slider .constructor-column__slide .checkbox__text {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 85.37375em) {
  .constructor-column__slider .constructor-column__slide .checkbox__text {
    gap: 3px;
  }
}
.constructor-column__arrows {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: translate(0, -50%);
  pointer-events: none;
}
@media (max-width: 85.37375em) {
  .constructor-column__arrows {
    left: 4px;
    width: calc(100% - 8px);
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .constructor-column__arrows {
    display: none;
  }
}
.constructor-column__arrow {
  pointer-events: all;
}
.constructor-column__arrow::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .constructor-column__arrow:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.constructor-column__arrow.swiper-button-disabled {
  pointer-events: none;
}
.constructor-column__arrow.swiper-button-disabled::before {
  content: "";
  background: rgb(200, 200, 200);
}
.constructor-column__arrow.swiper-button-lock {
  opacity: 0;
}
.constructor-column__selects {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.constructor-column__select .select__content {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 300;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .constructor-column__select .select__content {
    font-size: 14px;
  }
}
.constructor-column__select .select__value {
  height: 3rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  padding: 0.875rem 1.25rem 14px 16px;
}
@media (max-width: 61.99875em) {
  .constructor-column__select .select__value {
    height: 40px;
  }
}
.constructor-column__select .select__value::after {
  content: "";
  --size: 15px;
  flex: 0 0 var(--size);
  width: var(--size);
  height: var(--size);
}
@media (max-width: 61.99875em) {
  .constructor-column__select .select__value::after {
    --size: 12px;
  }
}
.constructor-column__select .select__options {
  border-radius: 0.5rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  background: var(--color-whte);
  padding: 0.25rem;
  top: calc(100% + 0.0625rem);
}
.constructor-column__select .select__scroll::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}
.constructor-column__select .select__scroll::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.constructor-column__select .select__scroll::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.constructor-column__select .select__option {
  padding: 0.375rem 0.25rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .constructor-column__select .select__option:hover {
    background: #f5f5f5;
  }
}
.constructor-column__select .select__option._active {
  color: var(--color-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.constructor-column__select .select__option._active::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/31.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.constructor-column__select .select__option.none {
  color: #8b96a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}
.constructor-column__select .select__option.none::after {
  content: "Нет в наличии";
  font-size: 0.6875rem;
  line-height: 136.364%; /* 136.364% */
  color: #fc5230;
}
.constructor-column__select .form {
  display: none;
}
.constructor-column .checkbox__text-value {
  color: #677178;
}
#checkout-app {
  position: relative;
}
.account {
  padding-top: 1.5rem;
  padding-bottom: 4rem;
}
.account .checkbox__text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (max-width: 61.99875em) {
  .account .checkbox__text {
    font-size: 0.9375rem;
  }
}
.account .checkbox__text a {
  color: var(--color-alt);
  display: inline;
}
@media (any-hover: hover) {
  .account .checkbox__text a:hover {
    text-decoration: underline;
  }
}
.account .checkbox__text span {
  color: #8b96a3;
  letter-spacing: -0.0125rem;
}
.account .account__tabs {
  padding-top: 1.25rem;
}
@media (max-width: 95.99875em) {
  .account .account__tabs {
    padding-top: 0rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs {
    padding-bottom: 0rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .column-review {
    border: none;
  }
}
.account .account__tabs .tabs__navigation {
  margin-bottom: 0rem;
}
@media (max-width: 95.99875em) {
  .account .account__tabs .tabs__title {
    padding: 0rem 1.5rem 1rem;
    min-width: 14.8125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .tabs__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
    padding: 1.5rem 3.125rem 1rem 0rem;
  }
  .account .account__tabs .tabs__title::after {
    content: "";
    top: 54%;
    transform: translate(0, -50%) rotate(90deg);
  }
  .account .account__tabs .tabs__title._tab-active::after {
    content: "";
    transform: translate(0, -50%) rotate(-90deg) !important;
  }
}
.account .account__tabs .review-tabs__row {
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .account .account__tabs .review-tabs__row {
    gap: 1.375rem;
  }
}
.account .account__tabs .column-review__items {
  gap: 0rem;
}
@media (max-width: 61.99875em) {
  .account .account__tabs .column-review__items {
    width: calc(100vw - 2rem);
    margin-left: -4.875rem;
  }
}
.account .account__tabs .column-review__items .column-review__item {
  margin-bottom: 1rem;
}
.account .account__tabs .column-review__items .column-review__item:nth-child(2) {
  margin-bottom: 0rem;
}
.account .account__tabs .answer-tabs__show {
  margin-top: 1.5625rem;
  padding: 0.8125rem 1.4375rem;
}
@media (max-width: 61.99875em) {
  .account .account__tabs .answer-tabs__show {
    margin-top: 1rem;
  }
}
.account .account__tabs .review-tabs__show {
  margin-top: 1.5625rem;
  padding: 0.8125rem 1.4375rem;
}
@media (max-width: 61.99875em) {
  .account .account__tabs .review-tabs__show {
    margin-top: 1rem;
  }
}
.account .account__tabs .column-review__btn {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition: all 0.15s ease-in 0s;
  color: var(--color-alt);
}
@media (max-width: 95.99875em) {
  .account .account__tabs .column-review__btn {
    margin-top: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .column-review__btn {
    margin-top: 0.5rem;
  }
}
@media (any-hover: hover) {
  .account .account__tabs .column-review__btn:hover {
    color: var(--color-alt);
  }
  .account .account__tabs .column-review__btn:hover::after {
    content: "";
    background: var(--color-alt);
  }
}
.account .account__tabs .column-review__btn span:nth-child(2) {
  display: none;
}
.account .account__tabs .column-review__btn._active {
  color: var(--color-alt);
}
.account .account__tabs .column-review__btn._active::after {
  content: "";
  transform: rotate(180deg);
  background: var(--color-alt);
}
.account .account__tabs .column-review__btn._active span:nth-child(1) {
  display: none;
}
.account .account__tabs .column-review__btn._active span:nth-child(2) {
  display: flex;
}
.account .account__tabs .column-review__btn::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 15px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.account .account__tabs .column-review__img img,
.account .account__tabs .column-review__img picture {
  --size: 160px;
  width: var(--size);
  height: var(--size);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
}
@media (max-width: 95.99875em) {
  .account .account__tabs .column-review__img img,
  .account .account__tabs .column-review__img picture {
    --size: 120px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .column-review__img img,
  .account .account__tabs .column-review__img picture {
    --size: 70px;
    border-radius: 0.3125rem;
  }
}
@media (max-width: 61.99875em) {
  .account .account__tabs .column-review__user {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) {
  .account .account__tabs .question-answer__text {
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .question-answer__text {
    width: calc(100vw - 2rem);
    margin-left: -4.875rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
@media (max-width: 95.99875em) {
  .account .account__tabs .reply-answer {
    padding: 1.25rem 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .reply-answer {
    width: calc(100vw - 2rem);
    margin-left: -4.625rem;
    padding: 0.75rem;
  }
}
@media (max-width: 95.99875em) {
  .account .account__tabs .reply-answer__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .reply-answer__title {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
@media (max-width: 95.99875em) {
  .account .account__tabs .reply-answer__text {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .reply-answer__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
@media (max-width: 95.99875em) {
  .account .account__tabs .answer-tabs__column {
    gap: 1rem;
  }
}
@media (max-width: 61.99875em) {
  .account .account__tabs .column-review__info {
    gap: 0.75rem;
    justify-content: flex-start;
  }
}
.account .account__tabs .answer-tabs__img img,
.account .account__tabs .answer-tabs__img picture {
  --size: 160px;
  width: var(--size);
  height: var(--size);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
}
@media (max-width: 95.99875em) {
  .account .account__tabs .answer-tabs__img img,
  .account .account__tabs .answer-tabs__img picture {
    --size: 120px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .answer-tabs__img img,
  .account .account__tabs .answer-tabs__img picture {
    --size: 70px;
    border-radius: 0.3125rem;
  }
}
.account .account__tabs .column-review {
  display: grid;
  grid-template-columns: 10rem auto;
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .account .account__tabs .column-review {
    grid-template-columns: 7.5rem auto;
    gap: 1.25rem;
    padding-top: 1.9375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .column-review {
    grid-template-columns: 4.375rem auto;
    gap: 0.5rem;
    padding-top: 0;
  }
}
@media (max-width: 95.99875em) {
  .account .account__tabs .column-review__title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 122.222%; /* 122.222% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .column-review__title {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 95.99875em) {
  .account .account__tabs .column-review__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .column-review__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
@media (max-width: 95.99875em) {
  .account .account__tabs .column-review__top {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .column-review__top {
    gap: 0.4375rem;
    margin-bottom: 1rem;
    min-height: 4.375rem;
  }
}
.account .account__tabs .answer-tabs__block {
  display: grid;
  grid-template-columns: 10rem auto;
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .account .account__tabs .answer-tabs__block {
    grid-template-columns: 7.5rem auto;
    gap: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .answer-tabs__block {
    grid-template-columns: 4.375rem auto;
    gap: 0.5rem;
  }
}
.account .account__tabs .answer-tabs__row {
  max-width: 100%;
}
@media (min-width: 61.99875em) {
  .account .account__tabs .answer-tabs__row {
    padding-top: 2rem;
  }
}
.account .account__tabs .question-answer__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 61.99875em) {
  .account .account__tabs .question-answer__top {
    min-height: 4.375rem;
    margin-bottom: 1.0625rem;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.account .account__tabs .question-answer__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
}
@media (max-width: 61.99875em) {
  .account .account__tabs .question-answer__title {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.account .account__tabs .question-answer {
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .account .account__tabs .question-answer {
    gap: 0rem;
  }
}
.account .account__tabs .question-answer__time {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
  opacity: 0.7;
  white-space: nowrap;
}
.account .account__tabs .answer-tabs__block:not(:last-child) {
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #e2e2e8;
}
@media (max-width: 95.99875em) {
  .account .account__tabs .answer-tabs__block:not(:last-child) {
    padding-bottom: 0.9375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .account__tabs .answer-tabs__block:not(:last-child) {
    padding-bottom: 1.5rem;
  }
}
.account.account--ten .connection-account__form {
  margin-bottom: 0;
}
@media (max-width: 47.99875em) {
  .account.account--ten .account-text__constructor {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 17px;
    margin-bottom: 20px;
  }
}
.account.account--one .services__slide-link::after {
  content: "";
}
@media (min-width: 992px) {
  .account.account--one .services__slide-link::after {
    margin-top: 4px;
    margin-left: 1px;
  }
}
.account.account--four .account-text__constructor {
  margin-bottom: 32px;
}
@media (max-width: 95.99875em) {
  .account.account--four .account-text__constructor {
    margin-bottom: 24px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account.account--four .account-text__constructor {
    margin-bottom: 20px;
  }
}
.account.account--four .processing-account__info {
  gap: 8px;
}
.account.account--four .account-text__processing {
  gap: 32px;
}
@media (max-width: 95.99875em) {
  .account.account--four .account-text__processing {
    gap: 24px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account.account--four .account-text__processing {
    gap: 20px;
  }
}
@media (max-width: 47.99875em) {
  .account.account--three .account-text__processing {
    gap: 16px;
  }
}
@media (max-width: 61.99875em) {
  .account.account--three .account-text__banner .banner__info {
    gap: 4px;
    max-width: calc(100% - 20px);
    margin-bottom: 37px;
  }
}
@media (max-width: 47.99875em) {
  .account.account--three .account-text__constructor {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 17px;
    margin-bottom: 20px;
  }
}
@media (min-width: 600px) {
  .account.account--six .salon-account__img {
    transform: translate(1px, -1px);
  }
}
@media (max-width: 600px) {
  .account.account--six .salon-account__img {
    transform: translate(-1px, 1px);
  }
}
@media (min-width: 600px) {
  .account.account--six .salon-account__img img,
  .account.account--six .salon-account__img picture {
    height: calc(100% + 2px);
    max-height: none;
  }
}
@media (max-width: 600px) {
  .account.account--six .salon-account__img img,
  .account.account--six .salon-account__img picture {
    width: calc(100% + 2px);
    max-width: none;
  }
}
.account.account--six .column-account {
  border-bottom: none !important;
}
@media (max-width: 29.99875em) {
  .account.account--six .shop-column__text {
    line-height: 124.385%;
  }
}
@media (min-width: 600px) {
  .account.account--five .salon-account__img {
    transform: translate(1px, -1px);
  }
}
@media (max-width: 600px) {
  .account.account--five .salon-account__img {
    transform: translate(-1px, 1px);
  }
}
@media (min-width: 600px) {
  .account.account--five .salon-account__img img,
  .account.account--five .salon-account__img picture {
    height: calc(100% + 2px);
    max-height: none;
  }
}
@media (max-width: 600px) {
  .account.account--five .salon-account__img img,
  .account.account--five .salon-account__img picture {
    width: calc(100% + 2px);
    max-width: none;
  }
}
@media (max-width: 61.99875em) {
  .account.account--fix .account-text__constructor {
    margin-bottom: 4px;
  }
}
@media (max-width: 61.99875em) {
  .account.account--fix .connection-account__form {
    margin-bottom: 0;
  }
}
@media (max-width: 61.99875em) {
  .account.account--fix .form__agreement {
    margin-bottom: 21px !important;
  }
}
@media (max-width: 61.99875em) {
  .account.account--fix .form__items {
    margin-bottom: 12px;
  }
}
.account.account--eleven .input::placeholder {
  color: rgb(200, 200, 200);
}
.account.account--eleven .checkbox__label::before {
  content: "";
  top: 2px;
}
.account.account--eleven .checkbox__label::after {
  content: "";
  top: 6px;
}
.account__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .account__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .account__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) and (max-width: 37.5em) {
  .account__cards {
    gap: 2.0625rem 1rem;
  }
}
@media (max-width: 37.5em) {
  .account__cards .card-product__tags {
    top: 0.625rem;
    right: 0.625rem;
  }
}
@media (max-width: 37.5em) {
  .account__cards .card-product__favorites {
    right: 0.5625rem;
    top: 0.6875rem;
  }
  .account__cards .card-product__favorites::before, .account__cards .card-product__favorites::after {
    content: "";
    --size: 20px;
    width: var(--size);
    height: var(--size);
  }
}
@media (max-width: 61.99875em) {
  .account__cards .account__card {
    max-width: 100%;
  }
}
@media (max-width: 37.5em) {
  .account__cards .card-product__content {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-top: 0.75rem;
    border: none;
  }
}
.account__cards .card-product__img img,
.account__cards .card-product__img picture {
  height: 100%;
  aspect-ratio: 1/1;
}
@media (max-width: 37.5em) {
  .account__cards .card-product__img img,
  .account__cards .card-product__img picture {
    border-radius: 1rem;
    aspect-ratio: 164/170;
  }
}
@media (max-width: 47.99875em) {
  .account__cards .card-product__price {
    font-size: 1rem;
  }
  .account__cards .card-product__price.card-product__price--old {
    font-size: 0.8125rem;
  }
}
.account__inner {
  display: grid;
  grid-template-columns: 24.375rem auto;
  gap: 3rem;
}
@media (max-width: 95.99875em) {
  .account__inner {
    grid-template-columns: 21.875rem auto;
    gap: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 75em) {
  .account__inner {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.account__inner.account__inner--two {
  grid-template-columns: auto 31.4375rem;
}
@media (max-width: 95.99875em) {
  .account__inner.account__inner--two {
    grid-template-columns: auto 26.4375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 75em) {
  .account__inner.account__inner--two {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.account__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
}
@media (max-width: 47.99875em) {
  .account__top {
    gap: 0.625rem;
  }
}
.account__top .account__top-link {
  border: 1.5px solid rgb(210, 210, 229);
  padding: 0.875rem 1.5rem;
}
@media (max-width: 47.99875em) {
  .account__top .account__top-link {
    padding: 0.8125rem 1.4375rem;
  }
}
@media (any-hover: hover) {
  .account__top .account__top-link:hover {
    border: 1.5px solid var(--color-alt);
    color: var(--color-alt);
  }
}
.account__top-title {
  font-size: 1.75rem;
  line-height: 114.286%; /* 114.286% */
}
@media (max-width: 95.99875em) {
  .account__top-title {
    font-size: 1.5rem;
    line-height: 116.667%; /* 116.667% */
  }
}
.account__content {
  min-width: 0;
}
.account__content.account__content--two {
  max-width: 57.25rem;
}
@media (max-width: 75em) {
  .account__content.account__content--two {
    max-width: 100%;
  }
}
.account__content.account__content--two .account__row {
  gap: 1.5rem;
}
@media (max-width: 37.5em) {
  .account__content.account__content--two .account__row {
    margin: 0rem;
    gap: 1.25rem;
  }
}
.account__content.account__content--two {
  max-width: 100%;
}
.account__row {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
@media (max-width: 95.99875em) {
  .account__row {
    gap: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .account__row {
    margin: 0rem -1rem;
  }
}
.account__row.account__row--eleven {
  max-width: 916px;
}
@media (max-width: 37.5em) {
  .account__row.account__row--two {
    margin: 0rem;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--account {
    gap: 17px;
  }
}
.account__row.account__row--three {
  max-width: 57.25rem;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--three {
    gap: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 75em) {
  .account__row.account__row--three {
    max-width: 100%;
    gap: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 75em) and (max-width: 37.5em) {
  .account__row.account__row--three {
    margin: 0rem;
  }
}
@media (max-width: 37.5em) {
  .account__row.account__row--four {
    margin: 0rem;
  }
}
@media (max-width: 37.5em) {
  .account__row.account__row--five {
    margin: 0rem;
  }
}
.account__row.account__row--five .form__item--two {
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--five .form__item--two {
    flex-direction: column;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--five .form__item--two .form__item-selects {
    max-width: 100%;
  }
}
.account__row.account__row--five .account-text__title {
  margin-bottom: 0rem;
}
.account__row.account__row--six {
  gap: 1rem;
}
@media (max-width: 37.5em) {
  .account__row.account__row--six {
    margin: 0rem;
    gap: 1.1875rem;
  }
}
.account__row.account__row--six .account-text__title {
  margin-bottom: 0rem;
}
.account__row.account__row--seven {
  gap: 2.125rem;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--seven {
    gap: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .account__row.account__row--seven {
    margin: 0rem;
    gap: 1.1875rem;
  }
}
.account__row.account__row--seven .account-text__title {
  margin-bottom: 0rem;
}
.account__row.account__row--eight {
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--eight {
    gap: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .account__row.account__row--eight {
    margin: 0rem;
    gap: 1.1875rem;
  }
}
.account__row.account__row--eight .account-text__title {
  margin-bottom: 0rem;
}
.account__row.account__row--nine {
  gap: 0rem;
}
@media (max-width: 37.5em) {
  .account__row.account__row--nine {
    margin: 0rem;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--nine .account-text__title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--nine .account-text__title {
    margin-bottom: 1.25rem;
    letter-spacing: -0.0125rem;
  }
}
.account__row.account__row--nine .account-text__info {
  margin-bottom: 1.125rem;
}
@media (max-width: 29.99875em) {
  .account__row.account__row--nine .attention-account__text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
  }
}
.account__row.account__row--nine .attention-account__info {
  gap: 0.875rem;
}
.account__row.account__row--nine .attention-account {
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--nine .attention-account {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--nine .exchange-account__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 116.667% */
  }
}
.account__row.account__row--nine .exchange-account__items {
  margin-top: 1rem;
  margin-bottom: 1.875rem;
}
@media (min-width: 61.99875em) {
  .account__row.account__row--nine .exchange-account__items {
    gap: 1.375rem;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--nine .exchange-account__items {
    margin-bottom: 1.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--nine .exchange-account__items {
    margin-top: 0.75rem;
    gap: 0.75rem;
    margin-bottom: 1.4375rem;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--nine .exchange-account__items .item-exchange__title {
    padding-left: 2.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--nine .exchange-account__items .item-exchange__title {
    padding-left: 2.25rem;
  }
}
.account__row.account__row--nine .exchange-account__items .item-exchange__title span {
  top: 0;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--nine .exchange-account__items .item-exchange__title span {
    top: -0.0625rem;
  }
}
.account__row.account__row--ten {
  gap: 0rem;
}
@media (max-width: 37.5em) {
  .account__row.account__row--ten {
    margin: 0rem;
  }
}
.account__row.account__row--ten .account-text__title {
  margin-bottom: 0rem;
}
.account__row.account__row--text .processing-account__info {
  gap: 8px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--text .processing-account__image {
    margin-bottom: 3px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--text .processing-account__content {
    gap: 6px;
  }
}
.account__row.account__row--text .processing-account {
  gap: 24px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--text .processing-account {
    gap: 20px;
  }
}
.account__row.account__row--text .processing-account__list {
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--text .processing-account__list.processing-account__list--two {
    gap: 12px;
    margin-bottom: 0;
  }
}
.account__row.account__row--text .processing-account__title {
  margin-bottom: 7px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--text .processing-account__title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 0px;
  }
}
.account__row.account__row--fix {
  max-width: 916px;
}
.account__row.account__row--block {
  gap: 24px;
}
@media (max-width: 600px) {
  .account__row.account__row--twelve {
    margin: 0px;
  }
}
.account__row.account__row--twelve .account-text__constructor {
  margin-bottom: 20px;
}
.account__row.account__row--twelve .account-text__title {
  margin-bottom: 0;
}
@media (max-width: 47.99875em) {
  .account__row.account__row--twelve .account-text__title {
    margin-bottom: 1px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twelve .processing-account__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.account__row.account__row--twelve .processing-account__images {
  margin: 8px 0px;
}
.account__row.account__row--twelve .processing-account__images img,
.account__row.account__row--twelve .processing-account__images picture {
  border-radius: 16px;
}
.account__row.account__row--twelve .processing-account__block {
  gap: 8px;
}
@media (max-width: 600px) {
  .account__row.account__row--thirteen {
    margin: 0px;
  }
}
.account__row.account__row--thirteen .account-text__title {
  margin-bottom: 0;
}
.account__row.account__row--thirteen .processing-account__image img,
.account__row.account__row--thirteen .processing-account__image picture {
  border-radius: 16px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--thirteen .processing-account__text {
    font-size: 16px;
    line-height: 20px;
  }
}
.account__row.account__row--thirteen .processing-account__images--fix {
  margin-bottom: 8px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--thirteen .processing-account__images--fix {
    margin-bottom: 0;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--thirteen .processing-account__images--fix {
    margin-bottom: 5px;
  }
}
.account__row.account__row--thirteen .processing-account__images--fix img,
.account__row.account__row--thirteen .processing-account__images--fix picture {
  border-radius: 24px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--thirteen .processing-account__images--fix img,
  .account__row.account__row--thirteen .processing-account__images--fix picture {
    border-radius: 20px;
  }
}
.account__row.account__row--thirteen .account-text__constructor {
  margin-bottom: 24px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--thirteen .account-text__constructor {
    margin-bottom: 22px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--thirteen .account-text__constructor {
    margin-bottom: 19px;
  }
}
@media (max-width: 600px) {
  .account__row.account__row--fourteen {
    margin: 0px;
  }
}
.account__row.account__row--fourteen .account-text__title {
  margin-bottom: 0;
}
.account__row.account__row--fourteen .account-text__constructor {
  margin-bottom: 24px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--fourteen .account-text__constructor {
    margin-bottom: 22px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--fourteen .account-text__constructor {
    margin-bottom: 20px;
  }
}
.account__row.account__row--fourteen .processing-account__list {
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--fourteen .processing-account__list {
    gap: 12px;
  }
}
.account__row.account__row--fourteen .processing-account__image img,
.account__row.account__row--fourteen .processing-account__image picture {
  border-radius: 16px;
}
@media (max-width: 600px) {
  .account__row.account__row--fifteen {
    margin: 0px;
  }
}
.account__row.account__row--fifteen .account-text__title {
  margin-bottom: 0;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--fifteen .supplier-account__product {
    margin-bottom: 14px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--fifteen .product__pagging {
    bottom: -14px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--fifteen .supplier-account__brands {
    margin-top: -5px;
    margin-bottom: -26px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--fifteen .supplier-account__product {
    margin-top: 0px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--fifteen .account-text__supplier {
    gap: 24px;
  }
}
.account__row.account__row--fifteen .account-text__constructor {
  margin-bottom: 24px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--fifteen .account-text__constructor {
    margin-bottom: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--fifteen .account-text__constructor {
    margin-bottom: 11px;
  }
}
.account__row.account__row--sixteen {
  gap: 48px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--sixteen {
    gap: 32px;
  }
}
@media (max-width: 61.99875em) and (max-width: 600px) {
  .account__row.account__row--sixteen {
    margin: 0px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--sixteen .account-text__banner {
    margin-top: -10px;
  }
}
.account__row.account__row--sixteen .account-text__title {
  margin-bottom: 0;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--sixteen .processing-account__title {
    margin-bottom: 0px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--sixteen .processing-account__text br {
    display: none;
  }
}
.account__row.account__row--sixteen .account-text__vacancy {
  margin-top: 0;
  margin-bottom: 0;
}
.account__row.account__row--sixteen .processing-account__list {
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--sixteen .processing-account__list {
    gap: 12px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--sixteen .vacancy-account__title {
    font-size: 20px;
    line-height: 24px;
  }
}
.account__row.account__row--sixteen .account-text__processing {
  gap: 24px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--sixteen .account-text__processing {
    gap: 20px;
  }
}
.account__row.account__row--sixteen .account-text__constructor {
  margin-bottom: 8px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--sixteen .account-text__constructor {
    margin-bottom: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--sixteen .account-text__constructor {
    margin-bottom: 12px;
  }
}
@media (max-width: 600px) {
  .account__row.account__row--seventeen {
    margin: 0px;
  }
}
.account__row.account__row--seventeen .account-text__title {
  margin-bottom: 0;
}
.account__row.account__row--seventeen .account-text__processing {
  gap: 24px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--seventeen .account-text__processing {
    gap: 20px;
  }
}
.account__row.account__row--seventeen .processing-account__title {
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--seventeen .processing-account__title {
    font-size: 20px;
    font-weight: 500;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--seventeen .account-text__sublist {
    margin-bottom: 18px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--seventeen .account-text__constructor {
    margin-bottom: 10px;
  }
}
.account__row.account__row--seventeen .processing-account__link {
  min-height: 48px;
}
@media (max-width: 600px) {
  .account__row.account__row--eighteen {
    margin: 0px;
  }
}
.account__row.account__row--eighteen .account-text__title {
  margin-bottom: 0;
}
.account__row.account__row--eighteen .account-text__connection {
  padding-bottom: 16px;
}
@media (max-width: 600px) {
  .account__row.account__row--nineteen {
    margin: 0px;
  }
}
.account__row.account__row--nineteen .account-text__title {
  margin-bottom: 16px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--nineteen .body-deliverie__inner {
    padding-top: 20px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--nineteen .body-deliverie__inner {
    padding-top: 12px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--nineteen .body-deliverie__items {
    border-radius: 12px;
  }
}
@media (min-width: 61.99875em) {
  .account__row.account__row--nineteen .body-deliverie__column {
    min-height: 53px;
  }
}
.account__row.account__row--nineteen .body-deliverie__column .body-deliverie__text {
  height: 100%;
  justify-content: flex-start;
}
@media (max-width: 47.99875em) {
  .account__row.account__row--nineteen .body-deliverie__column .body-deliverie__text {
    justify-content: flex-start;
  }
}
.account__row.account__row--nineteen .spollers__body {
  padding-top: 0;
}
@media (max-width: 47.99875em) {
  .account__row.account__row--checkboxs .checkbox__label::before {
    content: "";
    top: 1px;
  }
  .account__row.account__row--checkboxs .checkbox__label::after {
    content: "";
    top: 6px;
  }
}
@media (max-width: 600px) {
  .account__row.account__row--twenty {
    margin: 0px;
  }
}
.account__row.account__row--twenty .account-text__form {
  margin-bottom: 0;
}
.account__row.account__row--twenty .column-account__text {
  line-height: 137%;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty .form__checkboxs {
    margin-top: 9px;
    margin-bottom: 9px;
    gap: 17px;
  }
}
@media (max-width: 61.99875em) and (max-width: 47.99875em) {
  .account__row.account__row--twenty .form__checkboxs .checkbox__label::before {
    content: "";
    top: 1px;
  }
  .account__row.account__row--twenty .form__checkboxs .checkbox__label::after {
    content: "";
    top: 6px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty .column-account {
    border-bottom: 1px solid #e2e2e8;
  }
}
@media (min-width: 61.99875em) {
  .account__row.account__row--twenty .column-account:not(:last-child) {
    padding-bottom: 13px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty .column-account:not(:last-child) {
    padding-bottom: 12px;
  }
}
@media (min-width: 95.99875em) {
  .account__row.account__row--twenty .account-text__inner {
    margin-top: -6px;
  }
}
.account__row.account__row--twenty .account-text__content {
  font-size: 14px;
  font-weight: 500;
}
.account__row.account__row--twenty .account-text__content a {
  font-size: 16px;
}
@media (max-width: 104.375em) {
  .account__row.account__row--twenty .account-text__content {
    line-height: 18px;
  }
  .account__row.account__row--twenty .account-text__content a {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .account__row.account__row--twenty-one {
    margin: 0px;
  }
}
.account__row.account__row--twenty-one .account-text__title {
  margin-bottom: 0;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-one .body-deliverie__inner {
    padding-top: 20px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--twenty-one .body-deliverie__inner {
    padding-top: 12px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-one .body-deliverie__block::before {
    content: "";
    top: 5px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-one .attention-account__item::after {
    content: "";
    top: 5px;
  }
}
@media (max-width: 47.99875em) {
  .account__row.account__row--twenty-one .body-deliverie__text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-one .body-deliverie__items {
    border-radius: 12px;
  }
}
.account__row.account__row--twenty-one .body-deliverie__item:last-child .body-deliverie__row {
  border-bottom: none;
}
.account__row.account__row--twenty-one .body-deliverie__item:not(:first-child) .body-deliverie__column {
  min-height: 81px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-one .body-deliverie__item:not(:first-child) .body-deliverie__column {
    min-height: 102px;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .account__row.account__row--twenty-one .body-deliverie__item:not(:first-child) .body-deliverie__column {
    min-height: auto;
  }
}
@media (min-width: 61.99875em) {
  .account__row.account__row--twenty-one .body-deliverie__column {
    min-height: 53px;
  }
}
.account__row.account__row--twenty-one .body-deliverie__column .body-deliverie__text {
  height: 100%;
}
@media (max-width: 47.99875em) {
  .account__row.account__row--twenty-one .body-deliverie__column .body-deliverie__text {
    justify-content: flex-start;
  }
}
.account__row.account__row--twenty-one .spollers__body {
  padding-top: 0;
}
@media (max-width: 600px) {
  .account__row.account__row--twenty-two {
    margin: 0px;
  }
}
.account__row.account__row--twenty-two .step-processing__subitem {
  font-weight: 400;
}
.account__row.account__row--twenty-two .step-processing__suplist {
  margin-bottom: 8px;
}
.account__row.account__row--twenty-two .application-processing__list {
  gap: 16px;
  margin-top: -5px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-two .application-processing__list {
    gap: 12px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-two .step-processing__list {
    margin-top: 3px;
    gap: 25px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-two .step-processing__subitem {
    font-weight: 400;
  }
}
.account__row.account__row--twenty-two .application-processing__item {
  min-height: 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-two .application-processing__item {
    min-height: 28px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--twenty-two .application-processing__item {
    min-height: 24px;
  }
}
.account__row.account__row--twenty-two .application-processing__item::before {
  top: 0;
}
@media (max-width: 600px) {
  .account__row.account__row--twenty-three {
    margin: 0px;
  }
}
.account__row.account__row--twenty-three .step-processing__suplist {
  margin-bottom: 8px;
}
.account__row.account__row--twenty-three .processing-account__images {
  margin-bottom: 10px;
}
.account__row.account__row--twenty-three .account-text__title {
  margin-bottom: 0;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-three .account-text__strong {
    margin: 0px;
    margin-bottom: 20px;
  }
  .account__row.account__row--twenty-three .account-text__strong .account-text__content {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }
}
.account__row.account__row--twenty-three .account-text__constructor {
  margin-bottom: 25px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-three .account-text__constructor {
    margin-bottom: 20px;
  }
}
.account__row.account__row--twenty-three .application-processing__list {
  gap: 16px;
  margin-top: -5px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-three .application-processing__list {
    gap: 12px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-three .step-processing__list {
    margin-top: 3px;
    gap: 25px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-three .step-processing__subitem {
    font-weight: 400;
  }
}
.account__row.account__row--twenty-three .exchange-account__items {
  margin-bottom: -8px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-three .exchange-account__items {
    margin-bottom: 0px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--twenty-three .exchange-account__items {
    gap: 12px !important;
  }
}
.account__row.account__row--twenty-three .processing-account__list {
  margin-top: -8px;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-three .processing-account__list {
    margin-bottom: 6px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--twenty-three .processing-account__list {
    margin-top: -5px;
    margin-bottom: 0;
  }
}
.account__row.account__row--twenty-three .item-exchange__title {
  min-height: 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-three .item-exchange__title {
    min-height: 28px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--twenty-three .item-exchange__title {
    min-height: 24px;
  }
}
.account__row.account__row--twenty-three .item-exchange__title span {
  top: 0 !important;
}
@media (max-width: 600px) {
  .account__row.account__row--twenty-four {
    margin: 0px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-four .account-text__title {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-four .processing-account {
    gap: 22px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .processing-account__title {
    font-size: 18px;
    line-height: 22px;
    padding-right: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .processing-account__item::before {
    content: "";
    top: 9px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-four .account-text__strong {
    margin-top: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .account-text__strong {
    margin-top: 19px;
    margin-bottom: 20px;
  }
  .account__row.account__row--twenty-four .account-text__strong .account-text__content {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .processing-account__image {
    margin-bottom: 3px;
  }
}
.account__row.account__row--twenty-four .processing-account__block {
  gap: 24px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .processing-account__block {
    gap: 18px;
  }
}
.account__row.account__row--twenty-four .exchange-account__items {
  gap: 24px !important;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .exchange-account__items {
    gap: 20px !important;
  }
}
.account__row.account__row--twenty-four .exchange-account__list {
  gap: 24px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .exchange-account__list {
    gap: 20px;
    margin-top: 3px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .exchange-account__column::before {
    content: "";
    top: 8px;
  }
}
.account__row.account__row--twenty-four .exchange-account__list--fix {
  margin-top: 10px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .exchange-account__list--fix {
    margin-top: 8px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .processing-account__come {
    font-size: 20px;
    line-height: 24px;
  }
}
.account__row.account__row--twenty-four .exchange-account__images--two {
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .exchange-account__images--two {
    gap: 7px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .exchange-account__content {
    margin-top: 18px;
  }
}
.account__row.account__row--twenty-four .item-exchange__title {
  min-height: 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-four .item-exchange__title {
    min-height: 28px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--twenty-four .item-exchange__title {
    min-height: 24px;
    padding-left: 32px !important;
  }
}
.account__row.account__row--twenty-four .item-exchange__title span {
  top: 0 !important;
}
@media (max-width: 600px) {
  .account__row.account__row--twenty-five {
    margin: 0px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-five .account-text__title {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-five .processing-account {
    gap: 22px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .processing-account__title {
    font-size: 18px;
    line-height: 22px;
    padding-right: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .processing-account__item::before {
    content: "";
    top: 9px;
  }
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-five .account-text__strong {
    margin-top: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .account-text__strong {
    margin-top: 19px;
    margin-bottom: 20px;
  }
  .account__row.account__row--twenty-five .account-text__strong .account-text__content {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .processing-account__image {
    margin-bottom: 3px;
  }
}
.account__row.account__row--twenty-five .processing-account__block {
  gap: 24px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .processing-account__block {
    gap: 18px;
  }
}
.account__row.account__row--twenty-five .exchange-account__items {
  gap: 16px !important;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .exchange-account__items {
    gap: 20px !important;
  }
}
.account__row.account__row--twenty-five .exchange-account__list {
  gap: 24px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .exchange-account__list {
    gap: 20px;
    margin-top: 3px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .exchange-account__column::before {
    content: "";
    top: 8px;
  }
}
.account__row.account__row--twenty-five .exchange-account__list--fix {
  margin-top: 10px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .exchange-account__list--fix {
    margin-top: 8px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .processing-account__come {
    font-size: 20px;
    line-height: 24px;
  }
}
.account__row.account__row--twenty-five .exchange-account__images--two {
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .exchange-account__images--two {
    gap: 7px;
  }
}
@media (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .exchange-account__content {
    margin-top: 18px;
  }
}
.account__row.account__row--twenty-five .item-exchange__title {
  min-height: 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 95.99875em) {
  .account__row.account__row--twenty-five .item-exchange__title {
    min-height: 28px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__row.account__row--twenty-five .item-exchange__title {
    min-height: 24px;
    padding-left: 32px !important;
  }
}
.account__row.account__row--twenty-five .item-exchange__title span {
  top: 0 !important;
}
.account .form__item-search {
  width: 100%;
  max-width: 25.125rem;
  position: relative;
}
@media (max-width: 95.99875em) {
  .account .form__item-search {
    max-width: 21.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account .form__item-search {
    max-width: 100%;
  }
}
.account .form__item-search .input {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  padding-left: 2.625rem;
  height: 3rem;
}
@media (max-width: 61.99875em) {
  .account .form__item-search .input {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    height: 2.875rem;
  }
}
.account .form__item-search .input::placeholder {
  color: #c8c8c8;
}
.account .form__item-search .form__search-icon {
  position: absolute;
  top: 0.9375rem;
  left: 1rem;
}
.account .form__item-search .form__search-icon::before {
  content: "";
  --size: 18px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #c8c8c8;
}
.account__column {
  border-radius: 1.5rem;
  border: 0.0625rem solid #ecf2fe;
}
.account__column.account__column--two {
  padding: 1rem 1rem 1rem 1.875rem;
  border-radius: 1rem;
  border-color: rgb(218, 230, 240);
}
@media (max-width: 95.99875em) {
  .account__column.account__column--two {
    padding: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .account__column.account__column--two {
    margin: 0rem 1rem;
  }
}
.account__column.account__column--border {
  border: none;
}
.account__column.account__column--three {
  border: none;
  padding: 0rem;
  border-radius: 0rem;
}
.account__column.account__column--three .content-account {
  padding: 1.9375rem 2.0625rem;
  border-radius: 1.5rem;
  box-shadow: 0px 1px 10px 0px rgba(4, 86, 156, 0.1);
}
@media (max-width: 95.99875em) {
  .account__column.account__column--three .content-account {
    padding: 1.1875rem 1.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .account__column.account__column--three .content-account {
    padding: 1rem;
  }
}
@media (max-width: 95.99875em) {
  .account__column.account__column--three .account__column-items {
    gap: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .account__column.account__column--three .account__column-items {
    gap: 1.25rem;
  }
}
.account__column.account__column--three .content-account__inner {
  padding: 0rem;
}
@media (max-width: 61.99875em) {
  .account__column.account__column--fix {
    border: none;
  }
  .account__column.account__column--fix .favorites-account--three {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.account__column-product {
  padding: 0rem 2rem 2rem;
  min-width: 0;
}
@media (max-width: 95.99875em) {
  .account__column-product {
    padding: 0rem 1.25rem 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .account__column-product {
    padding: 0rem 1rem 2.1875rem;
  }
}
.account__column-product .account__column-slider {
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 47.99875em) {
  .account__column-product .account__column-slider {
    overflow: visible;
  }
}
@media (max-width: 95.99875em) {
  .account__column-product .account__column-slider .card-product__img img,
  .account__column-product .account__column-slider .card-product__img picture {
    height: 100%;
    aspect-ratio: 1/1;
  }
}
.account__column-product.account__column-product--two {
  background: #f5f5f5;
  border-radius: 1.25rem;
  padding: 2rem;
  position: relative;
}
@media (max-width: 95.99875em) {
  .account__column-product.account__column-product--two {
    padding: 1.75rem 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account__column-product.account__column-product--two {
    background: transparent;
    padding: 0rem 1rem 2.3125rem;
  }
}
.account__column-product.account__column-product--two .product__pagging {
  bottom: 1rem;
}
.account__column-product.account__column-product--two .card-product__content {
  background: var(--color-whte);
}
.account__column-product.account__column-product--two .account__column-slider {
  position: static;
}
.account__column-product.account__column-product--two .product__arrows {
  top: 1.625rem;
  right: 2rem;
}
@media (max-width: 95.99875em) {
  .account__column-product.account__column-product--two .product__arrows {
    right: 1.25rem;
    top: 1.5rem;
  }
}
@media (max-width: 61.99875em) {
  .account__column-product.account__column-product--padding {
    padding: 0px 0px 36px !important;
  }
  .account__column-product.account__column-product--padding .account__column-slider {
    overflow: visible;
  }
}
.account__column-items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .account__column-items {
    gap: 0.9375rem;
  }
}
.account__column-items.account__column-items--two {
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}
@media (max-width: 95.99875em) {
  .account__column-items.account__column-items--two {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .account__column-items.account__column-items--two {
    gap: 1.3125rem;
  }
}
.account__form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.form__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 2rem;
}
@media (max-width: 61.99875em) {
  .form__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}
.form__item-top {
  margin-bottom: 0.5625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
}
@media (max-width: 61.99875em) {
  .form__item-top {
    margin-bottom: 0.4375rem;
  }
}
.form__item-label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  position: relative;
}
@media (max-width: 61.99875em) {
  .form__item-label {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.form__item-label span {
  position: absolute;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  top: -0.25rem;
  right: -0.5625rem;
  color: #027ae0;
}
.form__item-input .input {
  padding: 0.8125rem 1rem;
}
@media (max-width: 95.99875em) {
  .form__item-input .input {
    height: 3rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .form__item-input .input {
    height: 2.6875rem;
    font-size: 0.8125rem;
    line-height: 15px; /* 115.385% */
    padding: 0.3125rem 1rem;
  }
  .form__item-input .input::placeholder {
    font-size: 0.8125rem;
    line-height: 15px; /* 115.385% */
  }
}
.form__item-input.form__item-input--password {
  position: relative;
}
.form__item-input.form__item-input--password._password::after {
  content: "";
  opacity: 1;
}
.form__item-input.form__item-input--password._password::before {
  content: "";
  opacity: 0;
}
.form__item-input.form__item-input--password::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  background: url("/local/templates/opticvision/static/output/../img/22.svg") center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
  pointer-events: none;
  cursor: pointer;
}
.form__item-input.form__item-input--password::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  background: url("/local/templates/opticvision/static/output/../img/21.svg") center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  pointer-events: none;
  transition: all 0.15s ease-in 0s;
  opacity: 0;
  cursor: pointer;
}
.form__item-selects {
  display: grid;
  grid-template-columns: 8.4375rem auto 8.4375rem;
  gap: 0.5rem;
}
@media (max-width: 95.99875em) {
  .form__item-selects {
    grid-template-columns: 7.5625rem auto 7.5625rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .form__item-selects {
    grid-template-columns: repeat(3, 1fr);
  }
}
.form__item-select .select__content {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .form__item-select .select__content {
    font-size: 0.8125rem;
  }
}
.form__item-select .select__value {
  height: 3rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  padding: 0.8125rem 0.9375rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .form__item-select .select__value {
    height: 2.75rem;
  }
}
.form__item-select .select__value::after {
  content: "";
  --size: 16px;
  margin-right: 0.3125rem;
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .form__item-select .select__value::after {
    --size: 12px;
  }
}
.form__item-select .select__options {
  border-radius: 1rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  background: var(--color-whte);
  padding: 0.375rem;
  top: calc(100% + 0.0625rem);
}
.form__item-select .select__scroll::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}
.form__item-select .select__scroll::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.form__item-select .select__scroll::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.form__item-select .select__scroll {
  scrollbar-width: thin; /* Устанавливает ширину полосы прокрутки */
  scrollbar-color: #e2e2e8 white; /* Цвет бегунка и трека */
}
.form__item-select .select__option {
  padding: 0.375rem 0.25rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .form__item-select .select__option:hover {
    background: #f5f5f5;
  }
}
.form__item-select .select__option._active {
  color: var(--color-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.form__item-select .select__option._active::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/31.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.form__item-select .select__option.none {
  color: #8b96a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}
.form__item-select .select__option.none::after {
  content: "Нет в наличии";
  font-size: 0.6875rem;
  line-height: 136.364%; /* 136.364% */
  color: #fc5230;
}
.form__item-select .form {
  display: none;
}
.form__item-select ._select-open .select__value {
  border-color: rgb(139, 150, 163);
}
.form .form__item .form__item-options {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 1rem 3rem;
}
.form__fieldset-subtitle {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .form__fieldset-subtitle {
    font-size: 1.25rem;
    line-height: 120%; /* 120% */
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .form__fieldset-subtitle {
    font-size: 1.0625rem;
    line-height: 117.647%; /* 117.647% */
    margin-bottom: 1.125rem;
  }
}
.form__blocks {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .form__blocks {
    gap: 0.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .form__blocks {
    gap: 1rem;
  }
}
.form__block {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .form__block {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
  }
}
.form__block .form__item {
  max-width: 28.875rem;
  width: 100%;
}
@media (max-width: 61.99875em) {
  .form__block .form__item {
    max-width: 100%;
  }
}
.form__block .form__confirm {
  color: #027ae0;
  border: 0.0625rem solid #027ae0;
  padding: 0.875rem 1.5rem;
}
@media (max-width: 95.99875em) {
  .form__block .form__confirm {
    padding: 0.8125rem 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .form__block .form__confirm {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.form__block.form__block--examination {
  align-items: flex-start;
}
@media (max-width: 61.99875em) {
  .form__block.form__block--examination {
    gap: 0.8125rem;
  }
}
@media (min-width: 61.99875em) {
  .form__block.form__block--examination .form__confirm {
    margin-top: 1.8125rem;
  }
}
@media (min-width: 61.99875em) {
  .form__block.form__block--examination .form__item:nth-child(1) {
    width: 27.625rem;
    flex: 0 0 27.625rem;
  }
}
.form__block.form__block--confirmed {
  align-items: flex-start;
}
@media (min-width: 61.99875em) {
  .form__block.form__block--confirmed .form__item {
    max-width: 27.625rem;
  }
}
.form__block.form__block--password {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.875rem;
}
@media (min-width: 61.99875em) {
  .form__block.form__block--password {
    max-width: 27.625rem;
  }
}
.form__block.form__block--password .form__item {
  max-width: 100%;
}
.form__item-btns {
  margin-top: 10px;
  flex-direction: column;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 100%;
}
@media (max-width: 47.99875em) {
  .form__item-btns {
    gap: 0.75rem;
    display: flex;
    flex-direction: column-reverse;
  }
}
.form__item-btns .form__item-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-alt);
  border: 0.0625rem solid var(--color-alt);
  padding: 0.875rem 1.5rem;
}
@media (max-width: 61.99875em) {
  .form__item-btns .form__item-btn {
    padding: 0.8125rem 1.5rem;
  }
}
@media (any-hover: hover) {
  .form__item-btns .form__item-btn:hover {
    background: var(--color-alt);
    color: var(--color-whte);
  }
}
.form__item-btns .checkbox__text {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 142.857%;
  transition: all 0.15s ease-in 0s;
}
.form__item-clue {
  font-size: 0.875rem;
  line-height: 128.571%; /* 128.571% */
  color: #8b96a3;
  position: relative;
  padding-left: 1.5rem;
  margin-top: 0.6875rem;
}
.form__item-clue::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #8b96a3;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  --size: 18px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 95.99875em) {
  .form__item-clue {
    margin-top: 0.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .form__item-clue {
    margin-top: 0.625rem;
  }
}
@media (any-hover: hover) {
  .form .form__confirm:hover {
    background: var(--color-alt);
    color: var(--color-whte);
  }
}
.form__checkboxs {
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
  margin-top: -0.3125rem;
}
@media (max-width: 95.99875em) {
  .form__checkboxs {
    margin-top: 0rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .form__checkboxs {
    gap: 0.5rem;
  }
}
.form__checkbox {
  margin-bottom: 0rem;
}
.options__item {
  padding-top: 0.875rem;
}
@media (max-width: 75em) {
  .aside-account {
    position: relative;
    z-index: 3;
  }
}
.aside-account__pages {
  position: relative;
}
.aside-account__title {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
  padding: 0.8125rem 3.125rem 0.875rem 1rem;
  border-radius: 0.5rem;
  transition: all 0.15s ease-in 0s;
  background: #f5f5f5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.aside-account__title span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 75em) {
  .aside-account__title {
    display: none;
  }
}
.aside-account__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.125rem;
  transform: translateY(-50%);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  transition: all 0.15s ease-in 0s;
  background: var(--color-primary);
}
.aside-account__title._active::after {
  transform: translateY(-50%) rotate(180deg);
}
.aside-account__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 3rem;
}
@media (max-width: 95.99875em) {
  .aside-account__list {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 75em) {
  .aside-account__list {
    margin-bottom: 0rem;
    padding: 0.25rem;
    gap: 0.25rem;
    position: absolute;
    border-radius: 0.5rem;
    top: calc(100% + 1.75rem);
    left: 0;
    z-index: 7;
    background: rgb(255, 255, 255);
    width: 100%;
    box-shadow: 0px 0px 16px -4px rgba(16, 24, 40, 0.08), 0px -1px 6px -2px rgba(16, 24, 40, 0.03);
    max-height: 20rem;
    overflow: auto;
    transition: all 0.15s ease-in 0s;
    opacity: 0;
    pointer-events: none;
    z-index: 3;
  }
}
.aside-account__list._active {
  opacity: 1;
  top: calc(100% + 0.5rem);
  pointer-events: all;
}
.aside-account__category {
  padding: 0.8125rem 1.5rem;
  border-radius: 0.5rem;
  transition: all 0.15s ease-in 0s;
  width: 100%;
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  position: relative;
}
.aside-account__category::after {
  content: "";
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  background: url("/local/templates/opticvision/static/output/../img/74.svg") center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .aside-account__category {
    font-size: 1rem;
    line-height: 125%; /* 125% */
    padding: 0.875rem 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 75em) {
  .aside-account__category {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    padding: 0.9375rem 0.75rem;
  }
}
.aside-account__category._active {
  background: #ecf2fe;
  font-weight: 500;
}
@media (any-hover: hover) {
  .aside-account__category:hover {
    background: #ecf2fe;
  }
}
.aside-account__category._active::after {
  content: "";
  transform: rotate(180deg);
}
.aside-account__link {
  padding: 0.8125rem 1.5rem;
  border-radius: 0.5rem;
  transition: all 0.15s ease-in 0s;
  width: 100%;
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 95.99875em) {
  .aside-account__link {
    font-size: 1rem;
    line-height: 125%; /* 125% */
    padding: 0.875rem 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 75em) {
  .aside-account__link {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    padding: 0.9375rem 0.75rem;
  }
}
.aside-account__link._active {
  background: #ecf2fe;
  font-weight: 500;
}
@media (any-hover: hover) {
  .aside-account__link:hover {
    background: #ecf2fe;
  }
}
.aside-account__link__icon {
  display: flex;
  justify-content: space-between;
}
.aside-account__link__icon::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 24px;
  width: var(--size);
  height: var(--size);
}
.aside-account__link__child {
  padding-left: 20px;
}
.aside-account__banners {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 75em) {
  .aside-account__banners {
    max-width: 21.4375rem;
    margin-top: 1rem;
  }
}
@media (max-width: 75em) and (max-width: 29.99875em) {
  .aside-account__banners {
    max-width: 100%;
  }
}
.banner-aside {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  width: 100%;
}
@media (any-hover: hover) {
  .banner-aside:hover .banner-aside__img img,
  .banner-aside:hover .banner-aside__img picture {
    transform: scale(1.1);
  }
}
.banner-aside__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  min-height: 26rem;
  gap: 1.25rem;
}
@media (max-width: 95.99875em) {
  .banner-aside__content {
    min-height: 22.5rem;
    padding: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 75em) {
  .banner-aside__content {
    min-height: 17.5rem;
    padding: 1rem;
  }
}
.banner-aside__info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 75em) {
  .banner-aside__info {
    gap: 0.3125rem;
  }
}
.banner-aside__title {
  font-size: 1.375rem;
  line-height: 118.182%; /* 118.182% */
}
.banner-aside__text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 125%; /* 125% */
}
@media (max-width: 75em) {
  .banner-aside__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 125% */
  }
}
.banner-aside__link {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  background: var(--color-whte);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.banner-aside__link::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
}
.banner-aside__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-aside__img img,
.banner-aside__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  transition: all 0.15s ease-in 0s;
}
.top-account {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
  padding: 1.25rem 2rem;
  background: #ecf2fe;
  margin-bottom: 1.5rem;
  border-radius: 1.5rem 1.5rem 0rem 0rem;
  width: calc(100% + 1px);
  transform: translate(-1px, -1px);
}
@media (max-width: 95.99875em) {
  .top-account {
    padding: 1rem 1.1875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .top-account {
    padding: 0.75rem 1rem;
    margin-bottom: 1.25rem;
  }
}
.top-account__category {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.75rem;
  line-height: 114.286%; /* 114.286% */
}
.top-account__category span {
  --size: 44px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-whte);
  border-radius: 50%;
}
.top-account__category span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 20px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 95.99875em) {
  .top-account__category span {
    --size: 38px;
  }
  .top-account__category span::before {
    content: "";
    --size: 17px;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .top-account__category span {
    --size: 28px;
  }
  .top-account__category span::before {
    content: "";
    --size: 14px;
  }
}
@media (max-width: 95.99875em) {
  .top-account__category {
    gap: 0.75rem;
    font-size: 1.5rem;
    line-height: 116.667%; /* 116.667% */
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .top-account__category {
    font-size: 1.25rem;
    line-height: 120%; /* 120% */
    gap: 0.5rem;
  }
}
.top-account__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  margin-top: -3px;
  transition: all 0.15s ease-in 0s;
}
.top-account__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 12px;
  width: var(--size);
  height: var(--size);
  margin-top: 2px;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .top-account__link::after {
    margin-top: 4px;
  }
}
@media (max-width: 95.99875em) {
  .top-account__link {
    gap: 0.5rem;
  }
}
@media (any-hover: hover) {
  .top-account__link:hover {
    color: var(--color-alt);
  }
  .top-account__link:hover::after {
    content: "";
    background: var(--color-alt);
    transform: translate(0.3125rem, 0rem);
  }
}
.content-account__inner {
  width: 100%;
  padding: 0rem 2rem 2rem;
}
@media (max-width: 95.99875em) {
  .content-account__inner {
    padding: 0rem 1.25rem 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .content-account__inner {
    padding: 0rem 1rem 0.75rem;
  }
}
.content-account__info {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 95.99875em) {
  .content-account__info {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .content-account__info {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0.8125rem;
    margin-bottom: 1rem;
  }
}
.content-account__title {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
}
@media (max-width: 47.99875em) {
  .content-account__title {
    font-size: 1.125rem;
    line-height: 133.333%; /* 133.333% */
  }
}
.content-account__items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 37.5em) {
  .content-account__items {
    gap: 0.75rem;
  }
}
.content-account__item {
  display: grid;
  grid-template-columns: 13.75rem auto;
  gap: 1.5rem;
  align-items: flex-start;
}
@media (max-width: 37.5em) {
  .content-account__item {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.25rem;
  }
}
.content-account__item:not(:last-child) {
  padding-bottom: 0.6875rem;
  border-bottom: 0.0625rem solid #e2e2e8;
}
@media (max-width: 37.5em) {
  .content-account__item:not(:last-child) {
    padding-bottom: 0.625rem;
  }
}
.content-account__category {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
}
@media (max-width: 37.5em) {
  .content-account__category {
    font-size: 0.875rem;
    line-height: 128.571%; /* 128.571% */
  }
}
.content-account__text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  word-break: break-word;
}
.content-account__text span {
  display: block;
  color: #8b96a3;
}
@media (max-width: 37.5em) {
  .content-account__text {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 120%; /* 120% */
  }
}
.content-account__link {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.15s ease-in 0s;
  color: var(--color-alt);
}
.content-account__link::after {
  margin-top: 2px;
}
@media (max-width: 95.99875em) {
  .content-account__link {
    margin-top: 0.375rem;
  }
  .content-account__link::after {
    content: "";
    --size: 12px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .content-account__link::after {
    margin-top: 4px;
  }
}
@media (any-hover: hover) {
  .content-account__link:hover {
    color: var(--color-alt);
  }
  .content-account__link:hover::after {
    content: "";
    background: var(--color-alt);
  }
}
.content-account__link span:nth-child(2) {
  display: none;
}
.content-account__link._active {
  margin-top: 0.8125rem;
  color: var(--color-alt);
}
.content-account__link._active::after {
  content: "";
  transform: rotate(180deg);
  background: var(--color-alt);
  margin-top: 3px;
}
.content-account__link._active span:nth-child(1) {
  display: none;
}
.content-account__link._active span:nth-child(2) {
  display: flex;
}
.content-account__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.clue-content {
  position: relative;
}
.clue-content__subtitle {
  padding: 0.125rem 0.25rem 0.125rem 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: var(--color);
  background: var(--bg);
  border-radius: 6.25rem;
  max-width: max-content;
  cursor: pointer;
  z-index: 2;
  position: relative;
}
.clue-content__subtitle::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.clue-content__info {
  opacity: 0;
  transition: all 0.15s ease-in 0s;
  position: absolute;
  top: calc(100% + -1.25rem);
  left: 50%;
  transform: translate(-50%, 0rem);
  width: 17rem;
  z-index: 3;
  pointer-events: none;
}
@media (max-width: 37.5em) {
  .clue-content__info {
    transform: translate(0rem, 0rem);
    left: 0;
    width: 19.4375rem;
  }
}
.clue-content__info._active {
  opacity: 1;
  pointer-events: all;
}
.clue-content__items {
  background: var(--color-whte);
  padding: 0.5rem 0.75rem 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 16px -4px rgba(16, 24, 40, 0.08), 0px -1px 6px -2px rgba(16, 24, 40, 0.03);
  position: relative;
  top: 1.625rem;
}
.clue-content__item {
  color: #8b96a3;
  padding-left: 1.3125rem;
  position: relative;
}
.clue-content__item:last-child::after {
  content: "";
  display: none;
}
.clue-content__item:not(:last-child) {
  padding-bottom: 1.5rem;
}
@media (max-width: 47.99875em) {
  .clue-content__item:not(:last-child) {
    padding-bottom: 1rem;
  }
}
.clue-content__item::before {
  content: "";
  position: absolute;
  top: 0.1875rem;
  left: 0;
  --size: 12px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 0.0625rem solid #053d7c;
  background: var(--color-whte);
  z-index: 2;
}
.clue-content__item::after {
  content: "";
  position: absolute;
  top: 0.1875rem;
  left: 5px;
  width: 2px;
  height: 100%;
  background: #053d7c;
}
.clue-content__item._active {
  color: #053d7c;
}
.clue-content__item._active::before {
  content: "";
  background: #053d7c;
}
.clue-content__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
@media (max-width: 47.99875em) {
  .clue-content__title {
    line-height: 120%; /* 125% */
    font-size: 0.9375rem;
  }
}
.clue-content__time {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
}
.clue-content__text {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
}
.showmore-content {
  margin-top: 0.875rem;
}
@media (max-width: 95.99875em) {
  .showmore-content {
    margin-top: 0.5rem;
  }
}
.showmore-content__items {
  padding-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 95.99875em) {
  .showmore-content__items {
    padding-top: 0.75rem;
  }
}
.showmore-content__item {
  background: #f5f5f5;
  border-radius: 0.75rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: 10rem auto;
  gap: 1.25rem;
  align-items: center;
}
@media (max-width: 47.99875em) {
  .showmore-content__item {
    align-items: flex-start;
    grid-template-columns: 5rem auto;
    gap: 0.75rem;
    padding: 0.75rem;
  }
}
.showmore-content__img img,
.showmore-content__img picture {
  --size: 160px;
  width: var(--size);
  height: var(--size);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
}
@media (max-width: 47.99875em) {
  .showmore-content__img img,
  .showmore-content__img picture {
    --size: 80px;
  }
}
.showmore-content__inner {
  display: grid;
  grid-template-columns: auto 14.375rem;
  gap: 1.875rem;
  padding: 1rem;
  padding-left: 0rem;
  height: 100%;
}
@media (max-width: 47.99875em) {
  .showmore-content__inner {
    padding: 0rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
}
.showmore-content__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 37.5em) {
  .showmore-content__title {
    font-size: 0.9375rem;
    line-height: 120%; /* 125% */
    padding-right: 1.875rem;
  }
}
@media (any-hover: hover) {
  .showmore-content__title:hover {
    color: var(--color-alt);
  }
}
.showmore-content__article {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #8b96a3;
  display: block;
  margin-top: 0.25rem;
}
.showmore-content__row {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 37.5em) {
  .showmore-content__row {
    margin-top: 0.875rem;
  }
}
.showmore-content__column {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.showmore-content__category {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #8b96a3;
}
@media (max-width: 37.5em) {
  .showmore-content__category {
    font-size: 0.75rem;
  }
}
.showmore-content__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 37.5em) {
  .showmore-content__text {
    font-size: 0.75rem;
  }
}
.constructor-showmore {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.constructor-showmore__top {
  flex: 1 1 auto;
  gap: 1.875rem;
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
}
@media (max-width: 47.99875em) {
  .constructor-showmore__top {
    flex-direction: row-reverse;
    width: 100%;
    flex: none;
  }
}
.constructor-showmore__value {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 37.5em) {
  .constructor-showmore__value {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
  }
}
@media (max-width: 47.99875em) {
  .constructor-showmore__prices {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
}
@media (min-width: 47.99875em) {
  .constructor-showmore__prices {
    text-align: right;
    margin-left: auto;
  }
}
.constructor-showmore__price {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 37.5em) {
  .constructor-showmore__price {
    font-size: 1rem;
    line-height: 125%; /* 122.222% */
  }
}
.constructor-showmore__old {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  letter-spacing: -0.224px;
  color: #8b96a3;
}
@media (max-width: 37.5em) {
  .constructor-showmore__old {
    font-size: 0.75rem;
  }
}
.constructor-showmore__btns {
  display: flex;
  gap: 1rem;
  margin-left: auto;
}
.constructor-showmore__btn {
  --size: 44px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-whte);
  position: relative;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 37.5em) {
  .constructor-showmore__btn {
    --size: 32px;
  }
}
.constructor-showmore__btn::before {
  content: "";
  background: var(--icon) center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 37.5em) {
  .constructor-showmore__btn::before {
    --size: 16px;
  }
}
.constructor-showmore__btn::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background: var(--color-error);
  transition: all 0.15s ease-in 0s;
  transform: scale(0);
  position: absolute;
}
.constructor-showmore__btn._active::before {
  content: "";
}
.constructor-showmore__btn._active::after {
  content: "";
  transform: scale(1);
}
@media (any-hover: hover) {
  .constructor-showmore__btn:hover::before {
    content: "";
  }
  .constructor-showmore__btn:hover::after {
    content: "";
    transform: scale(1);
  }
}
.constructor-showmore__btn.constructor-item__btn--favorites::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  mask: url("/local/templates/opticvision/static/output/../img/08.svg") center center/contain no-repeat;
  -webkit-mask: url("/local/templates/opticvision/static/output/../img/08.svg") center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background: var(--color-error);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 37.5em) {
  .constructor-showmore__btn.constructor-item__btn--favorites::after {
    --size: 16px;
  }
}
.constructor-showmore__btn.constructor-item__btn--favorites._active::after {
  content: "";
  transform: translate(-50%, -50%) scale(1);
}
.order-account {
  display: flex;
  align-items: center;
  gap: 2rem;
  justify-content: space-between;
}
@media (max-width: 37.5em) {
  .order-account {
    flex-direction: column;
    align-items: flex-start;
  }
}
.order-account__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 37.5em) {
  .order-account__title {
    font-size: 1.125rem;
    line-height: 100%; /* 100% */
  }
}
.order-account .order-account__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding: 1rem 1.5rem;
}
@media (max-width: 37.5em) {
  .order-account .order-account__link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.favorites-account {
  border-radius: 24px;
  background: #f6f9ff;
  padding: 3rem 0rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .favorites-account {
    padding: 2rem 0rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .favorites-account {
    padding: 1.5rem 0rem;
    margin-bottom: 1.0625rem;
  }
}
.favorites-account.favorites-account--three {
  margin-bottom: 0;
}
@media (max-width: 61.99875em) {
  .favorites-account.favorites-account--three {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.favorites-account.favorites-account--two {
  margin-bottom: 0rem;
  border: none;
}
.favorites-account__content {
  max-width: 27.0625rem;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 95.99875em) {
  .favorites-account__content {
    max-width: 22.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .favorites-account__content {
    max-width: 19.4375rem;
  }
}
.favorites-account__icon {
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 80px;
  width: var(--size);
  height: var(--size);
  margin: 0 auto 1.5625rem;
  text-align: center;
}
@media (max-width: 95.99875em) {
  .favorites-account__icon {
    --size: 60px;
    margin: 0 auto 1.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .favorites-account__icon {
    margin: 0 auto 1rem;
  }
}
.favorites-account__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
  margin-bottom: 0.5rem;
}
@media (max-width: 47.99875em) {
  .favorites-account__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 120%; /* 120% */
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 29.99875em) {
  .favorites-account__title.favorites-account__title--two br {
    display: none;
  }
}
.favorites-account__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .favorites-account__text {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .favorites-account__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    margin-bottom: 1rem;
  }
}
.favorites-account .favorites-account__link {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding: 1rem 1.5rem;
}
.account__column-history {
  margin-bottom: 1.5rem;
  padding-right: 7.5rem;
}
@media (max-width: 47.99875em) {
  .account__column-history {
    padding-right: 1.25rem;
    margin-bottom: 1rem;
  }
}
.content-account__repeat {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  line-height: 128.571%; /* 128.571% */
  color: var(--color);
  margin-bottom: 0.5625rem;
}
@media (max-width: 37.5em) {
  .content-account__repeat {
    font-size: 0.8125rem;
    margin-bottom: 1rem;
  }
}
.content-account__repeat::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color);
}
@media (max-width: 37.5em) {
  .content-account__repeat::before {
    display: none;
  }
}
.content-account__btns {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 9.0625rem;
}
@media (max-width: 47.99875em) {
  .content-account__btns {
    display: none;
  }
}
.content-account__btns.content-account__btns--mobile {
  display: flex;
  flex-direction: row;
  margin-top: 1.5rem;
}
@media (min-width: 47.99875em) {
  .content-account__btns.content-account__btns--mobile {
    display: none;
  }
}
.content-account__btns .content-account__btn {
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4375rem 1.0625rem;
  font-size: 0.875rem;
  line-height: 128.571%; /* 128.571% */
  border: 0.0625rem solid transparent;
}
@media (max-width: 47.99875em) {
  .content-account__btns .content-account__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.content-account__btns .content-account__btn.btn--whte {
  border: 0.0625rem solid #027ae0;
  color: #027ae0;
}
@media (any-hover: hover) {
  .content-account__btns .content-account__btn.btn--whte:hover {
    border: 0.0625rem solid var(--color-ble);
    color: var(--color-ble);
  }
}
.content-account__review {
  padding: 0.5rem 0rem;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 128.571%; /* 128.571% */
  color: var(--color-alt);
  text-align: center;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .content-account__review:hover {
    color: var(--color-ble);
  }
}
.content-account__order {
  display: flex;
  gap: 2rem;
}
@media (max-width: 47.99875em) {
  .content-account__order {
    flex-direction: column;
  }
}
.content-account__block {
  width: 100%;
}
.form__item-confirmed {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.6875rem;
}
@media (min-width: 61.99875em) {
  .form__item-confirmed {
    margin-top: 2.75rem;
  }
}
@media (max-width: 61.99875em) {
  .form__item-confirmed {
    margin-left: 1rem;
    font-size: 0.8125rem;
    line-height: 115.385%; /* 115.385% */
    gap: 0.5rem;
  }
}
.form__item-confirmed::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: #008b5d;
}
@media (max-width: 61.99875em) {
  .form__item-confirmed::before {
    --size: 16px;
  }
}
.account-text {
  gap: 2rem;
}
@media (max-width: 95.99875em) {
  .account-text {
    gap: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text {
    gap: 1.1875rem;
  }
}
.account-text.account-text--two .form {
  margin-bottom: 0px;
}
.account-text__sale {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.account-text__time {
  padding: 0.125rem 0.5625rem 3px;
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #e44e45;
  background: #fee1dd;
  border-radius: 100px;
}
.account-text__remaining {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #e44e45;
}
@media (max-width: 95.99875em) {
  .account-text__inner.account-text__inner--two .account-text__showmore {
    margin-top: 1.25rem;
  }
}
.account-text__inner.account-text__inner--two .account-text__items {
  padding: 0.75rem 1rem;
  grid-template-columns: 8.5rem auto 31.6875rem;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .account-text__inner.account-text__inner--two .account-text__items {
    grid-template-columns: 7rem auto 21.25rem;
    gap: 1.1875rem;
    padding: 0.75rem 1.0625rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__inner.account-text__inner--two .account-text__items {
    grid-template-columns: 5rem auto 21.25rem;
    gap: 0.5rem;
  }
}
.account-text__inner.account-text__inner--two .column-account__items {
  grid-template-columns: auto 31.6875rem;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .account-text__inner.account-text__inner--two .column-account__items {
    grid-template-columns: auto 21.25rem;
    gap: 1.1875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .account-text__inner.account-text__inner--two .column-account__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
.account-text__inner.account-text__inner--two .column-account {
  padding: 1.25rem 1rem 1.0625rem;
  border-radius: 1rem;
  background: #f6f9ff;
}
@media (max-width: 95.99875em) {
  .account-text__inner.account-text__inner--two .column-account {
    padding: 1rem 1rem 0.8125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__inner.account-text__inner--two .column-account {
    padding: 0.75rem;
  }
}
.account-text__inner.account-text__inner--two .column-account__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 1rem;
}
@media (max-width: 47.99875em) {
  .account-text__inner.account-text__inner--two .column-account__content {
    flex-direction: row;
    align-items: flex-end;
  }
}
@media (max-width: 47.99875em) and (max-width: 37.5em) {
  .account-text__inner.account-text__inner--two .column-account__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.875rem;
  }
}
.account-text__items {
  background: #ecf2fe;
  border-radius: 0.5rem;
  display: grid;
  grid-template-columns: 22.5rem auto 10rem;
  gap: 2.5625rem;
  padding: 0.75rem 0rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .account-text__items {
    gap: 0.875rem;
    grid-template-columns: 13.75rem auto 10rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .account-text__items {
    display: none;
  }
}
.account-text__item {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
.account-text__block {
  display: grid;
  grid-template-columns: 10rem 11.25rem;
  gap: 1rem;
  justify-content: space-between;
}
@media (max-width: 95.99875em) {
  .account-text__block {
    gap: 1.1875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__block {
    margin-left: 0.3125rem;
  }
}
.account-text__row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.account-text .account-text__showmore {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  margin: 2rem auto 0rem;
  border: 1.5px solid #d2d2e5;
  padding: 0.8125rem 1.5rem;
}
@media (any-hover: hover) {
  .account-text .account-text__showmore:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .account-text .account-text__showmore {
    margin: 1.25rem auto 0rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 29.99875em) {
  .account-text .account-text__showmore {
    max-width: 100%;
  }
}
.account-text__text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-top: 1.5rem;
}
@media (max-width: 95.99875em) {
  .account-text__text {
    margin-top: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__text {
    margin-top: 0.75rem;
    gap: 0.5rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.account-text__text.account-text__text--two {
  margin-top: 2rem;
}
@media (max-width: 95.99875em) {
  .account-text__text.account-text__text--two {
    margin-top: 1rem;
  }
}
.account-text__constructor {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1rem;
}
@media (min-width: 61.99875em) {
  .account-text__constructor {
    justify-content: space-between;
  }
}
.account-text__constructor.account-text__constructor--two {
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .account-text__constructor.account-text__constructor--two {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.account-text__constructor.account-text__constructor--three {
  margin-bottom: 32px;
}
@media (max-width: 47.99875em) {
  .account-text__constructor.account-text__constructor--fix {
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
  }
}
.account-text__constructor.account-text__constructor--four {
  margin-bottom: 24px;
}
@media (max-width: 61.99875em) {
  .account-text__constructor.account-text__constructor--four {
    margin-bottom: 20px;
  }
}
.account-text__prev {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  color: #677178;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 1200px) {
  .account-text__prev {
    display: none;
  }
}
@media (max-width: 95.99875em) {
  .account-text__prev {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__prev {
    color: var(--color-primary);
    gap: 0.25rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    margin-bottom: 0.8125rem;
  }
}
.account-text__prev::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #677178;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .account-text__prev::before {
    background: var(--color-primary);
    --size: 20px;
  }
}
@media (any-hover: hover) {
  .account-text__prev:hover {
    color: var(--color-alt);
  }
  .account-text__prev:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.account-text__show {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 122.222% */
  color: #677178;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .account-text__show {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    gap: 0.25rem;
  }
}
@media (any-hover: hover) {
  .account-text__show:hover {
    color: var(--color-alt);
  }
  .account-text__show:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.account-text__show::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #677178;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .account-text__show::before {
    --size: 20px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__show::before {
    --size: 18px;
  }
}
.account-text__date {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: #555556;
  margin: 0.5rem 0rem 1.5rem;
  display: inline-flex;
}
@media (max-width: 95.99875em) {
  .account-text__date {
    margin: 1rem 0rem 1.5rem;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__date {
    margin: 0.75rem 0rem 1.25rem;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
  }
}
.account-text__date.account-text__date--two {
  margin: 1.5rem 0rem;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}
@media (max-width: 95.99875em) {
  .account-text__date.account-text__date--two {
    margin: 1rem 0rem 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__date.account-text__date--two {
    margin: 0.75rem 0rem 1.25rem;
  }
}
.account-text__title {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .account-text__title {
    margin-bottom: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__title {
    font-size: 1.5rem;
    line-height: 116.667%; /* 116.667% */
  }
}
.account-text__title.account-text__title--two {
  margin-bottom: 1.5rem !important;
}
.account-text__title.account-text__title--three {
  margin-bottom: 1.5rem !important;
}
.account-text__title.account-text__title--fix {
  margin-bottom: 9px !important;
}
.account-text__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (any-hover: hover) {
  .account-text__content a:hover {
    text-decoration: underline;
  }
}
.account-text__strong {
  padding: 1rem;
  border-radius: 0.5rem;
  background: #f6f9ff;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-alt);
}
.account-text__strong b {
  font-weight: 500;
}
@media (max-width: 95.99875em) {
  .account-text__strong {
    gap: 0.875rem;
    padding: 1rem 1.0625rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__strong {
    padding: 0.75rem;
    gap: 0.875rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.account-text__strong::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  margin-top: 0.125rem;
}
@media (max-width: 61.99875em) {
  .account-text__strong::before {
    --size: 14px;
  }
}
.account-text__strong.account-text__strong--two .account-text__content {
  font-size: 0.875rem;
  line-height: 18px;
  gap: 8px;
}
@media (max-width: 95.99875em) {
  .account-text__strong.account-text__strong--two {
    padding: 1rem 1rem;
    gap: 0.875rem;
  }
  .account-text__strong.account-text__strong--two::before {
    content: "";
    --size: 14px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__strong.account-text__strong--two {
    padding: 0.75rem 0.75rem;
  }
  .account-text__strong.account-text__strong--two .account-text__content {
    font-size: 0.875rem;
  }
}
.account-text__strong.account-text__strong--three {
  font-size: 0.875rem;
  line-height: 128.571%; /* 128.571% */
}
@media (max-width: 61.99875em) {
  .account-text__strong.account-text__strong--three {
    font-size: 0.875rem;
    line-height: 128.571%; /* 128.571% */
  }
}
@media (min-width: 95.99875em) {
  .account-text__strong.account-text__strong--three {
    margin-bottom: 0.5rem;
  }
}
.account-text__strong.account-text__strong--four {
  margin-top: 2rem;
}
@media (max-width: 95.99875em) {
  .account-text__strong.account-text__strong--four {
    margin-top: 1rem;
  }
}
.account-text__strong.account-text__strong--five {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .account-text__strong.account-text__strong--five {
    margin-bottom: 1.25rem;
  }
}
.account-text__strong.account-text__strong--fix {
  margin-top: 1.5rem;
}
@media (min-width: 61.99875em) {
  .account-text__strong.account-text__strong--fix .account-text__content {
    font-size: 14px;
    gap: 0px;
  }
}
.account-text__strong.account-text__strong--ten {
  margin-top: 1.5rem;
}
@media (max-width: 61.99875em) {
  .account-text__strong.account-text__strong--ten {
    margin-top: 1.25rem;
  }
}
.account-text__strong__bigger-icon::before {
  width: 37px;
  height: 18px;
  flex: 0 0 37px;
  margin-top: 0.125rem;
}
.account-text__notice {
  font-weight: bold;
  font-size: 0.875rem;
}
.account-text__pages {
  margin-top: 1.875rem;
  margin-bottom: 1.4375rem;
}
@media (max-width: 95.99875em) {
  .account-text__pages {
    margin-top: 1.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__pages {
    margin-top: 1.125rem;
    margin-bottom: 1.25rem;
  }
}
.account-text__pages.account-text__pages--two {
  margin: 1.875rem 0rem;
}
@media (max-width: 95.99875em) {
  .account-text__pages.account-text__pages--two {
    margin: 1.375rem 0rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__pages.account-text__pages--two {
    margin: 1.1875rem 0rem 1.3125rem;
  }
}
@media (max-width: 61.99875em) {
  .account-text__pages.account-text__pages--fix {
    overflow: hidden;
  }
}
.account-text__info .account-text__slider {
  border: 1px solid #e2e2e8;
  border-radius: 6.25rem;
}
@media (min-width: 61.99875em) {
  .account-text__info .account-text__slider {
    max-width: max-content;
  }
}
@media (max-width: 61.99875em) {
  .account-text__info .account-text__slider {
    margin-left: 0rem;
  }
}
.account-text__info .account-text__slider .account-text__arrows {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
  left: 0.0625rem;
  width: calc(100% - 0.125rem);
  pointer-events: none;
  display: flex;
  justify-content: space-between;
}
.account-text__info .account-text__slider .account-text__arrows:has(.account-text__arrow--next.swiper-button-disabled)::before {
  content: none;
}
.account-text__info .account-text__slider .account-text__arrows::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -1px;
  width: 103px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 62.14%);
  height: calc(100% + 4px);
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 61.99875em) {
  .account-text__info .account-text__slider .account-text__arrows::before {
    display: none;
  }
}
.account-text__info .account-text__slider .account-text__arrows .account-text__arrow {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 1px solid #e2e2e8;
  box-shadow: 0px 4px 20px 0px rgba(78, 97, 114, 0.1);
  background: var(--color-whte);
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  z-index: 2;
  position: relative;
  transition: all 0.15s ease-in 0s;
}
.account-text__info .account-text__slider .account-text__arrows .account-text__arrow::before {
  content: "";
  background: var(--color-primary);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.account-text__info .account-text__slider .account-text__arrows .account-text__arrow.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 61.99875em) {
  .account-text__info .account-text__slider .account-text__arrows .account-text__arrow {
    display: none;
  }
}
@media (any-hover: hover) {
  .account-text__info .account-text__slider .account-text__arrows .account-text__arrow:hover {
    background: var(--color-alt);
  }
  .account-text__info .account-text__slider .account-text__arrows .account-text__arrow:hover::before {
    content: "";
    background: var(--color-whte);
  }
}
.account-text__info .account-text__slider .account-text__slide {
  max-width: max-content;
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  border-radius: 6.25rem;
  font-weight: 500;
  background: var(--color-whte);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .account-text__info .account-text__slider .account-text__slide {
    font-size: 0.875rem;
    line-height: 128.571%; /* 128.571% */
    padding: 0.6875rem 1.25rem;
  }
}
.account-text__info .account-text__slider .account-text__slide._active, .account-text__info .account-text__slider .account-text__slide._tab-active {
  color: var(--color-whte);
  font-weight: 500;
  background: var(--color-primary);
}
@media (any-hover: hover) {
  .account-text__info .account-text__slider .account-text__slide:hover {
    color: var(--color-alt);
  }
  .account-text__info .account-text__slider .account-text__slide:hover._active, .account-text__info .account-text__slider .account-text__slide:hover._tab-active {
    color: var(--color-whte);
  }
}
@media (max-width: 61.99875em) {
  .account-text__info .account-text__slider.account-text__slider--two {
    margin-right: 0px;
    width: max-content;
  }
}
@media (max-width: 61.99875em) and (max-width: 38.75em) {
  .account-text__info .account-text__slider.account-text__slider--two {
    width: 100%;
  }
}
.account-text__info .account-text__slider.account-text__slider--two .account-text__arrows::before {
  content: "";
  display: none;
}
.account-text__rating {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
.account-text__grade {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.account-text__stars {
  display: flex;
  gap: 0.25rem;
}
.account-text__star::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 14px;
  width: var(--size);
  height: var(--size);
}
.account-text__review {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #8b96a3;
  transition: all 0.15s ease-in 0s;
}
.account-text__review::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #8b96a3;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .account-text__review:hover {
    color: var(--color-alt);
  }
  .account-text__review:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.account-text__back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
  color: #677178;
  margin-bottom: 1rem;
}
.account-text__back::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #677178;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 1200px) {
  .account-text__back {
    display: none;
  }
}
.account-text__form {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (max-width: 95.99875em) {
  .account-text__form {
    gap: 1.5625rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__form {
    gap: 1rem;
  }
}
.account-text__form.account-text__form--two {
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .account-text__form.account-text__form--two {
    gap: 1.0625rem;
  }
}
@media (max-width: 95.99875em) {
  .account-text__form.account-text__form--two .form__fieldset--two {
    flex-direction: column;
    align-items: flex-start;
  }
}
.account-text__form.account-text__form--fix {
  margin-bottom: -8px;
}
.account-text .form__fieldset.form__fieldset--two {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.account-text .form__items {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.account-text .form__item {
  display: flex;
}
.account-text .form__item-selects {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  max-width: 31.75rem;
}
@media (max-width: 61.99875em) {
  .account-text .form__item-selects {
    max-width: 100%;
  }
}
@media (max-width: 61.99875em) and (max-width: 37.5em) {
  .account-text .form__item-selects {
    grid-template-columns: repeat(1, 1fr);
  }
}
.account-text .form__item-select {
  width: 100%;
}
.account-text .form__checkboxs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6875rem 1rem;
  max-width: 57.25rem;
}
@media (max-width: 95.99875em) {
  .account-text .form__checkboxs {
    gap: 0.8125rem 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .account-text .form__checkboxs {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 61.99875em) {
  .account-text .form__checkbox.form__checkbox--big {
    grid-column-start: span 2;
  }
}
.account-text .form__map {
  height: 35.5rem;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}
@media (max-width: 95.99875em) {
  .account-text .form__map {
    height: 30rem;
  }
}
.account-text .form__pages {
  display: flex;
  gap: 0.5rem;
}
.account-text .form__page {
  white-space: nowrap;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8125rem 0.8125rem;
  border-radius: 6.25rem;
  transition: all 0.15s ease-in 0s;
  border: 0.0625rem solid transparent;
}
@media (max-width: 61.99875em) {
  .account-text .form__page {
    font-size: 0.9375rem;
    padding: 0.75rem 0.9375rem 0.75rem 0.75rem;
  }
}
.account-text .form__page::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #677178;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .account-text .form__page::before {
    --size: 18px;
  }
}
.account-text .form__page._active {
  color: var(--color-primary);
  font-weight: 500;
  border: 0.0625rem solid var(--color-alt);
}
.account-text .form__page._active::before {
  content: "";
  background: var(--color-alt);
}
@media (any-hover: hover) {
  .account-text .form__page:hover {
    color: var(--color-primary);
  }
  .account-text .form__page:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .account-text .form__item-select .select__content {
    font-size: 0.9375rem;
  }
}
.account-text .form__item-select .select__value {
  padding: 0.8125rem 1.25rem;
}
@media (max-width: 61.99875em) {
  .account-text .form__item-select .select__value {
    padding: 0.9375rem 1.25rem;
    height: 2.875rem;
  }
}
.account-text .form__item-select .select__value::after {
  content: "";
  --size: 11px;
  margin-right: 0rem;
}
.account-text .checkbox__text {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}
@media (max-width: 61.99875em) {
  .account-text .checkbox__text {
    font-size: 0.875rem;
  }
}
@media (min-width: 61.99875em) {
  .column-account:not(:last-child) {
    border-bottom: 1px solid #e2e2e8;
    padding-bottom: 1.1875rem;
  }
}
@media (max-width: 61.99875em) {
  .column-account:not(:last-child) {
    padding-bottom: 0.875rem;
  }
}
@media (max-width: 61.99875em) {
  .column-account:last-child {
    padding-bottom: 0.875rem;
    border-bottom: 1px solid #e2e2e8;
  }
}
.column-account__items {
  display: grid;
  grid-template-columns: 22.5rem auto 10rem;
  gap: 2.5625rem;
}
@media (max-width: 95.99875em) {
  .column-account__items {
    gap: 0.875rem;
    grid-template-columns: 13.75rem auto 10rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .column-account__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}
.column-account__info {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: var(--color-alt);
  margin-bottom: 0.5rem;
}
@media (max-width: 95.99875em) {
  .column-account__info {
    margin-bottom: 0.5625rem;
  }
}
.column-account__subtitle {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 95.99875em) {
  .column-account__subtitle {
    font-size: 1.125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .column-account__subtitle {
    font-size: 1.25rem;
  }
}
.column-account__content {
  display: flex;
  flex-direction: column;
}
.column-account .column-account__link {
  max-width: max-content;
  margin-left: auto;
  padding: 0.8125rem 1.5rem;
  margin-top: 1.875rem;
  background: var(--color-whte);
  border: 1.5px solid #d2d2e5;
}
@media (max-width: 95.99875em) {
  .column-account .column-account__link {
    margin-top: 0.6875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .column-account .column-account__link {
    margin-top: 0rem;
    margin-left: 0rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) and (max-width: 37.5em) {
  .column-account .column-account__link {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
@media (any-hover: hover) {
  .column-account .column-account__link:hover {
    color: var(--color-alt);
  }
}
.column-account__blocks {
  display: grid;
  grid-template-columns: 14rem 11.25rem;
  gap: 1rem;
}
@media (max-width: 1535px) {
  .column-account__blocks {
    grid-template-columns: 9rem 10.25rem;
  }
}
@media (min-width: 47.99875em) {
  .column-account__blocks {
    justify-content: space-between;
  }
}
@media (max-width: 95.99875em) {
  .column-account__blocks {
    gap: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .column-account__blocks {
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) and (max-width: 37.5em) {
  .column-account__blocks {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4375rem;
  }
}
.column-account__times {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.column-account__phones {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.column-account__title {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  color: #8b96a3;
  margin-bottom: 0.25rem;
}
@media (min-width: 47.99875em) {
  .column-account__title {
    display: none;
  }
}
.column-account__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .column-account__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 125% */
  }
}
.account-text__subtext {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  padding: 1.5rem 0rem;
}
@media (max-width: 95.99875em) {
  .account-text__subtext {
    padding: 1rem 2.5rem 1rem 0rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__subtext {
    padding: 0rem 1.25rem 0.75rem 0rem;
    font-size: 1rem;
    line-height: 125%; /* 125% */
    margin-top: -6px;
  }
}
.account-text__description {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .account-text__description {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.account-text__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .account-text__body {
    gap: 1.25rem;
  }
}
.salon-account__subtitle {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .salon-account__subtitle {
    padding-right: 3.9375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .salon-account__subtitle {
    padding-right: 0rem;
    font-size: 1.25rem;
    line-height: 120%; /* 120% */
    margin-bottom: 1.25rem;
  }
}
.salon-account {
  margin-bottom: 0.5rem;
}
@media (max-width: 61.99875em) {
  .salon-account {
    margin-bottom: 0rem;
  }
}
.salon-account.salon-account--two {
  margin-top: 2.0625rem;
}
@media (max-width: 95.99875em) {
  .salon-account.salon-account--two {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .salon-account.salon-account--two {
    margin-top: 1.25rem;
  }
}
.salon-account.salon-account--two .salon-account__items {
  gap: 1.5rem 1rem;
}
@media (max-width: 95.99875em) {
  .salon-account.salon-account--two .salon-account__items {
    gap: 1rem;
  }
}
.salon-account.salon-account--two .salon-account__item {
  grid-template-columns: auto 15.75rem;
  border-radius: 1rem;
}
@media (max-width: 95.99875em) {
  .salon-account.salon-account--two .salon-account__item {
    grid-template-columns: auto 12.5rem;
    min-height: 12.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .salon-account.salon-account--two .salon-account__item {
    grid-template-columns: repeat(1, 1fr);
  }
}
.salon-account.salon-account--two .salon-account__img img,
.salon-account.salon-account--two .salon-account__img picture {
  width: 100%;
  border-radius: 1rem;
}
@media (max-width: 47.99875em) {
  .salon-account.salon-account--two .salon-account__img img,
  .salon-account.salon-account--two .salon-account__img picture {
    aspect-ratio: 343/165;
  }
}
.salon-account.salon-account--two .salon-account__content {
  gap: 0rem;
  padding: 1rem;
}
@media (max-width: 61.99875em) {
  .salon-account.salon-account--two .salon-account__content {
    padding: 0.75rem;
  }
}
.salon-account.salon-account--two .salon-account__content .salon-account__title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
  margin-bottom: 0.5rem;
}
@media (max-width: 95.99875em) {
  .salon-account.salon-account--two .salon-account__content .salon-account__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .salon-account.salon-account--two .salon-account__content .salon-account__title {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
    margin-bottom: 0.5rem;
  }
}
.salon-account.salon-account--two .salon-account__content .salon-account__text {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  margin-bottom: 0.75rem;
  color: #8b96a3;
}
@media (max-width: 95.99875em) {
  .salon-account.salon-account--two .salon-account__content .salon-account__text {
    margin-bottom: 1.4375rem;
    flex: 1 1 auto;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .salon-account.salon-account--two .salon-account__content .salon-account__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
    margin-bottom: 0.75rem;
  }
}
.salon-account .salon-account__showmore {
  margin-top: 2.0625rem;
  padding: 0.8125rem 1.4375rem;
  border: 1.5px solid #d2d2e5;
  max-width: max-content;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .salon-account .salon-account__showmore:hover {
    color: var(--color-alt);
    border: 1.5px solid var(--color-alt);
  }
}
@media (max-width: 95.99875em) {
  .salon-account .salon-account__showmore {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .salon-account .salon-account__showmore {
    margin-top: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 29.99875em) {
  .salon-account .salon-account__showmore {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.salon-account__link {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition: all 0.15s ease-in 0s;
}
.salon-account__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .salon-account__link:hover {
    color: var(--color-alt);
  }
  .salon-account__link:hover::after {
    content: "";
    background: var(--color-alt);
  }
}
.salon-account__time {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  color: #8b96a3;
  margin-bottom: 0.75rem;
}
@media (max-width: 61.99875em) {
  .salon-account__time {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
    margin-bottom: 0.5rem;
  }
}
.salon-account__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.3125rem 1.5rem;
}
@media (max-width: 95.99875em) {
  .salon-account__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}
.salon-account__item {
  display: grid;
  grid-template-columns: auto 13.5625rem;
  border-radius: 1.5rem;
  border: 0.0625rem solid #e2e2e8;
}
@media (max-width: 95.99875em) {
  .salon-account__item {
    grid-template-columns: auto 10rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .salon-account__item {
    border-radius: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 37.5em) {
  .salon-account__item {
    grid-template-columns: repeat(1, 1fr);
  }
}
.salon-account__title {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
}
@media (max-width: 95.99875em) {
  .salon-account__title {
    font-size: 1.125rem;
    line-height: 122.222%; /* 122.222% */
  }
}
@media (max-width: 95.99875em) {
  .salon-account__img {
    width: 10rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 600px) {
  .salon-account__img {
    width: 100%;
  }
}
.salon-account__img img,
.salon-account__img picture {
  width: 13.5625rem;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}
@media (max-width: 95.99875em) {
  .salon-account__img img,
  .salon-account__img picture {
    aspect-ratio: 160/155;
    width: 10rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .salon-account__img img,
  .salon-account__img picture {
    border-radius: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 37.5em) {
  .salon-account__img img,
  .salon-account__img picture {
    aspect-ratio: 343/165;
    width: 100%;
  }
}
.salon-account__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem 1.25rem 1.125rem;
}
@media (max-width: 95.99875em) {
  .salon-account__content {
    gap: 0.5rem;
    padding: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .salon-account__content {
    gap: 0.625rem;
  }
}
.salon-account__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .salon-account__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.aside-account__sublist {
  padding-top: 8px;
}
.aside-account__sublist .aside-account__subitem:not(:last-child) {
  margin-bottom: 8px;
}
.aside-account__sublist .aside-account__link {
  padding-left: 2.9375rem;
  padding-top: 12px;
  padding-bottom: 14px;
}
.shop-column {
  display: grid;
  grid-template-columns: 8.5rem auto;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .shop-column {
    grid-template-columns: 7.5rem auto;
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .shop-column {
    grid-template-columns: 5rem auto;
    gap: 0.5rem;
  }
}
.shop-column__img img,
.shop-column__img picture {
  --size: 136px;
  width: var(--size);
  height: var(--size);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
@media (max-width: 95.99875em) {
  .shop-column__img img,
  .shop-column__img picture {
    --size: 120px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .shop-column__img img,
  .shop-column__img picture {
    --size: 80px;
  }
}
.shop-column__info {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
@media (max-width: 61.99875em) {
  .shop-column__info {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .shop-column__info.shop-column__info--mobile {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .shop-column__info.shop-column__info--mobile {
    display: flex;
    grid-column-start: span 2;
  }
}
.shop-column__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .shop-column__content {
    gap: 0.3125rem;
  }
}
.shop-column__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 61.99875em) {
  .shop-column__title {
    font-size: 0.9375rem;
    line-height: 160%; /* 160% */
  }
}
.shop-column__rating {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.shop-column__stars {
  display: flex;
  gap: 0.25rem;
}
.shop-column__star::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 14px;
  width: var(--size);
  height: var(--size);
}
.shop-column__value {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  color: #8b96a3;
}
.shop-column__review {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #8b96a3;
}
.shop-column__review::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #8b96a3;
  --size: 16px;
  width: var(--size);
  height: var(--size);
}
.shop-column__review.shop-column__review--two {
  color: var(--color-alt);
}
.shop-column__review.shop-column__review--two::before {
  content: "";
  display: none;
}
.shop-column__text {
  font-size: 1rem;
  line-height: 140%; /* 125% */
  margin-top: 0.5rem;
}
@media (max-width: 61.99875em) {
  .shop-column__text {
    font-size: 0.8125rem;
    line-height: 115.385%; /* 115.385% */
    margin-top: 0rem;
  }
}
.premises-account {
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .premises-account {
    margin-bottom: 0.8125rem;
  }
}
.premises-account__content {
  display: grid;
  grid-template-columns: auto 32.9375rem;
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .premises-account__content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .premises-account__content {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
  }
}
.premises-account__map {
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  overflow: hidden;
}
@media (max-width: 47.99875em) {
  .premises-account__map {
    height: 13.75rem;
    border-radius: 1rem;
  }
}
.premises-account__info {
  padding: 1.9375rem 1.9375rem;
  border-radius: 1.25rem;
  border: 1px solid #e2e2e8;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-height: 27.5rem;
  justify-content: space-between;
}
@media (max-width: 95.99875em) {
  .premises-account__info {
    padding: 1.4375rem 1.4375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .premises-account__info {
    min-height: 14.125rem;
    padding: 0.9375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .premises-account__info {
    border-radius: 1rem;
  }
}
.premises-account__info .premises-account__link {
  max-width: max-content;
}
@media (max-width: 95.99875em) {
  .premises-account__info .premises-account__link {
    padding: 0.75rem 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .premises-account__info .premises-account__link {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.premises-account__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.75rem 1.5rem;
}
@media (max-width: 95.99875em) {
  .premises-account__items {
    gap: 1.875rem 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .premises-account__items {
    gap: 0.875rem;
  }
}
.premises-account__item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.premises-account__item.premises-account__item--big {
  grid-column-start: span 2;
}
@media (max-width: 95.99875em) {
  .premises-account__item {
    gap: 0.125rem;
  }
}
.premises-account__category {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
}
@media (max-width: 61.99875em) {
  .premises-account__category {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 150%; /* 150% */
  }
}
.premises-account__text {
  font-size: 1.125rem;
  line-height: 141.222%; /* 122.222% */
}
@media (max-width: 61.99875em) {
  .premises-account__text {
    font-size: 0.9375rem;
    line-height: 150%; /* 120% */
  }
}
.recall-account__items {
  margin-bottom: 0.5625rem;
}
@media (max-width: 47.99875em) {
  .recall-account__items {
    margin-bottom: 0.25rem;
  }
}
.recall-account .recall-account__showmore {
  background: var(--color-whte);
  border: 1.5px solid #d2d2e5;
}
@media (max-width: 29.99875em) {
  .recall-account .recall-account__showmore {
    padding: 0.75rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (any-hover: hover) {
  .recall-account .recall-account__showmore:hover {
    color: var(--color-alt);
  }
}
.top-recall__title {
  font-size: 1.75rem;
  line-height: 114.286%; /* 114.286% */
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}
.top-recall__title span {
  color: #8b96a3;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
  margin-top: 6px;
}
@media (max-width: 95.99875em) {
  .top-recall__title {
    font-size: 1.5rem;
    line-height: 116.667%; /* 116.667% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .top-recall__title {
    margin-bottom: 1.25rem;
  }
}
.top-recall__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem 1.5625rem;
  margin-bottom: 1.375rem;
  flex-wrap: wrap;
}
@media (max-width: 47.99875em) {
  .top-recall__info {
    margin-bottom: 0.875rem;
  }
}
.top-recall__content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.top-recall__rating {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.top-recall__value {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
}
.top-recall__stars {
  display: flex;
  gap: 0.125rem;
}
.top-recall__star::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 20px;
  width: var(--size);
  height: var(--size);
}
.top-recall__base {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #8b96a3;
}
.item-recall {
  padding: 2rem 0rem 1.5rem;
  border-top: 1.5px solid #e2e2e8;
}
@media (max-width: 95.99875em) {
  .item-recall {
    padding: 1.5rem 0rem 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .item-recall {
    padding: 1.25rem 0rem 1rem;
  }
}
.item-recall__top {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  margin-bottom: 1rem;
}
@media (max-width: 47.99875em) {
  .item-recall__top {
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
  }
}
.item-recall__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 61.99875em) {
  .item-recall__title {
    font-size: 1.125rem;
    line-height: 111.111%; /* 111.111% */
  }
}
.item-recall__info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.item-recall__time {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
  opacity: 0.7;
}
@media (max-width: 61.99875em) {
  .item-recall__time {
    font-size: 1rem;
  }
}
.item-recall__stars {
  display: flex;
  gap: 0.125rem;
}
.item-recall__star::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 20px;
  width: var(--size);
  height: var(--size);
}
.item-recall__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.item-recall__text {
  font-size: 1rem;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 61.99875em) {
  .item-recall__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.account-text__value {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  color: #8b96a3;
}
.top-recall__text {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
}
@media (max-width: 95.99875em) {
  .top-recall__text {
    font-size: 1.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .top-recall__text {
    font-size: 1rem;
    line-height: 125%; /* 125% */
  }
}
.account-text__categories {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-bottom: 2rem;
}
@media (max-width: 95.99875em) {
  .account-text__categories {
    gap: 2rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__categories {
    margin-bottom: 1.25rem;
  }
}
.category-account__title {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  padding-bottom: 0.875rem;
  border-bottom: 2px solid #027ae0;
  margin-bottom: 1.625rem;
}
@media (max-width: 95.99875em) {
  .category-account__title {
    padding-bottom: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .category-account__title {
    padding-bottom: 0.875rem;
    margin-bottom: 1.3125rem;
  }
}
.category-account .spollers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.category-account .spollers__item {
  border-bottom: 1px solid #e2e2e8;
  transition: border-bottom 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .category-account .spollers__item:hover {
    border-bottom: 1px solid #8b96a3;
  }
  .category-account .spollers__item:hover .spollers__title {
    color: var(--color-alt);
  }
}
.category-account .spollers__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding-bottom: 1rem;
  padding-right: 0.3125rem;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .category-account .spollers__title {
    padding-top: 0rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    padding-right: 0.1875rem;
    border-bottom: none;
  }
}
.category-account .spollers__title::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 12px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .category-account .spollers__title::after {
    --size: 14px;
  }
}
.category-account .spollers__title._spoller-active::after {
  content: "";
  transform: rotate(180deg);
}
.body-account {
  padding-top: 1.125rem !important;
  padding-bottom: 2.25rem;
}
@media (max-width: 95.99875em) {
  .body-account {
    padding-top: 1rem !important;
    padding-bottom: 2.0625rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .body-account {
    padding-top: 0.375rem !important;
    padding-bottom: 1.25rem;
  }
}
.body-account__content {
  border-radius: 1rem;
  border: 1px solid #e2e2e8;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 24.5rem;
}
@media (max-width: 47.99875em) {
  .body-account__content {
    grid-template-columns: 1fr;
  }
}
.body-account__location {
  position: relative;
}
@media (any-hover: hover) {
  .body-account__location:hover .body-account__popup {
    opacity: 1;
  }
}
.body-account__map {
  width: 100%;
  height: 100%;
}
@media (max-width: 47.99875em) {
  .body-account__map {
    height: 11.75rem;
  }
}
.body-account__popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(21, 20, 22, 0.2);
  backdrop-filter: blur(10px);
  transition: all 0.15s ease-in 0s;
}
@media (min-width: 61.99875em) {
  .body-account__popup {
    opacity: 0;
  }
}
.body-account__info {
  padding: 1.5rem;
}
@media (max-width: 61.99875em) {
  .body-account__info {
    padding: 1rem;
  }
}
.body-account__list {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
@media (max-width: 95.99875em) {
  .body-account__list {
    gap: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .body-account__list {
    gap: 1.625rem;
  }
}
.body-account__link {
  position: relative;
  padding-left: 3.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .body-account__link:hover {
    color: var(--color-alt);
  }
  .body-account__link:hover::after {
    content: "";
    transform: translate(0.3125rem, 0rem);
    background: var(--color-alt);
  }
  .body-account__link:hover span {
    background: var(--color-alt);
  }
  .body-account__link:hover span::before {
    content: "";
    background: var(--color-whte);
  }
}
.body-account__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  margin-top: 0.1875rem;
  --size: 15px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.body-account__link span {
  position: absolute;
  top: -0.5rem;
  left: 0;
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ecf2fe;
  transition: all 0.15s ease-in 0s;
}
.body-account__link span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .body-account__link {
    padding-left: 3rem;
    gap: 0.5625rem;
  }
  .body-account__link span {
    --size: 36px;
    top: -0.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .body-account__link {
    font-size: 0.9375rem;
    padding-left: 2.25rem;
    gap: 0.5rem;
    line-height: 120%; /* 120% */
  }
  .body-account__link::after {
    content: "";
    --size: 14px;
    margin-top: 0rem;
  }
  .body-account__link span {
    --size: 28px;
  }
  .body-account__link span::before {
    content: "";
    --size: 12px;
  }
}
.questions-account__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .questions-account__title {
    font-size: 1.25rem;
    line-height: 120%; /* 120% */
    margin-bottom: 1.25rem;
  }
}
.questions-account .spollers {
  border-radius: 1.5rem;
  border: 1px solid #e2e2e8;
}
@media (max-width: 61.99875em) {
  .questions-account .spollers {
    border-radius: 1rem;
  }
}
.questions-account .spollers__item {
  padding: 2rem;
}
.questions-account .spollers__item:not(:last-child) {
  border-bottom: 1px solid rgb(226, 226, 232);
}
@media (max-width: 95.99875em) {
  .questions-account .spollers__item {
    padding: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .questions-account .spollers__item {
    padding: 0.9375rem;
  }
}
.questions-account .spollers__title {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-weight: 400;
  cursor: pointer;
}
.questions-account .spollers__title span {
  position: relative;
  background: #f2f5f7;
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in 0s;
}
.questions-account .spollers__title span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.questions-account .spollers__title._spoller-active span {
  background: var(--color-primary);
}
.questions-account .spollers__title._spoller-active span::before {
  content: "";
  background: var(--color-whte);
  transform: rotate(45deg);
}
@media (max-width: 95.99875em) {
  .questions-account .spollers__title {
    font-size: 1.125rem;
    line-height: 122.222%; /* 122.222% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .questions-account .spollers__title {
    padding-top: 0rem;
    padding-bottom: 0rem;
    border-bottom: none;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
  .questions-account .spollers__title::after {
    content: "";
    display: none;
  }
  .questions-account .spollers__title span {
    --size: 32px;
  }
}
.questions-account .body-questions {
  padding-top: 0rem;
}
.questions-account .body-questions__blocks {
  padding-top: 1.125rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .questions-account .body-questions__blocks {
    padding-top: 0.75rem;
    gap: 0.75rem;
  }
}
.questions-account .body-questions__info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .questions-account .body-questions__info {
    gap: 0.75rem;
  }
}
.questions-account .body-questions__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .questions-account .body-questions__content {
    gap: 0.75rem;
  }
}
.questions-account .body-questions__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .questions-account .body-questions__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.questions-account .body-questions__img {
  margin-bottom: 1rem;
  border-radius: 1rem;
  background: #ecf2fe;
  padding: 3.75rem;
}
@media (max-width: 95.99875em) {
  .questions-account .body-questions__img {
    padding: 1.5rem;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .questions-account .body-questions__img {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
  }
}
.questions-account .body-questions__img img,
.questions-account .body-questions__img picture {
  width: 63rem;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.deliverie-account {
  margin-top: 1.125rem;
}
@media (max-width: 95.99875em) {
  .deliverie-account {
    margin-top: 0.6875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .deliverie-account {
    margin-top: 0.1875rem;
  }
}
.deliverie-account.deliverie-account--two {
  margin-top: 0rem;
}
.deliverie-account.deliverie-account--two .body-deliverie {
  padding-top: 0rem;
}
.deliverie-account.deliverie-account--two .body-deliverie__inner {
  padding-left: 2rem;
  padding-bottom: 0rem;
}
@media (max-width: 95.99875em) {
  .deliverie-account.deliverie-account--two .body-deliverie__inner {
    padding-left: 1.5rem;
    padding-top: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .deliverie-account.deliverie-account--two .body-deliverie__inner {
    padding-left: 0rem;
    padding-top: 0.8125rem;
  }
}
.deliverie-account.deliverie-account--two .spollers__title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .deliverie-account.deliverie-account--two .spollers__title {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
    gap: 0.625rem;
  }
}
.deliverie-account.deliverie-account--two .body-deliverie__list {
  padding-left: 1rem;
}
@media (max-width: 61.99875em) {
  .deliverie-account.deliverie-account--two .body-deliverie__list {
    padding-left: 0.75rem;
  }
}
.deliverie-account__spollers {
  margin-bottom: 2rem;
}
@media (max-width: 95.99875em) {
  .deliverie-account__spollers {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .deliverie-account__spollers {
    margin-bottom: 1.25rem;
  }
}
.deliverie-account .spollers__item {
  padding: 1.0625rem 0rem 16px;
  border-bottom: 1px solid #e2e2e8;
  transition: border-bottom 0.15s ease-in 0s;
}
@media (max-width: 85.37375em) {
  .deliverie-account .spollers__item {
    padding: 1.125rem 0rem 17px;
  }
}
@media (max-width: 85.37375em) and (max-width: 47.99875em) {
  .deliverie-account .spollers__item {
    padding: 1.0625rem 0rem 15px;
  }
}
@media (any-hover: hover) {
  .deliverie-account .spollers__item:hover {
    border-bottom: 1px solid #8b96a3;
  }
  .deliverie-account .spollers__item:hover .spollers__title {
    color: var(--color-alt);
  }
}
.deliverie-account .spollers__title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  padding-right: 0.25rem;
  cursor: pointer;
  transition: all 0.15s ease-in 0s;
}
.deliverie-account .spollers__title::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .deliverie-account .spollers__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .deliverie-account .spollers__title {
    border-bottom: none;
    padding-top: 0rem;
    padding-bottom: 0rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
  .deliverie-account .spollers__title::after {
    content: "";
    --size: 14px;
  }
}
.deliverie-account .spollers__title._spoller-active::after {
  content: "";
  transform: rotate(180deg);
}
.body-deliverie {
  padding-top: 0rem;
}
.body-deliverie__inner {
  padding-top: 1.5625rem;
  padding-bottom: 0.4375rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .body-deliverie__inner {
    gap: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .body-deliverie__inner {
    padding-top: 0.75rem;
    gap: 0.75rem;
    padding-bottom: 0.125rem;
  }
}
.body-deliverie__payments {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__payments {
    gap: 0.25rem;
  }
}
.body-deliverie__payment {
  position: relative;
  padding-left: 0.875rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.body-deliverie__payment::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .body-deliverie__payment {
    font-size: 0.875rem;
    line-height: 120%; /* 16.8px */
  }
  .body-deliverie__payment::before {
    content: "";
    top: 0.375rem;
  }
}
.body-deliverie__items {
  border-radius: 1rem;
  border: 1.5px solid #dae6f0;
  overflow: hidden;
}
.body-deliverie__items.body-deliverie__items--two .body-deliverie__row {
  grid-template-columns: 20rem auto;
}
.body-deliverie__items.body-deliverie__items--three .body-deliverie__row {
  grid-template-columns: 26.25rem auto;
}
.body-deliverie__item.body-deliverie__item--category .body-deliverie__row {
  background: #ecf2fe;
}
.body-deliverie__item.body-deliverie__item--category .body-deliverie__text {
  font-weight: 500;
}
@media (max-width: 47.99875em) {
  .body-deliverie__item.body-deliverie__item--category {
    display: none;
  }
}
.body-deliverie__item.body-deliverie__item--two .body-deliverie__row {
  grid-template-columns: 20rem 1fr 1fr;
}
@media (max-width: 47.99875em) {
  .body-deliverie__item.body-deliverie__item--two .body-deliverie__row {
    grid-template-columns: 7.5625rem auto !important;
  }
}
.body-deliverie__item.body-deliverie__item--two .body-deliverie__column:not(:first-child) {
  text-align: center;
}
.body-deliverie__item.body-deliverie__item--two .body-deliverie__column:nth-child(2) {
  border-right: 0.09375rem solid #dae6f0;
}
.body-deliverie__row {
  display: grid;
  grid-template-columns: auto 16.25rem;
  border-bottom: 1.5px solid #dae6f0;
}
.body-deliverie__row.body-deliverie__row--two {
  grid-template-columns: 20rem 1fr;
}
.body-deliverie__row.body-deliverie__row--two .body-deliverie__column {
  display: flex;
  justify-content: center;
  align-items: center;
}
.body-deliverie__row.body-deliverie__row--two .body-deliverie__column:nth-child(1) {
  justify-content: flex-start;
}
@media (max-width: 47.99875em) {
  .body-deliverie__row {
    padding: 0.75rem;
    grid-template-columns: 1fr !important;
    gap: 0.75rem 0.5rem;
  }
}
.body-deliverie__column {
  padding: 1rem 1rem;
}
@media (min-width: 61.99875em) {
  .body-deliverie__column {
    min-height: 82px;
  }
}
.body-deliverie__column:nth-child(1) {
  border-right: 1.5px solid #dae6f0;
}
.body-deliverie__column.body-deliverie__column--big {
  border-right: none;
  border-bottom: 1.5px solid #dae6f0;
  justify-content: center !important;
}
@media (min-width: 47.99875em) {
  .body-deliverie__column.body-deliverie__column--big {
    grid-column-start: span 2;
  }
}
@media (max-width: 61.99875em) {
  .body-deliverie__column {
    padding: 0.75rem;
  }
}
@media (max-width: 47.99875em) {
  .body-deliverie__column {
    border: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 0rem;
  }
  .body-deliverie__column:first-child {
    grid-column-start: span 2;
  }
}
.body-deliverie__link {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  text-decoration: underline;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .body-deliverie__link:hover {
    text-decoration: none;
    color: var(--color-alt);
  }
}
@media (max-width: 47.99875em) {
  .body-deliverie__link {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
  }
}
.body-deliverie__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 47.99875em) {
  .body-deliverie__content {
    gap: 0.25rem;
  }
}
.body-deliverie__website {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
}
@media (max-width: 47.99875em) {
  .body-deliverie__website {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
  }
}
.body-deliverie__description {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 47.99875em) {
  .body-deliverie__description {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
  }
}
.body-deliverie__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    gap: 0.25rem;
  }
}
.body-deliverie__text.body-deliverie__text--clue {
  flex-direction: row;
}
.body-deliverie__text.body-deliverie__text--clue span {
  transform: translate(0, 0.125rem);
}
.body-deliverie__text.body-deliverie__text--clue span::before {
  content: "";
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: rgb(102, 112, 133);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
}
.body-deliverie__category {
  font-size: 0.75rem;
  line-height: 150%; /* 150% */
  color: #8b96a3;
  margin-bottom: 0.25rem;
}
@media (min-width: 47.99875em) {
  .body-deliverie__category {
    display: none;
  }
}
.body-deliverie__subinfo {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__subinfo {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
    margin-bottom: 0.875rem;
  }
}
.body-deliverie__suptitle {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .body-deliverie__suptitle {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.body-deliverie__differences {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__differences {
    gap: 0.9375rem;
  }
}
.body-deliverie__difference {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__difference {
    gap: 0.625rem;
  }
}
.body-deliverie__difference .body-deliverie__list {
  margin-bottom: 0rem !important;
}
@media (max-width: 61.99875em) {
  .body-deliverie__difference .body-deliverie__list {
    gap: 0.625rem;
  }
}
.body-deliverie__title {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__title {
    font-size: 1rem;
    line-height: 112.5%; /* 112.5% */
    margin-bottom: 0.75rem;
  }
}
.body-deliverie__subtitle {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__subtitle {
    font-size: 1.25rem;
    line-height: 140%; /* 140% */
    margin-bottom: 0.75rem;
  }
}
.body-deliverie__suptext {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__suptext {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    margin-bottom: 0.75rem;
  }
}
.body-deliverie__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__list {
    margin-bottom: 1.25rem;
  }
}
.body-deliverie__list.body-deliverie__list--two {
  margin-bottom: 0rem;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .body-deliverie__list.body-deliverie__list--two {
    gap: 0.75rem;
  }
}
.body-deliverie__block {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  padding-left: 0.875rem;
  position: relative;
}
.body-deliverie__block::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .body-deliverie__block::before {
    top: 7px;
  }
}
@media (max-width: 61.99875em) {
  .body-deliverie__block {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.body-deliverie__subtext {
  font-size: 1rem;
  line-height: 20px;
  letter-spacing: -0.001875rem;
}
.body-deliverie__subtext a {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .body-deliverie__subtext a:hover {
    text-decoration: underline;
  }
}
.body-deliverie__blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.body-deliverie__blocks .body-deliverie__column:nth-child(2) {
  border-right: 1.5px solid #dae6f0;
}
.attention-account {
  padding: 2rem;
  border-radius: 1.25rem;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  margin-bottom: 2rem;
}
@media (max-width: 95.99875em) {
  .attention-account {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .attention-account {
    padding: 1rem 1rem 0.875rem;
    margin-bottom: 1.25rem;
  }
}
.attention-account__title {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
}
.attention-account__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.attention-account__item {
  padding-left: 0.875rem;
  position: relative;
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.attention-account__item a {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .attention-account__item a:hover {
    text-decoration: underline;
  }
}
.attention-account__item::after {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .attention-account__item {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.attention-account__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.attention-account__info ol, .attention-account__info ul {
  margin-left: 24px;
}
.attention-account__info a {
  color: #1074ca;
}
.attention-account__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .attention-account__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.account-text__support {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  letter-spacing: -0.001875rem;
}
@media (max-width: 61.99875em) {
  .account-text__support {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.account-text__support a {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .account-text__support a:hover {
    text-decoration: underline;
  }
}
.region-account {
  margin-top: 2rem;
}
@media (max-width: 95.99875em) {
  .region-account {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .region-account {
    margin-top: 1.25rem;
  }
}
.region-account__inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.region-account__inner.region-account__inner--two {
  gap: 32px;
}
@media (max-width: 47.99875em) {
  .region-account__inner.region-account__inner--two {
    gap: 20px;
  }
}
.region-account__img {
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 1192/360;
}
@media (max-width: 95.99875em) {
  .region-account__img {
    aspect-ratio: 855/270;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .region-account__img {
    aspect-ratio: 343/200;
    border-radius: 16px;
  }
}
.region-account__img img,
.region-account__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.region-account__block {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.region-account__block.region-account__block--top {
  margin-top: 17px;
  margin-bottom: 17px;
  gap: 10px;
}
@media (max-width: 85.37375em) {
  .region-account__block.region-account__block--top {
    margin-top: 9px;
    margin-bottom: 11px;
  }
}
@media (max-width: 85.37375em) and (max-width: 47.99875em) {
  .region-account__block.region-account__block--top {
    margin-top: 6px;
    margin-bottom: 15px;
  }
  .region-account__block.region-account__block--top .region-account__item::before {
    content: "";
    top: 6px;
  }
}
.region-account__block.region-account__block--two {
  margin-top: 8px;
}
.region-account__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  letter-spacing: -0.001875rem;
}
@media (max-width: 61.99875em) {
  .region-account__text {
    font-size: 0.9375rem;
    line-height: 18px;
  }
}
.region-account__text a {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .region-account__text a:hover {
    text-decoration: underline;
  }
}
.region-account__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
}
@media (max-width: 61.99875em) {
  .region-account__title {
    font-size: 1.25rem;
    line-height: 120%; /* 120% */
  }
}
.region-account__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .region-account__list {
    gap: 1.0625rem;
  }
}
.region-account__item {
  position: relative;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-alt);
  padding-left: 0.875rem;
}
.region-account__item::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
}
@media (max-width: 47.99875em) {
  .region-account__item {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
@media (any-hover: hover) {
  .region-account__item:hover a {
    text-decoration: underline;
  }
}
.region-account__more {
  font-size: 0.875rem;
  line-height: 18px;
}
.region-account__more a {
  color: var(--color-alt);
  display: inline;
}
@media (any-hover: hover) {
  .region-account__more a:hover {
    text-decoration: underline;
  }
}
.payment-account .payment-account__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .payment-account .payment-account__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.payment-account .payment-account__inner {
  padding-top: 1rem;
  gap: 2rem;
}
@media (max-width: 95.99875em) {
  .payment-account .payment-account__inner {
    padding-top: 1.25rem;
    gap: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .payment-account .payment-account__inner {
    padding-top: 0.75rem;
  }
}
.exchange-account {
  counter-reset: section;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 95.99875em) {
  .exchange-account {
    gap: 1.5625rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .exchange-account {
    gap: 1.25rem;
  }
}
.exchange-account__block.exchange-account__block--two .exchange-account__title::before {
  content: "";
  display: none;
}
.exchange-account__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
  position: relative;
  margin-bottom: 0.9375rem;
  display: flex;
}
.exchange-account__title::before {
  counter-increment: section; /* Инкрементирует счётчик*/
  content: "" counter(section) " ."; /* Отображает текущее значение счётчика */
  margin-right: 0.9375rem;
  white-space: nowrap;
}
@media (max-width: 95.99875em) {
  .exchange-account__title {
    font-size: 1.25rem;
    line-height: 120%; /* 120% */
  }
  .exchange-account__title::before {
    margin-right: 0.8125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .exchange-account__title {
    font-size: 1.125rem;
    line-height: 111.111%; /* 111.111% */
    margin-bottom: 0.75rem;
  }
  .exchange-account__title::before {
    margin-right: 0.75rem;
  }
}
@media (max-width: 95.99875em) {
  .exchange-account__title.exchange-account__title--two {
    font-size: 24px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .exchange-account__title.exchange-account__title--two {
    font-size: 18px;
  }
}
.exchange-account__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .exchange-account__content {
    gap: 0.75rem;
  }
}
.exchange-account__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .exchange-account__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.exchange-account__text a {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .exchange-account__text a:hover {
    text-decoration: underline;
  }
}
.exchange-account__text.exchange-account__text--two {
  margin-left: 3rem;
}
@media (max-width: 95.99875em) {
  .exchange-account__text.exchange-account__text--two {
    margin-left: 2.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .exchange-account__text.exchange-account__text--two {
    margin-left: 2.25rem;
  }
}
.exchange-account__attention {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  padding-top: 1rem;
  padding-left: 0.5rem;
  border-top: 1px solid #e2e2e8;
  margin-top: 1rem;
  color: #5d6c7b;
  position: relative;
}
.exchange-account__attention::after {
  content: "*";
  position: absolute;
  top: 0.5rem;
  left: 0;
  color: #5d6c7b;
  font-size: 0.8125rem;
}
@media (max-width: 95.99875em) {
  .exchange-account__attention {
    margin-top: 1.0625rem;
    padding-top: 0.75rem;
  }
  .exchange-account__attention::after {
    top: 0.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .exchange-account__attention {
    margin-top: 0.6875rem;
    padding-top: 0.75rem;
    font-size: 0.9375rem;
    line-height: 120% 120%; /* 120% */
  }
  .exchange-account__attention::after {
    top: 0.375rem;
  }
}
.exchange-account__items {
  counter-reset: section;
  margin-top: 1.375rem;
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
}
@media (max-width: 95.99875em) {
  .exchange-account__items {
    margin-top: 1.1875rem;
    gap: 1.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .exchange-account__items {
    gap: 1.25rem;
  }
}
.exchange-account__images {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
}
.exchange-account__images.exchange-account__images--two {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 61.99875em) {
  .exchange-account__images.exchange-account__images--two {
    gap: 0.375rem;
  }
}
.exchange-account__images.exchange-account__images--three {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .exchange-account__images.exchange-account__images--three {
    gap: 0.375rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .exchange-account__images.exchange-account__images--three .processing-account__image:last-child {
    grid-column-start: span 2;
  }
}
.exchange-account__image img,
.exchange-account__image picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}
@media (max-width: 61.99875em) {
  .exchange-account__image img,
  .exchange-account__image picture {
    border-radius: 1rem;
  }
}
.exchange-account__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .exchange-account__list {
    gap: 0.75rem;
  }
}
.exchange-account__column {
  position: relative;
  padding-left: 0.875rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .exchange-account__column {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.exchange-account__column::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .exchange-account__column::before {
    top: 0.375rem;
  }
}
.exchange-account__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
@media (max-width: 95.99875em) {
  .exchange-account__info {
    margin-top: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .exchange-account__info {
    margin-top: 0rem;
  }
}
.exchange-account__subtitle {
  font-style: normal;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
}
.item-exchange .exchange-account__content {
  margin-top: 1.4375rem;
}
.item-exchange .exchange-account__content.exchange-account__content--two {
  margin-left: 3rem;
  margin-top: 0.5rem;
  gap: 8px;
}
@media (max-width: 95.99875em) {
  .item-exchange .exchange-account__content.exchange-account__content--two {
    margin-left: 2.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-exchange .exchange-account__content.exchange-account__content--two {
    margin-left: 2.25rem;
  }
}
.item-exchange .exchange-account__attention {
  margin-left: 3rem;
}
@media (max-width: 95.99875em) {
  .item-exchange .exchange-account__attention {
    margin-left: 2.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-exchange .exchange-account__attention {
    margin-left: 2.25rem;
  }
}
.item-exchange__title {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  position: relative;
  padding-left: 3rem;
  min-height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  align-items: flex-start !important;
}
@media (max-width: 95.99875em) {
  .item-exchange__title {
    min-height: 28px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-exchange__title {
    min-height: 24px;
  }
}
.item-exchange__title span {
  top: 0 !important;
}
.item-exchange__title b {
  display: block;
  font-weight: 500;
}
.item-exchange__title a {
  display: inline;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .item-exchange__title a:hover {
    text-decoration: none;
  }
}
@media (max-width: 95.99875em) {
  .item-exchange__title {
    padding-left: 2.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-exchange__title {
    padding-left: 2.25rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.item-exchange__title span {
  display: flex;
  justify-content: center;
  align-items: center;
  --size: 32px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #ecf2fe;
  position: absolute;
  top: -0.5rem;
  left: 0;
}
.item-exchange__title span::before {
  counter-increment: section; /* Инкрементирует счётчик*/
  content: "" counter(section) " "; /* Отображает текущее значение счётчика */
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  color: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .item-exchange__title span::before {
    font-size: 11.869px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.837px; /* 125% */
  }
}
@media (max-width: 95.99875em) {
  .item-exchange__title span {
    --size: 28px;
    top: -0.3125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-exchange__title span {
    --size: 24px;
    top: -0.1875rem;
  }
}
.item-exchange__spollers {
  margin-top: 1.5rem;
  margin-left: 3rem;
}
@media (max-width: 95.99875em) {
  .item-exchange__spollers {
    margin-left: 2.5rem;
    margin-top: 1.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-exchange__spollers {
    margin-left: 0rem;
    margin-top: 1.25rem;
  }
}
.item-exchange .spollers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.item-exchange .spollers__item {
  border-bottom: 1px solid #e2e2e8;
  transition: border-bottom 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .item-exchange .spollers__item:hover {
    border-bottom: 1px solid #d8d8d8;
  }
  .item-exchange .spollers__item:hover .spollers__title {
    color: var(--color-alt);
  }
}
.item-exchange .spollers__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  padding-bottom: 1rem;
  padding-right: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  cursor: pointer;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .item-exchange .spollers__title {
    padding-top: 0rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    padding-right: 0.1875rem;
    border-bottom: none;
  }
}
.item-exchange .spollers__title::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 12px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .item-exchange .spollers__title::after {
    --size: 14px;
  }
}
.item-exchange .spollers__title._spoller-active::after {
  content: "";
  transform: rotate(180deg);
}
.item-exchange .body-account {
  padding-top: 0.625rem;
  padding-bottom: 1.625rem;
}
@media (max-width: 95.99875em) {
  .item-exchange .body-account {
    padding-top: 0rem;
    padding-bottom: 1.4375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-exchange .body-account {
    padding-bottom: 0.9375rem;
  }
}
.block-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .block-body {
    gap: 1.125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .block-body {
    gap: 0.75rem;
  }
}
.block-body .block-body__item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.block-body .block-body__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .block-body .block-body__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    max-width: calc(100% - 3.125rem);
  }
}
.block-body .block-body__text.block-body__text--gray {
  color: #5d6c7b;
}
.step-account__inner {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 95.99875em) {
  .step-account__inner {
    margin-top: 2rem;
    gap: 2rem;
  }
}
.step-account__subcategory {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .step-account__subcategory {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .step-account__subcategory {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
    margin-bottom: 1rem;
  }
}
.step-account__content {
  margin-bottom: 2.375rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .step-account__content {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .step-account__content {
    margin-bottom: 1.8125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 37.5em) {
  .step-account__content {
    margin-bottom: 1.25rem;
  }
}
.step-account__subtext {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .step-account__subtext {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.step-account__row {
  padding-left: 4rem;
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
  margin-bottom: 2.5rem;
  counter-reset: section;
}
@media (max-width: 95.99875em) {
  .step-account__row {
    padding-left: 3.25rem;
    gap: 1.875rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .step-account__row {
    padding-left: 0rem;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.step-account__row.step-account__row--two {
  margin-bottom: 0rem;
}
@media (max-width: 104.375em) and (max-width: 95.99875em) {
  .step-account__row.step-account__row--two {
    padding-left: 3.5rem;
  }
}
@media (max-width: 104.375em) and (max-width: 95.99875em) and (max-width: 37.5em) {
  .step-account__row.step-account__row--two {
    padding-left: 0rem;
  }
}
@media (max-width: 37.5em) {
  .step-account__row.step-account__row--two .step-account__title {
    align-items: flex-start;
  }
}
@media (max-width: 95.99875em) {
  .step-account__row.step-account__row--two .step-account__title span {
    --size: 44px;
    left: -3.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .step-account__row.step-account__row--two .step-account__title span {
    --size: 36px;
  }
}
.step-account__row.step-account__row--two .step-account__column::before {
  content: "";
  display: none;
}
.step-account__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.step-account__item {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  padding-left: 0.875rem;
  position: relative;
}
@media (max-width: 61.99875em) {
  .step-account__item {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.step-account__item::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .step-account__item::before {
    top: 0.4375rem;
  }
}
.step-account__column {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  position: relative;
}
@media (max-width: 95.99875em) {
  .step-account__column {
    gap: 0.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .step-account__column {
    gap: 0.75rem;
  }
}
.step-account__column::before {
  content: "";
  position: absolute;
  top: 0;
  left: -2.5rem;
  width: 0.125rem;
  height: calc(100% + 2.375rem);
  background: #e2e2e8;
}
@media (max-width: 95.99875em) {
  .step-account__column::before {
    height: calc(100% + 1.875rem);
    left: -2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .step-account__column::before {
    display: none;
  }
}
.step-account__column:last-child::before {
  display: none;
}
.step-account__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  position: relative;
}
@media (max-width: 37.5em) {
  .step-account__title {
    display: flex;
    align-items: center;
    gap: 0.8125rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.step-account__title span {
  --size: 48px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  background: var(--color-whte);
  position: absolute;
  top: -0.875rem;
  left: -4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 37.5em) {
  .step-account__title span {
    position: static;
    --size: 36px;
  }
}
.step-account__title span::before {
  counter-increment: section; /* Инкрементирует счётчик*/
  content: "" counter(section) " "; /* Отображает текущее значение счётчика */
  background: var(--icon) center center/contain no-repeat;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 95.99875em) {
  .step-account__title span {
    --size: 40px;
    left: -3.25rem;
    top: -0.625rem;
  }
}
.step-account__info {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.step-account__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .step-account__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.step-account__purchases {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .step-account__purchases {
    gap: 0.25rem;
  }
}
.step-account__subtitle {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .step-account__subtitle {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.step-account__company {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
  color: var(--color-alt);
}
.step-account__correction-items__two {
  grid-template-columns: repeat(2, 1fr);
}
.step-account__correction-items__three {
  grid-template-columns: repeat(3, 1fr);
}
.step-account__correction-items {
  display: grid;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .step-account__correction-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.step-account__correction-items .step-account__correction-item {
  padding: 0;
  border-radius: 1rem;
  overflow: hidden;
  background: #f6f9ff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.step-account__correction-items .step-account__correction-item__inner {
  padding: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  flex-grow: 1;
  word-break: break-word;
  min-width: 50%;
}
.step-account__correction-items .step-account__correction-item img {
  min-height: 218px;
  max-width: 200px;
}
.step-account__block sup {
  position: relative;
  top: -0.4em;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
.processing-account {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 95.99875em) {
  .processing-account {
    gap: 1.25rem;
  }
}
.processing-account.processing-account--two {
  margin-top: 2rem;
  gap: 0rem;
}
@media (max-width: 95.99875em) {
  .processing-account.processing-account--two {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .processing-account.processing-account--two {
    margin-top: 1.375rem;
  }
}
.processing-account.processing-account--two .processing-account__info {
  gap: 0.5rem;
}
.processing-account__hide .processing-account__block {
  padding-top: 2rem;
}
.processing-account__showmore {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  margin-top: 1rem;
}
.processing-account__showmore::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.processing-account__showmore span:nth-child(2) {
  display: none;
}
.processing-account__showmore._active span:nth-child(1) {
  display: none;
}
.processing-account__showmore._active span:nth-child(2) {
  display: flex;
}
.processing-account__showmore._active::after {
  content: "";
  transform: rotate(180deg);
}
@media (max-width: 95.99875em) {
  .processing-account__showmore {
    margin-top: 0.4375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .processing-account__showmore {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
    gap: 0.375rem;
  }
}
.processing-account__images {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
.processing-account__images.processing-account__images--two {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 61.99875em) {
  .processing-account__images.processing-account__images--two {
    gap: 0.375rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
.processing-account__images.processing-account__images--two-unwrap {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 61.99875em) {
  .processing-account__images.processing-account__images--two-unwrap {
    gap: 0.375rem;
  }
}
.processing-account__images.processing-account__images--three {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 61.99875em) {
  .processing-account__images.processing-account__images--three {
    gap: 0.375rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .processing-account__images.processing-account__images--three .processing-account__image:last-child {
    grid-column-start: span 2;
  }
}
.processing-account__image {
  position: relative;
}
.processing-account__image img,
.processing-account__image picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 358px;
  object-fit: cover;
  border-radius: 1.5rem;
}
@media (max-width: 61.99875em) {
  .processing-account__image img,
  .processing-account__image picture {
    border-radius: 1rem;
  }
}
@media (max-width: 47.99875em) {
  .processing-account__image img,
  .processing-account__image picture {
    max-height: 165px;
  }
}
.processing-account__image .image_main {
  max-height: 526px;
}
@media (max-width: 61.99875em) {
  .processing-account__image .image_main {
    max-height: 400px;
  }
}
@media (max-width: 47.99875em) {
  .processing-account__image .image_main {
    max-height: 100%;
  }
}
.processing-account__image .image_badge {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: white;
  padding: 5px 10px;
  border-radius: 24px;
}
.processing-account__image-bigger img,
.processing-account__image-bigger picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}
@media (max-width: 61.99875em) {
  .processing-account__image-bigger img,
  .processing-account__image-bigger picture {
    border-radius: 1rem;
  }
}
.processing-account__image-block {
  width: 100%;
  height: 526px;
  border-radius: 1.5rem;
  background-size: cover;
  background-position: center;
}
@media (max-width: 61.99875em) {
  .processing-account__image-block {
    border-radius: 1rem;
    height: 410px;
  }
}
@media (max-width: 47.99875em) {
  .processing-account__image-block {
    height: 164px;
  }
}
.processing-account__block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .processing-account__block {
    gap: 0.75rem;
  }
}
.processing-account__block.processing-account__block--three .processing-account__info {
  gap: 0.5rem;
}
.processing-account__block.processing-account__block--three .exchange-account__list {
  gap: 0.5rem;
}
.processing-account__block.processing-account__block--four {
  gap: 8px;
}
.processing-account__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.processing-account__btn {
  max-width: max-content;
}
@media (max-width: 29.99875em) {
  .processing-account__btn {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.processing-account__exchange .exchange-account__items {
  margin-top: 0rem !important;
  gap: 1rem !important;
  margin-bottom: 7px;
}
@media (max-width: 95.99875em) {
  .processing-account__exchange .exchange-account__items {
    margin-bottom: 9px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .processing-account__exchange .exchange-account__items {
    margin-top: 3px !important;
    margin-bottom: 7px;
  }
}
@media (max-width: 95.99875em) {
  .processing-account__exchange .exchange-account__items .item-exchange__title {
    padding-left: 45px;
  }
  .processing-account__exchange .exchange-account__items .item-exchange__title br {
    display: none;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .processing-account__exchange .exchange-account__items .item-exchange__title {
    padding-left: 36px;
  }
  .processing-account__exchange .exchange-account__items .item-exchange__title br {
    display: block;
  }
}
.processing-account__exchange .exchange-account__items .item-exchange__title span {
  top: 0;
}
@media (max-width: 95.99875em) {
  .processing-account__exchange .exchange-account__items .item-exchange__title span {
    top: 7px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .processing-account__exchange .exchange-account__items .item-exchange__title span {
    top: 0;
  }
}
.processing-account__come {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
  color: var(--color-alt);
}
@media (min-width: 29.99875em) {
  .processing-account__come br {
    display: none;
  }
}
@media (max-width: 95.99875em) {
  .processing-account__come {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .processing-account__come {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
  }
}
.processing-account .processing-account__link {
  max-width: max-content;
}
@media (max-width: 29.99875em) {
  .processing-account .processing-account__link {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.processing-account__info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.processing-account__text {
  font-size: 1rem;
  line-height: 20px;
}
.processing-account__text b {
  font-weight: 500;
}
.processing-account__text a {
  transition: all 0.15s ease-in 0s;
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .processing-account__text a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 61.99875em) {
  .processing-account__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.processing-account__subtitle {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
}
@media (max-width: 95.99875em) {
  .processing-account__subtitle {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .processing-account__subtitle {
    font-size: 1.125rem;
    line-height: 20px; /* 111.111% */
  }
}
.processing-account__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 61.99875em) {
  .processing-account__title {
    font-size: 1.125rem;
    line-height: 111.111%; /* 111.111% */
  }
}
.processing-account__title.processing-account__title--two {
  font-size: 24px;
}
@media (max-width: 61.99875em) {
  .processing-account__title.processing-account__title--two {
    font-size: 20px;
    padding-right: 30px;
    line-height: 24px;
    margin-bottom: 5px;
  }
}
.processing-account__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.processing-account__list.processing-account__list--two {
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .processing-account__list.processing-account__list--two {
    gap: 12px;
    margin-bottom: 6px;
  }
}
.processing-account__item {
  position: relative;
  padding-left: 0.875rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.processing-account__item sup {
  color: var(--color-alt);
}
.processing-account__item span {
  display: block;
  color: #8b96a3;
  margin-top: 0.25rem;
}
@media (max-width: 61.99875em) {
  .processing-account__item {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.processing-account__item::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .processing-account__item::before {
    top: 0.375rem;
  }
}
.step-processing ol {
  counter-reset: item;
}
.step-processing ol > li {
  display: block;
}
.step-processing ol > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  margin-right: 1.0625rem;
}
.step-processing ol > li > ol {
  counter-reset: item;
}
.step-processing__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 61.99875em) {
  .step-processing__list {
    gap: 1.25rem;
  }
}
.step-processing__item {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 61.99875em) {
  .step-processing__item {
    font-size: 1.125rem;
    line-height: 24px; /* 133.333% */
  }
}
.step-processing__sublist {
  padding: 1rem 0rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .step-processing__sublist {
    padding: 0.75rem 0rem 0rem;
    gap: 0.75rem;
  }
}
.step-processing__subitem {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
.step-processing__subitem::before {
  margin-right: 0.25rem !important;
}
@media (max-width: 61.99875em) {
  .step-processing__subitem {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.step-processing__suplist {
  padding: 1rem 0rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .step-processing__suplist {
    padding: 0.75rem 0rem 0rem;
    gap: 0.75rem;
  }
}
.step-processing__blocks {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
}
.step-processing__block {
  position: relative;
  padding-left: 0.875rem;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .step-processing__block {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.step-processing__block::before {
  content: "";
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  position: absolute;
  background: var(--color-alt);
  top: 0.5625rem;
  left: 0;
}
@media (max-width: 61.99875em) {
  .step-processing__block::before {
    top: 0.25rem;
  }
}
.step-processing__supitem {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .step-processing__supitem {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.step-processing__supitem::before {
  content: "";
  margin-right: 0.0625rem !important;
}
.application-processing {
  display: flex;
  flex-direction: column;
}
.application-processing__block {
  padding-top: 2rem;
  border-top: 1px solid #e2e2e8;
}
@media (max-width: 61.99875em) {
  .application-processing__block {
    padding-top: 1rem;
  }
}
.application-processing__number {
  font-size: 16px;
  line-height: 125%; /* 125% */
  color: #677178;
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .application-processing__number {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
    margin-bottom: 0.75rem;
  }
}
.application-processing__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 120%; /* 120% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .application-processing__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 122.222% */
    margin-bottom: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .application-processing__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 112.5% */
    margin-bottom: 0.75rem;
  }
}
.application-processing__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.375rem;
}
@media (max-width: 95.99875em) {
  .application-processing__content {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .application-processing__content {
    margin-bottom: 0.75rem;
  }
}
.application-processing__text {
  font-size: 16px;
  line-height: 125%; /* 125% */
}
.application-processing__text a {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .application-processing__text a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 61.99875em) {
  .application-processing__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.application-processing__list {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  counter-reset: item;
  list-style-type: none;
  margin-bottom: 1rem;
}
@media (max-width: 95.99875em) {
  .application-processing__list {
    gap: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .application-processing__list {
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }
}
.application-processing__item {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  position: relative;
  padding-left: 3rem;
}
@media (max-width: 95.99875em) {
  .application-processing__item {
    padding-left: 2.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .application-processing__item {
    padding-left: 2.25rem;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.application-processing__item::before {
  content: counters(item, ".") " ";
  counter-increment: item;
  --size: 32px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  background: #ecf2fe;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: var(--color-alt);
  position: absolute;
  top: -0.375rem;
  left: 0;
}
@media (max-width: 95.99875em) {
  .application-processing__item::before {
    --size: 28px;
    top: -0.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .application-processing__item::before {
    --size: 24px;
    top: 0.25rem;
    font-size: 11.825px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.782px; /* 125% */
  }
}
.account-text__advertising {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #8b96a3;
  margin-top: 1.5rem;
}
.vision-account {
  margin-top: 1.4375rem;
}
@media (max-width: 61.99875em) {
  .vision-account {
    margin-top: 1.1875rem;
  }
}
.vision-account__subtitle {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 114.286% */
  margin-bottom: 1.5625rem;
}
.vision-account__subtitle span {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 109.091% */
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .vision-account__subtitle {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
    margin-bottom: 1.3125rem;
  }
  .vision-account__subtitle span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
  }
}
.vision-account__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.375rem 1.5rem;
}
@media (max-width: 1400px) {
  .vision-account__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1400px) and (max-width: 600px) {
  .vision-account__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.4375rem;
  }
}
.vision-account__items .vision-account__item {
  border-radius: 1rem;
  overflow: hidden;
  background: var(--color-whte);
  border: 1.5px solid #e2e2e8;
  display: flex;
  flex-direction: column;
}
@media (any-hover: hover) {
  .vision-account__items .vision-account__item:hover .vision-account__time,
  .vision-account__items .vision-account__item:hover .vision-account__title,
  .vision-account__items .vision-account__item:hover .vision-account__text {
    color: var(--color-alt);
  }
  .vision-account__items .vision-account__item:hover .vision-account__link {
    color: var(--color-alt);
  }
  .vision-account__items .vision-account__item:hover .vision-account__link::after {
    content: "";
    background: var(--color-alt);
  }
}
.vision-account__items .vision-account__item.vision-account__item--big {
  grid-column-start: span 2;
  border-radius: 1.5rem;
  position: relative;
  border: none;
}
@media (max-width: 61.99875em) {
  .vision-account__items .vision-account__item.vision-account__item--big {
    min-height: 22.5rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 37.5em) {
  .vision-account__items .vision-account__item.vision-account__item--big {
    grid-column-start: span 1;
  }
}
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(1deg, rgba(0, 0, 0, 0.46) 1.1%, rgba(0, 0, 0, 0.1) 65.12%);
  pointer-events: none;
}
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__link {
  color: var(--color-whte);
}
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__link::after {
  content: "";
  background: var(--color-whte);
}
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.5rem;
}
@media (max-width: 61.99875em) {
  .vision-account__items .vision-account__item.vision-account__item--big .vision-account__content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 1rem !important;
    padding: 1rem !important;
  }
}
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__info {
  max-width: 28.125rem;
  gap: 0.75rem !important;
}
@media (max-width: 61.99875em) {
  .vision-account__items .vision-account__item.vision-account__item--big .vision-account__info {
    gap: 0.5rem !important;
    flex: none;
  }
}
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__info .vision-account__title,
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__info .vision-account__text {
  color: var(--color-whte);
}
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__info .vision-account__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
}
@media (max-width: 61.99875em) {
  .vision-account__items .vision-account__item.vision-account__item--big .vision-account__info .vision-account__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
  }
}
.vision-account__items .vision-account__item.vision-account__item--big .vision-account__info .vision-account__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .vision-account__items .vision-account__item.vision-account__item--big .vision-account__info .vision-account__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.vision-account__items.vision-account__items--fix .vision-account__item {
  overflow: visible;
}
.vision-account__items.vision-account__items--fix .vision-account__img {
  transform: translate(-1px, -1px);
  position: relative;
  z-index: 2;
}
.vision-account__items.vision-account__items--fix .vision-account__img img,
.vision-account__items.vision-account__items--fix .vision-account__img picture {
  height: calc(100% - 3px);
  width: calc(100% + 2px);
  max-width: none;
  max-height: none;
}
@media (max-width: 29.99875em) {
  .vision-account__items.vision-account__items--fix .vision-account__img img,
  .vision-account__items.vision-account__items--fix .vision-account__img picture {
    aspect-ratio: 343/182;
  }
}
.vision-account__img img,
.vision-account__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  aspect-ratio: 378/225;
  border-radius: 1rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 1400px) {
  .vision-account__img img,
  .vision-account__img picture {
    aspect-ratio: 417/200;
  }
}
@media (max-width: 1400px) and (max-width: 600px) {
  .vision-account__img img,
  .vision-account__img picture {
    aspect-ratio: 343/151;
  }
}
.vision-account__content {
  padding: 1rem 1.0625rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}
@media (max-width: 95.99875em) {
  .vision-account__content {
    padding: 1rem 0.9375rem;
    gap: 1.875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .vision-account__content {
    padding: 0.75rem;
    gap: 0.8125rem;
  }
}
.vision-account__info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .vision-account__info {
    gap: 0.375rem;
  }
}
.vision-account__time {
  font-size: 0.875rem;
  line-height: 114.286%; /* 114.286% */
  color: #555556;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .vision-account__time {
    font-size: 0.75rem;
    line-height: 150%; /* 150% */
  }
}
.vision-account__title {
  font-size: 1.375rem;
  line-height: 109.091%; /* 109.091% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .vision-account__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%; /* 125% */
  }
}
.vision-account__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #677178;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .vision-account__text {
    font-size: 0.875rem;
    line-height: 128.571%; /* 128.571% */
    -webkit-line-clamp: 5;
  }
}
.vision-account__link {
  margin-left: auto;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.15s ease-in 0s;
}
.vision-account__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.account-text__banner {
  margin-bottom: 1.5rem;
  padding-bottom: 0rem !important;
}
@media (max-width: 61.99875em) {
  .account-text__banner {
    margin-bottom: 1.5625rem;
  }
}
.account-text__banner.account-text__banner--two {
  margin-top: 2rem;
}
@media (max-width: 95.99875em) {
  .account-text__banner.account-text__banner--two {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__banner.account-text__banner--two {
    margin-top: 1.25rem;
  }
}
@media (max-width: 95.99875em) {
  .account-text__banner.account-text__banner--two .banner__content {
    max-width: 402px;
  }
}
.loading-processing {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 24.1875rem;
}
.loading-processing__item {
  padding: 0.6875rem 0.75rem;
  border: 1px solid #e2e2e8;
  border-radius: 1rem;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .loading-processing__item:hover {
    border: 1px solid var(--color-alt);
  }
  .loading-processing__item:hover .loading-processing__title {
    color: var(--color-alt);
  }
  .loading-processing__item:hover .loading-processing__title span {
    background: var(--color-alt);
  }
  .loading-processing__item:hover .loading-processing__title span::before {
    content: "";
    background: var(--color-whte);
  }
  .loading-processing__item:hover .loading-processing__title::before {
    content: "";
    background: var(--color-alt);
  }
}
.loading-processing__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  transition: all 0.15s ease-in 0s;
}
.loading-processing__title::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
  flex: 0 0 var(--size);
}
.loading-processing__title span {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  transition: all 0.15s ease-in 0s;
}
.loading-processing__title span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .loading-processing__title span {
    --size: 36px;
  }
  .loading-processing__title span::before {
    content: "";
    --size: 18px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .loading-processing__title span {
    --size: 32px;
  }
  .loading-processing__title span::before {
    content: "";
    --size: 16px;
  }
}
@media (max-width: 61.99875em) {
  .loading-processing__title {
    font-size: 0.9375rem;
    gap: 0.25rem;
  }
  .loading-processing__title::before {
    content: "";
    --size: 18px;
  }
}
.vacancy-account {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.vacancy-account__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 47.99875em) {
  .vacancy-account__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
  }
}
.vacancy-account__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
}
.vacancy-account__select {
  max-width: 20rem;
  width: 100%;
}
@media (max-width: 47.99875em) {
  .vacancy-account__select {
    max-width: 100%;
  }
}
.vacancy-account__select .select__content {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .vacancy-account__select .select__content {
    font-size: 0.8125rem;
  }
}
.vacancy-account__select .select__value {
  height: 3rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  padding: 0.8125rem 0.9375rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .vacancy-account__select .select__value {
    height: 2.75rem;
  }
}
.vacancy-account__select .select__value::after {
  content: "";
  --size: 16px;
  margin-right: 0.3125rem;
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .vacancy-account__select .select__value::after {
    --size: 12px;
  }
}
.vacancy-account__select .select__options {
  border-radius: 1rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  background: var(--color-whte);
  padding: 0.375rem;
  top: calc(100% + 0.0625rem);
}
.vacancy-account__select .select__scroll::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}
.vacancy-account__select .select__scroll::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.vacancy-account__select .select__scroll::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.vacancy-account__select .select__option {
  padding: 0.375rem 0.25rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .vacancy-account__select .select__option:hover {
    background: #f5f5f5;
  }
}
.vacancy-account__select .select__option._active {
  color: var(--color-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.vacancy-account__select .select__option._active::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/31.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.vacancy-account__select .select__option.none {
  color: #8b96a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}
.vacancy-account__select .select__option.none::after {
  content: "Нет в наличии";
  font-size: 0.6875rem;
  line-height: 136.364%; /* 136.364% */
  color: #fc5230;
}
.vacancy-account__select .form {
  display: none;
}
.vacancy-account__select ._select-open .select__value {
  border-color: rgb(139, 150, 163);
}
.vacancy-account__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .vacancy-account__row {
    gap: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .vacancy-account__row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 37.5em) {
  .vacancy-account__row {
    grid-template-columns: repeat(1, 1fr);
  }
}
.vacancy-account__column {
  border-radius: 24px;
  border: 1px solid #e2e2e8;
  background: var(--color-whte);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 95.99875em) {
  .vacancy-account__column {
    padding: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .vacancy-account__column {
    gap: 1.5rem;
    padding: 1rem;
    border-radius: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 600px) {
  .vacancy-account__column {
    min-height: 196px;
  }
}
.vacancy-account__suptitle {
  flex: 1 1 auto;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
}
@media (max-width: 95.99875em) {
  .vacancy-account__suptitle {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .vacancy-account__suptitle {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
  }
}
.vacancy-account__btns {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vacancy-account .vacancy-account__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8125rem;
}
.vacancy-account .vacancy-account__btn.btn--whte {
  border: 0.0625rem solid #d2d2e5;
}
@media (any-hover: hover) {
  .vacancy-account .vacancy-account__btn.btn--whte:hover {
    border: 0.0625rem solid var(--color-alt);
  }
}
.contact-account {
  margin-bottom: 3rem;
  padding-top: 0.5rem;
}
@media (max-width: 95.99875em) {
  .contact-account {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .contact-account {
    margin-bottom: 1.25rem;
    margin-top: 0rem;
  }
}
.contact-account__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 95.99875em) {
  .contact-account__row {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .contact-account__row {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 37.5em) {
  .contact-account__row {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 1.25rem;
  }
}
.contact-account__column {
  padding: 1.5rem;
  border-radius: 1rem;
  background: #f5f6f6;
}
@media (max-width: 95.99875em) {
  .contact-account__column {
    padding: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .contact-account__column {
    padding: 1rem;
  }
}
.contact-account__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .contact-account__title {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .contact-account__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
    margin-bottom: 1rem;
  }
}
.contact-account__address {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  display: inline-flex;
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .contact-account__address {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
    margin-bottom: 0.75rem;
  }
}
.contact-account__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .contact-account__info {
    gap: 22px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .contact-account__info {
    gap: 1rem;
  }
}
.contact-account__block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contact-account__category {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #5d6c7b;
}
@media (max-width: 61.99875em) {
  .contact-account__category {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
  }
}
.contact-account__time {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 95.99875em) {
  .contact-account__time {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .contact-account__time {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.contact-account__link {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .contact-account__link:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .contact-account__link {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
  }
}
.contact-account__link.contact-account__link--mail {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .contact-account__link.contact-account__link--mail:hover {
    text-decoration: none;
  }
}
.contact-account__list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contact-account__item {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 61.99875em) {
  .contact-account__item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
  }
}
.contact-account__map {
  width: 100%;
  height: 35.5rem;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (max-width: 95.99875em) {
  .contact-account__map {
    border-radius: 1rem;
    height: 30rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .contact-account__map {
    height: 15.625rem;
  }
}
.connection-account {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  padding: 2rem;
}
@media (max-width: 61.99875em) {
  .connection-account {
    padding: 1rem;
  }
}
.connection-account.connection-account--two {
  margin-top: 2rem;
}
@media (max-width: 95.99875em) {
  .connection-account.connection-account--two {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .connection-account.connection-account--two {
    margin-top: 1.25rem;
  }
}
.connection-account__inner {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 2.5rem;
  grid-template-columns: 28.4375rem auto;
}
@media (max-width: 95.99875em) {
  .connection-account__inner {
    grid-template-columns: 19.9375rem auto;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .connection-account__inner {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.connection-account__title {
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 100% */
  letter-spacing: -2px;
}
@media (max-width: 95.99875em) {
  .connection-account__title {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 100% */
    letter-spacing: -2px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .connection-account__title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    letter-spacing: 0px;
  }
}
.connection-account__decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.connection-account__decor img,
.connection-account__decor picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.connection-account .form__items {
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .connection-account .form__items {
    gap: 1rem;
  }
}
.connection-account .form__item {
  flex-direction: column;
}
.connection-account .form__item-textarea .input {
  height: 8.375rem;
  border-radius: 0.5rem;
  padding: 0.8125rem 1rem;
}
@media (max-width: 61.99875em) {
  .connection-account .form__item-textarea .input {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
  }
}
@media (max-width: 61.99875em) and (max-width: 47.99875em) {
  .connection-account .form__item-textarea .input {
    height: 5rem;
  }
}
.connection-account .form__agreement {
  padding: 0rem;
  margin-bottom: 1.5rem !important;
}
.connection-account .form__agreement:not(:last-child) {
  margin-bottom: 0rem;
}
@media (max-width: 29.99875em) {
  .connection-account .form .form__btn {
    margin: 0 auto;
    max-width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.connection-account .checkbox__text {
  display: inline;
  flex-direction: row;
}
@media (max-width: 47.99875em) {
  .connection-account .checkbox__text {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
  }
}
.connection-account .checkbox__text a {
  display: inline;
}
.attention-processing {
  padding-top: 1rem;
  border-top: 1px solid #e2e2e8;
}
@media (max-width: 95.99875em) {
  .attention-processing {
    padding-top: 0.625rem;
  }
}
.attention-processing.attention-processing--two {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .attention-processing.attention-processing--two {
    margin-top: 1rem;
    gap: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .attention-processing.attention-processing--two {
    margin-top: 1.25rem;
    gap: 1.25rem;
  }
}
.attention-processing.attention-processing--three {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .attention-processing.attention-processing--three {
    gap: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .attention-processing.attention-processing--three {
    gap: 1.25rem;
  }
}
.attention-processing__attention {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  padding: 2rem;
  border-radius: 1.5rem;
  background: #f5f5f5;
}
@media (max-width: 61.99875em) {
  .attention-processing__attention {
    border-radius: 1rem;
    padding: 1rem;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.attention-processing__contraindication {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: #5d6c7b;
}
@media (max-width: 61.99875em) {
  .attention-processing__contraindication {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.attention-processing__items {
  display: flex;
  gap: 0.625rem;
  flex-direction: column;
}
@media (max-width: 61.99875em) {
  .attention-processing__items {
    gap: 1rem;
  }
}
.attention-processing__items.attention-processing__items--two {
  gap: 16px;
}
@media (max-width: 95.99875em) {
  .attention-processing__items.attention-processing__items--two {
    padding-top: 5px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .attention-processing__items.attention-processing__items--two {
    padding-top: 0;
  }
}
.attention-processing__item {
  display: flex;
  flex-direction: column;
}
.attention-processing__title {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: #677178;
  display: flex;
}
@media (max-width: 61.99875em) {
  .attention-processing__title {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.attention-processing__title sup {
  margin-right: 0.125rem;
  transform: translate(0, -0.25rem);
}
.attention-processing__list {
  display: flex;
  flex-direction: column;
  padding-left: 0.75rem;
}
.attention-processing__column {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: #677178;
}
@media (max-width: 61.99875em) {
  .attention-processing__column {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.account-text__next {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  max-width: max-content;
  margin-left: auto;
  margin-top: 2rem;
  transition: all 0.15s ease-in 0s;
}
@media (min-width: 61.99875em) {
  .account-text__next span {
    display: none;
  }
}
@media (any-hover: hover) {
  .account-text__next:hover {
    color: var(--color-alt);
  }
  .account-text__next:hover::after {
    content: "";
    background: var(--color-alt);
  }
}
@media (max-width: 95.99875em) {
  .account-text__next {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__next {
    margin-top: 2rem;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
    gap: 0.125rem;
    font-size: 0;
  }
  .account-text__next span {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
  }
}
.account-text__next::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .account-text__next::after {
    --size: 18px;
    transform: translate(0, 2px);
  }
}
.news-account {
  position: relative;
  padding-top: 140px;
}
@media (max-width: 95.99875em) {
  .news-account {
    padding-top: 120px;
  }
}
@media (max-width: 95.99875em) and (max-width: 1200px) {
  .news-account {
    padding-top: 0px;
  }
}
@media (max-width: 95.99875em) and (max-width: 1200px) and (max-width: 61.99875em) {
  .news-account {
    margin-top: 1.125rem;
  }
}
.news-account__inner {
  position: sticky;
  top: 0;
  left: 0;
}
.news-account__title {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 114.286% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .news-account__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .news-account__title {
    margin-bottom: 1rem;
  }
}
.news-account__items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 75em) {
  .news-account__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 75em) and (max-width: 47.99875em) {
  .news-account__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}
.news-account__item {
  padding: 1rem;
  border-radius: 16px;
  background: #f5f5f5;
  display: flex;
  justify-content: space-between;
  gap: 5.25rem;
  min-height: 7.75rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .news-account__item {
    min-height: 7.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .news-account__item {
    padding: 0.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
  }
}
@media (any-hover: hover) {
  .news-account__item:hover .news-account__time,
  .news-account__item:hover .news-account__new {
    color: var(--color-alt);
  }
}
.news-account__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .news-account__content {
    gap: 0.25rem;
  }
}
.news-account__time {
  font-size: 15px;
  line-height: 18px; /* 120% */
  color: #8b96a3;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .news-account__time {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .news-account__time {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
  }
}
.news-account__new {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .news-account__new {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
  }
}
.news-account__link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
}
@media (max-width: 61.99875em) {
  .news-account__link {
    gap: 3px;
  }
}
.news-account__link::after {
  content: "";
  --size: 32px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
}
@media (max-width: 61.99875em) {
  .news-account__link::after {
    --size: 19px;
    margin-top: 2px;
  }
}
@media (min-width: 61.99875em) {
  .news-account__link span {
    display: none;
  }
}
.supplier-account {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.supplier-account__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .supplier-account__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    margin-bottom: 0.75rem;
  }
}
.supplier-account__items {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
@media (max-width: 61.99875em) {
  .supplier-account__items {
    gap: 0.6875rem;
  }
}
.supplier-account__items .supplier-account__item:not(:first-child) {
  border-top: 1px solid #e2e2e8;
  padding-top: 1rem;
}
@media (max-width: 61.99875em) {
  .supplier-account__items .supplier-account__item:not(:first-child) {
    padding-top: 0.75rem;
  }
}
.supplier-account__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.supplier-account__brand {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
}
@media (max-width: 61.99875em) {
  .supplier-account__brand {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
  }
}
.supplier-account__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: #677178;
}
@media (max-width: 61.99875em) {
  .supplier-account__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.supplier-account__product {
  padding: 1.5rem 1.25rem 1.25rem;
  border-radius: 24px;
  background: #f5f5f5;
  position: relative;
}
@media (max-width: 61.99875em) {
  .supplier-account__product {
    margin: 0rem -1rem;
    padding: 1rem 1rem;
  }
}
.supplier-account__product .supplier-account__history {
  margin-bottom: 1.75rem;
}
@media (max-width: 61.99875em) {
  .supplier-account__product .supplier-account__history {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    margin-bottom: 1rem;
  }
}
.supplier-account__product .supplier-account__slider {
  position: static;
}
@media (max-width: 61.99875em) {
  .supplier-account__product .supplier-account__slider {
    overflow: visible;
  }
}
.supplier-account__product .product__arrows {
  top: 1.25rem;
  right: 1.25rem;
}
.supplier-account__product .card-product__img img,
.supplier-account__product .card-product__img picture {
  height: 100%;
  aspect-ratio: 1/1;
}
.supplier-account__product .card-product__content {
  background: var(--color-whte);
  gap: 0rem;
}
.supplier-account__product .card-product__content .card-product__constructor {
  margin-bottom: 0.75rem;
}
.supplier-account__product .card-product__content .card-product__title {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.supplier-account__product .card-product__content .card-product__prices {
  margin-bottom: 1.75rem;
}
@media (max-width: 61.99875em) {
  .supplier-account__product .card-product__content .card-product__prices {
    margin-bottom: 1rem;
  }
}
.supplier-account__brands .brands__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
}
@media (max-width: 61.99875em) {
  .supplier-account__brands .brands__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
  }
}
.supplier-account__brands .brands__top {
  margin-bottom: 1.3125rem;
}
@media (max-width: 61.99875em) {
  .supplier-account__brands .brands__top {
    margin-bottom: 0.75rem;
  }
}
.supplier-account__brands .brands__slide {
  max-width: 11.875rem;
}
@media (max-width: 95.99875em) {
  .supplier-account__brands .brands__slide {
    max-width: 10.1875rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .supplier-account__brands .brands__slide {
    max-width: 9.0625rem;
  }
}
.supplier-account__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.supplier-account__column {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: #677178;
  position: relative;
  padding-left: 0.875rem;
}
@media (max-width: 61.99875em) {
  .supplier-account__column {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.supplier-account__column::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  background: var(--color-alt);
  border-radius: 50%;
}
@media (max-width: 61.99875em) {
  .supplier-account__column::before {
    top: 0.4375rem;
  }
}
.supplier-account__attention {
  padding: 2rem;
  border-radius: 24px;
  background: #f5f5f5;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .supplier-account__attention {
    border-radius: 16px;
    padding: 1rem;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.blog-account {
  padding: 0.75rem 1.5rem;
  border-radius: 12px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.25rem;
}
@media (max-width: 61.99875em) {
  .blog-account {
    padding: 0.75rem;
  }
}
.blog-account__info {
  display: flex;
  gap: 1.25rem;
}
@media (max-width: 61.99875em) {
  .blog-account__info {
    gap: 0.75rem;
  }
}
.blog-account__title {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .blog-account__title {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
  }
}
.blog-account__time {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  color: #8b96a3;
  position: relative;
}
@media (max-width: 61.99875em) {
  .blog-account__time {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
  }
}
.blog-account__time::before {
  content: "";
  position: absolute;
  --size: 4px;
  width: var(--size);
  height: var(--size);
  background: #8b96a3;
  border-radius: 50%;
  top: 7px;
  left: -11px;
}
@media (max-width: 61.99875em) {
  .blog-account__time::before {
    left: -7px;
    top: 5px;
  }
}
.blog-account__value {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  color: #8b96a3;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .blog-account__value {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
    gap: 0.25rem;
  }
}
.blog-account__value::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #8b96a3;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .blog-account__value::before {
    --size: 18px;
  }
}
.poster-account {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  overflow: hidden;
  padding: 0;
}
.poster-account__info {
  gap: 1.5rem;
  max-width: 39.6875rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 1.5rem;
  position: relative;
  z-index: 2;
  color: var(--color-whte);
}
@media (max-width: 61.99875em) {
  .poster-account__info {
    gap: 0.75rem;
  }
}
.poster-account__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 100% */
}
@media (min-width: 61.99875em) {
  .poster-account__title br {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .poster-account__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%; /* 20.7px */
  }
}
.poster-account__text {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 122.222% */
}
@media (max-width: 61.99875em) {
  .poster-account__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
  }
}
.poster-account__img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.poster-account__img img,
.poster-account__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.product-exchange__items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .product-exchange__items {
    gap: 0.75rem;
  }
}
.product-exchange__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product-exchange__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
  color: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .product-exchange__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
  }
}
.product-exchange__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .product-exchange__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.specialist-account {
  margin-top: 2rem;
}
@media (max-width: 95.99875em) {
  .specialist-account {
    margin-top: 1.375rem;
  }
}
.specialist-account.specialist-account--two {
  margin-top: 10px;
}
@media (max-width: 95.99875em) {
  .specialist-account.specialist-account--two {
    margin-top: 1.375rem;
  }
}
.specialist-account__attention {
  border-radius: 8px;
  background: #f6f9ff;
  padding: 1rem;
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 95.99875em) {
  .specialist-account__attention {
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .specialist-account__attention {
    padding: 0.75rem 0.875rem;
    margin-bottom: 1.25rem;
  }
}
.specialist-account__attention::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .specialist-account__attention::before {
    --size: 15px;
    margin-top: 0.125rem;
  }
}
.specialist-account__warning {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  color: var(--color-alt);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.specialist-account__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .specialist-account__row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .specialist-account__row {
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .specialist-account__row {
    grid-template-columns: repeat(2, 1fr);
  }
}
.specialist-account .specialist-account__showmore {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  padding: 0.875rem;
  margin-bottom: 2rem;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .specialist-account .specialist-account__showmore:hover {
    color: var(--color-whte);
    background: var(--color-alt);
  }
}
.specialist-account .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5625rem;
}
@media (max-width: 29.99875em) {
  .specialist-account .pagination {
    justify-content: space-between;
  }
}
@media (max-width: 61.99875em) {
  .specialist-account .pagination.pagination--two {
    display: none;
  }
}
.specialist-account .pagination__arrow::before {
  content: "";
  --size: 12px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .specialist-account .pagination__arrow:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.specialist-account .pagination__arrow.pagination__arrow--disabled {
  pointer-events: none;
}
.specialist-account .pagination__arrow.pagination__arrow--disabled::before {
  content: "";
  background: rgb(200, 200, 200);
}
.specialist-account .pagination__list {
  display: flex;
  gap: 0.125rem;
}
.specialist-account .pagination__item {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 133.333%; /* 133.333% */
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .specialist-account .pagination__item:hover {
    color: var(--color-alt);
  }
}
.specialist-account .pagination__item.active {
  border: 1.5px solid #e2e2e8;
}
@media (any-hover: hover) {
  .specialist-account .pagination__item.active:hover {
    color: var(--color-primary);
  }
}
.form {
  margin-bottom: 1rem;
}
@media (max-width: 95.99875em) {
  .form {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .form {
    margin-bottom: 1rem;
  }
}
.form__subtitle {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 114.286% */
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .form__subtitle {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .form__subtitle {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    margin-bottom: 1rem;
  }
}
.form__selects {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .form__selects {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 61.99875em) and (max-width: 47.99875em) {
  .form__selects {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 61.99875em) and (max-width: 47.99875em) and (max-width: 37.5em) {
  .form__selects {
    grid-template-columns: repeat(1, 1fr);
  }
}
.form__select {
  width: 15.625rem;
}
@media (max-width: 61.99875em) {
  .form__select {
    width: 100%;
  }
}
.form__select .select__content {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .form__select .select__content {
    font-size: 0.9375rem;
  }
}
.form__select .select__value {
  height: 3rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  padding: 0.8125rem 1.25rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .form__select .select__value {
    height: 2.875rem;
  }
}
.form__select .select__value::after {
  content: "";
  --size: 12px;
  margin-right: 0rem;
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .form__select .select__value::after {
    --size: 12px;
  }
}
.form__select .select__options {
  border-radius: 1rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  background: var(--color-whte);
  padding: 0.375rem;
  top: calc(100% + 0.0625rem);
}
.form__select .select__scroll::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}
.form__select .select__scroll::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.form__select .select__scroll::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.form__select .select__option {
  padding: 0.375rem 0.25rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .form__select .select__option:hover {
    background: #f5f5f5;
  }
}
.form__select .select__option._active {
  color: var(--color-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.form__select .select__option._active::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/31.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.form__select .select__option.none {
  color: #8b96a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}
.form__select .select__option.none::after {
  content: "Нет в наличии";
  font-size: 0.6875rem;
  line-height: 136.364%; /* 136.364% */
  color: #fc5230;
}
.form__select .form {
  display: none;
}
.form__select ._select-open .select__value {
  border-color: rgb(139, 150, 163);
}
.personal-specialist {
  position: relative;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 1px 10px 0px rgba(4, 86, 156, 0.1);
  padding: 1.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 95.99875em) {
  .personal-specialist {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .personal-specialist {
    padding: 1rem 0.75rem;
    margin-bottom: 1.25rem;
  }
}
.personal-specialist__inner {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .personal-specialist__inner {
    gap: 0.75rem;
  }
}
.personal-specialist__img img,
.personal-specialist__img picture {
  --size: 260px;
  width: var(--size);
  height: var(--size);
  object-fit: cover;
  border-radius: 1rem;
}
@media (max-width: 61.99875em) {
  .personal-specialist__img img,
  .personal-specialist__img picture {
    --size: 106px;
    border-radius: 0.75rem;
  }
}
.personal-specialist__content {
  display: flex;
  flex-direction: column;
}
.personal-specialist__tag {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 115.385% */
  padding: 0.125rem 0.5rem;
  color: #1794ff;
  border-radius: 100px;
  background: #ecf2fe;
  display: inline-flex;
  margin-bottom: 0.25rem;
}
@media (max-width: 61.99875em) {
  .personal-specialist__tag {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
    margin-bottom: 0.4375rem;
  }
}
.personal-specialist__office {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  height: 100%;
}
@media (max-width: 61.99875em) {
  .personal-specialist__office {
    margin-top: 0.75rem;
  }
}
.personal-specialist__location {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  margin-bottom: 0.25rem;
}
@media (max-width: 61.99875em) {
  .personal-specialist__location {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
    margin-bottom: 0.5rem;
  }
}
.personal-specialist__address {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: #677178;
  margin-bottom: 1rem;
  flex: 1 1 auto;
}
@media (max-width: 61.99875em) {
  .personal-specialist__address {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
    margin-bottom: 0.75rem;
  }
}
.personal-specialist .personal-specialist__link {
  max-width: max-content;
  padding: 0.75rem 1.5rem;
}
@media (max-width: 61.99875em) {
  .personal-specialist .personal-specialist__link {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
  }
}
@media (max-width: 61.99875em) and (max-width: 29.99875em) {
  .personal-specialist .personal-specialist__link {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }
}
.personal-specialist__title {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 114.286% */
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .personal-specialist__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 111.111% */
    margin-bottom: 1.125rem;
  }
}
@media (min-width: 61.99875em) {
  .personal-specialist__title.personal-specialist__title--two {
    font-size: 32px;
  }
}
.personal-specialist__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .personal-specialist__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 114.286% */
  }
}
.personal-specialist__decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.personal-specialist__decor img,
.personal-specialist__decor picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.column-specialist {
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.column-specialist__img img,
.column-specialist__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  aspect-ratio: 286/300;
}
@media (max-width: 95.99875em) {
  .column-specialist__img img,
  .column-specialist__img picture {
    aspect-ratio: 275/280;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .column-specialist__img img,
  .column-specialist__img picture {
    aspect-ratio: 165/170;
  }
}
.column-specialist__content {
  padding: 0.5rem 1rem 1rem;
  border: 1px solid var(--Outline-Gray, #e2e2e8);
  background: var(--Base-White, #fff);
  border-radius: 0px 0px 16px 16px;
  height: 100%;
  border-top: transparent;
  display: flex;
  flex-direction: column;
}
@media (max-width: 95.99875em) {
  .column-specialist__content {
    padding: 0.5rem 0.75rem 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .column-specialist__content {
    padding: 0.5rem;
  }
}
.column-specialist__title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
  margin-bottom: 0.5rem;
  max-width: 11.875rem;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .column-specialist__title:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 61.99875em) {
  .column-specialist__title {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
    margin-bottom: 0.25rem;
  }
}
.column-specialist__text {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e2e2e8;
}
@media (max-width: 61.99875em) {
  .column-specialist__text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 125% */
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
.column-specialist__address {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 115.385% */
  margin-bottom: 0.25rem;
}
@media (max-width: 61.99875em) {
  .column-specialist__address {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 125% */
  }
}
.column-specialist__category {
  flex: 1 1 auto;
  margin-bottom: 1.125rem;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .column-specialist__category {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 125% */
    margin-bottom: 0.5rem;
  }
}
.column-specialist .column-specialist__link {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 47.99875em) {
  .column-specialist .column-specialist__link {
    padding: 0.5625rem;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px; /* 115.385% */
  }
}
.column-specialist .column-specialist__link span:nth-child(1) {
  display: flex;
}
.column-specialist .column-specialist__link span:nth-child(2) {
  display: none;
}
@media (max-width: 47.99875em) {
  .column-specialist .column-specialist__link span:nth-child(1) {
    display: none;
  }
  .column-specialist .column-specialist__link span:nth-child(2) {
    display: flex;
  }
}
.column-specialist__rating {
  position: absolute;
  --pad: 16px;
  top: var(--pad);
  left: var(--pad);
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .column-specialist__rating {
    --pad: 8px;
  }
}
.column-specialist__rating::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.info-specialist__items {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .info-specialist__items {
    gap: 1.25rem;
  }
}
.info-specialist__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.info-specialist__title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 122.222% */
}
@media (max-width: 47.99875em) {
  .info-specialist__title {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
  }
}
.info-specialist__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 47.99875em) {
  .info-specialist__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.info-specialist__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 47.99875em) {
  .info-specialist__list {
    gap: 0.5625rem;
  }
}
.info-specialist__column {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  position: relative;
  padding-left: 0.875rem;
}
@media (max-width: 47.99875em) {
  .info-specialist__column {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.info-specialist__column::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5625rem;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  background: var(--color-alt);
  border-radius: 50%;
}
@media (max-width: 47.99875em) {
  .info-specialist__column::before {
    top: 0.4375rem;
  }
}
.specialist-account__recall {
  margin-top: 2rem;
}
@media (max-width: 95.99875em) {
  .specialist-account__recall {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .specialist-account__recall {
    margin-top: 1.25rem;
  }
}
.specialist-account__vision {
  margin-top: 2rem;
}
@media (max-width: 95.99875em) {
  .specialist-account__vision {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .specialist-account__vision {
    margin-top: 1.25rem;
  }
}
.specialist-account__vision .vision-account__items {
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .specialist-account__vision .vision-account__items {
    gap: 1.25rem;
  }
}
.specialist-account__vision .vision-account__items .vision-account__link {
  margin-left: 0rem;
}
.services-account {
  margin-top: 2rem;
}
@media (max-width: 95.99875em) {
  .services-account {
    margin-top: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-account {
    margin-top: 1.25rem;
  }
}
.services-account .services-account__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media (max-width: 95.99875em) {
  .services-account .services-account__items {
    gap: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-account .services-account__items {
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .services-account .services-account__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.services-account .services-account__items .services__slide-content {
  padding: 1.5rem;
}
@media (max-width: 95.99875em) {
  .services-account .services-account__items .services__slide-content {
    padding: 1rem;
    padding-right: 0.8125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-account .services-account__items .services__slide-content {
    padding: 0.75rem;
    padding-right: 0.5rem;
    gap: 14px;
  }
}
.services-account .services-account__items .services__slide-title {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 109.091% */
}
@media (max-width: 95.99875em) {
  .services-account .services-account__items .services__slide-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-account .services-account__items .services__slide-title {
    font-size: 15px;
    line-height: 18px; /* 125% */
  }
}
@media (max-width: 95.99875em) {
  .services-account .services-account__items .services__slide-content {
    max-width: calc(100% - 9.375rem);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-account .services-account__items .services__slide-content {
    max-width: calc(100% - 8.125rem);
  }
}
@media (max-width: 61.99875em) {
  .services-account .services-account__items .services__slide-img {
    right: 0;
    width: 8.125rem;
    height: 100%;
  }
}
@media (max-width: 95.99875em) {
  .services-account .services-account__items .services__slide-img img,
  .services-account .services-account__items .services__slide-img picture {
    --size: 150px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-account .services-account__items .services__slide-img img,
  .services-account .services-account__items .services__slide-img picture {
    --size: 130px;
    width: var(--size);
    height: 100%;
  }
}
.services-account .services-account__items .services__slide {
  max-width: 100%;
  min-height: 11.25rem;
}
@media (max-width: 95.99875em) {
  .services-account .services-account__items .services__slide {
    min-height: 9.375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-account .services-account__items .services__slide {
    min-height: 8.125rem;
  }
}
.examination-step {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 47.99875em) {
  .examination-step {
    grid-template-columns: repeat(1, 1fr);
  }
}
.examination-step__item {
  padding: 1.5rem;
  border-radius: 1rem;
  background: #f6f9ff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .examination-step__item {
    padding: 1.3125rem 1rem 1rem;
  }
}
.examination-step__icon img,
.examination-step__icon picture {
  --size: 80px;
  width: var(--size);
  height: var(--size);
  object-fit: contain;
}
@media (max-width: 95.99875em) {
  .examination-step__icon img,
  .examination-step__icon picture {
    --size: 70px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .examination-step__icon img,
  .examination-step__icon picture {
    --size: 43px;
  }
}
.examination-step__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.examination-step__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
}
@media (max-width: 61.99875em) {
  .examination-step__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
  }
}
.examination-step__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .examination-step__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.stages-step__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5rem;
}
@media (max-width: 47.99875em) {
  .stages-step__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.75rem;
  }
}
.stages-step__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
@media (max-width: 47.99875em) {
  .stages-step__item {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }
}
.stages-step__item::before {
  content: "";
  position: absolute;
  top: 1.6875rem;
  left: 4.375rem;
  width: calc(100% - 3.75rem);
  height: 0.125rem;
  background: #e2e2e8;
}
@media (max-width: 95.99875em) {
  .stages-step__item::before {
    left: 3.5rem;
    width: calc(100% - 2.8125rem);
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .stages-step__item::before {
    left: 1.125rem;
    top: 2.25rem;
    width: 0.125rem;
    height: 100%;
  }
}
.stages-step__item:last-child::before {
  content: "";
  display: none;
}
.stages-step__icon {
  --size: 52px;
  flex: 0 0 var(--size);
  width: var(--size);
  height: var(--size);
  border-radius: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f6f9ff;
}
@media (max-width: 95.99875em) {
  .stages-step__icon {
    --size: 44px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stages-step__icon {
    --size: 36px;
  }
}
.stages-step__icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 28px;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 95.99875em) {
  .stages-step__icon::before {
    --size: 24px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stages-step__icon::before {
    --size: 19px;
  }
}
.stages-step__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.stages-step__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 95.99875em) {
  .stages-step__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stages-step__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
  }
}
.vision-step__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .vision-step__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.vision-step__items__two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .vision-step__items__two {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 95.99875em) {
  .vision-step__items__two .__two-full-width {
    grid-column: span 2;
  }
}
.vision-step__item {
  padding: 1.4375rem 1rem 1rem;
  border-radius: 1rem;
  background: #f6f9ff;
  display: flex;
  flex-direction: column;
  gap: 1.4375rem;
}
@media (max-width: 95.99875em) {
  .vision-step__item {
    gap: 1.1875rem;
    padding: 1.4375rem 1rem 0.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .vision-step__item {
    padding: 1.3125rem 1rem 0.5rem;
    gap: 1.0625rem;
  }
}
.vision-step__icon {
  --size: 26px;
  width: var(--size);
  height: var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .vision-step__icon {
    --size: 21px;
    margin-left: 0.3125rem;
  }
}
.vision-step__icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-whte);
  width: 0.75rem;
  height: 0.5625rem;
}
@media (max-width: 61.99875em) {
  .vision-step__icon::before {
    width: 0.625rem;
    height: 0.5rem;
  }
}
.vision-step__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
  margin-bottom: 1rem;
}
@media (max-width: 95.99875em) {
  .vision-step__title {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .vision-step__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 112.5% */
  }
}
.vision-step__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  margin-bottom: 0.5rem;
}
@media (max-width: 61.99875em) {
  .vision-step__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.vision-step__text .__step-subtitle {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 8px;
}
.vision-step__text .__step-text-light {
  color: #677178;
}
.vision-step__text.__bottom-line {
  border-bottom: 1px solid #E2E2E8;
  padding-bottom: 16px;
}
.vision-step__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vision-step__column {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  padding-left: 0.875rem;
  position: relative;
}
@media (max-width: 61.99875em) {
  .vision-step__column {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.vision-step__column::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
}
.services-step {
  margin-bottom: 1.5625rem;
}
@media (max-width: 95.99875em) {
  .services-step {
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-step {
    margin-bottom: 0rem;
  }
}
.services-step__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media (max-width: 95.99875em) {
  .services-step__items {
    gap: 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-step__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 37.5em) {
  .services-step__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.services-step__item {
  position: relative;
  padding: 1.25rem 1rem;
  border-radius: 1rem;
  overflow: hidden;
}
@media (max-width: 95.99875em) {
  .services-step__item {
    padding: 1rem 1rem;
  }
}
@media (any-hover: hover) {
  .services-step__item:hover .services-step__link {
    background: var(--color-alt);
    border-color: var(--color-alt);
  }
  .services-step__item:hover .services-step__link::before {
    content: "";
    background: var(--color-whte);
  }
}
.services-step__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  min-height: 13rem;
}
@media (max-width: 95.99875em) {
  .services-step__inner {
    min-height: 11.875rem;
    gap: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .services-step__inner {
    min-height: 9.25rem;
  }
}
.services-step__top {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 13.9375rem;
  flex: 1 1 auto;
}
@media (max-width: 61.99875em) {
  .services-step__top {
    gap: 0.5rem;
  }
}
.services-step__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
}
@media (max-width: 95.99875em) {
  .services-step__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 122.222% */
    max-width: calc(100% - 5rem);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .services-step__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    max-width: calc(100% - 2.5rem);
  }
  .services-step__title br {
    display: none;
  }
}
.services-step__tag {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 115.385% */
  color: var(--color);
  padding: 0.25rem 0.75rem;
  border-radius: 6.25rem;
  background: var(--color-whte);
  max-width: max-content;
}
.services-step__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.625rem;
}
.services-step__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.services-step__price {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
}
@media (max-width: 61.99875em) {
  .services-step__price {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
  }
}
.services-step__text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
}
@media (max-width: 95.99875em) {
  .services-step__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
  }
}
.services-step__text span {
  display: inline-flex;
  margin-left: 0.1875rem;
  mask: var(--clue) center center/contain no-repeat;
  -webkit-mask: var(--clue) center center/contain no-repeat;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  background: rgb(139, 150, 163);
  transform: translate(0, 0.125rem);
}
.services-step__link {
  --size: 48px;
  flex: 0 0 var(--size);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1.5px solid #d2d2e5;
  background: var(--color-whte);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .services-step__link {
    --size: 36px;
  }
}
.services-step__link::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .services-step__link::before {
    --size: 14px;
  }
}
.services-step__decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.services-step__decor img,
.services-step__decor picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.account-text__sublist {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .account-text__sublist {
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__sublist {
    margin-bottom: 1.25rem;
  }
}
.account-text__subcategory {
  display: flex;
  gap: 0.25rem;
}
.account-text__subtitle {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: #677178;
}
@media (max-width: 61.99875em) {
  .account-text__subtitle {
    font-size: 0.9375rem;
  }
}
.account-text__subinfo {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .account-text__subinfo {
    font-size: 0.9375rem;
  }
}
.account-text__processing--two {
  gap: 24px;
}
@media (max-width: 95.99875em) {
  .account-text__processing--two {
    gap: 24px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .account-text__processing--two {
    gap: 20px;
  }
}
.account-text__exchange--two {
  margin-top: -8px;
  margin-bottom: 1.5rem;
}
.account-text__exchange--two .exchange-account__items {
  margin-top: 16px;
  gap: 16px;
}
.account-text__exchange--two .exchange-account__items .exchange-account__item {
  min-height: 32px;
}
@media (max-width: 95.99875em) {
  .account-text__exchange--two .item-exchange__title {
    padding-left: 44px;
  }
}
.account-text__exchange--two .item-exchange__title span {
  top: 0;
}
.exchange-account__items--two {
  margin-top: 16px;
  gap: 16px;
  margin-bottom: -13px;
}
@media (max-width: 95.99875em) {
  .exchange-account__items--two {
    gap: 16px;
  }
}
.exchange-account__items--two .exchange-account__item {
  min-height: 32px;
}
@media (max-width: 95.99875em) {
  .exchange-account__items--two .item-exchange__title {
    padding-left: 44px;
  }
}
.exchange-account__items--two .item-exchange__title span {
  top: 0;
}
@media (min-width: 61.99875em) {
  .account-text__processing--fix {
    gap: 24px;
  }
}
.account-text__connection .input::placeholder {
  color: rgb(200, 200, 200);
}
.account-text__connection .checkbox__label::before {
  content: "";
  top: 2px;
}
.account-text__connection .checkbox__label::after {
  content: "";
  top: 6px;
}
.popup .form__items .form__item {
  display: block;
}
.popup .form__checkboxs {
  max-width: 100%;
  display: block;
}
.popup .checkbox__text {
  display: block;
}
.processing-account__sections {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.processing-account__sections__title-block {
  font-weight: 500;
  font-size: 32px;
  line-height: 28px;
  background-color: #ECF2FE;
  width: 100%;
  height: 65px;
  padding-left: 17px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.processing-account__section {
  display: flex;
  width: 100%;
  gap: 23px;
  border-radius: 16px;
  background-color: #F6F9FF;
  padding: 20px 16px;
}
.processing-account__section-image img {
  width: 137px;
  height: 135px;
  border-radius: 16px;
  object-fit: cover;
}
@media (max-width: 47.99875em) {
  .processing-account__section-image img {
    width: 100%;
    height: 107px;
  }
}
.processing-account__section-inner {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 16px;
}
.processing-account__section-inner-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
}
.processing-account__section-inner-text {
  line-height: 20px;
}
.processing-account__section-link {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.processing-account__section-link a {
  display: flex;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1.5px solid #D2D2E5;
  border-radius: 100px;
  padding: 13px 24px 15px;
}
@media (max-width: 47.99875em) {
  .processing-account__section-link a {
    width: 100%;
  }
}
@media (max-width: 47.99875em) {
  .processing-account__section {
    flex-direction: column;
  }
}
.stock {
  padding-top: 1.625rem;
  padding-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .stock {
    padding-top: 2rem;
  }
}
@media (max-width: 95.99875em) {
  .stock.stock--two {
    padding-bottom: 62px;
  }
}
.stock .product__cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 23px 1rem;
}
@media (max-width: 95.99875em) {
  .stock .product__cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 79.9375em) {
  .stock .product__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 62em) {
  .stock .product__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 37.5em) {
  .stock .product__cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card {
    max-width: 100%;
  }
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__tags {
    --pad: 10px;
  }
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__favorites {
    --pad: 10px;
    right: 0.625rem;
  }
  .stock .product__cards .product__card .card-product__favorites::before, .stock .product__cards .product__card .card-product__favorites::after {
    content: "";
    --size: 20px;
  }
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__img {
    border-radius: 0.9375rem;
    overflow: hidden;
    margin-bottom: 0.75rem;
    flex: none;
  }
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__img img,
  .stock .product__cards .product__card .card-product__img picture {
    aspect-ratio: 1/1;
    height: 100%;
  }
}
.stock .product__cards .product__card .card-product__content {
  background: transparent !important;
  gap: 0rem;
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__content {
    padding: 0rem;
    border: none;
  }
}
.stock .product__cards .product__card .card-product__content .card-product__constructor {
  margin-bottom: 0.75rem;
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__content .card-product__constructor {
    margin-bottom: 0.3125rem;
  }
}
.stock .product__cards .product__card .card-product__content .card-product__title {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__content .card-product__title {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 114.286%; /* 114.286% */
    margin-bottom: 1rem;
  }
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__content .card-product__btn {
    padding: 0.5rem;
  }
}
.stock .product__cards .product__card .card-product__content .card-product__prices {
  margin-bottom: 1.75rem;
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__content .card-product__prices {
    margin-bottom: 0.6875rem;
  }
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__content .card-product__prices .card-product__price {
    font-size: 1rem;
    font-weight: 500;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 61.99875em) {
  .stock .product__cards .product__card .card-product__content .card-product__prices .card-product__price.card-product__price--old {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 115.385%; /* 115.385% */
    letter-spacing: -0.182px;
    margin-bottom: 0.125rem;
  }
}
.stock .stock__vision .vision-account__items {
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .stock .stock__vision .vision-account__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stock .stock__vision .vision-account__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 37.5em) {
  .stock .stock__vision .vision-account__items {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 1.25rem;
  }
}
.stock .stock__vision .vision-account__items .vision-account__item {
  border-radius: 1rem;
}
.stock .stock__vision .vision-account__items .vision-account__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
}
@media (max-width: 95.99875em) {
  .stock .stock__vision .vision-account__items .vision-account__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 122.222% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stock .stock__vision .vision-account__items .vision-account__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 112.5% */
  }
}
.stock .stock__vision .vision-account__items .vision-account__info {
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .stock .stock__vision .vision-account__items .vision-account__info {
    gap: 0.25rem;
  }
}
.stock .stock__vision .vision-account__items .vision-account__text {
  color: #677178;
}
.stock .stock__vision .vision-account__items .vision-account__content {
  gap: 1.25rem;
}
@media (min-width: 95.99875em) {
  .stock .stock__vision .vision-account__items .vision-account__content {
    padding-right: 14px;
  }
}
@media (max-width: 95.99875em) {
  .stock .stock__vision .vision-account__items .vision-account__content {
    gap: 2.25rem;
    padding-right: 27px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stock .stock__vision .vision-account__items .vision-account__content {
    gap: 2.5625rem;
    padding: 0.5rem 0.625rem 0.625rem 12px;
  }
}
.stock .stock__vision .vision-account__items .vision-account__link {
  margin-left: 0rem;
}
.stock .stock__vision .vision-account__img img,
.stock .stock__vision .vision-account__img picture {
  border-radius: 14px 14px 0px 0px;
  aspect-ratio: 389/224;
}
@media (max-width: 95.99875em) {
  .stock .stock__vision .vision-account__img img,
  .stock .stock__vision .vision-account__img picture {
    aspect-ratio: 400/224;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stock .stock__vision .vision-account__img img,
  .stock .stock__vision .vision-account__img picture {
    aspect-ratio: 343/200;
  }
}
.stock .stock__link {
  max-width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.875rem 1.5rem;
}
@media (max-width: 29.99875em) {
  .stock .stock__link {
    max-width: 100%;
  }
}
.stock__arrows {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
}
.stock__arrow {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.15s ease-in 0s;
}
@media (min-width: 61.99875em) {
  .stock__arrow span {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .stock__arrow {
    font-size: 0;
    gap: 0.125rem;
  }
  .stock__arrow span {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
  }
}
@media (any-hover: hover) {
  .stock__arrow:hover {
    color: var(--color-alt);
  }
  .stock__arrow:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.stock__arrow::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .stock__arrow::before {
    transform: translate(0, 1px);
  }
}
.stock__arrow.stock__arrow--next::before {
  content: "";
  display: none;
}
.stock__arrow.stock__arrow--next::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .stock__arrow.stock__arrow--next::after {
    transform: translate(0, 2px);
  }
}
@media (any-hover: hover) {
  .stock__arrow.stock__arrow--next:hover::after {
    content: "";
    background: var(--color-alt);
  }
}
.stock__product {
  padding: 1.5rem 1.25rem 1.25rem;
  border-radius: 1.5rem;
  background: #f5f5f5;
}
@media (max-width: 61.99875em) {
  .stock__product {
    margin: 0rem -1rem;
    border-radius: 1rem;
    padding: 1rem 1rem 1.75rem !important;
  }
}
.stock__product .product__pagging {
  bottom: -2.5625rem;
}
.stock__product .card-product__content {
  background: var(--color-whte);
}
.stock__product .product__title {
  margin-bottom: 1.875rem;
}
@media (max-width: 61.99875em) {
  .stock__product .product__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 24px; /* 120% */
    margin-bottom: 1rem;
  }
}
.stock__product .card-product__img img,
.stock__product .card-product__img picture {
  height: auto;
  /*@media (max-width: $lt) {
  	height: rem(288);

  	@media (max-width: $tablet) {
  		height: rem(180);
  	}
  }*/
}
.stock__product.stock__product--two {
  margin: 3rem 0rem;
}
@media (max-width: 61.99875em) {
  .stock__product.stock__product--two {
    margin: 1.75rem -1rem;
  }
}
.stock__constructor {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 95.99875em) {
  .stock__constructor {
    margin-bottom: 1.4375rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 29.99875em) {
  .stock__constructor {
    flex-direction: column;
    margin-bottom: 1.25rem;
  }
}
.stock__constructor.stock__constructor--two {
  margin-bottom: 23px;
}
@media (max-width: 61.99875em) {
  .stock__constructor.stock__constructor--two {
    margin-bottom: 19px;
    display: none;
  }
}
.stock__constructor-back {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #677178;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .stock__constructor-back {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
    color: var(--color-primary);
    gap: 0.25rem;
  }
}
.stock__constructor-back::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #677178;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .stock__constructor-back::before {
    background: var(--color-primary);
    --size: 20px;
  }
}
@media (any-hover: hover) {
  .stock__constructor-back:hover {
    color: var(--color-alt);
  }
  .stock__constructor-back:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.stock__constructor-share {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #677178;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .stock__constructor-share {
    gap: 0.25rem;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.stock__constructor-share::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #677178;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .stock__constructor-share::before {
    --size: 18px;
  }
}
@media (any-hover: hover) {
  .stock__constructor-share:hover {
    color: var(--color-alt);
  }
  .stock__constructor-share:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.stock__banner {
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .stock__banner {
    margin-bottom: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stock__banner {
    margin-bottom: 1.25rem;
  }
}
.stock__banner img,
.stock__banner picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 1rem;
  aspect-ratio: 1630/780;
}
@media (max-width: 95.99875em) {
  .stock__banner img,
  .stock__banner picture {
    aspect-ratio: 1240/605;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .stock__banner img,
  .stock__banner picture {
    aspect-ratio: 343/173;
  }
}
.stock__account {
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-bottom: 1.5rem;
  max-width: 67.375rem;
}
@media (max-width: 95.99875em) {
  .stock__account {
    margin-bottom: 2rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stock__account {
    margin-bottom: 1.25rem;
  }
}
.stock__title {
  margin-bottom: 1.9375rem;
}
@media (max-width: 95.99875em) {
  .stock__title {
    margin-bottom: 2.125rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stock__title {
    margin-bottom: 1.125rem;
  }
}
.stock__form.stock__form--two {
  margin-bottom: 1.5rem;
}
@media (max-width: 95.99875em) {
  .stock__form.stock__form--two {
    margin-bottom: 2.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stock__form.stock__form--two {
    margin-bottom: 2rem;
  }
}
.stock__form.stock__form--two .form__options {
  margin-bottom: 0rem;
}
.stock__items {
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
@media (max-width: 1400px) {
  .stock__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1400px) and (max-width: 61.99875em) {
  .stock__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 1400px) and (max-width: 61.99875em) and (max-width: 600px) {
  .stock__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.stock__item {
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid #e2e2e8;
}
@media (max-width: 37.5em) {
  .stock__item {
    min-height: 26.875rem;
  }
}
@media (any-hover: hover) {
  .stock__item:hover .stock__item-text {
    color: var(--color-alt);
  }
  .stock__item:hover .stock__item-img img,
  .stock__item:hover .stock__item-img picture {
    /*transform: scale(1.1);*/
  }
}
.stock__item-top {
  position: relative;
}
.stock__item-img {
  overflow: hidden;
}
.stock__item-img img,
.stock__item-img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: top; /*todo удалить после заполнения контента*/
  transition: all 0.15s ease-in 0s;
  aspect-ratio: 389/420;
}
@media (max-width: 61.99875em) {
  .stock__item-img img,
  .stock__item-img picture {
    aspect-ratio: 343/320;
  }
}
.stock__item-subtitle {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
  position: absolute;
  top: 1.5rem;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 0rem 2.875rem;
  color: var(--color);
}
@media (max-width: 61.99875em) {
  .stock__item-subtitle {
    padding: 0rem 1.4375rem;
    font-size: 1.25rem;
    line-height: 140%; /* 140% */
  }
}
.stock__item-content {
  padding: 1rem;
}
@media (max-width: 61.99875em) {
  .stock__item-content {
    padding: 1rem 0.75rem;
  }
}
.stock__item-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.6875rem;
}
.stock__item-time {
  padding: 0.125rem 0.5rem;
  border-radius: 100px;
  background: var(--bg);
  color: var(--tag);
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
}
.stock__item-value {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: var(--tag);
}
.stock__item-sale {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.stock__item-text {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .stock__item-text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.stock .stock__showmore {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  padding: 0.875rem;
  margin-bottom: 2rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 95.99875em) {
  .stock .stock__showmore {
    margin-bottom: 1.5rem;
  }
}
@media (any-hover: hover) {
  .stock .stock__showmore:hover {
    background: var(--color-alt);
    color: var(--color-whte);
  }
}
.stock .form__options {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 2.9375rem;
}
@media (min-width: 61.99875em) {
  .stock .form__options {
    flex-wrap: wrap;
  }
}
@media (max-width: 95.99875em) {
  .stock .form__options {
    margin-bottom: 3.25rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .stock .form__options {
    overflow: auto;
    margin: 0rem -1rem 2rem;
    gap: 0.25rem;
    padding: 0rem 1rem;
  }
}
.stock .form__options .options__input:checked + .options__label .options__text {
  border: 1.5px solid var(--color-alt);
  gap: 0.4375rem;
}
.stock .form__options .options__text {
  font-size: 14px;
  line-height: 142.857%; /* 142.857% */
  padding: 0.25rem 0.9375rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .stock .form__options .options__text {
    padding: 0.25rem 0.9375rem;
  }
}
@media (any-hover: hover) {
  .stock .form__options .options__text:hover {
    border: 1.5px solid rgba(126, 126, 135, 0.9529411765);
  }
}
.stock .form__options .options__label {
  padding: 0rem;
}
.stock .form__options .options__label::before {
  content: "";
  display: none;
}
.stock .form__options .options__label::after {
  content: "";
  display: none;
}
.stock .options__item {
  padding-top: 0rem;
}
@media (max-width: 61.99875em) {
  .stock__pagination--two {
    display: none;
  }
}
.account-text__blog--two {
  margin-bottom: -15px;
}
@media (max-width: 61.99875em) {
  .account-text__blog--two {
    margin-bottom: -12px;
  }
}
.program {
  padding-top: 24px;
  padding-bottom: 66px;
}
.program__row {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 95.99875em) {
  .program__row {
    gap: 32px;
  }
}
@media (max-width: 95.99875em) {
  .program .stages-step__item::before {
    content: "";
    top: 21px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .program .stages-step__item::before {
    top: 36px;
  }
}
@media (max-width: 95.99875em) {
  .program .stages-step__text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .program .stages-step__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
  }
}
.top-program {
  display: grid;
  grid-template-columns: auto 272px;
  gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 95.99875em) {
  .top-program {
    margin-bottom: 48px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .top-program {
    gap: 12px;
    grid-template-columns: 1fr;
  }
}
.top-program .top-program__code {
  flex-direction: column;
  gap: 15px;
  padding: 16px 15px 20px;
}
@media (max-width: 95.99875em) {
  .top-program .top-program__code {
    padding: 12px 15px 14px;
    gap: 10px;
  }
}
.top-program .top-program__code .code-info__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
.top-program .top-program__code .code-info__img {
  width: 198px;
  height: 216px;
  flex: none;
}
@media (max-width: 95.99875em) {
  .top-program .top-program__code .code-info__img {
    width: 182px;
    height: 182px;
  }
}
.top-program .top-program__code .code-info__img img,
.top-program .top-program__code .code-info__img picture {
  --size: 166px;
}
@media (max-width: 95.99875em) {
  .top-program .top-program__code .code-info__img img,
  .top-program .top-program__code .code-info__img picture {
    --size: 150px;
  }
}
.banner-program {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.banner-program__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-program__img img,
.banner-program__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.banner-program__content {
  position: relative;
  z-index: 2;
  min-height: 328px;
  padding: 32px;
  max-width: 850px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 95.99875em) {
  .banner-program__content {
    padding: 24px;
    min-height: 280px;
    max-width: 675px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-program__content {
    padding: 16px;
    min-height: 230px;
    max-width: 500px;
  }
}
.banner-program__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto;
}
.banner-program__title {
  font-size: 28px;
  line-height: 114.286%; /* 114.286% */
  color: var(--color-whte);
}
@media (max-width: 95.99875em) {
  .banner-program__title {
    font-size: 24px;
    line-height: 116.667%; /* 116.667% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-program__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px; /* 122.222% */
  }
}
.banner-program__text {
  max-width: 442px;
  font-size: 18px;
  line-height: 122.222%; /* 122.222% */
  color: var(--color-whte);
}
@media (max-width: 95.99875em) {
  .banner-program__text {
    font-size: 16px;
    line-height: 125%; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-program__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
  }
}
.banner-program__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 718px;
}
@media (max-width: 95.99875em) {
  .banner-program__items {
    max-width: 615px;
    gap: 2px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-program__items {
    gap: 17px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .banner-program__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.banner-program__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 95.99875em) {
  .banner-program__item {
    gap: 2px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-program__item {
    gap: 1px;
  }
}
.banner-program__value {
  font-size: 28px;
  line-height: 114.286%; /* 114.286% */
  color: var(--color-whte);
  display: inline;
}
@media (max-width: 95.99875em) {
  .banner-program__value {
    font-size: 24px;
    line-height: 116.667%; /* 116.667% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-program__value {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 164.706% */
  }
}
.banner-program__bonus {
  font-size: 28px;
  line-height: 114.286%; /* 114.286% */
  padding: 8px 12px;
  color: var(--color-whte);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
  width: max-content;
}
@media (max-width: 95.99875em) {
  .banner-program__bonus {
    font-size: 24px;
    line-height: 116.667%; /* 116.667% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-program__bonus {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    padding: 3px 8px;
  }
}
.banner-program__clue {
  display: inline-flex;
}
.banner-program__clue::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transform: translate(0, 0);
  background: rgba(var(--color-whte--rgb), 0.6);
}
.column-program__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
  margin-bottom: 24px;
}
@media (max-width: 61.99875em) {
  .column-program__title {
    font-size: 18px;
    line-height: 20px; /* 111.111% */
    margin-bottom: 16px;
  }
}
.column-program__items {
  display: grid;
  gap: 16px;
  margin-bottom: 12px;
}
@media (max-width: 61.99875em) {
  .column-program__items {
    gap: 8px;
  }
}
.column-program__items_three {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 38.75em) {
  .column-program__items_three {
    grid-template-columns: repeat(2, 1fr);
  }
}
.column-program__items_four {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 38.75em) {
  .column-program__items_four {
    grid-template-columns: repeat(2, 1fr);
  }
}
.column-program__items_one {
  grid-template-columns: repeat(1, 1fr);
}
.column-program__attention {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #8b96a3;
}
@media (max-width: 95.99875em) {
  .column-program__attention {
    font-size: 16px;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .column-program__attention {
    font-size: 15px;
    line-height: 18px; /* 120% */
  }
}
.column-program__attention sup {
  font-size: 14px;
  color: var(--color-alt);
}
.column-program__list {
  display: flex;
  flex-direction: column;
  gap: 28px;
  list-style: none;
  counter-reset: section;
}
@media (max-width: 95.99875em) {
  .column-program__list {
    gap: 24px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .column-program__list {
    gap: 19px;
  }
}
.column-program__step {
  font-size: 16px;
  line-height: 20px; /* 125% */
  padding-left: 48px;
  position: relative;
}
@media (max-width: 95.99875em) {
  .column-program__step {
    padding-left: 40px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .column-program__step {
    padding-left: 36px;
    font-size: 15px;
    line-height: 18px; /* 120% */
  }
}
.column-program__step::before {
  counter-increment: section; /* Инкрементирует счётчик*/
  content: " " counter(section) " ";
  position: absolute;
  top: -6px;
  left: 0;
  --size: 32px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; /* 125% */
  color: #027ae0;
  background: #ecf2fe;
}
@media (max-width: 95.99875em) {
  .column-program__step::before {
    --size: 28px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17.5px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .column-program__step::before {
    --size: 24px;
    font-size: 12px;
    line-height: 15px; /* 125% */
    top: -3px;
  }
}
.column-program__note {
  padding: 32px;
  border-radius: 24px;
  background: #f5f5f5;
}
@media (max-width: 61.99875em) {
  .column-program__note {
    padding: 16px;
    border-radius: 16px;
  }
}
.column-program__heed {
  font-size: 16px;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .column-program__heed {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
  }
}
.column-program__heed a {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .column-program__heed a:hover {
    text-decoration: underline;
  }
}
.item-program {
  min-height: 168px;
  border-radius: 16px;
  padding: 24px;
  background: #f6f9ff;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
@media (max-width: 95.99875em) {
  .item-program {
    padding: 16px;
    min-height: 138px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-program {
    padding: 12px;
  }
}
.item-program__icon {
  flex: 1 1 auto;
}
.item-program__icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 60px;
  width: var(--size);
  height: var(--size);
  background: rgb(23, 148, 255);
}
@media (max-width: 95.99875em) {
  .item-program__icon::before {
    --size: 50px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-program__icon::before {
    --size: 30px;
  }
}
.item-program__text {
  font-size: 20px;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (min-width: 61.99875em) {
  .item-program__text {
    max-width: calc(100% - 20px);
  }
}
@media (max-width: 95.99875em) {
  .item-program__text {
    font-size: 18px;
    line-height: 22px; /* 122.222% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-program__text {
    font-size: 15px;
    line-height: 18px; /* 120% */
  }
}
.item-program__text sup {
  color: var(--color-alt);
  font-size: 9px;
  margin-left: -4px;
}
.item-program__clue {
  cursor: pointer;
}
.item-program__clue::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  transform: translate(0, 2px);
  background: #555556;
}
.medical-record__section {
  padding: 1.5rem 0 4rem;
}
@media (max-width: 47.99875em) {
  .medical-record__section {
    padding: 1.5rem 0 6rem;
  }
}
.icon-menu {
  display: none;
}
@media (max-width: 61.99875em) {
  .icon-menu {
    position: relative;
    z-index: 11;
    display: block;
    width: 1.25rem;
    height: 0.875rem;
  }
}
@media (max-width: 61.99875em) and (any-hover: none) {
  .icon-menu {
    cursor: default;
  }
}
@media (max-width: 61.99875em) {
  .icon-menu span, .icon-menu::before, .icon-menu::after {
    position: absolute;
    right: 0;
    width: 100%;
    height: 0.125rem;
    background-color: #000;
    transition: all 0.3s ease 0s;
    content: "";
  }
  .icon-menu::before {
    top: 0;
  }
  .icon-menu::after {
    bottom: 0;
  }
  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }
  .menu-open .icon-menu span {
    width: 0;
  }
  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    transform: rotate(-45deg);
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    transform: rotate(45deg);
  }
}
body::after {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(var(--index-3) - 1);
  width: 100%;
  height: 100%;
  background: rgba(21, 20, 22, 0.2);
  backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  content: "";
  pointer-events: none;
}
.popup-show body::after {
  opacity: 1;
}
@layer component {
  .popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px 10px;
    visibility: hidden;
    transition: visibility 0.8s ease 0s;
    pointer-events: none;
  }
  /* stylelint-disable-next-line selector-class-pattern */
  .popup_show {
    z-index: var(--index-3);
    overflow: auto;
    visibility: visible;
    pointer-events: auto;
  }
  /* stylelint-disable-next-line selector-class-pattern */
  .popup_show .popup__content {
    transform: scale(1);
    visibility: visible;
  }
  .popup__wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
  }
  .popup__content {
    width: 100%;
    max-width: 86.9375rem;
    padding: 2rem;
    background-color: var(--color-whte);
    border-radius: 1.5rem;
    transform: scale(0);
    visibility: hidden;
    transition: transform 0.3s ease 0s;
    position: relative;
    overflow: hidden;
    z-index: 2;
  }
  @media (max-width: 61.99875em) {
    .popup__content {
      padding: 2rem 1rem;
    }
  }
  .lock .popup__content {
    visibility: visible;
  }
}
.popup .tippy-content {
  max-width: 305px;
}
.popup__close {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e2e2e8;
  transition: all 0.15s ease-in 0s;
  --pad: 10px;
  position: absolute;
  top: var(--pad);
  right: var(--pad);
  z-index: 10;
}
.popup__close::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .popup__close:hover {
    background: var(--color-alt);
  }
  .popup__close:hover::before {
    content: "";
    background: var(--color-whte);
  }
}
.popup__top {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
  max-width: calc(100% - 0.625rem);
}
.popup__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 100%; /* 100% */
}
@media (max-width: 61.99875em) {
  .popup__title {
    font-size: 1.5rem;
  }
}
.popup__text {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 61.99875em) {
  .popup__text {
    font-size: 1rem;
  }
}
.popup .form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.popup .form .form__fieldset {
  padding-top: 2rem;
  border-top: 0.0625rem solid #e2e2e8;
}
.popup .form .form__fieldset:first-child {
  padding-top: 0rem;
  border-top: none;
}
.popup .form__fieldset {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.popup .form__fieldset-block {
  display: grid;
  grid-template-columns: 13.75rem auto;
  gap: 2rem;
}
@media (max-width: 85.37375em) {
  .popup .form__fieldset-block {
    grid-template-columns: 9.375rem auto;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .popup .form__fieldset-block {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.popup .form__fieldset-inputs {
  border-radius: 1rem;
  padding: 2rem;
  background: #f6f9ff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .popup .form__fieldset-inputs {
    padding: 1rem;
  }
}
@media (max-width: 37.5em) {
  .popup .form__fieldset-inputs {
    grid-template-columns: repeat(1, 1fr);
  }
}
.popup .form__fieldset-inputs.form__fieldset-inputs--two {
  padding: 0rem;
  border-radius: 0rem;
  background: var(--color-whte);
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  padding-right: 1.1875rem;
}
@media (max-width: 85.37375em) {
  .popup .form__fieldset-inputs.form__fieldset-inputs--two {
    padding-right: 0rem;
    gap: 1rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .popup .form__fieldset-inputs.form__fieldset-inputs--two {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 85.37375em) and (max-width: 47.99875em) {
  .popup .form__fieldset-inputs.form__fieldset-inputs--two {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 85.37375em) and (max-width: 37.5em) {
  .popup .form__fieldset-inputs.form__fieldset-inputs--two {
    grid-template-columns: repeat(1, 1fr);
  }
}
.popup .form__fieldset-input .input {
  padding: 0.8125rem 1rem;
  height: 3rem;
}
.popup .form__fieldset-input .input::placeholder {
  color: rgb(200, 200, 200);
}
.popup .form__fieldset-label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  margin-bottom: 0.625rem;
  display: inline-flex;
}
.popup .form__fieldset-label span {
  color: var(--color-alt);
  transform: translate(0.1875rem, -0.3125rem);
}
.popup .form__fieldset-selects {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  padding-right: 1.1875rem;
}
@media (max-width: 85.37375em) {
  .popup .form__fieldset-selects {
    gap: 1rem;
    padding-right: 0rem;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .popup .form__fieldset-selects {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 85.37375em) and (max-width: 47.99875em) {
  .popup .form__fieldset-selects {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 85.37375em) and (max-width: 37.5em) {
  .popup .form__fieldset-selects {
    grid-template-columns: repeat(1, 1fr);
  }
}
.popup .form__fieldset-select .select__content {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
}
.popup .form__fieldset-select .select__value {
  height: 3rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  padding: 0.875rem 1.25rem;
}
.popup .form__fieldset-select .select__options {
  border-radius: 0.5rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  background: var(--color-whte);
  padding: 0.25rem;
  top: calc(100% + 0.0625rem);
}
.popup .form__fieldset-select .select__scroll::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}
.popup .form__fieldset-select .select__scroll::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.popup .form__fieldset-select .select__scroll::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.popup .form__fieldset-select .select__scroll {
  scrollbar-width: thin; /* Устанавливает ширину полосы прокрутки */
  scrollbar-color: #e2e2e8 white; /* Цвет бегунка и трека */
}
.popup .form__fieldset-select .select__option {
  padding: 0.375rem 0.25rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .popup .form__fieldset-select .select__option:hover {
    background: #f5f5f5;
  }
}
.popup .form__fieldset-select .select__option._active {
  color: var(--color-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.popup .form__fieldset-select .select__option._active::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/31.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.popup .form__fieldset-select .select__option.none {
  color: #8b96a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}
.popup .form__fieldset-select .select__option.none::after {
  content: "Нет в наличии";
  font-size: 0.6875rem;
  line-height: 136.364%; /* 136.364% */
  color: #fc5230;
}
.popup .form__fieldset-select .form {
  display: none;
}
.popup .form__fieldset-category {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.popup .form__fieldset-category .form__fieldset-subtitle {
  margin-bottom: 0;
}
.popup .form__fieldset-category .form__fieldset-subtitle b {
  color: rgb(139, 150, 163);
}
.popup .form__fieldset-subtitle {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
.popup .form__fieldset-subtitle b {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 120%; /* 120% */
}
.popup .form__fieldset-subtitle span {
  color: var(--color-alt);
}
.popup .form__fieldset-clue {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup .form__fieldset-clue::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: #677178;
}
.popup .form__bottom {
  max-width: 39.125rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.popup .form__bottom-text {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #8b96a3;
}
.popup .form__bottom-text a {
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .popup .form__bottom-text a:hover {
    text-decoration: underline;
  }
}
.popup .form__bottom-btn {
  max-width: max-content;
  min-width: 13.75rem;
  padding: 0.9375rem 1.5rem;
}
@media (max-width: 29.99875em) {
  .popup .form__bottom-btn {
    max-width: 100%;
    width: 100%;
    min-width: auto;
  }
}
.top-form {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (min-width: 61.99875em) {
  .top-form {
    padding-top: 0.875rem;
  }
}
.top-form__title {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
.top-form__title b {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 120%; /* 120% */
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .top-form__title {
    font-size: 1.375rem;
  }
  .top-form__title b {
    font-size: 1.125rem;
  }
}
.top-form__title span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  background: #677178;
}
.top-form__text {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #8b96a3;
}
.popup__select .form {
  display: none;
}
.popup__inner {
  position: relative;
  height: 28.125rem;
}
@media (min-width: 61.99875em) {
  .popup__inner {
    max-width: 33rem;
    padding-right: 1.375rem;
    height: 100%;
  }
}
@media (max-width: 61.99875em) {
  .popup__inner {
    margin-bottom: 1.25rem;
  }
}
.popup__select {
  margin-bottom: 1.5rem;
}
.popup__select .select__content {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
}
.popup__select .select__value {
  height: 3rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  padding: 0.875rem 1.25rem;
}
.popup__select .select__options {
  border-radius: 0.5rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  background: var(--color-whte);
  padding: 0.25rem;
  top: calc(100% + 0.0625rem);
}
.popup__select .select__scroll::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}
.popup__select .select__scroll::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.popup__select .select__scroll::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.popup__select .select__option {
  padding: 0.375rem 0.25rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .popup__select .select__option:hover {
    background: #f5f5f5;
  }
}
.popup__select .select__option._active {
  color: var(--color-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.popup__select .select__option._active::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/31.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.popup__select .select__option.none {
  color: #8b96a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}
.popup__select .select__option.none::after {
  content: "Нет в наличии";
  font-size: 0.6875rem;
  line-height: 136.364%; /* 136.364% */
  color: #fc5230;
}
.popup__select .form {
  display: none;
}
.popup__items {
  overflow: auto;
  height: calc(100% - 8.75rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.popup__items::-webkit-scrollbar {
  width: 4px;
  height: 5px;
}
.popup__items::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.popup__items::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 10px;
}
.popup__items {
  scrollbar-width: thin; /* Устанавливает ширину полосы прокрутки */
  scrollbar-color: #e2e2e8 white; /* Цвет бегунка и трека */
}
.popup__item {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  padding-bottom: 1.375rem;
  border-bottom: 1.5px solid #e2e2e8;
  margin-right: 1rem;
}
.popup__item-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.875rem;
}
.popup__item-address {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 47.99875em) {
  .popup__item-address {
    font-size: 0.875rem;
  }
}
.popup__item-value {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-alt);
}
@media (max-width: 47.99875em) {
  .popup__item-value {
    font-size: 0.75rem;
  }
}
.popup__item-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.875rem;
}
.popup__item-time {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #5d6c7b;
}
@media (max-width: 47.99875em) {
  .popup__item-time {
    font-size: 0.75rem;
  }
}
.popup__item-btn {
  border: 1.5px solid #e2e2e8;
  padding: 0.4375rem 0.875rem !important;
}
@media (any-hover: hover) {
  .popup__item-btn:hover {
    color: var(--color-alt);
  }
}
.popup__map {
  width: 100%;
  height: 18.75rem;
}
@media (min-width: 61.99875em) {
  .popup__map {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 35rem);
  }
}
.popup--salons .popup__content {
  max-width: 77.5rem;
}
@media (min-width: 61.99875em) {
  .popup--salons .popup__content {
    height: 43.1875rem;
    padding-bottom: 0.75rem;
  }
}
.ymaps-2-1-79-zoom,
.ymaps-2-1-79-controls__control_toolbar,
.ymaps-2-1-79-map-copyrights-promo {
  display: none !important;
}
.digi-disable-scroll #popup-product {
  z-index: 99999999 !important;
}
.popup--options .popup__content {
  max-width: 55.9375rem;
}
.popup--options .popup__top {
  margin-bottom: 1.5rem;
}
.popup--location .popup__content {
  max-width: 55.5rem;
}
.popup--location .popup__form {
  margin-bottom: 1.5rem;
}
.popup__table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 1rem !important;
  overflow: hidden;
  border-radius: 16px;
  border-style: hidden; /* hide standard table (collapsed) border */
}
@media (max-width: 61.99875em) {
  .popup__table {
    width: 46.875rem;
    overflow: visible;
  }
}
.popup__table thead tr {
  display: grid;
  grid-template-columns: 10.6875rem 6.875rem 6.875rem 6.875rem 6.875rem 6.875rem 6.875rem;
}
.popup__table thead tr:first-child th {
  background: #ecf2fe;
  overflow: hidden;
}
.popup__table thead tr:first-child th:first-child {
  border-radius: 16px 0px 0px 0px;
}
.popup__table thead tr:first-child th:last-child {
  border-radius: 0px 16px 0px 0px;
}
.popup__table tbody tr {
  display: grid;
  grid-template-columns: 10.6875rem 6.875rem 6.875rem 6.875rem 6.875rem 6.875rem 6.875rem;
}
.popup__table tbody tr:last-child td:first-child {
  border-radius: 0px 0px 0px 16px;
}
.popup__table tbody tr:last-child td:last-child {
  border-radius: 0px 0px 16px 0px;
}
.popup__table th {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
}
.popup__table th span {
  display: block;
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #8b96a3;
}
.popup__table th:nth-child(1) {
  border-radius: 1rem 0rem 0rem 0rem;
}
.popup__table th:last-child {
  border-radius: 0rem 1rem 0rem 0rem;
}
.popup__table td {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
}
.popup__table td span {
  font-size: 0.9375rem;
  line-height: 120%; /* 120% */
  color: #8b96a3;
}
.popup__table th {
  padding: 1.0625rem 0.3125rem !important;
}
.popup__table td,
.popup__table th {
  border: 0.0625rem solid #dae6f0;
  padding: 1.0625rem;
  text-align: center;
}
.popup__table td:first-child,
.popup__table th:first-child {
  text-align: left;
  padding: 1.0625rem 1rem;
}
.popup__attention {
  font-size: 1.125rem;
  line-height: 122.222%; /* 122.222% */
  color: #677178;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .popup__attention {
    font-size: 1rem;
  }
}
@media (max-width: 47.99875em) {
  .popup__attention {
    font-size: 0.875rem;
  }
}
.popup__attention::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: #677178;
}
@media (max-width: 61.99875em) {
  .popup__attention::before {
    --size: 18px;
  }
}
.popup__options {
  border-radius: 1rem;
  border: 0.0625rem solid #dae6f0;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .popup__options {
    overflow: auto;
  }
}
.popup__locations {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem 1.25rem;
}
@media (max-width: 61.99875em) {
  .popup__locations {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 37.5em) {
  .popup__locations {
    grid-template-columns: repeat(2, 1fr);
  }
}
.popup__location-link {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  transition: all 0.15s ease-in 0s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.popup__location-link._active {
  color: #027ae0;
}
.popup__location-link._active::before {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/40.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (any-hover: hover) {
  .popup__location-link:hover {
    color: #027ae0;
  }
}
.popup__form-search .popup__form-input {
  position: relative;
}
.popup__form-search .popup__form-input .input {
  height: 2.75rem;
  padding-left: 2.6875rem;
}
.popup__form-search .popup__form-input .input::placeholder {
  color: #c8c8c8;
}
.popup__form-search .popup__form-input .popup__form-icon {
  position: absolute;
  top: 50%;
  left: 0.9375rem;
  transform: translate(0, -50%);
}
.popup__form-search .popup__form-input .popup__form-icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background: #c8c8c8;
}
.popup--payment .popup__content {
  max-width: 33rem;
}
@media (max-width: 61.99875em) {
  .popup--payment .payment-info__checkboxs {
    display: grid;
  }
}
.popup--payment .popup__form {
  padding: 0rem;
  border-radius: 0rem;
  margin-bottom: 2rem;
  background: transparent;
}
@media (max-width: 61.99875em) {
  .popup--payment .popup__form::before {
    content: "";
    display: none;
  }
}
.popup--payment .popup__form .checkbox__label::before {
  content: "";
  background: #dae6f0;
}
.popup--payment .popup__form .checkbox__text b {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
  display: flex;
}
@media (max-width: 47.99875em) {
  .popup--payment .popup__form .checkbox__text b {
    font-size: 1.125rem;
  }
}
.popup__payment-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
}
@media (max-width: 47.99875em) {
  .popup__payment-title {
    font-size: 1.125rem;
  }
}
.popup__payment {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.popup__payment-items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 47.99875em) {
  .popup__payment-items {
    font-size: 0.875rem;
  }
}
.popup--order .popup__content {
  max-width: 33rem;
}
.order-popup .form__checkbox {
  margin-top: 16px;
}
.order-popup .form__colum-input input::placeholder {
  color: rgb(200, 200, 200);
}
.order-popup__product {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 0rem;
  border-top: 1px solid #e2e2e8;
  border-bottom: 1px solid #e2e2e8;
  margin-bottom: 1.4375rem;
}
@media (max-width: 47.99875em) {
  .order-popup__product {
    padding: 0.625rem 0rem;
  }
}
.order-popup__title {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #8b96a3;
}
@media (max-width: 47.99875em) {
  .order-popup__title {
    font-size: 0.875rem;
  }
}
.order-popup__text {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 47.99875em) {
  .order-popup__text {
    font-size: 1rem;
  }
}
.order-popup__subtext {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #8b96a3;
  margin-bottom: 1rem;
  text-align: center;
}
.order-popup__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.order-popup__item {
  --size: 56px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 0.0625rem solid #e2e2e8;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .order-popup__item:hover {
    border: 0.0625rem solid var(--color-alt);
  }
}
.order-popup__img img,
.order-popup__img picture {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.order-popup .form {
  gap: 0rem;
  margin-bottom: 2rem;
}
.order-popup .form__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-bottom: 1rem;
}
.order-popup .form__row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.order-popup .form__colum-label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  margin-bottom: 0.625rem;
  display: inline-flex;
}
.order-popup .form__colum-label span {
  color: var(--color-alt);
  transform: translate(0.1875rem, -0.3125rem);
}
.order-popup .form__checkbox .checkbox__text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 142.857%; /* 142.857% */
}
.order-popup .form__checkbox .checkbox__text a {
  display: inline;
  color: #027ae0;
}
@media (any-hover: hover) {
  .order-popup .form__checkbox .checkbox__text a:hover {
    text-decoration: underline;
  }
}
.order-popup .form__btn {
  margin-top: 2rem;
}
@media (max-width: 47.99875em) {
  .popup--subscription .popup__content {
    padding-top: 2.5rem;
  }
}
.popup--subscription .popup__content .checkbox__label::before {
  content: "";
  top: 2px;
}
.popup--subscription .popup__content .checkbox__label::after {
  content: "";
  top: 6px;
}
.popup--subscription .order-popup__form {
  margin-bottom: 0rem;
}
.popup--subscription .popup__content {
  max-width: 33rem;
}
.popup--subscription .form__row {
  margin-bottom: 0rem;
}
.popup--subscription .popup__top {
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.popup--subscription .popup__top .popup__text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
}
.popup--subscription .form__btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-top: 2rem;
}
@media (max-width: 29.99875em) {
  .popup--subscription .form__btns {
    grid-template-columns: repeat(1, 1fr);
  }
}
.popup--subscription .form__btns .form__close {
  color: #1074ca;
  border: 1.5px solid #d2d2e5;
}
@media (any-hover: hover) {
  .popup--subscription .form__btns .form__close:hover {
    color: var(--color-whte);
    border: 1.5px solid var(--color-alt);
    background: var(--color-alt);
  }
}
.popup--subscription .form__btns .form__btn {
  margin-top: 0rem;
}
.popup--success .popup__content {
  max-width: 33rem;
}
.popup__success {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
.popup__success .popup__success-img img,
.popup__success .popup__success-img picture {
  --size: 80px;
  width: var(--size);
  height: var(--size);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.popup__success .popup__success-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 100%; /* 100% */
}
@media (max-width: 47.99875em) {
  .popup__success .popup__success-title {
    font-size: 1.5rem;
  }
}
.popup__success .popup__success-text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  margin-bottom: 1rem;
}
@media (max-width: 47.99875em) {
  .popup__success .popup__success-text {
    font-size: 0.875rem;
  }
}
.popup--discontinued .popup__content {
  max-width: 33rem;
}
.popup--discontinued .popup__top {
  margin-bottom: 1rem;
}
@media (max-width: 29.99875em) {
  .popup--discontinued .popup__title {
    max-width: calc(100% - 20px);
  }
}
.discontinued-popup .discontinued-popup__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.discontinued-popup .discontinued-popup__content .discontinued-popup__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 47.99875em) {
  .discontinued-popup .discontinued-popup__content .discontinued-popup__text {
    font-size: 0.875rem;
  }
}
.discontinued-popup .discontinued-popup__content .discontinued-popup__img img,
.discontinued-popup .discontinued-popup__content .discontinued-popup__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  aspect-ratio: 472/120;
}
.discontinued-popup .discontinued-popup__btns {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.5rem;
}
.discontinued-popup .discontinued-popup__btns .discontinued-popup__more {
  border: 1.5px solid #d2d2e5;
}
@media (any-hover: hover) {
  .discontinued-popup .discontinued-popup__btns .discontinued-popup__more:hover {
    color: var(--color-alt);
  }
}
.discontinued-popup .discontinued-popup__btns .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.popup--video .popup__content {
  position: relative;
  overflow: hidden;
  padding: 0rem;
  width: 100%;
}
.popup--city .popup__content {
  max-width: 34rem;
}
.city-popup__form {
  margin-bottom: 1.625rem;
}
.city-popup__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.125rem 2.5rem;
}
.city-popup__items._loading .city-popup__item {
  pointer-events: none;
  width: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  color: transparent !important;
}
.city-popup__link {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  cursor: pointer;
  transition: all 0.15s ease-in 0s;
}
.city-popup__link._active {
  padding-left: 2rem;
  position: relative;
  font-weight: 500;
  color: #027ae0;
}
.city-popup__link._active::before {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/44.svg") center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  position: absolute;
  top: 0;
  left: 0;
}
@media (any-hover: hover) {
  .city-popup__link:hover {
    color: #027ae0;
  }
}
.popup--registration .authorization {
  padding-bottom: 0rem !important;
  padding-top: 0rem !important;
}
.popup--registration .form__letter {
  text-align: left;
  margin-bottom: 0rem;
}
.popup--registration .form {
  gap: 0rem;
}
.popup--registration .input[type=password]::placeholder {
  transform: translate(0, 0.125rem) !important;
}
.popup--registration .form__checkboxs {
  margin-bottom: 2rem;
}
.popup--registration .order-popup__form {
  margin-bottom: 0rem;
}
.popup--registration .popup__content {
  max-width: 33rem;
}
.popup--registration .form__row {
  margin-bottom: 0rem;
}
.popup--registration .form__text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
  margin-bottom: 1rem;
}
.popup--registration .popup__top {
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.popup--registration .popup__top .popup__text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
}
.popup__title--back {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.15s ease-in 0s;
}
.popup__title--back::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 24px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .popup__title--back:hover {
    color: var(--color-alt);
  }
  .popup__title--back:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.popup__btns {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.popup__btns .btn--delete {
  background: var(--color-whte);
  border: 1.5px solid #027ae0;
  color: #027ae0;
}
@media (any-hover: hover) {
  .popup__btns .btn--delete:hover {
    color: #1074ca;
    border: 1.5px solid #1074ca;
  }
}
.popup__btns .btn--red {
  background: var(--color-whte);
  border: 1.5px solid #fc5230;
  color: #fc5230;
}
.popup__btns.popup__btns--two {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 47.99875em) {
  .popup__btns.popup__btns--two {
    grid-template-columns: repeat(1, 1fr);
  }
}
.popup--del .popup__top {
  gap: 1rem;
  margin-bottom: 2rem;
}
.popup--del .btn {
  padding: 1rem;
}
@media (min-width: 95.99875em) {
  .popup--back .popup__content {
    padding-top: 23px;
  }
}
.popup--back .popup__top {
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .popup--back .popup__top {
    margin-bottom: 1rem;
  }
}
.popup--back .form__item {
  gap: 3px !important;
}
.popup--back .popup__text {
  font-size: 1rem;
}
@media (max-width: 61.99875em) {
  .popup--back .popup__title {
    font-size: 1.125rem;
  }
}
.popup--back .popup__content {
  max-width: 33rem;
}
.popup--back .popup__content .form__btn {
  font-size: 16px;
}
@media (max-width: 61.99875em) {
  .popup--back .popup__content .form__btn {
    margin-top: 1rem;
  }
}
.popup--back .form {
  margin-bottom: 0rem !important;
}
.popup--back .form__items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .popup--back .form__items {
    gap: 0.75rem;
  }
}
.popup--back .form__items .form__item .input {
  padding: 0.6875rem 0.9375rem;
}
@media (max-width: 47.99875em) {
  .popup--back .form__items .form__item .input {
    height: 2.5rem;
    font-size: 0.875rem;
    line-height: 114.286%; /* 114.286% */
  }
}
.popup--back .form__items .form__item-select .select__content {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 125%; /* 125% */
}
.popup--back .form__items .form__item-select .select__value {
  height: 3rem;
  border-radius: 6.25rem;
  border: 1.5px solid #e2e2e8;
  padding: 0.8125rem 0.9375rem;
}
@media (max-width: 47.99875em) {
  .popup--back .form__items .form__item-select .select__value {
    height: 2.5rem;
  }
}
.popup--back .form__items .form__item-select .select__value::after {
  content: "";
  --size: 16px;
  margin-right: 0.3125rem;
  flex: 0 0 var(--size);
}
.popup--back .form__items .form__item-select .select__options {
  border-radius: 0.5rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  background: var(--color-whte);
  padding: 0.25rem;
  top: calc(100% + 0.0625rem);
}
.popup--back .form__items .form__item-select .select__scroll::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}
.popup--back .form__items .form__item-select .select__scroll::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.popup--back .form__items .form__item-select .select__scroll::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.popup--back .form__items .form__item-select .select__option {
  padding: 0.375rem 0.25rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .popup--back .form__items .form__item-select .select__option:hover {
    background: #f5f5f5;
  }
}
.popup--back .form__items .form__item-select .select__option._active {
  color: var(--color-alt);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.popup--back .form__items .form__item-select .select__option._active::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/31.svg") center center/contain no-repeat;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.popup--back .form__items .form__item-select .select__option.none {
  color: #8b96a3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}
.popup--back .form__items .form__item-select .select__option.none::after {
  content: "Нет в наличии";
  font-size: 0.6875rem;
  line-height: 136.364%; /* 136.364% */
  color: #fc5230;
}
.popup--back .form__items .form__item-select .form {
  display: none;
}
.popup--back .form__items .form__item {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
}
.popup--back .form__items .form__item:first-child {
  min-width: 18.75rem;
  width: 100%;
}
.popup--back .form__items .form__item-label {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
.popup--back .form__items .form__item-label span {
  color: var(--color-alt);
}
@media (max-width: 47.99875em) {
  .popup--back .form__items .form__item-label {
    font-size: 0.9375rem;
  }
}
.order-popup__agreement {
  margin-top: 1.625rem;
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .order-popup__agreement {
    margin-top: 1rem;
  }
}
.order-popup__agreement a {
  color: var(--color-alt);
  display: inline;
}
.popup--review .popup__content {
  max-width: 33rem;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content {
    padding: 1.1875rem 1rem 1rem;
  }
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content {
    border-radius: 16px;
  }
}
.popup--review .popup__content .form__items {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .form__items {
    margin-bottom: 12px;
  }
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .popup__title {
    font-size: 1.25rem;
  }
}
.popup--review .popup__content .popup__text {
  font-size: 1rem;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .popup__text {
    font-size: 0.9375rem;
  }
}
.popup--review .popup__content .form__submit {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  margin: 0 auto;
  padding: 0.75rem 1.5rem;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .form__submit {
    max-width: 100%;
    width: 100%;
  }
}
.popup--review .popup__content .popup__top {
  text-align: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .popup__top {
    gap: 14px;
    margin-bottom: 8px;
  }
}
.popup--review .popup__content .popup__form {
  gap: 0rem;
}
.popup--review .popup__content .form__item-textarea .input {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  padding: 0.8125rem 1rem;
  border-radius: 0.5rem;
  height: 8.375rem;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .form__item-textarea .input {
    height: 5rem;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
  }
}
.popup--review .popup__content .form__item-textarea .input::placeholder {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  color: #c8c8c8;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .form__item-textarea .input::placeholder {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
  }
}
.popup--review .popup__content .form__rating {
  margin-bottom: 1.5rem;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .form__rating {
    margin-bottom: 16px;
  }
}
.popup--review .popup__content .rating__items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.popup--review .popup__content .rating__items .form__error {
  width: 240px;
  top: 42px;
  position: absolute;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .rating__items {
    gap: 7px;
  }
  .popup--review .popup__content .rating__items .form__error {
    top: 22px;
    left: -37px;
    font-size: 13px;
  }
}
.popup--review .popup__content .rating__item {
  position: relative;
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .rating__item {
    --size: 24px;
  }
}
.popup--review .popup__content .rating__item input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.popup--review .popup__content .rating__item::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color-alt);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .rating__item::before {
    --size: 24px;
  }
}
.popup--review .popup__content .rating__item::after {
  content: "";
  mask: var(--star) center center/contain no-repeat;
  -webkit-mask: var(--star) center center/contain no-repeat;
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color-alt);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.15s ease-in 0s;
  transform: scale(0);
}
@media (max-width: 47.99875em) {
  .popup--review .popup__content .rating__item::after {
    --size: 24px;
  }
}
.popup--review .popup__content .rating__item._active::after {
  content: "";
  transform: scale(1);
}
@media (max-width: 47.99875em) {
  .popup--review .form__submit {
    max-width: max-content !important;
    margin: 0 auto !important;
    width: max-content !important;
  }
}
.popup--review .form__item .input::placeholder {
  color: rgb(200, 200, 200);
}
.popup--review .form__checkboxs {
  margin-bottom: 1.5rem;
}
@media (max-width: 47.99875em) {
  .popup--review .form__checkboxs {
    margin-bottom: 16px;
  }
}
.popup--review .form__checkboxs .checkbox__label::before {
  content: "";
  top: 2px;
}
.popup--review .form__checkboxs .checkbox__label::after {
  content: "";
  top: 6px;
}
.popup--review .form__checkboxs .checkbox__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
@media (max-width: 61.99875em) {
  .popup--review .form__checkboxs .checkbox__text {
    font-size: 0.8125rem;
    line-height: 15px;
    margin-bottom: 1rem;
  }
}
.popup--review .form__checkboxs .checkbox__text a {
  display: inline;
  color: var(--color-alt);
}
.popup--map .popup__content {
  max-width: 78.5rem;
}
@media (max-width: 95.99875em) {
  .popup--map .popup__content {
    max-width: 56.625rem;
    padding: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .popup--map .popup__content {
    padding: 0.75rem;
  }
}
.popup--map .popup__close {
  --pad: 16px;
}
@media (max-width: 61.99875em) {
  .popup--map .popup__close {
    --pad: 8px;
  }
}
.popup__chart {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  height: 35.5rem;
}
@media (max-width: 95.99875em) {
  .popup__chart {
    height: 30rem;
  }
}
@media (max-width: 47.99875em) {
  #subscription-popupFour .popup__title {
    font-size: 1.125rem;
  }
}
@media (max-width: 47.99875em) {
  #subscription-popupFour .popup__text {
    font-size: 0.9375rem;
  }
}
@media (max-width: 47.99875em) {
  #subscription-popupFive {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.popup--back-two .popup__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
}
@media (max-width: 61.99875em) {
  .popup--back-two .popup__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
  }
}
.popup--back-two .form__btn {
  margin-top: 2rem;
  padding: 0.875rem;
}
.popup--back-two .popup__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
@media (max-width: 61.99875em) {
  .popup--back-two .popup__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.popup--back-two .checkbox__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}
.popup--back-two .checkbox__text a {
  font-weight: 500;
}
@media (max-width: 61.99875em) {
  .popup--back-two .checkbox__text {
    font-size: 0.8125rem;
  }
}
.popup--back-two .popup__top {
  gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 95.99875em) {
  .popup--back-two .popup__top {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
}
.popup--back-two .form__item {
  gap: 0rem !important;
}
.popup--acuvue .form__btn--two {
  border: 1.5px solid #027ae0;
  color: #027ae0;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
}
@media (any-hover: hover) {
  .popup--acuvue .form__btn--two:hover {
    background: #027ae0;
    color: var(--color-whte);
  }
}
.popup--acuvue .popup__content {
  max-width: 528px;
  padding: 23px 32px 32px;
}
@media (max-width: 61.99875em) {
  .popup--acuvue .popup__content {
    padding: 16px;
    max-width: 343px;
  }
}
.popup--acuvue .popup__content .form__items {
  display: flex;
  flex-direction: column;
}
.popup--acuvue .popup__content .popup__form {
  gap: 16px;
  margin-bottom: 0px !important;
}
@media (max-width: 61.99875em) {
  .popup--acuvue .popup__content .popup__form {
    gap: 12px;
  }
}
.popup--acuvue .popup__content .form__checkboxs {
  margin-bottom: 16px;
  max-width: calc(100% - 46px);
}
@media (max-width: 61.99875em) {
  .popup--acuvue .popup__content .form__checkboxs {
    max-width: 100%;
    margin-bottom: 4px;
  }
}
.popup--acuvue .popup__content .btn {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  padding: 14px;
}
@media (max-width: 61.99875em) {
  .popup--acuvue .popup__content .btn {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
}
.popup--acuvue .popup__content .checkbox__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  display: inline;
}
@media (max-width: 61.99875em) {
  .popup--acuvue .popup__content .checkbox__text {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
}
.popup--acuvue .popup__content .checkbox__text a {
  color: var(--color-alt);
  display: inline;
}
.popup--acuvue .popup__content .popup__top {
  gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 61.99875em) {
  .popup--acuvue .popup__content .popup__top {
    gap: 12px;
    margin-bottom: 16px;
  }
}
.popup--acuvue .popup__content .popup__top .popup__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 100% */
}
@media (max-width: 61.99875em) {
  .popup--acuvue .popup__content .popup__top .popup__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 122.222% */
    max-width: calc(100% - 30px);
  }
}
.popup--acuvue .popup__content .popup__top .popup__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
}
.popup .popup__content--two {
  padding: 32px;
}
@media (max-width: 61.99875em) {
  .popup .popup__content--two {
    padding: 16px;
  }
}
.popup .popup__content--two .popup__top {
  margin-bottom: 48px;
}
@media (max-width: 61.99875em) {
  .popup .popup__content--two .popup__top {
    margin-bottom: 20px;
  }
}
@media (max-width: 61.99875em) {
  .popup .popup__content--two .code-form__top {
    margin-bottom: 12px;
  }
}
@media (max-width: 61.99875em) {
  .popup .popup__content--two .code-form__request {
    margin-top: 12px;
    margin-bottom: 24px;
  }
}
@media (max-width: 61.99875em) {
  .popup .popup__content--two .code-form__again {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.popup .popup__content--two .code-form__again span {
  color: var(--color-primary);
}
.popup--banner .popup__content {
  max-width: 652px;
  padding: 0px;
}
@media (max-width: 95.99875em) {
  .popup--banner .popup__content {
    max-width: 588px;
  }
}
.popup--fix .popup__form {
  margin-bottom: 0;
}
@media (min-width: 61.99875em) {
  .popup--fix .popup__content {
    padding-right: 24px;
  }
}
.popup--fix .popup__content .checkbox__text {
  font-weight: 400;
}
.popup--fix .popup__content .checkbox__text a {
  font-weight: 500;
}
.popup--fix .popup__content .form__items {
  margin-bottom: 22px;
}
@media (min-width: 61.99875em) {
  .form__fieldset--fix .form__fieldset-block {
    align-items: flex-end;
  }
}
@media (min-width: 61.99875em) {
  .form__fieldset--fix .top-form {
    padding-bottom: 13px;
  }
}
@media (min-width: 61.99875em) {
  .form__fieldset--hz .form__fieldset-block {
    align-items: flex-end;
  }
}
@media (max-width: 61.99875em) {
  .popup--product {
    padding: 0px;
    border-radius: 0px;
    background: var(--color-whte);
  }
}
@media (max-width: 61.99875em) {
  .popup--product .popup__close {
    background: transparent;
  }
}
.popup--product .popup__merchandise {
  padding: 0px;
}
@media (max-width: 61.99875em) {
  .popup--product .popup__wrapper {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.popup--product .popup__content {
  max-width: 968px;
  padding: 32px;
  position: relative;
}
@media (max-width: 61.99875em) {
  .popup--product .popup__content {
    border-radius: 0px;
    padding: 45px 16px 36px;
  }
}
.popup--product .merchandise__arrows {
  bottom: 16px;
}
.popup--product .merchandise__tabs-all {
  margin-bottom: 22px;
}
@media (max-width: 61.99875em) {
  .popup--product .merchandise__tabs-all {
    margin-bottom: 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 133.333%; /* 133.333% */
  }
}
.popup--product .lenses-merchandise__form {
  margin-bottom: 20px;
}
@media (max-width: 61.99875em) {
  .popup--product .lenses-merchandise__form {
    margin-bottom: 26px;
  }
}
@media (min-width: 61.99875em) {
  .popup--product .lenses-merchandise__item .checkbox__text {
    border: transparent;
  }
}
.popup--product .merchandise__tabs-inner {
  gap: 40px;
  margin-bottom: 25px;
}
@media (max-width: 61.99875em) {
  .popup--product .merchandise__tabs-inner {
    gap: 24px;
  }
}
.popup--product .js-merchandise-slider {
  max-width: 100%;
  aspect-ratio: 1/1;
}
.popup--product .js-merchandise-slider .merchandise__slide-img {
  border-radius: 8px;
}
.popup--product .js-merchandise-slider .merchandise__slide-img img,
.popup--product .js-merchandise-slider .merchandise__slide-img picture {
  border-radius: 8px;
}
.popup--product .merchandise__arrow::before {
  content: "";
  --size: 12px;
}
.popup--product .js-merchandise-thumbs {
  max-width: calc(100% - 34px);
}
.popup--product .js-merchandise-thumbs .merchandise__slide {
  width: 78px;
  height: 46px;
}
.popup--product .js-merchandise-thumbs .merchandise__slide-img {
  border-radius: 5px;
}
.popup--product .js-merchandise-thumbs .merchandise__slide-img::before {
  content: "";
  border-radius: 8px;
}
.popup--product .js-merchandise-thumbs .merchandise__slide-img img,
.popup--product .js-merchandise-thumbs .merchandise__slide-img picture {
  border-radius: 5px;
}
.popup--product .merchandise__content {
  grid-template-columns: 1fr 440px;
  gap: 32px;
}
@media (max-width: 61.99875em) {
  .popup--product .merchandise__content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.popup--product .merchandise-row__column-select .form {
  display: none;
}
.popup--basket {
  padding: 30px;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 61.99875em) {
  .popup--basket {
    padding: 0px;
    overflow: auto;
    background: var(--color-whte);
  }
}
@media (min-width: 61.99875em) {
  .popup--basket .popup__wrapper {
    height: 100%;
  }
}
@media (max-width: 61.99875em) {
  .popup--basket .popup__wrapper {
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.popup--basket .popup__content {
  max-width: 997px;
  padding: 0px;
  border-radius: 16px;
}
@media (max-width: 61.99875em) {
  .popup--basket .popup__content {
    border-radius: 0px;
  }
}
.basket-popup {
  height: 100%;
}
.basket-popup__block {
  padding: 24px 17px 24px 24px;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  gap: 56px;
  position: relative;
}
@media (min-width: 61.99875em) {
  .basket-popup__block {
    overflow: auto;
    height: calc(100% - 73px);
  }
}
@media (max-width: 61.99875em) {
  .basket-popup__block {
    padding: 47px 16px 0px;
    margin-right: 0;
    gap: 38px;
  }
}
.basket-popup__block::-webkit-scrollbar {
  width: 4px;
  height: 5px;
}
.basket-popup__block::-webkit-scrollbar-track {
  background: var(--color-whte);
}
.basket-popup__block::-webkit-scrollbar-thumb {
  background: #e2e2e8;
  border-radius: 100px;
}
.basket-popup__block {
  scrollbar-width: thin; /* Устанавливает ширину полосы прокрутки */
  scrollbar-color: #e2e2e8 white; /* Цвет бегунка и трека */
}
.basket-popup__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 24px 24px 16px;
  border-bottom: 1.5px solid #e2e2e8;
}
@media (max-width: 61.99875em) {
  .basket-popup__top {
    padding: 6px 16px;
  }
}
.basket-popup__title {
  font-size: 22px;
  line-height: 109.091%; /* 109.091% */
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 61.99875em) {
  .basket-popup__title {
    font-size: 18px;
    line-height: 122.222%; /* 122.222% */
  }
}
.basket-popup__title::after {
  content: "";
  background: #008b5d;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .basket-popup__title::after {
    display: none;
  }
}
.basket-popup__close {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgb(226, 226, 232);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .basket-popup__close {
    background: transparent;
  }
}
.basket-popup__close::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .basket-popup__close:hover {
    background: var(--color-alt);
  }
  .basket-popup__close:hover::before {
    content: "";
    background: var(--color-whte);
  }
}
.basket-popup__inner {
  display: grid;
  grid-template-columns: 272px 1fr;
  gap: 12px;
}
@media (max-width: 61.99875em) {
  .basket-popup__inner {
    grid-template-columns: 200px 1fr;
  }
}
@media (max-width: 61.99875em) and (max-width: 29.99875em) {
  .basket-popup__inner {
    grid-template-columns: 120px 1fr;
  }
}
.basket-popup__img img,
.basket-popup__img picture {
  width: 100%;
  height: 218px;
  max-width: 100%;
  max-height: 100%;
  border-radius: 16px;
  object-fit: cover;
}
@media (max-width: 29.99875em) {
  .basket-popup__img img,
  .basket-popup__img picture {
    border-radius: 12px;
    height: 100px;
  }
}
.basket-popup__body {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.basket-popup__content {
  display: flex;
  gap: 30px;
}
@media (max-width: 61.99875em) {
  .basket-popup__content {
    flex-direction: column;
    gap: 16px;
  }
}
.basket-popup__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.basket-popup__subtitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 120%; /* 120% */
  color: #23263b;
}
@media (max-width: 61.99875em) {
  .basket-popup__subtitle {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    max-width: calc(100% - 30px);
  }
}
.basket-popup__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 176px;
}
@media (max-width: 61.99875em) {
  .basket-popup__items {
    max-width: 100%;
    gap: 4px;
  }
}
.basket-popup__item {
  display: flex;
  gap: 10px;
}
@media (max-width: 61.99875em) {
  .basket-popup__item {
    gap: 7px;
  }
}
.basket-popup__category {
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 125%; /* 125% */
  color: #677178;
}
@media (max-width: 61.99875em) {
  .basket-popup__category {
    flex: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
  }
}
.basket-popup__cards {
  padding-bottom: 0;
  margin-bottom: 0;
  gap: 16px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1279px) {
  .basket-popup__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.basket-popup__value {
  min-width: 41px;
  font-size: 16px;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .basket-popup__value {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.basket-popup__prices {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 61.99875em) {
  .basket-popup__prices {
    flex-direction: row;
    align-items: flex-end;
  }
}
.basket-popup__price {
  white-space: nowrap;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%; /* 100% */
}
@media (max-width: 61.99875em) {
  .basket-popup__price {
    font-size: 18px;
    font-weight: 500;
    line-height: 122.222%; /* 122.222% */
  }
}
.basket-popup__price.basket-popup__price--old {
  font-size: 20px;
  font-weight: 500;
  line-height: 120%; /* 120% */
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .basket-popup__price.basket-popup__price--old {
    font-size: 14px;
    font-weight: 500;
    line-height: 114.286%; /* 114.286% */
    margin-bottom: 2px;
  }
}
.basket-popup__links {
  display: flex;
  gap: 8px;
}
@media (min-width: 61.99875em) {
  .basket-popup__links {
    margin-left: auto;
  }
}
@media (max-width: 61.99875em) {
  .basket-popup__links {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 12px 24px;
    z-index: 4;
    background: var(--color-whte);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  }
}
@media (max-width: 61.99875em) and (max-width: 29.99875em) {
  .basket-popup__links {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 61.99875em) {
  .basket-popup__link {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.basket-popup__link.btn--whte {
  border: 1.5px solid #d2d2e5;
}
@media (any-hover: hover) {
  .basket-popup__link.btn--whte:hover {
    border: 1.5px solid var(--color-alt);
  }
}
.basket-popup__subtitle {
  margin-bottom: 24px;
  word-break: break-word;
}
@media (max-width: 61.99875em) {
  .basket-popup__subtitle {
    margin-bottom: 16px;
  }
}
.package-merchandise .btn--white {
  color: #027ae0;
  border-radius: 6.25rem;
  background-color: white;
  border: 1.5px solid #027ae0;
}
@media (max-width: 47.99875em) {
  .popup--share .popup__title {
    font-size: 20px;
  }
}
.popup--share .popup__content {
  max-width: 528px;
}
.popup--share .popup-icons {
  display: flex;
  flex-direction: row;
  grid-gap: 16px;
}
.popup--share .icon-wrapper {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #677178;
  border-radius: 100%;
}
@media (max-width: 47.99875em) {
  .popup--share {
    max-width: 343px;
    margin: auto;
  }
}
.popup--share .icon-wrapper--telegram::after {
  content: "";
  mask: var(--telegram) center center/contain no-repeat;
  -webkit-mask: var(--telegram) center center/contain no-repeat;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  background: #677178;
}
.popup--share .icon-wrapper--telegram:hover {
  background-color: #1794FF;
  border-color: #1794FF;
}
.popup--share .icon-wrapper--telegram:hover::after {
  background: white;
}
.popup--share .icon-wrapper--whatsapp::after {
  content: "";
  mask: var(--whats) center center/contain no-repeat;
  -webkit-mask: var(--whats) center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  background: #677178;
}
.popup--share .icon-wrapper--whatsapp:hover {
  background-color: #25D366;
  border-color: #25D366;
}
.popup--share .icon-wrapper--whatsapp:hover::after {
  background: white;
}
.popup--share .icon-wrapper--vk::after {
  content: "";
  mask: var(--vk) center center/contain no-repeat;
  -webkit-mask: var(--vk) center center/contain no-repeat;
  --size: 18px;
  width: var(--size);
  height: var(--size);
  background: #677178;
}
.popup--share .icon-wrapper--vk:hover {
  background-color: #45668E;
  border-color: #45668E;
}
.popup--share .icon-wrapper--vk:hover::after {
  background: white;
}
.popup--share .icon-wrapper--copy::after {
  content: "";
  mask: var(--copy) center center/contain no-repeat;
  -webkit-mask: var(--copy) center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background: #677178;
}
.popup--share .icon-wrapper--copy:hover {
  background-color: #1794FF;
  border-color: #1794FF;
}
.popup--share .icon-wrapper--copy:hover::after {
  background: white;
}
.form__error {
  font-size: 0.875rem;
  line-height: 142.857%; /* 142.857% */
  color: #ef4343;
  transition: all 0.15s ease-in 0s;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.1875rem;
}
._form-error .checkbox__label:before {
  border: 1px solid var(--color-error);
}
input[type=text],
input[type=email],
input[type=tel],
input[type=search],
input[type=number],
input[type=password],
textarea {
  appearance: none;
  outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
  /* display: none; <- Crashes Chrome on hover */
  appearance: none;
}
input[type=number] {
  appearance: textfield; /* Firefox */
}
.input {
  display: block;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: 6.25rem;
  border: 0.0625rem solid #e2e2e8;
  transition: all 0.15s ease-in 0s;
  cursor: pointer;
}
@media (any-hover: hover) {
  .input:hover {
    border-color: var(--color-alt);
  }
}
.input._form-focus {
  border-color: var(--color-alt) !important;
}
.input._form-error {
  border-color: var(--color-error) !important;
  color: var(--color-error);
}
.input._form-error::placeholder {
  color: var(--color-error);
}
.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
  transition: opacity 0.3s;
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
  opacity: 0;
}
textarea.input {
  padding: 0;
  resize: none;
}
.options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.options__item {
  position: relative;
  cursor: pointer;
}
.options__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.options__input:checked + .options__label::before {
  border-color: var(--color-alt);
}
.options__input:checked + .options__label::after {
  transform: scale(1);
}
.options__label {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-left: 1.5rem;
}
.options__label::before {
  --size: 16px;
  flex: 0 0 var(--size);
  align-self: flex-start;
  width: var(--size);
  height: var(--size);
  border: 1px solid #e2e2e8;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 0.0625rem;
  left: 0;
}
.options__label::after {
  position: absolute;
  top: 5px;
  left: 4px;
  --size: 8px;
  width: var(--size);
  height: var(--size);
  background-color: var(--color-alt);
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s ease 0s;
  content: "";
}
@media (max-width: 61.99875em) {
  .options__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
/* stylelint-disable selector-class-pattern */
.select {
  position: relative;
  min-width: 0;
}
.select__body {
  position: relative;
}
.select__title {
  width: 100%;
  color: inherit;
  text-align: left;
  border-radius: 4px;
  cursor: pointer;
}
.select__value {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  min-width: 0;
  height: 1.875rem;
}
.select__value > * {
  flex: 1 1 auto;
}
.select__value::after {
  display: flex;
  flex: 0 0 10px;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  transition: all 0.3s ease 0s;
  background: url("/local/templates/opticvision/static/output/../img/select.svg") center center/contain no-repeat;
  content: "";
}
._select-open .select__value::after {
  transform: rotate(-180deg);
}
.select__value._select-pseudo-label::before {
  opacity: 0.5;
  content: attr(data-pseudo-label);
}
.select__content {
  flex: 0 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  transition: all 0.15s ease-in 0s;
}
.select__text {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select__input {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.select__options {
  position: absolute;
  top: calc(100% + 0.3125rem);
  left: 0;
  min-width: 100%;
  color: #000;
  background-color: #fff;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  background: #f5f5f5;
}
.select__scroll {
  max-height: 12.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.select__option {
  width: 100%;
  padding: 5px 15px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.select__option._select-selected {
  background-color: #eee;
}
@media (any-hover: hover) {
  .select__option:hover {
    background: #d9d9d9;
  }
}
.select__row {
  display: inline-flex;
  align-items: center;
}
.select--show-top .select__options {
  top: auto;
  bottom: calc(100% - 0.0625rem);
  padding: 5px 0 10px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
._select-tag {
  cursor: pointer;
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}
.checkbox {
  position: relative;
}
.checkbox:not(:last-child) {
  margin-bottom: 0.3125em;
}
.checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.checkbox__input:checked + .checkbox__label::before {
  background: var(--color-alt);
  border-color: var(--color-alt);
}
.checkbox__input:checked + .checkbox__label::after {
  opacity: 1;
}
.checkbox__label {
  position: relative;
  display: inline-flex;
  gap: 9px;
  padding-left: 1.5625rem;
  cursor: pointer;
}
.checkbox__label::before {
  position: absolute;
  top: 0;
  left: 0;
  flex: 0 0 16px;
  align-self: flex-start;
  width: 16px;
  height: 16px;
  border: 1px solid #e2e2e8;
  border-radius: 0.125rem;
  background: var(--color-whte);
  overflow: hidden;
  content: "";
  transition: all 0.15s ease-in 0s;
}
.checkbox__label::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/13.svg") center center/contain no-repeat;
  width: 0.6875rem;
  height: 0.5rem;
  position: absolute;
  top: 0.25rem;
  left: 0.125rem;
  transition: all 0.15s ease-in 0s;
  opacity: 0;
}
.checkbox__text {
  align-self: center;
}
.quantity {
  display: flex;
  width: 100%;
  height: 48px;
  border-radius: 6.25rem;
  background: #ecf2fe;
}
.quantity__button {
  position: relative;
  flex: 0 0 48px;
  cursor: pointer;
}
.quantity__button::before, .quantity__button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  margin: 0 0 0 -4.5px;
  background-color: var(--color-primary);
  transition: all 0.3s ease 0s;
  content: "";
}
@media (any-hover: hover) {
  .quantity__button:hover::before, .quantity__button:hover::after {
    background-color: var(--color-alt);
  }
}
.quantity__button--plus::before {
  transform: rotate(-90deg);
}
.quantity__input {
  flex: 1 1 auto;
  pointer-events: none;
}
.quantity__input input {
  width: 100%;
  height: 100%;
  text-align: center;
  background: transparent;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
}
/* stylelint-disable selector-class-pattern */
.spollers__item {
  font-size: 1.25rem;
}
.spollers__title {
  position: relative;
  width: 100%;
  text-align: left;
  list-style: none;
  cursor: default;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .spollers__title {
    padding: 1rem 0rem;
    border-bottom: 1.5px solid #e2e2e8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
  }
  .spollers__title::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 10px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
}
.spollers__title::marker, .spollers__title::-webkit-details-marker {
  display: none;
}
._spoiler-init .spollers__title {
  cursor: pointer;
  /*
  ._spoiler-init & {
  	position: relative;
  	width: 100%;
  	text-align: left;
  	&::before,
  	&::after {
  		content: "";
  		position: absolute;
  		right: 0;
  		top: rem(12);
  		height: rem(1);
  		transition: all 0.3s ease 0s;
  		width: rem(10);
  		background-color: #000;
  	}
  	&::before {
  		transform: rotate(40deg);
  		right: rem(7);
  	}
  	&::after {
  		transform: rotate(-40deg);
  	}
  }
  &._spoiler-active {
  	&::before {
  		transform: rotate(-40deg);
  	}
  	&::after {
  		transform: rotate(40deg);
  	}
  }
  */
}
._spoiler-init .spollers__title::before, ._spoiler-init .spollers__title::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 15px;
  height: 2px;
  background-color: #000;
  transition: transform 0.5s ease 0s;
  content: "";
}
._spoiler-init .spollers__title::before {
  transform: translate(-75%, -50%) rotate(40deg);
}
._spoiler-init .spollers__title::after {
  transform: translate(0, -50%) rotate(-40deg);
}
._spoiler-init .spollers__title._spoiler-active::before {
  transform: translateX(-75%) rotate(-40deg);
}
._spoiler-init .spollers__title._spoiler-active::after {
  transform: rotate(40deg);
}
@media (min-width: 61.99875em) {
  .spollers__body {
    padding-top: 1.5rem;
  }
}
.spollers__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .spollers__list {
    padding-top: 1rem;
    gap: 1rem;
  }
}
.spollers__link {
  font-size: 1rem;
  line-height: 150%; /* 150% */
  color: #677178;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .spollers__link:hover {
    color: var(--color-alt);
  }
}
/**
 * Swiper 11.1.9
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2024
 */
@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") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
: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;
  /* Fix of Webkit flickering */
  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;
}
/* Auto Height */
.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);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.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);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 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, 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:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .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);
  }
}
/* Slide styles end */
.advantages {
  border-radius: 24px 24px 0px 0px;
  background: rgb(23, 148, 255);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 1.5rem 0rem;
  transition: all 0.15s ease-in 0s;
}
.advantages._active {
  opacity: 0;
  pointer-events: none;
}
.advantages .icon-rub {
  white-space: nowrap;
}
.advantages__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.advantages__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
}
@media only screen and (min-width: 95.99875em) {
  .advantages__content {
    padding-right: 9px;
  }
}
@media (max-width: 61.99875em) {
  .advantages__content {
    flex-direction: column-reverse;
    gap: 1.125rem;
  }
}
.advantages__text-info {
  font-weight: 500;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  display: inline-flex;
  margin-left: 4px;
}
.advantages__text {
  color: #f5f5f5;
  font-size: 1rem;
  line-height: 125%; /* 125% */
  display: inline;
}
.advantages__text b {
  font-weight: 500;
  text-transform: uppercase;
}
.advantages__text a {
  transition: all 0.15s ease-in 0s;
  font-weight: 500;
  text-decoration: underline;
  display: inline;
}
@media (any-hover: hover) {
  .advantages__text a:hover {
    text-decoration: none;
  }
}
.advantages__btns {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 61.99875em) {
  .advantages__btns {
    justify-content: space-between;
    width: 100%;
    gap: 0.875rem;
  }
}
.advantages .advantages__link {
  white-space: nowrap;
  background: var(--color-whte);
}
@media (any-hover: hover) {
  .advantages .advantages__link:hover {
    background: #1074ca;
    color: var(--color-whte);
  }
}
@media (any-hover: hover) {
  .advantages__close:hover::before {
    content: "";
    background: #1074ca;
  }
}
.advantages__close::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-whte);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.card-product.card-product--disabled .card-product__btn {
  pointer-events: none;
  background: #f5f5f5;
  color: #c8c8c8;
}
.card-product.card-product--disabled .card-product__btn::before {
  content: "";
  background: #c8c8c8;
}
.card-product__tag.card-product__tag--icon {
  align-items: center;
}
.card-product__tag.card-product__tag--icon span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-product__tag.card-product__tag--icon span::before {
  content: "";
  background: var(--color);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(0px, -1px);
}
.discontinued-popup__text b {
  font-weight: 500;
}
.discontinued-popup__text b b {
  font-weight: 700;
}
.icon-rub {
  white-space: nowrap;
}
@media only screen and (min-width: 95.99875em) {
  .popup--discontinued .popup__content {
    padding: 32px 22px 32px 32px;
  }
}
@media only screen and (min-width: 95.99875em) {
  .popup--discontinued .discontinued-popup__btns {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 95.99875em) {
  .popup--discontinued .discontinued-popup__btns .btn {
    min-height: 48px;
  }
}
.discontinued-popup__items {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 29.99875em) {
  .discontinued-popup__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.item-discontinued {
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media (any-hover: hover) {
  .item-discontinued:hover .item-discontinued__link::after {
    content: "";
    transform: translate(5px, 0px);
  }
}
.item-discontinued__img img,
.item-discontinued__img picture {
  width: 100%;
  height: 240px;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.item-discontinued__content {
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  border: 1px solid #e2e2e8;
  border-top: none;
  border-radius: 0px 0px 16px 16px;
  height: 100%;
}
.item-discontinued__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
.item-discontinued__link {
  font-size: 14px;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-alt);
}
.item-discontinued__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
@media only screen and (min-width: 95.99875em) {
  .popup--discontinuedTwo .popup__content {
    padding: 32px 20px 32px 32px;
  }
}
/*@import '/local/templates/opticvision/static/output/../../../node_modules/swiper/modules/a11y/a11y';*/
/* BASE STYLES
---------------------------- */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(10, 23, 46, 0.4);
  backdrop-filter: blur(10px);
  pointer-events: none;
  opacity: 0;
  transition: all 0.15s ease-in 0s;
  z-index: 2;
}
.lock body, .menu-open body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
.popup-show {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
#root, body, a, * {
  -webkit-touch-callout: none;
}
@media (max-width: 992px) {
  * {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
  }
}
/* CONTAINER
---------------------------- */
@layer base {
  [class*=__container] {
    --pad: 20px;
    box-sizing: border-box;
    max-width: calc(104.375rem);
    margin: 0 auto;
    padding: 0 var(--pad);
  }
  @media (max-width: 61.99875em) {
    [class*=__container] {
      --pad: 16px;
    }
  }
  @media (min-width: 61.99875em) {
    [class*=__slider] {
      margin: -1.25rem 0rem;
      padding: 1.25rem 0rem !important;
    }
  }
  @media (min-width: 61.99875em) {
    .js-slider-productThree {
      margin: 0rem 0rem 2rem !important;
      padding: 0rem !important;
    }
  }
  @media (min-width: 61.99875em) {
    .merchandise__sliders,
    .merchandise__slider,
    .intro__slider,
    .authorization__slider,
    .account-text__slider,
    .supplier-account__slider,
    .constructor-column__slider {
      padding: 0rem !important;
      margin: 0rem !important;
    }
  }
}
/* ---------------------------- */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
.d-none {
  display: none !important;
}
@media (max-width: 47.99875em) {
  .d-flex-only-mobile {
    display: flex !important;
  }
  .d-flex-from-mobile {
    display: none !important;
  }
}
@media (min-width: 47.99875em1) {
  .d-flex-only-mobile {
    display: none !important;
  }
  .d-flex-from-mobile {
    display: flex !important;
  }
}
@media (min-width: 47.99875em1) and (max-width: 61.99875em) {
  .d-flex-only-tablet {
    display: flex !important;
  }
  .d-flex-from-tablet {
    display: none !important;
  }
}
@media (min-width: 61.99875em1) {
  .d-flex-only-tablet {
    display: none !important;
  }
  .d-flex-from-tablet {
    display: flex !important;
  }
}
@media (max-width: 47.99875em) {
  .d-inline-flex-only-mobile {
    display: inline-flex !important;
  }
  .d-inline-flex-from-mobile {
    display: none !important;
  }
}
@media (min-width: 47.99875em1) {
  .d-inline-flex-only-mobile {
    display: none !important;
  }
  .d-inline-flex-from-mobile {
    display: inline-flex !important;
  }
}
@media (min-width: 47.99875em1) and (max-width: 61.99875em) {
  .d-inline-flex-only-tablet {
    display: inline-flex !important;
  }
  .d-inline-flex-from-tablet {
    display: none !important;
  }
}
@media (min-width: 61.99875em1) {
  .d-inline-flex-only-tablet {
    display: none !important;
  }
  .d-inline-flex-from-tablet {
    display: inline-flex !important;
  }
}
@media (max-width: 47.99875em) {
  .d-block-only-mobile {
    display: block !important;
  }
  .d-block-from-mobile {
    display: none !important;
  }
}
@media (min-width: 47.99875em1) {
  .d-block-only-mobile {
    display: none !important;
  }
  .d-block-from-mobile {
    display: block !important;
  }
}
@media (min-width: 47.99875em1) and (max-width: 61.99875em) {
  .d-block-only-tablet {
    display: block !important;
  }
  .d-block-from-tablet {
    display: none !important;
  }
}
@media (min-width: 61.99875em1) {
  .d-block-only-tablet {
    display: none !important;
  }
  .d-block-from-tablet {
    display: block !important;
  }
}
@media (max-width: 47.99875em) {
  .d-grid-only-mobile {
    display: grid !important;
  }
  .d-grid-from-mobile {
    display: none !important;
  }
}
@media (min-width: 47.99875em1) {
  .d-grid-only-mobile {
    display: none !important;
  }
  .d-grid-from-mobile {
    display: grid !important;
  }
}
@media (min-width: 47.99875em1) and (max-width: 61.99875em) {
  .d-grid-only-tablet {
    display: grid !important;
  }
  .d-grid-from-tablet {
    display: none !important;
  }
}
@media (min-width: 61.99875em1) {
  .d-grid-only-tablet {
    display: none !important;
  }
  .d-grid-from-tablet {
    display: grid !important;
  }
}
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
.popup--video .popup__videos {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.popup--video .popup__videos video,
.popup--video .popup__videos iframe,
.popup--video .popup__videos object,
.popup--video .popup__videos embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
.breadcrumb__list, .top-header__container, .category__specify-items, .category__aside, .basket .form__item-textarea .input, .stock .form__options {
  /* stylelint-disable-next-line scss/percent-placeholder-pattern */
}
.breadcrumb__list::-webkit-scrollbar, .top-header__container::-webkit-scrollbar, .category__specify-items::-webkit-scrollbar, .category__aside::-webkit-scrollbar, .basket .form__item-textarea .input::-webkit-scrollbar, .stock .form__options::-webkit-scrollbar {
  display: none;
}
.btn {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  padding: 0.6875rem 1.5rem;
  transition: all 0.15s ease-in 0s;
  border-radius: 6.25rem;
}
.btn.btn--blue {
  color: var(--color-whte);
  background: var(--color-alt);
}
@media (any-hover: hover) {
  .btn.btn--blue:hover {
    background: #1074ca;
  }
}
.btn.btn--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.btn.btn--icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-whte);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.nav__dropdown-toggle {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.nav__dropdown-toggle::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/select.svg") center center/contain no-repeat;
  --size: 12px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
  transform: translate(-0.0625rem, 0.125rem);
}
._catalog .catalog {
  opacity: 1;
  pointer-events: all;
}
@media (min-width: 61.99875em) {
  ._catalog body::before {
    content: "";
    opacity: 1;
  }
}
@media (max-width: 61.99875em) {
  .menu-open .wrapper {
    z-index: 1;
    position: relative;
  }
}
@media (max-width: 61.99875em) {
  .menu-open .main-header__container {
    gap: 0.5rem;
  }
}
.menu-open .top-header {
  left: 0;
}
.menu-open .main-header__logo {
  display: none;
}
.menu-open .main-header__search {
  display: none;
}
.menu-open .main-header__content {
  width: 100%;
  overflow: visible;
  visibility: visible;
  opacity: 1;
}
.menu-open .panel {
  opacity: 0;
  pointer-events: none;
}
.digi-body_mobile.digi-disable-scroll .wrapper {
  z-index: unset !important;
}
.digi-body_mobile.digi-disable-scroll .panel {
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 11111111 !important;
}
.search-open .main-header__search::before {
  content: "";
  background: var(--color-alt);
}
.search-open .header {
  z-index: 5;
}
.search-open .quest {
  opacity: 1;
  pointer-events: all;
}
.search-open body::before {
  content: "";
  opacity: 1;
  z-index: 2;
}
.back-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
}
@media (min-width: 61.99875em) {
  .back-link {
    display: none;
  }
}
.back-link::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  transform: rotate(180deg);
  --size: 15px;
  width: var(--size);
  height: var(--size);
}
.card-product {
  border-radius: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .card-product {
    max-width: 14.125rem;
  }
}
@media (any-hover: hover) and (min-width: 61.99875em) {
  .card-product:hover {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  }
  .card-product:hover .card-product__title {
    color: #1074ca;
  }
}
.card-product .card-product__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.625rem 1.25rem;
}
@media (max-width: 61.99875em) {
  .card-product .card-product__btn {
    height: 40px;
  }
}
.card-product .card-product__quantity {
  background: #ecf2fe;
  height: 40px;
  border-radius: 6.25rem;
}
.card-product .card-product__btn-white {
  color: #027ae0;
  border-radius: 6.25rem;
  background-color: white;
  border: 1.5px solid #027ae0;
}
.card-product .card-product__btn-white:hover {
  background-color: #027ae0;
  color: white;
}
.card-product__img {
  width: 100%;
  position: relative;
  overflow: hidden;
  /* Fallback для старых браузеров */
  height: 0;
  padding-top: 100%; /* Делает контейнер квадратным */
  /* Современный способ */
  aspect-ratio: 1/1;
}
.card-product__img img,
.card-product__img picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  border-radius: 1rem 1rem 0rem 0rem;
  /*@media (max-width: $tablet) {
    height: rem(180);
  }*/
}
.card-product__content {
  padding: 1.1875rem;
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
  border-radius: 0px 0px 16px 16px;
  border-right: 1px solid var(--Outline-Gray, #e2e2e8);
  border-bottom: 1px solid var(--Outline-Gray, #e2e2e8);
  border-left: 1px solid var(--Outline-Gray, #e2e2e8);
  height: 100%;
}
@media (max-width: 61.99875em) {
  .card-product__content {
    gap: 1rem;
    padding: 1rem;
  }
}
.card-product__title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%; /* 125% */
  max-width: calc(100% - 0.625rem);
  flex: 1 1 auto;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .card-product__title {
    font-size: 0.9375rem;
    line-height: 106.667%; /* 106.667% */
    margin-bottom: 0.625rem;
  }
}
.card-product__prices {
  display: flex;
  align-items: flex-end;
  gap: 0.625rem;
}
.card-product__price {
  font-size: 1.5rem;
  font-weight: 500;
}
@media (max-width: 61.99875em) {
  .card-product__price {
    font-size: 1.25rem;
  }
}
.card-product__price.card-product__price--old {
  font-size: 1.125rem;
  letter-spacing: -0.252px;
  color: #8b96a3;
}
@media (max-width: 61.99875em) {
  .card-product__price.card-product__price--old {
    font-size: 0.9375rem;
    letter-spacing: -0.21px;
  }
}
.card-product__tags {
  display: flex;
  gap: 0.1875rem;
  position: absolute;
  --pad: 20px;
  top: var(--pad);
  left: var(--pad);
  width: calc(100% - var(--pad) * 2);
  pointer-events: auto;
}
@media (max-width: 61.99875em) {
  .card-product__tags {
    --pad: 16px;
    height: 19px;
  }
}
@media (any-hover: hover) {
  .card-product__tags:hover {
    box-shadow: none !important;
  }
}
.card-product__tags__line {
  height: 19px;
  overflow: hidden;
  flex-wrap: wrap;
}
.card-product .tags_container {
  height: 19px;
  overflow: hidden;
  flex-wrap: wrap;
  display: flex;
}
@media (max-width: 61.99875em) {
  .card-product .card-product__tag--two + .tags_container {
    display: none;
  }
}
.card-product__tag {
  color: var(--color);
  background: var(--bg);
  cursor: default;
  white-space: nowrap;
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  padding: 0.125rem 0.5rem;
  border-radius: 6.25rem;
  transition: all 0.15s ease-in 0s;
  display: inline-flex;
  max-width: max-content;
  gap: 4px;
}
.card-product__tag.card-product__tag--two {
  align-items: center;
}
.card-product__tag.card-product__tag--two span {
  display: flex;
}
.card-product__tag span {
  display: flex;
  align-items: center;
}
.card-product__tag span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-whte);
  --size: 14px;
  width: var(--size);
  height: var(--size);
}
.card-product__tag.card-product__tag--doctor {
  top: -8px;
  left: -12px;
  pointer-events: auto;
  padding-right: 0;
  margin-right: -8px;
}
@media (max-width: 61.99875em) {
  .card-product__tag.card-product__tag--doctor {
    left: -6px;
    top: -4px;
    margin-right: -4px;
  }
}
.card-product__tag.card-product__tag--doctor img,
.card-product__tag.card-product__tag--doctor picture {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 61.99875em) {
  .card-product__tag.card-product__tag--doctor img,
  .card-product__tag.card-product__tag--doctor picture {
    --size: 23px;
  }
}
.card-product__tags__line .card-product__tag {
  max-height: 19px;
}
.card-product__favorites {
  position: absolute;
  --pad: 20px;
  top: var(--pad);
  right: 1.0625rem;
  cursor: pointer;
}
@media (max-width: 61.99875em) {
  .card-product__favorites {
    --pad: 16px;
    right: 1.3125rem;
  }
}
.card-product__favorites::before {
  content: "";
  background: var(--icon) center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.card-product__favorites::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  background: var(--color-error);
  transition: all 0.15s ease-in 0s;
  transform: scale(0);
  position: absolute;
  top: 0;
  left: 0;
}
@media (any-hover: hover) {
  .card-product__favorites:hover::before {
    content: "";
    opacity: 0;
  }
  .card-product__favorites:hover::after {
    content: "";
    transform: scale(1);
  }
}
.card-product__favorites._active::before {
  content: "";
  opacity: 0;
}
.card-product__favorites._active::after {
  content: "";
  transform: scale(1);
}
.block-title {
  font-size: 2rem;
  line-height: 100%; /* 100% */
}
@media (max-width: 61.99875em) {
  .block-title {
    font-size: 1.75rem;
  }
}
@media (max-width: 47.99875em) {
  .block-title {
    font-size: 1.5rem;
    line-height: 116.667%; /* 116.667% */
  }
}
.section {
  padding-bottom: var(--spacing);
}
.swiper-arrows {
  position: absolute;
  top: -0.5625rem;
  right: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 61.99875em) {
  .swiper-arrows {
    display: none;
  }
}
.swiper-arrow {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #e2e2e8;
  transition: all 0.15s ease-in 0s;
  background: var(--color-whte);
}
@media (any-hover: hover) {
  .swiper-arrow:hover::before {
    content: "";
    background: #1074ca;
  }
}
.swiper-arrow::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 17px;
  width: var(--size);
  height: var(--size);
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
.swiper-arrow.swiper-arrow--next::before {
  content: "";
  transform: translate(0.0625rem, 0.0625rem);
}
.swiper-arrow.swiper-arrow--prev::before {
  content: "";
  transform: translate(-0.0625rem, 0.0625rem);
}
.swiper-arrow.swiper-button-disabled {
  pointer-events: none;
}
.swiper-arrow.swiper-button-disabled::before {
  content: "";
  background: #c8c8c8;
}
.swiper-pagging {
  position: absolute;
  bottom: -1.3125rem;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
@media (min-width: 61.99875em) {
  .swiper-pagging {
    display: none;
  }
}
.swiper-pagging .swiper-pagination-bullet {
  cursor: pointer;
  --size: 5px;
  width: var(--size);
  height: var(--size);
  border-radius: 6.25rem;
  background: #ecf2fe;
  transition: all 0.15s ease-in 0s;
}
.swiper-pagging .swiper-pagination-bullet-active {
  width: 2.5rem;
}
/*.loaded {
  body {
    opacity: 1;
  }
  .fade-up {
    @media (min-width: $mobile) {
      transform: translateY(80px);
      opacity: 0;
      &._watcher-view {
        animation: slide-top02 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
      }
    }
  }
}*/
@keyframes slide-top02 {
  0% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.priority-nav__dropdown {
  padding: 0.5rem 1.5rem;
  background: #f5f5f5;
  border-radius: 1rem;
  right: -3rem;
  top: calc(100% + 1.25rem);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.15s ease-in 0s !important;
  visibility: visible;
  opacity: 0;
  pointer-events: none;
}
.priority-nav__dropdown.show {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.nav__dropdown-toggle {
  transition: all 0.15s ease-in 0s;
}
.nav__dropdown-toggle.is-open::after {
  content: "";
  transform: rotate(180deg) translate(-0.0625rem, -0.0625rem);
}
.nav__dropdown-toggle::after {
  content: "";
  transition: all 0.15s ease-in 0s;
}
.page {
  padding-top: var(--header-height);
}
.filter-open .header {
  opacity: 0;
  pointer-events: none;
}
.filter-open .category__aside {
  left: 0;
}
.sort-open .header {
  z-index: 1;
}
.sort-open body::before {
  content: "";
  opacity: 1;
  z-index: 5;
}
.sort-open .category__sorts {
  bottom: 0;
}
.breadcrumb {
  padding-top: 0.75rem;
}
@media (max-width: 61.99875em) {
  .breadcrumb {
    padding-top: 0.4375rem;
  }
}
.breadcrumb__list {
  display: flex;
  gap: 0.75rem;
  overflow: auto;
}
.breadcrumb__item {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 150%; /* 150% */
  letter-spacing: -0.5px;
  transition: all 0.15s ease-in 0s;
  color: #c8c8c8;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding-left: 0.1875rem;
  white-space: nowrap;
}
@media (max-width: 61.99875em) {
  .breadcrumb__item {
    font-size: 15px;
    line-height: 18px; /* 120% */
    flex-direction: row-reverse;
    color: var(--color-primary);
    gap: 7px;
  }
}
.breadcrumb__item::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #c8c8c8;
  --size: 12px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .breadcrumb__item::after {
    background: var(--color-primary);
    --size: 14px;
    transform: rotate(180deg);
  }
}
@media (any-hover: hover) {
  .breadcrumb__item:hover {
    color: var(--color-alt);
  }
  .breadcrumb__item:hover::after {
    content: "";
    background: var(--color-alt);
  }
}
.breadcrumb__item.breadcrumb__item--active {
  color: #677178;
  pointer-events: none;
}
.breadcrumb__item.breadcrumb__item--active::after {
  content: "";
  display: none;
}
@media (max-width: 61.99875em) {
  .breadcrumb__item.breadcrumb__item--active {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .breadcrumb__item:not(:nth-last-child(-n+2)) {
    display: none;
  }
}
.tip__title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 142.857%; /* 142.857% */
  margin-bottom: 0.5rem;
}
.tip__text {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  display: inline-block;
}
.tip__text.tip__text--attention {
  color: #8b96a3;
}
.tip__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tip__info:not(:last-child) {
  margin-bottom: 1rem;
}
.tip__img {
  margin-top: 1rem;
}
.tip__img img,
.tip__img picture {
  width: 100%;
  height: 100%;
  max-width: 17.5625rem;
  max-height: 4.5rem;
  object-fit: cover;
  border-radius: 0.375rem;
}
@media (min-width: 61.99875em) {
  .popup-show body {
    padding-right: 0rem !important;
  }
}
@media (min-width: 61.99875em) {
  .popup-show header {
    padding-right: 0.375rem !important;
  }
}
@media (min-width: 61.99875em) {
  .popup-show {
    padding-right: 0.375rem !important;
  }
}
.delete {
  position: absolute;
  top: -0.9375rem;
  right: 0;
  z-index: 30;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background: var(--color-primary);
  color: var(--color-whte);
  width: 10.125rem;
  font-size: 0.8125rem;
  line-height: 15px; /* 115.385% */
  transition: all 0.15s ease-in 0s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 61.99875em) {
  .delete {
    display: none;
  }
}
.delete._active {
  opacity: 1;
}
.balloon {
  border-radius: 1rem;
  background: var(--color-whte);
  padding: 1rem;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 25rem;
  width: 100%;
  font-family: var(--font-primary);
}
@media (min-width: 61.99875em) {
  .balloon {
    width: 400px;
  }
}
@media (max-width: 61.99875em) {
  .balloon {
    padding: 0.75rem;
  }
}
.balloon__info {
  font-size: 0.8125rem;
  line-height: 115.385%; /* 115.385% */
  color: rgb(2, 122, 224);
}
.balloon__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .balloon__content {
    gap: 0.75rem;
  }
}
.balloon__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
@media (max-width: 61.99875em) {
  .balloon__title {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
  }
}
.balloon__address {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  position: relative;
  padding-left: 1.375rem;
}
@media (max-width: 61.99875em) {
  .balloon__address {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.balloon__address span {
  margin-top: 3px;
  display: inline-flex;
}
.balloon__address::before {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/72.svg") center center/contain no-repeat;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  position: absolute;
  top: 0.25rem;
  left: 0;
}
.balloon__time {
  font-size: 1rem;
  line-height: 125%; /* 125% */
  padding-left: 1.375rem;
  color: rgb(93, 108, 123);
}
@media (max-width: 61.99875em) {
  .balloon__time {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.ymaps-2-1-79-balloon__tail,
.ymaps-2-1-79-balloon__close {
  /* display: none !important;*/
}
.ymaps-2-1-79-balloon__content,
.ymaps-2-1-79-balloon,
.ymaps-2-1-79-balloon__layout {
  padding: 0rem !important;
  border: none !important;
  background: transparent !important;
  margin-right: 0rem !important;
  border-radius: 1rem !important;
}
@media (max-width: 61.99875em) {
  ._banner {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.file-loader__files {
  display: flex;
  flex-direction: column;
}
.file-loader__files .close {
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-loader__files .close::before {
  content: "";
  mask: url("/local/templates/opticvision/static/output/../img/close.svg") center center/contain no-repeat;
  -webkit-mask: url("/local/templates/opticvision/static/output/../img/close.svg") center center/contain no-repeat;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
.file-loader__files .file-loader__result {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  position: relative;
  cursor: pointer;
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .file-loader__files .file-loader__result {
    font-size: 0.8125rem;
  }
}
.file-loader {
  position: relative;
  z-index: 2;
  margin-bottom: 0.75rem;
}
@media (any-hover: hover) {
  .file-loader:hover .file-loader__icon::before {
    content: "";
    background: var(--color-alt);
  }
  .file-loader:hover .file-loader__text {
    color: var(--color-alt);
  }
}
.file-loader__inner {
  max-width: max-content;
  cursor: pointer;
}
.file-loader__row {
  position: relative;
}
.file-loader__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.file-loader__input::-webkit-file-upload-button {
  cursor: pointer;
}
.file-loader__info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  z-index: -1;
  cursor: pointer;
}
.file-loader__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-loader__icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color-alt);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .file-loader__icon::before {
    --size: 18px;
  }
}
.file-loader__text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  color: var(--color-alt);
  transition: all 0.15s ease-in 0s;
}
@media (max-width: 61.99875em) {
  .file-loader__text {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
  }
}
.file-loader__format {
  font-size: 0.9375rem;
  line-height: 18px; /* 120% */
  margin-bottom: 0.625rem;
  color: #677178;
}
@media (max-width: 61.99875em) {
  .file-loader__format {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
    margin-bottom: 0.5rem;
  }
}
.file-loader__error {
  color: var(--color-error);
  margin-top: 0.75rem;
  font-size: 0.875rem;
}
.file-upload {
  cursor: pointer;
  z-index: 5;
}
.file-loader__input {
  cursor: pointer;
}
.acuvue-account {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 61.99875em) {
  .acuvue-account {
    gap: 20px;
  }
}
.acuvue-account__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding-top: 16px;
}
@media (max-width: 95.99875em) {
  .acuvue-account__cards {
    grid-template-columns: repeat(3, 1fr);
    padding-top: 4px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .acuvue-account__cards {
    gap: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .acuvue-account__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 31px 16px;
  }
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .acuvue-account__card {
    max-width: 100%;
    border-radius: 0px;
  }
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .acuvue-account__card .card-product__tags {
    top: 11px;
    left: 9px;
  }
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .acuvue-account__card .card-product__favorites {
    --pad: 10px;
    right: var(--pad);
  }
  .acuvue-account__cards .acuvue-account__card .card-product__favorites::before {
    content: "";
    --size: 20px;
  }
  .acuvue-account__cards .acuvue-account__card .card-product__favorites::after {
    content: "";
    --size: 20px;
  }
}
.acuvue-account__cards .card-product__content {
  gap: 12px;
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .card-product__content {
    padding: 0px;
    border: none;
    gap: 4px;
  }
}
.acuvue-account__cards .card-product__content .card-product__title {
  margin-bottom: 14px;
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .card-product__content .card-product__title {
    margin-bottom: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 114.286% */
  }
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .card-product__content .card-product__price {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .card-product__content .card-product__prices {
    gap: 10px;
  }
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .card-product__content .card-product__btn {
    padding: 8px;
  }
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .card-product__content .card-product__price--old {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px; /* 115.385% */
    letter-spacing: -0.182px;
  }
}
.acuvue-account__cards .card-product__content .card-product__prices {
  margin-bottom: 14px;
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .card-product__content .card-product__prices {
    margin-bottom: 9px;
  }
}
@media (max-width: 61.99875em) {
  .acuvue-account__cards .card-product__img {
    margin-bottom: 12px;
  }
}
.acuvue-account__cards .card-product__img img,
.acuvue-account__cards .card-product__img picture {
  height: 292px;
}
@media (max-width: 95.99875em) {
  .acuvue-account__cards .card-product__img img,
  .acuvue-account__cards .card-product__img picture {
    height: 275px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .acuvue-account__cards .card-product__img img,
  .acuvue-account__cards .card-product__img picture {
    border-radius: 12px;
    aspect-ratio: 1/1;
    height: auto;
  }
}
.acuvue-account__row {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
}
@media (max-width: 95.99875em) {
  .acuvue-account__row {
    margin-top: 20px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .acuvue-account__row {
    margin-top: 22px;
    gap: 20px;
    margin-bottom: 12px;
  }
}
.acuvue-account__column .body-questions {
  padding-top: 0rem;
}
.acuvue-account__column .body-questions__blocks {
  padding-top: 1.125rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .acuvue-account__column .body-questions__blocks {
    padding-top: 0.75rem;
    gap: 0.75rem;
  }
}
.acuvue-account__column .body-questions__info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .acuvue-account__column .body-questions__info {
    gap: 0.75rem;
  }
}
.acuvue-account__column .body-questions__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 95.99875em) {
  .acuvue-account__column .body-questions__content {
    gap: 0.75rem;
  }
}
.acuvue-account__column .body-questions__text {
  font-size: 1rem;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .acuvue-account__column .body-questions__text {
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
}
.acuvue-account__column .body-questions__img {
  margin-bottom: 1rem;
  border-radius: 1rem;
  background: #ecf2fe;
  padding: 3.75rem;
}
@media (max-width: 95.99875em) {
  .acuvue-account__column .body-questions__img {
    padding: 1.5rem;
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .acuvue-account__column .body-questions__img {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
  }
}
.acuvue-account__column .body-questions__img img,
.acuvue-account__column .body-questions__img picture {
  width: 63rem;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.acuvue-account__column .spollers {
  border-radius: 1.5rem;
  border: 1px solid #e2e2e8;
}
@media (max-width: 61.99875em) {
  .acuvue-account__column .spollers {
    border-radius: 1rem;
  }
}
.acuvue-account__column .spollers__item {
  padding: 2rem;
}
.acuvue-account__column .spollers__item:not(:last-child) {
  border-bottom: 1px solid rgb(226, 226, 232);
}
@media (max-width: 95.99875em) {
  .acuvue-account__column .spollers__item {
    padding: 1.5rem;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .acuvue-account__column .spollers__item {
    padding: 0.9375rem;
  }
}
.acuvue-account__column .spollers__title {
  font-size: 1.125rem;
  line-height: 109.091%; /* 109.091% */
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-weight: 400;
  cursor: pointer;
}
.acuvue-account__column .spollers__title span {
  position: relative;
  background: #f2f5f7;
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in 0s;
}
.acuvue-account__column .spollers__title span::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 14px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.acuvue-account__column .spollers__title._spoller-active span {
  background: var(--color-primary);
}
.acuvue-account__column .spollers__title._spoller-active span::before {
  content: "";
  background: var(--color-whte);
  transform: rotate(45deg);
}
@media (max-width: 95.99875em) {
  .acuvue-account__column .spollers__title {
    font-size: 1.125rem;
    line-height: 122.222%; /* 122.222% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .acuvue-account__column .spollers__title {
    padding-top: 0rem;
    padding-bottom: 0rem;
    border-bottom: none;
    font-size: 0.9375rem;
    line-height: 120%; /* 120% */
  }
  .acuvue-account__column .spollers__title::after {
    content: "";
    display: none;
  }
  .acuvue-account__column .spollers__title span {
    --size: 32px;
  }
}
.acuvue-account__coupons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 95.99875em) {
  .acuvue-account__coupons {
    margin-top: 8px;
    gap: 12px;
    margin-bottom: 0px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .acuvue-account__coupons {
    margin-top: 0px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .acuvue-account__coupons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) and (max-width: 38.75em) {
  .acuvue-account__coupons {
    grid-template-columns: repeat(1, 1fr);
  }
}
.acuvue-account__suptitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 120%; /* 120% */
  margin-bottom: 16px;
}
@media (max-width: 61.99875em) {
  .acuvue-account__suptitle {
    font-size: 16px;
    line-height: 125%; /* 125% */
  }
}
.acuvue-account__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 95.99875em) {
  .acuvue-account__top {
    margin-bottom: 20px;
  }
}
.acuvue-account__top.acuvue-account__top--two {
  margin-bottom: 16px;
}
.acuvue-account__top.js-open-group {
  cursor: pointer;
}
.acuvue-account__top.js-open-group::after {
  content: "";
  background: url("/local/templates/opticvision/static/output/../img/105.svg") center center/contain no-repeat;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.15s ease-in 0s;
}
.acuvue-account__top.js-open-group._active::after {
  content: "";
  transform: rotate(180deg);
}
.acuvue-account__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.acuvue-account__text {
  font-size: 16px;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .acuvue-account__text {
    font-size: 15px;
    line-height: 120%; /* 120% */
  }
}
.acuvue-account__text a {
  font-size: 15px;
  line-height: 120%; /* 120% */
  color: var(--color-alt);
}
@media (any-hover: hover) {
  .acuvue-account__text a:hover {
    text-decoration: underline;
  }
}
.acuvue-account__link {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fc5230;
  transition: all 0.15s ease-in 0s;
}
.acuvue-account__link span._desktop {
  display: none;
}
@media (min-width: 47.99875em) {
  .acuvue-account__link span._desktop {
    display: inline;
  }
}
.acuvue-account__link span._mobile {
  display: inline;
}
@media (min-width: 47.99875em) {
  .acuvue-account__link span._mobile {
    display: none;
  }
}
@media (any-hover: hover) {
  .acuvue-account__link:hover {
    color: #c80f03;
  }
  .acuvue-account__link:hover::after {
    content: "";
    background: #c80f03;
  }
}
@media (max-width: 47.99875em) {
  .acuvue-account__link {
    padding-top: 16px;
    border-top: 1px solid #e2e2e8;
  }
}
.acuvue-account__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #fc5230;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.acuvue-account__button {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%; /* 125% */
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fc5230;
  transition: all 0.15s ease-in 0s;
}
.acuvue-account__button span._desktop {
  display: none;
}
@media (min-width: 47.99875em) {
  .acuvue-account__button span._desktop {
    display: inline;
  }
}
.acuvue-account__button span._mobile {
  display: inline;
}
@media (min-width: 47.99875em) {
  .acuvue-account__button span._mobile {
    display: none;
  }
}
@media (any-hover: hover) {
  .acuvue-account__button:hover {
    color: #c80f03;
  }
}
@media (max-width: 47.99875em) {
  .acuvue-account__button {
    padding-top: 16px;
    border-top: 1px solid #e2e2e8;
  }
}
.acuvue-account__title {
  font-size: 28px;
  line-height: 114.286%; /* 114.286% */
}
@media (max-width: 95.99875em) {
  .acuvue-account__title {
    font-size: 24px;
    line-height: 116.667%; /* 116.667% */
  }
}
@media (min-width: 95.99875em) {
  .acuvue-account__title.acuvue-account__title--two {
    font-size: 32px;
    line-height: 100%; /* 100% */
  }
}
@media (max-width: 61.99875em) {
  .acuvue-account__title.acuvue-account__title--three {
    font-size: 18px;
    font-weight: 500;
    line-height: 111.111%; /* 111.111% */
  }
}
.acuvue-account__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 95.99875em) {
  .acuvue-account__items {
    gap: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 38.75em) {
  .acuvue-account__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.acuvue-account__items.acuvue-account__items--two {
  grid-template-columns: repeat(1, 1fr);
}
.acuvue-account__items.acuvue-account__items--two .balance-acuvue {
  min-height: 164px;
}
@media (max-width: 95.99875em) {
  .acuvue-account__items.acuvue-account__items--two .balance-acuvue {
    min-height: 150px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .acuvue-account__items.acuvue-account__items--two .balance-acuvue {
    min-height: 200px;
  }
}
.item-acuvue {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.item-acuvue__inner {
  position: relative;
  z-index: 2;
  padding: 32px;
  min-height: 326px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
@media (max-width: 95.99875em) {
  .item-acuvue__inner {
    padding: 20px;
    min-height: 300px;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .item-acuvue__inner {
    padding: 16px;
  }
}
.item-acuvue__info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.item-acuvue__title {
  color: var(--color);
  font-size: 28px;
  line-height: 114.286%; /* 114.286% */
  max-width: calc(100% - 186px);
}
@media (max-width: 95.99875em) {
  .item-acuvue__title {
    font-size: 24px;
    line-height: 116.667%; /* 116.667% */
    max-width: calc(100% - 47px);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-acuvue__title {
    font-size: 18px;
    line-height: 133.333%; /* 133.333% */
    max-width: 100%;
  }
}
.item-acuvue__text {
  font-size: 18px;
  line-height: 122.222%; /* 122.222% */
  color: var(--color);
  max-width: calc(100% - 151px);
}
@media (max-width: 95.99875em) {
  .item-acuvue__text {
    font-size: 16px;
    line-height: 125%; /* 125% */
    max-width: calc(100% - 145px);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .item-acuvue__text {
    font-size: 15px;
    line-height: 120%; /* 120% */
    max-width: calc(100% - 40px);
  }
}
.item-acuvue .item-acuvue__link {
  max-width: max-content;
  background: var(--bgBtn);
  color: var(--colorBtn);
  border: 1px solid var(--borderBtn);
  padding: 13px 24px;
}
@media (any-hover: hover) {
  .item-acuvue .item-acuvue__link:hover {
    background: var(--color-ble);
    color: var(--color-whte);
    border: 1px solid var(--color-ble);
  }
}
.item-acuvue__decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item-acuvue__decor img,
.item-acuvue__decor picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.balance-acuvue {
  position: relative;
  z-index: 2;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  min-height: 200px;
}
@media (max-width: 95.99875em) {
  .balance-acuvue {
    padding: 20px;
  }
}
@media (max-width: 95.99875em) and (max-width: 47.99875em) {
  .balance-acuvue {
    padding: 16px;
  }
}
.balance-acuvue__top {
  flex: 1 1 auto;
}
.balance-acuvue__link {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: var(--color-whte);
  padding: 8px 10px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
}
.balance-acuvue__link::before {
  content: "";
  background: var(--icon) center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.balance-acuvue__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
}
@media (max-width: 61.99875em) {
  .balance-acuvue__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.balance-acuvue__points {
  color: var(--color-whte);
  font-size: 18px;
  line-height: 122.222%; /* 122.222% */
  gap: 4px;
  display: flex;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .balance-acuvue__points {
    font-size: 15px;
    line-height: 120%; /* 120% */
  }
}
.balance-acuvue__points span {
  font-weight: 500;
  font-size: 32px;
  transform: translate(0, -3px);
}
@media (max-width: 61.99875em) {
  .balance-acuvue__points span {
    font-size: 24px;
    line-height: 116.667%; /* 116.667% */
  }
}
.balance-acuvue__clue {
  transform: translate(0, 0px) !important;
  cursor: pointer;
}
.balance-acuvue__clue::before {
  content: "";
  --size: 20px;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: rgba(var(--color-whte--rgb), 0.6);
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .balance-acuvue__clue::before {
    --size: 16px;
  }
}
.balance-acuvue__rules {
  font-size: 15px;
  line-height: 120%; /* 120% */
  color: var(--color-whte);
}
@media (min-width: 61.99875em) {
  .balance-acuvue__rules {
    text-align: right;
  }
}
@media (max-width: 61.99875em) {
  .balance-acuvue__rules {
    font-size: 12px;
    line-height: 150%; /* 150% */
  }
}
@media (max-width: 95.99875em) {
  .balance-acuvue__rules br {
    display: none;
  }
}
.strong-acuvue {
  display: flex;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  background: #f6f9ff;
}
.strong-acuvue::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-alt);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  margin-top: 2px;
}
@media (max-width: 95.99875em) {
  .strong-acuvue {
    gap: 12px;
    padding: 16px;
  }
  .strong-acuvue::before {
    content: "";
    --size: 15px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .strong-acuvue {
    padding: 12px;
    gap: 8px;
  }
}
.strong-acuvue__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.strong-acuvue__text {
  font-size: 16px;
  line-height: 125%; /* 125% */
  color: var(--color-alt);
}
@media (max-width: 61.99875em) {
  .strong-acuvue__text {
    font-size: 14px;
    line-height: 128.571%; /* 128.571% */
  }
}
.coupon-acuvue {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 16px;
  border-radius: 16px;
  background: var(--bg);
  min-height: 158px;
  opacity: 0.5;
  pointer-events: none;
  transition: all 0.15s ease-in 0s;
}
.coupon-acuvue._active {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 95.99875em) {
  .coupon-acuvue {
    padding: 12px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .coupon-acuvue {
    padding: 16px;
    min-height: 124px;
  }
}
.coupon-acuvue__top {
  flex: 1 1 auto;
}
.coupon-acuvue__value {
  font-size: 24px;
  font-weight: 500;
  line-height: 116.667%; /* 116.667% */
  display: flex;
  align-items: center;
  gap: 16px;
  color: #0033a0;
}
.coupon-acuvue__value::before {
  content: "";
  background: var(--icon) center center/contain no-repeat;
  --size: 40px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 95.99875em) {
  .coupon-acuvue__value {
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%; /* 140% */
  }
  .coupon-acuvue__value::before {
    content: "";
    --size: 28px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .coupon-acuvue__value {
    font-size: 15px;
    line-height: 120%; /* 120% */
  }
  .coupon-acuvue__value::before {
    content: "";
    --size: 24px;
  }
}
.coupon-acuvue__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.coupon-acuvue__text {
  font-size: 15px;
  line-height: 120%; /* 120% */
  color: #0033a0;
}
.code-info {
  padding: 16px 24px;
  border-radius: 16px;
  background: var(--color-whte);
  border: 1px solid #e2e2e8;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 85.37375em) {
  .code-info {
    gap: 12px;
    padding: 16px 12px 14px;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .code-info {
    padding: 12px;
  }
}
.code-info__img {
  --size: 120px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background: #f6f9ff;
}
@media (max-width: 85.37375em) {
  .code-info__img {
    --size: 99px;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .code-info__img {
    display: none;
  }
}
.code-info__img img,
.code-info__img picture {
  --size: 88px;
  width: var(--size);
  height: var(--size);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media (max-width: 85.37375em) {
  .code-info__img img,
  .code-info__img picture {
    --size: 73px;
  }
}
.code-info__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .code-info__content {
    gap: 11px;
  }
}
.code-info__links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 61.99875em) {
  .code-info__links {
    display: none;
  }
}
.code-info__link img,
.code-info__link picture {
  width: 153px;
  height: 48px;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 47.99875em) {
  .code-info__link img,
  .code-info__link picture {
    width: 100%;
    object-fit: contain;
  }
}
.code-info__text {
  font-size: 16px;
  line-height: 125%; /* 125% */
}
@media (max-width: 85.37375em) {
  .code-info__text {
    font-size: 14px;
    line-height: 19px;
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .code-info__text {
    font-size: 13px;
    line-height: 17px; /* 130.769% */
  }
}
.code-info__text a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .code-info__text a:hover {
    text-decoration: none;
  }
}
.points-basket {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 85.37375em) {
  .points-basket {
    gap: 4px;
  }
}
.points-basket.points-basket--two {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  margin-top: -19px;
}
.points-basket .points-basket__ball {
  margin: 0px;
  gap: 6px;
}
.points-basket .points-basket__ball .ball-constructor__img img,
.points-basket .points-basket__ball .ball-constructor__img picture {
  --size: 24px;
}
.points-basket .points-basket__ball .ball-constructor__value {
  font-size: 15px;
  line-height: 120%; /* 120% */
}
.points-basket__link {
  font-size: 16px;
  line-height: 20px; /* 125% */
  color: #677178;
  text-decoration: underline;
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .points-basket__link:hover {
    text-decoration: none;
    color: var(--color-alt);
  }
}
.points-basket__img {
  --size: 28px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 85.37375em) {
  .points-basket__img {
    --size: 20px;
  }
}
.points-basket__img img,
.points-basket__img picture {
  --size: 28px;
  width: var(--size);
  height: var(--size);
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
}
@media (max-width: 85.37375em) {
  .points-basket__img img,
  .points-basket__img picture {
    --size: 20px;
  }
}
.points-basket__text {
  font-size: 16px;
  line-height: 125%; /* 125% */
  color: #677178;
}
@media (max-width: 85.37375em) {
  .points-basket__text {
    font-size: 14px;
    line-height: 142.857%; /* 142.857% */
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .points-basket__text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
  }
}
.points-basket__info {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: #0033a0;
}
@media (max-width: 85.37375em) {
  .points-basket__info {
    font-size: 14px;
    line-height: 128.571%; /* 128.571% */
  }
}
.points-basket__clue {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.points-basket__clue::before {
  content: "";
  --size: 14px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #0033a0;
  margin-top: 3px;
}
@media (max-width: 47.99875em) {
  .points-basket__clue::before {
    margin-top: 0;
  }
}
.banner-info {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.banner-info__content {
  position: relative;
  z-index: 2;
  padding: 20px;
  max-width: calc(100% - 130px);
}
@media (max-width: 85.37375em) {
  .banner-info__content {
    padding: 16px;
    max-width: calc(100% - 58px);
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) {
  .banner-info__content {
    padding: 12px;
    max-width: calc(100% - 8px);
  }
}
@media (max-width: 85.37375em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .banner-info__content {
    max-width: calc(100% - 60px);
  }
}
.banner-info__title {
  font-size: 18px;
  line-height: 122.222%; /* 122.222% */
  margin-bottom: 8px;
}
@media (max-width: 61.99875em) {
  .banner-info__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 122.222% */
    margin-bottom: 4px;
  }
}
.banner-info__description {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
@media (max-width: 61.99875em) {
  .banner-info__description {
    margin-bottom: 13px;
  }
}
.banner-info__text {
  font-size: 15px;
  line-height: 120%; /* 120% */
}
@media (max-width: 61.99875em) {
  .banner-info__text {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 115.385% */
  }
}
.banner-info .banner-info__link {
  background: var(--color-whte);
  border: 1.5px solid #027ae0;
  color: #027ae0;
  padding: 13px 23px;
}
@media (max-width: 61.99875em) {
  .banner-info .banner-info__link {
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 15px */
    padding: 12px 15px;
  }
}
@media (any-hover: hover) {
  .banner-info .banner-info__link:hover {
    background: var(--color-alt);
    color: var(--color-whte);
  }
}
.banner-info__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-info__img img,
.banner-info__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.info-merchandise__banner {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 61.99875em) {
  .info-merchandise__banner {
    min-height: 155px;
  }
}
.partner-info__items {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.partner-info__item {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 12px;
  border: 1.5px solid #114cb1;
}
@media (max-width: 61.99875em) {
  .partner-info__item {
    gap: 12px;
  }
}
.partner-info__info {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 61.99875em) {
  .partner-info__info {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}
.partner-info__banner {
  padding: 2px;
  padding-right: 10px;
  border-radius: 100px;
  background: linear-gradient(90deg, #475cb9 0%, #2dafe5 100%);
  display: flex;
  align-items: center;
  gap: 6px;
}
.partner-info__img {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  overflow: hidden;
}
.partner-info__img img,
.partner-info__img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.partner-info__text {
  font-size: 12px;
  line-height: 150%; /* 150% */
  color: var(--color-whte);
}
.partner-info__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .partner-info__content {
    gap: 12px;
  }
}
.partner-info__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .partner-info__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
  }
}
.partner-info__link {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%; /* 125% */
  color: #027ae0;
  display: inline-flex;
  margin-left: auto;
}
@media (any-hover: hover) {
  .partner-info__link:hover {
    text-decoration: underline;
  }
}
.promotion-merchandise {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.promotion-merchandise__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.promotion-merchandise__title {
  font-size: 18px;
  line-height: 122.222%; /* 122.222% */
}
@media (max-width: 61.99875em) {
  .promotion-merchandise__title {
    font-size: 15px;
    line-height: 18px; /* 120% */
  }
}
.promotion-merchandise__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.promotion-merchandise__item {
  position: relative;
  padding-left: 14px;
  font-size: 16px;
  line-height: 125%; /* 125% */
}
@media (max-width: 61.99875em) {
  .promotion-merchandise__item {
    font-size: 15px;
    line-height: 18px; /* 120% */
  }
}
.promotion-merchandise__item::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  --size: 6px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-alt);
}
.promotion-merchandise__item span {
  display: block;
  color: #8b96a3;
  margin-top: 4px;
}
.promotion-merchandise__strong {
  margin-top: 4px;
}
@media (max-width: 95.99875em) {
  .promotion-merchandise__strong {
    gap: 16px;
  }
}
.promotion-merchandise__strong .strong-acuvue__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
}
.banner-promotion {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 47.99875em) {
  .banner-promotion {
    border-radius: 16px;
  }
}
.banner-promotion.banner-promotion--two .banner-promotion__title {
  font-size: 65.2px;
  font-style: normal;
  font-weight: 500;
  line-height: 70.633px; /* 108.333% */
  letter-spacing: -3.912px;
  margin-bottom: 25px;
}
@media (max-width: 95.99875em) {
  .banner-promotion.banner-promotion--two .banner-promotion__title {
    font-size: 49.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 53.733px; /* 108.333% */
    letter-spacing: -2.976px;
    margin-bottom: 20px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion.banner-promotion--two .banner-promotion__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 22px */
    letter-spacing: -1px;
  }
}
.banner-promotion.banner-promotion--two .banner-promotion__content {
  max-width: 950px;
  padding-bottom: 43px;
}
@media (max-width: 95.99875em) {
  .banner-promotion.banner-promotion--two .banner-promotion__content {
    max-width: 720px;
    padding-bottom: 33px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion.banner-promotion--two .banner-promotion__content {
    max-width: 300px;
    padding-bottom: 16px;
  }
}
.banner-promotion__bonus {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  border-radius: 61px;
  background: var(--color-whte);
  padding-right: 38px;
  margin-bottom: 37px;
}
@media (max-width: 95.99875em) {
  .banner-promotion__bonus {
    border-radius: 46px;
    gap: 12px;
    padding-right: 28px;
    margin-bottom: 27px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion__bonus {
    gap: 6px;
    border-radius: 23px;
    padding-right: 15px;
    margin-bottom: 25px;
  }
}
.banner-promotion__value {
  font-size: 48.683px;
  font-style: normal;
  font-weight: 500;
  line-height: 60.853px; /* 125% */
  letter-spacing: -2.434px;
  color: var(--color-whte);
  padding: 31px 46px;
  border-radius: 61px;
  background: #0059ff;
}
@media (max-width: 95.99875em) {
  .banner-promotion__value {
    font-size: 37.035px;
    font-style: normal;
    font-weight: 500;
    line-height: 46.293px; /* 125% */
    letter-spacing: -1.852px;
    border-radius: 46px;
    padding: 23px 35px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion__value {
    font-size: 18.076px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.595px; /* 125% */
    letter-spacing: -0.904px;
    border-radius: 23px;
    padding: 12px 16px;
  }
}
.banner-promotion__purchase {
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 36px */
  letter-spacing: -2.16px;
  color: #0059ff;
}
@media (max-width: 95.99875em) {
  .banner-promotion__purchase {
    font-size: 27.387px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 27.387px */
    letter-spacing: -1.643px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion__purchase {
    font-size: 13.367px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 13.367px */
    letter-spacing: -0.802px;
  }
}
.banner-promotion__attention {
  font-size: 27.394px;
  font-style: normal;
  font-weight: 400;
  line-height: 34.243px; /* 125% */
  letter-spacing: -0.822px;
  color: rgba(var(--color-whte--rgb), 0.5);
}
@media (max-width: 95.99875em) {
  .banner-promotion__attention {
    font-size: 20.84px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.05px; /* 125% */
    letter-spacing: -0.625px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion__attention {
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 9.9px */
    letter-spacing: -0.27px;
    max-width: 188px;
  }
}
.banner-promotion__content {
  position: relative;
  z-index: 2;
  padding: 25px 41px 32px;
  max-width: 755px;
  width: 100%;
}
@media (max-width: 95.99875em) {
  .banner-promotion__content {
    max-width: 530px;
    padding: 19px 31px 25px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion__content {
    padding: 12px 17px 10px;
  }
}
.banner-promotion__title {
  font-size: 65.2px;
  font-style: normal;
  font-weight: 500;
  line-height: 70.633px; /* 108.333% */
  letter-spacing: -3.912px;
  color: var(--color-whte);
  margin-bottom: 28px;
}
@media (max-width: 95.99875em) {
  .banner-promotion__title {
    font-size: 49.6px;
    font-style: normal;
    font-weight: 500;
    line-height: 53.733px; /* 108.333% */
    letter-spacing: -2.976px;
    margin-bottom: 21px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion__title {
    font-size: 15.976px;
    font-style: normal;
    font-weight: 500;
    line-height: 20.541px; /* 128.571% */
    letter-spacing: -0.799px;
    margin-bottom: 7px;
  }
  .banner-promotion__title br {
    display: none;
  }
}
.banner-promotion__text {
  font-size: 36.512px;
  font-style: normal;
  font-weight: 400;
  line-height: 42.597px; /* 116.667% */
  letter-spacing: -1.826px;
  color: var(--color-whte);
  margin-bottom: 11px;
}
@media (max-width: 95.99875em) {
  .banner-promotion__text {
    font-size: 27.776px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.405px; /* 116.667% */
    letter-spacing: -1.389px;
    margin-bottom: 8px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion__text {
    font-size: 12.631px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.736px; /* 116.667% */
    letter-spacing: -0.632px;
    margin-bottom: 5px;
  }
}
.banner-promotion__sale {
  padding: 0px 25px;
  border-radius: 61px;
  background: #ff5300;
  font-size: 35.871px;
  font-weight: 500;
  line-height: 44.839px; /* 125% */
  letter-spacing: -1.794px;
  color: var(--color-whte);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 39px;
}
@media (max-width: 95.99875em) {
  .banner-promotion__sale {
    font-size: 27.289px;
    font-style: normal;
    font-weight: 500;
    line-height: 34.111px; /* 125% */
    letter-spacing: -1.364px;
    padding: 0px 17px;
    gap: 6px;
    margin-bottom: 29px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion__sale {
    font-size: 12.409px;
    font-style: normal;
    font-weight: 500;
    line-height: 15.512px; /* 125% */
    letter-spacing: -0.62px;
    padding: 0px 7px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) and (max-width: 47.99875em) {
  .banner-promotion__sale {
    margin-bottom: 75px;
  }
}
.banner-promotion__sale span {
  font-size: 48.683px;
  font-weight: 400;
  line-height: 60.853px;
  letter-spacing: -2.434px;
}
@media (max-width: 95.99875em) {
  .banner-promotion__sale span {
    font-size: 37.035px;
    font-style: normal;
    font-weight: 500;
    line-height: 46.293px; /* 125% */
    letter-spacing: -1.852px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-promotion__sale span {
    font-size: 16.841px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.051px; /* 125% */
    letter-spacing: -0.842px;
  }
}
.banner-promotion__decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-promotion__decor img,
.banner-promotion__decor picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.participant-banner {
  display: flex;
  align-items: center;
  gap: 26px;
}
@media (max-width: 95.99875em) {
  .participant-banner {
    gap: 19px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .participant-banner {
    gap: 9px;
    align-items: flex-start;
  }
}
.participant-banner__img {
  --size: 83px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  position: relative;
}
@media (max-width: 95.99875em) {
  .participant-banner__img {
    --size: 63px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .participant-banner__img {
    --size: 24px;
  }
}
.participant-banner__img img,
.participant-banner__img picture {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.participant-banner__icon {
  position: absolute;
  top: -7px;
  right: -15px;
  color: var(--color-whte);
}
@media (max-width: 61.99875em) {
  .participant-banner__icon {
    font-size: 0.3125rem;
    top: -5px;
    right: -7px;
  }
}
.participant-banner__text {
  font-size: 27.394px;
  font-weight: 400;
  line-height: 34.243px; /* 125% */
  letter-spacing: -0.822px;
  color: var(--color-whte);
}
@media (max-width: 95.99875em) {
  .participant-banner__text {
    font-size: 20.84px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.05px; /* 125% */
    letter-spacing: -0.625px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .participant-banner__text {
    font-size: 9.333px;
    font-style: normal;
    font-weight: 400;
    line-height: 9.681px; /* 114.444% */
    letter-spacing: -0.28px;
    max-width: 119px;
  }
}
.coupon-basket {
  padding: 18px 24px 24px;
  border-radius: 16px;
  background: #f6f9ff;
  cursor: pointer;
}
@media (max-width: 95.99875em) {
  .coupon-basket {
    padding: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .coupon-basket {
    padding: 12px;
  }
}
.coupon-basket__top {
  display: flex;
  gap: 8px;
}
.coupon-basket__top._active .coupon-basket__info::after {
  content: "";
  transform: rotate(180deg);
}
.coupon-basket__top.coupon-basket__top--two {
  pointer-events: none;
}
.coupon-basket__top.coupon-basket__top--two .coupon-basket__info::after {
  content: "";
  display: none;
}
.coupon-basket__img {
  height: max-content;
}
.coupon-basket__img img,
.coupon-basket__img picture {
  --size: 36px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 95.99875em) {
  .coupon-basket__img img,
  .coupon-basket__img picture {
    --size: 32px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .coupon-basket__img img,
  .coupon-basket__img picture {
    --size: 24px;
  }
}
.coupon-basket__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
.coupon-basket__info::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.15s ease-in 0s;
}
.coupon-basket__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 120%; /* 120% */
}
.coupon-basket__text {
  font-size: 15px;
  line-height: 120%; /* 120% */
  color: #0033a0;
}
.coupon-basket__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.coupon-basket__form {
  padding-top: 16px;
  margin-bottom: 0px !important;
}
.coupon-basket .options {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
@media (max-width: 95.99875em) {
  .coupon-basket .options {
    gap: 15px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .coupon-basket .options {
    gap: 11px;
  }
}
.coupon-basket .options__item {
  width: 100%;
  padding-top: 0px;
}
.coupon-basket .options__item:not(:last-child) {
  padding-bottom: 15px;
  border-bottom: 1px solid #e2e2e8;
}
@media (max-width: 95.99875em) {
  .coupon-basket .options__item:not(:last-child) {
    padding-bottom: 11px;
  }
}
.coupon-basket .options__item.options__item--none .options__text {
  opacity: 0.5;
}
.coupon-basket .options__label::before {
  content: "";
  top: 5px;
}
@media (max-width: 95.99875em) {
  .coupon-basket .options__label::before {
    top: 4px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .coupon-basket .options__label::before {
    top: 2px;
  }
}
.coupon-basket .options__label::after {
  content: "";
  top: 9px;
}
@media (max-width: 95.99875em) {
  .coupon-basket .options__label::after {
    top: 8px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .coupon-basket .options__label::after {
    top: 6px;
  }
}
.coupon-basket .options__text {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
}
@media (max-width: 95.99875em) {
  .coupon-basket .options__text {
    font-size: 18px;
    line-height: 22px; /* 122.222% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .coupon-basket .options__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 120% */
  }
}
.coupon-basket .options__text span {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  color: #677178;
  display: block;
  margin-top: 4px;
}
@media (max-width: 95.99875em) {
  .coupon-basket .options__text span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .coupon-basket .options__text span {
    font-size: 12px;
    line-height: 16px; /* 133.333% */
  }
}
.coupon-basket .options__value {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  color: #0033a0;
  margin-bottom: 16px;
}
@media (max-width: 95.99875em) {
  .coupon-basket .options__value {
    margin-bottom: 12px;
  }
}
.coupon-basket .options__error {
  font-size: 13px;
  line-height: 15px; /* 115.385% */
  color: #fc5230;
  padding-left: 24px;
  margin-bottom: 3px;
}
@media (max-width: 61.99875em) {
  .coupon-basket .options__error {
    font-size: 12px;
    line-height: 18px; /* 150% */
  }
}
.ball-constructor {
  padding: 2px;
  padding-right: 8px;
  border-radius: 100px;
  background: linear-gradient(90deg, #475cb9 0%, #2dafe5 100%);
  display: flex;
  align-items: center;
  width: max-content;
  margin-left: auto;
  gap: 4px;
}
@media (min-width: 37.5em) {
  .ball-constructor {
    margin-bottom: 4px;
  }
}
.ball-constructor__img img,
.ball-constructor__img picture {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  object-fit: cover;
}
.ball-constructor__value {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 115.385% */
  color: var(--color-whte);
}
.column-order {
  padding: 14px 15px 15px;
  border-radius: 12px;
  border: 1.5px solid #114cb1;
  background: var(--color-whte);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
@media (max-width: 61.99875em) {
  .column-order {
    padding: 11px 11px 10px;
  }
}
.column-order__info {
  display: flex;
  align-items: center;
  gap: 6px;
}
.column-order__text {
  font-size: 18px;
  line-height: 22px; /* 122.222% */
}
@media (max-width: 95.99875em) {
  .column-order__text {
    font-size: 16px;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .column-order__text {
    font-size: 15px;
    line-height: 18px; /* 120% */
  }
}
.column-order__clue {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.column-order__clue::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #677178;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  margin-top: 2px;
}
.column-order__ball {
  padding: 2px;
  padding-right: 11px;
  border-radius: 100px;
  background: linear-gradient(90deg, #475cb9 0%, #2dafe5 100%);
  display: flex;
  align-items: center;
  width: max-content;
  margin-left: auto;
  gap: 6px;
}
.column-order__img img,
.column-order__img picture {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  object-fit: cover;
}
.column-order__value {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 115.385% */
  color: var(--color-whte);
}
.excess-basket {
  padding: 16px;
  border-radius: 8px;
  background: #fee1dd;
}
@media (max-width: 95.99875em) {
  .excess-basket {
    padding: 12px;
  }
}
.excess-basket__text {
  font-size: 16px;
  line-height: 125%; /* 125% */
  color: #e44e45;
}
@media (max-width: 95.99875em) {
  .excess-basket__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    max-width: calc(100% - 50px);
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .excess-basket__text {
    max-width: calc(100% - 10px);
  }
}
.excess-basket__clue {
  cursor: pointer;
}
.excess-basket__clue::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  transform: translate(0rem, 0.125rem);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  background: #8b96a3;
}
.present-basket {
  padding: 24px;
  border-radius: 16px;
  background: #f6f9ff;
}
@media (max-width: 95.99875em) {
  .present-basket {
    padding: 16px;
  }
}
.present-basket.present-basket--error .present-basket__info {
  opacity: 0.5;
}
.present-basket__error {
  font-size: 13px;
  line-height: 15px; /* 115.385% */
  color: #fc5230;
  margin-bottom: 12px;
}
@media (max-width: 61.99875em) {
  .present-basket__error {
    margin-bottom: 8px;
  }
}
.present-basket__inner {
  display: grid;
  grid-template-columns: auto 64px;
  gap: 12px;
  align-items: flex-start;
}
@media (max-width: 95.99875em) {
  .present-basket__inner {
    grid-template-columns: auto 76px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .present-basket__inner {
    grid-template-columns: auto 52px;
  }
}
.present-basket__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 61.99875em) {
  .present-basket__info {
    gap: 2px;
  }
}
.present-basket__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px; /* 120% */
}
@media (max-width: 95.99875em) {
  .present-basket__title {
    font-size: 16px;
    line-height: 20px; /* 125% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .present-basket__title {
    font-size: 15px;
    line-height: 18px; /* 120% */
  }
}
.present-basket__text {
  font-size: 15px;
  line-height: 18px; /* 120% */
  color: #677178;
}
@media (max-width: 95.99875em) {
  .present-basket__text {
    font-size: 14px;
    line-height: 18px; /* 128.571% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .present-basket__text {
    font-size: 12px;
    line-height: 16px; /* 133.333% */
  }
}
.present-basket__img img,
.present-basket__img picture {
  --size: 64px;
  width: var(--size);
  height: var(--size);
  object-fit: cover;
  border-radius: 5px;
}
@media (max-width: 95.99875em) {
  .present-basket__img img,
  .present-basket__img picture {
    --size: 76px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .present-basket__img img,
  .present-basket__img picture {
    --size: 52px;
  }
}
.banner-category {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  z-index: 0;
}
.banner-category.banner-category--two {
  grid-column-start: span 2;
}
.banner-category.banner-category--two .banner-category__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.banner-category.banner-category--two .banner-category__links {
  margin-top: auto;
}
@media (max-width: 95.99875em) {
  .banner-category.banner-category--point .banner-category__content {
    padding: 24px 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category.banner-category--point .banner-category__content {
    padding: 12px;
  }
}
.banner-category.banner-category--point .banner-category__info {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 95.99875em) {
  .banner-category.banner-category--point .banner-category__info {
    gap: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category.banner-category--point .banner-category__info {
    gap: 8px;
  }
}
.banner-category.banner-category--point .banner-category__info .banner-category__text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
}
@media (max-width: 61.99875em) {
  .banner-category.banner-category--point .banner-category__info .banner-category__text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
  }
}
.banner-category.banner-category--point .banner-category__info .banner-category__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
}
@media (max-width: 95.99875em) {
  .banner-category.banner-category--point .banner-category__info .banner-category__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category.banner-category--point .banner-category__info .banner-category__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px; /* 118.75% */
  }
}
.banner-category.banner-category--point .banner-category__info .banner-category__bonus {
  margin: 0 auto;
  background: var(--color-whte);
  color: var(--color-primary);
}
@media (max-width: 61.99875em) {
  .banner-category.banner-category--record {
    grid-column-start: span 2;
    order: 4;
  }
}
.banner-category.banner-category--record .banner-category__content {
  padding: 24px;
  height: 100%;
}
@media (max-width: 95.99875em) {
  .banner-category.banner-category--record .banner-category__content {
    padding: 16px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category.banner-category--record .banner-category__content {
    min-height: 315px;
  }
}
.banner-category.banner-category--record .banner-category__content .banner-category__link {
  max-width: 182px;
}
@media (any-hover: hover) {
  .banner-category.banner-category--record .banner-category__content .banner-category__link:hover {
    color: var(--color-whte);
  }
}
.banner-category.banner-category--record .banner-category__content .banner-category__title {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 109.091% */
  color: var(--color-primary);
}
@media (max-width: 95.99875em) {
  .banner-category.banner-category--record .banner-category__content .banner-category__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 110% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category.banner-category--record .banner-category__content .banner-category__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 111.111% */
  }
}
.banner-category.banner-category--record .banner-category__content .banner-category__text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  color: var(--color-primary);
  margin-bottom: 12px;
}
@media (max-width: 95.99875em) {
  .banner-category.banner-category--record .banner-category__content .banner-category__text {
    margin-bottom: 8px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category.banner-category--record .banner-category__content .banner-category__text {
    flex: 1 1 auto;
  }
}
.banner-category.banner-category--record .banner-category__info {
  gap: 12px;
  height: 100%;
}
@media (max-width: 61.99875em) {
  .banner-category.banner-category--record .banner-category__info {
    gap: 8px;
    max-width: calc(100% - 42px);
  }
}
.banner-category__content {
  position: relative;
  z-index: 2;
  padding: 32px 20px;
  max-width: 530px;
}
@media (max-width: 95.99875em) {
  .banner-category__content {
    padding: 24px 20px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category__content {
    padding: 16px;
  }
}
.banner-category__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 52px;
}
@media (max-width: 95.99875em) {
  .banner-category__info {
    margin-bottom: 32px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category__info {
    gap: 8px;
    margin-bottom: 12px;
  }
}
.banner-category__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px; /* 116.667% */
  color: var(--color-whte);
}
@media (max-width: 61.99875em) {
  .banner-category__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
  }
}
.banner-category__text {
  font-size: 16px;
  line-height: 20px; /* 125% */
  color: var(--color-whte);
  max-width: 390px;
}
@media (max-width: 61.99875em) {
  .banner-category__text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 120% */
  }
}
.banner-category__inner {
  margin-bottom: 32px;
}
@media (max-width: 95.99875em) {
  .banner-category__inner {
    margin-bottom: 26px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category__inner {
    display: grid;
    grid-template-columns: 123px auto;
    gap: 12px;
  }
}
.banner-category__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 65px;
}
@media (max-width: 95.99875em) {
  .banner-category__items {
    margin-bottom: 100px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category__items {
    margin-bottom: 0px;
  }
}
.banner-category__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.banner-category__value {
  font-size: 28px;
  line-height: 32px; /* 114.286% */
  color: var(--color-whte);
}
@media (max-width: 95.99875em) {
  .banner-category__value {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category__value {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 186.667% */
  }
}
.banner-category__bonus {
  width: max-content;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 114.286% */
  color: var(--color-whte);
  padding: 8px 12px;
}
@media (max-width: 95.99875em) {
  .banner-category__bonus {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
    padding: 7px 10px;
  }
}
@media (max-width: 95.99875em) and (max-width: 61.99875em) {
  .banner-category__bonus {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    padding: 3px 8px;
  }
}
.banner-category__program {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 280px;
}
@media (max-width: 61.99875em) {
  .banner-category__program {
    gap: 6px;
    margin-top: 8px;
  }
}
.banner-category__icon {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
@media (max-width: 61.99875em) {
  .banner-category__icon {
    --size: 18px;
  }
}
.banner-category__icon img,
.banner-category__icon picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.banner-category__participate {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 115.385% */
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 61.99875em) {
  .banner-category__participate {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
  }
}
.banner-category__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  max-width: 368px;
}
@media (max-width: 61.99875em) {
  .banner-category__links {
    grid-template-columns: repeat(1, 1fr);
    max-width: 180px;
  }
}
.banner-category__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
}
.banner-category__link.btn--whte {
  background: var(--color-whte);
}
@media (any-hover: hover) {
  .banner-category__link.btn--whte:hover {
    background: var(--color-ble);
    color: var(--color-whte);
  }
}
.banner-category__link.btn--border {
  border: 1.5px solid var(--color-whte);
  color: var(--color-whte);
}
@media (any-hover: hover) {
  .banner-category__link.btn--border:hover {
    border: 1.5px solid var(--color-ble);
    color: var(--color-ble);
    background: var(--color-whte);
  }
}
.banner-category__link.btn--blue {
  background: var(--color-whte);
  color: var(--color-alt);
  border: 1px solid var(--color-alt);
}
.banner-category__decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-category__decor img,
.banner-category__decor picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.banner-main {
  padding: 2px;
  padding-right: 10px;
  border-radius: 100px;
  background: linear-gradient(90deg, #475cb9 0%, #2dafe5 100%);
  display: flex;
  align-items: center;
  gap: 4px;
}
.banner-main__icon {
  --size: 18px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  border-radius: 50%;
  overflow: hidden;
}
.banner-main__icon img,
.banner-main__icon picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.banner-main__value {
  font-size: 13px;
  line-height: 150%; /* 150% */
  color: var(--color-whte);
}
.entrance-main {
  position: absolute;
  z-index: 4;
  top: calc(100% + 10px);
  right: 142px;
  border-radius: 24px;
  background: var(--color-whte);
  width: 320px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.15s ease-in 0s;
  /* Hover */
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 95.99875em) {
  .entrance-main {
    top: calc(100% + 4px);
    right: 150px;
  }
}
@media (max-width: 95.99875em) and (max-width: 78.75em) {
  .entrance-main {
    right: 50px;
  }
}
@media (max-width: 95.99875em) and (max-width: 78.75em) and (max-width: 61.99875em) {
  .entrance-main {
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 999999;
  }
}
.entrance-main._active {
  opacity: 1;
  pointer-events: auto;
}
.entrance-main__inner {
  position: relative;
  padding: 24px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 95.99875em) {
  .entrance-main__inner {
    gap: 20px;
  }
}
.entrance-main__close {
  position: absolute;
  --pad: 10px;
  top: var(--pad);
  right: var(--pad);
}
.entrance-main__close::before {
  content: "";
  --size: 24px;
  width: var(--size);
  height: var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  transition: all 0.15s ease-in 0s;
}
@media (any-hover: hover) {
  .entrance-main__close:hover::before {
    content: "";
    background: var(--color-alt);
  }
}
.entrance-main__text {
  font-size: 16px;
  line-height: 20px; /* 125% */
  text-align: center;
}
.entrance-main .entrance-main__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
}
.form__btn[disabled] {
  background: #f5f5f5 !important;
  color: #c8c8c8 !important;
  pointer-events: none;
}
.form__btn._loading[disabled] {
  position: relative;
  color: transparent !important;
}
.form__btn._loading[disabled]:before {
  content: "";
  background: url(/local/templates/opticvision/static/img/preloader.svg) no-repeat;
  width: 24px;
  height: 24px;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.form__checkboxs--two .form__checkbox a {
  color: #8b96a3;
}
@media (any-hover: hover) {
  .form__checkboxs--two .form__checkbox a:hover {
    color: var(--color-alt);
  }
}
@media (max-width: 47.99875em) {
  .form__checkboxs--account {
    margin-top: 9px !important;
    margin-bottom: 7px !important;
    gap: 17px !important;
  }
}
@media (max-width: 61.99875em) {
  .form__fieldset--block {
    margin-top: -10px;
  }
}
.product-order {
  display: flex;
  gap: 30px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
}
.product-order__title {
  flex: 1 1 auto;
}
.product-order__text {
  white-space: nowrap;
}
.icon-rub::after {
  content: "®";
  font-size: 11px;
  display: inline-flex;
  --size: 9px;
  width: var(--size);
  height: var(--size);
  transform: translate(0px, -5px);
}
.sup-icon {
  font-style: normal;
  flex-wrap: nowrap;
  display: inline !important;
}
.sup-icon sup {
  font-size: 0.55em;
  line-height: 0;
}
.js-form-validate .form {
  margin-bottom: 0;
}
.js-form-validate .form__submit[disabled] {
  background: #f5f5f5;
  color: #c8c8c8;
  pointer-events: none;
}
.form__checkboxs--top .checkbox__label::before {
  content: "";
  top: 2px;
}
.form__checkboxs--top .checkbox__label::after {
  content: "";
  top: 6px;
}
.preloader {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.69);
  display: none;
}
.preloader:before {
  content: "";
  background-position: center;
  background-image: url("/local/templates/opticvision/static/img/preloader.svg");
  background-repeat: no-repeat;
  position: sticky;
  z-index: 1;
  background-size: 64px;
  width: 64px;
  height: 64px;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  margin: 40px 0;
}
.preloader._active {
  display: flex;
}
.ghost-link {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.pointer-none {
  pointer-events: none;
}
.pointer-auto {
  pointer-events: auto;
}
.position-relative {
  position: relative;
}
.is-app {
  overscroll-behavior: none; /* стандартный */
  -webkit-overflow-scrolling: auto; /* отключает bounce */
}
.is-app [data-popup=share],
.is-app .top-header__city,
.is-app .form__social,
.is-app #acuvue-banner,
.is-app .shop.section,
.is-app .footer {
  display: none !important;
}
.is-app .panel {
  padding: 1.25rem 0rem 1.5rem;
}
.is-app .wrapper {
  padding-bottom: 2rem;
}
.is-app .category {
  padding-bottom: 3.1875rem;
}
/* End */


/* Start:/local/components/opticvision/cookies.popup/templates/.default/style.css?17491129351493*/
.cookies-wrapper {
    position: fixed;
    flex-direction: row;
    padding: 21px 46px 21px 26px;
    z-index: 1099;
    display: none;
    max-width: 1220px;
    background: #fff;
    filter: drop-shadow(0 6px 24px rgba(0, 0, 0, .14));
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
    gap: 10px;
    align-items: center;
    border-radius: 24px;
    width: 90%;
    margin: 0 auto;
}

.cookies-wrapper-close {
    position: absolute;
    top: 15px;
    right: 17px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.cookies-text {
    font-size: 16px;
    line-height: 120%;
    color: #373737;
    margin: 0;
}

.cookies-text a {
    color: #1794ff;
}

.cookies-wrapper-close:before {
    transform: rotate(-45deg);
}

.cookies-wrapper-close:after,
.cookies-wrapper-close:before {
    content: "";
    height: 16px;
    width: 2px;
    background: #373737;
    position: absolute;
    top: 0;
    left: 50%;
}

.cookies-wrapper-close:after {
    transform: rotate(45deg);
}

.cookies-button {
   flex-shrink: 0;
}

@media (max-width: 1024px) {
    .cookies-wrapper {
        border-radius: 16px;
        flex-direction: column;
        padding: 25px 21px 19px;
        max-width: 80%;
    }

    .cookies-wrapper-close {
        top: 10px;
        right: 21px;
    }

    .cookies-text {
        margin-bottom: 4px;
    }

    .cookies-button {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .cookies-wrapper {
        max-width: 100%;
    }
}

/* End */


/* Start:/local/templates/opticvision/static/editor.css?17544795463600*/
[detail-text-editor] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[detail-text-editor] h2:not(.block-title):not(.product__title) {
    font-size: 1.30rem;
    font-weight: 500;
    line-height: 120%;
}

[detail-text-editor] h3:not(.block-title):not(.product__title) {
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 120%;
}

[detail-text-editor] p {
    /*margin-bottom: 1rem;*/
}

[detail-text-editor] p,
[detail-text-editor] span,
[detail-text-editor] b,
[detail-text-editor] strong {
    font-size: 1rem !important;
    line-height: 20px !important;
    display: inline;
}

[detail-text-editor] ul {
    margin: 0rem 0rem !important;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[detail-text-editor] li {
    position: relative;
    padding-left: 0.875rem;
    font-size: 1rem;
    line-height: 125%;
}

[detail-text-editor] ul > li::before {
    content: "";
    position: absolute;
    top: 0.5625rem;
    left: 0;
    --size: 6px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: var(--color-alt, #1794FFFF);
}

[detail-text-editor] ol {
    margin: 1rem 0rem !important;
    gap: 1.375rem !important;
    list-style-type: none;
    counter-reset: num;
    display: flex;
    flex-direction: column;
}

[detail-text-editor] ol > li {
    font-size: 1rem;
    line-height: 125%;
    position: relative;
    padding-left: 3rem;
    margin-bottom: 1rem;
}

[detail-text-editor] ol > li:before {
    content: counter(num);
    counter-increment: num;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-alt);
    display: flex;
    justify-content: center;
    align-items: center;
    --size: 32px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: #ecf2fe;
    position: absolute;
    top: -4px;
    left: 0;
}

[detail-text-editor] img {
    /*width: 100%;*/
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 1.5rem;
}

[detail-text-editor] .product-exchange__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-alt);
}

[detail-text-editor] .exchange-account__images--two {
    grid-template-columns: repeat(2, 1fr);
}

[detail-text-editor] .exchange-account__images {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
}

[detail-text-editor] table:not(.default) {
    width: 100%;
    border-radius: 1rem;
    border: 1.5px solid #dae6f0;
    overflow: hidden;
}

[detail-text-editor] table:not(.default) tr:not(:last-child) td {
    border-bottom: 1.5px solid #dae6f0;
}

.body-deliverie__inner[detail-text-editor] table:not(.default) tbody tr:first-child {
    background: #ecf2fe;
}

[detail-text-editor] table:not(.default) th {
    font-weight: bold;
    background: #ecf2fe;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1rem;
}

[detail-text-editor] table:not(.default) td {
    font-size: 1rem;
    line-height: 125%;
    padding: 1rem;
}

[detail-text-editor] table:not(.default) th:nth-child(2),
[detail-text-editor] table:not(.default) tr:nth-child(2) {
    border-right: 1.5px solid #dae6f0;
}

[detail-text-editor] table:not(.default) th:nth-child(1),
[detail-text-editor] table:not(.default) td:nth-child(1) {
    border-right: 1.5px solid #dae6f0;
}

[detail-text-editor] a:not(.services-step__item):not(.processing-account__btn) {
    color: var(--color-alt, #1794ff) !important;
}

/* End */
/* /local/templates/opticvision/static/output/main.css?1762499366767637 */
/* /local/components/opticvision/cookies.popup/templates/.default/style.css?17491129351493 */
/* /local/templates/opticvision/static/editor.css?17544795463600 */