/* Start:/local/templates/dmopt/assets/css/style.css?1788547421318361*/
@charset "UTF-8";
/* Default Styles */
@font-face {
  font-family: "PTRootUI";
  font-display: swap;
  src: url("/local/templates/dmopt/assets/css/../fonts/PTRootUI-Light.woff2") format("woff2"), url("/local/templates/dmopt/assets/css/../fonts/PTRootUI-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "PTRootUI";
  font-display: swap;
  src: url("/local/templates/dmopt/assets/css/../fonts/PTRootUI-Regular.woff2") format("woff2"), url("/local/templates/dmopt/assets/css/../fonts/PTRootUI-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "PTRootUI";
  font-display: swap;
  src: url("/local/templates/dmopt/assets/css/../fonts/PTRootUI-Medium.woff2") format("woff2"), url("/local/templates/dmopt/assets/css/../fonts/PTRootUI-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "PTRootUI";
  font-display: swap;
  src: url("/local/templates/dmopt/assets/css/../fonts/PTRootUI-Bold.woff2") format("woff2"), url("/local/templates/dmopt/assets/css/../fonts/PTRootUI-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

:root {
  --accent: #145aa8;
  --text: #11151b;
  --silver: #f6f8fa;
  --red: #eb4646;
  --green: #47c64c;
  --orange: #ec6221;
  --orangeLight: #f96e2c;
  --dark: #11151B;
  --sizeBtn: 2.625rem;
  --inputColor: #A5ACB9;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: var(--text);
  line-height: 1.2;
  font-family: "PTRootUI";
  font-size: 0.875rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "PTRootUI";
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
  width: fit-content;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

::-moz-selection {
  background: var(--accent);
  color: #fff;
}

::selection {
  background: var(--accent);
  color: #fff;
}

::-webkit-selection {
  background: var(--accent);
  color: #fff;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type=search]::-moz-search-clear-button {
  display: none;
}

input[type=search]::search-cancel-button,
input[type=search]::search-clear-button {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.container {
  max-width: 87.1875rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.9375rem;
}

.container-large {
  max-width: 90.3125rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.9375rem;
}

.body-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.body-content {
  flex: 1 0 auto;
}

.body-bottom {
  flex: 0 0 auto;
}

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

svg {
  flex-shrink: 0;
}

svg *[fill] {
  fill: currentColor;
}

svg *[stroke] {
  stroke: currentColor;
}

.slick-slide {
  outline: none;
}

.links-hover a {
  position: relative;
}
.links-hover a::before, .links-hover a::after {
  content: "";
  position: absolute;
  width: 0;
  bottom: -0.1875rem;
  height: 0.0625rem;
  background-color: var(--accent);
  transition-duration: 0.15s;
}
.links-hover a::before {
  left: 0;
}
.links-hover a::after {
  right: 0;
}
.links-hover a:hover::before, .links-hover a:hover::after {
  width: 50%;
}

/* Полная область скроллбара */
::-webkit-scrollbar {
  width: 0.5rem;
  /* Ширина вертикального скроллбара */
  height: 0.125rem;
  /* Высота горизонтального скроллбара */
}

/* Ползунок скроллбара */
::-webkit-scrollbar-thumb {
  background-color: #BABFCB;
  border-radius: 0.375rem;
}

/* Дорожка скроллбара */
::-webkit-scrollbar-track {
  background-color: #fff;
  /* Цвет дорожки */
  border-radius: 0.375rem;
  /* Скругленные углы дорожки */
  border: 0.0625rem solid #BABFCB;
  /* Граница вокруг дорожки */
}

.arrow-prev,
.arrow-next {
  width: var(--sizeBtn);
  height: var(--sizeBtn);
  border: none;
  border-radius: 0.875rem;
  background-color: #fff;
  transition-duration: 0.1s;
}
.arrow-prev svg,
.arrow-next svg {
  width: 38.0952380952%;
  aspect-ratio: 1;
}
.arrow-prev.fill,
.arrow-next.fill {
  background: var(--silver);
}
.arrow-prev:hover,
.arrow-next:hover {
  background-color: var(--accent);
}
.arrow-prev:hover svg,
.arrow-next:hover svg {
  filter: brightness(0) invert(1);
}

.arrow-prev svg {
  transform: scale(-1, 1);
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  transition-duration: 0.1s;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--accent);
  border: 0.0625rem solid #d8dfe8;
  border-radius: 0.75rem;
  padding: 0.625rem 1.125rem;
  min-height: 2.75rem;
  transition-duration: 0.15s;
  text-align: center;
}
.btn:hover {
  background-color: var(--accent);
  color: #fff;
}

.btn-fill {
  background-color: var(--accent);
  color: #fff;
}
.btn-fill:hover {
  box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
}

.btn-medium {
  height: 3rem;
  padding: 0 1.25rem;
  font-size: 0.875rem;
}

.btn-large {
  height: 3.375rem;
  padding: 0 1.5625rem;
  font-size: 1rem;
}

.btn-chat {
  background-color: var(--orange);
  padding: 0 2.25rem;
  font-weight: 500;
  color: #fff;
  font-size: 1.125rem;
}
@supports (height: clamp( 3.375rem , 3.3005813953rem  +  0.3720930233vw , 3.625rem )) {
  .btn-chat {
    height: clamp( 3.375rem , 3.3005813953rem  +  0.3720930233vw , 3.625rem );
  }
}
@supports not (height: clamp( 3.375rem , 3.3005813953rem  +  0.3720930233vw , 3.625rem )) {
  .btn-chat {
    height: calc(3.375rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.btn-chat:hover {
  box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
}
@media (max-width: 29.99875em) {
  .btn-chat {
    padding: 0 1.875rem;
  }
}

.btn-big {
  background-color: var(--orange);
  color: #fff;
  padding: 0 2.5rem;
  border-color: var(--orange);
}
@supports (height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem )) {
  .btn-big {
    height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem );
  }
}
@supports not (height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem )) {
  .btn-big {
    height: calc(3.375rem + 0.875 * (100vw - 20rem) / 67.1875);
  }
}
@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .btn-big {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .btn-big {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.btn-big:hover {
  border-color: var(--accent);
}

.btn-code {
  background-color: var(--silver);
  color: var(--text);
  border-color: var(--silver);
  padding: 0 0.625rem;
}
@supports (height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem )) {
  .btn-code {
    height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem );
  }
}
@supports not (height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem )) {
  .btn-code {
    height: calc(3.375rem + 0.875 * (100vw - 20rem) / 67.1875);
  }
}
@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .btn-code {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .btn-code {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}

.btn-silver {
  background-color: var(--silver);
  border-color: var(--silver);
  color: var(--text);
}

.s-title {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--text);
}
@supports (font-size: clamp( 1.5rem , 1.3139534884rem  +  0.9302325581vw , 2.125rem )) {
  .s-title {
    font-size: clamp( 1.5rem , 1.3139534884rem  +  0.9302325581vw , 2.125rem );
  }
}
@supports not (font-size: clamp( 1.5rem , 1.3139534884rem  +  0.9302325581vw , 2.125rem )) {
  .s-title {
    font-size: calc(1.5rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}

.mt-0 {
  margin-top: 0 !important;
}

@supports (margin-top: clamp( 2.5rem , 1.3837209302rem  +  5.5813953488vw , 6.25rem )) {
  .mt-1 {
    margin-top: clamp( 2.5rem , 1.3837209302rem  +  5.5813953488vw , 6.25rem );
  }
}
@supports not (margin-top: clamp( 2.5rem , 1.3837209302rem  +  5.5813953488vw , 6.25rem )) {
  .mt-1 {
    margin-top: calc(2.5rem + 3.75 * (100vw - 20rem) / 67.1875);
  }
}

@supports (margin-top: clamp( 2.5rem , 1.9418604651rem  +  2.7906976744vw , 4.375rem )) {
  .mt-2 {
    margin-top: clamp( 2.5rem , 1.9418604651rem  +  2.7906976744vw , 4.375rem );
  }
}
@supports not (margin-top: clamp( 2.5rem , 1.9418604651rem  +  2.7906976744vw , 4.375rem )) {
  .mt-2 {
    margin-top: calc(2.5rem + 1.875 * (100vw - 20rem) / 67.1875);
  }
}

@supports (margin-top: clamp( 1.875rem , 1.6889534884rem  +  0.9302325581vw , 2.5rem )) {
  .mt-3 {
    margin-top: clamp( 1.875rem , 1.6889534884rem  +  0.9302325581vw , 2.5rem );
  }
}
@supports not (margin-top: clamp( 1.875rem , 1.6889534884rem  +  0.9302325581vw , 2.5rem )) {
  .mt-3 {
    margin-top: calc(1.875rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}

@supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .mt-4 {
    margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .mt-4 {
    margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}

@supports (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .mt-5 {
    margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .mt-5 {
    margin-top: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}

@supports (margin-top: clamp( 0.625rem , 0.5319767442rem  +  0.4651162791vw , 0.9375rem )) {
  .mt-6 {
    margin-top: clamp( 0.625rem , 0.5319767442rem  +  0.4651162791vw , 0.9375rem );
  }
}
@supports not (margin-top: clamp( 0.625rem , 0.5319767442rem  +  0.4651162791vw , 0.9375rem )) {
  .mt-6 {
    margin-top: calc(0.625rem + 0.3125 * (100vw - 20rem) / 67.1875);
  }
}

.title-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem 1.25rem;
}
.title-nav .btn {
  white-space: nowrap;
}

.slider-container {
  position: relative;
}
@media (min-width: 61.99875em) {
  .slider-container .arrow-next,
  .slider-container .arrow-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.slider-container .arrow-prev {
  left: calc(-1 * (var(--sizeBtn) + 1.25rem));
}
.slider-container .arrow-next {
  right: calc(-1 * (var(--sizeBtn) + 1.25rem));
}
@media (max-width: calc(85.3125em + 2.625em * 2 + 2.5rem)) and (min-width: 62rem) {
  .slider-container {
    max-width: calc(100% - var(--sizeBtn) * 2 - 0.375rem);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 61.99875em) {
  .slider-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .slider-container .slider-nav {
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
  }
}

.swiper-pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.9375rem;
}
@supports (gap: clamp( 0.4375rem , 0.3072674419rem  +  0.6511627907vw , 0.875rem )) {
  .swiper-pagination-bullets {
    gap: clamp( 0.4375rem , 0.3072674419rem  +  0.6511627907vw , 0.875rem );
  }
}
@supports not (gap: clamp( 0.4375rem , 0.3072674419rem  +  0.6511627907vw , 0.875rem )) {
  .swiper-pagination-bullets {
    gap: calc(0.4375rem + 0.4375 * (100vw - 20rem) / 67.1875);
  }
}

.swiper-pagination-bullet {
  width: 0.375rem;
  aspect-ratio: 1;
  display: block;
  border-radius: 100%;
  background-color: #E2E5EB;
}

.swiper-pagination-bullet-active {
  background-color: var(--text);
}

.text {
  line-height: 1.4;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .text {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .text {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.text p:not(:last-child),
.text ul:not(:last-child),
.text ol:not(:last-child) {
  margin-bottom: 1.3rem;
}
.text ol li,
.text ul li {
  display: flex;
  gap: 0.625rem;
}
.text ol {
  counter-reset: item;
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
}
.text ol li::before {
  content: counters(item, ".") ". ";
    counter-increment: item;
  }
  .text ul li {
    align-items: center;
  }
  .text ul::before {
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 100%;
    background-color: var(--accent);
  }
  .text hr {
    height: 0.0625rem;
    background: #efefef;
    margin: 1.5625rem 0;
  }

/**
 * Swiper 11.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 9, 2023
 */
  @font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
  }
  :root {
    --swiper-theme-color: #007aff ;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .swiper-3d {
    perspective: 1200px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 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-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }

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

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

  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .swiper-button-lock {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .swiper-pagination-lock {
    display: none;
  }

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

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

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

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

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

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

  .swiper-scrollbar-lock {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .swiper-cube {
    overflow: visible;
  }

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

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

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

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

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

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

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

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

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

  .swiper-flip {
    overflow: visible;
  }

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

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

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

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

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

  .swiper-cards {
    overflow: visible;
  }

  .swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }

  .nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    border-radius: 12px;
    border: solid 1px #f4f4f4;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    height: 38px;
    line-height: 36px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
  }
  .nice-select:hover {
    border-color: #e7e7e7;
  }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #f4f4f4;
  }
  .nice-select:after {
    border-bottom: 2px solid #11151b;
    border-right: 2px solid #11151b;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px;
  }
  .nice-select.open:after {
    transform: rotate(-135deg);
  }
  .nice-select.open .nice-select-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
  }
  .nice-select.disabled {
    border-color: #f9f9f9;
    color: #f4f4f4;
    pointer-events: none;
  }
  .nice-select.disabled:after {
    border-color: #38465a;
  }
  .nice-select.wide {
    width: 100%;
  }
  .nice-select.wide .nice-select-dropdown {
    left: 0 !important;
    right: 0 !important;
  }
  .nice-select.right {
    float: right;
  }
  .nice-select.right .nice-select-dropdown {
    left: auto;
    right: 0;
  }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
  }
  .nice-select.small:after {
    height: 4px;
    width: 4px;
  }
  .nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
  }
  .nice-select .nice-select-dropdown {
    margin-top: 4px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(19px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 81;
    opacity: 0;
    right: 0;
  }
  .nice-select .list {
    border-radius: 12px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    max-height: 210px;
    overflow-y: auto;
  }
  .nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
  }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
  }
  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f4f4f4;
  }
  .nice-select .option.selected {
    font-weight: bold;
  }
  .nice-select .option.disabled {
    background-color: transparent;
    color: #f4f4f4;
    cursor: default;
  }
  .nice-select .extra {
    float: right;
  }
  .nice-select .optgroup {
    font-weight: bold;
  }

  .no-csspointerevents .nice-select .nice-select-dropdown {
    display: none;
  }
  .no-csspointerevents .nice-select.open .nice-select-dropdown {
    display: block;
  }

  .nice-select .list::-webkit-scrollbar {
    width: 0;
  }

  .nice-select .has-multiple {
    white-space: inherit;
    height: auto;
    padding: 7px 12px;
    min-height: 36px;
    line-height: 22px;
  }
  .nice-select .has-multiple span.current {
    border: 1px solid #CCC;
    background: #EEE;
    padding: 0 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 3px;
  }
  .nice-select .has-multiple .multiple-options {
    display: block;
    line-height: 24px;
    padding: 0;
  }
  .nice-select .nice-select-search-box {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    pointer-events: none;
    border-radius: 5px 5px 0 0;
  }
  .nice-select .nice-select-search {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0 !important;
    font-size: 14px;
  }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
  .noUi-target,
  .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    touch-action: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
  }

  .noUi-target {
    position: relative;
  }

  .noUi-base,
  .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }

/* Wrapper for all connect elements.
 */
  .noUi-connects {
    overflow: hidden;
    z-index: 0;
  }

  .noUi-connect,
  .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
  }

/* Offset direction
 */
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
  }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
  .noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
  }

  .noUi-horizontal .noUi-origin {
    height: 0;
  }

  .noUi-handle {
    backface-visibility: hidden;
    position: absolute;
  }

  .noUi-touch-area {
    height: 100%;
    width: 100%;
  }

  .noUi-state-tap .noUi-connect,
  .noUi-state-tap .noUi-origin {
    transition: transform 0.3s;
  }

  .noUi-state-drag * {
    cursor: inherit !important;
  }

/* Slider size and handle placement;
 */
  .noUi-horizontal {
    height: 0.125rem;
  }

  .noUi-horizontal .noUi-handle {
    width: 0.875rem;
    height: 0.875rem;
    right: -0.4375rem;
    top: -0.375rem;
  }

  .noUi-vertical {
    width: 1.125rem;
  }

  .noUi-vertical .noUi-handle {
    width: 1.75rem;
    height: 2.125rem;
    right: -0.375rem;
    bottom: -1.0625rem;
  }

  .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -1.0625rem;
    right: auto;
  }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
  .noUi-target {
    background: #D4D9E3;
    border-radius: 0.125rem;
  }

  .noUi-connects {
    border-radius: 0.1875rem;
  }

  .noUi-connect {
    background: var(--accent);
  }

/* Handles and cursors;
 */
  .noUi-draggable {
    cursor: ew-resize;
  }

  .noUi-vertical .noUi-draggable {
    cursor: ns-resize;
  }

  .noUi-handle {
    border: 0.0625rem solid #fff;
    background-color: var(--accent);
    border-radius: 100%;
  }

/* Disabled state;
 */
  [disabled] .noUi-connect {
    background: #B8B8B8;
  }

  [disabled].noUi-target,
  [disabled].noUi-handle,
  [disabled] .noUi-handle {
    cursor: not-allowed;
  }

/* Base;
 *
 */
  .noUi-pips,
  .noUi-pips * {
    box-sizing: border-box;
  }

  .noUi-pips {
    position: absolute;
    color: #999;
  }

/* Values;
 *
 */
  .noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
  }

  .noUi-value-sub {
    color: #ccc;
    font-size: 0.625rem;
  }

/* Markings;
 *
 */
  .noUi-marker {
    position: absolute;
    background: #CCC;
  }

  .noUi-marker-sub {
    background: #AAA;
  }

  .noUi-marker-large {
    background: #AAA;
  }

/* Horizontal layout;
 *
 */
  .noUi-pips-horizontal {
    padding: 0.625rem 0;
    height: 5rem;
    top: 100%;
    left: 0;
    width: 100%;
  }

  .noUi-value-horizontal {
    transform: translate(-50%, 50%);
  }

  .noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%);
  }

  .noUi-marker-horizontal.noUi-marker {
    margin-left: -0.0625rem;
    width: 0.125rem;
    height: 0.3125rem;
  }

  .noUi-marker-horizontal.noUi-marker-sub {
    height: 0.625rem;
  }

  .noUi-marker-horizontal.noUi-marker-large {
    height: 0.9375rem;
  }

/* Vertical layout;
 *
 */
  .noUi-pips-vertical {
    padding: 0 0.625rem;
    height: 100%;
    top: 0;
    left: 100%;
  }

  .noUi-value-vertical {
    transform: translate(0, -50%);
    padding-left: 1.5625rem;
  }

  .noUi-rtl .noUi-value-vertical {
    transform: translate(0, 50%);
  }

  .noUi-marker-vertical.noUi-marker {
    width: 0.3125rem;
    height: 0.125rem;
    margin-top: -0.0625rem;
  }

  .noUi-marker-vertical.noUi-marker-sub {
    width: 0.625rem;
  }

  .noUi-marker-vertical.noUi-marker-large {
    width: 0.9375rem;
  }

  .noUi-tooltip {
    display: block;
    position: absolute;
    border: 0.0625rem solid #D9D9D9;
    border-radius: 0.1875rem;
    background: #fff;
    color: #000;
    padding: 0.3125rem;
    text-align: center;
    white-space: nowrap;
  }

  .noUi-horizontal .noUi-tooltip {
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
  }

  .noUi-vertical .noUi-tooltip {
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
  }

  .noUi-horizontal .noUi-origin > .noUi-tooltip {
    transform: translate(50%, 0);
    left: auto;
    bottom: 0.625rem;
  }

  .noUi-vertical .noUi-origin > .noUi-tooltip {
    transform: translate(0, -1.125rem);
    top: auto;
    right: 1.75rem;
  }

  :root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75 ;
  }

  .f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
  }

  .f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite;
  }

  .f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none;
  }

  .f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1);
  }

  .f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite;
  }

  @keyframes f-spinner-rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes f-spinner-dash {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35;
    }
    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124;
    }
  }
  .f-throwOutUp {
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
  }

  .f-throwOutDown {
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
  }

  @keyframes f-throwOutUp {
    to {
      transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
      opacity: 0;
    }
  }
  @keyframes f-throwOutDown {
    to {
      transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
      opacity: 0;
    }
  }
  .f-zoomInUp {
    animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
  }

  .f-zoomOutDown {
    animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
  }

  @keyframes f-zoomInUp {
    from {
      transform: scale(0.975) translate3d(0, 16px, 0);
      opacity: 0;
    }
    to {
      transform: scale(1) translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes f-zoomOutDown {
    to {
      transform: scale(0.975) translate3d(0, 16px, 0);
      opacity: 0;
    }
  }
  .f-fadeIn {
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2;
  }

  .f-fadeOut {
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1;
  }

  @keyframes f-fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes f-fadeOut {
    100% {
      opacity: 0;
    }
  }
  .f-fadeFastIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2;
  }

  .f-fadeFastOut {
    animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    z-index: 2;
  }

  @keyframes f-fadeFastIn {
    0% {
      opacity: 0.75;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes f-fadeFastOut {
    100% {
      opacity: 0;
    }
  }
  .f-fadeSlowIn {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2;
  }

  .f-fadeSlowOut {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1;
  }

  @keyframes f-fadeSlowIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes f-fadeSlowOut {
    100% {
      opacity: 0;
    }
  }
  .f-crossfadeIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2;
  }

  .f-crossfadeOut {
    animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
    z-index: 1;
  }

  @keyframes f-crossfadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes f-crossfadeOut {
    100% {
      opacity: 0;
    }
  }
  .f-slideIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
  }

  .f-slideIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
  }

  .f-slideOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
  }

  .f-slideOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
  }

  @keyframes f-slideInPrev {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes f-slideInNext {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes f-slideOutNext {
    100% {
      transform: translateX(-100%);
    }
  }
  @keyframes f-slideOutPrev {
    100% {
      transform: translateX(100%);
    }
  }
  .f-classicIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2;
  }

  .f-classicIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2;
  }

  .f-classicOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1;
  }

  .f-classicOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1;
  }

  @keyframes f-classicInNext {
    0% {
      transform: translateX(-75px);
      opacity: 0;
    }
    100% {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes f-classicInPrev {
    0% {
      transform: translateX(75px);
      opacity: 0;
    }
    100% {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes f-classicOutNext {
    100% {
      transform: translateX(-75px);
      opacity: 0;
    }
  }
  @keyframes f-classicOutPrev {
    100% {
      transform: translateX(75px);
      opacity: 0;
    }
  }
  :root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65 ;
  }

  .f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition);
  }

  @media (hover: hover) {
    .f-button:hover:not([disabled]) {
      color: var(--f-button-hover-color);
      background-color: var(--f-button-hover-bg);
    }
  }
  .f-button:active:not([disabled]), .f-button.nice-select.open:not([disabled]) {
    background-color: var(--f-button-active-bg);
  }

  .f-button:focus:not(:focus-visible) {
    outline: none;
  }

  .f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
  }

  .f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 0.15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
  }

  .f-button[disabled] {
    cursor: default;
  }

  .f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity);
  }

  .f-carousel__nav .f-button.is-prev,
  .f-carousel__nav .f-button.is-next,
  .fancybox__nav .f-button.is-prev,
  .fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1;
  }

  .is-horizontal .f-carousel__nav .f-button.is-prev,
  .is-horizontal .f-carousel__nav .f-button.is-next,
  .is-horizontal .fancybox__nav .f-button.is-prev,
  .is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%);
  }

  .is-horizontal .f-carousel__nav .f-button.is-prev,
  .is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos);
  }

  .is-horizontal .f-carousel__nav .f-button.is-next,
  .is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos);
  }

  .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
  .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos);
  }

  .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
  .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos);
  }

  .is-vertical .f-carousel__nav .f-button.is-prev,
  .is-vertical .f-carousel__nav .f-button.is-next,
  .is-vertical .fancybox__nav .f-button.is-prev,
  .is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .is-vertical .f-carousel__nav .f-button.is-prev,
  .is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos);
  }

  .is-vertical .f-carousel__nav .f-button.is-next,
  .is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos);
  }

  .is-vertical .f-carousel__nav .f-button.is-prev svg,
  .is-vertical .f-carousel__nav .f-button.is-next svg,
  .is-vertical .fancybox__nav .f-button.is-prev svg,
  .is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg);
  }

  .f-carousel__nav .f-button:disabled,
  .fancybox__nav .f-button:disabled {
    pointer-events: none;
  }

  html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto;
  }

  html.with-fancybox body {
    touch-action: none;
  }

  html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none;
  }

  .fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain;
  }

  .fancybox__container *,
  .fancybox__container *::before,
  .fancybox__container *::after {
    box-sizing: inherit;
  }

  .fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0);
  }

  .fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity;
  }

  .fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip;
  }

  .fancybox__viewport {
    width: 100%;
    height: 100%;
  }

  .fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab;
  }

  .fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing;
  }

  .fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%;
  }

  .fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
  }

  .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px;
  }

  .fancybox__slide.has-iframe,
  .fancybox__slide.has-video,
  .fancybox__slide.has-html5video {
    overflow: hidden;
  }

  .fancybox__slide.has-image {
    overflow: hidden;
  }

  .fancybox__slide.has-image.is-animating,
  .fancybox__slide.has-image.is-selected {
    overflow: visible;
  }

  .fancybox__slide::before,
  .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto;
  }

  .fancybox__backdrop:empty,
  .fancybox__viewport:empty,
  .fancybox__track:empty,
  .fancybox__slide:empty {
    display: block;
  }

  .fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20;
  }

  .is-loading .fancybox__content {
    opacity: 0;
  }

  .is-draggable .fancybox__content {
    cursor: move;
    cursor: grab;
  }

  .can-zoom_in .fancybox__content {
    cursor: zoom-in;
  }

  .can-zoom_out .fancybox__content {
    cursor: zoom-out;
  }

  .is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing;
  }

  .fancybox__content [data-selectable],
  .fancybox__content [contenteditable] {
    cursor: auto;
  }

  .fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
  }

  .fancybox__slide.has-image > .fancybox__content > picture > img {
    width: 100%;
    height: auto;
    max-height: 100%;
  }

  .is-animating .fancybox__content,
  .is-dragging .fancybox__content {
    will-change: transform, width, height;
  }

  .fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    filter: blur(0px);
  }

  .fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;
  }

  .is-loading .fancybox__caption,
  .is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden;
  }

  .is-compact .fancybox__caption {
    padding-bottom: 0;
  }

  .f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40;
  }

  .fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: 0.75;
  }

  .is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
  }

  .is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
  }

  .fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1;
  }

  .fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative;
  }

  .fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all 0.25s ease;
  }

  .is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, 0.5);
  }

  .is-compact .fancybox__footer .fancybox__caption {
    padding: 12px;
  }

  .fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1);
  }

  .fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1;
  }

  .is-idle .fancybox__nav {
    animation: 0.15s ease-out both f-fadeOut;
  }

  .is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
  }

  .fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer;
  }

  .fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  .fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
  }

  .fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none;
  }

  .fancybox__container:not([aria-hidden]) {
    opacity: 0;
  }

  .fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel),
  .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport),
  .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
    animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
  }

  .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
  }

  .fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel),
  .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport),
  .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
    animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
  }

  .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
  }

  .has-iframe .fancybox__content,
  .has-map .fancybox__content,
  .has-pdf .fancybox__content,
  .has-youtube .fancybox__content,
  .has-vimeo .fancybox__content,
  .has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
  }

  .has-iframe .fancybox__content,
  .has-map .fancybox__content,
  .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%;
  }

  .fancybox__container.is-compact .has-iframe .fancybox__content,
  .fancybox__container.is-compact .has-map .fancybox__content,
  .fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%;
  }

  .has-youtube .fancybox__content,
  .has-vimeo .fancybox__content,
  .has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
  }

  .has-map .fancybox__content,
  .has-pdf .fancybox__content,
  .has-youtube .fancybox__content,
  .has-vimeo .fancybox__content,
  .has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, 0.9);
    color: #fff;
  }

  .has-map .fancybox__content {
    background: #e5e3df;
  }

  .fancybox__html5video,
  .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
  }

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

  .f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0 ;
  }

  .f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1 ;
  }

  .f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px ;
  }

  .f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0);
  }

  .f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1;
  }

  .f-thumbs .f-spinner svg {
    display: none;
  }

  .f-thumbs.is-vertical {
    height: 100%;
  }

  .f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
  }

  .f-thumbs__track {
    display: flex;
  }

  .f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer;
  }

  .f-thumbs__slide.is-loading img {
    opacity: 0;
  }

  .is-classic .f-thumbs__viewport {
    height: 100%;
  }

  .is-modern .f-thumbs__track {
    width: -moz-max-content;
    width: max-content;
  }

  .is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
    width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor: pointer;
  }

  .is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none;
  }

  .is-modern.is-resting .f-thumbs__slide {
    transition: transform 0.33s ease;
  }

  .is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path 0.33s ease;
  }

  .is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
  }

  .f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity 0.2s ease;
  }

  .f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity);
  }

  .f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none;
  }

  .f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity);
  }

  .is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path);
  }

  .is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity);
  }

  .is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn 0.2s ease-out;
    z-index: 10;
  }

  .f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius);
  }

  .f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0;
  }

  .f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0;
  }

  .f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px;
  }

  .f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0;
  }

  .fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1 ;
  }

  .fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  }

  .fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1 ;
  }

  .fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  }

  .fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap);
  }

  .fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0;
  }

  .is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px ;
  }

  .fancybox__thumbs.is-masked {
    max-height: 0px !important;
  }

  .is-closing .fancybox__thumbs {
    transition: none !important;
  }

  .fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20;
  }

  .fancybox__toolbar :focus-visible {
    z-index: 1;
  }

  .fancybox__toolbar.is-absolute,
  .is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
  }

  .fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .fancybox__toolbar__column.is-left,
  .fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0;
  }

  .fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }

  .fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  .fancybox__infobar span {
    padding: 0 5px;
  }

  .fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg);
  }

  [data-fancybox-toggle-slideshow] {
    position: relative;
  }

  [data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: 0.3;
  }

  [data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex;
  }

  [data-fancybox-toggle-slideshow] svg g:last-child {
    display: none;
  }

  .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none;
  }

  .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex;
  }

  [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex;
  }

  [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none;
  }

  :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
  }

  :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex;
  }

  .f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
  }

  .flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    margin: 8px 0 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #fff;
    box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0, 0, 0, 0.08);
  }

  .flatpickr-calendar.open,
  .flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
  }

  .flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
  }

  .flatpickr-calendar.animate.open {
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
  }

  .flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
  }

  .flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
  }

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important;
  }

  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  }

  .flatpickr-calendar .hasWeeks .dayContainer,
  .flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0;
  }

  .flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #eee;
  }

  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto;
  }

  .flatpickr-calendar:before,
  .flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px;
  }

  .flatpickr-calendar.rightMost:before,
  .flatpickr-calendar.arrowRight:before,
  .flatpickr-calendar.rightMost:after,
  .flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px;
  }

  .flatpickr-calendar.arrowCenter:before,
  .flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%;
  }

  .flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
  }

  .flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
  }

  .flatpickr-calendar.arrowTop:before,
  .flatpickr-calendar.arrowTop:after {
    bottom: 100%;
  }

  .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #eee;
  }

  .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff;
  }

  .flatpickr-calendar.arrowBottom:before,
  .flatpickr-calendar.arrowBottom:after {
    top: 100%;
  }

  .flatpickr-calendar.arrowBottom:before {
    border-top-color: #eee;
  }

  .flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff;
  }

  .flatpickr-calendar:focus {
    outline: 0;
  }

  .flatpickr-wrapper {
    position: relative;
    display: inline-block;
  }

  .flatpickr-months {
    display: flex;
  }

  .flatpickr-months .flatpickr-month {
    background: transparent;
    color: #3c3f40;
    fill: #3c3f40;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    flex: 1;
  }

  .flatpickr-months .flatpickr-prev-month,
  .flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #3c3f40;
    fill: #3c3f40;
  }

  .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
  .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none;
  }

  .flatpickr-months .flatpickr-prev-month i,
  .flatpickr-months .flatpickr-next-month i {
    position: relative;
  }

  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
  .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
        left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
      }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
      .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
      .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
        right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
      }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
      .flatpickr-months .flatpickr-prev-month:hover,
      .flatpickr-months .flatpickr-next-month:hover {
        color: #f64747;
      }

      .flatpickr-months .flatpickr-prev-month:hover svg,
      .flatpickr-months .flatpickr-next-month:hover svg {
        fill: #f64747;
      }

      .flatpickr-months .flatpickr-prev-month svg,
      .flatpickr-months .flatpickr-next-month svg {
        width: 14px;
        height: 14px;
      }

      .flatpickr-months .flatpickr-prev-month svg path,
      .flatpickr-months .flatpickr-next-month svg path {
        transition: fill 0.1s;
        fill: inherit;
      }

      .numInputWrapper {
        position: relative;
        height: auto;
      }

      .numInputWrapper input,
      .numInputWrapper span {
        display: inline-block;
      }

      .numInputWrapper input {
        width: 100%;
      }

      .numInputWrapper input::-ms-clear {
        display: none;
      }

      .numInputWrapper input::-webkit-outer-spin-button,
      .numInputWrapper input::-webkit-inner-spin-button {
        margin: 0;
        -webkit-appearance: none;
      }

      .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(64, 72, 72, 0.15);
        box-sizing: border-box;
      }

      .numInputWrapper span:hover {
        background: rgba(0, 0, 0, 0.1);
      }

      .numInputWrapper span:active, .numInputWrapper span.nice-select.open {
        background: rgba(0, 0, 0, 0.2);
      }

      .numInputWrapper span:after {
        display: block;
        content: "";
        position: absolute;
      }

      .numInputWrapper span.arrowUp {
        top: 0;
        border-bottom: 0;
      }

      .numInputWrapper span.arrowUp:after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid rgba(64, 72, 72, 0.6);
        top: 26%;
      }

      .numInputWrapper span.arrowDown {
        top: 50%;
      }

      .numInputWrapper span.arrowDown:after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid rgba(64, 72, 72, 0.6);
        top: 40%;
      }

      .numInputWrapper span svg {
        width: inherit;
        height: auto;
      }

      .numInputWrapper span svg path {
        fill: rgba(60, 63, 64, 0.5);
      }

      .numInputWrapper:hover {
        background: rgba(0, 0, 0, 0.05);
      }

      .numInputWrapper:hover span {
        opacity: 1;
      }

      .flatpickr-current-month {
        font-size: 135%;
        line-height: inherit;
        font-weight: 300;
        color: inherit;
        position: absolute;
        width: 75%;
        left: 12.5%;
        padding: 7.48px 0 0 0;
        line-height: 1;
        height: 34px;
        display: inline-block;
        text-align: center;
        transform: translate3d(0px, 0px, 0px);
      }

      .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-left: 0.5ch;
        padding: 0;
      }

      .flatpickr-current-month span.cur-month:hover {
        background: rgba(0, 0, 0, 0.05);
      }

      .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch\0 ;
        display: inline-block;
      }

      .flatpickr-current-month .numInputWrapper span.arrowUp:after {
        border-bottom-color: #3c3f40;
      }

      .flatpickr-current-month .numInputWrapper span.arrowDown:after {
        border-top-color: #3c3f40;
      }

      .flatpickr-current-month input.cur-year {
        background: transparent;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 0 0 0.5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
      }

      .flatpickr-current-month input.cur-year:focus {
        outline: 0;
      }

      .flatpickr-current-month input.cur-year[disabled],
      .flatpickr-current-month input.cur-year[disabled]:hover {
        font-size: 100%;
        color: rgba(60, 63, 64, 0.5);
        background: transparent;
        pointer-events: none;
      }

      .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        background: transparent;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0 0;
        outline: none;
        padding: 0 0 0 0.5ch;
        position: relative;
        vertical-align: initial;
        -webkit-box-sizing: border-box;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        width: auto;
      }

      .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
      .flatpickr-current-month .flatpickr-monthDropdown-months:active,
      .flatpickr-current-month .flatpickr-monthDropdown-months.nice-select.open {
        outline: none;
      }

      .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
        background: rgba(0, 0, 0, 0.05);
      }

      .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
        background-color: transparent;
        outline: none;
        padding: 0;
      }

      .flatpickr-weekdays {
        background: transparent;
        text-align: center;
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: center;
        height: 28px;
      }

      .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
        flex: 1;
      }

      span.flatpickr-weekday {
        cursor: default;
        font-size: 90%;
        background: transparent;
        color: rgba(0, 0, 0, 0.54);
        line-height: 1;
        margin: 0;
        text-align: center;
        display: block;
        flex: 1;
        font-weight: bolder;
      }

      .dayContainer,
      .flatpickr-weeks {
        padding: 1px 0 0 0;
      }

      .flatpickr-days {
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        width: 307.875px;
      }

      .flatpickr-days:focus {
        outline: 0;
      }

      .dayContainer {
        padding: 0;
        outline: 0;
        text-align: left;
        width: 307.875px;
        min-width: 307.875px;
        max-width: 307.875px;
        box-sizing: border-box;
        display: inline-block;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        justify-content: space-around;
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
      }

      .dayContainer + .dayContainer {
        box-shadow: -1px 0 0 #eee;
      }

      .flatpickr-day {
        background: none;
        border: 1px solid transparent;
        border-radius: 150px;
        box-sizing: border-box;
        color: #404848;
        cursor: pointer;
        font-weight: 400;
        width: 14.2857143%;
        flex-basis: 14.2857143%;
        max-width: 39px;
        height: 39px;
        line-height: 39px;
        margin: 0;
        display: inline-block;
        position: relative;
        justify-content: center;
        text-align: center;
      }

      .flatpickr-day.inRange,
      .flatpickr-day.prevMonthDay.inRange,
      .flatpickr-day.nextMonthDay.inRange,
      .flatpickr-day.today.inRange,
      .flatpickr-day.prevMonthDay.today.inRange,
      .flatpickr-day.nextMonthDay.today.inRange,
      .flatpickr-day:hover,
      .flatpickr-day.prevMonthDay:hover,
      .flatpickr-day.nextMonthDay:hover,
      .flatpickr-day:focus,
      .flatpickr-day.prevMonthDay:focus,
      .flatpickr-day.nextMonthDay:focus {
        cursor: pointer;
        outline: 0;
        background: #e9e9e9;
        border-color: #e9e9e9;
      }

      .flatpickr-day.today {
        border-color: #f64747;
      }

      .flatpickr-day.today:hover,
      .flatpickr-day.today:focus {
        border-color: #f64747;
        background: #f64747;
        color: #fff;
      }

      .flatpickr-day.selected,
      .flatpickr-day.startRange,
      .flatpickr-day.endRange,
      .flatpickr-day.selected.inRange,
      .flatpickr-day.startRange.inRange,
      .flatpickr-day.endRange.inRange,
      .flatpickr-day.selected:focus,
      .flatpickr-day.startRange:focus,
      .flatpickr-day.endRange:focus,
      .flatpickr-day.selected:hover,
      .flatpickr-day.startRange:hover,
      .flatpickr-day.endRange:hover,
      .flatpickr-day.selected.prevMonthDay,
      .flatpickr-day.startRange.prevMonthDay,
      .flatpickr-day.endRange.prevMonthDay,
      .flatpickr-day.selected.nextMonthDay,
      .flatpickr-day.startRange.nextMonthDay,
      .flatpickr-day.endRange.nextMonthDay {
        background: #4f99ff;
        box-shadow: none;
        color: #fff;
        border-color: #4f99ff;
      }

      .flatpickr-day.selected.startRange,
      .flatpickr-day.startRange.startRange,
      .flatpickr-day.endRange.startRange {
        border-radius: 50px 0 0 50px;
      }

      .flatpickr-day.selected.endRange,
      .flatpickr-day.startRange.endRange,
      .flatpickr-day.endRange.endRange {
        border-radius: 0 50px 50px 0;
      }

      .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
      .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
      .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
        box-shadow: -10px 0 0 #4f99ff;
      }

      .flatpickr-day.selected.startRange.endRange,
      .flatpickr-day.startRange.startRange.endRange,
      .flatpickr-day.endRange.startRange.endRange {
        border-radius: 50px;
      }

      .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
      }

      .flatpickr-day.flatpickr-disabled,
      .flatpickr-day.flatpickr-disabled:hover,
      .flatpickr-day.prevMonthDay,
      .flatpickr-day.nextMonthDay,
      .flatpickr-day.notAllowed,
      .flatpickr-day.notAllowed.prevMonthDay,
      .flatpickr-day.notAllowed.nextMonthDay {
        color: rgba(64, 72, 72, 0.3);
        background: transparent;
        border-color: #e9e9e9;
        cursor: default;
      }

      .flatpickr-day.flatpickr-disabled,
      .flatpickr-day.flatpickr-disabled:hover {
        cursor: not-allowed;
        color: rgba(64, 72, 72, 0.1);
      }

      .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
      }

      .flatpickr-day.hidden {
        visibility: hidden;
      }

      .rangeMode .flatpickr-day {
        margin-top: 1px;
      }

      .flatpickr-weekwrapper {
        float: left;
      }

      .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        box-shadow: 1px 0 0 #eee;
      }

      .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px;
      }

      .flatpickr-weekwrapper span.flatpickr-day,
      .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: rgba(64, 72, 72, 0.3);
        background: transparent;
        cursor: default;
        border: none;
      }

      .flatpickr-innerContainer {
        display: block;
        display: flex;
        box-sizing: border-box;
        overflow: hidden;
      }

      .flatpickr-rContainer {
        display: inline-block;
        padding: 0;
        box-sizing: border-box;
      }

      .flatpickr-time {
        text-align: center;
        outline: 0;
        display: block;
        height: 0;
        line-height: 40px;
        max-height: 40px;
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
      }

      .flatpickr-time:after {
        content: "";
        display: table;
        clear: both;
      }

      .flatpickr-time .numInputWrapper {
        flex: 1;
        width: 40%;
        height: 40px;
        float: left;
      }

      .flatpickr-time .numInputWrapper span.arrowUp:after {
        border-bottom-color: #404848;
      }

      .flatpickr-time .numInputWrapper span.arrowDown:after {
        border-top-color: #404848;
      }

      .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%;
      }

      .flatpickr-time.time24hr .numInputWrapper {
        width: 49%;
      }

      .flatpickr-time input {
        background: transparent;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #404848;
        font-size: 14px;
        position: relative;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
      }

      .flatpickr-time input.flatpickr-hour {
        font-weight: bold;
      }

      .flatpickr-time input.flatpickr-minute,
      .flatpickr-time input.flatpickr-second {
        font-weight: 400;
      }

      .flatpickr-time input:focus {
        outline: 0;
        border: 0;
      }

      .flatpickr-time .flatpickr-time-separator,
      .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        float: left;
        line-height: inherit;
        color: #404848;
        font-weight: bold;
        width: 2%;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        align-self: center;
      }

      .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400;
      }

      .flatpickr-time input:hover,
      .flatpickr-time .flatpickr-am-pm:hover,
      .flatpickr-time input:focus,
      .flatpickr-time .flatpickr-am-pm:focus {
        background: #f1f1f1;
      }

      .flatpickr-input[readonly] {
        cursor: pointer;
      }
      @keyframes fpFadeInDown {
        from {
          opacity: 0;
          transform: translate3d(0, -20px, 0);
        }
        to {
          opacity: 1;
          transform: translate3d(0, 0, 0);
        }
      }
      .flatpickr-calendar {
        width: 307.875px;
      }

      .dayContainer {
        padding: 0;
        border-right: 0;
      }

      span.flatpickr-day,
      span.flatpickr-day.prevMonthDay,
      span.flatpickr-day.nextMonthDay {
        border-radius: 0 !important;
        border: 1px solid #e9e9e9;
        max-width: none;
        border-right-color: transparent;
      }

      span.flatpickr-day:nth-child(n+8),
      span.flatpickr-day.prevMonthDay:nth-child(n+8),
      span.flatpickr-day.nextMonthDay:nth-child(n+8) {
        border-top-color: transparent;
      }

      span.flatpickr-day:nth-child(7n-6),
      span.flatpickr-day.prevMonthDay:nth-child(7n-6),
      span.flatpickr-day.nextMonthDay:nth-child(7n-6) {
        border-left: 0;
      }

      span.flatpickr-day:nth-child(n+36),
      span.flatpickr-day.prevMonthDay:nth-child(n+36),
      span.flatpickr-day.nextMonthDay:nth-child(n+36) {
        border-bottom: 0;
      }

      span.flatpickr-day:nth-child(-n+7),
      span.flatpickr-day.prevMonthDay:nth-child(-n+7),
      span.flatpickr-day.nextMonthDay:nth-child(-n+7) {
        margin-top: 0;
      }

      span.flatpickr-day.today:not(.selected),
      span.flatpickr-day.prevMonthDay.today:not(.selected),
      span.flatpickr-day.nextMonthDay.today:not(.selected) {
        border-color: #e9e9e9;
        border-right-color: transparent;
        border-top-color: transparent;
        border-bottom-color: #f64747;
      }

      span.flatpickr-day.today:not(.selected):hover,
      span.flatpickr-day.prevMonthDay.today:not(.selected):hover,
      span.flatpickr-day.nextMonthDay.today:not(.selected):hover {
        border: 1px solid #f64747;
      }

      span.flatpickr-day.startRange,
      span.flatpickr-day.prevMonthDay.startRange,
      span.flatpickr-day.nextMonthDay.startRange,
      span.flatpickr-day.endRange,
      span.flatpickr-day.prevMonthDay.endRange,
      span.flatpickr-day.nextMonthDay.endRange {
        border-color: #4f99ff;
      }

      span.flatpickr-day.today,
      span.flatpickr-day.prevMonthDay.today,
      span.flatpickr-day.nextMonthDay.today,
      span.flatpickr-day.selected,
      span.flatpickr-day.prevMonthDay.selected,
      span.flatpickr-day.nextMonthDay.selected {
        z-index: 2;
      }

      .rangeMode .flatpickr-day {
        margin-top: -1px;
      }

      .flatpickr-weekwrapper .flatpickr-weeks {
        box-shadow: none;
      }

      .flatpickr-weekwrapper span.flatpickr-day {
        border: 0;
        margin: -1px 0 0 -1px;
      }

      .hasWeeks .flatpickr-days {
        border-right: 0;
      }

      @media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
        span.flatpickr-day {
          display: block;
          flex: 1 0 auto;
        }
      }
      .header {
        padding: 1.25rem 0;
        background-color: #fff;
        z-index: 100;
        position: sticky;
        top: 0;
        right: 0;
        left: 0;
        transition-duration: 0.15s;
      }
      @media (max-width: 61.99875em) {
        .header {
          display: none;
        }
      }
      .header__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.625rem 1.25rem;
      }
      .header__city {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        font-weight: 500;
        font-size: 0.75rem;
        color: var(--text);
      }
      .header__city svg {
        width: 0.75rem;
        aspect-ratio: 1;
      }
      .header__contacts {
        display: flex;
        flex-wrap: wrap;
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1.2;
        color: var(--text);
      }
      @supports ((-moz-column-gap: clamp( 0.625rem , -1.5286958464rem  +  3.4737730137vw , 1.5rem )) or (column-gap: clamp( 0.625rem , -1.5286958464rem  +  3.4737730137vw , 1.5rem ))) {
        .header__contacts {
          -moz-column-gap: clamp( 0.625rem , -1.5286958464rem  +  3.4737730137vw , 1.5rem );
          column-gap: clamp( 0.625rem , -1.5286958464rem  +  3.4737730137vw , 1.5rem );
        }
      }
      @supports not ((-moz-column-gap: clamp( 0.625rem , -1.5286958464rem  +  3.4737730137vw , 1.5rem )) or (column-gap: clamp( 0.625rem , -1.5286958464rem  +  3.4737730137vw , 1.5rem ))) {
        .header__contacts {
          -moz-column-gap: calc(0.625rem + 0.875 * (100vw - 61.99875rem) / 25.18875);
          column-gap: calc(0.625rem + 0.875 * (100vw - 61.99875rem) / 25.18875);
        }
      }
      @media (max-width: 61.99875em) {
        .header__contacts {
          -moz-column-gap: inherit;
          column-gap: inherit;
        }
      }
      .header__contacts a {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition-duration: 0.15s;
      }
      .header__contacts a svg {
        width: 0.875rem;
        aspect-ratio: 1;
        fill: var(--text);
        transition-duration: inherit;
      }
      .header__contacts a:hover {
        color: var(--accent);
      }
      .header__contacts a:hover svg {
        fill: var(--accent);
      }
      .header__tel {
        font-weight: 700;
        font-size: 0.875rem;
        line-height: 1.2;
      }
      .header__top-menu {
        display: flex;
        flex-wrap: wrap;
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1.2;
        color: var(--text);
      }
      @supports ((-moz-column-gap: clamp( 0.625rem , -1.2210250112rem  +  2.9775197261vw , 1.375rem )) or (column-gap: clamp( 0.625rem , -1.2210250112rem  +  2.9775197261vw , 1.375rem ))) {
        .header__top-menu {
          -moz-column-gap: clamp( 0.625rem , -1.2210250112rem  +  2.9775197261vw , 1.375rem );
          column-gap: clamp( 0.625rem , -1.2210250112rem  +  2.9775197261vw , 1.375rem );
        }
      }
      @supports not ((-moz-column-gap: clamp( 0.625rem , -1.2210250112rem  +  2.9775197261vw , 1.375rem )) or (column-gap: clamp( 0.625rem , -1.2210250112rem  +  2.9775197261vw , 1.375rem ))) {
        .header__top-menu {
          -moz-column-gap: calc(0.625rem + 0.75 * (100vw - 61.99875rem) / 25.18875);
          column-gap: calc(0.625rem + 0.75 * (100vw - 61.99875rem) / 25.18875);
        }
      }
      @media (max-width: 61.99875em) {
        .header__top-menu {
          -moz-column-gap: inherit;
          column-gap: inherit;
        }
      }
      .header__top-menu a {
        transition-duration: 0.15s;
      }
      .header__top-menu a:hover {
        color: var(--accent);
      }
      .header__body {
        margin-top: 1.25rem;
        transition-duration: 0.15s;
      }
      @media (min-width: 87.1875em) {
        .header__body {
          margin-left: -0.9375rem;
          width: calc(100% + 1.875rem);
        }
      }
      .header__body-wrapper {
        padding: 1.0625rem 1.5625rem;
        display: flex;
        background-color: var(--silver);
        border-radius: 1.625rem;
        transition-duration: 0.15s;
      }
      .header__logo {
        width: 5.875rem;
        display: flex;
        align-items: center;
        margin-right: 1.75rem;
      }
      .header__logo img {
        width: 100%;
      }
      .header__btn-wrapper {
        position: relative;
      }
      .header__btn-catalog {
        background: var(--accent);
        border-radius: 0.75rem;
        padding: 0.625rem 1.5625rem 0.625rem 1.0625rem;
        min-height: 3rem;
        font-weight: 500;
        font-size: 1rem;
        color: #fff;
        transition-duration: 0.15s;
        margin-right: 0.9375rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
      }
      .header__btn-catalog:hover {
        box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
      }
      .header__btn-catalog::before {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 1.125rem;
        aspect-ratio: 1;
        background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#burger") no-repeat center/cover;
        transition-duration: 0.1s;
      }
      .header__btn-catalog.opened::before {
        background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#close") no-repeat center/cover;
      }
      .header__body-search {
        flex: 1;
        margin-right: 1.875rem;
        position: relative;
        display: flex;
      }
      .header__body-search button::before {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 1.125rem;
        aspect-ratio: 1;
        background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#search") no-repeat center/cover;
        position: absolute;
        left: 0.9375rem;
        top: 50%;
        transform: translateY(-50%);
        margin: auto;
      }
      .header__body-search input {
        width: 100%;
        min-width: 13.75rem;
        height: 3rem;
        font-weight: 500;
        line-height: 1.2;
        padding: 0.3125rem 0.9375rem 0.3125rem 2.875rem;
        outline: none;
        border: 0.0625rem solid var(--accent);
        border-radius: 0.75rem;
        background-color: transparent;
      }
      @supports (font-size: clamp( 0.75rem , 0.6755813953rem  +  0.3720930233vw , 1rem )) {
        .header__body-search input {
          font-size: clamp( 0.75rem , 0.6755813953rem  +  0.3720930233vw , 1rem );
        }
      }
      @supports not (font-size: clamp( 0.75rem , 0.6755813953rem  +  0.3720930233vw , 1rem )) {
        .header__body-search input {
          font-size: calc(0.75rem + 0.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .header__body-search input::-moz-placeholder {
        color: #a5acb9;
      }
      .header__body-search input::placeholder {
        color: #a5acb9;
      }
      .header__link, .header__cart-link {
        display: inline-flex;
        align-items: center;
        gap: 0.75rem;
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.16;
        color: var(--accent);
      }
      .header__link svg, .header__cart-link svg {
        width: 1.5rem;
        aspect-ratio: 1;
        fill: transparent;
        stroke: var(--accent);
      }
      .header__body-links {
        display: flex;
        align-items: center;
      }
      @supports ((-moz-column-gap: clamp( 0.9375rem , -1.370031264rem  +  3.7218996576vw , 1.875rem )) or (column-gap: clamp( 0.9375rem , -1.370031264rem  +  3.7218996576vw , 1.875rem ))) {
        .header__body-links {
          -moz-column-gap: clamp( 0.9375rem , -1.370031264rem  +  3.7218996576vw , 1.875rem );
          column-gap: clamp( 0.9375rem , -1.370031264rem  +  3.7218996576vw , 1.875rem );
        }
      }
      @supports not ((-moz-column-gap: clamp( 0.9375rem , -1.370031264rem  +  3.7218996576vw , 1.875rem )) or (column-gap: clamp( 0.9375rem , -1.370031264rem  +  3.7218996576vw , 1.875rem ))) {
        .header__body-links {
          -moz-column-gap: calc(0.9375rem + 0.9375 * (100vw - 61.99875rem) / 25.18875);
          column-gap: calc(0.9375rem + 0.9375 * (100vw - 61.99875rem) / 25.18875);
        }
      }
      @media (max-width: 61.99875em) {
        .header__body-links {
          -moz-column-gap: inherit;
          column-gap: inherit;
        }
      }
      .header__cart-link {
        height: 3rem;
        border: 0.0625rem solid #d8dfe8;
        border-radius: 0.75rem;
        padding: 0 1.25rem;
        transition-duration: 0.1s;
      }
      .header__cart-link:hover {
        background-color: var(--accent);
        border-color: var(--accent);
        color: #fff;
      }
      .header__cart-link:hover svg {
        filter: brightness(0) invert(1);
      }
      .header__menu {
        margin-top: 1.25rem;
        transition-duration: 0.15s;
      }
      .header__menu ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.3125rem 0.625rem;
      }
      .header__menu ul a {
        font-weight: 500;
        line-height: 1.2;
        color: var(--text);
        transition-duration: 0.15s;
      }
      @supports (font-size: clamp( 0.75rem , 0.6755813953rem  +  0.3720930233vw , 1rem )) {
        .header__menu ul a {
          font-size: clamp( 0.75rem , 0.6755813953rem  +  0.3720930233vw , 1rem );
        }
      }
      @supports not (font-size: clamp( 0.75rem , 0.6755813953rem  +  0.3720930233vw , 1rem )) {
        .header__menu ul a {
          font-size: calc(0.75rem + 0.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .header__menu ul a:hover {
        color: var(--accent);
      }
      .header.sticky {
        box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
        padding: 0.5rem 0 0.625rem;
      }
      .header.sticky .header__menu {
        margin-top: 0.625rem;
      }
      .header.sticky .header__body-wrapper {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .header.sticky .header__body {
        margin-top: 0.3125rem;
      }

      .hidden-menu {
        position: absolute;
        top: calc(100% + 0.625rem);
        left: 0;
      }
      .hidden-menu:not(.opened) {
        display: none;
      }
      .hidden-menu__wrapper {
        position: relative;
        z-index: 10;
        padding: 1.25rem 1.5625rem;
        box-shadow: 0.25rem 0.25rem 3.375rem 0 rgba(17, 21, 27, 0.1);
        background: #fff;
        padding: 0.3125rem;
        border-radius: 0.75rem;
        display: flex;
      }
      .hidden-menu__parent {
        width: 14.375rem;
        border-radius: 0.5rem;
        background: var(--silver);
      }
      .hidden-menu__parent > li a {
        padding: 0.625rem 0.9375rem;
      }
      .hidden-menu__parent > li a:hover {
        background-color: var(--text);
        color: #fff;
      }
      .hidden-menu a {
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: -0.02em;
        color: var(--text);
        display: flex;
        align-items: center;
        transition-duration: 0.1s;
        border-radius: 0.5rem;
      }
      @supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
        .hidden-menu a {
          font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
        }
      }
      @supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
        .hidden-menu a {
          font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
        }
      }
      .hidden-menu__child {
        overflow: auto;
        max-height: 100%;
        min-width: 11.25rem;
        max-width: 18.75rem;
        padding: 0.625rem 0.625rem 0.625rem 1rem;
      }
      .hidden-menu__child a {
        white-space: nowrap;
        font-size: 0.875rem;
        font-weight: 500;
        padding: 0.375rem 0.4375rem;
        gap: 0.375rem;
      }
      .hidden-menu__child a::before {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 0.75rem;
        aspect-ratio: 1;
        background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#carret-left") no-repeat center/cover;
        transition-duration: 0.1s;
        filter: brightness(0) opacity(0.2);
      }
      .hidden-menu__child a:hover {
        background: var(--silver);
        color: var(--accent);
      }
      .hidden-menu__child a:hover::before {
        filter: none;
      }
      .hidden-menu__child:not(.visible) {
        display: none;
      }

      body.hidd,
      html.hidd {
        overflow: hidden;
        height: auto;
      }

      @media (max-width: 61.99875em) {
        body {
          padding-top: 3.75rem;
        }
      }

      .mobile-menu {
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        right: 0;
        display: none;
      }
      @media (max-width: 61.99875em) {
        .mobile-menu {
          display: block;
        }
      }
      .mobile-menu__top {
        height: 3.75rem;
        padding: 0.3125rem 0.625rem;
        gap: 0.3125rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
        background-color: #fff;
        -webkit-backdrop-filter: blur(0.3125rem);
        backdrop-filter: blur(0.3125rem);
      }
      .mobile-menu__top-left {
        display: flex;
        align-items: center;
        gap: 0.9375rem;
        height: 100%;
      }
      .mobile-menu__logo {
        display: flex;
        height: 100%;
        padding: 0.1875rem 0;
        align-items: center;
        gap: 0.875rem;
        color: var(--text);
      }
      @supports (font-size: clamp( 0.625rem , 0.3868976755rem  +  1.1905116224vw , 1.125rem )) {
        .mobile-menu__logo {
          font-size: clamp( 0.625rem , 0.3868976755rem  +  1.1905116224vw , 1.125rem );
        }
      }
      @supports not (font-size: clamp( 0.625rem , 0.3868976755rem  +  1.1905116224vw , 1.125rem )) {
        .mobile-menu__logo {
          font-size: calc(0.625rem + 0.5 * (100vw - 20rem) / 41.99875);
        }
      }
      @media (min-width: 61.99875em) {
        .mobile-menu__logo {
          font-size: inherit;
        }
      }
      .mobile-menu__logo img {
        max-width: 6.25rem;
        height: auto;
        max-height: 100%;
      }
      @supports (max-width: clamp( 2.5rem , -1.0715348671rem  +  17.8576743355vw , 10rem )) {
        .mobile-menu__logo img {
          max-width: clamp( 2.5rem , -1.0715348671rem  +  17.8576743355vw , 10rem );
        }
      }
      @supports not (max-width: clamp( 2.5rem , -1.0715348671rem  +  17.8576743355vw , 10rem )) {
        .mobile-menu__logo img {
          max-width: calc(2.5rem + 7.5 * (100vw - 20rem) / 41.99875);
        }
      }
      @media (min-width: 61.99875em) {
        .mobile-menu__logo img {
          max-width: inherit;
        }
      }
      @media (max-width: 24.375rem) {
        .mobile-menu__logo span {
          display: none;
        }
      }
      .mobile-menu__btn {
        width: 2.5rem;
        height: 2.5rem;
        background-color: var(--accent);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
      }
      @media (max-width: 25.625rem) {
        .mobile-menu__btn {
          width: 2.25rem;
          height: 2.25rem;
        }
      }
      .mobile-menu__btn button {
        position: relative;
        display: block;
        width: 1.25rem;
        height: 0.0625rem;
        margin: 0 auto;
        border: none;
        cursor: pointer;
        color: inherit;
        font-size: 0;
        transition: 0.35s;
        height: 1rem;
        background: transparent;
        border-top: 0.125rem solid #fff;
        border-bottom: 0.125rem solid #fff;
      }
      .mobile-menu__btn button::before, .mobile-menu__btn button::after {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 100%;
        height: 0.125rem;
        background: #fff;
        content: "";
        transition: transform 0.35s;
        top: 50%;
        transform: translate(-50%, -50%);
      }
      .mobile-menu__btn button.active {
        border-color: transparent;
      }
      .mobile-menu__btn button.active::before {
        transform: translate(-50%, -50%) rotate(135deg);
      }
      .mobile-menu__btn button.active::after {
        transform: translate(-50%, -50%) rotate(-135deg);
      }
      .mobile-menu__btn-catalog {
        font-size: 1.125rem;
        font-weight: 600;
        color: #222;
        display: inline-flex;
        align-items: center;
        background-color: #fff;
        padding: 0.5rem 0.75rem;
        margin-bottom: 1.25rem;
        gap: 0.75rem;
        border-radius: 0.25rem;
      }
      .mobile-menu__btn-catalog--icon {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.25rem;
        background-color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }
      .mobile-menu__btn-catalog span {
        transition: 0.1s;
        position: relative;
        display: block;
        width: 1.125rem;
        height: 0.0625rem;
        border: none;
        cursor: pointer;
        background: #222;
        color: inherit;
        font-size: 0;
      }
      .mobile-menu__btn-catalog span::before, .mobile-menu__btn-catalog span::after {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 100%;
        height: 0.0625rem;
        background: #222;
        content: "";
        transition: transform 0.35s;
      }
      .mobile-menu__btn-catalog span::before {
        transform: translate(-50%, -0.3125rem);
        transform-origin: 100% 0%;
      }
      .mobile-menu__btn-catalog span::after {
        transform: translate(-50%, 0.3125rem);
        transform-origin: 100% 0%;
      }
      .mobile-menu__btn-catalog:hover span {
        transform: translateX(0.1875rem);
        transition: transform 0.15s 0.5s;
      }
      .mobile-menu__btn-catalog:hover span::before {
        transform: translate(-50%, 0) rotate(35deg) scaleX(0.6);
      }
      .mobile-menu__btn-catalog:hover span::after {
        transform: translate(-50%, 0) rotate(-35deg) scaleX(0.6);
      }
      .mobile-menu__top-right {
        display: flex;
        align-items: center;
        gap: 0.3125rem;
      }
      .mobile-menu__link {
        width: 2.5rem;
        height: 2.5rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: var(--silver);
        border-radius: 100%;
        transition-duration: 0.15s;
        padding: 0.625rem;
      }
      .mobile-menu__link:hover {
        background-color: var(--text);
        border-color: var(--text);
      }
      .mobile-menu__link:hover svg {
        fill: #fff;
      }
      .mobile-menu__link svg {
        width: 100%;
        max-height: 100%;
        height: auto;
        fill: var(--accent);
      }
      .mobile-menu__body {
        padding: 1.25rem;
        height: calc(100dvh - 3.75rem);
        overflow: auto;
        transition: all 0.2s ease-in-out;
        position: absolute;
        inset: 3.75rem 0 0 0;
        transform: translate(-100%, 0);
        opacity: 0;
        background-color: rgba(10, 10, 10, 0.55);
        -webkit-backdrop-filter: blur(0.3125rem);
        backdrop-filter: blur(0.3125rem);
        visibility: hidden;
      }
      .mobile-menu__body::-webkit-scrollbar-track {
        background-color: #fff;
      }
      .mobile-menu__body::-webkit-scrollbar {
        width: 0.375rem;
        background-color: #F5F5F5;
      }
      .mobile-menu__body::-webkit-scrollbar-thumb {
        background-color: var(--accent);
      }
      .mobile-menu__body.opened {
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
      }
      .mobile-menu__catalog {
        position: absolute;
        inset: 3.75rem 0 0 0;
        transition: all 0.2s ease-in-out;
        height: calc(100dvh - 3.75rem);
        transform: translate(100%);
        opacity: 0;
        z-index: 500;
        background-color: rgba(10, 10, 10, 0.65);
        -webkit-backdrop-filter: blur(0.3125rem);
        backdrop-filter: blur(0.3125rem);
        padding: 1.25rem;
        overflow: auto;
        visibility: hidden;
        display: flex;
        flex-direction: column;
      }
      .mobile-menu__catalog::-webkit-scrollbar-track {
        background-color: #fff;
      }
      .mobile-menu__catalog::-webkit-scrollbar {
        width: 0.375rem;
        background-color: #F5F5F5;
      }
      .mobile-menu__catalog::-webkit-scrollbar-thumb {
        background-color: var(--accent);
      }
      .mobile-menu__catalog.opened {
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
      }
      .mobile-menu__catalog-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(11.25rem, 1fr));
        margin-top: 1.25rem;
        row-gap: 2.5rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
      }
      @supports (row-gap: clamp( 1.25rem , 0.6547441888rem  +  2.9762790559vw , 2.5rem )) {
        .mobile-menu__catalog-grid {
          row-gap: clamp( 1.25rem , 0.6547441888rem  +  2.9762790559vw , 2.5rem );
        }
      }
      @supports not (row-gap: clamp( 1.25rem , 0.6547441888rem  +  2.9762790559vw , 2.5rem )) {
        .mobile-menu__catalog-grid {
          row-gap: calc(1.25rem + 1.25 * (100vw - 20rem) / 41.99875);
        }
      }
      @media (min-width: 61.99875em) {
        .mobile-menu__catalog-grid {
          row-gap: inherit;
        }
      }
      .mobile-menu__btn-back {
        font-size: 1rem;
        color: #fff;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 0.3125rem;
        border: 0.125rem solid #fff;
        align-self: flex-start;
        padding: 0.375rem 1rem 0.375rem 0.375rem;
        border-radius: 0.25rem;
      }
      .mobile-menu__btn-back svg {
        width: 1.25rem;
        aspect-ratio: 1;
        filter: brightness(0) invert(1);
        transform: scale(-1, 1);
      }
      .mobile-menu__catalog-title {
        font-size: 1.125rem;
        line-height: 1;
        text-decoration: none;
        display: inline-flex;
        margin-bottom: 1.25rem;
        color: #fff;
        font-weight: 600;
      }
      .mobile-menu__catalog-title:hover {
        color: #fff;
      }
      .mobile-menu__catalog-list {
        margin: 0;
        padding: 0;
        font-size: 0;
      }
      @supports (margin-top: clamp( 0.625rem , 0.3273720944rem  +  1.488139528vw , 1.25rem )) {
        .mobile-menu__catalog-list li + li {
          margin-top: clamp( 0.625rem , 0.3273720944rem  +  1.488139528vw , 1.25rem );
        }
      }
      @supports not (margin-top: clamp( 0.625rem , 0.3273720944rem  +  1.488139528vw , 1.25rem )) {
        .mobile-menu__catalog-list li + li {
          margin-top: calc(0.625rem + 0.625 * (100vw - 20rem) / 41.99875);
        }
      }
      @media (min-width: 61.99875em) {
        .mobile-menu__catalog-list li + li {
          margin-top: inherit;
        }
      }
      .mobile-menu__catalog-list a {
        font-size: 1rem;
        line-height: 1.2;
        font-weight: 500;
        color: #fff;
        text-decoration: none;
      }
      .mobile-menu__catalog-list a:hover, .mobile-menu__catalog-list a:focus, .mobile-menu__catalog-list a:active, .mobile-menu__catalog-list a.nice-select.open {
        color: var(--accent);
      }
      .mobile-menu__contacts {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        margin-top: 1.875rem;
      }
      .mobile-menu__contacts a {
        display: inline-flex;
        align-items: center;
        font-size: 1.125rem;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
      }
      .mobile-menu__contacts a:hover {
        color: #fff;
      }
      .mobile-menu__social {
        display: flex;
        align-items: center;
        margin-top: 1.25rem;
        gap: 0.4375rem;
      }
      .mobile-menu__social a {
        width: 2.25rem;
        height: 2.25rem;
        background-color: var(--accent);
        border-radius: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.625rem;
      }
      .mobile-menu__social a img,
      .mobile-menu__social a svg {
        width: 100%;
        max-height: 100%;
      }
      .mobile-menu__callback,
      .mobile-menu .search {
        margin-top: 1.25rem;
      }
      .mobile-menu__callback .btn {
        background-color: #fff;
        color: var(--accent);
      }
      .mobile-menu .search {
        max-width: 18.75rem;
      }
      .mobile-menu .search input {
        height: 3.125rem;
        padding-left: 2.5rem;
        font-size: 0.875rem;
        border-color: #fff;
        color: #fff;
      }
      .mobile-menu .search input::-moz-placeholder {
        color: rgba(255, 255, 255, 0.5);
      }
      .mobile-menu .search input::placeholder {
        color: rgba(255, 255, 255, 0.5);
      }
      .mobile-menu .search button::before {
        left: 0.625rem;
        filter: brightness(0) invert(1);
      }

      .hero {
        position: relative;
      }
      .hero__slide {
        position: relative;
        overflow: hidden;
      }
      @supports (min-height: clamp( 15rem , -11.1520209915rem  +  42.1815294526vw , 25.625rem )) {
        .hero__slide {
          min-height: clamp( 15rem , -11.1520209915rem  +  42.1815294526vw , 25.625rem );
        }
      }
      @supports not (min-height: clamp( 15rem , -11.1520209915rem  +  42.1815294526vw , 25.625rem )) {
        .hero__slide {
          min-height: calc(15rem + 10.625 * (100vw - 61.99875rem) / 25.18875);
        }
      }
      @media (max-width: 61.99875em) {
        .hero__slide {
          min-height: inherit;
        }
      }
      @supports (padding-top: clamp( 1.25rem , 0.6918604651rem  +  2.7906976744vw , 3.125rem )) {
        .hero__slide {
          padding-top: clamp( 1.25rem , 0.6918604651rem  +  2.7906976744vw , 3.125rem );
        }
      }
      @supports not (padding-top: clamp( 1.25rem , 0.6918604651rem  +  2.7906976744vw , 3.125rem )) {
        .hero__slide {
          padding-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (padding-left: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem )) {
        .hero__slide {
          padding-left: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem );
        }
      }
      @supports not (padding-left: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem )) {
        .hero__slide {
          padding-left: calc(1.25rem + 2.5 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (padding-right: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem )) {
        .hero__slide {
          padding-right: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem );
        }
      }
      @supports not (padding-right: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem )) {
        .hero__slide {
          padding-right: calc(1.25rem + 2.5 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (padding-bottom: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem )) {
        .hero__slide {
          padding-bottom: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem );
        }
      }
      @supports not (padding-bottom: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem )) {
        .hero__slide {
          padding-bottom: calc(1.25rem + 2.5 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
        .hero__slide {
          border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
        }
      }
      @supports not (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
        .hero__slide {
          border-radius: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .hero__slide-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 40rem;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }
      @media (max-width: 61.99875em) {
        .hero__slide-content {
          border-radius: 0.75rem;
          padding: 0.625rem;
          background-color: rgba(0, 0, 0, 0.7);
        }
      }
      .hero__init {
        overflow: hidden;
      }
      .hero__bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50%;
        object-position: 50%;
      }
      .hero__title {
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.02em;
        color: #fff;
      }
      @supports (font-size: clamp( 1.75rem , 1.1546511628rem  +  2.976744186vw , 3.75rem )) {
        .hero__title {
          font-size: clamp( 1.75rem , 1.1546511628rem  +  2.976744186vw , 3.75rem );
        }
      }
      @supports not (font-size: clamp( 1.75rem , 1.1546511628rem  +  2.976744186vw , 3.75rem )) {
        .hero__title {
          font-size: calc(1.75rem + 2 * (100vw - 20rem) / 67.1875);
        }
      }
      .hero__desc {
        line-height: 1.2;
        color: #fff;
      }
      @supports (font-size: clamp( 1.125rem , 0.9389534884rem  +  0.9302325581vw , 1.75rem )) {
        .hero__desc {
          font-size: clamp( 1.125rem , 0.9389534884rem  +  0.9302325581vw , 1.75rem );
        }
      }
      @supports not (font-size: clamp( 1.125rem , 0.9389534884rem  +  0.9302325581vw , 1.75rem )) {
        .hero__desc {
          font-size: calc(1.125rem + 0.625 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
        .hero__desc {
          margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
        }
      }
      @supports not (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
        .hero__desc {
          margin-top: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
        }
      }
      .hero__nav {
        position: absolute;
        right: calc(50% - 87.1875rem / 2);
        bottom: 2.5rem;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 0.375rem;
      }
      @media (max-width: 87.1875em) {
        .hero__nav {
          right: 1.25rem;
        }
      }
      @media (max-width: 61.99875em) {
        .hero__nav {
          display: none;
        }
      }
      .hero__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.2;
        text-align: center;
        color: var(--accent);
        min-height: 3.375rem;
        padding: 0.625rem 1.5625rem;
        border-radius: 0.75rem;
        transition-duration: 0.1s;
      }
      @supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
        .hero__btn {
          margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
        }
      }
      @supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
        .hero__btn {
          margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
        }
      }
      .hero__btn:hover {
        background-color: var(--accent);
        color: #fff;
      }

      .category-page__grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
      }
      @supports (gap: clamp( 0.625rem , 0.5319767442rem  +  0.4651162791vw , 0.9375rem )) {
        .category-page__grid {
          gap: clamp( 0.625rem , 0.5319767442rem  +  0.4651162791vw , 0.9375rem );
        }
      }
      @supports not (gap: clamp( 0.625rem , 0.5319767442rem  +  0.4651162791vw , 0.9375rem )) {
        .category-page__grid {
          gap: calc(0.625rem + 0.3125 * (100vw - 20rem) / 67.1875);
        }
      }
      @media (max-width: 87.1875em) {
        .category-page__grid {
          grid-template-columns: repeat(5, 1fr);
        }
      }
      @media (max-width: 61.99875em) {
        .category-page__grid {
          grid-template-columns: repeat(4, 1fr);
        }
      }
      @media (max-width: 47.99875em) {
        .category-page__grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }
      @media (max-width: 29.99875em) {
        .category-page__grid {
          grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr));
        }
      }
      .category-page__item {
        position: relative;
        background: var(--silver);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        transition-duration: 0.15s;
      }
      @supports (padding: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
        .category-page__item {
          padding: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
        }
      }
      @supports not (padding: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
        .category-page__item {
          padding: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (border-radius: clamp( 0.875rem , 0.4656976744rem  +  2.0465116279vw , 2.25rem )) {
        .category-page__item {
          border-radius: clamp( 0.875rem , 0.4656976744rem  +  2.0465116279vw , 2.25rem );
        }
      }
      @supports not (border-radius: clamp( 0.875rem , 0.4656976744rem  +  2.0465116279vw , 2.25rem )) {
        .category-page__item {
          border-radius: calc(0.875rem + 1.375 * (100vw - 20rem) / 67.1875);
        }
      }
      .category-page__item:hover {
        box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
      }
      .category-page__image {
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      @supports (width: clamp( 5rem , 4.0697674419rem  +  4.6511627907vw , 8.125rem )) {
        .category-page__image {
          width: clamp( 5rem , 4.0697674419rem  +  4.6511627907vw , 8.125rem );
        }
      }
      @supports not (width: clamp( 5rem , 4.0697674419rem  +  4.6511627907vw , 8.125rem )) {
        .category-page__image {
          width: calc(5rem + 3.125 * (100vw - 20rem) / 67.1875);
        }
      }
      .category-page__image img {
        max-width: 100%;
        max-height: 100%;
      }
      .category-page__title {
        font-weight: 500;
        line-height: 1.2;
        margin-top: 0.3125rem;
        text-align: center;
        color: var(--text);
      }
      @supports (font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem )) {
        .category-page__title {
          font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem );
        }
      }
      @supports not (font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem )) {
        .category-page__title {
          font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .category-page__title::before {
        content: "";
        position: absolute;
        inset: 0;
      }

      .products__wrapper {
        display: flex;
      }
      @supports ((-moz-column-gap: clamp( 1.875rem , -4.2784167039rem  +  9.9250657536vw , 4.375rem )) or (column-gap: clamp( 1.875rem , -4.2784167039rem  +  9.9250657536vw , 4.375rem ))) {
        .products__wrapper {
          -moz-column-gap: clamp( 1.875rem , -4.2784167039rem  +  9.9250657536vw , 4.375rem );
          column-gap: clamp( 1.875rem , -4.2784167039rem  +  9.9250657536vw , 4.375rem );
        }
      }
      @supports not ((-moz-column-gap: clamp( 1.875rem , -4.2784167039rem  +  9.9250657536vw , 4.375rem )) or (column-gap: clamp( 1.875rem , -4.2784167039rem  +  9.9250657536vw , 4.375rem ))) {
        .products__wrapper {
          -moz-column-gap: calc(1.875rem + 2.5 * (100vw - 61.99875rem) / 25.18875);
          column-gap: calc(1.875rem + 2.5 * (100vw - 61.99875rem) / 25.18875);
        }
      }
      @media (max-width: 61.99875em) {
        .products__wrapper {
          -moz-column-gap: inherit;
          column-gap: inherit;
        }
      }
      @media (max-width: 61.99875em) {
        .products__wrapper {
          flex-direction: column;
        }
      }
      .products__sidebar {
        flex: 0 0 13.125rem;
      }
      @media (max-width: 61.99875em) {
        .products__sidebar:not(.opened) {
          display: none;
        }
      }
      .products__sort select {
        display: none;
      }
      @supports (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
        .products__row {
          margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
        }
      }
      @supports not (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
        .products__row {
          margin-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .products__row-title {
        font-weight: 500;
        line-height: 1.1;
        margin-bottom: 0.9375rem;
      }
      @supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
        .products__row-title {
          font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
        }
      }
      @supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
        .products__row-title {
          font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
        }
      }
      .products__full-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 1.25rem;
      }
      @media (max-width: 73.125rem) {
        .products__full-grid {
          grid-template-columns: repeat(4, 1fr);
        }
      }
      @media (max-width: 62rem) {
        .products__full-grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }
      @media (max-width: 37.5rem) {
        .products__full-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 0.625rem;
        }
      }
      .products__range-fields {
        border: 0.0625rem solid #ededed;
        border-radius: 0.75rem;
        display: flex;
        height: 2.375rem;
        overflow: hidden;
      }
      .products__range-fields input {
        flex: 1;
        width: 100%;
        height: 100%;
        padding: 0.3125rem 0.75rem;
        font-weight: 500;
        font-size: 0.75rem;
        background-color: transparent;
      }
      .products__range-slider {
        margin-top: 0.9375rem;
        padding: 0 0.4375rem;
      }
      .products__search {
        position: relative;
        margin-bottom: 1.25rem;
      }
      .products__search input {
        height: 2.375rem;
        padding: 0 2.1875rem 0 0.9375rem;
        border: 0.0625rem solid #f4f4f4;
        border-radius: 0.75rem;
        outline: none;
        font-weight: 500;
        width: 100%;
      }
      @supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
        .products__search input {
          font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
        }
      }
      @supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
        .products__search input {
          font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
        }
      }
      .products__search::after {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 0.875rem;
        aspect-ratio: 1;
        background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#search-filter");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        right: 0.75rem;
        top: 0;
        bottom: 0;
        pointer-events: none;
      }
      .products__check-list {
        display: grid;
      }
      @supports (row-gap: clamp( 0.625rem , 0.513372093rem  +  0.5581395349vw , 1rem )) {
        .products__check-list {
          row-gap: clamp( 0.625rem , 0.513372093rem  +  0.5581395349vw , 1rem );
        }
      }
      @supports not (row-gap: clamp( 0.625rem , 0.513372093rem  +  0.5581395349vw , 1rem )) {
        .products__check-list {
          row-gap: calc(0.625rem + 0.375 * (100vw - 20rem) / 67.1875);
        }
      }
      .products__check-list label {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }
      .products__check-list label:not(.show) {
        display: none;
      }
      .products__check-list label input {
        display: none;
      }
      .products__check-list label input:checked + .products__check-item::before {
        background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#checkbox") no-repeat center/cover;
      }
      .products__check-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 500;
        font-size: 0.875rem;
        gap: 0.5rem;
        position: relative;
        padding-left: 1.75rem;
        min-height: 1.25rem;
      }
      .products__check-item span {
        font-weight: 400;
        color: #babfcb;
      }
      .products__check-item::before {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#rect-empty") no-repeat center/cover #FFFFFF;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
      }
      .products__check-all {
        margin-top: 1.25rem;
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1.2;
        color: var(--accent);
      }
      .products__body {
        flex: 1;
        min-width: 0;
      }
      @media (max-width: 61.9988em) {
        .products__body {
          display: flex;
          flex-direction: column;
        }
      }
      .products__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.25rem;
      }
      @media (max-width: 73.125rem) {
        .products__grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }
      @media (max-width: 37.5rem) {
        .products__grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 0.625rem;
        }
      }
      .products__brands {
        display: flex;
        gap: 0.9375rem;
      }
      @supports (margin-bottom: clamp( 1.875rem , 1.1308139535rem  +  3.7209302326vw , 4.375rem )) {
        .products__brands {
          margin-bottom: clamp( 1.875rem , 1.1308139535rem  +  3.7209302326vw , 4.375rem );
        }
      }
      @supports not (margin-bottom: clamp( 1.875rem , 1.1308139535rem  +  3.7209302326vw , 4.375rem )) {
        .products__brands {
          margin-bottom: calc(1.875rem + 2.5 * (100vw - 20rem) / 67.1875);
        }
      }
      .products__brands__init {
        overflow: hidden;
        flex: 1;
      }
      .products__brands-item {
        background: var(--silver);
        border-radius: 0.75rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.6875rem;
        padding: 0.9375rem 0.625rem 0.625rem;
        transition-duration: 0.15s;
      }
      .products__brands-item:hover {
        background-color: var(--accent);
        color: #fff;
      }
      .products__brands-logo {
        height: 3.125rem;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .products__brands-logo img {
        max-width: 100%;
        max-height: 100%;
        transition-duration: 0.15s;
      }
      .products__brands-name {
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1.2;
        color: #babfcb;
      }
      .products__brands-prev, .products__brands-next {
        border-radius: 0.75rem;
        background: var(--silver);
        width: 1.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition-duration: 0.15s;
      }
      .products__brands-prev svg, .products__brands-next svg {
        width: 70%;
        aspect-ratio: 1;
        transition-duration: 0.15s;
      }
      .products__brands-prev:hover, .products__brands-next:hover {
        background-color: var(--accent);
      }
      .products__brands-prev:hover svg, .products__brands-next:hover svg {
        filter: brightness(0) invert(1);
      }
      .products__brands-prev {
        transform: scale(-1, 1);
      }

      @supports (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
        .loadmore {
          margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
        }
      }
      @supports not (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
        .loadmore {
          margin-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .loadmore__btn {
        height: 3rem;
        width: 100%;
        justify-content: center;
      }

      .pager {
        display: flex;
        flex-wrap: wrap;
        gap: 0.375rem;
        justify-content: center;
      }
      @supports (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
        .pager {
          margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
        }
      }
      @supports not (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
        .pager {
          margin-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .pager a {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }
      .pager__prev {
        margin-right: 0.375rem;
      }
      .pager__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.75rem;
        background: var(--silver);
        width: 2.375rem;
        aspect-ratio: 1;
        font-weight: 500;
        font-size: 0.875rem;
        letter-spacing: 0.02em;
        text-align: center;
        color: #babfcb;
        transition-duration: 0.15s;
      }
      .pager__link:hover {
        background-color: var(--accent);
        color: #fff;
      }
      .pager__link.active {
        background-color: var(--text);
        color: #fff;
      }
      .pager__next {
        transform: scale(-1, 1);
        margin-left: 0.375rem;
      }
      .pager__prev, .pager__next {
        display: inline-flex;
        width: 1.5rem;
      }
      .pager__prev svg, .pager__next svg {
        width: 100%;
        aspect-ratio: 1;
      }

      .mobile-btn-filter {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        font-size: 1.25rem;
        font-weight: 500;
        padding: 0.5rem 0.9375rem;
        border-radius: 0.75rem;
        background-color: var(--silver);
        margin-bottom: 1.25rem;
        outline: none;
      }
      @media (min-width: 61.99875em) {
        .mobile-btn-filter {
          display: none;
        }
      }
      .mobile-btn-filter svg {
        width: 1.375rem;
        aspect-ratio: 1;
        transform: rotate(90deg);
        transition-duration: 0.15s;
      }
      .mobile-btn-filter.opened svg {
        width: 1.375rem;
        aspect-ratio: 1;
        transform: rotate(270deg);
      }

      .counter {
        border: 0.0625rem solid #f4f4f4;
        border-radius: 0.75rem;
        padding: 0.3125rem;
        display: flex;
        gap: 0.125rem;
        height: 3.375rem;
      }
      .counter__minus, .counter__plus {
        width: 1.5rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.5rem;
        outline: none;
        background: var(--silver);
        transition-duration: 0.15s;
      }
      .counter__minus::before, .counter__plus::before {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 0.875rem;
        aspect-ratio: 1;
        transition-duration: 0.15s;
      }
      .counter__minus:hover, .counter__plus:hover {
        background-color: var(--accent);
      }
      .counter__minus:hover::before, .counter__plus:hover::before {
        filter: brightness(0) invert(1);
      }
      .counter__value {
        text-align: center;
        border: none;
        outline: none;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
        padding: 0 0.3125rem;
        height: 100%;
      }
      @supports (width: clamp( 2.75rem , 2.3034883721rem  +  2.2325581395vw , 4.25rem )) {
        .counter__value {
          width: clamp( 2.75rem , 2.3034883721rem  +  2.2325581395vw , 4.25rem );
        }
      }
      @supports not (width: clamp( 2.75rem , 2.3034883721rem  +  2.2325581395vw , 4.25rem )) {
        .counter__value {
          width: calc(2.75rem + 1.5 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem )) {
        .counter__value {
          font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem );
        }
      }
      @supports not (font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem )) {
        .counter__value {
          font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .counter__minus::before {
        background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#minus") no-repeat center/cover;
      }
      .counter__plus::before {
        background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#plus") no-repeat center/cover;
      }

      .product-page {
        margin-top: 1.25rem;
      }
      .product-page__wrapper {
        display: grid;
        grid-template-columns: 30rem 1fr;
        gap: 3.125rem;
      }
      @media (max-width: 62.5rem) {
        .product-page__wrapper {
          grid-template-columns: 1fr;
        }
      }
      .product-page__gallery {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
      }
      .product-page__gallery-main {
        flex: 1;
        height: 100%;
      }
      @supports (height: clamp( 15rem , 12.023255814rem  +  14.8837209302vw , 25rem )) {
        .product-page__gallery-nav, .product-page__gallery-main {
          height: clamp( 15rem , 12.023255814rem  +  14.8837209302vw , 25rem );
        }
      }
      @supports not (height: clamp( 15rem , 12.023255814rem  +  14.8837209302vw , 25rem )) {
        .product-page__gallery-nav, .product-page__gallery-main {
          height: calc(15rem + 10 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__gallery-nav {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 0.125rem;
        flex-shrink: 0;
      }
      @supports (width: clamp( 2.5rem , 2.1279069767rem  +  1.8604651163vw , 3.75rem )) {
        .product-page__gallery-nav {
          width: clamp( 2.5rem , 2.1279069767rem  +  1.8604651163vw , 3.75rem );
        }
      }
      @supports not (width: clamp( 2.5rem , 2.1279069767rem  +  1.8604651163vw , 3.75rem )) {
        .product-page__gallery-nav {
          width: calc(2.5rem + 1.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__gallery-nav::-webkit-scrollbar {
        width: 0.125rem;
      }
      .product-page__gallery-nav--button {
        border: 0.0625rem solid #f4f4f4;
        width: 100%;
        padding: 0.25rem;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      @supports (border-radius: clamp( 0.375rem , 0.263372093rem  +  0.5581395349vw , 0.75rem )) {
        .product-page__gallery-nav--button {
          border-radius: clamp( 0.375rem , 0.263372093rem  +  0.5581395349vw , 0.75rem );
        }
      }
      @supports not (border-radius: clamp( 0.375rem , 0.263372093rem  +  0.5581395349vw , 0.75rem )) {
        .product-page__gallery-nav--button {
          border-radius: calc(0.375rem + 0.375 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__gallery-nav--button img {
        max-width: 100%;
        max-height: 100%;
      }
      .product-page__gallery-nav--button.active {
        border-color: var(--accent);
      }
      .product-page__gallery-main--slide {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .product-page__gallery-main--slide a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .product-page__gallery-main--slide:not(.active) {
        display: none;
      }
      .product-page__gallery-main--slide img {
        max-width: 100%;
        max-height: 100%;
        border-radius: 0.75rem;
      }
      .product-page__body {
        display: flex;
        align-items: flex-start;
      }
      @supports ((-moz-column-gap: clamp( 1.25rem , -3.3650625279rem  +  7.4437993152vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -3.3650625279rem  +  7.4437993152vw , 3.125rem ))) {
        .product-page__body {
          -moz-column-gap: clamp( 1.25rem , -3.3650625279rem  +  7.4437993152vw , 3.125rem );
          column-gap: clamp( 1.25rem , -3.3650625279rem  +  7.4437993152vw , 3.125rem );
        }
      }
      @supports not ((-moz-column-gap: clamp( 1.25rem , -3.3650625279rem  +  7.4437993152vw , 3.125rem )) or (column-gap: clamp( 1.25rem , -3.3650625279rem  +  7.4437993152vw , 3.125rem ))) {
        .product-page__body {
          -moz-column-gap: calc(1.25rem + 1.875 * (100vw - 61.99875rem) / 25.18875);
          column-gap: calc(1.25rem + 1.875 * (100vw - 61.99875rem) / 25.18875);
        }
      }
      @media (max-width: 61.99875em) {
        .product-page__body {
          -moz-column-gap: inherit;
          column-gap: inherit;
        }
      }
      @media (max-width: 73.125rem) {
        .product-page__body {
          flex-direction: column;
          gap: 1.25rem;
        }
      }
      .product-page__main {
        flex: 1;
        width: 100%;
      }
      .product-page__top {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.75rem;
        margin-bottom: 0.625rem;
      }
      .product-page__status {
        font-weight: 700;
        font-size: 0.75rem;
        line-height: 1.2;
        color: #5dc654;
      }
      .product-page__top-article {
        display: flex;
        gap: 4px;
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1.2;
        align-items: center;
        cursor: pointer;
        transition: 0.15s;
      }
      .product-page__top-article:hover {
        color: #a5acb9;
      }
      .product-page__article {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.2;
        margin-top: 16px;
        display: flex;
        align-items: center;
        gap: 4px;
        cursor: pointer;
        transition: 0.15s;
      }
      .product-page__article:hover {
        color: #a5acb9;
      }
      .product-card__article {
        color: #47494d;
        font-size: 0.8rem;
      }
      .product-page__title {
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.02em;
      }
      @supports (font-size: clamp( 1.375rem , 1.263372093rem  +  0.5581395349vw , 1.75rem )) {
        .product-page__title {
          font-size: clamp( 1.375rem , 1.263372093rem  +  0.5581395349vw , 1.75rem );
        }
      }
      @supports not (font-size: clamp( 1.375rem , 1.263372093rem  +  0.5581395349vw , 1.75rem )) {
        .product-page__title {
          font-size: calc(1.375rem + 0.375 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
        .product-page__price-table {
          margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
        }
      }
      @supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
        .product-page__price-table {
          margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__price-title {
        font-weight: 500;
        line-height: 1.2;
        margin-bottom: 0.75rem;
      }
      @supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
        .product-page__price-title {
          font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
        }
      }
      @supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
        .product-page__price-title {
          font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__price-table--grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
      }
      @supports ((-moz-column-gap: clamp( 0.5rem , 0.3511627907rem  +  0.7441860465vw , 1rem )) or (column-gap: clamp( 0.5rem , 0.3511627907rem  +  0.7441860465vw , 1rem ))) {
        .product-page__price-table--grid {
          -moz-column-gap: clamp( 0.5rem , 0.3511627907rem  +  0.7441860465vw , 1rem );
          column-gap: clamp( 0.5rem , 0.3511627907rem  +  0.7441860465vw , 1rem );
        }
      }
      @supports not ((-moz-column-gap: clamp( 0.5rem , 0.3511627907rem  +  0.7441860465vw , 1rem )) or (column-gap: clamp( 0.5rem , 0.3511627907rem  +  0.7441860465vw , 1rem ))) {
        .product-page__price-table--grid {
          -moz-column-gap: calc(0.5rem + 0.5 * (100vw - 20rem) / 67.1875);
          column-gap: calc(0.5rem + 0.5 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__price-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.3125rem;
        border-top: 0.0625rem solid #e6eaed;
        border-bottom: 0.0625rem solid #e6eaed;
        margin-top: -0.0625rem;
        padding: 0.25rem 0;
      }
      .product-page__price-item div {
        font-weight: 500;
        font-size: 0.75rem;
      }
      .product-page__price-item div:last-child {
        white-space: nowrap;
        font-weight: 700;
      }
      @supports (font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem )) {
        .product-page__price-item div:last-child {
          font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem );
        }
      }
      @supports not (font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem )) {
        .product-page__price-item div:last-child {
          font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__btns {
        display: flex;
        flex-wrap: wrap;
        gap: 0.625rem;
      }
      @supports (margin-top: clamp( 1.25rem , 0.7848837209rem  +  2.3255813953vw , 2.8125rem )) {
        .product-page__btns {
          margin-top: clamp( 1.25rem , 0.7848837209rem  +  2.3255813953vw , 2.8125rem );
        }
      }
      @supports not (margin-top: clamp( 1.25rem , 0.7848837209rem  +  2.3255813953vw , 2.8125rem )) {
        .product-page__btns {
          margin-top: calc(1.25rem + 1.5625 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__add {
        background-color: var(--orange);
        font-weight: 500;
        font-size: 1rem;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.25rem;
        height: 3.375rem;
        border-radius: 0.75rem;
        padding: 0 1.25rem 0 1.5625rem;
        transition-duration: 0.15s;
        white-space: nowrap;
      }
      .product-page__add:hover {
        box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
      }
      @media (max-width: 29.99875em) {
        .product-page__add {
          font-size: 0.875rem;
        }
      }
      .product-page__add svg {
        width: 1.25rem;
        aspect-ratio: 1;
        filter: brightness(0) invert(1);
      }
      @media (max-width: 47.99875em) {
        .product-page__add {
          font-size: 0;
          padding: 0;
          gap: 0;
          aspect-ratio: 1;
        }
      }
      .product-page__one-click {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        padding: 0 1.25rem 0 1.5625rem;
        border-radius: 0.75rem;
        border: 0.0625rem solid var(--accent);
        transition-duration: 0.15s;
        height: 3.375rem;
        font-weight: 500;
        font-size: 1rem;
        color: var(--text);
        transition-duration: 0.15s;
      }
      @supports (margin-top: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
        .product-page__one-click {
          margin-top: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
        }
      }
      @supports not (margin-top: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
        .product-page__one-click {
          margin-top: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__one-click svg {
        width: 1.25rem;
        aspect-ratio: 1;
        transition-duration: 0.15s;
      }
      .product-page__one-click:hover {
        background-color: var(--accent);
        color: #fff;
      }
      .product-page__one-click:hover svg {
        filter: brightness(0) invert(1);
      }
      .product-page__delivery {
        flex-shrink: 0;
        display: grid;
      }
      @supports (flex-basis: clamp( 16.25rem , -3.25rem  +  26.6666666667vw , 20rem )) {
        .product-page__delivery {
          flex-basis: clamp( 16.25rem , -3.25rem  +  26.6666666667vw , 20rem );
        }
      }
      @supports not (flex-basis: clamp( 16.25rem , -3.25rem  +  26.6666666667vw , 20rem )) {
        .product-page__delivery {
          flex-basis: calc(16.25rem + 3.75 * (100vw - 73.125rem) / 14.0625);
        }
      }
      @media (max-width: 73.125em) {
        .product-page__delivery {
          flex-basis: inherit;
        }
      }
      @supports (gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
        .product-page__delivery {
          gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
        }
      }
      @supports not (gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
        .product-page__delivery {
          gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
        }
      }
      @media (max-width: 73.125rem) {
        .product-page__delivery {
          margin-top: 1.25rem;
          grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        }
      }
      .product-page__delivery-item {
        display: flex;
        gap: 1.25rem;
        border: 0.0625rem solid #f4f4f4;
        border-radius: 0.75rem;
        padding-left: 1.0625rem;
        padding-right: 1.0625rem;
      }
      @supports (padding-top: clamp( 0.625rem , 0.401744186rem  +  1.1162790698vw , 1.375rem )) {
        .product-page__delivery-item {
          padding-top: clamp( 0.625rem , 0.401744186rem  +  1.1162790698vw , 1.375rem );
        }
      }
      @supports not (padding-top: clamp( 0.625rem , 0.401744186rem  +  1.1162790698vw , 1.375rem )) {
        .product-page__delivery-item {
          padding-top: calc(0.625rem + 0.75 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (padding-bottom: clamp( 0.625rem , 0.401744186rem  +  1.1162790698vw , 1.375rem )) {
        .product-page__delivery-item {
          padding-bottom: clamp( 0.625rem , 0.401744186rem  +  1.1162790698vw , 1.375rem );
        }
      }
      @supports not (padding-bottom: clamp( 0.625rem , 0.401744186rem  +  1.1162790698vw , 1.375rem )) {
        .product-page__delivery-item {
          padding-bottom: calc(0.625rem + 0.75 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-page__delivery-item img {
        flex-shrink: 0;
        width: 2rem;
        height: auto;
      }
      .product-page__delivery-content {
        flex: 1;
        display: grid;
        gap: 0.25rem;
      }
      .product-page__delivery-title {
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1.16;
        color: var(--accent);
      }
      .product-page__delivery-desc {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.2;
      }
      .product-page .product-card__badge {
        position: relative;
      }

      .btn-favorite {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 3.375rem;
        height: 3.375rem;
        background: var(--silver);
        border-radius: 0.75rem;
        outline: none;
        transition-duration: 0.15s;
      }
      .btn-favorite svg {
        width: 37.037037037%;
        aspect-ratio: 1;
        stroke: #BABFCB;
        transition-duration: 0.15s;
        fill: transparent;
      }
      .btn-favorite.active svg {
        opacity: 1;
        stroke: var(--text);
        fill: var(--text);
      }

      @supports (margin-top: clamp( 2.5rem , 1.6627906977rem  +  4.1860465116vw , 5.3125rem )) {
        .product-info {
          margin-top: clamp( 2.5rem , 1.6627906977rem  +  4.1860465116vw , 5.3125rem );
        }
      }
      @supports not (margin-top: clamp( 2.5rem , 1.6627906977rem  +  4.1860465116vw , 5.3125rem )) {
        .product-info {
          margin-top: calc(2.5rem + 2.8125 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-info__wrapper {
        display: grid;
        grid-template-columns: 30rem 1fr;
        row-gap: 1.25rem;
      }
      @supports ((-moz-column-gap: clamp( 1.875rem , -1.2017083519rem  +  4.9625328768vw , 3.125rem )) or (column-gap: clamp( 1.875rem , -1.2017083519rem  +  4.9625328768vw , 3.125rem ))) {
        .product-info__wrapper {
          -moz-column-gap: clamp( 1.875rem , -1.2017083519rem  +  4.9625328768vw , 3.125rem );
          column-gap: clamp( 1.875rem , -1.2017083519rem  +  4.9625328768vw , 3.125rem );
        }
      }
      @supports not ((-moz-column-gap: clamp( 1.875rem , -1.2017083519rem  +  4.9625328768vw , 3.125rem )) or (column-gap: clamp( 1.875rem , -1.2017083519rem  +  4.9625328768vw , 3.125rem ))) {
        .product-info__wrapper {
          -moz-column-gap: calc(1.875rem + 1.25 * (100vw - 61.99875rem) / 25.18875);
          column-gap: calc(1.875rem + 1.25 * (100vw - 61.99875rem) / 25.18875);
        }
      }
      @media (max-width: 61.99875em) {
        .product-info__wrapper {
          -moz-column-gap: inherit;
          column-gap: inherit;
        }
      }
      @media (max-width: 61.99875em) {
        .product-info__wrapper {
          grid-template-columns: 1fr;
        }
      }
      .product-info__content {
        padding-right: 1.875rem;
      }
      @media (max-width: 61.99875em) {
        .product-info__content {
          padding-right: 0;
        }
      }
      .product-info__title {
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.02em;
      }
      @supports (font-size: clamp( 1.25rem , 1.138372093rem  +  0.5581395349vw , 1.625rem )) {
        .product-info__title {
          font-size: clamp( 1.25rem , 1.138372093rem  +  0.5581395349vw , 1.625rem );
        }
      }
      @supports not (font-size: clamp( 1.25rem , 1.138372093rem  +  0.5581395349vw , 1.625rem )) {
        .product-info__title {
          font-size: calc(1.25rem + 0.375 * (100vw - 20rem) / 67.1875);
        }
      }
      @supports (margin-bottom: clamp( 0.9375rem , 0.8444767442rem  +  0.4651162791vw , 1.25rem )) {
        .product-info__title {
          margin-bottom: clamp( 0.9375rem , 0.8444767442rem  +  0.4651162791vw , 1.25rem );
        }
      }
      @supports not (margin-bottom: clamp( 0.9375rem , 0.8444767442rem  +  0.4651162791vw , 1.25rem )) {
        .product-info__title {
          margin-bottom: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 67.1875);
        }
      }
      .product-info__table {
        display: grid;
/*  grid-template-columns: repeat(2, 1fr);*/
}
@supports ((-moz-column-gap: clamp( 0.625rem , 0.1598837209rem  +  2.3255813953vw , 2.1875rem )) or (column-gap: clamp( 0.625rem , 0.1598837209rem  +  2.3255813953vw , 2.1875rem ))) {
  .product-info__table {
    -moz-column-gap: clamp( 0.625rem , 0.1598837209rem  +  2.3255813953vw , 2.1875rem );
    column-gap: clamp( 0.625rem , 0.1598837209rem  +  2.3255813953vw , 2.1875rem );
  }
}
@supports not ((-moz-column-gap: clamp( 0.625rem , 0.1598837209rem  +  2.3255813953vw , 2.1875rem )) or (column-gap: clamp( 0.625rem , 0.1598837209rem  +  2.3255813953vw , 2.1875rem ))) {
  .product-info__table {
    -moz-column-gap: calc(0.625rem + 1.5625 * (100vw - 20rem) / 67.1875);
    column-gap: calc(0.625rem + 1.5625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (row-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .product-info__table {
    row-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
  }
}
@supports not (row-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .product-info__table {
    row-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 29.99875em) {
  .product-info__table {
    grid-template-columns: 1fr;
  }
}
.product-info__table-item {
  font-weight: 500;
  font-size: 0.75rem;
  display: flex;
  justify-content: space-between;
  gap: 0.3125rem 0.625rem;
}
.product-info__table-item div {
  width: 50%;
  padding-bottom: 0.3125rem;
  border-bottom: 0.0625rem solid #e6eaed;
}
.product-info__table-item div:last-child {
  font-weight: bold;
}

.sales-page__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.9375rem;
}
@media (max-width: 29.99875em) {
  .sales-page__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.sale-page__wrapper {
  display: flex;
}
@supports ((-moz-column-gap: clamp( 2.5rem , -11.3451875837rem  +  22.3313979455vw , 8.125rem )) or (column-gap: clamp( 2.5rem , -11.3451875837rem  +  22.3313979455vw , 8.125rem ))) {
  .sale-page__wrapper {
    -moz-column-gap: clamp( 2.5rem , -11.3451875837rem  +  22.3313979455vw , 8.125rem );
    column-gap: clamp( 2.5rem , -11.3451875837rem  +  22.3313979455vw , 8.125rem );
  }
}
@supports not ((-moz-column-gap: clamp( 2.5rem , -11.3451875837rem  +  22.3313979455vw , 8.125rem )) or (column-gap: clamp( 2.5rem , -11.3451875837rem  +  22.3313979455vw , 8.125rem ))) {
  .sale-page__wrapper {
    -moz-column-gap: calc(2.5rem + 5.625 * (100vw - 61.99875rem) / 25.18875);
    column-gap: calc(2.5rem + 5.625 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .sale-page__wrapper {
    -moz-column-gap: inherit;
    column-gap: inherit;
  }
}
@media (max-width: 61.99875em) {
  .sale-page__wrapper {
    flex-direction: column;
    gap: 1.875rem;
  }
}
@supports (min-height: clamp( 11.25rem , 7.5247713415rem  +  10.3658536585vw , 16.5625rem )) {
  .sale-page .sale-card {
    min-height: clamp( 11.25rem , 7.5247713415rem  +  10.3658536585vw , 16.5625rem );
  }
}
@supports not (min-height: clamp( 11.25rem , 7.5247713415rem  +  10.3658536585vw , 16.5625rem )) {
  .sale-page .sale-card {
    min-height: calc(11.25rem + 5.3125 * (100vw - 35.9375rem) / 51.25);
  }
}
@media (max-width: 35.9375em) {
  .sale-page .sale-card {
    min-height: inherit;
  }
}
@supports (row-gap: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .sale-page .sale-card {
    row-gap: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (row-gap: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .sale-page .sale-card {
    row-gap: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (font-size: clamp( 1.5rem , 1.2395348837rem  +  1.3023255814vw , 2.375rem )) {
  .sale-page .sale-card__title {
    font-size: clamp( 1.5rem , 1.2395348837rem  +  1.3023255814vw , 2.375rem );
  }
}
@supports not (font-size: clamp( 1.5rem , 1.2395348837rem  +  1.3023255814vw , 2.375rem )) {
  .sale-page .sale-card__title {
    font-size: calc(1.5rem + 0.875 * (100vw - 20rem) / 67.1875);
  }
}
.sale-page .sale-card__date,
.sale-page .sale-card__title {
  max-width: 25rem;
}
.sale-page__sidebar {
  flex: 0 0 20.625rem;
}
.sale-page__sidebar-title {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
@supports (font-size: clamp( 1.125rem , 1.013372093rem  +  0.5581395349vw , 1.5rem )) {
  .sale-page__sidebar-title {
    font-size: clamp( 1.125rem , 1.013372093rem  +  0.5581395349vw , 1.5rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.013372093rem  +  0.5581395349vw , 1.5rem )) {
  .sale-page__sidebar-title {
    font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 67.1875);
  }
}

.faq {
  display: grid;
}
@supports (row-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .faq {
    row-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
  }
}
@supports not (row-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .faq {
    row-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.faq__item {
  border: 0.0625rem solid #f4f4f4;
  border-radius: 0.75rem;
  cursor: pointer;
  transition-duration: 0.15s;
}
.faq__item.active {
  border-color: var(--silver);
  background-color: var(--silver);
}
.faq__item.active .faq__title::after {
  transform: rotate(270deg);
}
.faq__title {
  font-weight: 500;
  line-height: 1.2;
  padding: 0.75rem 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .faq__title {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .faq__title {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.faq__title::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1.125rem;
  aspect-ratio: 1;
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#arrow-list") no-repeat center/cover;
  transform: rotate(90deg);
  transition-duration: 0.15s;
}
.faq__content {
  overflow: hidden;
  height: 0;
  transition-duration: 0.35s;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
}
.faq__content-body {
  padding: 0 0.9375rem 0.9375rem;
}
.faq a {
  text-decoration: underline;
}

.cart__wrapper {
  display: flex;
}
@supports ((-moz-column-gap: clamp( 2.5rem , -15.1910730237rem  +  28.5345640415vw , 9.6875rem )) or (column-gap: clamp( 2.5rem , -15.1910730237rem  +  28.5345640415vw , 9.6875rem ))) {
  .cart__wrapper {
    -moz-column-gap: clamp( 2.5rem , -15.1910730237rem  +  28.5345640415vw , 9.6875rem );
    column-gap: clamp( 2.5rem , -15.1910730237rem  +  28.5345640415vw , 9.6875rem );
  }
}
@supports not ((-moz-column-gap: clamp( 2.5rem , -15.1910730237rem  +  28.5345640415vw , 9.6875rem )) or (column-gap: clamp( 2.5rem , -15.1910730237rem  +  28.5345640415vw , 9.6875rem ))) {
  .cart__wrapper {
    -moz-column-gap: calc(2.5rem + 7.1875 * (100vw - 61.99875rem) / 25.18875);
    column-gap: calc(2.5rem + 7.1875 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .cart__wrapper {
    -moz-column-gap: inherit;
    column-gap: inherit;
  }
}
@media (max-width: 61.99875em) {
  .cart__wrapper {
    flex-direction: column;
    row-gap: 30px;
  }
}
.cart__body {
  flex: 1;
}
.cart__sidebar {
  flex-shrink: 0;
}
@supports (flex-basis: clamp( 21.875rem , 9.5681665922rem  +  19.8501315071vw , 26.875rem )) {
  .cart__sidebar {
    flex-basis: clamp( 21.875rem , 9.5681665922rem  +  19.8501315071vw , 26.875rem );
  }
}
@supports not (flex-basis: clamp( 21.875rem , 9.5681665922rem  +  19.8501315071vw , 26.875rem )) {
  .cart__sidebar {
    flex-basis: calc(21.875rem + 5 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .cart__sidebar {
    flex-basis: inherit;
  }
}
.cart__sidebar-title {
  font-weight: 700;
  line-height: 1.2;
  padding: 0 15px;
}
@supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .cart__sidebar-title {
    font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .cart__sidebar-title {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.cart__table {
  padding: 15px 15px 0;
  display: grid;
  row-gap: 10px;
}
.cart__table-row {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.16;
  display: grid;
  grid-template-columns: 1fr 35%;
  gap: 10px;
}
.cart__table-row:not(:last-child) div {
  padding-bottom: 5px;
  border-bottom: 1px solid #e6eaed;
}
.cart__table-row:not(:last-child) div:last-child {
  font-weight: 700;
  font-size: 14px;
}
@supports (font-size: clamp( 1.25rem , 1.1011627907rem  +  0.7441860465vw , 1.75rem )) {
  .cart__table-row:last-child div {
    font-size: clamp( 1.25rem , 1.1011627907rem  +  0.7441860465vw , 1.75rem );
  }
}
@supports not (font-size: clamp( 1.25rem , 1.1011627907rem  +  0.7441860465vw , 1.75rem )) {
  .cart__table-row:last-child div {
    font-size: calc(1.25rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
.cart__table-row .sale {
  color: #e81f1f;
}
.cart__order {
  border-radius: 12px;
  background: var(--orange);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  transition-duration: 0.15s;
}
@supports (height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem )) {
  .cart__order {
    height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem );
  }
}
@supports not (height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem )) {
  .cart__order {
    height: calc(3.375rem + 0.875 * (100vw - 20rem) / 67.1875);
  }
}
@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .cart__order {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .cart__order {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.cart__order:hover {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}
.cart__radio-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 12px;
}
.cart__radio-fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.cart__radio-fields input {
  display: none;
}
.cart__radio-fields input:checked + .cart__radio-field {
  border-color: var(--text);
}
.cart__radio-fields input:checked + .cart__radio-field::before {
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#checkbox") no-repeat center/cover;
}
@media (max-width: 47.99875em) {
  .cart__radio-fields {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.cart__radio-field {
  border: 1px solid #e6eaed;
  border-radius: 12px;
  padding: 9px 10px 9px 41px;
  position: relative;
  min-height: 58px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.cart__radio-field::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#rect-empty") no-repeat center/cover #FFFFFF;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cart__radio-field::before input {
  display: none;
}
.cart__radio-field--title {
  font-size: 16px;
}
.cart__radio-field--desc {
  font-weight: 500;
  font-size: 12px;
  color: #a5acb9;
  margin-top: 4px;
}
.cart__order-title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
}
.cart__order-fields {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
@media (min-width: 47.99875em) {
  .cart__order-fields .input:first-child {
    grid-column: span 2;
  }
  .cart__order-fields .input:nth-child(2) {
    grid-column: span 3;
  }
}
@media (max-width: 47.99875em) {
  .cart__order-fields {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
.cart-table__center {
  display: flex;
  white-space: nowrap;
}
@supports ((-moz-column-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) or (column-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem ))) {
  .cart-table__center {
    -moz-column-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
    column-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
  }
}
@supports not ((-moz-column-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) or (column-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem ))) {
  .cart-table__center {
    -moz-column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
    column-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.cart-table__price-item--caption {
  font-size: 12px;
  font-weight: bold;
  color: var(--inputColor);
}
.cart-table__price-item--value {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.02em;
}
.cart-table__row {
  display: flex;
  justify-content: space-between;
  gap: 20px 40px;
  padding: 18px 0;
  margin-bottom: -1px;
  border-top: 1px solid #e6eaed;
  border-bottom: 1px solid #e6eaed;
}
@media (max-width: 575px) {
  .cart-table__row {
    flex-direction: column;
  }
}
.cart-table__row-favorites {
  align-items: center;
}
.cart-table__row-favorites .cart-table__title {
  margin: 0;
}
@supports (width: clamp( 3.75rem , 3.1918604651rem  +  2.7906976744vw , 5.625rem )) {
  .cart-table__row-favorites .cart-table__image {
    width: clamp( 3.75rem , 3.1918604651rem  +  2.7906976744vw , 5.625rem );
  }
}
@supports not (width: clamp( 3.75rem , 3.1918604651rem  +  2.7906976744vw , 5.625rem )) {
  .cart-table__row-favorites .cart-table__image {
    width: calc(3.75rem + 1.875 * (100vw - 20rem) / 67.1875);
  }
}
@supports ((-moz-column-gap: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem )) or (column-gap: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem ))) {
  .cart-table__row-favorites .cart-table__left {
    -moz-column-gap: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem );
    column-gap: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem );
  }
}
@supports not ((-moz-column-gap: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem )) or (column-gap: clamp( 1.25rem , 0.5058139535rem  +  3.7209302326vw , 3.75rem ))) {
  .cart-table__row-favorites .cart-table__left {
    -moz-column-gap: calc(1.25rem + 2.5 * (100vw - 20rem) / 67.1875);
    column-gap: calc(1.25rem + 2.5 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 47.99875em) {
  .cart-table__row-favorites {
    flex-direction: column;
  }
}
.cart-table__left {
  display: flex;
}
@supports ((-moz-column-gap: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem )) or (column-gap: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem ))) {
  .cart-table__left {
    -moz-column-gap: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem );
    column-gap: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem );
  }
}
@supports not ((-moz-column-gap: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem )) or (column-gap: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem ))) {
  .cart-table__left {
    -moz-column-gap: calc(0.625rem + 1.25 * (100vw - 20rem) / 67.1875);
    column-gap: calc(0.625rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
.cart-table__image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@supports (width: clamp( 5rem , 4.2558139535rem  +  3.7209302326vw , 7.5rem )) {
  .cart-table__image {
    width: clamp( 5rem , 4.2558139535rem  +  3.7209302326vw , 7.5rem );
  }
}
@supports not (width: clamp( 5rem , 4.2558139535rem  +  3.7209302326vw , 7.5rem )) {
  .cart-table__image {
    width: calc(5rem + 2.5 * (100vw - 20rem) / 67.1875);
  }
}
.cart-table__image img {
  max-width: 100%;
  max-height: 100%;
}
.cart-table__info {
  display: flex;
  flex-direction: column;
}
.cart-table .product-card__badge {
  position: relative;
}
.cart-table__info-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin-bottom: 12px;
}
.cart-table__title {
  font-weight: 500;
  line-height: 1;
  margin-bottom: 20px;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .cart-table__title {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .cart-table__title {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.cart-table__price {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 7px;
}
@supports (font-size: clamp( 1rem , 0.9255813953rem  +  0.3720930233vw , 1.25rem )) {
  .cart-table__price {
    font-size: clamp( 1rem , 0.9255813953rem  +  0.3720930233vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9255813953rem  +  0.3720930233vw , 1.25rem )) {
  .cart-table__price {
    font-size: calc(1rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.cart-table__price span {
  text-decoration: line-through;
}
.cart-table__price span + b {
  color: #e70c0c;
}
.cart-table__right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cart-table__right-top {
  display: flex;
  gap: 10px;
}
.cart-table__right-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  margin-top: auto;
  gap: 5px;
}
@media (max-width: 575px) {
  .cart-table__right-bottom {
    margin-top: 0;
    align-self: center;
    margin-left: auto;
  }
}
.cart-table__count {
  font-weight: 700;
  font-size: 12px;
  color: #babfcb;
}
.cart-table__total {
  color: var(--text);
}
@supports (font-size: clamp( 1.125rem , 0.9761627907rem  +  0.7441860465vw , 1.625rem )) {
  .cart-table__total {
    font-size: clamp( 1.125rem , 0.9761627907rem  +  0.7441860465vw , 1.625rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 0.9761627907rem  +  0.7441860465vw , 1.625rem )) {
  .cart-table__total {
    font-size: calc(1.125rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}

.thanks + .footer {
  margin-top: 0;
}
.thanks__wrapper {
  display: flex;
}
@supports (gap: clamp( 2.5rem , -6.7301250558rem  +  14.8875986303vw , 6.25rem )) {
  .thanks__wrapper {
    gap: clamp( 2.5rem , -6.7301250558rem  +  14.8875986303vw , 6.25rem );
  }
}
@supports not (gap: clamp( 2.5rem , -6.7301250558rem  +  14.8875986303vw , 6.25rem )) {
  .thanks__wrapper {
    gap: calc(2.5rem + 3.75 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .thanks__wrapper {
    gap: inherit;
  }
}
.thanks__main {
  flex-shrink: 0;
  padding-bottom: 2.5rem;
  width: 100%;
}
@supports (flex-basis: clamp( 20rem , -1.5369584636rem  +  34.7377301375vw , 28.75rem )) {
  .thanks__main {
    flex-basis: clamp( 20rem , -1.5369584636rem  +  34.7377301375vw , 28.75rem );
  }
}
@supports not (flex-basis: clamp( 20rem , -1.5369584636rem  +  34.7377301375vw , 28.75rem )) {
  .thanks__main {
    flex-basis: calc(20rem + 8.75 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .thanks__main {
    flex-basis: inherit;
  }
}
.thanks__desc {
  line-height: 1.4;
}
@supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .thanks__desc {
    font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .thanks__desc {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .thanks__desc {
    margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .thanks__desc {
    margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.thanks__date {
  position: relative;
  padding: 0.75rem 3.625rem 0.75rem 0.75rem;
  border: 0.0625rem solid #f4f4f4;
  border-radius: 0.75rem;
  max-width: 20rem;
}
@supports (margin-top: clamp( 0.9375rem , 0.8444767442rem  +  0.4651162791vw , 1.25rem )) {
  .thanks__date {
    margin-top: clamp( 0.9375rem , 0.8444767442rem  +  0.4651162791vw , 1.25rem );
  }
}
@supports not (margin-top: clamp( 0.9375rem , 0.8444767442rem  +  0.4651162791vw , 1.25rem )) {
  .thanks__date {
    margin-top: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 67.1875);
  }
}
.thanks__date svg {
  width: 2rem;
  aspect-ratio: 1;
  position: absolute;
  right: 1.125rem;
  top: 0;
  bottom: 0;
  margin: auto;
  color: var(--accent);
}
.thanks__date-title {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.16;
  color: var(--accent);
}
.thanks__date-desc {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  margin-top: 0.3125rem;
}
.thanks__comment {
  color: #a5acb9;
}
@supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .thanks__comment {
    font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
  }
}
@supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .thanks__comment {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .thanks__comment {
    margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .thanks__comment {
    margin-top: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .thanks__btn {
    margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .thanks__btn {
    margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.thanks__image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
@supports (flex-basis: clamp( 13.75rem , 2.9815207682rem  +  17.3688650687vw , 18.125rem )) {
  .thanks__image {
    flex-basis: clamp( 13.75rem , 2.9815207682rem  +  17.3688650687vw , 18.125rem );
  }
}
@supports not (flex-basis: clamp( 13.75rem , 2.9815207682rem  +  17.3688650687vw , 18.125rem )) {
  .thanks__image {
    flex-basis: calc(13.75rem + 4.375 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .thanks__image {
    flex-basis: inherit;
  }
}
.thanks__image::before {
  content: "";
  position: absolute;
  left: -1.4375rem;
  top: 0.8125rem;
  right: -1.4375rem;
  border-radius: 100%;
  background-color: var(--silver);
  aspect-ratio: 1;
  z-index: -1;
}
.thanks__image img {
  width: 100%;
}
@media (max-width: 61.99875em) {
  .thanks__image {
    display: none;
  }
}
.thanks__list {
  display: grid;
  gap: 0.625rem;
  align-self: flex-start;
  margin-left: auto;
  flex-shrink: 0;
}
@supports (flex-basis: clamp( 16.25rem , 5.4815207682rem  +  17.3688650687vw , 20.625rem )) {
  .thanks__list {
    flex-basis: clamp( 16.25rem , 5.4815207682rem  +  17.3688650687vw , 20.625rem );
  }
}
@supports not (flex-basis: clamp( 16.25rem , 5.4815207682rem  +  17.3688650687vw , 20.625rem )) {
  .thanks__list {
    flex-basis: calc(16.25rem + 4.375 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .thanks__list {
    flex-basis: inherit;
  }
}
@media (max-width: 61.99875em) {
  .thanks__list {
    display: none;
  }
}
.thanks__list-item {
  position: relative;
  padding: 1.25rem 1.25rem 1.25rem 0;
}
.thanks__list-item::before {
  content: "";
  position: absolute;
  left: 2.125rem;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--silver);
  z-index: -1;
}
@supports (border-radius: clamp( 1.375rem , 1.1889534884rem  +  0.9302325581vw , 2rem )) {
  .thanks__list-item::before {
    border-radius: clamp( 1.375rem , 1.1889534884rem  +  0.9302325581vw , 2rem );
  }
}
@supports not (border-radius: clamp( 1.375rem , 1.1889534884rem  +  0.9302325581vw , 2rem )) {
  .thanks__list-item::before {
    border-radius: calc(1.375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.thanks__list-title {
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--accent);
}
@supports (font-size: clamp( 2.375rem , 2.0773255814rem  +  1.488372093vw , 3.375rem )) {
  .thanks__list-title {
    font-size: clamp( 2.375rem , 2.0773255814rem  +  1.488372093vw , 3.375rem );
  }
}
@supports not (font-size: clamp( 2.375rem , 2.0773255814rem  +  1.488372093vw , 3.375rem )) {
  .thanks__list-title {
    font-size: calc(2.375rem + 1 * (100vw - 20rem) / 67.1875);
  }
}
.thanks__list-desc {
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--text);
}
@supports (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .thanks__list-desc {
    font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .thanks__list-desc {
    font-size: calc(1.125rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}

.lc__notifications {
  padding: 20px 30px 30px;
  background: var(--silver);
}
@supports (border-radius: clamp( 0.75rem , 0.4895348837rem  +  1.3023255814vw , 1.625rem )) {
  .lc__notifications {
    border-radius: clamp( 0.75rem , 0.4895348837rem  +  1.3023255814vw , 1.625rem );
  }
}
@supports not (border-radius: clamp( 0.75rem , 0.4895348837rem  +  1.3023255814vw , 1.625rem )) {
  .lc__notifications {
    border-radius: calc(0.75rem + 0.875 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 47.99875em) {
  .lc__notifications {
    padding: 20px;
  }
}
.lc__notifications-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.lc__notifications-top--title {
  font-weight: 500;
}
@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .lc__notifications-top--title {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .lc__notifications-top--title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.lc__notifications-switch {
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.lc__notifications-list {
  margin-top: 10px;
}
.lc__notifications-item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid #e6eaed;
}
@supports (padding-top: clamp( 0.625rem , 0.4761627907rem  +  0.7441860465vw , 1.125rem )) {
  .lc__notifications-item {
    padding-top: clamp( 0.625rem , 0.4761627907rem  +  0.7441860465vw , 1.125rem );
  }
}
@supports not (padding-top: clamp( 0.625rem , 0.4761627907rem  +  0.7441860465vw , 1.125rem )) {
  .lc__notifications-item {
    padding-top: calc(0.625rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-bottom: clamp( 0.625rem , 0.4761627907rem  +  0.7441860465vw , 1.125rem )) {
  .lc__notifications-item {
    padding-bottom: clamp( 0.625rem , 0.4761627907rem  +  0.7441860465vw , 1.125rem );
  }
}
@supports not (padding-bottom: clamp( 0.625rem , 0.4761627907rem  +  0.7441860465vw , 1.125rem )) {
  .lc__notifications-item {
    padding-bottom: calc(0.625rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
.lc__notifications-item:last-child {
  border-bottom: 1px solid #e6eaed;
}
@media (max-width: 47.99875em) {
  .lc__notifications-item {
    flex-direction: column;
  }
}
.lc__notifications-item--left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.lc__notifications-item--icon {
  aspect-ratio: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 10px;
}
@supports (width: clamp( 1.625rem , 1.4761627907rem  +  0.7441860465vw , 2.125rem )) {
  .lc__notifications-item--icon {
    width: clamp( 1.625rem , 1.4761627907rem  +  0.7441860465vw , 2.125rem );
  }
}
@supports not (width: clamp( 1.625rem , 1.4761627907rem  +  0.7441860465vw , 2.125rem )) {
  .lc__notifications-item--icon {
    width: calc(1.625rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
.lc__notifications-item--icon svg {
  width: 58.8235294118%;
  aspect-ratio: 1;
}
.lc__notifications-item--title {
  font-weight: 700;
  font-size: 16px;
}
.lc__notifications-item--desc {
  font-size: 12px;
  margin-top: 4px;
}
.lc__notifications-item--date {
  font-weight: 500;
  font-size: 12px;
  color: #a5acb9;
}
@media (max-width: 47.99875em) {
  .lc__notifications-item--date {
    text-align: right;
  }
}
@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .lc .faq__title {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .lc .faq__title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .lc .faq__content-body {
    font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .lc .faq__content-body {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-bottom: clamp( 1.25rem , 1.1569767442rem  +  0.4651162791vw , 1.5625rem )) {
  .lc .faq__content-body {
    padding-bottom: clamp( 1.25rem , 1.1569767442rem  +  0.4651162791vw , 1.5625rem );
  }
}
@supports not (padding-bottom: clamp( 1.25rem , 1.1569767442rem  +  0.4651162791vw , 1.5625rem )) {
  .lc .faq__content-body {
    padding-bottom: calc(1.25rem + 0.3125 * (100vw - 20rem) / 67.1875);
  }
}
.lc__faq-title {
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.02em;
}
@supports (font-size: clamp( 1.375rem , 1.3005813953rem  +  0.3720930233vw , 1.625rem )) {
  .lc__faq-title {
    font-size: clamp( 1.375rem , 1.3005813953rem  +  0.3720930233vw , 1.625rem );
  }
}
@supports not (font-size: clamp( 1.375rem , 1.3005813953rem  +  0.3720930233vw , 1.625rem )) {
  .lc__faq-title {
    font-size: calc(1.375rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.lc__addresses {
  display: grid;
  row-gap: 10px;
}
.lc__address-row {
  display: flex;
  gap: 15px;
  border-radius: 20px;
  background-color: #fff;
  padding: 10px;
  display: grid;
  grid-template-columns: 295px 1fr 215px auto;
  align-items: center;
}
@media (max-width: 87.1875em) {
  .lc__address-row {
    grid-template-columns: 1fr 1fr 1fr auto;
  }
}
@media (max-width: 47.99875em) {
  .lc__address-row {
    grid-template-columns: 1fr;
  }
}
.lc__sub-title {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 12px;
}
.lc__line {
  margin-top: 30px;
}
.lc__line-bar {
  height: 12px;
  border: 1px solid #d8dfe8;
  border-radius: 6px;
  position: relative;
}
.lc__line-bar span {
  position: absolute;
  inset: 4px;
  background-color: var(--text);
  border-radius: 6px;
}
.lc__line-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 575px) {
  .lc__line-list {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 20px;
  }
}
.lc__line-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding-top: 15px;
  position: relative;
  text-align: center;
}
@media (max-width: 575px) {
  .lc__line-item {
    margin-top: 20px;
  }
}
.lc__line-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: -19px;
  right: 0;
  margin: auto;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  border: 1px solid #D8DFE8;
  background-color: #fff;
}
.lc__line-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: -11px;
  right: 0;
  margin: auto;
  background-color: #D8DFE8;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.lc__line-item.active::before {
  border-color: var(--text);
}
.lc__line-item.active::after {
  background-color: var(--text);
}
.lc__line-item:last-child .lc__line-item--title {
  color: var(--accent);
}
.lc__line-item:last-child .lc__line-item--value {
  background-color: var(--accent);
  color: #fff;
}
.lc__line-item:last-child::after {
  background-color: var(--accent);
}
.lc__line-item:last-child.active::after {
  background-color: var(--text);
}
.lc__line-item--title {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: var(--inputColor);
}
.lc__line-item--value {
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 6px;
  background-color: var(--silver);
}
.lc__personal {
  display: grid;
  grid-template-columns: 445px 1fr 1fr;
  gap: 15px;
  --radius: 26px;
}
@media (max-width: 87.1875em) {
  .lc__personal {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
@media (max-width: 47.99875em) {
  .lc__personal {
    --radius: 12px;
  }
}
.lc__personal svg {
  aspect-ratio: 1;
  flex-shrink: 0;
}
@supports (width: clamp( 1.875rem , 1.6889534884rem  +  0.9302325581vw , 2.5rem )) {
  .lc__personal svg {
    width: clamp( 1.875rem , 1.6889534884rem  +  0.9302325581vw , 2.5rem );
  }
}
@supports not (width: clamp( 1.875rem , 1.6889534884rem  +  0.9302325581vw , 2.5rem )) {
  .lc__personal svg {
    width: calc(1.875rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.lc__personal-item {
  background: #f6f8fa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 30px;
  border-radius: var(--radius);
  padding: 18px 20px 18px 33px;
  font-weight: 500;
  font-size: 12px;
}
.lc__personal-item--platinum {
  background-color: var(--accent);
  color: #fff;
}
@media (max-width: 47.99875em) {
  .lc__personal-item {
    padding: 10px 10px 10px 20px;
  }
}
.lc__personal-status {
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background-color: var(--text);
  padding: 18px 20px 18px 33px;
}
@media (max-width: 47.99875em) {
  .lc__personal-status {
    padding: 10px 10px 10px 20px;
  }
}
.lc__personal-status svg {
  color: #fff;
}
.lc__personal-status--body {
  color: #fff;
}
.lc__personal-status--title {
  font-weight: 700;
}
@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .lc__personal-status--title {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .lc__personal-status--title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.lc__personal-status--desc {
  font-weight: 500;
  font-size: 14px;
  margin-top: 5px;
}
.lc__password-message {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 10px;
  line-height: 120%;
  margin-top: 20px;
}
.lc__password-message svg {
  width: 16px;
  aspect-ratio: 1;
}
@media (max-width: 1170px) {
  .lc .product-page__add {
    font-size: 0;
    padding: 0;
    gap: 0;
    aspect-ratio: 1;
  }
}
@media (max-width: 375px) {
  .lc .cart-table__right-top {
    flex-wrap: wrap;
  }
  .lc .cart-table__right-bottom {
    width: 100%;
    order: 1;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }
}
.lc__wrpaper {
  display: flex;
}
@supports ((-moz-column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem )) or (column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem ))) {
  .lc__wrpaper {
    -moz-column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem );
    column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem );
  }
}
@supports not ((-moz-column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem )) or (column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem ))) {
  .lc__wrpaper {
    -moz-column-gap: calc(2.5rem + 4.6875 * (100vw - 61.99875rem) / 25.18875);
    column-gap: calc(2.5rem + 4.6875 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .lc__wrpaper {
    -moz-column-gap: inherit;
    column-gap: inherit;
  }
}
@media (max-width: 61.99875em) {
  .lc__wrpaper {
    flex-direction: column;
    row-gap: 20px;
  }
}
.lc__sidebar {
  flex: 0 0 230px;
}
.lc__user {
  padding: 10px 18px 10px 10px;
  border: 1px solid #e6eaed;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.lc__user-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.lc__user-status {
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  background-color: var(--text);
  border-radius: 6px;
  padding: 3px 7px;
  margin-bottom: 6px;
}
.lc__user-name {
  font-weight: 700;
  font-size: 16px;
}
.lc__user-tel {
  font-weight: 500;
  font-size: 10px;
  margin-top: 4px;
}
.lc__user-icon {
  aspect-ratio: 1;
  border-radius: 8px;
  background-color: var(--silver);
  display: flex;
  align-items: center;
  justify-content: center;
}
@supports (width: clamp( 2.5rem , 2.3511627907rem  +  0.7441860465vw , 3rem )) {
  .lc__user-icon {
    width: clamp( 2.5rem , 2.3511627907rem  +  0.7441860465vw , 3rem );
  }
}
@supports not (width: clamp( 2.5rem , 2.3511627907rem  +  0.7441860465vw , 3rem )) {
  .lc__user-icon {
    width: calc(2.5rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
.lc__user-icon svg {
  width: 50%;
  aspect-ratio: 1;
}
@supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .lc__sidebar-list {
    margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .lc__sidebar-list {
    margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.lc__sidebar-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px 10px;
  padding: 12px 12px 12px 14px;
  border-radius: 12px;
  position: relative;
  margin-bottom: -1px;
}
.lc__sidebar-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 14px;
  bottom: 0;
  height: 1px;
  background-color: #e6eaed;
}
.lc__sidebar-item.active {
  background-color: var(--text);
  color: #fff;
}
.lc__sidebar-item.active .lc__sidebar-item--icon {
  filter: brightness(0) invert(1);
}
.lc__sidebar-item.active::before {
  display: none;
}
.lc__sidebar-item:last-child {
  color: #a5acb9;
}
.lc__sidebar-item:not(.active):hover .lc__sidebar-item--title {
  color: var(--accent);
}
.lc__sidebar-item--title {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}
.lc__sidebar-item--icon {
  flex-shrink: 0;
}
.lc__sidebar-item--icon img {
  width: 20px;
}
.lc__body {
  flex: 1;
}
.lc__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 116%;
  color: var(--accent);
  border: 1px solid #d8dfe8;
  border-radius: 12px;
  padding: 4px 8px 4px 12px;
  gap: 12px;
  margin-top: 15px;
  transition-duration: 0.15s;
  min-height: 30px;
}
.lc__check svg {
  width: 18px;
  aspect-ratio: 1;
  transition-duration: 0.15s;
}
.lc__check:hover {
  background-color: var(--accent);
  color: #fff;
}
.lc__check:hover svg {
  filter: brightness(0) invert(1);
}
.lc__settings {
  display: grid;
  row-gap: 20px;
}
@supports (padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .lc__settings-btn {
    padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .lc__settings-btn {
    padding-left: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.lc__settings-title {
  font-weight: 500;
}
@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .lc__settings-title {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .lc__settings-title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-bottom: clamp( 0.625rem , 0.5319767442rem  +  0.4651162791vw , 0.9375rem )) {
  .lc__settings-title {
    margin-bottom: clamp( 0.625rem , 0.5319767442rem  +  0.4651162791vw , 0.9375rem );
  }
}
@supports not (margin-bottom: clamp( 0.625rem , 0.5319767442rem  +  0.4651162791vw , 0.9375rem )) {
  .lc__settings-title {
    margin-bottom: calc(0.625rem + 0.3125 * (100vw - 20rem) / 67.1875);
  }
}
.lc__settings-users {
  display: grid;
  row-gap: 10px;
}
.lc__settings-user {
  display: flex;
  gap: 15px;
  border-radius: 20px;
  background-color: #fff;
  padding: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.lc__settings-user .name,
.lc__settings-user .email {
  flex: 1 0 300px;
}
@media (max-width: 500px) {
  .lc__settings-user .name,
  .lc__settings-user .email {
    flex: 1 0 230px;
  }
}
.lc__settings-user .number {
  flex: 1 0 185px;
}
.lc__settings-remove {
  width: 20px;
  aspect-ratio: 1;
  background-image: url("/local/templates/dmopt/assets/css/../img/lc/trash.svg");
}
@media (max-width: 500px) {
  .lc__settings-remove {
    margin: auto;
  }
}
.lc__settings-add--user {
  margin-top: 10px;
  min-height: 38px;
}
.lc__settings-fields {
  display: grid;
  gap: 15px;
}
@media (min-width: 47.99875em) {
  .lc__settings-fields {
    grid-template-columns: repeat(6, 1fr);
  }
  .lc__settings-fields .input {
    grid-column: span 2;
  }
  .lc__settings-fields .input.address {
    grid-column: span 3;
  }
  .lc__settings-fields .input.office {
    grid-column: span 1;
  }
}
@media (min-width: 47.99875em) {
  .lc__settings-fields .input.col-3 {
    grid-column: span 4;
  }
  .lc__settings-fields .input.col-2 {
    grid-column: span 3;
  }
}
@media (max-width: 1380px) and (min-width: 47.99875em) {
  .lc__settings-fields .number {
    grid-column: span 4;
  }
}
@media (max-width: 400px) {
  .lc__settings-fields .number input {
    font-size: 14px;
  }
  .lc__settings-fields .number button {
    font-size: 12px;
    padding: 0 5px;
  }
}
.lc__settings-row {
  background: var(--silver);
  padding-top: 20px;
  padding-bottom: 20px;
}
@supports (border-radius: clamp( 0.75rem , 0.4895348837rem  +  1.3023255814vw , 1.625rem )) {
  .lc__settings-row {
    border-radius: clamp( 0.75rem , 0.4895348837rem  +  1.3023255814vw , 1.625rem );
  }
}
@supports not (border-radius: clamp( 0.75rem , 0.4895348837rem  +  1.3023255814vw , 1.625rem )) {
  .lc__settings-row {
    border-radius: calc(0.75rem + 0.875 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .lc__settings-row {
    padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .lc__settings-row {
    padding-left: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-right: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .lc__settings-row {
    padding-right: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (padding-right: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .lc__settings-row {
    padding-right: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}

.orders {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.orders__item {
  border-radius: 26px;
  background-color: var(--silver);
}
@supports (padding-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .orders__item {
    padding-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (padding-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .orders__item {
    padding-top: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-bottom: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .orders__item {
    padding-bottom: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (padding-bottom: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .orders__item {
    padding-bottom: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .orders__item {
    padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .orders__item {
    padding-left: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-right: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .orders__item {
    padding-right: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (padding-right: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .orders__item {
    padding-right: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (border-radius: clamp( 0.8125rem , 0.5706395349rem  +  1.2093023256vw , 1.625rem )) {
  .orders__item {
    border-radius: clamp( 0.8125rem , 0.5706395349rem  +  1.2093023256vw , 1.625rem );
  }
}
@supports not (border-radius: clamp( 0.8125rem , 0.5706395349rem  +  1.2093023256vw , 1.625rem )) {
  .orders__item {
    border-radius: calc(0.8125rem + 0.8125 * (100vw - 20rem) / 67.1875);
  }
}
.orders__item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 20px;
}
@media (max-width: 575px) {
  .orders__item-top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.orders__item-btn--history {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 119%;
  color: var(--accent);
  height: 30px;
  background-color: #fff;
  border-radius: 12px;
  padding: 0 20px;
  transition-duration: 0.15s;
}
.orders__item-btn--history:hover {
  background-color: var(--accent);
  color: #fff;
}
.orders__item-time {
  font-weight: 500;
  font-size: 12px;
  color: #a5acb9;
}
.orders__item-title {
  font-weight: 500;
  margin-top: 8px;
}
@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .orders__item-title {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .orders__item-title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.orders__item-top--btns {
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
@media (min-width: 575px) {
  .orders__item-top--btns {
    justify-content: flex-end;
  }
}
.orders__item-btn {
  color: #a5acb9;
  padding: 7px 18px;
  background-color: #fff;
}
.orders__item-btn:hover {
  background-color: var(--accent);
  color: #fff;
}
.orders__item-btn, .orders__status {
  min-height: 30px;
  transition-duration: 0.15s;
  display: inline-flex;
  align-items: center;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
}
.orders__status {
  font-weight: 500;
  text-align: center;
  color: #fff;
  padding: 2px 8px 2px 15px;
  background-color: var(--text);
  gap: 14px;
  height: 30px;
}
.orders__status svg {
  width: 16px;
  aspect-ratio: 1;
  filter: brightness(0) invert(1);
}
.orders__wrapper {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 15px;
  margin-top: 15px;
}
@media (max-width: 1170px) {
  .orders__wrapper {
    flex-direction: column;
  }
}
.orders__table {
  flex: 1;
  background: #fff;
  padding: 7px 8px;
  overflow: hidden;
  width: 100%;
}
.orders__table-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  gap: 8px 30px;
}
@media (max-width: 575px) {
  .orders__table-item {
    flex-direction: column;
    align-items: flex-start;
  }
}
.orders__table-item:not(:last-child) {
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.orders__table-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  bottom: 0;
  height: 1px;
  background-color: #eceff1;
}
.orders__table-left {
  display: flex;
  align-items: center;
  gap: 13px;
}
.orders__table-image {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.orders__table-image img {
  max-width: 100%;
  max-height: 100%;
}
.orders__table-info {
  font-weight: 500;
  font-size: 12px;
}
.orders__table-desc {
  color: #a5acb9;
  margin-top: 4px;
}
.orders__table-right {
  display: flex;
  gap: 15px;
  padding-right: 30px;
}
@media (min-width: 575px) {
  .orders__table-price {
    width: 80px;
  }
}
.orders__table-price:not(:first-child) .orders__table-price--title {
  font-weight: bold;
}
.orders__table-price--title {
  font-size: 12px;
}
.orders__table-price--desc {
  font-weight: 500;
  font-size: 12px;
  color: #a5acb9;
  margin-top: 2px;
}
.orders__cost {
  display: flex;
  flex-direction: column;
  gap: 9px;
  line-height: 1;
}
@media (min-width: 1170px) {
  .orders__cost {
    flex: 0 0 230px;
  }
}
@media (max-width: 1170px) {
  .orders__cost {
    flex: 1;
    width: 100%;
  }
}
.orders__cost-item {
  display: flex;
  gap: 3px;
  font-weight: 500;
  font-size: 12px;
}
.orders__cost-item:not(:last-child) {
  padding-bottom: 5px;
  border-bottom: 1px solid #ddf1ea;
}
.orders__cost-item div {
  flex: 1;
}
.orders__cost-item:last-child {
  font-size: 20px;
}
.orders__cost-item:last-child div:last-child {
  font-weight: bold;
}

.switch {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
}
.switch input {
  display: none;
}
.switch span {
  display: block;
  width: 30px;
  height: 14px;
  border-radius: 12px;
  border: 1px solid var(--text);
  transition-duration: 0.15s;
  position: relative;
  cursor: pointer;
}
.switch span::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 14px;
  height: 10px;
  border-radius: 12px;
  background-color: var(--text);
  transition-duration: 0.15s;
}
.switch input:checked + span::before {
  left: calc(100% - 16px);
}

.section-content__wrapper {
  display: flex;
  row-gap: 1.25rem;
}
@supports ((-moz-column-gap: clamp( 2.5rem , -9.8068334078rem  +  19.8501315071vw , 7.5rem )) or (column-gap: clamp( 2.5rem , -9.8068334078rem  +  19.8501315071vw , 7.5rem ))) {
  .section-content__wrapper {
    -moz-column-gap: clamp( 2.5rem , -9.8068334078rem  +  19.8501315071vw , 7.5rem );
    column-gap: clamp( 2.5rem , -9.8068334078rem  +  19.8501315071vw , 7.5rem );
  }
}
@supports not ((-moz-column-gap: clamp( 2.5rem , -9.8068334078rem  +  19.8501315071vw , 7.5rem )) or (column-gap: clamp( 2.5rem , -9.8068334078rem  +  19.8501315071vw , 7.5rem ))) {
  .section-content__wrapper {
    -moz-column-gap: calc(2.5rem + 5 * (100vw - 61.99875rem) / 25.18875);
    column-gap: calc(2.5rem + 5 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .section-content__wrapper {
    -moz-column-gap: inherit;
    column-gap: inherit;
  }
}
@media (max-width: 61.99875em) {
  .section-content__wrapper {
    flex-direction: column;
  }
}
.section-content__text {
  flex: 1;
}
@media (max-width: 61.99875em) {
  .section-content__text {
    order: 1;
  }
}
.section-content__image {
  flex-shrink: 0;
}
@supports (flex-basis: clamp( 30rem , -0.7670835194rem  +  49.6253287678vw , 42.5rem )) {
  .section-content__image {
    flex-basis: clamp( 30rem , -0.7670835194rem  +  49.6253287678vw , 42.5rem );
  }
}
@supports not (flex-basis: clamp( 30rem , -0.7670835194rem  +  49.6253287678vw , 42.5rem )) {
  .section-content__image {
    flex-basis: calc(30rem + 12.5 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .section-content__image {
    flex-basis: inherit;
  }
}
.section-content__image img {
  max-width: 100%;
}
@media (max-width: 61.99875em) {
  .section-content__image {
    order: 2;
    max-width: 31.25rem;
  }
}

.buyers__row {
  background-color: var(--silver);
}
@supports (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .buyers__row {
    border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .buyers__row {
    border-radius: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-top: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .buyers__row {
    padding-top: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem );
  }
}
@supports not (padding-top: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .buyers__row {
    padding-top: calc(1.5625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-bottom: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .buyers__row {
    padding-bottom: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem );
  }
}
@supports not (padding-bottom: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .buyers__row {
    padding-bottom: calc(1.5625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-left: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem )) {
  .buyers__row {
    padding-left: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem );
  }
}
@supports not (padding-left: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem )) {
  .buyers__row {
    padding-left: calc(0.9375rem + 1.5625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-right: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem )) {
  .buyers__row {
    padding-right: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem );
  }
}
@supports not (padding-right: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem )) {
  .buyers__row {
    padding-right: calc(0.9375rem + 1.5625 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__title {
  line-height: 110%;
  letter-spacing: -0.02em;
  margin-bottom: 1.5625rem;
}
@supports (font-size: clamp( 1.5rem , 1.3139534884rem  +  0.9302325581vw , 2.125rem )) {
  .buyers__title {
    font-size: clamp( 1.5rem , 1.3139534884rem  +  0.9302325581vw , 2.125rem );
  }
}
@supports not (font-size: clamp( 1.5rem , 1.3139534884rem  +  0.9302325581vw , 2.125rem )) {
  .buyers__title {
    font-size: calc(1.5rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__desc {
  line-height: 140%;
}
@supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .buyers__desc {
    font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .buyers__desc {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__desc p:not(:last-child) {
  margin-bottom: 1.2rem;
}
.buyers__delivery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.9375rem;
}
@media (max-width: 47.99875em) {
  .buyers__delivery {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
}
.buyers__delivery-item {
  border-radius: 0.75rem;
  padding: 1.25rem 1.25rem 1.25rem 1.5625rem;
  display: flex;
  gap: 0.625rem 1.25rem;
  background-color: #fff;
}
@media (max-width: 61.99875em) {
  .buyers__delivery-item {
    padding: 0.9375rem;
    flex-direction: column-reverse;
  }
}
.buyers__delivery-body {
  flex: 1;
}
.buyers__delivery-title {
  font-weight: 700;
}
@supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .buyers__delivery-title {
    font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .buyers__delivery-title {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__delivery-desc {
  font-weight: 500;
  line-height: 116%;
  color: var(--accent);
  margin-top: 0.3125rem;
}
@supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .buyers__delivery-desc {
    font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
  }
}
@supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .buyers__delivery-desc {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__delivery-desc p:not(:last-child) {
  margin-bottom: 1rem;
}
.buyers__delivery-text {
  font-size: 0.8125rem;
}
@supports (margin-top: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .buyers__delivery-text {
    margin-top: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .buyers__delivery-text {
    margin-top: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__delivery-icon {
  flex-shrink: 0;
  aspect-ratio: 1;
}
@supports (width: clamp( 2.125rem , 1.6040697674rem  +  2.6046511628vw , 3.875rem )) {
  .buyers__delivery-icon {
    width: clamp( 2.125rem , 1.6040697674rem  +  2.6046511628vw , 3.875rem );
  }
}
@supports not (width: clamp( 2.125rem , 1.6040697674rem  +  2.6046511628vw , 3.875rem )) {
  .buyers__delivery-icon {
    width: calc(2.125rem + 1.75 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__delivery-icon img {
  width: 100%;
}
.buyers__return {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.9375rem;
}
@media (max-width: 61.99875em) {
  .buyers__return {
    grid-template-columns: repeat(1, 1fr);
  }
}
.buyers__return-item {
  background-color: #fff;
  border-radius: 0.75rem;
  font-weight: 500;
  margin-top: 1.25rem;
}
@supports (padding: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .buyers__return-item {
    padding: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (padding: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .buyers__return-item {
    padding: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__attention {
  font-weight: bold;
}
@supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .buyers__attention {
    font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .buyers__attention {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  line-height: 1;
}
.buyers__contact a {
  display: inline-block;
}
.buyers__contact-tel {
  color: var(--text);
}
@supports (font-size: clamp( 1.125rem , 1.013372093rem  +  0.5581395349vw , 1.5rem )) {
  .buyers__contact-tel {
    font-size: clamp( 1.125rem , 1.013372093rem  +  0.5581395349vw , 1.5rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.013372093rem  +  0.5581395349vw , 1.5rem )) {
  .buyers__contact-tel {
    font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 67.1875);
  }
}
.buyers__contact-email {
  font-weight: 500;
  color: var(--accent);
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .buyers__contact-email {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .buyers__contact-email {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}

@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .section-faq .faq__title {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .section-faq .faq__title {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .section-faq .faq__content-body {
    font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .section-faq .faq__content-body {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}

.cooperation__nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25rem 1.5625rem;
}
.cooperation__tabs {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 0.625rem;
}
.cooperation__tab {
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: var(--text);
  border-radius: 0.75rem;
  border: 0.0625rem solid #d8dfe8;
  padding: 0.4375rem 1.25rem;
  min-height: 3rem;
}
.cooperation__tab.active {
  background-color: var(--text);
  color: #fff;
}
@supports (font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem )) {
  .cooperation__comment {
    font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8005813953rem  +  0.3720930233vw , 1.125rem )) {
  .cooperation__comment {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-top: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .cooperation__body {
    margin-top: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem );
  }
}
@supports not (margin-top: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .cooperation__body {
    margin-top: calc(1.5625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.cooperation__parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.9375rem;
}
@media (max-width: 61.99875em) {
  .cooperation__parent {
    gap: 0.625rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
}
.cooperation__info {
  background: var(--accent);
  color: #fff;
  line-height: 1.4;
}
@supports (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .cooperation__info {
    border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .cooperation__info {
    border-radius: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .cooperation__info {
    padding: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (padding: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .cooperation__info {
    padding: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .cooperation__info {
    font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .cooperation__info {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.cooperation__item {
  background: var(--silver);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@supports (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .cooperation__item {
    border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .cooperation__item {
    border-radius: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-top: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .cooperation__item {
    padding-top: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem );
  }
}
@supports not (padding-top: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .cooperation__item {
    padding-top: calc(1.25rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-bottom: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .cooperation__item {
    padding-bottom: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem );
  }
}
@supports not (padding-bottom: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .cooperation__item {
    padding-bottom: calc(1.25rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .cooperation__item {
    padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (padding-left: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .cooperation__item {
    padding-left: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-right: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .cooperation__item {
    padding-right: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (padding-right: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .cooperation__item {
    padding-right: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (row-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .cooperation__item {
    row-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
  }
}
@supports not (row-gap: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .cooperation__item {
    row-gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.cooperation__item-icon {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@supports (width: clamp( 2.5rem , 1.8674418605rem  +  3.1627906977vw , 4.625rem )) {
  .cooperation__item-icon {
    width: clamp( 2.5rem , 1.8674418605rem  +  3.1627906977vw , 4.625rem );
  }
}
@supports not (width: clamp( 2.5rem , 1.8674418605rem  +  3.1627906977vw , 4.625rem )) {
  .cooperation__item-icon {
    width: calc(2.5rem + 2.125 * (100vw - 20rem) / 67.1875);
  }
}
.cooperation__item-icon img {
  max-width: 100%;
  max-height: 100%;
}
.cooperation__item-title {
  font-weight: 700;
}
@supports (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .cooperation__item-title {
    font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .cooperation__item-title {
    font-size: calc(1.125rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.cooperation__item-desc {
  color: #a5acb9;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .cooperation__item-desc {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .cooperation__item-desc {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}

.news__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}
@supports (row-gap: clamp( 0.9375rem , 0.2863372093rem  +  3.2558139535vw , 3.125rem )) {
  .news__wrapper {
    row-gap: clamp( 0.9375rem , 0.2863372093rem  +  3.2558139535vw , 3.125rem );
  }
}
@supports not (row-gap: clamp( 0.9375rem , 0.2863372093rem  +  3.2558139535vw , 3.125rem )) {
  .news__wrapper {
    row-gap: calc(0.9375rem + 2.1875 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 61.99875em) {
  .news__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 29.99875em) {
  .news__wrapper {
    grid-template-columns: 1fr;
  }
}

.post__wrapper {
  display: flex;
}
@supports ((-moz-column-gap: clamp( 2.5rem , -18.113945958rem  +  33.2489702744vw , 10.875rem )) or (column-gap: clamp( 2.5rem , -18.113945958rem  +  33.2489702744vw , 10.875rem ))) {
  .post__wrapper {
    -moz-column-gap: clamp( 2.5rem , -18.113945958rem  +  33.2489702744vw , 10.875rem );
    column-gap: clamp( 2.5rem , -18.113945958rem  +  33.2489702744vw , 10.875rem );
  }
}
@supports not ((-moz-column-gap: clamp( 2.5rem , -18.113945958rem  +  33.2489702744vw , 10.875rem )) or (column-gap: clamp( 2.5rem , -18.113945958rem  +  33.2489702744vw , 10.875rem ))) {
  .post__wrapper {
    -moz-column-gap: calc(2.5rem + 8.375 * (100vw - 61.99875rem) / 25.18875);
    column-gap: calc(2.5rem + 8.375 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .post__wrapper {
    -moz-column-gap: inherit;
    column-gap: inherit;
  }
}
@media (max-width: 61.99875em) {
  .post__wrapper {
    flex-direction: column;
    row-gap: 1.875rem;
  }
}
.post__body {
  flex: 1;
}
@supports (margin-bottom: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .post__image {
    margin-bottom: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
  }
}
@supports not (margin-bottom: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .post__image {
    margin-bottom: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.post__image img {
  width: 100%;
  height: auto;
  max-height: 25rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.75rem;
}
.post__date {
  font-weight: 500;
  font-size: 0.75rem;
  color: #a5acb9;
  margin-bottom: 0.75rem;
}
.post__title {
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.02em;
}
@supports (font-size: clamp( 1.625rem , 1.2901162791rem  +  1.6744186047vw , 2.75rem )) {
  .post__title {
    font-size: clamp( 1.625rem , 1.2901162791rem  +  1.6744186047vw , 2.75rem );
  }
}
@supports not (font-size: clamp( 1.625rem , 1.2901162791rem  +  1.6744186047vw , 2.75rem )) {
  .post__title {
    font-size: calc(1.625rem + 1.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-top: clamp( 1.25rem , 0.6918604651rem  +  2.7906976744vw , 3.125rem )) {
  .post__content {
    margin-top: clamp( 1.25rem , 0.6918604651rem  +  2.7906976744vw , 3.125rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 0.6918604651rem  +  2.7906976744vw , 3.125rem )) {
  .post__content {
    margin-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 67.1875);
  }
}
.post__content p {
  line-height: 140%;
}
@supports (font-size: clamp( 1rem , 0.9255813953rem  +  0.3720930233vw , 1.25rem )) {
  .post__content p {
    font-size: clamp( 1rem , 0.9255813953rem  +  0.3720930233vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9255813953rem  +  0.3720930233vw , 1.25rem )) {
  .post__content p {
    font-size: calc(1rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.post__content p:not(:last-child) {
  margin-bottom: 1.5625rem;
}
.post__content h2,
.post__content h3,
.post__content h4,
.post__content h5 {
  font-weight: 700;
  margin-bottom: 1.25rem;
}
@supports (font-size: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .post__content h2,
  .post__content h3,
  .post__content h4,
  .post__content h5 {
    font-size: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (font-size: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .post__content h2,
  .post__content h3,
  .post__content h4,
  .post__content h5 {
    font-size: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.post__content hr {
  height: 0.0625rem;
  background: #e3e3e3;
}
@supports (margin-top: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .post__content hr {
    margin-top: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .post__content hr {
    margin-top: calc(1.25rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-bottom: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .post__content hr {
    margin-bottom: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem );
  }
}
@supports not (margin-bottom: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .post__content hr {
    margin-bottom: calc(1.25rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
.post__content img {
  width: 100%;
  height: auto;
  max-height: 25rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.75rem;
}
.post__share {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@supports (margin-top: clamp( 1.875rem , 1.5029069767rem  +  1.8604651163vw , 3.125rem )) {
  .post__share {
    margin-top: clamp( 1.875rem , 1.5029069767rem  +  1.8604651163vw , 3.125rem );
  }
}
@supports not (margin-top: clamp( 1.875rem , 1.5029069767rem  +  1.8604651163vw , 3.125rem )) {
  .post__share {
    margin-top: calc(1.875rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
.post__share::after {
  content: "";
  flex: 1;
  height: 0.0625rem;
  background: #e3e3e3;
}
.post__share a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  aspect-ratio: 1;
  border-radius: 0.875rem;
  background-color: var(--silver);
  transition-duration: 0.15s;
}
.post__share a img {
  width: 33.3333333333%;
  aspect-ratio: 1;
  transition-duration: 0.15s;
}
.post__share a:hover {
  background-color: var(--accent);
}
.post__share a:hover img {
  filter: brightness(0) invert(1);
}
.post__aside {
  flex: 0 0 17.875rem;
}
@media (min-width: 61.99875em) {
  .post__aside {
    display: flex;
    flex-direction: column;
  }
}
@supports (row-gap: clamp( 1.875rem , -11.9701875837rem  +  22.3313979455vw , 7.5rem )) {
  .post__aside {
    row-gap: clamp( 1.875rem , -11.9701875837rem  +  22.3313979455vw , 7.5rem );
  }
}
@supports not (row-gap: clamp( 1.875rem , -11.9701875837rem  +  22.3313979455vw , 7.5rem )) {
  .post__aside {
    row-gap: calc(1.875rem + 5.625 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .post__aside {
    row-gap: inherit;
  }
}
.post__aside .news-card__bottom {
  padding: 0;
}
.post__aside .news-card__bottom::before {
  display: none;
}
@supports (margin-top: clamp( 0.3125rem , 0.2566860465rem  +  0.2790697674vw , 0.5rem )) {
  .post__aside .news-card__bottom .news-card__title {
    margin-top: clamp( 0.3125rem , 0.2566860465rem  +  0.2790697674vw , 0.5rem );
  }
}
@supports not (margin-top: clamp( 0.3125rem , 0.2566860465rem  +  0.2790697674vw , 0.5rem )) {
  .post__aside .news-card__bottom .news-card__title {
    margin-top: calc(0.3125rem + 0.1875 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 61.99875em) {
  .post__aside {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
  }
  @supports (row-gap: clamp( 0.9375rem , 0.2863372093rem  +  3.2558139535vw , 3.125rem )) {
    .post__aside {
      row-gap: clamp( 0.9375rem , 0.2863372093rem  +  3.2558139535vw , 3.125rem );
    }
  }
  @supports not (row-gap: clamp( 0.9375rem , 0.2863372093rem  +  3.2558139535vw , 3.125rem )) {
    .post__aside {
      row-gap: calc(0.9375rem + 2.1875 * (100vw - 20rem) / 67.1875);
    }
  }
}
@media (max-width: 29.99875em) {
  .post__aside {
    grid-template-columns: 1fr;
  }
}

.contacts__wrapper {
  display: grid;
  grid-template-columns: 530px 1fr;
  gap: 15px;
}
@media (max-width: 61.99875em) {
  .contacts__wrapper {
    grid-template-columns: 1fr;
  }
}
.contacts__body {
  display: grid;
  row-gap: 15px;
}
.contacts__row {
  background: #f4f7fa;
}
@supports (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .contacts__row {
    border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .contacts__row {
    border-radius: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .contacts__row {
    padding-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (padding-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .contacts__row {
    padding-top: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-bottom: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .contacts__row {
    padding-bottom: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (padding-bottom: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .contacts__row {
    padding-bottom: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-left: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .contacts__row {
    padding-left: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem );
  }
}
@supports not (padding-left: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .contacts__row {
    padding-left: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-right: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .contacts__row {
    padding-right: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem );
  }
}
@supports not (padding-right: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .contacts__row {
    padding-right: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
.contacts__main {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 29.99875em) {
  .contacts__main {
    flex-direction: column;
    align-items: flex-start;
  }
}
.contacts__main-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contacts__row-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 116%;
  color: var(--accent);
}
@supports (margin-bottom: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .contacts__row-title {
    margin-bottom: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem );
  }
}
@supports not (margin-bottom: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .contacts__row-title {
    margin-bottom: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
.contacts__tel {
  font-weight: 700;
  line-height: 120%;
}
@supports (font-size: clamp( 1.5rem , 1.3511627907rem  +  0.7441860465vw , 2rem )) {
  .contacts__tel {
    font-size: clamp( 1.5rem , 1.3511627907rem  +  0.7441860465vw , 2rem );
  }
}
@supports not (font-size: clamp( 1.5rem , 1.3511627907rem  +  0.7441860465vw , 2rem )) {
  .contacts__tel {
    font-size: calc(1.5rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
.contacts__email {
  font-weight: 500;
  margin-top: 8px;
}
@supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .contacts__email {
    font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
  }
}
@supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .contacts__email {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.contacts__main-right {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 10px;
}
@media (max-width: 29.99875em) {
  .contacts__main-right {
    align-items: flex-start;
  }
}
.contacts__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0 20px 0 15px;
  border-radius: 12px;
  height: 48px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  transition-duration: 0.15s;
  min-width: 160px;
}
.contacts__link img {
  width: 22px;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}
.contacts__link.tg {
  background: #557ad1;
}
.contacts__link.whats {
  background: #4fc74b;
}
.contacts__link:hover {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
}
.contacts__address {
  font-weight: 700;
}
@supports (font-size: clamp( 1rem , 0.9255813953rem  +  0.3720930233vw , 1.25rem )) {
  .contacts__address {
    font-size: clamp( 1rem , 0.9255813953rem  +  0.3720930233vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9255813953rem  +  0.3720930233vw , 1.25rem )) {
  .contacts__address {
    font-size: calc(1rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.contacts__work {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.contacts__work-item {
  font-weight: 500;
  font-size: 12px;
  border-radius: 12px;
  padding: 9px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 62px;
}
.contacts__work-item:not(:nth-child(2n)) {
  background-color: #fff;
}
.contacts__work-day {
  margin-bottom: 9px;
}
.contacts__work-times > div + div {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #e2e7eb;
}
.contacts__map {
  overflow: hidden;
  min-height: 320px;
}
@supports (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .contacts__map {
    border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .contacts__map {
    border-radius: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
.contacts__map iframe {
  width: 100% !important;
  height: 100% !important;
}

.slider-products .swiper-slide {
  height: auto;
}
.slider-products .product-card {
  height: 100%;
}
.slider-products__init {
  overflow: hidden;
}

.product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid #f4f4f4;
  padding: 0.75rem;
  border-radius: 1rem;
  transition-duration: 0.15s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.product-card:hover {
  border-color: var(--accent);
}
.product-card__image {
  width: 100%;
  aspect-ratio: 1;
  max-height: 16.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.product-card__image img {
  max-width: 100%;
  max-height: 100%;
}
.product-card__title {
  font-weight: 500;
  letter-spacing: -0.02em;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .product-card__title {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .product-card__title {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-bottom: clamp( 0.375rem , 0.263372093rem  +  0.5581395349vw , 0.75rem )) {
  .product-card__title {
    margin-bottom: clamp( 0.375rem , 0.263372093rem  +  0.5581395349vw , 0.75rem );
  }
}
@supports not (margin-bottom: clamp( 0.375rem , 0.263372093rem  +  0.5581395349vw , 0.75rem )) {
  .product-card__title {
    margin-bottom: calc(0.375rem + 0.375 * (100vw - 20rem) / 67.1875);
  }
}
.product-card__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-card__title a::before {
  content: "";
  position: absolute;
  inset: 0;
}
.product-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  gap: 0.3125rem 0.525rem;
}
@media (max-width: 27.5rem) {
  .product-card__bottom {
    flex-direction: column;
    text-align: center;
  }
}
.product-card__price {
  line-height: 1;
  white-space: nowrap;
}
.product-card__stock {
  font-weight: 700;
  line-height: 1.2;
  color: #babfcb;
}
@supports (font-size: clamp( 0.625rem , 0.5877906977rem  +  0.1860465116vw , 0.75rem )) {
  .product-card__stock {
    font-size: clamp( 0.625rem , 0.5877906977rem  +  0.1860465116vw , 0.75rem );
  }
}
@supports not (font-size: clamp( 0.625rem , 0.5877906977rem  +  0.1860465116vw , 0.75rem )) {
  .product-card__stock {
    font-size: calc(0.625rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.product-card__price-actual {
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-top: 0.3125rem;
}
@supports (font-size: clamp( 1.25rem , 1.1755813953rem  +  0.3720930233vw , 1.5rem )) {
  .product-card__price-actual {
    font-size: clamp( 1.25rem , 1.1755813953rem  +  0.3720930233vw , 1.5rem );
  }
}
@supports not (font-size: clamp( 1.25rem , 1.1755813953rem  +  0.3720930233vw , 1.5rem )) {
  .product-card__price-actual {
    font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.product-card__price-old {
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: line-through;
  margin-top: 0.3125rem;
}
@supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .product-card__price-old {
    font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
  }
}
@supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .product-card__price-old {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.product-card__btns {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.4375rem;
}
.product-card__favorite, .product-card__add-to-cart {
  aspect-ratio: 1;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  transition-duration: 0.15s;
}
@supports (width: clamp( 1.875rem , 1.6889534884rem  +  0.9302325581vw , 2.5rem )) {
  .product-card__favorite, .product-card__add-to-cart {
    width: clamp( 1.875rem , 1.6889534884rem  +  0.9302325581vw , 2.5rem );
  }
}
@supports not (width: clamp( 1.875rem , 1.6889534884rem  +  0.9302325581vw , 2.5rem )) {
  .product-card__favorite, .product-card__add-to-cart {
    width: calc(1.875rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (border-radius: clamp( 0.375rem , 0.263372093rem  +  0.5581395349vw , 0.75rem )) {
  .product-card__favorite, .product-card__add-to-cart {
    border-radius: clamp( 0.375rem , 0.263372093rem  +  0.5581395349vw , 0.75rem );
  }
}
@supports not (border-radius: clamp( 0.375rem , 0.263372093rem  +  0.5581395349vw , 0.75rem )) {
  .product-card__favorite, .product-card__add-to-cart {
    border-radius: calc(0.375rem + 0.375 * (100vw - 20rem) / 67.1875);
  }
}
.product-card__favorite::before, .product-card__add-to-cart::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 50%;
  aspect-ratio: 1;
  transition-duration: 0.15s;
}
.product-card__favorite:hover, .product-card__add-to-cart:hover {
  box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.35);
}
.product-card__favorite {
  background-color: var(--silver);
}
.product-card__favorite::before {
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#heart") no-repeat center/cover;
  filter: brightness(0) opacity(0.35);
}
.product-card__favorite.active {
  background-color: var(--accent);
}
.product-card__favorite.active::before {
  filter: brightness(0) invert(1);
}
.product-card__add-to-cart {
  background-color: var(--orange);
}
.product-card__add-to-cart::before {
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#cart") no-repeat center/cover;
  filter: brightness(0) invert(1);
}
.product-card__badge {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  font-weight: 700;
  background-color: var(--dark);
  text-align: center;
  color: #fff;
  border-radius: 0.375rem;
  padding: 0.25rem 0.625rem;
}
@supports (font-size: clamp( 0.625rem , 0.5877906977rem  +  0.1860465116vw , 0.75rem )) {
  .product-card__badge {
    font-size: clamp( 0.625rem , 0.5877906977rem  +  0.1860465116vw , 0.75rem );
  }
}
@supports not (font-size: clamp( 0.625rem , 0.5877906977rem  +  0.1860465116vw , 0.75rem )) {
  .product-card__badge {
    font-size: calc(0.625rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 25rem) {
  .product-card__badge {
    padding: 0.25rem;
  }
}
.product-card__badge.badge-red {
  background-color: var(--red);
}
.product-card__badge.badge-green {
  background-color: var(--green);
}

.caregories__wrapper {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 14.375rem;
  --bodyWidth: 11.25rem;
}
@supports (gap: clamp( 0.625rem , -0.1191860465rem  +  3.7209302326vw , 3.125rem )) {
  .caregories__wrapper {
    gap: clamp( 0.625rem , -0.1191860465rem  +  3.7209302326vw , 3.125rem );
  }
}
@supports not (gap: clamp( 0.625rem , -0.1191860465rem  +  3.7209302326vw , 3.125rem )) {
  .caregories__wrapper {
    gap: calc(0.625rem + 2.5 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-bottom: clamp( -3.125rem , 0.1191860465rem  +  -3.7209302326vw , -0.625rem )) {
  .caregories__wrapper {
    margin-bottom: clamp( -3.125rem , 0.1191860465rem  +  -3.7209302326vw , -0.625rem );
  }
}
@supports not (margin-bottom: clamp( -3.125rem , 0.1191860465rem  +  -3.7209302326vw , -0.625rem )) {
  .caregories__wrapper {
    margin-bottom: calc(-0.625rem + -2.5 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 61.99875em) {
  .caregories__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 47.99875em) {
  .caregories__wrapper {
    --bodyWidth: 100%;
  }
}
.caregories__item {
  background: var(--silver);
  padding: 1.5625rem 1.875rem 1.875rem;
  position: absolute;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@supports (border-radius: clamp( 0.75rem , 0.3034883721rem  +  2.2325581395vw , 2.25rem )) {
  .caregories__item {
    border-radius: clamp( 0.75rem , 0.3034883721rem  +  2.2325581395vw , 2.25rem );
  }
}
@supports not (border-radius: clamp( 0.75rem , 0.3034883721rem  +  2.2325581395vw , 2.25rem )) {
  .caregories__item {
    border-radius: calc(0.75rem + 1.5 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 47.99875em) {
  .caregories__item {
    padding: 0.9375rem;
  }
}
.caregories__item:hover {
  box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
}
.caregories__item:not(.caregories__item-small)::after {
  position: absolute;
}
@supports (right: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem )) {
  .caregories__item:not(.caregories__item-small)::after {
    right: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem );
  }
}
@supports not (right: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem )) {
  .caregories__item:not(.caregories__item-small)::after {
    right: calc(0.625rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (top: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem )) {
  .caregories__item:not(.caregories__item-small)::after {
    top: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem );
  }
}
@supports not (top: clamp( 0.625rem , 0.2529069767rem  +  1.8604651163vw , 1.875rem )) {
  .caregories__item:not(.caregories__item-small)::after {
    top: calc(0.625rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@media (min-width: 29.99875em) {
  .caregories__item-small {
    min-height: 15.375rem;
  }
}
.caregories__item-small .caregories__bg {
  max-width: calc(100% - 5.625rem);
}
.caregories__item-small::after {
  margin-top: auto;
}
.caregories__item::after {
  content: "";
  z-index: 1;
  display: block;
  aspect-ratio: 1;
  border-radius: 0.75rem;
  background-color: #fff;
  background-image: url("/local/templates/dmopt/assets/css/../img/sprite.svg#arrow-top");
  background-size: 45.4545454545%;
  background-repeat: no-repeat;
  background-position: 50%;
}
@supports (width: clamp( 1.75rem , 1.4523255814rem  +  1.488372093vw , 2.75rem )) {
  .caregories__item::after {
    width: clamp( 1.75rem , 1.4523255814rem  +  1.488372093vw , 2.75rem );
  }
}
@supports not (width: clamp( 1.75rem , 1.4523255814rem  +  1.488372093vw , 2.75rem )) {
  .caregories__item::after {
    width: calc(1.75rem + 1 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 29.99875em) {
  .caregories__item::after {
    display: none;
  }
}
.caregories__body {
  max-width: var(--bodyWidth);
  z-index: 2;
}
.caregories__title {
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@supports (font-size: clamp( 1.125rem , 0.9761627907rem  +  0.7441860465vw , 1.625rem )) {
  .caregories__title {
    font-size: clamp( 1.125rem , 0.9761627907rem  +  0.7441860465vw , 1.625rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 0.9761627907rem  +  0.7441860465vw , 1.625rem )) {
  .caregories__title {
    font-size: calc(1.125rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
.caregories__title a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.caregories__list {
  display: grid;
  position: relative;
  z-index: 3;
}
@supports (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .caregories__list {
    margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .caregories__list {
    margin-top: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (gap: clamp( 0.5rem , 0.4255813953rem  +  0.3720930233vw , 0.75rem )) {
  .caregories__list {
    gap: clamp( 0.5rem , 0.4255813953rem  +  0.3720930233vw , 0.75rem );
  }
}
@supports not (gap: clamp( 0.5rem , 0.4255813953rem  +  0.3720930233vw , 0.75rem )) {
  .caregories__list {
    gap: calc(0.5rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.caregories__list a {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition-duration: 0.15s;
}
.caregories__list a::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 0.75rem;
  aspect-ratio: 1;
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#arrow-list") no-repeat center/cover;
  transition-duration: 0.15s;
  filter: brightness(0) opacity(0.3);
}
.caregories__list a.all, .caregories__list a:hover {
  color: var(--accent);
}
.caregories__list a.all::before, .caregories__list a:hover::before {
  filter: none;
}
.caregories__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: calc(100% - var(--bodyWidth));
  max-height: calc(100% - 0.625rem);
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 47.99875em) {
  .caregories__bg {
    display: none;
  }
}
.caregories__gutter {
  width: 3.5%;
}

.sale-card {
  display: flex;
  flex-direction: column;
  gap: 1.4375rem;
  overflow: hidden;
  position: relative;
}
@supports (border-radius: clamp( 0.75rem , 0.3034883721rem  +  2.2325581395vw , 2.25rem )) {
  .sale-card {
    border-radius: clamp( 0.75rem , 0.3034883721rem  +  2.2325581395vw , 2.25rem );
  }
}
@supports not (border-radius: clamp( 0.75rem , 0.3034883721rem  +  2.2325581395vw , 2.25rem )) {
  .sale-card {
    border-radius: calc(0.75rem + 1.5 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .sale-card {
    padding: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (padding: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .sale-card {
    padding: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.sale-card__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 100%;
  object-position: 50% 100%;
  z-index: -1;
}
.sale-card__date {
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .sale-card__date {
    font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
  }
}
@supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .sale-card__date {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.sale-card__date::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1.25rem;
  aspect-ratio: 1;
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#sale-fill") no-repeat center/cover;
}
.sale-card__title, .sale-card__date {
  max-width: 19.375rem;
}
.sale-card__title {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #fff;
}
@supports (font-size: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .sale-card__title {
    font-size: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (font-size: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .sale-card__title {
    font-size: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.sale-card__title a::before {
  content: "";
  position: absolute;
  inset: 0;
}

.slider-sales__init {
  overflow: hidden;
}
.slider-sales .swiper-slide {
  height: auto;
}
.slider-sales .sale-card {
  height: 100%;
}

.brands-slider__init {
  overflow: hidden;
}
.brands-slider__item-logo {
  display: flex;
  align-items: center;
  padding: 0.3125rem 0.9375rem;
  justify-content: center;
  background: var(--silver);
}
@supports (height: clamp( 4.375rem , 4.0029069767rem  +  1.8604651163vw , 5.625rem )) {
  .brands-slider__item-logo {
    height: clamp( 4.375rem , 4.0029069767rem  +  1.8604651163vw , 5.625rem );
  }
}
@supports not (height: clamp( 4.375rem , 4.0029069767rem  +  1.8604651163vw , 5.625rem )) {
  .brands-slider__item-logo {
    height: calc(4.375rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
.brands-slider__item-logo img {
  max-width: 100%;
  max-height: 62.2222222222%;
}
.brands-slider__item-title {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.2;
  text-align: center;
  color: #babfcb;
  margin-top: 0.6875rem;
}

.advantages__wrapper {
  background: var(--silver);
  padding: 2.1875rem 0.625rem 0.625rem;
  --padding: 1.875rem;
}
@supports (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .advantages__wrapper {
    border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .advantages__wrapper {
    border-radius: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 29.99875em) {
  .advantages__wrapper {
    --padding: .9375rem;
  }
}
.advantages__top {
  padding: 0 var(--padding) calc(var(--padding) + 0.625rem);
}
.advantages__top-grid, .advantages__bottom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 1.25rem;
}
@supports ((-moz-column-gap: clamp( 1.25rem , -0.238372093rem  +  7.4418604651vw , 6.25rem )) or (column-gap: clamp( 1.25rem , -0.238372093rem  +  7.4418604651vw , 6.25rem ))) {
  .advantages__top-grid, .advantages__bottom {
    -moz-column-gap: clamp( 1.25rem , -0.238372093rem  +  7.4418604651vw , 6.25rem );
    column-gap: clamp( 1.25rem , -0.238372093rem  +  7.4418604651vw , 6.25rem );
  }
}
@supports not ((-moz-column-gap: clamp( 1.25rem , -0.238372093rem  +  7.4418604651vw , 6.25rem )) or (column-gap: clamp( 1.25rem , -0.238372093rem  +  7.4418604651vw , 6.25rem ))) {
  .advantages__top-grid, .advantages__bottom {
    -moz-column-gap: calc(1.25rem + 5 * (100vw - 20rem) / 67.1875);
    column-gap: calc(1.25rem + 5 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 75rem) {
  .advantages__top-grid, .advantages__bottom {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 29.99875em) {
  .advantages__top-grid, .advantages__bottom {
    grid-template-columns: 1fr;
    row-gap: 0.625rem;
  }
  .advantages__top-grid br, .advantages__bottom br {
    display: none;
  }
}
@supports (margin-top: clamp( 1.25rem , 0.7848837209rem  +  2.3255813953vw , 2.8125rem )) {
  .advantages__top-grid {
    margin-top: clamp( 1.25rem , 0.7848837209rem  +  2.3255813953vw , 2.8125rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 0.7848837209rem  +  2.3255813953vw , 2.8125rem )) {
  .advantages__top-grid {
    margin-top: calc(1.25rem + 1.5625 * (100vw - 20rem) / 67.1875);
  }
}
.advantages__bottom {
  padding: var(--padding);
}
.advantages__top-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.advantages__title {
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--text);
}
@supports (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .advantages__title {
    font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .advantages__title {
    font-size: calc(1.125rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.advantages__top-icon {
  aspect-ratio: 1;
  border: 0.0625rem solid var(--orange);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@supports (width: clamp( 2.8125rem , 1.9752906977rem  +  4.1860465116vw , 5.625rem )) {
  .advantages__top-icon {
    width: clamp( 2.8125rem , 1.9752906977rem  +  4.1860465116vw , 5.625rem );
  }
}
@supports not (width: clamp( 2.8125rem , 1.9752906977rem  +  4.1860465116vw , 5.625rem )) {
  .advantages__top-icon {
    width: calc(2.8125rem + 2.8125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (border-radius: clamp( 0.75rem , 0.3779069767rem  +  1.8604651163vw , 2rem )) {
  .advantages__top-icon {
    border-radius: clamp( 0.75rem , 0.3779069767rem  +  1.8604651163vw , 2rem );
  }
}
@supports not (border-radius: clamp( 0.75rem , 0.3779069767rem  +  1.8604651163vw , 2rem )) {
  .advantages__top-icon {
    border-radius: calc(0.75rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
.advantages__top-icon img {
  width: 60%;
}
.advantages__bottom {
  background-color: #fff;
  padding: 1.25rem var(--padding) calc(var(--padding) + 0.3125rem);
}
@supports (border-radius: clamp( 0.75rem , 0.3779069767rem  +  1.8604651163vw , 2rem )) {
  .advantages__bottom {
    border-radius: clamp( 0.75rem , 0.3779069767rem  +  1.8604651163vw , 2rem );
  }
}
@supports not (border-radius: clamp( 0.75rem , 0.3779069767rem  +  1.8604651163vw , 2rem )) {
  .advantages__bottom {
    border-radius: calc(0.75rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
.advantages__count {
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--accent);
}
@supports (font-size: clamp( 2.625rem , 2.401744186rem  +  1.1162790698vw , 3.375rem )) {
  .advantages__count {
    font-size: clamp( 2.625rem , 2.401744186rem  +  1.1162790698vw , 3.375rem );
  }
}
@supports not (font-size: clamp( 2.625rem , 2.401744186rem  +  1.1162790698vw , 3.375rem )) {
  .advantages__count {
    font-size: calc(2.625rem + 0.75 * (100vw - 20rem) / 67.1875);
  }
}
.advantages__bottom-item {
  display: grid;
}
@supports (row-gap: clamp( 0.625rem , 0.513372093rem  +  0.5581395349vw , 1rem )) {
  .advantages__bottom-item {
    row-gap: clamp( 0.625rem , 0.513372093rem  +  0.5581395349vw , 1rem );
  }
}
@supports not (row-gap: clamp( 0.625rem , 0.513372093rem  +  0.5581395349vw , 1rem )) {
  .advantages__bottom-item {
    row-gap: calc(0.625rem + 0.375 * (100vw - 20rem) / 67.1875);
  }
}
.bread {
  margin: 0.9375rem 0;
}
.bread__wrapper {
  display: flex;
  white-space: nowrap;
  overflow: auto;
}
.bread__wrapper::-webkit-scrollbar {
  display: none;
}
.bread__wrapper > * + *::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 0.5rem;
  aspect-ratio: 1;
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#arrow-bread") no-repeat center/cover;
  margin: 0 0.4375rem;
}
.bread a,
.bread span {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  color: #a5acb9;
  display: inline-flex;
  align-items: center;
}

.input {
  border: 0.0625rem solid #e6eaed;
  border-radius: 0.75rem;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  min-height: 3.625rem;
  background-color: #fff;
}
.input__title {
  font-weight: 500;
  font-size: 0.75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--inputColor);
}
.input__body {
  flex: 1;
  padding: 0 0.625rem;
}
.input__body input {
  width: 100%;
  line-height: 1;
  height: 1.25rem;
  outline: none;
  border: none;
  margin-top: 0.25rem;
  background-color: transparent;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .input__body input {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .input__body input {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.input__body input::-moz-placeholder {
  color: #a5acb9;
}
.input__body input::placeholder {
  color: #a5acb9;
}
.input__btn {
  height: 100%;
  padding: 0 1.25rem;
  border-radius: 0.5rem;
  background-color: var(--silver);
  font-weight: 500;
  font-size: 0.875rem;
  color: #a5acb9;
  transition-duration: 0.15s;
  height: 3rem;
}
.input__btn:hover {
  background-color: var(--accent);
  color: #fff;
}
@media (max-width: 31.25rem) {
  .input__btn {
    font-size: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
  }
  .input__btn::before {
    content: "OK";
    font-size: 0.875rem;
  }
}
.input__user {
  margin-top: 0.3125rem;
  line-height: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125rem;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .input__user {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .input__user {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.input__user-btn {
  width: 3rem;
  aspect-ratio: 1;
  border-radius: 0.5rem;
  background-color: var(--silver);
  display: flex;
  align-items: center;
  justify-content: center;
}
.input__user-btn svg {
  width: 50%;
  aspect-ratio: 1;
}
.input.icon {
  padding-right: 3.125rem;
  position: relative;
}
.input.icon svg {
  position: absolute;
  right: 1.0625rem;
  top: 0;
  width: 1.5rem;
  aspect-ratio: 1;
  bottom: 0;
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.modal {
  padding: 2.5rem 3.125rem;
  border-radius: 2.5rem;
  color: var(--text);
}
.modal-chat {
  padding: 2.5rem 1.875rem 1.875rem;
}
.modal-chat .modal__title {
  padding: 0 1.25rem;
}
.modal__chat-sending {
  margin-top: 1.25rem;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.25rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  background-color: #fff;
}
@media (max-width: 29.99875em) {
  .modal__chat-sending {
    padding-left: 0.625rem;
  }
}
.modal__chat-sending--field {
  flex: 1;
  padding: 0.5rem 0;
  font-weight: 500;
  background-color: transparent;
  margin: 0 1.25rem 0 0.9375rem;
  min-width: 0;
  outline: none;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .modal__chat-sending--field {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .modal__chat-sending--field {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.modal__chat-sending svg {
  width: 1.5rem;
  aspect-ratio: 1;
}
.modal__chat-sending--attach {
  flex-shrink: 0;
}
.modal__chat-sending--btn {
  width: 3rem;
  aspect-ratio: 1;
  flex-shrink: 0;
  background-color: var(--accent);
  border-radius: 0.75rem;
  transition-duration: 0.15s;
}
.modal__chat-sending--btn:hover {
  background-color: var(--orange);
}
.modal__chat {
  width: 39.0625rem;
}
@media (max-width: 43.75rem) {
  .modal__chat {
    width: 100%;
  }
}
.modal__chat-body {
  display: grid;
  row-gap: 0.625rem;
  margin-top: 1.25rem;
  padding-top: 0.9375rem;
  border-top: 0.0625rem solid #e0e5eb;
}
.modal__chat-messages {
  height: 14.75rem;
  overflow: auto;
  padding-right: 1.25rem;
}
.modal__chat-message {
  display: flex;
  flex-direction: column;
}
.modal__chat-message--left {
  align-items: flex-start;
}
.modal__chat-message--left .modal__chat-text {
  border-radius: 0.25rem 1.25rem 1.25rem 1.25rem;
  background-color: #fff;
  padding: 0.5rem 0.9375rem;
}
.modal__chat-message--right {
  align-items: flex-end;
}
.modal__chat-message--right .modal__chat-text {
  border-radius: 1.25rem 0.25rem 1.25rem 1.25rem;
  background-color: var(--text);
  color: #fff;
  padding: 0.5rem 0.9375rem;
}
.modal__chat-message--right .modal__chat-text:not(:last-child) {
  margin-bottom: 0.625rem;
}
.modal__chat-date {
  font-weight: 700;
  font-size: 0.625rem;
  color: #babfcb;
  margin-bottom: 0.3125rem;
}
.modal__chat-text {
  font-weight: 500;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .modal__chat-text {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .modal__chat-text {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.modal__chat-wrapper {
  background-color: var(--silver);
  padding: 1.25rem;
}
@supports (border-radius: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .modal__chat-wrapper {
    border-radius: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem );
  }
}
@supports not (border-radius: clamp( 0.625rem , 0.4389534884rem  +  0.9302325581vw , 1.25rem )) {
  .modal__chat-wrapper {
    border-radius: calc(0.625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.modal__chat-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.625rem 1.25rem;
}
.modal__chat-manager--name {
  font-weight: 700;
}
@supports (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .modal__chat-manager--name {
    font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0877906977rem  +  0.1860465116vw , 1.25rem )) {
  .modal__chat-manager--name {
    font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.modal__chat-manager--job {
  font-weight: 500;
  margin-top: 0.3125rem;
  color: var(--accent);
}
@supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .modal__chat-manager--job {
    font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
  }
}
@supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .modal__chat-manager--job {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.modal__callback {
  max-width: 36.5625rem;
}
.modal__callback-fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.9375rem;
}
@media (max-width: 35.9375rem) {
  .modal__callback-fields {
    grid-template-columns: 1fr;
  }
}
.modal__callback-btns {
  display: flex;
  align-items: center;
  gap: 0.9375rem 1.625rem;
}
@media (max-width: 35.9375rem) {
  .modal__callback-btns {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.modal__callback .modal__checkbox {
  margin-top: 0;
}
.modal__checkbox label {
  position: relative;
}
.modal__checkbox label input {
  position: absolute;
  display: block;
/*    opacity: 0;*/
left: 0px;
/*top: 6px;*/
width: 16px;
height: 16px;
/*z-index: 1;*/
}
.modal__choice-btns {
  display: flex;
  gap: 1.25rem;
}
.modal__choice-btns .btn {
  flex: 1;
  justify-content: center;
}
@supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .modal__save {
    margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .modal__save {
    margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.modal__desc {
  font-weight: 500;
  font-size: 0.75rem;
  color: #a5acb9;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .modal__message {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .modal__message {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.modal__btn-send {
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  border-radius: 0.75rem;
  background-color: var(--silver);
  padding: 0 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.15s;
  outline: none;
}
@supports (height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem )) {
  .modal__btn-send {
    height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem );
  }
}
@supports not (height: clamp( 3.375rem , 3.1145348837rem  +  1.3023255814vw , 4.25rem )) {
  .modal__btn-send {
    height: calc(3.375rem + 0.875 * (100vw - 20rem) / 67.1875);
  }
}
.modal__btn-send:hover {
  box-shadow: 0.1875rem 0.1875rem 0.9375rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 29.99875em) {
  .modal {
    width: 100%;
    padding: 2.5rem 1.25rem 1.25rem;
    border-radius: 1.25rem;
  }
}
.modal .f-button.is-close-btn {
  right: 1.25rem;
  top: 1.25rem;
  opacity: 1;
  color: var(--text);
}
@media (max-width: 29.99875em) {
  .modal .f-button.is-close-btn {
    right: 0.9375rem;
    top: 0.9375rem;
  }
}
.modal__wrapper {
  width: 18.75rem;
}
@media (max-width: 29.99875em) {
  .modal__wrapper {
    width: 100%;
  }
}
.modal__fields {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.modal__title {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
@supports (font-size: clamp( 1.375rem , 1.151744186rem  +  1.1162790698vw , 2.125rem )) {
  .modal__title {
    font-size: clamp( 1.375rem , 1.151744186rem  +  1.1162790698vw , 2.125rem );
  }
}
@supports not (font-size: clamp( 1.375rem , 1.151744186rem  +  1.1162790698vw , 2.125rem )) {
  .modal__title {
    font-size: calc(1.375rem + 0.75 * (100vw - 20rem) / 67.1875);
  }
}
.modal__btns {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .modal__btns {
    margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .modal__btns {
    margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.modal__btns a,
.modal__btns button {
  width: 100%;
  justify-content: center;
}
.modal__btns a.btn {
  border-color: var(--orange);
  color: var(--text);
}
.modal__btns a.btn:hover {
  background-color: var(--orange);
  color: #fff;
}
.modal__checkbox {
  margin-top: 1.25rem;
}
.modal__checkbox input {
  display: none;
}
.modal__checkbox input:checked + .modal__checkbox-field::before {
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#checkbox") no-repeat center/cover;
}
.modal__checkbox-field {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #a5acb9;
}
.modal__checkbox-field::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#rect-empty") no-repeat center/cover #FFFFFF;
}
.modal__checkbox-field a {
  text-decoration: underline;
}
.modal__checkbox + .modal__btns {
  margin-top: 1.25rem;
}
.modal__message {
  color: var(--text);
}
.modal__message a {
  color: #a5acb9;
}
.modal__code {
  margin-top: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@supports ((-moz-column-gap: clamp( 0.875rem , 0.7261627907rem  +  0.7441860465vw , 1.375rem )) or (column-gap: clamp( 0.875rem , 0.7261627907rem  +  0.7441860465vw , 1.375rem ))) {
  .modal__code {
    -moz-column-gap: clamp( 0.875rem , 0.7261627907rem  +  0.7441860465vw , 1.375rem );
    column-gap: clamp( 0.875rem , 0.7261627907rem  +  0.7441860465vw , 1.375rem );
  }
}
@supports not ((-moz-column-gap: clamp( 0.875rem , 0.7261627907rem  +  0.7441860465vw , 1.375rem )) or (column-gap: clamp( 0.875rem , 0.7261627907rem  +  0.7441860465vw , 1.375rem ))) {
  .modal__code {
    -moz-column-gap: calc(0.875rem + 0.5 * (100vw - 20rem) / 67.1875);
    column-gap: calc(0.875rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
.modal__code input {
  width: 3.625rem;
  aspect-ratio: 1;
  border: 0.0625rem solid #e6eaed;
  border-radius: 0.75rem;
  font-size: 1.875rem;
  text-align: center;
  outline: none;
}
@supports (width: clamp( 3.25rem , 3.138372093rem  +  0.5581395349vw , 3.625rem )) {
  .modal__code input {
    width: clamp( 3.25rem , 3.138372093rem  +  0.5581395349vw , 3.625rem );
  }
}
@supports not (width: clamp( 3.25rem , 3.138372093rem  +  0.5581395349vw , 3.625rem )) {
  .modal__code input {
    width: calc(3.25rem + 0.375 * (100vw - 20rem) / 67.1875);
  }
}
.modal__code input::-moz-placeholder {
  color: #a5acb9;
}
.modal__code input::placeholder {
  color: #a5acb9;
}
.modal__wrapper-history {
  max-width: 25.625rem;
}
.modal__history {
  position: relative;
  padding-left: 1.625rem;
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid #e6eaed;
}
.modal__history-row {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-bottom: 0.0625rem solid #e6eaed;
  position: relative;
}
.modal__history-row span {
  position: absolute;
  left: -2.125rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  background: #c5ccd8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal__history-row span::after {
  content: "";
  width: 0.375rem;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: #fff;
}
.modal__history-row.active span {
  background-color: var(--accent);
}
.modal__history-row::before {
  content: "";
  position: absolute;
  left: -1.625rem;
  top: -0.0625rem;
  bottom: 0;
  background-color: var(--accent);
  opacity: 0.3;
  width: 0.125rem;
}
.modal__history-row:first-child::before {
  top: 50%;
}
.modal__history-row:last-child::before {
  bottom: 50%;
}
.modal__history-title {
  font-weight: 500;
  font-size: 1rem;
}
.modal__history-desc {
  font-weight: 500;
  font-size: 0.75rem;
  color: var(--inputColor);
  margin-top: 0.1875rem;
}

.modal-one__title {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  padding-right: 1.875rem;
}
@supports (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .modal-one__title {
    font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .modal-one__title {
    font-size: calc(1.125rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.modal-one__wrapper, #modal_4 > form {
  width: 36.875rem;
}
@media (max-width: 47.99875em) {
  .modal-one__wrapper, #modal_4 > form {
    width: 100%;
  }
}
.modal-one__bar {
  margin-top: 0.75rem;
}
.modal-one__fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
}
@supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .modal-one__fields {
    margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .modal-one__fields {
    margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 47.99875em) {
  .modal-one__fields {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 29.99875em) {
  .modal-one__fields {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 47.99875em) {
  .modal-one__fields .input:last-child {
    grid-column: -1/1;
  }
}
.modal-one .product-card__badge {
  position: relative;
}
.modal-one__btns {
  display: flex;
  align-items: center;
  row-gap: 0.625rem;
}
@supports ((-moz-column-gap: clamp( 0.625rem , 0.3459302326rem  +  1.3953488372vw , 1.5625rem )) or (column-gap: clamp( 0.625rem , 0.3459302326rem  +  1.3953488372vw , 1.5625rem ))) {
  .modal-one__btns {
    -moz-column-gap: clamp( 0.625rem , 0.3459302326rem  +  1.3953488372vw , 1.5625rem );
    column-gap: clamp( 0.625rem , 0.3459302326rem  +  1.3953488372vw , 1.5625rem );
  }
}
@supports not ((-moz-column-gap: clamp( 0.625rem , 0.3459302326rem  +  1.3953488372vw , 1.5625rem )) or (column-gap: clamp( 0.625rem , 0.3459302326rem  +  1.3953488372vw , 1.5625rem ))) {
  .modal-one__btns {
    -moz-column-gap: calc(0.625rem + 0.9375 * (100vw - 20rem) / 67.1875);
    column-gap: calc(0.625rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .modal-one__btns {
    margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 1.0639534884rem  +  0.9302325581vw , 1.875rem )) {
  .modal-one__btns {
    margin-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 47.99875em) {
  .modal-one__btns {
    flex-wrap: wrap;
  }
}
.modal-one .btn {
  background-color: var(--orange);
  border-color: var(--orange);
  color: #fff;
  transition-duration: 0.15s;
}
.modal-one .btn:hover {
  box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
}
.modal-one .modal__checkbox {
  margin-top: 0;
}

.restore-password {
  margin: 1.25rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.restore-password__link {
  font-weight: 500;
  font-size: 0.75rem;
  text-align: center;
  color: var(--inputColor);
  display: inline-flex;
  transition-duration: 0.15s;
}
.restore-password__link:hover {
  color: var(--accent);
}
.restore-password + .modal__btns {
  margin-top: 1.25rem;
}

.about-video__wrapper {
  display: flex;
  row-gap: 1.875rem;
}
@supports ((-moz-column-gap: clamp( 2.5rem , -3.6534167039rem  +  9.9250657536vw , 5rem )) or (column-gap: clamp( 2.5rem , -3.6534167039rem  +  9.9250657536vw , 5rem ))) {
  .about-video__wrapper {
    -moz-column-gap: clamp( 2.5rem , -3.6534167039rem  +  9.9250657536vw , 5rem );
    column-gap: clamp( 2.5rem , -3.6534167039rem  +  9.9250657536vw , 5rem );
  }
}
@supports not ((-moz-column-gap: clamp( 2.5rem , -3.6534167039rem  +  9.9250657536vw , 5rem )) or (column-gap: clamp( 2.5rem , -3.6534167039rem  +  9.9250657536vw , 5rem ))) {
  .about-video__wrapper {
    -moz-column-gap: calc(2.5rem + 2.5 * (100vw - 61.99875rem) / 25.18875);
    column-gap: calc(2.5rem + 2.5 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .about-video__wrapper {
    -moz-column-gap: inherit;
    column-gap: inherit;
  }
}
@media (max-width: 61.99875em) {
  .about-video__wrapper {
    flex-direction: column;
  }
}
.about-video__content {
  flex: 1;
}
.about-video__media {
  flex-shrink: 0;
  min-height: 15rem;
  position: relative;
}
@supports (flex-basis: clamp( 33.75rem , -3.1705002233rem  +  59.5503945214vw , 48.75rem )) {
  .about-video__media {
    flex-basis: clamp( 33.75rem , -3.1705002233rem  +  59.5503945214vw , 48.75rem );
  }
}
@supports not (flex-basis: clamp( 33.75rem , -3.1705002233rem  +  59.5503945214vw , 48.75rem )) {
  .about-video__media {
    flex-basis: calc(33.75rem + 15 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .about-video__media {
    flex-basis: inherit;
  }
}
.about-video__media img {
  width: 100%;
}
@media (max-width: 61.99875em) {
  .about-video__media {
    max-width: 43.75rem;
  }
}
.about-video__play {
  position: absolute;
  left: 1.25rem;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: var(--orange);
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 0.15s;
}
@supports (bottom: clamp( 1.875rem , 1.3168604651rem  +  2.7906976744vw , 3.75rem )) {
  .about-video__play {
    bottom: clamp( 1.875rem , 1.3168604651rem  +  2.7906976744vw , 3.75rem );
  }
}
@supports not (bottom: clamp( 1.875rem , 1.3168604651rem  +  2.7906976744vw , 3.75rem )) {
  .about-video__play {
    bottom: calc(1.875rem + 1.875 * (100vw - 20rem) / 67.1875);
  }
}
@supports (width: clamp( 6.25rem , 5.3197674419rem  +  4.6511627907vw , 9.375rem )) {
  .about-video__play {
    width: clamp( 6.25rem , 5.3197674419rem  +  4.6511627907vw , 9.375rem );
  }
}
@supports not (width: clamp( 6.25rem , 5.3197674419rem  +  4.6511627907vw , 9.375rem )) {
  .about-video__play {
    width: calc(6.25rem + 3.125 * (100vw - 20rem) / 67.1875);
  }
}
.about-video__play::before {
  content: "";
  position: absolute;
  background-color: var(--orangeLight);
  border-radius: 100%;
}
@supports (inset: clamp( 0.3125rem , 0.2194767442rem  +  0.4651162791vw , 0.625rem )) {
  .about-video__play::before {
    inset: clamp( 0.3125rem , 0.2194767442rem  +  0.4651162791vw , 0.625rem );
  }
}
@supports not (inset: clamp( 0.3125rem , 0.2194767442rem  +  0.4651162791vw , 0.625rem )) {
  .about-video__play::before {
    inset: calc(0.3125rem + 0.3125 * (100vw - 20rem) / 67.1875);
  }
}
.about-video__play svg {
  color: #fff;
  width: 33.3333333333%;
  aspect-ratio: 1;
  z-index: 2;
}
.about-video__play:hover {
  box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
}

.reviews__wrapper {
  display: flex;
  background-color: var(--silver);
}
@supports ((-moz-column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem )) or (column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem ))) {
  .reviews__wrapper {
    -moz-column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem );
    column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem );
  }
}
@supports not ((-moz-column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem )) or (column-gap: clamp( 2.5rem , -9.0376563198rem  +  18.6094982879vw , 7.1875rem ))) {
  .reviews__wrapper {
    -moz-column-gap: calc(2.5rem + 4.6875 * (100vw - 61.99875rem) / 25.18875);
    column-gap: calc(2.5rem + 4.6875 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .reviews__wrapper {
    -moz-column-gap: inherit;
    column-gap: inherit;
  }
}
@supports (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .reviews__wrapper {
    border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .reviews__wrapper {
    border-radius: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-top: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .reviews__wrapper {
    padding-top: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem );
  }
}
@supports not (padding-top: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .reviews__wrapper {
    padding-top: calc(1.5625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-bottom: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .reviews__wrapper {
    padding-bottom: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem );
  }
}
@supports not (padding-bottom: clamp( 1.5625rem , 1.3764534884rem  +  0.9302325581vw , 2.1875rem )) {
  .reviews__wrapper {
    padding-bottom: calc(1.5625rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-left: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem )) {
  .reviews__wrapper {
    padding-left: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem );
  }
}
@supports not (padding-left: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem )) {
  .reviews__wrapper {
    padding-left: calc(0.9375rem + 1.5625 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-right: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem )) {
  .reviews__wrapper {
    padding-right: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem );
  }
}
@supports not (padding-right: clamp( 0.9375rem , 0.4723837209rem  +  2.3255813953vw , 2.5rem )) {
  .reviews__wrapper {
    padding-right: calc(0.9375rem + 1.5625 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 47.99875em) {
  .reviews__wrapper {
    padding: 1.875rem 1.25rem;
  }
}
@media (max-width: 61.99875em) {
  .reviews__wrapper {
    flex-direction: column;
    gap: 1.875rem;
  }
}
.reviews__widget {
  display: flex;
  flex-direction: column;
  flex: 0 0 35rem;
}
@media (max-width: 61.99875em) {
  .reviews__widget {
    flex: initial;
    width: 100%;
  }
}
.reviews__widget-iframe {
  flex-grow: 1;
}
@media (max-width: 61.99875em) {
  .reviews__widget-iframe {
    max-width: 35rem;
  }
}
.reviews__widget-iframe > div {
  width: 100% !important;
  height: 100% !important;
}
@media (max-width: 61.99875em) {
  .reviews__widget-iframe > div {
    height: 33.75rem !important;
  }
}
.reviews__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
@supports (margin-bottom: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .reviews__title {
    margin-bottom: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem );
  }
}
@supports not (margin-bottom: clamp( 1.25rem , 0.9709302326rem  +  1.3953488372vw , 2.1875rem )) {
  .reviews__title {
    margin-bottom: calc(1.25rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
.reviews__letters {
  flex: 1;
  min-width: 0;
}
.reviews__title-arrows {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.reviews__title-prev svg {
  transform: scale(-1, 1);
}
.reviews__title-prev, .reviews__title-next {
  width: 2.875rem;
  aspect-ratio: 1;
  border-radius: 0.875rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviews__title-prev svg, .reviews__title-next svg {
  width: 34.7826086957%;
  aspect-ratio: 1;
}
.reviews__title-next {
  background-color: var(--accent);
}
.reviews__title-next svg {
  filter: brightness(0) invert(1);
}
.reviews__letters-init {
  overflow: hidden;
}
.reviews__letters-init .swiper-wrapper {
  height: 39.1875rem;
}
@media (max-width: 87.1875em) {
  .reviews__letters-init .swiper-wrapper {
    height: 100%;
  }
}
.reviews__letters-letter {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background-color: #fff;
  padding: 0.3125rem;
}
.reviews__letters-letter img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.4375rem;
}
.reviews.reviews-page .reviews__wrapper {
  padding: 0;
  background-color: transparent;
}

.tab-content:not(.active) {
  display: none;
}

.news-card {
  position: relative;
}
.news-card__image {
  aspect-ratio: 445/180;
  max-height: 15.625rem;
  border-radius: 0.75rem;
  border-radius: 0.75rem;
  overflow: hidden;
  display: block;
  transition-duration: 0.15s;
}
.news-card__image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.news-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-card__bottom {
  margin-top: 0.75rem;
  padding-left: 4.375rem;
  position: relative;
  padding-right: 10%;
}
.news-card__bottom::before {
  content: "";
  width: 3rem;
  aspect-ratio: 1;
  background-color: var(--accent);
  background-image: url("/local/templates/dmopt/assets/css/../img/sprite.svg#arrow-news");
  background-size: 37.5%;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 0.75rem;
}
@media (max-width: 61.99875em) {
  .news-card__bottom::before {
    width: 1.875rem;
    border-radius: 0.25rem;
  }
}
@media (max-width: 61.99875em) {
  .news-card__bottom {
    padding-left: 2.5rem;
    padding-right: 0;
  }
}
.news-card__date {
  font-weight: 500;
  font-size: 0.75rem;
  color: #a5acb9;
}
.news-card__title {
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.02em;
  transition-duration: 0.15s;
}
@supports (font-size: clamp( 1rem , 0.8511627907rem  +  0.7441860465vw , 1.5rem )) {
  .news-card__title {
    font-size: clamp( 1rem , 0.8511627907rem  +  0.7441860465vw , 1.5rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.8511627907rem  +  0.7441860465vw , 1.5rem )) {
  .news-card__title {
    font-size: calc(1rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-top: clamp( 0.3125rem , 0.1822674419rem  +  0.6511627907vw , 0.75rem )) {
  .news-card__title {
    margin-top: clamp( 0.3125rem , 0.1822674419rem  +  0.6511627907vw , 0.75rem );
  }
}
@supports not (margin-top: clamp( 0.3125rem , 0.1822674419rem  +  0.6511627907vw , 0.75rem )) {
  .news-card__title {
    margin-top: calc(0.3125rem + 0.4375 * (100vw - 20rem) / 67.1875);
  }
}
.news-card:hover .news-card__image {
  box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
}
.news-card:hover .news-card__title {
  color: var(--accent);
}

@supports (margin-top: clamp( 3.75rem , 2.8197674419rem  +  4.6511627907vw , 6.875rem )) {
  .footer {
    margin-top: clamp( 3.75rem , 2.8197674419rem  +  4.6511627907vw , 6.875rem );
  }
}
@supports not (margin-top: clamp( 3.75rem , 2.8197674419rem  +  4.6511627907vw , 6.875rem )) {
  .footer {
    margin-top: calc(3.75rem + 3.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (padding-bottom: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer {
    padding-bottom: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (padding-bottom: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer {
    padding-bottom: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
.footer__wrapper {
  display: grid;
  grid-template-columns: 19.375rem 1fr;
  background: var(--silver);
  padding: 0.625rem;
  position: relative;
}
@supports ((-moz-column-gap: clamp( 1.875rem , -5.8167708799rem  +  12.406332192vw , 5rem )) or (column-gap: clamp( 1.875rem , -5.8167708799rem  +  12.406332192vw , 5rem ))) {
  .footer__wrapper {
    -moz-column-gap: clamp( 1.875rem , -5.8167708799rem  +  12.406332192vw , 5rem );
    column-gap: clamp( 1.875rem , -5.8167708799rem  +  12.406332192vw , 5rem );
  }
}
@supports not ((-moz-column-gap: clamp( 1.875rem , -5.8167708799rem  +  12.406332192vw , 5rem )) or (column-gap: clamp( 1.875rem , -5.8167708799rem  +  12.406332192vw , 5rem ))) {
  .footer__wrapper {
    -moz-column-gap: calc(1.875rem + 3.125 * (100vw - 61.99875rem) / 25.18875);
    column-gap: calc(1.875rem + 3.125 * (100vw - 61.99875rem) / 25.18875);
  }
}
@media (max-width: 61.99875em) {
  .footer__wrapper {
    -moz-column-gap: inherit;
    column-gap: inherit;
  }
}
@supports (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__wrapper {
    border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (border-radius: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__wrapper {
    border-radius: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 61.99875em) {
  .footer__wrapper {
    grid-template-columns: 1fr;
  }
}
.footer__sidebar {
  background: #fff;
  padding: 1.5625rem 1.25rem 2.5rem 1.875rem;
}
@supports (border-radius: clamp( 1rem , 0.7023255814rem  +  1.488372093vw , 2rem )) {
  .footer__sidebar {
    border-radius: clamp( 1rem , 0.7023255814rem  +  1.488372093vw , 2rem );
  }
}
@supports not (border-radius: clamp( 1rem , 0.7023255814rem  +  1.488372093vw , 2rem )) {
  .footer__sidebar {
    border-radius: calc(1rem + 1 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 61.99875em) {
  .footer__sidebar {
    order: 2;
  }
}
@media (max-width: 47.99875em) {
  .footer__sidebar {
    padding: 1.25rem 0.625rem;
  }
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@supports (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__contacts {
    margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__contacts {
    margin-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
.footer__tel {
  line-height: 1.2;
  transition-duration: 0.15s;
}
@supports (font-size: clamp( 1.125rem , 1.013372093rem  +  0.5581395349vw , 1.5rem )) {
  .footer__tel {
    font-size: clamp( 1.125rem , 1.013372093rem  +  0.5581395349vw , 1.5rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.013372093rem  +  0.5581395349vw , 1.5rem )) {
  .footer__tel {
    font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 67.1875);
  }
}
.footer__tel:hover {
  color: var(--accent);
}
@supports (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .footer__email {
    margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .footer__email {
    margin-top: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.footer__email, .footer__address {
  font-weight: 500;
  display: inline-block;
}
@supports (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .footer__email, .footer__address {
    font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem );
  }
}
@supports not (font-size: clamp( 0.875rem , 0.8377906977rem  +  0.1860465116vw , 1rem )) {
  .footer__email, .footer__address {
    font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-top: clamp( 0.625rem , 0.4761627907rem  +  0.7441860465vw , 1.125rem )) {
  .footer__address {
    margin-top: clamp( 0.625rem , 0.4761627907rem  +  0.7441860465vw , 1.125rem );
  }
}
@supports not (margin-top: clamp( 0.625rem , 0.4761627907rem  +  0.7441860465vw , 1.125rem )) {
  .footer__address {
    margin-top: calc(0.625rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
.footer__time {
  font-weight: 500;
  color: #babfcb;
  margin-top: 0.3125rem;
}
@supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .footer__time {
    font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
  }
}
@supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .footer__time {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .footer__btn {
    margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem );
  }
}
@supports not (margin-top: clamp( 0.9375rem , 0.7514534884rem  +  0.9302325581vw , 1.5625rem )) {
  .footer__btn {
    margin-top: calc(0.9375rem + 0.625 * (100vw - 20rem) / 67.1875);
  }
}
.footer__social {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@supports (margin-top: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .footer__social {
    margin-top: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem );
  }
}
@supports not (margin-top: clamp( 0.9375rem , 0.6584302326rem  +  1.3953488372vw , 1.875rem )) {
  .footer__social {
    margin-top: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 67.1875);
  }
}
.footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  background: var(--silver);
  transition-duration: 0.15s;
}
@supports (width: clamp( 2.25rem , 2.1011627907rem  +  0.7441860465vw , 2.75rem )) {
  .footer__social a {
    width: clamp( 2.25rem , 2.1011627907rem  +  0.7441860465vw , 2.75rem );
  }
}
@supports not (width: clamp( 2.25rem , 2.1011627907rem  +  0.7441860465vw , 2.75rem )) {
  .footer__social a {
    width: calc(2.25rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
@supports (border-radius: clamp( 0.5rem , 0.4255813953rem  +  0.3720930233vw , 0.75rem )) {
  .footer__social a {
    border-radius: clamp( 0.5rem , 0.4255813953rem  +  0.3720930233vw , 0.75rem );
  }
}
@supports not (border-radius: clamp( 0.5rem , 0.4255813953rem  +  0.3720930233vw , 0.75rem )) {
  .footer__social a {
    border-radius: calc(0.5rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.footer__social a:hover {
  background-color: var(--accent);
}
.footer__social a:hover img {
  filter: brightness(0) invert(1);
}
.footer__social a img {
  width: 36.3636363636%;
  transition-duration: 0.15s;
}
.footer__copy {
  display: grid;
}
@supports (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__copy {
    margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__copy {
    margin-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@supports (row-gap: clamp( 0.4375rem , 0.3444767442rem  +  0.4651162791vw , 0.75rem )) {
  .footer__copy {
    row-gap: clamp( 0.4375rem , 0.3444767442rem  +  0.4651162791vw , 0.75rem );
  }
}
@supports not (row-gap: clamp( 0.4375rem , 0.3444767442rem  +  0.4651162791vw , 0.75rem )) {
  .footer__copy {
    row-gap: calc(0.4375rem + 0.3125 * (100vw - 20rem) / 67.1875);
  }
}
.footer__copy a,
.footer__copy span {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  font-weight: 500;
  font-size: 0.75rem;
  color: #babfcb;
}
.footer__copy a {
  transition-duration: 0.15s;
}
.footer__copy a:hover {
  color: var(--accent);
}
.footer__body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 1.875rem 4.6875rem 1.875rem 0;
}
@supports (gap: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__body {
    gap: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (gap: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__body {
    gap: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 75rem) and (min-width: 61.99875em) {
  .footer__body {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 75rem) {
  .footer__body {
    padding: 3.125rem 1.875rem 1.875rem;
  }
}
@media (max-width: 47.99875em) {
  .footer__body {
    grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr));
    padding: 1.875rem 0.625rem 0.625rem;
  }
}
@media (max-width: 29.99875em) {
  .footer__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
.footer__row-title {
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--accent);
}
@supports (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .footer__row-title {
    font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem );
  }
}
@supports not (font-size: clamp( 1rem , 0.9627906977rem  +  0.1860465116vw , 1.125rem )) {
  .footer__row-title {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
@supports (margin-bottom: clamp( 0.75rem , 0.6011627907rem  +  0.7441860465vw , 1.25rem )) {
  .footer__row-title, .footer__row-pay {
    margin-bottom: clamp( 0.75rem , 0.6011627907rem  +  0.7441860465vw , 1.25rem );
  }
}
@supports not (margin-bottom: clamp( 0.75rem , 0.6011627907rem  +  0.7441860465vw , 1.25rem )) {
  .footer__row-title, .footer__row-pay {
    margin-bottom: calc(0.75rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
.footer__row-list {
  display: grid;
}
@supports (gap: clamp( 0.4375rem , 0.3072674419rem  +  0.6511627907vw , 0.875rem )) {
  .footer__row-list {
    gap: clamp( 0.4375rem , 0.3072674419rem  +  0.6511627907vw , 0.875rem );
  }
}
@supports not (gap: clamp( 0.4375rem , 0.3072674419rem  +  0.6511627907vw , 0.875rem )) {
  .footer__row-list {
    gap: calc(0.4375rem + 0.4375 * (100vw - 20rem) / 67.1875);
  }
}
.footer__row-list a {
  font-weight: 500;
  line-height: 1.2;
  transition-duration: 0.15s;
}
@supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .footer__row-list a {
    font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
  }
}
@supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .footer__row-list a {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.footer__row-list a.all {
  color: #babfcb;
}
.footer__row-list a.all:hover {
  color: var(--accent);
}
.footer__row-pay {
  min-height: 2.875rem;
  display: flex;
  align-items: center;
}
.footer__row-pay img {
  max-width: 100%;
}
.footer__bottom {
  color: #6d7582;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
@supports (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__bottom {
    margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem );
  }
}
@supports not (margin-top: clamp( 1.25rem , 0.8779069767rem  +  1.8604651163vw , 2.5rem )) {
  .footer__bottom {
    margin-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 67.1875);
  }
}
.footer__bottom-title {
  font-weight: 700;
}
@supports (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .footer__bottom-title {
    font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.0505813953rem  +  0.3720930233vw , 1.375rem )) {
  .footer__bottom-title {
    font-size: calc(1.125rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
.footer__bottom-text {
  margin-top: 0.9375rem;
}
@supports (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .footer__bottom-text {
    font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem );
  }
}
@supports not (font-size: clamp( 0.75rem , 0.7127906977rem  +  0.1860465116vw , 0.875rem )) {
  .footer__bottom-text {
    font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 67.1875);
  }
}
.footer__bottom-text p:not(:last-child) {
  margin-bottom: 1rem;
}
.footer__to-top {
  aspect-ratio: 1;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
  transition-duration: 0.15s;
}
@supports (width: clamp( 2.25rem , 2.1011627907rem  +  0.7441860465vw , 2.75rem )) {
  .footer__to-top {
    width: clamp( 2.25rem , 2.1011627907rem  +  0.7441860465vw , 2.75rem );
  }
}
@supports not (width: clamp( 2.25rem , 2.1011627907rem  +  0.7441860465vw , 2.75rem )) {
  .footer__to-top {
    width: calc(2.25rem + 0.5 * (100vw - 20rem) / 67.1875);
  }
}
@supports (border-radius: clamp( 0.5rem , 0.4255813953rem  +  0.3720930233vw , 0.75rem )) {
  .footer__to-top {
    border-radius: clamp( 0.5rem , 0.4255813953rem  +  0.3720930233vw , 0.75rem );
  }
}
@supports not (border-radius: clamp( 0.5rem , 0.4255813953rem  +  0.3720930233vw , 0.75rem )) {
  .footer__to-top {
    border-radius: calc(0.5rem + 0.25 * (100vw - 20rem) / 67.1875);
  }
}
@media (max-width: 61.99875em) {
  .footer__to-top {
    right: 0.9375rem;
    top: 0.9375rem;
  }
}
.footer__to-top svg {
  width: 36.3636363636%;
  aspect-ratio: 1;
  transition-duration: 0.15s;
}
.footer__to-top:hover {
  background-color: var(--accent);
}
.footer__to-top:hover svg {
  filter: brightness(0) invert(1);
}
.product-page__price-blocks {
  margin-top: 16px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 130px);
  gap: 10px;
}
@media (max-width: 62.5rem) {
  .product-page__price-blocks {
    grid-template-columns: repeat(3, 120px);
  }
}
@media (max-width: 375px) {
  .popup-window-buttons .btn {
    margin: 5px 0 !important;
  }
}
.product-page__price-block {
  padding: 8px 15px;
  background: #F6F8FA;
  border-radius: 12px;
}
.product-page__price-block div:first-child {
  font-size: 12px;
  font-weight: 500;
  line-height: 14.4px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.product-page__price-block div:last-child {
  font-size: 22px;
  font-weight: 700;
  line-height: 26.4px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.popup-addbasket {
  position: fixed;
  right: -230px;
  top: 150px;
  z-index: 100;
  border-radius: clamp(0.875rem, 0.4656976744rem + 2.0465116279vw, 2.25rem);
  box-shadow: 0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.25);
  padding: clamp(0.625rem, 0.438953rem + 0.930233vw, 1.25rem);
  background: var(--silver);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text);
  font-size: clamp(0.875rem, 0.8005813953rem + 0.3720930233vw, 0.125rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition-duration: 0.15s;
}
.popup-addbasket.view {
  right: 20px;
}
.product-card__quantity {
  position: relative;
  z-index: 1;
}
.product-card__quantity .product-item-amount-field-btn-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.product-card__quantity .counter__value {
  width: 30px;
  font-size: 14px;
}
.product-card__quantity .counter__minus, .product-card__quantity .counter__plus {
  width: 10px;
}
@media (max-width: 576px) {
  .product-card__quantity .counter__minus, .product-card__quantity .counter__plus {
    width: 30px;
  }
}
.product-card__quantity .counter {
  height: 30px;
  padding: 0;
  border: none;
}
.product-card__quantity .counter__minus::before, .product-card__quantity .counter__plus::before {
  width: 10px;
}
.products__count {
  display: flex;
  width: 200px;
  margin: 0 0 40px auto;
}
@media (max-width: 61.9988em) {
  .products__count {
    order: 1;
    margin: 40px 0 0 auto;
  }
}
.s-title span {
  color: #145AA8;
}
.hero__slide-content_none {
  background: none;
  height: 100%;
}
@media (max-width: 576px) {
  .hero__slide-content_none > a:first-child {
    display: none;
  }
  .hero__slide-content_none .hero__btn {
    margin-top: auto;
  }
  .hero__title {
    font-size: 20px;
  }
  .hero__desc {
    font-size: 14px;
    margin: 10px 0 0;
  }
  .hero__btn {
    padding: 10px;
    min-height: auto;
    margin: 10px 0 0;
  }
  .hero__slide {
    padding: 15px;
    height: 150px;
  }
  .hero__bg {
    object-fit: fill;
  }
}
.cookie {
  background: var(--accent);
  border-radius: 0.75rem;
  padding: 10px 30px;
  color: #fff;
  display: flex;
  align-items: center;
  position: fixed;
  bottom: -300px;
  left: 0;
  width: calc(100% - 30px);
  margin: 0 15px;
  z-index: 999;
  transition: 0.3s;
}
.cookie.view {
  bottom: 15px;
}
.cookie .content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cookie .content .cookie-text br {
  display: none;
}
.cookie .content .cookie-text a {
  border-bottom: 1px solid;
}
.cookie-button {
  padding: 10px 20px;
  border: 1px solid;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
}
.cookie-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
@media (max-width: 576px) {
  .cookie {
    padding: 10px;
  }
  .cookie .content {
    flex-direction: column;
    text-align: center;
  }
  .cookie .content .cookie-text br {
    display: block;
  }
  .cookie-close {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.order-checkbox {
  margin-top: clamp(0.9375rem, 0.7514534884rem + 0.9302325581vw, 1.5625rem);
  padding: 0 15px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.order-checkbox .order-checkbox-text {
  display: flex;
  align-items: center;
  gap: 10px;
}
.order-checkbox .order-checkbox-text a {
  border-bottom: 1px solid;
}
.order-checkbox input {
  position: absolute;
  z-index: -1;
}
.order-checkbox input:checked + .order-checkbox-text::before {
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#checkbox") no-repeat center/cover;
}
.order-checkbox .order-checkbox-text::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background: url("/local/templates/dmopt/assets/css/../img/sprite.svg#rect-empty") no-repeat center/cover #FFFFFF;
}
/* End */


/* Start:/local/templates/dmopt/components/bitrix/search.title/search/style.css?17281890852108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/dmopt/components/bitrix/search.title/search/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/dmopt/components/bitrix/main.register/.default/style.min.css?1721989200442*/
div.bx-auth-reg input.bx-auth-input{vertical-align:middle}div.bx-auth-reg span.bx-auth-secure{background-color:#fffae3;border:1px solid #dedbc8;padding:2px;display:inline-block;vertical-align:middle}div.bx-auth-reg div.bx-auth-secure-icon{background-image:url(/local/templates/dmopt/components/bitrix/main.register/.default/images/sec.png);background-repeat:no-repeat;background-position:center;width:19px;height:18px}div.bx-auth-reg div.bx-auth-secure-unlock{background-image:url(/local/templates/dmopt/components/bitrix/main.register/.default/images/sec-unlocked.png)}
/* End */


/* Start:/local/templates/dmopt/components/bitrix/form/wf_2/bitrix/form.result.new/.default/style.css?1728107160666*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/dmopt/components/bitrix/form/wf_2/bitrix/form.result.new/.default/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/dmopt/components/bitrix/form/wf_2/bitrix/form.result.new/.default/images/icon_warn.gif);
}
/* End */
/* /local/templates/dmopt/assets/css/style.css?1788547421318361 */
/* /local/templates/dmopt/components/bitrix/search.title/search/style.css?17281890852108 */
/* /local/templates/dmopt/components/bitrix/main.register/.default/style.min.css?1721989200442 */
/* /local/templates/dmopt/components/bitrix/form/wf_2/bitrix/form.result.new/.default/style.css?1728107160666 */