/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

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

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

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

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

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

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

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

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

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

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}

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

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}

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

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }
  &:only-child {
    display: none !important;
  }
}

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

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition: 200ms transform, 200ms top;
    }
  }
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition: 200ms transform, 200ms left;
    }
  }
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

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

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .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-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}

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

.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: TTOctosquares;
  src: url("/local/templates/podshipnik/dist/fonts/TTOctosquaresTrl-Md.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: TTOctosquares;
  src: url("/local/templates/podshipnik/dist/fonts/TTOctosquaresTrl-DBd.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: TTOctosquares;
  src: url("/local/templates/podshipnik/dist/fonts/TTOctosquaresTrl-Bd.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: TTOctosquares;
  src: url("/local/templates/podshipnik/dist/fonts/TTOctosquaresTrl-Rg.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: "Blender Pro";
  src: url("/local/templates/podshipnik/dist/fonts/BlenderPro-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-style: italic;
  font-family: "Blender Pro";
  src: url("/local/templates/podshipnik/dist/fonts/BlenderPro-BookItalic.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: bold;
  font-style: normal;
  font-family: "Blender Pro";
  src: url("/local/templates/podshipnik/dist/fonts/BlenderPro-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Blender Pro";
  src: url("/local/templates/podshipnik/dist/fonts/BlenderPro-Book.woff2") format("woff2");
  font-display: swap;
}
/* stylelint-disable */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/*
Improve line wrapping
*/
p {
  text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

/* stylelint-enable */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slide-up {
  from {
    transform: translateY(10%);
  }
}
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: 0;
  }
}
@keyframes panel-slide-left {
  from {
    transform: translateX(20px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes blob-animation {
  0% {
    transform: skew(0deg, 0deg) rotate(0deg);
  }
  10% {
    transform: skew(40deg, -5deg) rotate(5deg);
  }
  20% {
    transform: skew(-35deg, 7deg) rotate(-6deg);
  }
  30% {
    transform: skew(45deg, -6deg) rotate(4deg);
  }
  40% {
    transform: skew(-50deg, 8deg) rotate(-8deg);
  }
  50% {
    transform: skew(38deg, -7deg) rotate(6deg);
  }
  60% {
    transform: skew(-42deg, 5deg) rotate(-5deg);
  }
  70% {
    transform: skew(55deg, -9deg) rotate(7deg);
  }
  80% {
    transform: skew(-48deg, 6deg) rotate(-6deg);
  }
  90% {
    transform: skew(50deg, -8deg) rotate(5deg);
  }
  100% {
    transform: skew(0deg, 0deg) rotate(0deg);
  }
}
:root {
  --bg-btn-dark-active: #0b1f3c;
  --clr-bg-btn-dark: #08162b;
  --clr-bg-card-blue-100: rgb(0 102 255 / 10%);
  --clr-bg-card-blue-200: rgb(0 102 255 / 20%);
  --clr-bg-card-dark-glass: rgb(8 22 43 / 40%);
  --clr-bg-card-dark-glass-hover: rgb(37 49 68 / 43%);
  --clr-bg-card-darkblue-600: rgb(26 46 76 / 63.2%);
  --clr-bg-card-green-100: rgb(106 209 166 / 10%);
  --clr-bg-card-light-02: #e0e3e6;
  --clr-bg-card-light-active: #d7dae0;
  --clr-bg-card-light-glass: rgb(244 244 244 / 5%);
  --clr-bg-card-light: #e8eaed;
  --clr-bg-card-dark: #091930;
  --clr-bg-card-orange-100: rgb(236 167 63 / 10%);
  --clr-bg-card-red-100: rgb(255 76 81 / 10%);
  --clr-bg-dark: #010a17;
  --clr-bg-light-02: #eff0f0;
  --clr-bg-light: #f4f4f4;
  --clr-bg: rgb(8 22 43 / 4%);
  --clr-bg-map: #dce6f9;
  --clr-blue-dark: #010a17;
  --clr-blue-dark-600: rgb(1 10 23 / 60%);
  --clr-custom-outline-blue-400: rgb(0 102 255 / 40%);
  --clr-custom-outline-dark-active: rgb(63 86 120 / 60%);
  --clr-custom-outline-green-400: rgb(74 201 148 / 40%);
  --clr-custom-outline-light-active: #b3b5ba;
  --clr-custom-outline-light: #ced3d9;
  --clr-custom-outline-orange-400: rgb(236 167 63 / 40%);
  --clr-custom-outline-red-400: rgb(255 76 81 / 40%);
  --clr-custom-outline: rgb(48 75 115 / 30%);
  --clr-custom-plan: #6a7077;
  --clr-custom-separator-dark: rgb(255 255 255 / 30%);
  --clr-dark-screen-700: rgb(0 0 0 / 60%);
  --clr-darkblue-dark: #091930;
  --clr-darkblue-light: #1f314c;
  --clr-darkblue-main: #0b1f3c;
  --clr-green-light: #4ac994;
  --clr-orange-warning: #e18700;
  --clr-primary-dark: #0057d9;
  --clr-primary-light: #1a75ff;
  --clr-primary-main: #06f;
  --clr-primary: #06f;
  --clr-red-warning: #f2494d;
  --clr-red-warning-darker: #ed3033;
  --clr-secondary-main: #e5e7eb;
  --clr-secondary-dark: #e8eaed;
  --clr-secondary-darker: #d7d9dd;
  --clr-text-primary: var(--clr-blue-dark);
  --clr-text-secondary-dark: rgb(255 255 255 / 60%);
  --clr-text-secondary: #6a7077;
  --clr-white: #fff;
  --clr-overlay: var(--clr-dark-screen-700);
  --gradient-photo-light: linear-gradient(
    160.65deg,
    #d6dae1 -12.19%,
    #798496 81.24%
  );
  --gradient-heading: linear-gradient(
    to right,
    #fff 0%,
    rgb(255 255 255 / 40%) 100%
  );
  --shadow-popup: 0 6px 20px 0 rgb(0 0 0 / 15%);
  --font-primary: "Blender Pro", sans-serif;
  --font-secondary: "TTOctosquares", sans-serif;
  --fs-100: 10px;
  --fs-200: 12px;
  --fs-300: 14px;
  --fs-350: 15px;
  --fs-400: 16px;
  --fs-500: 18px;
  --fs-600: 20px;
  --fs-700: 22px;
  --fs-750: 24px;
  --fs-800: 26px;
  --fs-850: 28px;
  --fs-900: 32px;
  --fs-900: 32px;
  --fs-1000: 40px;
  --fld-screen: 100vw;
  --fld-min-screen: 320;
  --fld-max-screen: 1440;
  --fld-breakpoint: (var(--fld-screen) - var(--fld-min-screen) * 1px) /
    (var(--fld-max-screen) - var(--fld-min-screen));
  --fld-1-25: (1px + (1.25 - 1) * (var(--fld-breakpoint)));
  --fld-1-5: (1px + (1.5 - 1) * (var(--fld-breakpoint)));
  --fld-2: (1px + (2 - 1) * (var(--fld-breakpoint)));
  --fld-2-5: (1px + (2.5 - 1) * (var(--fld-breakpoint)));
  --fld-3: (1px + (3 - 1) * (var(--fld-breakpoint)));
  --fld-4: (1px + (4 - 1) * (var(--fld-breakpoint)));
  --fld-9: (1px + (9 - 1) * (var(--fld-breakpoint)));
  --fld: var(--fld-2);
  --sz-gutter: 20px;
  --sz-content-max-width: 100%;
  --sz-sidegap: 15px;
  --sz-topbar-height: 50px;
  --sz-topbar-v-gaps: 16px;
  --sz-topbar-offset: calc(
    var(--sz-topbar-height) + var(--sz-topbar-v-gaps) * 2
  );
  --sz-topbar-content-offset: calc(var(--sz-topbar-offset) + 16px);
  --sz-bottom-panel-height: 60px;
  --sz-bottom-panel-offset: 48px;
  --e-power3-out: cubic-bezier(0.33, 1, 0.68, 1);
  --t: 0.3s ease-out;
  --t-fast: 0.15s ease-out;
  --z-popup: 110;
  --z-topbar: 100;
  --z-mobile-bar: 100;
  --z-toast: 100;
  --z-action-panel: 99;
  --z-catalog-controls: 90;
  --z-dialog: 500;
  --z-tooltip: 510;
}
@media screen and (min-width: 480px) {
  :root {
    --sz-topbar-v-gaps: 20px;
    --sz-sidegap: 25px;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --sz-bottom-panel-offset: 0;
    --sz-topbar-height: 60px;
    --sz-sidegap: 34px;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --fld-min-screen: 1440;
    --fld-max-screen: 1920;
    --shadow-popup: 0 6px 20px 0 rgb(0 0 0 / 15%);
    --sz-gutter: 24px;
    --sz-sidegap: calc(80 * var(--fld-2-5));
    --sz-topbar-height: 56px;
    --sz-topbar-v-gaps: 20px;
    --sz-topbar-content-offset: calc(var(--sz-topbar-offset) + 19px);
  }
}
@media screen and (min-width: 1900px) {
  :root {
    --fld-min-screen: 1920;
    --fld-max-screen: 3800;
    --shadow-popup: 0 calc(6 * var(--fld-2)) calc(20 * var(--fld-2)) 0
      rgb(0 0 0 / 15%);
    --fs-100: calc(10 * var(--fld-2));
    --fs-200: calc(12 * var(--fld-2));
    --fs-300: calc(14 * var(--fld-2));
    --fs-350: calc(15 * var(--fld-2));
    --fs-400: calc(16 * var(--fld-2));
    --fs-500: calc(18 * var(--fld-2));
    --fs-600: calc(20 * var(--fld-2));
    --fs-700: calc(22 * var(--fld-2));
    --fs-800: calc(26 * var(--fld-2));
    --fs-900: calc(32 * var(--fld-2));
    --fs-1000: calc(40 * var(--fld-2));
    --sz-gutter: calc(24 * var(--fld));
    --sz-sidegap: calc(206 * var(--fld));
    --sz-topbar-height: calc(56 * var(--fld));
    --sz-topbar-v-gaps: calc(20 * var(--fld));
    --sz-topbar-content-offset: calc(
      var(--sz-topbar-offset) + calc(19 * var(--fld))
    );
  }
}
@media screen and (min-width: 3800px) {
  :root {
    --fld-screen: calc(var(--fld-max-screen) * 1px);
    --sz-content-max-width: 3200px;
    --sz-sidegap: calc((100vw - var(--sz-content-max-width)) / 2);
  }
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--clr-bg-card-light-active) transparent;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  background: #fff;
  color: var(--clr-text-primary);
  font-weight: 500;
  font-size: var(--fs-400);
  font-family: var(--font-primary);
  scrollbar-gutter: stable;
  scroll-padding-top: var(--sz-topbar-content-offset);
}
body.is-interface-hidden {
  scroll-padding-top: 0;
}
body.is-resizing *,
body.is-resizing *::before,
body.is-resizing *::after {
  transition-delay: 0.001ms !important;
  transition-duration: 0.001ms !important;
}

@media screen and (prefers-reduced-motion: reduce), (update: slow) {
  *,
  *::before,
  *::after {
    transition-delay: 0.001ms !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-delay: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}
html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-duration: 1ms;
  transition-property: overflow;
  transition-behavior: allow-discrete;
}

.h1 {
  font-weight: 400;
  font-size: var(--fs-1000);
  font-family: var(--font-secondary);
  line-height: 1.15;
  text-wrap: balance;
}

.h2 {
  font-weight: 400;
  font-size: var(--fs-600);
  font-family: var(--font-secondary);
  line-height: 1.3;
  text-transform: uppercase;
  text-wrap: balance;
}

.h3 {
  font-weight: 400;
  font-size: var(--fs-700);
  font-family: var(--font-secondary);
  line-height: 1.1818;
  text-wrap: balance;
}

.h4 {
  font-weight: 400;
  font-size: var(--fs-500);
  font-family: var(--font-secondary);
  line-height: 1.2222;
  text-wrap: balance;
}

.h5 {
  font-weight: 400;
  font-size: var(--fs-400);
  font-family: var(--font-secondary);
  line-height: 1.25;
  text-wrap: balance;
}

.h4-h2 {
  font-weight: 400;
  font-size: var(--fs-500);
  font-family: var(--font-secondary);
  line-height: 1.2222;
  text-wrap: balance;
}
@media screen and (min-width: 1400px) {
  .h4-h2 {
    font-size: var(--fs-600);
    line-height: 1.3;
    text-transform: uppercase;
  }
}

.h5-h4 {
  font-weight: 400;
  font-size: var(--fs-400);
  font-family: var(--font-secondary);
  line-height: 1.25;
  text-wrap: balance;
}
@media screen and (min-width: 1400px) {
  .h5-h4 {
    font-size: var(--fs-500);
    line-height: 1.2222;
  }
}

.subtitle1 {
  font-weight: 400;
  font-size: var(--fs-350);
  font-family: var(--font-secondary);
  line-height: 1.2;
  text-wrap: balance;
}

.subtitle1-h2 {
  font-weight: 400;
  font-size: var(--fs-350);
  font-family: var(--font-secondary);
  line-height: 1.2;
  text-wrap: balance;
}
@media screen and (min-width: 1400px) {
  .subtitle1-h2 {
    font-size: var(--fs-600);
    line-height: 1.3;
    text-transform: uppercase;
  }
}

.subtitle1-h4 {
  font-weight: 400;
  font-size: var(--fs-350);
  font-family: var(--font-secondary);
  line-height: 1.2;
  text-wrap: balance;
}
@media screen and (min-width: 1400px) {
  .subtitle1-h4 {
    font-size: var(--fs-500);
    line-height: 1.2222;
  }
}

.subtitle1-h5 {
  font-weight: 400;
  font-size: var(--fs-350);
  font-family: var(--font-secondary);
  line-height: 1.2;
  text-wrap: balance;
}
@media screen and (min-width: 1400px) {
  .subtitle1-h5 {
    font-size: var(--fs-400);
    line-height: 1.25;
  }
}

.subtitle2,
.image-radios__item-label {
  font-weight: 400;
  font-size: var(--fs-300);
  font-family: var(--font-secondary);
  line-height: 1.1429;
  text-wrap: balance;
}

.subtitle2-h5 {
  font-weight: 400;
  font-size: var(--fs-300);
  font-family: var(--font-secondary);
  line-height: 1.1429;
  text-wrap: balance;
}
@media screen and (min-width: 1400px) {
  .subtitle2-h5 {
    font-size: var(--fs-400);
    line-height: 1.25;
  }
}

.subtitle2-subtitle1 {
  font-weight: 400;
  font-size: var(--fs-300);
  font-family: var(--font-secondary);
  line-height: 1.1429;
  text-wrap: balance;
}
@media screen and (min-width: 1400px) {
  .subtitle2-subtitle1 {
    font-size: var(--fs-350);
    line-height: 1.2;
  }
}

.subtitle3 {
  font-weight: 400;
  font-size: var(--fs-200);
  font-family: var(--font-secondary);
  line-height: 1.6667;
  text-wrap: balance;
}

.price-desktop {
  font-weight: 400;
  font-size: var(--fs-800);
  font-family: var(--font-secondary);
  line-height: 1.3077;
}

.price-mobile {
  font-weight: 400;
  font-size: var(--fs-600);
  font-family: var(--font-secondary);
  line-height: 1.3;
}

.price {
  font-weight: 400;
  font-size: var(--fs-600);
  font-family: var(--font-secondary);
  line-height: 1.3;
}
@media screen and (min-width: 1400px) {
  .price {
    font-size: var(--fs-800);
    line-height: 1.3077;
  }
}

.body1,
.product-card__category,
.part-search-result__title {
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.125;
}

.body2 {
  font-weight: 500;
  font-size: var(--fs-350);
  line-height: 1.2;
}

.body3,
.delivery-calculator__table th,
.part-search-result__heading,
.part-search-result__article {
  font-weight: 500;
  font-size: var(--fs-300);
  line-height: 1.1429;
}

.body1-subtitle1 {
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.125;
}
@media screen and (min-width: 1400px) {
  .body1-subtitle1 {
    font-weight: 400;
    font-size: var(--fs-350);
    font-family: var(--font-secondary);
    line-height: 1.2;
    text-wrap: balance;
  }
}

.body1-subtitle2 {
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.125;
}
@media screen and (min-width: 1400px) {
  .body1-subtitle2 {
    font-weight: 400;
    font-size: var(--fs-300);
    font-family: var(--font-secondary);
    line-height: 1.1429;
    text-wrap: balance;
  }
}

.body2-subtitle2 {
  font-weight: 500;
  font-size: var(--fs-350);
  line-height: 1.2;
}
@media screen and (min-width: 1400px) {
  .body2-subtitle2 {
    font-weight: 400;
    font-size: var(--fs-300);
    font-family: var(--font-secondary);
    line-height: 1.1429;
    text-wrap: balance;
  }
}

.body2-body1 {
  font-weight: 500;
  font-size: var(--fs-350);
  line-height: 1.2;
}
@media screen and (min-width: 1400px) {
  .body2-body1 {
    font-size: var(--fs-400);
    line-height: 1.125;
  }
}

.body3-subtitle2 {
  font-weight: 500;
  font-size: var(--fs-300);
  line-height: 1.1429;
}
@media screen and (min-width: 1400px) {
  .body3-subtitle2 {
    font-weight: 400;
    font-size: var(--fs-300);
    font-family: var(--font-secondary);
    line-height: 1.1429;
    text-wrap: balance;
  }
}

.body3-body1 {
  font-weight: 500;
  font-size: var(--fs-300);
  line-height: 1.1429;
}
@media screen and (min-width: 1400px) {
  .body3-body1 {
    font-size: var(--fs-400);
    line-height: 1.125;
  }
}

.body3-body2 {
  font-weight: 500;
  font-size: var(--fs-300);
  line-height: 1.1429;
}
@media screen and (min-width: 1400px) {
  .body3-body2 {
    font-size: var(--fs-350);
    line-height: 1.2;
  }
}

.caption1,
.product-variants__cart-count,
.btn__counter {
  font-weight: 500;
  font-size: var(--fs-200);
  line-height: 1.1667;
}

.caption2 {
  font-weight: 400;
  font-size: var(--fs-200);
  line-height: 1.1667;
}

.caption1-body2 {
  font-weight: 500;
  font-size: var(--fs-200);
  line-height: 1.1667;
}
@media screen and (min-width: 1400px) {
  .caption1-body2 {
    font-size: var(--fs-350);
    line-height: 1.2;
  }
}

.modal-h,
.filter__heading {
  font-weight: 400;
  font-size: var(--fs-350);
  font-family: var(--font-secondary);
  line-height: 1.2;
  text-wrap: balance;
}
@media screen and (min-width: 1400px) {
  .modal-h,
  .filter__heading {
    font-size: var(--fs-400);
    line-height: 1.25;
  }
}

.i {
  display: block;
  vertical-align: text-bottom;
  background-color: currentcolor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.i:where([class*=i--][class*="-10"]) {
  width: 10px;
  height: 10px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-10"]) {
    width: calc(10 * var(--fld));
    height: calc(10 * var(--fld));
  }
}

.i:where([class*=i--][class*="-12"]) {
  width: 12px;
  height: 12px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-12"]) {
    width: calc(12 * var(--fld));
    height: calc(12 * var(--fld));
  }
}

.i:where([class*=i--][class*="-14"]) {
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-14"]) {
    width: calc(14 * var(--fld));
    height: calc(14 * var(--fld));
  }
}

.i:where([class*=i--][class*="-15"]) {
  width: 15px;
  height: 15px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-15"]) {
    width: calc(15 * var(--fld));
    height: calc(15 * var(--fld));
  }
}

.i:where([class*=i--][class*="-16"]) {
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-16"]) {
    width: calc(16 * var(--fld));
    height: calc(16 * var(--fld));
  }
}

.i:where([class*=i--][class*="-18"]) {
  width: 18px;
  height: 18px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-18"]) {
    width: calc(18 * var(--fld));
    height: calc(18 * var(--fld));
  }
}

.i:where([class*=i--][class*="-20"]) {
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-20"]) {
    width: calc(20 * var(--fld));
    height: calc(20 * var(--fld));
  }
}

.i:where([class*=i--][class*="-24"]) {
  width: 24px;
  height: 24px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-24"]) {
    width: calc(24 * var(--fld));
    height: calc(24 * var(--fld));
  }
}

.i:where([class*=i--][class*="-28"]) {
  width: 28px;
  height: 28px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-28"]) {
    width: calc(28 * var(--fld));
    height: calc(28 * var(--fld));
  }
}

.i:where([class*=i--][class*="-40"]) {
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-40"]) {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
  }
}

.i:where([class*=i--][class*="-50"]) {
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 1900px) {
  .i:where([class*=i--][class*="-50"]) {
    width: calc(50 * var(--fld));
    height: calc(50 * var(--fld));
  }
}

.i--cross-10 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cross.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cross.svg);
}

.i--check-12 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/check.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/check.svg);
}

.i--arrow-top-right-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/arrow-top-right.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/arrow-top-right.svg);
}

.i--cart-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart.svg);
}

.i--cart-with-checkbox-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart-with-checkbox.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart-with-checkbox.svg);
}

.i--cart-with-cross-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart-with-cross.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart-with-cross.svg);
}

.i--chevron-down-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/chevron-down.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/chevron-down.svg);
}

.i--doc-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/doc.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/doc.svg);
}

.i--download-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/download.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/download.svg);
}

.i--edit-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/edit.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/edit.svg);
}

.i--logout-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/logout.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/logout.svg);
}

.i--outline-heart-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/outline-heart.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/outline-heart.svg);
}

.i--pin-file-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/pin-file.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/pin-file.svg);
}

.i--plus-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/plus.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/plus.svg);
}

.i--print-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/print.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/print.svg);
}

.i--search-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/search.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/search.svg);
}

.i--share-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/share.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/share.svg);
}

.i--sliders-horizontal-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/sliders-horizontal.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/sliders-horizontal.svg);
}

.i--trash-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/trash.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/trash.svg);
}

.i--xls-14 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/xls.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/xls.svg);
}

.i--arrow-top-right-15 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/arrow-top-right2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/arrow-top-right2.svg);
}

.i--angle-bottom-left-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/angle-bottom-left.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/angle-bottom-left.svg);
}

.i--angle-bottom-right-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/angle-bottom-right.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/angle-bottom-right.svg);
}

.i--angle-top-left-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/angle-top-left.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/angle-top-left.svg);
}

.i--angle-top-right-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/angle-top-right.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/angle-top-right.svg);
}

.i--arrow-top-left-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/arrow-top-left.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/arrow-top-left.svg);
}

.i--buildings-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/buildings.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/buildings.svg);
}

.i--calendar-x-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/calendar-x.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/calendar-x.svg);
}

.i--cards-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cards.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cards.svg);
}

.i--caret-down-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-down.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-down.svg);
}

.i--caret-left-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-left.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-left.svg);
}

.i--caret-right-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-right.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-right.svg);
}

.i--caret-up-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-up.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-up.svg);
}

.i--cart-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart2.svg);
}

.i--check-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/check2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/check2.svg);
}

.i--chevron-down-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/chevron-down2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/chevron-down2.svg);
}

.i--clipboard-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/clipboard.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/clipboard.svg);
}

.i--clock-clockwise-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/clock-clockwise.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/clock-clockwise.svg);
}

.i--clock-outline-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/clock-outline.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/clock-outline.svg);
}

.i--clock-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/clock.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/clock.svg);
}

.i--close-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/close.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/close.svg);
}

.i--corner-radius-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/corner-radius.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/corner-radius.svg);
}

.i--depth-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/depth.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/depth.svg);
}

.i--diameter-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/diameter.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/diameter.svg);
}

.i--dimension-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/dimension.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/dimension.svg);
}

.i--document-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/document.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/document.svg);
}

.i--download-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/download2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/download2.svg);
}

.i--edit-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/edit2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/edit2.svg);
}

.i--email-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/email.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/email.svg);
}

.i--exclamation-circle-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/exclamation-circle.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/exclamation-circle.svg);
}

.i--gear-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/gear.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/gear.svg);
}

.i--grid-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/grid.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/grid.svg);
}

.i--hand-arrow-up-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/hand-arrow-up.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/hand-arrow-up.svg);
}

.i--headset-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/headset.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/headset.svg);
}

.i--height-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/height.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/height.svg);
}

.i--id-card-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/id-card.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/id-card.svg);
}

.i--info-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/info.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/info.svg);
}

.i--length-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/length.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/length.svg);
}

.i--list-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/list.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/list.svg);
}

.i--mail-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/mail.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/mail.svg);
}

.i--map-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/map.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/map.svg);
}

.i--package-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/package.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/package.svg);
}

.i--phone-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/phone.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/phone.svg);
}

.i--pin-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/pin.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/pin.svg);
}

.i--plus-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/plus2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/plus2.svg);
}

.i--print-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/print2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/print2.svg);
}

.i--question-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/question.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/question.svg);
}

.i--search-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/search2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/search2.svg);
}

.i--share-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/share2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/share2.svg);
}

.i--sort-az-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/sort-az.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/sort-az.svg);
}

.i--sort-za-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/sort-za.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/sort-za.svg);
}

.i--ticket-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/ticket.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/ticket.svg);
}

.i--trash-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/trash2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/trash2.svg);
}

.i--users-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/users.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/users.svg);
}

.i--user-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/user.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/user.svg);
}

.i--warning-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/warning.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/warning.svg);
}

.i--xls-16 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/xls2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/xls2.svg);
}

.i--3d-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/3d.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/3d.svg);
}

.i--angle-cutting-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/angle-cutting.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/angle-cutting.svg);
}

.i--bookmark-outline-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/bookmark-outline.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/bookmark-outline.svg);
}

.i--bookmark-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/bookmark.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/bookmark.svg);
}

.i--caret-left-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-left2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-left2.svg);
}

.i--caret-right-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-right2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-right2.svg);
}

.i--cart-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart3.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart3.svg);
}

.i--cart-thin-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart-thin.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart-thin.svg);
}

.i--chevron-down-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/chevron-down3.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/chevron-down3.svg);
}

.i--clock-clockwise-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/clock-clockwise2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/clock-clockwise2.svg);
}

.i--clock-clockwise-thin-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/clock-clockwise-thin.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/clock-clockwise-thin.svg);
}

.i--close-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/close2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/close2.svg);
}

.i--compare-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/compare.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/compare.svg);
}

.i--copy-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/copy.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/copy.svg);
}

.i--download-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/download3.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/download3.svg);
}

.i--drilling-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/drilling.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/drilling.svg);
}

.i--edit-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/edit3.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/edit3.svg);
}

.i--heart-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/heart.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/heart.svg);
}

.i--magnifying-glass-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/magnifying-glass.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/magnifying-glass.svg);
}

.i--milling-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/milling.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/milling.svg);
}

.i--minus-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/minus.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/minus.svg);
}

.i--outline-heart-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/outline-heart2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/outline-heart2.svg);
}

.i--outline-heart-thin-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/outline-heart-thin.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/outline-heart-thin.svg);
}

.i--plus-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/plus3.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/plus3.svg);
}

.i--sliders-horizontal-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/sliders-horizontal2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/sliders-horizontal2.svg);
}

.i--threading-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/threading.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/threading.svg);
}

.i--trash-sm-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/trash-sm.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/trash-sm.svg);
}

.i--trash-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/trash3.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/trash3.svg);
}

.i--user-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/user2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/user2.svg);
}

.i--user-thin-18 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/user-thin.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/user-thin.svg);
}

.i--calc-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/calc.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/calc.svg);
}

.i--calendar-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/calendar.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/calendar.svg);
}

.i--check-circle-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/check-circle.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/check-circle.svg);
}

.i--chevron-down-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/chevron-down4.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/chevron-down4.svg);
}

.i--chevron-up-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/chevron-up.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/chevron-up.svg);
}

.i--info-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/info2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/info2.svg);
}

.i--left-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/left.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/left.svg);
}

.i--mark-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/mark.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/mark.svg);
}

.i--minus-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/minus2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/minus2.svg);
}

.i--order-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/order.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/order.svg);
}

.i--package-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/package2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/package2.svg);
}

.i--pencil-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/pencil.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/pencil.svg);
}

.i--pin-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/pin2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/pin2.svg);
}

.i--plus-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/plus4.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/plus4.svg);
}

.i--right-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/right.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/right.svg);
}

.i--trash-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/trash4.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/trash4.svg);
}

.i--truck-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/truck.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/truck.svg);
}

.i--warning-circle-20 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/warning-circle.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/warning-circle.svg);
}

.i--3d-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/3d2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/3d2.svg);
}

.i--arrow-right-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/arrow-right.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/arrow-right.svg);
}

.i--box-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/box.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/box.svg);
}

.i--couch-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/couch.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/couch.svg);
}

.i--gear-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/gear2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/gear2.svg);
}

.i--pin-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/pin3.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/pin3.svg);
}

.i--plus-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/plus5.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/plus5.svg);
}

.i--star-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/star.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/star.svg);
}

.i--truck-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/truck2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/truck2.svg);
}

.i--tv-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/tv.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/tv.svg);
}

.i--wrench-24 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/wrench.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/wrench.svg);
}

.i--cart-28 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart4.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart4.svg);
}

.i--linkedin-40 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/linkedin.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/linkedin.svg);
}

.i--ozon-40 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/ozon.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/ozon.svg);
}

.i--tg-40 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/tg.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/tg.svg);
}

.i--vk-40 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/vk.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/vk.svg);
}

.i--youtube-40 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/youtube.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/youtube.svg);
}

.i--MAX-40 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/max.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/max.svg);
}

.i--rutube-40 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/rutube.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/rutube.svg);
}

.i--dwg-50 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/dwg.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/dwg.svg);
}

.i--pdf-50 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/pdf.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/pdf.svg);
}

.i--sldprt-50 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/sldprt.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/sldprt.svg);
}

.i--step-50 {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/step.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/step.svg);
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  outline: none;
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color var(--t), border-color var(--t), color var(--t), opacity var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.btn.is-disabled,
.btn :disabled {
  cursor: default;
}
.btn[hidden] {
  display: none;
}
@media screen and (min-width: 1900px) {
  .btn {
    min-height: calc(40 * var(--fld));
    padding: calc(9 * var(--fld)) calc(12 * var(--fld));
    border-radius: calc(6 * var(--fld));
  }
}

.btn--lg {
  min-height: 50px;
}
@media screen and (min-width: 1900px) {
  .btn--lg {
    min-height: calc(50 * var(--fld));
  }
}

.btn--primary-light {
  border-color: var(--clr-primary-light);
  background: var(--clr-primary-main);
  color: #fff;
}
.btn--primary-light.is-disabled, .btn--primary-light:disabled {
  opacity: 0.45;
}
.btn--primary-light:not(:disabled, .is-disabled):active {
  background: var(--clr-primary-dark);
}
@media screen and (min-width: 1024px) {
  .btn--primary-light:not(:disabled, .is-disabled):hover, .btn--primary-light:not(:disabled, .is-disabled):focus-visible {
    background: var(--clr-primary-dark);
  }
}

.btn--primary-dark {
  border-color: var(--clr-primary-light);
  background: var(--clr-primary-main);
  color: #fff;
}
.btn--primary-dark.is-disabled, .btn--primary-dark:disabled {
  opacity: 0.45;
}
.btn--primary-dark:not(:disabled, .is-disabled):active {
  background: var(--clr-primary-light);
}
@media screen and (min-width: 1024px) {
  .btn--primary-dark:not(:disabled, .is-disabled):hover, .btn--primary-dark:not(:disabled, .is-disabled):focus-visible {
    background: var(--clr-primary-light);
  }
}

.btn--secondary-light {
  border-color: var(--clr-custom-outline-light);
  background: var(--clr-secondary-main);
  color: var(--clr-text-primary);
}
.btn--secondary-light.is-disabled,
.btn--secondary-light :disabled {
  opacity: 0.45;
}
.btn--secondary-light:not(:disabled, .is-disabled):active {
  background: var(--clr-secondary-darker);
}
@media screen and (min-width: 1024px) {
  .btn--secondary-light:not(:disabled, .is-disabled):hover, .btn--secondary-light:not(:disabled, .is-disabled):focus-visible {
    background: var(--clr-secondary-darker);
  }
}

.btn--secondary-warn {
  border-color: var(--clr-custom-outline-red-400);
  background: var(--clr-secondary-main);
  color: var(--clr-text-primary);
}
.btn--secondary-warn.is-disabled,
.btn--secondary-warn :disabled {
  opacity: 0.45;
}
.btn--secondary-warn:not(:disabled, .is-disabled):active {
  border-color: var(--clr-red-warning);
  background: var(--clr-secondary-darker);
}
@media screen and (min-width: 1024px) {
  .btn--secondary-warn:not(:disabled, .is-disabled):hover, .btn--secondary-warn:not(:disabled, .is-disabled):focus-visible {
    border-color: var(--clr-red-warning);
    background: var(--clr-secondary-darker);
  }
}

.btn--white {
  border-color: var(--clr-custom-outline-light);
  background: #fff;
  color: var(--clr-text-primary);
}
.btn--white.is-disabled,
.btn--white :disabled {
  opacity: 0.45;
}
.btn--white:not(:disabled, .is-disabled):active {
  background: var(--clr-secondary-main);
}
@media screen and (min-width: 1024px) {
  .btn--white:not(:disabled, .is-disabled):hover, .btn--white:not(:disabled, .is-disabled):focus-visible {
    background: var(--clr-secondary-main);
  }
}

.btn--secondary-dark {
  border-color: var(--clr-custom-outline);
  background: var(--clr-darkblue-main);
  color: #fff;
}
.btn--secondary-dark.is-disabled,
.btn--secondary-dark :disabled {
  opacity: 0.45;
}
.btn--secondary-dark:not(:disabled, .is-disabled):active {
  background: var(--clr-darkblue-light);
}
@media screen and (min-width: 1024px) {
  .btn--secondary-dark:not(:disabled, .is-disabled):hover, .btn--secondary-dark:not(:disabled, .is-disabled):focus-visible {
    background: var(--clr-darkblue-light);
  }
}

.btn--outline-primary {
  border-color: var(--clr-primary);
  background: var(--clr-bg-card-blue-100);
  color: var(--clr-primary);
}
.btn--outline-primary.is-disabled, .btn--outline-primary:disabled {
  opacity: 0.45;
}
.btn--outline-primary:not(:disabled, .is-disabled):active, .btn--outline-primary:not(:disabled, .is-disabled).is-active {
  border-color: var(--clr-primary-light);
  background: var(--clr-primary-main);
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .btn--outline-primary:not(:disabled, .is-disabled):hover, .btn--outline-primary:not(:disabled, .is-disabled):focus-visible {
    border-color: var(--clr-primary-light);
    background: var(--clr-primary-main);
    color: #fff;
  }
  .btn--outline-primary:not(:disabled, .is-disabled).is-active:hover, .btn--outline-primary:not(:disabled, .is-disabled).is-active:focus-visible {
    border-color: var(--clr-primary-light);
    background: var(--clr-primary-dark);
  }
}

.btn--outline-light {
  border-color: var(--clr-blue-dark);
  background: transparent;
  color: var(--clr-blue-dark);
}
.btn--outline-light.is-disabled, .btn--outline-light:disabled {
  opacity: 0.45;
}
.btn--outline-light:not(:disabled, .is-disabled):active {
  border-color: var(--clr-primary);
  color: var(--clr-primary);
}
@media screen and (min-width: 1024px) {
  .btn--outline-light:not(:disabled, .is-disabled):hover, .btn--outline-light:not(:disabled, .is-disabled):focus-visible {
    border-color: var(--clr-primary);
    color: var(--clr-primary);
  }
}

.btn--outline-dark {
  border-color: #fff;
  background: transparent;
  color: #fff;
}
.btn--outline-dark.is-disabled, .btn--outline-dark:disabled {
  opacity: 0.45;
}
.btn--outline-dark:not(:disabled, .is-disabled):active {
  border-color: var(--clr-primary);
  color: var(--clr-primary);
}
@media screen and (min-width: 1024px) {
  .btn--outline-dark:not(:disabled, .is-disabled):hover, .btn--outline-dark:not(:disabled, .is-disabled):focus-visible {
    border-color: var(--clr-primary);
    color: var(--clr-primary);
  }
}

.btn__left-icon {
  flex-shrink: 0;
  margin-right: 8px;
}
@media screen and (min-width: 1900px) {
  .btn__left-icon {
    margin-right: calc(8 * var(--fld));
  }
}

.btn--gap-sm {
  gap: 3px;
}
@media screen and (min-width: 1900px) {
  .btn--gap-sm {
    gap: calc(3 * var(--fld));
  }
}

.btn--gap-md {
  gap: 8px;
}
@media screen and (min-width: 1900px) {
  .btn--gap-md {
    gap: calc(8 * var(--fld));
  }
}

.btn--px-md {
  padding-right: 19px;
  padding-left: 19px;
}
@media screen and (min-width: 480px) {
  .btn--px-md {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 1900px) {
  .btn--px-md {
    padding-right: calc(30 * var(--fld));
    padding-left: calc(30 * var(--fld));
  }
}

.btn__counter {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: var(--clr-bg-card-blue-100);
  color: var(--clr-primary-main);
}
.btn__counter[hidden] {
  display: none;
}
@media screen and (min-width: 1900px) {
  .btn__counter {
    width: calc(20 * var(--fld));
    height: calc(20 * var(--fld));
    border-radius: calc(2 * var(--fld));
  }
}

.btn-icon {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color var(--t), border-color var(--t), opacity var(--t), color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.btn-icon.is-disabled, .btn-icon:disabled {
  cursor: default;
}
.btn-icon .i {
  grid-row: 1/2;
  grid-column: 1/2;
}
@media screen and (min-width: 1900px) {
  .btn-icon {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
}

.btn-icon--primary {
  border-color: var(--clr-custom-outline-blue-400);
  background: var(--clr-bg-card-blue-100);
  color: var(--clr-primary);
}
.btn-icon--primary.is-disabled, .btn-icon--primary:disabled {
  opacity: 0.45;
}
.btn-icon--primary:not(:disabled, .is-disabled):active, .btn-icon--primary:not(:disabled, .is-disabled).is-active {
  border-color: var(--clr-primary);
  background: var(--clr-primary);
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .btn-icon--primary:not(:disabled, .is-disabled):hover, .btn-icon--primary:not(:disabled, .is-disabled):focus-visible {
    border-color: var(--clr-primary);
    background: var(--clr-primary);
    color: #fff;
  }
}

.btn-icon--secondary-light {
  border-color: var(--clr-custom-outline-light);
  background: var(--clr-secondary-main);
  color: var(--clr-text-primary);
}
.btn-icon--secondary-light.is-disabled, .btn-icon--secondary-light:disabled {
  opacity: 0.45;
}
.btn-icon--secondary-light:not(:disabled, .is-disabled):active, .btn-icon--secondary-light:not(:disabled, .is-disabled).is-active {
  background: var(--clr-secondary-darker);
}
@media screen and (min-width: 1024px) {
  .btn-icon--secondary-light:not(:disabled, .is-disabled):hover, .btn-icon--secondary-light:not(:disabled, .is-disabled):focus-visible {
    background: var(--clr-secondary-darker);
  }
}

.btn-icon--secondary-light-with-disableable-icon {
  border-color: var(--clr-custom-outline-light);
  background: var(--clr-secondary-main);
  color: var(--clr-text-primary);
}
.btn-icon--secondary-light-with-disableable-icon .i {
  transition: opacity var(--t);
}
.btn-icon--secondary-light-with-disableable-icon.is-disabled .i, .btn-icon--secondary-light-with-disableable-icon:disabled .i {
  opacity: 0.45;
}
.btn-icon--secondary-light-with-disableable-icon:not(:disabled, .is-disabled):active, .btn-icon--secondary-light-with-disableable-icon:not(:disabled, .is-disabled).is-active {
  background: var(--clr-secondary-darker);
}
@media screen and (min-width: 1024px) {
  .btn-icon--secondary-light-with-disableable-icon:not(:disabled, .is-disabled):hover, .btn-icon--secondary-light-with-disableable-icon:not(:disabled, .is-disabled):focus-visible {
    background: var(--clr-secondary-darker);
  }
}

.btn-icon--light {
  border-color: var(--clr-custom-outline);
  background: #fff;
  color: var(--clr-text-primary);
}
.btn-icon--light.is-disabled, .btn-icon--light:disabled {
  opacity: 0.45;
}
.btn-icon--light:not(:disabled, .is-disabled):active, .btn-icon--light:not(:disabled, .is-disabled).is-active {
  border-color: var(--clr-green-light);
  background-color: var(--clr-green-light);
  color: var(--clr-text-primary);
}
@media screen and (min-width: 1024px) {
  .btn-icon--light:not(:disabled, .is-disabled):hover, .btn-icon--light:not(:disabled, .is-disabled):focus-visible {
    color: var(--clr-green-light);
  }
  .btn-icon--light:not(:disabled, .is-disabled):active, .btn-icon--light:not(:disabled, .is-disabled).is-active {
    border-color: var(--clr-green-light);
    background-color: var(--clr-green-light);
    color: var(--clr-text-primary);
  }
}

.btn-icon--lg {
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 1900px) {
  .btn-icon--lg {
    width: calc(50 * var(--fld));
    height: calc(50 * var(--fld));
  }
}

.btn-icon-buy {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--clr-primary-light);
  border-radius: 4px;
  transition: opacity var(--t), border-color var(--t), background-color var(--t);
}
.btn-icon-buy::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: var(--clr-primary-light);
  transition: background-color var(--t);
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.btn-icon-buy:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.btn-icon-buy:disabled::after {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart-with-cross.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart-with-cross.svg);
}
@media screen and (min-width: 1024px) {
  .btn-icon-buy:not(:disabled):hover, .btn-icon-buy:not(:disabled):focus-visible {
    background: var(--clr-primary-light);
  }
  .btn-icon-buy:not(:disabled):hover::after, .btn-icon-buy:not(:disabled):focus-visible::after {
    background-color: #fff;
  }
}
@media screen and (min-width: 1900px) {
  .btn-icon-buy {
    width: calc(30 * var(--fld));
    height: calc(30 * var(--fld));
    border-radius: calc(4 * var(--fld));
  }
  .btn-icon-buy::after {
    width: calc(14 * var(--fld));
    height: calc(14 * var(--fld));
  }
}

.btn-icon-buy__counter {
  position: absolute;
  top: -4px;
  right: -5px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 19px;
  height: 14px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--clr-primary-main);
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
.btn-icon-buy__counter[hidden] {
  display: none;
}
@media screen and (min-width: 1900px) {
  .btn-icon-buy__counter {
    top: calc(-4 * var(--fld));
    right: calc(-5 * var(--fld));
    min-width: calc(19 * var(--fld));
    height: calc(14 * var(--fld));
    padding: 0 calc(4 * var(--fld));
    font-size: calc(10 * var(--fld));
  }
}

.btn-icon-buy.is-selected {
  border-color: #4ac994;
  background: #3fac81;
}
.btn-icon-buy.is-selected::after {
  background-color: #fff;
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/cart-with-checkbox.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/cart-with-checkbox.svg);
}
@media screen and (min-width: 1024px) {
  .btn-icon-buy.is-selected:not(:disabled):hover, .btn-icon-buy.is-selected:not(:disabled):focus-visible {
    background: #43b687;
  }
  .btn-icon-buy.is-selected:not(:disabled):active {
    background: #4ac994;
  }
}

.btn-icon-buy-popup {
  position: absolute;
  z-index: var(--z-popup);
  padding: 10px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 39px 42px 0 rgba(56, 59, 67, 0.1);
}
.btn-icon-buy-popup[hidden] {
  display: none;
}
@media screen and (min-width: 1024px) {
  .btn-icon-buy-popup {
    padding: 14px;
  }
}
@media screen and (min-width: 1900px) {
  .btn-icon-buy-popup {
    padding: calc(14 * var(--fld));
    border-radius: calc(5 * var(--fld));
    box-shadow: 0 calc(39 * var(--fld)) calc(42 * var(--fld)) 0 rgba(56, 59, 67, 0.1);
  }
}

.btn-icon-buy-popup__arrow {
  position: absolute;
  width: 12px;
  height: 6px;
  background: #fff;
}
.btn-icon-buy-popup__arrow[data-side=bottom] {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.btn-icon-buy-popup__arrow[data-side=top] {
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
.btn-icon-buy-popup__arrow[data-side=right] {
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
}
.btn-icon-buy-popup__arrow[data-side=left] {
  clip-path: polygon(100% 50%, 0% 0%, 0% 100%);
}
@media screen and (min-width: 1900px) {
  .btn-icon-buy-popup__arrow {
    width: calc(12 * var(--fld));
    height: calc(6 * var(--fld));
  }
}

.btn-icon-buy-popup__inner {
  position: relative;
  display: flex;
  gap: 32px;
  align-items: center;
}
@media screen and (min-width: 1900px) {
  .btn-icon-buy-popup__inner {
    gap: calc(32 * var(--fld));
  }
}

.text-input {
  --_h-padding: 11px;
  --_v-padding: 11px;
  --_icon-h-padding: 11px;
  --_icon-v-padding: 11px;
  --_height: 40px;
  --_border-radius: 5px;
  position: relative;
  display: block;
}
.text-input[hidden] {
  display: none;
}
@media screen and (min-width: 1900px) {
  .text-input {
    --_h-padding: calc(11 * var(--fld));
    --_v-padding: calc(11 * var(--fld));
    --_icon-h-padding: calc(11 * var(--fld));
    --_icon-v-padding: calc(11 * var(--fld));
    --_height: calc(40 * var(--fld));
    --_border-radius: calc(5 * var(--fld));
  }
}

.text-input--md {
  --_h-padding: 14px;
  --_v-padding: 15.5px;
  --_icon-h-padding: 12px;
  --_icon-v-padding: 16px;
  --_height: 50px;
}
@media screen and (min-width: 1900px) {
  .text-input--md {
    --_h-padding: calc(14 * var(--fld));
    --_v-padding: calc(15.5 * var(--fld));
    --_icon-v-padding: calc(16 * var(--fld));
    --_icon-h-padding: calc(14 * var(--fld));
    --_height: calc(50 * var(--fld));
  }
}

.text-input__error {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  display: none;
  color: var(--clr-red-warning);
  font-weight: 500;
  font-size: var(--fs-200);
  line-height: 1.1667;
}
.text-input__input:user-invalid:not(:focus) ~ .text-input__error {
  display: block;
}

.text-input--is-light .text-input__input {
  background: var(--clr-secondary-main);
  color: var(--clr-text-primary);
  box-shadow: inset 0 0 0 1px var(--clr-custom-outline-light);
}
.text-input--is-light .text-input__input::-moz-placeholder {
  color: var(--clr-text-secondary);
}
.text-input--is-light .text-input__input::placeholder {
  color: var(--clr-text-secondary);
}
.text-input--is-light .text-input__input:user-invalid:not(:focus) {
  background: var(--clr-bg-card-red-100);
  box-shadow: inset 0 0 0 1px var(--clr-red-warning);
}
.text-input--is-light .text-input__input:not(:disabled):focus {
  background: var(--clr-secondary-darker);
  box-shadow: inset 0 0 0 1px var(--clr-primary-light);
}
@media screen and (min-width: 1024px) {
  .text-input--is-light .text-input__input:not(:disabled):hover {
    background: var(--clr-secondary-darker);
    box-shadow: inset 0 0 0 1px var(--clr-custom-outline-light-active);
  }
  .text-input--is-light .text-input__input:not(:disabled):focus {
    background: var(--clr-secondary-darker);
    box-shadow: inset 0 0 0 1px var(--clr-primary-light);
  }
}
.text-input--is-light .text-input__icon {
  color: var(--clr-blue-dark);
}
.text-input--is-light .text-input__unit {
  color: var(--clr-text-secondary);
}
.text-input--is-light .text-input__btn {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .text-input--is-light .text-input__btn:hover, .text-input--is-light .text-input__btn:focus-visible {
    color: var(--clr-text-secondary);
  }
}

.text-input--is-light2 .text-input__input {
  background: var(--clr-bg-card-light);
  color: var(--clr-text-primary);
  box-shadow: none;
}
.text-input--is-light2 .text-input__input::-moz-placeholder {
  color: var(--clr-text-secondary);
}
.text-input--is-light2 .text-input__input::placeholder {
  color: var(--clr-text-secondary);
}
.text-input--is-light2 .text-input__input:user-invalid:not(:focus) {
  background: var(--clr-bg-card-red-100);
  box-shadow: inset 0 0 0 1px var(--clr-red-warning);
}
.text-input--is-light2 .text-input__input:not(:disabled):focus {
  background: var(--clr-secondary-darker);
  box-shadow: inset 0 0 0 1px var(--clr-primary-light);
}
@media screen and (min-width: 1024px) {
  .text-input--is-light2 .text-input__input:not(:disabled):hover {
    background: var(--clr-secondary-darker);
    box-shadow: none;
  }
  .text-input--is-light2 .text-input__input:not(:disabled):focus {
    background: var(--clr-secondary-darker);
    box-shadow: inset 0 0 0 1px var(--clr-primary-light);
  }
}
.text-input--is-light2 .text-input__icon {
  color: var(--clr-blue-dark);
}
.text-input--is-light2 .text-input__unit {
  color: var(--clr-text-secondary);
}
.text-input--is-light2 .text-input__btn {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .text-input--is-light2 .text-input__btn:hover, .text-input--is-light2 .text-input__btn:focus-visible {
    color: var(--clr-text-secondary);
  }
}

.text-input--is-light3 .text-input__input {
  background: #fff;
  color: var(--clr-text-primary);
  box-shadow: inset 0 0 0 1px var(--clr-custom-outline-light);
}
.text-input--is-light3 .text-input__input::-moz-placeholder {
  color: var(--clr-text-secondary);
}
.text-input--is-light3 .text-input__input::placeholder {
  color: var(--clr-text-secondary);
}
.text-input--is-light3 .text-input__input:user-invalid:not(:focus) {
  background: var(--clr-bg-card-red-100);
  box-shadow: inset 0 0 0 1px var(--clr-red-warning);
}
.text-input--is-light3 .text-input__input:not(:disabled):focus {
  background: var(--clr-secondary-darker);
  box-shadow: inset 0 0 0 1px var(--clr-primary-light);
}
@media screen and (min-width: 1024px) {
  .text-input--is-light3 .text-input__input:not(:disabled):hover {
    background: var(--clr-secondary-darker);
    box-shadow: inset 0 0 0 1px var(--clr-custom-outline-light-active);
  }
  .text-input--is-light3 .text-input__input:not(:disabled):focus {
    background: var(--clr-secondary-darker);
    box-shadow: inset 0 0 0 1px var(--clr-primary-light);
  }
}
.text-input--is-light3 .text-input__icon {
  color: var(--clr-blue-dark);
}
.text-input--is-light3 .text-input__unit {
  color: var(--clr-text-secondary);
}
.text-input--is-light3 .text-input__btn {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .text-input--is-light3 .text-input__btn:hover, .text-input--is-light3 .text-input__btn:focus-visible {
    color: var(--clr-text-secondary);
  }
}

.text-input--is-dark .text-input__label {
  color: var(--clr-text-secondary-dark);
}
.text-input--is-dark .text-input__input {
  background: var(--clr-darkblue-main);
  color: #fff;
  box-shadow: inset 0 0 0 1px var(--clr-custom-outline);
}
.text-input--is-dark .text-input__input::-moz-placeholder {
  color: var(--clr-text-secondary-dark);
}
.text-input--is-dark .text-input__input::placeholder {
  color: var(--clr-text-secondary-dark);
}
.text-input--is-dark .text-input__input:not(:disabled):focus {
  background: var(--clr-darkblue-light);
  box-shadow: inset 0 0 0 1px var(--clr-primary-light);
}
.text-input--is-dark .text-input__input.text-input--has-error, .text-input--is-dark .text-input__input:user-invalid:not(:focus) {
  box-shadow: inset 0 0 0 1px var(--clr-red-warning);
}
@media screen and (min-width: 1024px) {
  .text-input--is-dark .text-input__input:not(:disabled):hover {
    background: var(--clr-darkblue-light);
    box-shadow: inset 0 0 0 1px var(--clr-custom-outline-dark-active);
  }
  .text-input--is-dark .text-input__input:not(:disabled):focus {
    background: var(--clr-darkblue-light);
    box-shadow: inset 0 0 0 1px var(--clr-primary-light);
  }
}
.text-input--is-dark .text-input__icon {
  color: var(--clr-green-light);
}
.text-input--is-dark .text-input__btn {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .text-input--is-dark .text-input__btn:hover, .text-input--is-dark .text-input__btn:focus-visible {
    color: var(--clr-primary-light);
  }
}

.text-input--is-glass .text-input__label {
  color: var(--clr-text-secondary-dark);
}
.text-input--is-glass .text-input__input-wrap {
  border-radius: var(--_border-radius);
  background: var(--bg-card-dark-glass);
  box-shadow: inset 0 30px 30px 0 rgba(255, 255, 255, 0.05);
  transition: background-color var(--t);
  backdrop-filter: blur(60px);
}
.text-input--is-glass .text-input__input-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: inherit;
  background: linear-gradient(180deg, #304b73 0, rgb(255, 255, 255) 100%) border-box;
  pointer-events: none;
  -webkit-mask: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) border-box, linear-gradient(rgb(0, 0, 0) 0 0) padding-box;
          mask: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) border-box, linear-gradient(rgb(0, 0, 0) 0 0) padding-box;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}
.text-input--is-glass .text-input__input-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--clr-primary-light);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--t);
}
.text-input--is-glass .text-input__input-wrap:has(.text-input__input:disabled) {
  opacity: 0.6;
}
.text-input--is-glass .text-input__input-wrap:has(.text-input__input:focus) {
  border-color: var(--clr-primary-light);
  background: var(--clr-bg-card-dark-glass-hover);
}
.text-input--is-glass .text-input__input-wrap:has(.text-input__input:focus)::after {
  opacity: 1;
}
.text-input--is-glass .text-input__input-wrap:has(.text-input__input:user-invalid:not(:focus))::after {
  border-color: var(--clr-red-warning);
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .text-input--is-glass .text-input__input-wrap:has(.text-input__input:not(:disabled):hover) {
    background: var(--clr-bg-card-dark-glass-hover);
  }
}
.text-input--is-glass .text-input__input {
  background: transparent;
  color: #fff;
}
.text-input--is-glass .text-input__input::-moz-placeholder {
  color: var(--clr-text-secondary-dark);
}
.text-input--is-glass .text-input__input::placeholder {
  color: var(--clr-text-secondary-dark);
}
.text-input--is-glass .text-input__icon {
  color: var(--clr-green-light);
}
.text-input--is-glass .text-input__btn {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .text-input--is-glass .text-input__btn:hover, .text-input--is-glass .text-input__btn:focus-visible {
    color: var(--clr-primary-light);
  }
}

.text-input__input-wrap {
  position: relative;
  display: block;
}

.text-input__icon,
.text-input__left-icon {
  position: absolute;
  top: var(--_icon-v-padding);
  left: var(--_icon-h-padding);
  z-index: 1;
}

.text-input__right-icon {
  position: absolute;
  top: var(--_icon-v-padding);
  right: var(--_icon-h-padding);
  z-index: 1;
}

.text-input__unit {
  position: absolute;
  top: var(--_icon-v-padding);
  right: var(--_icon-h-padding);
  z-index: 1;
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.125;
}

.text-input__label {
  display: block;
  margin-bottom: 4px;
  color: var(--clr-text-secondary);
  font-weight: 500;
  font-size: var(--fs-300);
  line-height: 1.1429;
}
@media screen and (min-width: 1900px) {
  .text-input__label {
    margin-bottom: calc(4 * var(--fld));
  }
}

.text-input__input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: var(--_height);
  padding: var(--_v-padding) var(--_h-padding);
  border: 0;
  border-radius: var(--_border-radius);
  background: var(--clr-bg-cards);
  color: var(--clr-text-main);
  outline: none;
  font-weight: 500;
  font-style: normal;
  font-size: var(--fs-400);
  line-height: 1.125;
  resize: none;
  resize: vertical;
  transition: color var(--t), background-color var(--t), border-color var(--t), box-shadow var(--t), opacity var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.text-input__input:disabled {
  opacity: 0.6;
}
.text-input__input::-ms-clear {
  display: none;
}
.text-input__input::-webkit-search-decoration, .text-input__input::-webkit-search-cancel-button, .text-input__input::-webkit-search-results-button, .text-input__input::-webkit-search-results-decoration {
  display: none;
}
.text-input__input::-moz-placeholder {
  opacity: 1;
}
.text-input__input::placeholder {
  opacity: 1;
}
.text-input__icon ~ .text-input__input, .text-input__left-icon ~ .text-input__input {
  padding-left: 36px;
}
.text-input__right-icon ~ .text-input__input {
  padding-right: 36px;
}
.text-input__unit ~ .text-input__input {
  padding-right: 36px;
}
.text-input__btn ~ .text-input__input {
  padding-right: 40px;
}
@media screen and (min-width: 1900px) {
  .text-input__icon ~ .text-input__input, .text-input__left-icon ~ .text-input__input {
    padding-left: calc(36 * var(--fld));
  }
  .text-input__right-icon ~ .text-input__input {
    padding-right: calc(36 * var(--fld));
  }
  .text-input__unit ~ .text-input__input {
    padding-right: calc(36 * var(--fld));
  }
  .text-input__btn ~ .text-input__input {
    padding-right: calc(40 * var(--fld));
  }
}

.text-input__btn {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 0;
  background: none;
  outline: 0;
  transition: color var(--t), opacity var(--t), visibility var(--t);
  transform: translateY(-50%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.text-input__btn[hidden] {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 1900px) {
  .text-input__btn {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
  }
}

.quantity-input {
  --_qi-font-size: var(--quantity-input-font-size, var(--fs-400));
  --_qi-height: var(--quantity-input-height, 40px);
  display: flex;
  flex-shrink: 1;
  width: 130px;
}
.quantity-input[hidden] {
  display: none;
}
@media screen and (min-width: 1900px) {
  .quantity-input {
    --_qi-height: var(--quantity-input-height, calc(40 * var(--fld)));
    width: calc(130 * var(--fld));
  }
}

.quantity-input--lg {
  --quantity-input-height: 50px;
}
@media screen and (min-width: 1900px) {
  .quantity-input--lg {
    --quantity-input-height: calc(50 * var(--fld));
  }
}

.quantity-input--md {
  --quantity-input-font-size: var(--fs-400);
  --quantity-input-height: 40px;
}
@media screen and (min-width: 1900px) {
  .quantity-input--md {
    --quantity-input-height: calc(40 * var(--fld));
  }
}

.quantity-input__field {
  flex: 1;
}

.quantity-input__input {
  height: var(--_qi-height);
  min-height: var(--_qi-height);
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  font-size: var(--_qi-font-size);
  text-align: center;
}

.quantity-input__minus {
  flex-shrink: 0;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.quantity-input__minus .i--trash-sm-18 {
  display: none;
}
.quantity-input__minus.is-trash .i--minus-18 {
  display: none;
}
.quantity-input__minus.is-trash .i--trash-sm-18 {
  display: block;
}

.quantity-input__plus {
  flex-shrink: 0;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.checkbox {
  position: relative;
  display: block;
}
.checkbox[hidden] {
  display: none;
}

.checkbox__input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(50%);
}

.checkbox__label {
  display: block;
  min-height: 24px;
  padding: 3px 0 3px 32px;
  font-weight: 500;
  font-size: var(--fs-350);
  line-height: 1.2;
}
.checkbox__label::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--clr-custom-outline-light-active);
  border-radius: 2px;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
}
.checkbox__label::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.15s ease-out;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 12px 12px;
          mask-size: 12px 12px;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/check.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/check.svg);
}
.checkbox__label a {
  text-decoration: underline;
}
.checkbox__input:checked ~ .checkbox__label::before {
  border-color: var(--clr-primary-main);
  background: var(--clr-primary-main);
}
.checkbox__input:checked ~ .checkbox__label::after {
  opacity: 1;
}
.checkbox__input:indeterminate ~ .checkbox__label::before {
  border-color: var(--clr-primary-main);
  background: var(--clr-primary-main);
}
.checkbox__input:indeterminate ~ .checkbox__label::after {
  opacity: 1;
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/indeterminate.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/indeterminate.svg);
}
@media screen and (min-width: 1024px) {
  .checkbox__input:focus-visible ~ .checkbox__label::before, .checkbox__label:hover::before {
    border-color: var(--clr-primary-main);
  }
}
@media screen and (min-width: 1400px) {
  .checkbox__label {
    min-height: 24px;
    padding: 3px 0 3px 32px;
  }
  .checkbox__label::before {
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
  }
  .checkbox__label::after {
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    -webkit-mask-size: 12px 12px;
            mask-size: 12px 12px;
  }
}
@media screen and (min-width: 1900px) {
  .checkbox__label {
    min-height: calc(24 * var(--fld));
    padding: calc(3 * var(--fld)) 0 calc(3 * var(--fld)) calc(32 * var(--fld));
  }
  .checkbox__label::before {
    top: calc(3 * var(--fld));
    left: calc(3 * var(--fld));
    width: calc(18 * var(--fld));
    height: calc(18 * var(--fld));
    border-radius: calc(2 * var(--fld));
  }
  .checkbox__label::after {
    top: calc(3 * var(--fld));
    left: calc(3 * var(--fld));
    width: calc(18 * var(--fld));
    height: calc(18 * var(--fld));
    -webkit-mask-size: calc(12 * var(--fld)) calc(12 * var(--fld));
            mask-size: calc(12 * var(--fld)) calc(12 * var(--fld));
  }
}

.checkbox--has-right-checkbox .checkbox__label {
  padding: 3px 32px 3px 0;
}
.checkbox--has-right-checkbox .checkbox__label::before {
  right: 3px;
  left: auto;
}
.checkbox--has-right-checkbox .checkbox__label::after {
  right: 3px;
  left: auto;
}
@media screen and (min-width: 1400px) {
  .checkbox--has-right-checkbox .checkbox__label {
    min-height: 24px;
    padding: 3px 32px 3px 0;
  }
  .checkbox--has-right-checkbox .checkbox__label::before {
    right: 3px;
  }
  .checkbox--has-right-checkbox .checkbox__label::after {
    right: 3px;
  }
}
@media screen and (min-width: 1900px) {
  .checkbox--has-right-checkbox .checkbox__label {
    min-height: calc(24 * var(--fld));
    padding: calc(3 * var(--fld)) calc(32 * var(--fld)) calc(3 * var(--fld)) 0;
  }
  .checkbox--has-right-checkbox .checkbox__label::before {
    right: calc(3 * var(--fld));
  }
  .checkbox--has-right-checkbox .checkbox__label::after {
    right: calc(3 * var(--fld));
  }
}

.checkbox__label--md {
  font-weight: 400;
  font-size: var(--fs-300);
  font-family: var(--font-secondary);
  line-height: 1.1429;
  text-wrap: balance;
}
@media screen and (min-width: 1400px) {
  .checkbox__label--md {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: var(--fs-400);
    line-height: 1.25;
  }
}
@media screen and (min-width: 1900px) {
  .checkbox__label--md {
    padding-top: calc(2 * var(--fld));
    padding-bottom: calc(2 * var(--fld));
  }
}

.hex-checkbox {
  position: relative;
  display: block;
}

.hex-checkbox__input {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(50%);
}

.hex-checkbox__label {
  display: block;
  min-height: 20px;
  padding: 1px 0 1px 32px;
  font-size: 14px;
  line-height: 1.2;
  transition: opacity var(--t);
}
.hex-checkbox__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 0;
  background: var(--clr-green-light);
  transition: background-color 0.15s ease-out, opacity 0.15s ease-out;
  -webkit-mask: url(/local/templates/podshipnik/dist/images/outline.svg) no-repeat center/100% 100%;
          mask: url(/local/templates/podshipnik/dist/images/outline.svg) no-repeat center/100% 100%;
}
.hex-checkbox__label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(/local/templates/podshipnik/dist/images/checked.svg) no-repeat center/contain;
  opacity: 0;
  transition: opacity 0.15s ease-out;
}
.hex-checkbox__label a {
  text-decoration: underline;
}
.hex-checkbox__input:user-invalid ~ .hex-checkbox__label::before {
  background-color: var(--clr-red-warning);
}
.hex-checkbox__input:checked ~ .hex-checkbox__label::after {
  opacity: 1;
}
.hex-checkbox__input:disabled ~ .hex-checkbox__label {
  opacity: 0.6;
}
.hex-checkbox__input:focus-visible ~ .hex-checkbox__label::before, .hex-checkbox__label:hover::before {
  opacity: 0.8;
}
@media screen and (min-width: 1900px) {
  .hex-checkbox__label {
    min-height: calc(20 * var(--fld));
    padding: calc(1 * var(--fld)) 0 calc(1 * var(--fld)) calc(32 * var(--fld));
    font-size: calc(14 * var(--fld));
  }
  .hex-checkbox__label::before {
    width: calc(20 * var(--fld));
    height: calc(20 * var(--fld));
  }
  .hex-checkbox__label::after {
    width: calc(20 * var(--fld));
    height: calc(20 * var(--fld));
  }
}

.form-field-hex-checkbox {
  position: relative;
  display: block;
}
.form-field-hex-checkbox:has(.form-field-hex-checkbox__input:disabled) {
  opacity: 0.6;
}
.form-field-hex-checkbox::after {
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background: var(--clr-bg-card-light);
  transition: background-color var(--t);
}
@media screen and (min-width: 1900px) {
  .form-field-hex-checkbox::after {
    height: calc(40 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
}
@media screen and (min-width: 1024px) {
  .form-field-hex-checkbox:hover::after, .form-field-hex-checkbox:focus-within::after {
    background: var(--clr-secondary-darker);
  }
}

.form-field-hex-checkbox__label {
  display: block;
  margin-bottom: 4px;
  color: var(--clr-text-secondary);
  font-weight: 500;
  font-size: var(--fs-300);
  line-height: 1.1429;
}
@media screen and (min-width: 1900px) {
  .form-field-hex-checkbox__label {
    margin-bottom: calc(4 * var(--fld));
  }
}

.form-field-hex-checkbox__input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(50%);
}

.form-field-hex-checkbox__hex {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 1;
  width: 20px;
  height: 20px;
  transform: translateX(-50%);
}
.form-field-hex-checkbox__hex::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: var(--clr-primary-main);
  transition: background-color 0.15s ease-out, opacity 0.15s ease-out;
  -webkit-mask: url(/local/templates/podshipnik/dist/images/outline.svg) no-repeat center/100% 100%;
          mask: url(/local/templates/podshipnik/dist/images/outline.svg) no-repeat center/100% 100%;
}
.form-field-hex-checkbox__hex::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-primary-main);
  opacity: 0;
  transition: opacity 0.15s ease-out;
  -webkit-mask: url(/local/templates/podshipnik/dist/images/fill.svg) no-repeat center/100% 100%;
          mask: url(/local/templates/podshipnik/dist/images/fill.svg) no-repeat center/100% 100%;
}
.form-field-hex-checkbox__input:checked ~ .form-field-hex-checkbox__hex::before {
  border-color: var(--clr-primary-main);
  background: var(--clr-primary-main);
}
.form-field-hex-checkbox__input:checked ~ .form-field-hex-checkbox__hex::after {
  opacity: 1;
}
@media screen and (min-width: 1900px) {
  .form-field-hex-checkbox__hex {
    bottom: calc(10 * var(--fld));
    width: calc(20 * var(--fld));
    height: calc(20 * var(--fld));
  }
}

.form-field-hex-checkbox__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: opacity 0.15s ease-out;
  -webkit-mask: url(/local/templates/podshipnik/dist/images/checkmark.svg) no-repeat center/100% 100%;
          mask: url(/local/templates/podshipnik/dist/images/checkmark.svg) no-repeat center/100% 100%;
}
.form-field-hex-checkbox__input:checked ~ .form-field-hex-checkbox__hex .form-field-hex-checkbox__checkmark {
  opacity: 1;
}

.fixed-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  height: 100lvh;
  background: var(--clr-blue-dark);
}

.fixed-bg__bottom-green-blob {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(25vmax 25vmax at 105% 102%, #64dba7 0%, rgba(100, 219, 167, 0.5) 30%, rgba(100, 219, 167, 0.04) 90%, rgba(100, 219, 167, 0) 100%);
  background-repeat: no-repeat;
  transform-origin: bottom right;
  animation: blob1 14s ease-in-out both infinite;
  mix-blend-mode: normal;
}
@media screen and (min-width: 768px) {
  .fixed-bg__bottom-green-blob {
    background: radial-gradient(20vmax 20vmax at 0% 94%, rgba(100, 219, 167, 0.5), rgba(64, 94, 148, 0) 100%);
    transform-origin: bottom left;
  }
}

.fixed-bg__bottom-green-blob2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(23vmax 25vmax at 105% -2%, rgba(100, 219, 167, 0.4) 0%, rgba(100, 219, 167, 0.05) 80%, rgba(100, 219, 167, 0) 100%);
  background-repeat: no-repeat;
  transform-origin: top right;
  animation: blob1 14s ease-in-out both infinite;
  mix-blend-mode: normal;
}

@keyframes blob1 {
  0% {
    opacity: 1;
    transform: scale(0.87);
  }
  25% {
    opacity: 0.8;
    transform: scale(1.25);
  }
  75% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(0.87);
  }
}
.fixed-bg__bottom-blue-blob {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(25vmax 25vmax at 2% 98%, rgb(95, 159, 250) 0%, rgba(95, 159, 250, 0.4) 50%, rgba(95, 159, 250, 0.04) 90%, rgba(95, 159, 250, 0) 100%);
  background-repeat: no-repeat;
  transform-origin: bottom left;
  animation: blob2 16s ease-in-out both infinite;
  mix-blend-mode: normal;
}
@media screen and (min-width: 768px) {
  .fixed-bg__bottom-blue-blob {
    background: radial-gradient(85.46% 105.03% at -2% 110%, rgba(0, 104, 255, 0.5) 0%, rgba(64, 94, 148, 0) 100%);
  }
}

@keyframes blob2 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(0.87);
  }
  75% {
    opacity: 0.8;
    transform: scale(1.25);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.fixed-bg__linear1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(230.55deg, rgba(0, 104, 255, 0.4) 0%, rgba(0, 104, 255, 0.1) 25%, rgba(64, 94, 148, 0) 48%);
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .fixed-bg__linear1 {
    background: linear-gradient(300deg, rgba(0, 104, 255, 0.4) -6.14%, rgba(64, 94, 148, 0) 59.72%);
    mix-blend-mode: plus-lighter;
  }
}

@media screen and (min-width: 768px) {
  .fixed-bg__linear2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(44.27% 217.54% at 120.21% 60.63%, #5f9ffa 0%, rgba(64, 94, 148, 0) 100%);
    background-repeat: no-repeat;
    opacity: 0.3;
    transform: matrix(1, 0, 0, -1, 0, 0);
    mix-blend-mode: plus-lighter;
    mix-blend-mode: normal;
  }
}

.fixed-bg__graphics {
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  transform: translateX(25%);
}
@media screen and (min-width: 1024px) {
  .fixed-bg__graphics {
    right: 0;
    transform: none;
  }
}
@media screen and (min-width: 2500px) {
  .fixed-bg__graphics {
    width: 100%;
    height: auto;
  }
}

.fixed-bg__animation-wrap {
  position: absolute;
  left: 50%;
  display: block;
  width: 600px;
  height: 75%;
  min-height: 410px;
  transform: translateX(-50%);
  animation: fade-in 1.2s var(--e-power3-out) 1.2s both;
}
@media screen and (min-width: 370px) {
  .fixed-bg__animation-wrap {
    width: 740px;
  }
}
@media screen and (min-width: 430px) {
  .fixed-bg__animation-wrap {
    width: 880px;
    min-height: 500px;
  }
}
@media screen and (min-width: 768px) {
  .fixed-bg__animation-wrap {
    width: 2000px;
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .fixed-bg__animation-wrap {
    width: 180%;
    height: 100%;
  }
}

.fixed-bg__poster {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  transform: translate(-50%, -50%) scale(0.155);
}
.fixed-bg__poster img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: initial;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .fixed-bg__poster img {
    transform: translate(27vw, 15vh);
    transform: translate(27svw, 15svh);
  }
}
@media screen and (min-width: 1024px) {
  .fixed-bg__poster img {
    transform: translate(18vw, 0);
    transform: translate(18svw, 0);
  }
}
@media screen and (min-width: 1400px) {
  .fixed-bg__poster img {
    transform: translate(27vw, 0);
    transform: translate(27svw, 0);
  }
}
@media screen and (min-width: 370px) {
  .fixed-bg__poster {
    transform: translate(-50%, -50%) scale(0.19);
  }
}
@media screen and (min-width: 430px) {
  .fixed-bg__poster {
    transform: translate(-50%, -50%) scale(0.23);
  }
}
@media screen and (min-width: 768px) {
  .fixed-bg__poster {
    height: 100%;
    transform: translate(-50%, -50%);
  }
}

.fixed-bg__animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.fixed-bg__safe-zone-overlay {
  position: fixed;
  z-index: 10;
  pointer-events: none;
}

.swiper {
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--clr-green-light);
  --swiper-pagination-bullet-size: 15px;
  --swiper-pagination-bullet-border-radius: none;
  --swiper-pagination-bullet-horizontal-gap: 0;
}
.swiper .swiper-pagination {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
}
.swiper .swiper-pagination-horizontal {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 20px;
}
.swiper .swiper-pagination-horizontal.swiper-pagination-lock {
  display: none;
}
.swiper .swiper-pagination-bullet {
  position: relative;
  display: block;
  background: url(/local/templates/podshipnik/dist/images/bullet-outline.svg) no-repeat center/contain;
}
.swiper .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/local/templates/podshipnik/dist/images/bullet.svg) no-repeat center/contain;
  opacity: 0;
  transition: opacity var(--t);
}
.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}

.swiper-button-prev,
.swiper-button-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--clr-green-light);
  border-radius: 5px;
  background: transparent;
  cursor: pointer;
  transition: background-color var(--t), opacity var(--t);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  display: block;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  background-color: currentcolor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.45;
}
@media screen and (min-width: 1024px) {
  .swiper-button-prev:hover:not(.swiper-button-disabled),
  .swiper-button-next:hover:not(.swiper-button-disabled) {
    background: var(--clr-green-light);
  }
}
@media screen and (min-width: 1900px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    width: calc(16 * var(--fld));
    height: calc(16 * var(--fld));
  }
}

.swiper-button-prev::after {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-left.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-left.svg);
}

.swiper-button-next::after {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-right.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-right.svg);
}

.swiper-button-next--outline-light,
.swiper-button-prev--outline-light {
  color: var(--clr-blue-dark);
}

.swiper-button-next--outline-dark,
.swiper-button-prev--outline-dark {
  color: var(--clr-blue-dark);
}

.swiper-button-next--light,
.swiper-button-prev--light {
  background: var(--clr-bg-card-light);
  color: var(--clr-blue-dark);
}

.swiper-navigation {
  position: absolute;
  top: -85px;
  right: 0;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .swiper-navigation {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .swiper-navigation {
    top: calc(-95 * var(--fld));
    gap: calc(10 * var(--fld));
  }
}

@media screen and (min-width: 768px) {
  .swiper-mask {
    -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, calc(0% + var(--start-opacity) * 100%)) 0, rgb(0, 0, 0, calc(80% + var(--start-opacity) * 80%)) 90px, rgb(0, 0, 0) 100px, rgb(0, 0, 0) calc(100% - 100px), rgb(0, 0, 0, calc(80% + var(--end-opacity) * 80%)) calc(100% - 90px), rgb(0, 0, 0, calc(0% + var(--end-opacity) * 100%)) 100%);
            mask-image: linear-gradient(to right, rgb(0, 0, 0, calc(0% + var(--start-opacity) * 100%)) 0, rgb(0, 0, 0, calc(80% + var(--start-opacity) * 80%)) 90px, rgb(0, 0, 0) 100px, rgb(0, 0, 0) calc(100% - 100px), rgb(0, 0, 0, calc(80% + var(--end-opacity) * 80%)) calc(100% - 90px), rgb(0, 0, 0, calc(0% + var(--end-opacity) * 100%)) 100%);
    -webkit-mask-repeat: none;
            mask-repeat: none;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
  }
}

.container {
  margin: 0 var(--sz-sidegap);
}

.hamburger {
  --_icon-width: 19px;
  --_icon-bars-height: 2px;
  --_icon-bars-spacing: 4px;
  --_icon-bars-radius: 4px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.hamburger__inner {
  position: relative;
  display: inline-block;
  width: var(--_icon-width);
  height: calc(var(--_icon-bars-height) * 3 + var(--_icon-bars-spacing) * 2);
}

.hamburger__icon, .hamburger__icon::before, .hamburger__icon::after {
  position: absolute;
  display: block;
  width: var(--_icon-width);
  height: var(--_icon-bars-height);
  border-radius: var(--_icon-bars-radius);
  background-color: currentcolor;
}
.hamburger__icon::before, .hamburger__icon::after {
  content: "";
}

.hamburger--animate-collapse .hamburger__icon {
  top: auto;
  bottom: 0;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.13s;
}
.hamburger--animate-collapse .hamburger__icon::before {
  top: calc((var(--_icon-bars-height) + var(--_icon-bars-spacing)) * -1);
  transition: top 0.12s 0.2s cubic-bezier(0.3333, 0.6666, 0.6666, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--animate-collapse .hamburger__icon::after {
  top: calc((var(--_icon-bars-spacing) * 2 + var(--_icon-bars-height) * 2) * -1);
  transition: top 0.2s 0.2s cubic-bezier(0.3333, 0.6666, 0.6666, 1), opacity 0.1s linear;
}
.hamburger--animate-collapse[aria-expanded=true] .hamburger__icon {
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, calc((var(--_icon-bars-height) + var(--_icon-bars-spacing)) * -1), 0) rotate(-45deg);
}
.hamburger--animate-collapse[aria-expanded=true] .hamburger__icon::before {
  top: 0;
  transition: top 0.1s 0.16s cubic-bezier(0.3333, 0, 0.6666, 0.3333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(-90deg);
}
.hamburger--animate-collapse[aria-expanded=true] .hamburger__icon::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.3333, 0, 0.6666, 0.3333), opacity 0.1s 0.22s linear;
}

@keyframes shift {
  0% {
    top: 5px;
  }
  100% {
    top: 0;
  }
}
@keyframes blur {
  0% {
    background: rgba(8, 22, 43, 0);
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0);
    backdrop-filter: blur(0);
  }
  100% {
    background: rgba(8, 22, 43, 0.1);
    box-shadow: inset 0 30px 30px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(60px);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dots-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes content-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.transparent-card {
  position: relative;
  border-radius: 10px;
}
.transparent-card * {
  scrollbar-width: thin;
  scrollbar-color: #546680 transparent;
}
@media screen and (min-width: 1400px) {
  .transparent-card {
    border-radius: calc(10 * var(--fld));
  }
}

.transparent-card--will-fade-in > .transparent-card__blur-bg {
  background: rgba(8, 22, 43, 0);
  box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0);
  backdrop-filter: blur(0);
}
.transparent-card--will-fade-in > .transparent-card__dots-bg {
  opacity: 0;
}
.transparent-card--will-fade-in > .transparent-card__highlight {
  opacity: 0;
}
.transparent-card--will-fade-in > .transparent-card__inner {
  opacity: 0;
}

.transparent-card--will-fade-up {
  transform: translateY(50px);
}
.transparent-card--will-fade-up > .transparent-card__blur-bg {
  background: rgba(8, 22, 43, 0);
  box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0);
  backdrop-filter: blur(0);
}
.transparent-card--will-fade-up > .transparent-card__dots-bg {
  opacity: 0;
}
.transparent-card--will-fade-up > .transparent-card__highlight {
  opacity: 0;
}
.transparent-card--will-fade-up > .transparent-card__inner {
  opacity: 0;
}

.transparent-card--is-animated {
  --_a-delay: var(--card-animation-delay, 0s);
  animation: shift 0.75s ease-in var(--_a-delay) both;
}
.transparent-card--is-animated .transparent-card__blur-bg {
  animation: blur 0.75s ease-in var(--_a-delay) both;
}
.transparent-card--is-animated .transparent-card__dots-bg {
  animation: dots-fade-in 0.75s ease-in var(--_a-delay) both;
}
.transparent-card--is-animated .transparent-card__highlight {
  animation: fade-in 0.75s ease-in var(--_a-delay) both;
}
.transparent-card--is-animated .transparent-card__inner {
  animation: content-fade-in 0.75s ease-in var(--_a-delay) both;
}

.transparent-card__highlight {
  --_highlight-x: var(--highlight-x, -100%);
  --_highlight-y: var(--highlight-y, -100%);
}
@media screen and (min-width: 1024px) {
  .transparent-card__highlight {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  .transparent-card__highlight::before {
    content: "";
    position: absolute;
    top: var(--_highlight-y);
    left: var(--_highlight-x);
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: rgb(255, 255, 255);
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 1400px) {
  .transparent-card__highlight::before {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
  }
}

.transparent-card__blur-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: rgba(8, 22, 43, 0.1);
  box-shadow: inset 0 30px 30px 0 rgba(255, 255, 255, 0.05);
  pointer-events: none;
  backdrop-filter: blur(60px);
}

.transparent-card__dots-bg {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: url(/local/templates/podshipnik/dist/images/card-dots.png) repeat;
  background-size: 116px 76px;
  opacity: 0.3;
  pointer-events: none;
}
@media screen and (min-width: 1900px) {
  .transparent-card__dots-bg {
    background-size: calc(116 * var(--fld)) calc(76 * var(--fld));
  }
}

.transparent-card__inner {
  position: relative;
  z-index: 1;
  border-radius: inherit;
}
.transparent-card__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: inherit;
  background: linear-gradient(to bottom, #304b73 0, rgb(255, 255, 255) 100%) border-box;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-mask: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) border-box, linear-gradient(rgb(0, 0, 0) 0 0) padding-box;
          mask: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) border-box, linear-gradient(rgb(0, 0, 0) 0 0) padding-box;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}
.transparent-card__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--clr-primary-main);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity var(--t);
}
.transparent-card--has-reversed-border > .transparent-card__inner::before {
  background: linear-gradient(to top, #304b73 0, rgb(255, 255, 255) 100%) border-box;
  -webkit-mask: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) border-box, linear-gradient(rgb(0, 0, 0) 0 0) padding-box;
          mask: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) border-box, linear-gradient(rgb(0, 0, 0) 0 0) padding-box;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}

.link {
  color: inherit;
  transition: color var(--t), opacity var(--t);
}
.link:active {
  color: var(--clr-primary-main);
  opacity: 0.5;
}
@media screen and (min-width: 1024px) {
  .link:hover, .link:focus-visible {
    color: var(--clr-primary-main);
  }
  .link:active {
    color: var(--clr-primary-main);
    opacity: 0.5;
  }
}

.text-with-links a {
  color: var(--clr-primary-main);
  transition: color var(--t), opacity var(--t);
}
.text-with-links a:active {
  color: var(--clr-primary-main);
  opacity: 0.5;
}
@media screen and (min-width: 1024px) {
  .text-with-links a:hover, .text-with-links a:focus-visible {
    color: var(--clr-primary-main);
  }
  .text-with-links a:active {
    color: var(--clr-primary-main);
    opacity: 0.5;
  }
}

.numeric-range-select {
  display: grid;
  grid-template-columns: 1fr 31px 1fr;
}
@media screen and (min-width: 1400px) {
  .numeric-range-select {
    grid-template-columns: 1fr 31px 1fr;
  }
}
@media screen and (min-width: 1900px) {
  .numeric-range-select {
    grid-template-columns: 1fr calc(31 * var(--fld)) 1fr;
  }
}

.numeric-range-select__separator {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--clr-text-secondary);
  font-size: var(--fs-400);
  line-height: 1.2;
}
.numeric-range-select__separator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 1px;
  background: var(--clr-text-secondary);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1400px) {
  .numeric-range-select__separator::after {
    width: 12px;
  }
}
@media screen and (min-width: 1900px) {
  .numeric-range-select__separator::after {
    width: calc(12 * var(--fld-1-5));
  }
}

.numeric-range-select__range {
  grid-column: span 3;
  margin-top: 18px;
  margin-bottom: 5px;
}

.grid-radios {
  --_gap: var(--gap, 8px);
  --_height: 32px;
  --_v-padding: 5px;
  --_clr-text: var(--clr-text-primary);
  --_clr-text-active: var(--clr-text-primary);
  --_clr-bg: var(--clr-bg-card-light);
  --_clr-bg-hover: var(--clr-bg-card-light-02);
  --_clr-bg-active: var(--clr-bg-card-light-02);
  --_clr-border: var(--clr-custom-outline-light);
  --_clr-border-hover: var(--clr-custom-outline-light-active);
  --_clr-border-active: var(--clr-primary-main);
}
@media screen and (min-width: 1900px) {
  .grid-radios {
    --_gap: var(--gap, calc(12 * var(--fld)));
    --_height: calc(32 * var(--fld));
    --_v-padding: calc(5 * var(--fld));
  }
}

.grid-radios--md {
  --_height: 40px;
  --_v-padding: 9px;
}
@media screen and (min-width: 1900px) {
  .grid-radios--md {
    --_v-padding: calc(9 * var(--fld));
    --_height: calc(40 * var(--fld));
  }
}

.grid-radios--is-light2 {
  --_clr-text: var(--clr-text-primary);
  --_clr-text-active: #fff;
  --_clr-bg: var(--clr-bg-card-light);
  --_clr-bg-hover: var(--clr-secondary-darker);
  --_clr-bg-active: var(--clr-primary-main);
  --_clr-border: transparent;
  --_clr-border-hover: transparent;
  --_clr-border-active: transparent;
}

.grid-radios__label {
  display: block;
  margin-bottom: 4px;
  color: var(--clr-text-secondary);
  font-weight: 500;
  font-size: var(--fs-300);
  line-height: 1.1429;
}
@media screen and (min-width: 1900px) {
  .grid-radios__label {
    margin-bottom: calc(4 * var(--fld));
  }
}

.grid-radios__list {
  display: grid;
  gap: var(--_gap);
}

.grid-radios__list--2col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-radios__list--3col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-radios__item {
  display: block;
}

.grid-radios__input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(50%);
}

.grid-radios__card {
  display: block;
  overflow: hidden;
  max-width: 100%;
  min-height: var(--_height);
  padding: var(--_v-padding) 5px;
  border: 1px solid var(--_clr-border);
  border-radius: 5px;
  background: var(--clr-bg-card-light);
  color: var(--_clr-text);
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.25;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color var(--t), border-color var(--t), background-color var(--t);
}
.grid-radios__input:checked ~ .grid-radios__card, .grid-radios__input:active ~ .grid-radios__card {
  border-color: var(--_clr-border-active);
  background-color: var(--_clr-bg-active);
  color: var(--_clr-text-active);
}
.grid-radios__input:disabled ~ .grid-radios__card {
  opacity: 0.6;
  cursor: default;
}
@media screen and (min-width: 1024px) {
  .grid-radios__card:hover, .grid-radios__card:focus-visible {
    border-color: var(--_clr-border-hover);
    background-color: var(--_clr-bg-hover);
  }
}
@media screen and (min-width: 1400px) {
  .grid-radios__card {
    padding: var(--_v-padding) 15px;
    border-radius: 5px;
  }
}
@media screen and (min-width: 1900px) {
  .grid-radios__card {
    padding: var(--_v-padding) calc(15 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
}

.image-radios__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
@media screen and (min-width: 1400px) {
  .image-radios__list {
    gap: 12px;
  }
}
@media screen and (min-width: 1900px) {
  .image-radios__list {
    gap: calc(12 * var(--fld));
  }
}

.image-radios__item {
  display: block;
}

.image-radios__input {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(50%);
}

.image-radios__picture {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 6px;
  padding: 10px 4px;
  border: 1px solid var(--clr-custom-outline-light);
  border-radius: 8px;
  background: var(--clr-bg-light);
  cursor: pointer;
  transition: border-color var(--t);
}
.image-radios__picture img {
  max-width: 100%;
}
.image-radios__input:checked ~ .image-radios__picture {
  border-color: var(--clr-primary-main);
}
@media screen and (min-width: 1024px) {
  .image-radios__item:hover .image-radios__input:not(:checked) ~ .image-radios__picture, .image-radios__item:focus-within .image-radios__input:not(:checked) ~ .image-radios__picture {
    border-color: var(--clr-custom-outline-dark-active);
  }
}
@media screen and (min-width: 1400px) {
  .image-radios__picture {
    margin-bottom: 8px;
    padding: 10px 4px;
    border-radius: 8px;
  }
}
@media screen and (min-width: 1900px) {
  .image-radios__picture {
    margin-bottom: calc(8 * var(--fld));
    padding: calc(10 * var(--fld)) calc(4 * var(--fld));
    border-radius: calc(8 * var(--fld));
  }
}

.image-radios__item-label {
  display: block;
}
@media screen and (min-width: 1400px) {
  .image-radios__item-label {
    text-wrap: balance;
  }
}

.tooltip {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: var(--z-tooltip);
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(var(--width, 291) * 1px);
  height: -moz-max-content;
  height: max-content;
  padding: 5px 12px;
  border-radius: 4px;
  background: #fff;
  font-weight: 500;
  font-size: var(--fs-200);
  line-height: 1.1667;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}
@media screen and (min-width: 1400px) {
  .tooltip {
    max-width: calc(var(--width, 291) * 1px);
    padding: 5px 12px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 1900px) {
  .tooltip {
    max-width: calc(var(--width, 291) * var(--fld));
    padding: calc(5 * var(--fld)) calc(12 * var(--fld));
    border-radius: calc(4 * var(--fld));
  }
}

.tooltip--md {
  padding: 8px;
  border-radius: 8px;
}
@media screen and (min-width: 1900px) {
  .tooltip--md {
    padding: 8px;
    border-radius: 8px;
  }
}
@media screen and (min-width: 1900px) {
  .tooltip--md {
    padding: calc(8 * var(--fld));
    border-radius: calc(8 * var(--fld));
  }
}

.tooltip__arrow {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}
.tooltip[data-position^=top] .tooltip__arrow {
  bottom: -5px;
  left: 50%;
  border-width: 6px 6px 0;
  border-color: #fff transparent transparent;
  transform: translateX(-50%);
}
@media screen and (min-width: 1900px) {
  .tooltip[data-position^=top] .tooltip__arrow {
    bottom: calc(-5 * var(--fld));
    border-width: calc(6 * var(--fld)) calc(6 * var(--fld)) 0;
  }
}
.tooltip[data-position^=bottom] .tooltip__arrow {
  top: -5px;
  left: 50%;
  border-width: 0 6px 6px;
  border-color: transparent transparent #fff;
  transform: translateX(-50%);
}
@media screen and (min-width: 1900px) {
  .tooltip[data-position^=bottom] .tooltip__arrow {
    top: calc(-5 * var(--fld));
    border-width: 0 calc(6 * var(--fld)) calc(6 * var(--fld));
  }
}
.tooltip[data-position^=right] .tooltip__arrow {
  top: 50%;
  left: -5px;
  border-width: 6px 6px 6px 0;
  border-color: transparent #fff transparent transparent;
  transform: translateY(-50%);
}
@media screen and (min-width: 1900px) {
  .tooltip[data-position^=right] .tooltip__arrow {
    left: calc(-5 * var(--fld));
    border-width: calc(6 * var(--fld)) calc(6 * var(--fld)) calc(6 * var(--fld)) 0;
  }
}
.tooltip[data-position^=left] .tooltip__arrow {
  top: 50%;
  right: -5px;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #fff;
  transform: translateY(-50%);
}
@media screen and (min-width: 1900px) {
  .tooltip[data-position^=left] .tooltip__arrow {
    right: calc(-5 * var(--fld));
    border-width: calc(6 * var(--fld)) 0 calc(6 * var(--fld)) calc(6 * var(--fld));
  }
}
@media screen and (min-width: 1900px) {
  .tooltip__arrow {
    filter: drop-shadow(0 calc(2 * var(--fld)) calc(8 * var(--fld)) rgba(0, 0, 0, 0.1));
  }
}

.tooltip-btn {
  width: 36px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: var(--clr-custom-outline-light-active);
  cursor: pointer;
  transition: background-color var(--t);
  -webkit-mask: url(/local/templates/podshipnik/dist/images/info2.svg) no-repeat center/20px 20px;
          mask: url(/local/templates/podshipnik/dist/images/info2.svg) no-repeat center/20px 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.tooltip-btn:active {
  background: var(--clr-text-primary);
}
@media screen and (min-width: 1024px) {
  .tooltip-btn:hover, .tooltip-btn:focus-visible {
    background: var(--clr-text-primary);
  }
}
@media screen and (min-width: 1400px) {
  .tooltip-btn {
    width: 36px;
    height: 20px;
    -webkit-mask-size: 20px 20px;
            mask-size: 20px 20px;
  }
}
@media screen and (min-width: 1900px) {
  .tooltip-btn {
    width: calc(36 * var(--fld));
    height: calc(20 * var(--fld));
    -webkit-mask-size: calc(20 * var(--fld)) calc(20 * var(--fld));
            mask-size: calc(20 * var(--fld)) calc(20 * var(--fld));
  }
}

.tooltip-btn--sm {
  width: 22px;
  -webkit-mask-size: 14px 14px;
          mask-size: 14px 14px;
}
@media screen and (min-width: 1400px) {
  .tooltip-btn--sm {
    width: 32px;
    -webkit-mask-size: 16px 16px;
            mask-size: 16px 16px;
  }
}
@media screen and (min-width: 1900px) {
  .tooltip-btn--sm {
    width: calc(32 * var(--fld));
    -webkit-mask-size: calc(16 * var(--fld)) calc(16 * var(--fld));
            mask-size: calc(16 * var(--fld)) calc(16 * var(--fld));
  }
}

.dialog {
  --_max-width: var(--dialog-max-width, 440px);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--z-dialog);
  display: flex;
}
.dialog[aria-hidden=true] {
  display: none;
}
@media screen and (min-width: 1400px) {
  .dialog {
    --_max-width: var(--dialog-max-width, 440px);
  }
}
@media screen and (min-width: 1900px) {
  .dialog {
    --_max-width: var(--dialog-max-width, calc(440 * var(--fld)));
  }
}

.dialog__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--clr-dark-screen-700);
  animation: fade-in 200ms both;
}

.dialog__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #fff;
  animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
}
@media screen and (min-width: 768px) {
  .dialog__content {
    width: var(--_max-width);
    max-width: calc(100% - 68px);
    height: auto;
    max-height: calc(100% - 58px);
    margin: auto;
    border-radius: 5px;
  }
}
@media screen and (min-width: 1900px) {
  .dialog__content {
    border-radius: calc(5 * var(--fld));
  }
}

.dialog__section {
  overflow: auto;
}
.dialog__section[hidden] {
  display: none;
}

.dialog__main {
  position: relative;
  overflow: hidden auto;
  padding: 10px 14px;
}
.dialog__main[hidden] {
  display: none;
}
@media screen and (min-width: 480px) {
  .dialog__main {
    padding: 20px 25px;
  }
}
@media screen and (min-width: 768px) {
  .dialog__main {
    padding: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .dialog__main {
    padding: calc(20 * var(--fld));
  }
}

.dialog__close {
  position: absolute;
  top: 10px;
  right: 14px;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--clr-blue-dark);
  border-radius: 5px;
  background: #fff;
  color: var(--clr-blue-dark);
  outline: none;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: border-color var(--t), color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.dialog__close:active {
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
}
@media screen and (min-width: 480px) {
  .dialog__close {
    top: 20px;
    right: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .dialog__close:hover, .dialog__close:focus-visible {
    border-color: var(--clr-primary-main);
    color: var(--clr-primary-main);
  }
}
@media screen and (min-width: 768px) {
  .dialog__close {
    top: 20px;
    right: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .dialog__close {
    top: calc(20 * var(--fld));
    right: calc(20 * var(--fld));
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
}

.dialog__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .dialog__header {
    justify-content: center;
    min-height: 40px;
    padding-top: 0;
    padding-right: 10%;
  }
}
@media screen and (min-width: 1900px) {
  .dialog__header {
    gap: calc(10 * var(--fld));
    min-height: calc(40 * var(--fld));
  }
}

.dialog__heading {
  font-weight: 500;
  font-size: 28px;
  line-height: 0.9;
  text-wrap: balance;
}
@media screen and (min-width: 1900px) {
  .dialog__heading {
    font-size: calc(28 * var(--fld));
  }
}

.dialog__subheading {
  color: var(--clr-custom-plan);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
}
@media screen and (min-width: 1900px) {
  .dialog__subheading {
    font-size: calc(16 * var(--fld));
  }
}

.select {
  --_height: 40px;
  --_clr-border: transparent;
  --_clr-border-active: transparent;
  --_border-radius: 5px;
  --_h-padding: 11px;
  --_v-padding: 9px;
  --_caret-width: 40px;
  --_clr-bg: var(--clr-bg-card-light);
  --_clr-bg-active: var(--clr-secondary-darker);
  --_clr-label: var(--clr-text-secondary);
  --_clr-dropdown-bg: #fff;
  --_clr-dropdown-border: 1px solid var(--clr-secondary-main);
  --_dropdown-border-radius: 5px;
  --_dropdown-box-shadow: 0 4px 15px 0 rgb(0 0 0 / 10%);
  position: relative;
  display: block;
}
.select .ts-hidden-accessible {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}
.select[hidden] {
  display: none;
}
.select > select {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: var(--_height);
  padding: var(--_v-padding) var(--_h-padding);
  border-radius: var(--_border-radius);
  background: url(/local/templates/podshipnik/dist/images/chevron-down3.svg) no-repeat right 11px top 10px/18px 18px, linear-gradient(var(--_clr-border)) no-repeat right var(--_caret-width) top 0/1px 100%;
  background-color: var(--_clr-bg);
  box-shadow: inset 0 0 0 1px var(--_clr-border);
  outline: none;
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.25;
  transition: background-color var(--t), box-shadow var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select > select:disabled {
  opacity: 0.6;
}
.select > select:not(:disabled, .is-disabled):open {
  --_clr-bg: var(--_clr-bg-active);
  --_clr-border: var(--_clr-border-active);
}
@media screen and (min-width: 1024px) {
  .select > select:not(:disabled, .is-disabled):hover, .select > select:not(:disabled, .is-disabled):focus-visible {
    --_clr-bg: var(--_clr-bg-active);
    --_clr-border: var(--_clr-border-active);
  }
}
@media screen and (min-width: 1900px) {
  .select {
    --_height: calc(40 * var(--fld));
    --_border-radius: calc(5 * var(--fld));
    --_h-padding: calc(11 * var(--fld));
    --_v-padding: calc(9 * var(--fld));
    --_caret-width: calc(40 * var(--fld));
    --_dropdown-border-radius: calc(5 * var(--fld));
  }
}

.select--md {
  --_height: 50px;
  --_v-padding: 15px;
}
@media screen and (min-width: 1900px) {
  .select--md {
    --_height: calc(50 * var(--fld));
    --_v-padding: calc(15 * var(--fld));
  }
}

.select--is-content-width {
  width: -moz-max-content;
  width: max-content;
}

.select--has-generic-dropdown .ts-wrapper.dropdown-active[data-dropdown-placement^=bottom-] .ts-control {
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.select--has-generic-dropdown .ts-wrapper.dropdown-active[data-dropdown-placement^=top-] .ts-control {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select__label {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(50%);
}

.select__visible-label {
  display: block;
  margin-bottom: 4px;
  color: var(--_clr-label);
  font-weight: 500;
  font-size: var(--fs-300);
  line-height: 1.1429;
}
@media screen and (min-width: 1400px) {
  .select__visible-label {
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 1900px) {
  .select__visible-label {
    margin-bottom: calc(4 * var(--fld));
  }
}

.ts-wrapper {
  display: flex;
  min-height: var(--_height);
}

.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  min-height: var(--_height);
  padding: var(--_v-padding) var(--_h-padding);
  border-radius: var(--_border-radius);
  background: var(--_clr-bg);
  box-shadow: inset 0 0 0 1px var(--_clr-border);
  outline: none;
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.25;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: box-shadow var(--t), background-color var(--t);
}
.ts-control span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ts-wrapper.disabled .ts-control {
  opacity: 0.45;
  cursor: default !important;
}
.ts-wrapper.disabled .ts-control * {
  cursor: default !important;
}
.ts-wrapper.single .ts-control {
  padding-right: calc(var(--_caret-width) + var(--_h-padding));
}
.ts-wrapper.single .ts-control::before {
  content: "";
  position: absolute;
  top: 0;
  right: var(--_caret-width);
  display: block;
  width: 1px;
  height: 100%;
  background: var(--_clr-border);
  transition: background-color var(--t);
}
.ts-wrapper.single .ts-control::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: var(--_caret-width);
  height: 100%;
  background: currentcolor;
  transition: transform var(--t);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 18px 18px;
          mask-size: 18px 18px;
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/chevron-down3.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/chevron-down3.svg);
}
.ts-wrapper.single.dropdown-active .ts-control {
  z-index: calc(var(--z-popup) + 1);
}
.ts-wrapper.single.dropdown-active .ts-control::after {
  transform: scaleY(-1);
}
.ts-control > input {
  display: inline-block !important;
  flex: 1 1 auto;
  min-width: 7rem;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 none !important;
  background: none !important;
  box-shadow: none !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
@media screen and (min-width: 1024px) {
  .ts-wrapper:not(.disabled, .dropdown-active) .ts-control:hover {
    --_clr-bg: var(--_clr-bg-active);
    --_clr-border: var(--_clr-border-active);
  }
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: block !important;
  box-sizing: border-box;
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  border: var(--_clr-dropdown-border);
  border-radius: var(--_dropdown-border-radius);
  background: var(--_clr-dropdown-bg);
  box-shadow: var(--_dropdown-box-shadow);
  opacity: 0;
  visibility: hidden;
}

.ts-dropdown-content {
  overflow: hidden auto;
  padding: 3px 0;
  scroll-behavior: smooth;
}
@media screen and (min-width: 768px) {
  .ts-dropdown-content {
    padding: 8px 0;
  }
}
@media screen and (min-width: 1900px) {
  .ts-dropdown-content {
    padding: calc(8 * var(--fld)) 0;
  }
}

.ts-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}

.select__option {
  padding: 7px 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  cursor: pointer;
  transition: color var(--t);
}
.select__option.selected {
  font-weight: 600;
}
.select__option:not([data-selectable]) {
  opacity: 0.5;
  cursor: inherit;
}
@media screen and (min-width: 1024px) {
  .select__option {
    transition: color var(--t);
  }
  .select__option:hover, .select__option:focus-visible {
    color: var(--clr-primary);
  }
}
@media screen and (min-width: 1900px) {
  .select__option {
    padding: calc(7 * var(--fld)) calc(15 * var(--fld));
    font-size: calc(18 * var(--fld));
  }
}

.searchbar {
  position: relative;
}

.searchbar__form {
  display: flex;
  overflow: hidden;
  border: 1px solid var(--clr-text-secondary);
  border-radius: 8px;
  background: var(--clr-text-secondary);
  transition: background-color var(--t), border-color var(--t);
}
.searchbar__form:focus-within {
  border-color: var(--clr-primary);
  background: var(--clr-primary);
}
@media screen and (min-width: 1024px) {
  .searchbar__form:hover:not(:focus-within) {
    border-color: var(--clr-primary-dark);
    background: var(--clr-primary-dark);
  }
}
@media screen and (min-width: 1400px) {
  .searchbar__form {
    border-radius: 8px;
  }
}
@media screen and (min-width: 1900px) {
  .searchbar__form {
    border-radius: calc(8 * var(--fld));
  }
}

.searchbar__field {
  display: block;
  flex: 1;
}

.searchbar__input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 38px;
  padding: 8px 11px;
  border: 0;
  border-radius: 6px;
  background: var(--clr-secondary-main);
  color: var(--clr-text-main);
  outline: none;
  font-weight: 500;
  font-style: normal;
  font-size: var(--fs-400);
  line-height: 1.125;
  resize: none;
  resize: vertical;
  transition: color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.searchbar__input:disabled {
  opacity: 0.6;
}
.searchbar__input::-ms-clear {
  display: none;
}
.searchbar__input::-moz-placeholder {
  color: var(--clr-text-secondary);
  opacity: 1;
}
.searchbar__input::placeholder {
  color: var(--clr-text-secondary);
  opacity: 1;
}
@media screen and (min-width: 1400px) {
  .searchbar__input {
    min-height: 38px;
    padding: 9px 11px;
    border-radius: 6px;
  }
}
@media screen and (min-width: 1900px) {
  .searchbar__input {
    min-height: calc(38 * var(--fld));
    padding: calc(9 * var(--fld)) calc(11 * var(--fld));
    border-radius: calc(6 * var(--fld));
  }
}

.searchbar__reset {
  position: absolute;
  top: 0;
  right: 40px;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--clr-text-secondary);
  outline: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.searchbar__reset[hidden] {
  display: none;
}
@media screen and (min-width: 1024px) {
  .searchbar__reset:hover, .searchbar__reset:focus-visible {
    color: var(--clr-text-primary);
  }
}
@media screen and (min-width: 1400px) {
  .searchbar__reset {
    right: 40px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 1900px) {
  .searchbar__reset {
    right: calc(40 * var(--fld));
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
  }
}

.searchbar__submit {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 38px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #fff;
  outline: none;
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (min-width: 1400px) {
  .searchbar__submit {
    width: 40px;
    height: 38px;
  }
}
@media screen and (min-width: 1900px) {
  .searchbar__submit {
    width: calc(40 * var(--fld));
    height: calc(38 * var(--fld));
  }
}

button.searchbar__submit {
  cursor: pointer;
}

.read-more__btn {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-top: 24px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-color: var(--clr-blue-dark);
  border-radius: 6px;
  background: transparent;
  color: inherit;
  color: var(--clr-blue-dark);
  outline: none;
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color var(--t), border-color var(--t), color var(--t), opacity var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.read-more__btn::before {
  content: "";
  display: block;
  vertical-align: text-bottom;
  width: 14px;
  height: 14px;
  background-color: currentcolor;
  transition: transform var(--t);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/chevron-down.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/chevron-down.svg);
}
@media screen and (min-width: 1900px) {
  .read-more__btn::before {
    width: calc(14 * var(--fld));
    height: calc(14 * var(--fld));
  }
}
.is-expanded + .read-more__btn-wrap .read-more__btn::before {
  transform: rotate(180deg);
}
.read-more__btn:active {
  border-color: var(--clr-primary);
  color: var(--clr-primary);
}
@media screen and (min-width: 1024px) {
  .read-more__btn:hover, .read-more__btn:focus-visible {
    border-color: var(--clr-primary);
    color: var(--clr-primary);
  }
}
@media screen and (min-width: 1900px) {
  .read-more__btn {
    min-height: calc(50 * var(--fld));
    margin-top: calc(24 * var(--fld));
    padding: calc(9 * var(--fld)) calc(12 * var(--fld));
    border-radius: calc(6 * var(--fld));
  }
}

.toast-stack {
  position: fixed;
  top: var(--sz-topbar-offset);
  left: 50%;
  z-index: var(--z-toast);
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: top var(--t);
  transform: translateX(-50%);
}
body.is-interface-hidden .toast-stack {
  top: var(--sz-topbar-v-gaps);
}
@media screen and (min-width: 768px) {
  .toast-stack {
    top: auto;
    bottom: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .toast-stack {
    bottom: 65px;
    left: var(--sz-sidegap);
    transform: none;
  }
}
@media screen and (min-width: 1900px) {
  .toast-stack {
    bottom: calc(65 * var(--fld));
    gap: calc(8 * var(--fld));
  }
}

.toast {
  --_clr-bg: #e8eaed;
  --_clr-border: var(--clr-custom-outline-light);
  --_clr-icon: var(--clr-text-secondary);
  display: flex;
  gap: 8px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 11px;
  border: 1px solid var(--_clr-border);
  border-radius: 6px;
  background: var(--_clr-bg);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14286;
}
@media screen and (min-width: 480px) {
  .toast {
    font-size: 16px;
    line-height: 1.125;
  }
}
@media screen and (min-width: 768px) {
  .toast {
    padding: 14px 19px;
  }
}
@media screen and (min-width: 1900px) {
  .toast {
    gap: calc(8 * var(--fld));
    padding: calc(14 * var(--fld)) calc(19 * var(--fld));
    font-size: calc(16 * var(--fld));
  }
}

.toast--info {
  --_clr-bg: #d1ddef;
  --_clr-icon: var(--clr-primary);
}

.toast--error {
  --_clr-bg: #eadadd;
  --_clr-border: var(--clr-custom-outline-ref-400);
  --_clr-icon: var(--clr-red-warning);
}

.toast--success {
  --_clr-bg: #fff;
  --_clr-border: var(--clr-custom-outline-green-400);
  --_clr-icon: var(--clr-green-light);
}

.toast__icon {
  color: var(--_clr-icon);
}

.lg-next,
.lg-prev {
  position: absolute;
  top: 50%;
  z-index: 1084;
  display: block;
  margin-top: -10px;
  padding: 8px 10px 9px;
  border: none;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.45);
  color: #999;
  outline: none;
  font-size: 22px;
  cursor: pointer;
}
.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}
.lg-next::before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}
.lg-prev::after {
  content: "\e094";
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  position: relative;
  animation: lg-right-end 0.3s;
}
.lg-outer.lg-left-end .lg-object {
  position: relative;
  animation: lg-left-end 0.3s;
}

.lg-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1082;
  width: 100%;
}
.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
  float: right;
  width: 50px;
  height: 47px;
  padding: 10px 0;
  border: none;
  background: none;
  color: #999;
  box-shadow: none;
  outline: medium none;
  font-size: 24px;
  line-height: 27px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  will-change: color;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close::after {
  content: "\e070";
}
.lg-toolbar .lg-maximize {
  font-size: 22px;
}
.lg-toolbar .lg-maximize::after {
  content: "\e90a";
}
.lg-toolbar .lg-download::after {
  content: "\e0f2";
}

.lg-sub-html {
  z-index: 1080;
  padding: 10px 40px;
  color: #eee;
  font-size: 16px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
  margin: 0;
  font-weight: bold;
  font-size: 13px;
}
.lg-sub-html p {
  margin: 5px 0 0;
  font-size: 12px;
}
.lg-sub-html a {
  color: inherit;
}
.lg-sub-html a:hover {
  text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.lg-error-msg {
  color: #999;
  font-size: 14px;
}

.lg-counter {
  display: inline-block;
  vertical-align: middle;
  height: 47px;
  padding-top: 12px;
  padding-left: 20px;
  color: #999;
  font-size: 16px;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
  opacity: 0;
  will-change: transform, opacity;
  transform: scale3d(0.5, 0.5, 0.5);
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  border-radius: 3px;
  color: #fff;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-group::after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}
.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: none;
  text-align: left;
  opacity: 0.001;
  will-change: auto;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-zoom-from-image {
  opacity: 1;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  opacity: 1;
  transition-duration: 0s !important;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.lg-outer .lg-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  transition: opacity 0s;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("../images/loading.gif") no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.lg-outer .lg-item::before,
.lg-outer .lg-img-wrap::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
  white-space: nowrap;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-object {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}
.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  opacity: 1;
  transform: translate3d(0, 0%, 0);
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}
.lg-outer .lg-media-cont {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: var(--clr-blue-dark-600);
  opacity: 0;
  will-change: auto;
  transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}
.lg-container.lg-show {
  display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
  transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  opacity: 1;
  transition-duration: 0s !important;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}
.lg-inline .lg-backdrop {
  z-index: 1;
}
.lg-inline .lg-outer {
  z-index: 2;
}
.lg-inline .lg-maximize::after {
  content: "\e909";
}

.lg-components {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1080;
  will-change: transform;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.35s ease-out 0s;
}

.lg-prev,
.lg-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--clr-green-light);
  border-radius: 5px;
  background: var(--clr-bg-card-light);
  color: var(--clr-blue-dark);
  cursor: pointer;
  transition: background-color var(--t), opacity var(--t);
}
.lg-prev::before,
.lg-next::before {
  display: none;
}
.lg-prev::after,
.lg-next::after {
  content: "";
  display: block;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  background-color: currentcolor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .lg-prev,
  .lg-next {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .lg-prev:hover,
  .lg-next:hover {
    background: var(--clr-green-light);
  }
}
@media screen and (min-width: 1900px) {
  .lg-prev,
  .lg-next {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
  .lg-prev::after,
  .lg-next::after {
    width: calc(16 * var(--fld));
    height: calc(16 * var(--fld));
  }
}

.lg-prev::after {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-left.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-left.svg);
}
@media screen and (min-width: 1900px) {
  .lg-prev {
    left: calc(20 * var(--fld));
  }
}

.lg-next::after {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-right.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-right.svg);
}
@media screen and (min-width: 1900px) {
  .lg-next {
    right: calc(20 * var(--fld));
  }
}

@media screen and (max-width: 767px) {
  .lg-thumb-outer {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .lg-thumb-outer {
    height: 170px !important;
  }
}
@media screen and (min-width: 1900px) {
  .lg-thumb-outer {
    height: calc(170 * var(--fld)) !important;
  }
}

@media screen and (min-width: 768px) {
  .lg-content {
    bottom: 170px !important;
  }
}
@media screen and (min-width: 1900px) {
  .lg-content {
    bottom: calc(170 * var(--fld)) !important;
  }
}

.lg-toolbar .lg-icon.lg-close {
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 16px;
  margin-right: 16px;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  outline: none;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: border-color var(--t), background-color var(--t), color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.lg-toolbar .lg-icon.lg-close:active {
  border-color: var(--clr-green-light);
  background-color: var(--clr-green-light);
  color: var(--clr-text-primary);
}
.lg-toolbar .lg-icon.lg-close::after {
  content: "";
  display: block;
  vertical-align: text-bottom;
  width: 18px;
  height: 18px;
  background-color: currentcolor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/close2.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/close2.svg);
}
@media screen and (min-width: 1900px) {
  .lg-toolbar .lg-icon.lg-close::after {
    width: calc(18 * var(--fld));
    height: calc(18 * var(--fld));
  }
}
@media screen and (min-width: 768px) {
  .lg-toolbar .lg-icon.lg-close {
    margin-top: 20px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .lg-toolbar .lg-icon.lg-close:hover {
    color: var(--clr-green-light);
  }
  .lg-toolbar .lg-icon.lg-close:active {
    border-color: var(--clr-green-light);
    background-color: var(--clr-green-light);
    color: var(--clr-text-primary);
  }
}
@media screen and (min-width: 1900px) {
  .lg-toolbar .lg-icon.lg-close {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    margin-top: calc(20 * var(--fld));
    margin-right: calc(20 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
}

.lg-outer .lg-img-wrap {
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .lg-outer .lg-img-wrap {
    padding: 0 94px;
  }
}
.lg-outer .lg-image {
  border-radius: 12px;
  background: #fff;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 1900px) {
  .lg-outer .lg-image {
    border-radius: calc(12 * var(--fld));
  }
}
.lg-outer .lg-thumb {
  padding-top: 55px !important;
  padding-bottom: 20px !important;
}
@media screen and (min-width: 1900px) {
  .lg-outer .lg-thumb {
    padding-top: calc(55 * var(--fld)) !important;
    padding-bottom: calc(20 * var(--fld)) !important;
  }
}
.lg-outer .lg-thumb-item {
  position: relative;
  display: block;
  width: 100%;
  height: auto !important;
  border: none !important;
  border-radius: 10px !important;
  background: var(--clr-bg-card-light-active);
  transition: background-color var(--t) !important;
}
.lg-outer .lg-thumb-item::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.lg-outer .lg-thumb-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--clr-green-light);
  border-radius: inherit;
  opacity: 0;
  transition: opacity var(--t);
}
.lg-outer .lg-thumb-item img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  transition: opacity var(--t);
}
.lg-outer .lg-thumb-item.active {
  background: #fff;
  opacity: 1;
}
.lg-outer .lg-thumb-item.active::after,
.lg-outer .lg-thumb-item.active img {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .lg-outer .lg-thumb-item:hover {
    background: #fff;
  }
  .lg-outer .lg-thumb-item:hover img {
    opacity: 1;
  }
}
@media screen and (min-width: 1900px) {
  .lg-outer .lg-thumb-item {
    border-radius: calc(10 * var(--fld)) !important;
  }
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  transition-duration: 0ms !important;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
  transform: scale3d(1, 1, 1);
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
  transition: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
  transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
  max-width: none !important;
  max-height: none !important;
  top: 50% !important;
  left: 50% !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
  transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
  top: 0 !important;
  left: 50% !important;
  max-width: none !important;
  max-height: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
  transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
  top: 50% !important;
  left: 0% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-icon.lg-zoom-in:after {
  content: "\e311";
}
.lg-actual-size .lg-icon.lg-zoom-in {
  opacity: 1;
  pointer-events: auto;
}
.lg-icon.lg-actual-size {
  font-size: 20px;
}
.lg-icon.lg-actual-size:after {
  content: "\e033";
}
.lg-icon.lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
.lg-icon.lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed .lg-icon.lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-thumb-outer {
  float: left;
  overflow: hidden;
  width: 100%;
  max-height: 350px;
  background-color: transparent;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}
.lg-outer.lg-single-item .lg-thumb-outer {
  display: none;
}
.lg-outer .lg-thumb {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-bottom: -5px;
  padding: 5px 0;
}
@media (width >= 768px) {
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
}
.lg-outer .lg-thumb-item {
  float: left;
  overflow: hidden;
  height: 100%;
  margin-bottom: 5px;
  border-radius: 2px;
  cursor: pointer;
  will-change: border-color;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}
.lg-outer .lg-thumb-item img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (width >= 768px) {
  .lg-outer .lg-thumb-item {
    border: 2px solid #fff;
    border-radius: 4px;
    transition: border-color 0.25s ease;
  }
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer .lg-toggle-thumb::after {
  content: "\e1ff";
}
.lg-outer.lg-animate-thumb .lg-thumb {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.suggestions-nowrap {
  white-space: nowrap;
}

.suggestions-input {
  box-sizing: border-box;
  width: 100%;
}

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

.suggestions-wrapper {
  position: relative;
  vertical-align: top;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

.suggestions-suggestions {
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 9999;
  box-sizing: border-box;
  min-width: 100%;
  padding: 10px 15px;
  border: 1px solid var(--clr-custom-outline-light);
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 39px 42px 0 rgba(56, 59, 67, 0.1);
  cursor: default;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
@media screen and (min-width: 1400px) {
  .suggestions-suggestions {
    top: 5px;
    padding: 15px;
  }
}
@media screen and (min-width: 1900px) {
  .suggestions-suggestions {
    top: calc(5 * var(--fld));
    padding: calc(15 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
}

.suggestions-wrapper:not(.suggestions-wrapper--mobile) .suggestions-suggestion_hidden-desktop {
  display: none;
}

.suggestions-wrapper--mobile .suggestions-suggestion_hidden-mobile {
  display: none;
}

.suggestions-suggestions strong {
  color: var(--clr-primary);
  font-weight: 500;
}

.suggestions-suggestion {
  overflow: hidden;
  padding: 4.5px 0;
  font-weight: 500;
  font-size: 18px;
  transition: color var(--t);
}
@media screen and (min-width: 1900px) {
  .suggestions-suggestion {
    padding: calc(4.5 * var(--fld));
    font-size: calc(18 * var(--fld));
  }
}

.suggestions-suggestion:hover {
  color: var(--clr-primary-main);
}

.suggestions-hint {
  display: none;
}

.suggestions-wrapper:not(.suggestions-wrapper--mobile) .suggestions-suggestions--with-promo .suggestions-hint {
  max-width: calc(100% - 80px);
  padding-right: 0;
}

.suggestions-subtext {
  color: #777;
}

.suggestions-subtext_inline {
  display: inline-block;
  vertical-align: bottom;
  min-width: 6em;
  margin: 0 0.5em 0 0;
}

.suggestions-subtext-delimiter {
  display: inline-block;
  width: 2px;
}

.suggestions-subtext_label {
  margin: 0 0 0 0.25em;
  padding: 0 3px;
  border-radius: 3px;
  background: #f5f5f5;
  font-size: 85%;
}

.suggestions-value[data-suggestion-status=LIQUIDATED] {
  position: relative;
}

.suggestions-value[data-suggestion-status=LIQUIDATED]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}

.suggestions-promo {
  padding: 0;
  color: #777;
  font-size: 85%;
  text-align: center;
}
@media screen and (min-width: 601px) {
  .suggestions-promo {
    padding: 4px;
  }
}
@media screen and (min-width: 1900px) {
  .suggestions-promo {
    padding: calc(4 * var(--fld));
  }
}

.suggestions-promo a {
  display: block;
  color: #777;
  line-height: 20px;
  text-decoration: none;
  filter: grayscale(100%);
}

.suggestions-promo a:hover {
  filter: grayscale(0);
}

.suggestions-promo svg {
  vertical-align: bottom;
  height: 20px;
}

.suggestions-wrapper:not(.suggestions-wrapper--mobile) .suggestions-suggestions:not(.suggestions-suggestions--nohint) .suggestions-promo {
  position: absolute;
  top: 0;
  right: 0;
  text-align: left;
}

.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
}

.page--is-generic {
  padding-top: var(--sz-topbar-content-offset);
}
.page--is-generic .page__main {
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  .page--is-generic .page__main {
    margin-top: 28px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1900px) {
  .page--is-generic .page__main {
    margin-top: calc(28 * var(--fld-2));
    margin-bottom: calc(60 * var(--fld-2));
  }
}

.page--is-landing {
  background: var(--clr-blue-dark);
}
.page--is-landing .topbar {
  animation: topbar-landing-fade-in 0.75s var(--e-power3-out) 1s both;
}

@keyframes topbar-landing-fade-in {
  0% {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
.page__main {
  flex-grow: 1;
  flex-shrink: 0;
}

.topbar {
  --_topbar-height: var(--sz-topbar-height);
  --_topbar-h-gaps: 10px;
  --_topbar-v-gaps: var(--sz-topbar-v-gaps);
  --_topbar-total-space: calc(var(--_topbar-height) + var(--_topbar-v-gaps));
  --_topbar-border-radius: 12px;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: var(--z-topbar);
  display: flex;
  width: 100%;
  height: calc(var(--_topbar-height) + var(--_topbar-v-gaps) * 2);
  padding: var(--_topbar-v-gaps) var(--sz-sidegap) var(--_topbar-v-gaps);
  color: var(--_color-primary);
  pointer-events: none;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  .topbar {
    --_topbar-h-gaps: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .topbar {
    --_topbar-border-radius: calc(12 * var(--fld));
    --_topbar-h-gaps: calc(20 * var(--fld));
  }
}

.topbar--is-light {
  --_color-bg: var(--clr-bg-card-light);
  --_color-mobile-menu-bg: rgb(232 234 237 / 90%);
  --_color-phone-bg: var(--_color-bg);
  --_color-hover-bg: var(--clr-custom-outline-light);
  --_color-border: var(--clr-custom-outline-light);
  --_color-primary: var(--clr-blue-dark);
  --_color-links: var(--clr-text-secondary);
  --_color-links-hover: var(--_clr-text-primary);
  --_color-labels: var(--clr-text-secondary);
  --_color-separators: rgb(63 86 120 / 20%);
  --_color-socials-icon: var(--clr-text-secondary);
  --_color-socials-bg: var(--clr-bg-card-light-active);
  --_color-socials-border: var(--clr-custom-outline-light);
}
@media screen and (min-width: 768px) {
  .topbar--is-light {
    --_color-button: var(--_color-primary);
    --_color-button-bg: rgb(8 22 43 / 10%);
    --_color-button-border: #c3cad5;
    --_color-button-hover: var(--_color-primary);
    --_color-button-hover-bg: rgb(8 22 43 / 15%);
    --_color-button-hover-border: #b9c0ca;
    --_color-links: var(--clr-text-secondary);
  }
}

.topbar--is-dark {
  --_color-bg: var(--clr-bg-btn-dark);
  --_color-mobile-menu-bg: rgb(8 22 43 / 90%);
  --_color-phone-bg: var(--_color-bg);
  --_color-hover-bg: var(--clr-darkblue-light);
  --_color-border: rgb(48 75 115 / 20%);
  --_color-primary: #fff;
  --_color-links: var(--clr-text-secondary-dark);
  --_color-links-hover: #fff;
  --_color-labels: var(--clr-text-secondary-dark);
  --_color-separators: rgb(63 86 120 / 20%);
  --_color-socials-icon: #a7a7a7;
  --_color-socials-bg: rgb(8 22 43 / 30%);
  --_color-socials-border: var(--clr-custom-outline);
}
@media screen and (min-width: 768px) {
  .topbar--is-dark {
    --_color-button: var(--clr-text-secondary-dark);
    --_color-button-bg: transparent;
    --_color-button-border: #304b73;
    --_color-button-hover: #fff;
    --_color-button-hover-bg: var(--clr-darkblue-light);
    --_color-links: var(--clr-text-secondary-dark);
  }
}

.topbar__logo {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  height: var(--_topbar-height);
  margin-right: var(--_topbar-h-gaps);
  padding: 11px 15px 9px;
  border: 1px solid var(--_color-border);
  border-radius: var(--_topbar-border-radius);
  background: var(--_color-bg);
  pointer-events: all;
  transition: background-color var(--t), border-color var(--t), opacity var(--t), visibility var(--t), transform var(--t);
  backdrop-filter: blur(4px);
}
.topbar__logo:active {
  background: var(--_color-button-hover-bg);
}
.topbar__logo svg {
  width: auto;
  height: 30px;
}
@media screen and (min-width: 768px) {
  .topbar__logo {
    flex-grow: 0;
    padding: 13px 26px 11px;
  }
  .topbar__logo svg {
    height: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__logo:hover, .topbar__logo:focus-visible {
    background-color: var(--_color-hover-bg);
  }
}
@media screen and (min-width: 1400px) {
  .topbar__logo {
    padding: 12px 26px;
  }
  .topbar__logo svg {
    height: 35px;
  }
}
@media screen and (min-width: 1900px) {
  .topbar__logo {
    padding: calc(12 * var(--fld)) calc(26 * var(--fld));
  }
  .topbar__logo svg {
    height: calc(35 * var(--fld));
  }
}

.topbar__logo-text {
  fill: var(--_color-primary);
}

.topbar__desktop-phone {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: var(--_topbar-height);
  margin-right: var(--_topbar-h-gaps);
  padding: 11px 15px 9px;
  border: 1px solid var(--_color-border);
  border-radius: var(--_topbar-border-radius);
  background: var(--_color-bg);
  color: var(--white);
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  pointer-events: all;
  transition: background-color var(--t), border-color var(--t), opacity var(--t), visibility var(--t), transform var(--t);
  backdrop-filter: blur(4px);
}
@media screen and (max-width: 767px) {
  .topbar__desktop-phone {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__desktop-phone {
    flex-grow: 0;
    order: 1;
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__desktop-phone {
    background: var(--_color-phone-bg);
  }
  .topbar__desktop-phone:hover, .topbar__desktop-phone:focus-visible {
    background-color: var(--_color-hover-bg);
  }
}
@media screen and (min-width: 1400px) {
  .topbar__desktop-phone {
    padding: 19px;
  }
}
@media screen and (min-width: 1900px) {
  .topbar__desktop-phone {
    padding: calc(19 * var(--fld));
    font-size: calc(16 * var(--fld));
  }
}

.topbar__hamburger {
  width: var(--_topbar-height);
  height: var(--_topbar-height);
  border: 1px solid var(--_color-border);
  border-radius: var(--_topbar-border-radius);
  background: var(--_color-bg);
  color: var(--_color-primary);
  transition: background-color var(--t), border-color var(--t);
  backdrop-filter: blur(4px);
}
@media screen and (min-width: 1024px) {
  .topbar__hamburger {
    display: none;
  }
}

.topbar__menu {
  pointer-events: all;
  transition: opacity var(--t), visibility var(--t), transform var(--t);
}
@media screen and (min-width: 768px) {
  .topbar__menu {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__menu {
    flex-grow: 1;
    height: var(--_topbar-height);
    margin-right: var(--_topbar-h-gaps);
    border: 1px solid var(--_color-border);
    border-radius: var(--_topbar-border-radius);
    background: var(--_color-bg);
    color: var(--_color-primary);
    transition: background-color var(--t), border-color var(--t);
    backdrop-filter: blur(4px);
  }
}
@media screen and (min-width: 1024px) {
  .topbar__menu {
    padding-right: 7px;
    padding-left: 15px;
  }
}
@media screen and (min-width: 1900px) {
  .topbar__menu {
    padding-right: calc(7 * var(--fld));
    padding-left: calc(15 * var(--fld));
  }
}

.topbar__menu-body {
  --_body-offset: calc(var(--_topbar-total-space) + 10px);
  padding: 24px 20px 30px;
}
@media screen and (max-width: 1023px) {
  .topbar__menu-body {
    position: absolute;
    top: var(--_body-offset);
    left: var(--sz-sidegap);
    z-index: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    width: calc(100vw - var(--sz-sidegap) * 2);
    max-height: calc(100dvh - (var(--_body-offset) + var(--_topbar-v-gaps)));
    border: 1px solid var(--_color-border);
    border-radius: var(--_topbar-border-radius);
    background: var(--_color-mobile-menu-bg);
    transition: opacity var(--t), visibility var(--t), background-color var(--t);
    backdrop-filter: blur(20px);
  }
  .topbar__hamburger:not([aria-expanded=true]) + .topbar__menu-body {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (min-width: 768px) {
  .topbar__menu-body {
    --_body-offset: calc(var(--_topbar-total-space) + 20px);
    display: grid;
    grid-template-columns: 1fr 230px;
    padding: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__menu-body {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__menu-body {
    padding-right: 16px;
    padding-left: 0;
  }
}
@media screen and (min-width: 1900px) {
  .topbar__menu-body {
    padding-right: calc(16 * var(--fld));
  }
}

.topbar__mobile-cart {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .topbar__mobile-cart {
    display: none;
  }
}

.topbar__menu-list {
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 0.5px solid var(--_color-separators);
}
@media screen and (min-width: 768px) {
  .topbar__menu-list {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__menu-list {
    display: flex;
  }
}

.topbar__menu-link {
  display: block;
  padding: 6px 0;
  color: var(--_color-links);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
}
.topbar__menu-link.is-active {
  color: var(--_color-links-hover);
}
@media screen and (min-width: 768px) {
  .topbar__menu-link {
    padding: 7.5px 0;
    font-size: 18px;
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__menu-link {
    padding: 12px 16px;
    transition: color var(--t);
  }
  .topbar__menu-link:hover, .topbar__menu-link:focus-visible {
    color: var(--_color-links-hover);
  }
}
@media screen and (min-width: 1400px) {
  .topbar__menu-link {
    font-size: 18px;
    line-height: 1;
  }
}
@media screen and (min-width: 1900px) {
  .topbar__menu-link {
    padding: calc(18 * var(--fld));
    font-size: calc(18 * var(--fld));
  }
}

.topbar__contacts {
  display: grid;
  grid-template-columns: 100%;
  gap: 10px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .topbar__contacts {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__contacts {
    display: none;
  }
}

.topbar__contact-label {
  margin-bottom: 5px;
  color: var(--_color-labels);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.1666;
}
@media screen and (min-width: 768px) {
  .topbar__contact-label {
    font-size: 14px;
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__contact-label {
    display: none;
  }
}

.topbar__contact-value {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1429;
}
@media screen and (min-width: 768px) {
  .topbar__contact-value {
    font-size: 18px;
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__contact-value {
    display: none;
  }
}

.topbar__socials {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  padding-top: 16px;
  border-top: 0.5px solid var(--_color-separators);
}
@media screen and (min-width: 370px) {
  .topbar__socials {
    gap: 12px;
  }
}
@media screen and (min-width: 768px) {
  .topbar__socials {
    grid-column: span 2;
    padding-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .topbar__socials {
    display: none;
  }
}

.topbar__social {
  position: relative;
  display: block;
  overflow: hidden;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--_color-socials-bg);
  color: var(--_color-socials-icon);
}
.topbar__social::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px var(--_color-socials-border);
}
.topbar__social .i {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 350px) {
  .topbar__social {
    width: 40px;
    height: 40px;
  }
}

.topbar__shop-nav {
  display: flex;
  pointer-events: all;
}
@media screen and (max-width: 767px) {
  .topbar__shop-nav {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .topbar__shop-nav {
    transition: visibility var(--t), opacity var(--t), transform var(--t);
  }
}

.topbar__shop-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  order: -1;
  height: 100%;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .topbar__shop-buttons {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .topbar__shop-buttons {
    margin-right: var(--_topbar-h-gaps);
    padding: 11px 20px;
    border-radius: 12px;
    background: var(--_color-bg);
    box-shadow: inset 0 0 0 1px var(--_color-border);
    transition: background-color var(--t), border-color var(--t);
    backdrop-filter: blur(4px);
  }
}
@media screen and (min-width: 1024px) {
  .topbar__shop-buttons {
    gap: 8px;
    order: 1;
    padding: 0;
  }
}
@media screen and (min-width: 1900px) {
  .topbar__shop-buttons {
    gap: calc(8 * var(--fld));
  }
}

.topbar__shop-button {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 12px;
  background: var(--_color-button-bg);
  color: var(--_color-button);
  box-shadow: 0 0 0 1px var(--_color-button-border);
  outline: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color var(--t), border-color var(--t), background-color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.topbar__shop-button[aria-current=page], .topbar__shop-button:active {
  color: var(--clr-text-primary);
}
@media screen and (min-width: 1024px) {
  .topbar__shop-button:active, .topbar__shop-button:hover, .topbar__shop-button:focus-visible {
    border-color: var(--_color-button-hover-border);
    background: var(--_color-button-hover-bg);
    color: var(--_color-button-hover);
  }
}
@media screen and (min-width: 1900px) {
  .topbar__shop-button {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    border-radius: calc(12 * var(--fld));
  }
}

.topbar__shop-button--is-cart {
  background: var(--clr-primary-main);
  color: #fff !important;
  box-shadow: none;
}
.topbar__shop-button--is-cart:not(:disabled, .is-disabled):active {
  background: var(--clr-primary-dark);
}
@media screen and (min-width: 1024px) {
  .topbar__shop-button--is-cart:not(:disabled, .is-disabled):hover, .topbar__shop-button--is-cart:not(:disabled, .is-disabled):focus-visible {
    background: var(--clr-primary-dark);
  }
}

.topbar__shop-button-count {
  position: absolute;
  top: 9px;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding-left: 1px;
  border: 1px solid var(--clr-bg-light);
  border-radius: 100%;
  background: var(--clr-red-warning);
  color: #fff;
  font-weight: 500;
  font-size: var(--fs-100);
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .topbar__shop-button-count {
    top: 8px;
  }
}
@media screen and (min-width: 1900px) {
  .topbar__shop-button-count {
    top: calc(8 * var(--fld));
    width: calc(14 * var(--fld));
    height: calc(14 * var(--fld));
    padding-left: calc(1 * var(--fld));
  }
}

@media screen and (min-width: 768px) {
  .topbar__shop-button-text {
    display: none;
  }
}

.footer {
  --_color-separator: rgb(255 255 255 / 12%);
  position: relative;
  overflow: hidden;
  padding-bottom: 40px;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .footer {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .footer {
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 1900px) {
  .footer {
    padding-bottom: calc(64 * var(--fld));
  }
}

.footer__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template: "logo" "slogan" "nav" "contacts" "socials" "bottom"/minmax(0, 1fr);
  gap: 0;
  align-content: start;
  align-items: start;
}
@media screen and (min-width: 480px) {
  .footer__inner {
    grid-template: "logo slogan" "nav nav" "contacts contacts" "socials socials" "bottom bottom"/minmax(0, 1fr) max-content;
  }
}
@media screen and (min-width: 768px) {
  .footer__inner {
    grid-template: "logo nav contacts" "socials nav contacts" "slogan  nav contacts" 1fr "bottom bottom bottom"/1fr 180px 160px;
  }
}
@media screen and (min-width: 1400px) {
  .footer__inner {
    display: grid;
    grid-template: "logo    slogan  nav contacts" "socials socials nav contacts" 1fr "bottom bottom bottom bottom"/248px 1fr 140px 375px;
  }
}
@media screen and (min-width: 1900px) {
  .footer__inner {
    display: grid;
    grid-template: "logo    slogan  nav contacts" "socials socials nav contacts" 1fr "bottom bottom bottom bottom"/calc(248 * var(--fld)) 1fr calc(240 * var(--fld)) calc(375 * var(--fld));
  }
}

.footer__logo {
  display: block;
  grid-area: logo;
  margin-bottom: 10px;
}
.footer__logo img {
  width: 168px;
}
@media screen and (min-width: 480px) {
  .footer__logo {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .footer__logo {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .footer__logo {
    margin-bottom: 0;
  }
  .footer__logo img {
    width: 216px;
  }
}
@media screen and (min-width: 1900px) {
  .footer__logo {
    padding: 0;
    border: 0;
  }
  .footer__logo img {
    width: calc(216 * var(--fld));
  }
}

.footer__slogan {
  grid-area: slogan;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}
@media screen and (min-width: 480px) {
  .footer__slogan {
    align-self: center;
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .footer__slogan {
    align-self: start;
    text-align: left;
  }
}
@media screen and (min-width: 1400px) {
  .footer__slogan {
    align-self: center;
    font-size: 18px;
    line-height: 1;
  }
}
@media screen and (min-width: 1900px) {
  .footer__slogan {
    font-size: calc(18 * var(--fld));
  }
}

.footer__contacts {
  display: grid;
  grid-area: contacts;
  grid-template-columns: 100%;
  gap: 16px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .footer__contacts {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1400px) {
  .footer__contacts {
    text-align: right;
  }
}

.footer__contact-label {
  margin-bottom: 1px;
  color: var(--clr-text-secondary-dark);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.1667;
}
@media screen and (min-width: 768px) {
  .footer__contact-label {
    margin-bottom: 3px;
  }
}
@media screen and (min-width: 1900px) {
  .footer__contact-label {
    margin-bottom: calc(3 * var(--fld));
    font-size: calc(12 * var(--fld));
  }
}

.footer__contact-value {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .footer__contact-value {
    font-size: 18px;
    line-height: 1;
  }
}
@media screen and (min-width: 1400px) {
  .footer__contact-value {
    font-weight: 500;
    font-stretch: 98.5%;
    font-size: 16px;
    font-family: var(--font-secondary);
    line-height: 1.25;
  }
}
@media screen and (min-width: 1900px) {
  .footer__contact-value {
    font-size: calc(16 * var(--fld));
  }
}

.footer__socials {
  display: flex;
  grid-area: socials;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .footer__socials {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .footer__socials {
    margin-top: 30px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1900px) {
  .footer__socials {
    gap: calc(10 * var(--fld));
    margin-top: calc(30 * var(--fld));
  }
}

.footer__social {
  position: relative;
  display: block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(8, 22, 43, 0.3);
  color: var(--clr-text-secondary-dark);
  transition: background-color var(--t), color var(--t);
}
.footer__social::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--clr-custom-outline);
  transition: box-shadow var(--t);
}
.footer__social .i {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .footer__social:hover, .footer__social:focus-visible {
    background: var(--clr-darkblue-light);
    color: var(--clr-white);
  }
  .footer__social:hover::after, .footer__social:focus-visible::after {
    box-shadow: inset 0 0 0 1px #304b73;
  }
}
@media screen and (min-width: 1900px) {
  .footer__social {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    border-radius: calc(10 * var(--fld));
  }
}

.footer__nav {
  grid-area: nav;
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px solid var(--_color-separator);
  border-bottom: 1px solid var(--_color-separator);
}
@media screen and (min-width: 768px) {
  .footer__nav {
    margin: 0;
    padding: 0;
    border: 0;
  }
}
@media screen and (min-width: 1900px) {
  .footer__nav {
    display: block;
    align-self: start;
  }
}

.footer__menu-list {
  display: grid;
  grid-template-columns: 100%;
  gap: 16px;
}
@media screen and (min-width: 1900px) {
  .footer__menu-list {
    gap: calc(16 * var(--fld));
  }
}

.footer__menu-link {
  display: block;
  color: var(--clr-text-secondary-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
  transition: color var(--t);
}
.footer__menu-link:hover, .footer__menu-link:focus-visible {
  color: var(--clr-white);
}
@media screen and (min-width: 1900px) {
  .footer__menu-link {
    font-size: calc(16 * var(--fld));
  }
}

.footer__bottom {
  display: grid;
  grid-area: bottom;
  grid-template: "copyright sho" "policy    sho" 1fr/auto max-content;
  gap: 6px 60px;
  align-items: center;
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid var(--_color-separator);
}
@media screen and (min-width: 768px) {
  .footer__bottom {
    grid-template: "copyright policy sho"/1fr 180px 160px;
    gap: 0;
  }
}
@media screen and (min-width: 1400px) {
  .footer__bottom {
    grid-template: "copyright policy sho"/1fr 154px 360px;
    margin-top: 30px;
    padding-top: 16px;
  }
}
@media screen and (min-width: 1900px) {
  .footer__bottom {
    grid-template: "copyright policy sho"/1fr calc(240 * var(--fld)) calc(375 * var(--fld));
    margin-top: calc(32 * var(--fld));
    padding-top: calc(16 * var(--fld));
  }
}

.footer__copyright {
  grid-area: copyright;
  color: var(--clr-text-secondary-dark);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.1667;
}
@media screen and (min-width: 1900px) {
  .footer__copyright {
    font-size: calc(12 * var(--fld));
  }
}

.footer__policy {
  color: var(--clr-text-secondary-dark);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.1667;
}
@media screen and (min-width: 1024px) {
  .footer__policy {
    transition: color var(--t);
  }
  .footer__policy:hover, .footer__policy:focus-visible {
    color: #fff;
  }
}
@media screen and (min-width: 1900px) {
  .footer__policy {
    margin-left: calc(var(--_col-gap) / 2);
    font-size: calc(12 * var(--fld));
  }
}

.footer__sho {
  display: block;
  grid-area: sho;
  justify-self: end;
  width: 102px;
}
.footer__sho img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1900px) {
  .footer__sho {
    width: calc(102 * var(--fld));
  }
}

.finished-products {
  position: relative;
  overflow: hidden;
  padding-top: 105px;
  padding-bottom: 20px;
}
@media screen and (min-width: 480px) {
  .finished-products {
    padding-top: 115px;
  }
}
@media screen and (min-width: 768px) {
  .finished-products {
    padding-top: 150px;
  }
}
@media screen and (min-width: 1400px) {
  .finished-products {
    padding-top: 140px;
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products {
    padding-top: calc(140 * var(--fld));
    padding-bottom: calc(64 * var(--fld));
  }
}

.finished-products__layout {
  display: grid;
  grid-template-columns: 100%;
  gap: 30px;
  margin: 0 var(--sz-sidegap);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .finished-products__layout {
    grid-template: "info areas" "slider slider" 1fr/320fr 340fr;
    gap: 30px 40px;
  }
}
@media screen and (min-width: 1024px) {
  .finished-products__layout {
    grid-template: "info slider" "areas slider" 1fr/400px minmax(0, 1fr);
    gap: 35px 30px;
    margin-right: 0;
  }
}
@media screen and (min-width: 1400px) {
  .finished-products__layout {
    grid-template: "info slider" "areas slider" 1fr/510px minmax(0, 1fr);
    gap: 35px 30px;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products__layout {
    grid-template: "info slider" "areas slider" 1fr/calc(510 * var(--fld)) minmax(0, 1fr);
    gap: calc(35 * var(--fld)) calc(30 * var(--fld));
  }
}

@media screen and (min-width: 768px) {
  .finished-products__info {
    grid-area: info;
  }
}

.finished-products__heading {
  margin-bottom: 15px;
  background: linear-gradient(172deg, #fff 19%, rgba(255, 255, 255, 0.29) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  font-weight: 400;
  font-size: 22px;
  font-family: var(--font-secondary);
  line-height: 1.1;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
@media screen and (min-width: 480px) {
  .finished-products__heading {
    font-size: 22px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 768px) {
  .finished-products__heading {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1;
  }
}
@media screen and (min-width: 1400px) {
  .finished-products__heading {
    margin-bottom: 25px;
    font-size: 36px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products__heading {
    margin-bottom: calc(25 * var(--fld));
    font-size: calc(36 * var(--fld));
    line-height: 1.1;
  }
}

.finished-products__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .finished-products__text {
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) {
  .finished-products__text {
    font-size: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products__text {
    font-size: calc(20 * var(--fld));
  }
}

@media screen and (min-width: 768px) {
  .finished-products__areas {
    grid-area: areas;
    margin-bottom: 0;
  }
}

.finished-products__areas-body {
  padding: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428;
}
.finished-products__areas-body h3 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
}
@media screen and (min-width: 480px) {
  .finished-products__areas-body h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .finished-products__areas-body h3 {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1400px) {
  .finished-products__areas-body h3 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products__areas-body h3 {
    margin-bottom: calc(20 * var(--fld));
    font-size: calc(24 * var(--fld));
    line-height: 1.2;
  }
}
.finished-products__areas-body ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.finished-products__areas-body ul li {
  position: relative;
  padding-left: 26px;
}
.finished-products__areas-body ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--clr-green-light);
  transform: translateY(-50%);
}
@media screen and (min-width: 480px) {
  .finished-products__areas-body ul {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) {
  .finished-products__areas-body ul {
    gap: 8px;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products__areas-body ul {
    gap: calc(6 * var(--fld));
  }
  .finished-products__areas-body ul li {
    padding-left: calc(26 * var(--fld));
  }
  .finished-products__areas-body ul li::before {
    width: calc(6 * var(--fld));
    height: calc(6 * var(--fld));
  }
}
@media screen and (min-width: 480px) {
  .finished-products__areas-body {
    font-size: 16px;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1400px) {
  .finished-products__areas-body {
    padding: 30px;
    font-size: 18px;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products__areas-body {
    padding: calc(30 * var(--fld));
    font-size: calc(18 * var(--fld));
  }
}

.finished-products__slider {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .finished-products__slider {
    grid-area: slider;
  }
}

.finished-products__navigation {
  display: flex;
  gap: 15px;
  justify-content: flex-end;
  align-items: center;
  margin-right: var(--sz-sidegap);
  margin-bottom: 47px;
}
@media screen and (max-width: 1023px) {
  .finished-products__navigation {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products__navigation {
    gap: calc(15 * var(--fld));
    margin-bottom: calc(47 * var(--fld));
  }
}

@media screen and (min-width: 1024px) {
  .finished-products__slider-mask {
    padding-left: 30px;
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 30px, rgb(0, 0, 0) 35px, rgb(0, 0, 0) 100%);
            mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 20px, rgba(0, 0, 0, 0.8) 30px, rgb(0, 0, 0) 35px, rgb(0, 0, 0) 100%);
    -webkit-mask-repeat: none;
            mask-repeat: none;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products__slider-mask {
    padding-left: calc(40 * var(--fld));
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(30 * var(--fld)), rgba(0, 0, 0, 0.8) calc(40 * var(--fld)), rgb(0, 0, 0) calc(45 * var(--fld)), rgb(0, 0, 0) 100%);
            mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(30 * var(--fld)), rgba(0, 0, 0, 0.8) calc(40 * var(--fld)), rgb(0, 0, 0) calc(45 * var(--fld)), rgb(0, 0, 0) 100%);
  }
}

.finished-products__swiper {
  overflow: visible;
}
@media screen and (min-width: 1024px) {
  .finished-products__swiper {
    margin-right: var(--sz-sidegap);
  }
  .finished-products__swiper .swiper-pagination {
    display: none;
  }
}

.finished-products__item {
  width: 190px;
}
@media screen and (min-width: 768px) {
  .finished-products__item {
    width: 208px;
  }
}
@media screen and (min-width: 1024px) {
  .finished-products__item {
    width: 230px;
  }
}
@media screen and (min-width: 1400px) {
  .finished-products__item {
    width: 260px;
  }
}
@media screen and (min-width: 1900px) {
  .finished-products__item {
    width: calc(260 * var(--fld));
  }
}

.finished-products__picture {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 12px;
  background: linear-gradient(153deg, #748195 0%, #16181a 100%);
}
.finished-products__picture::before {
  content: "";
  display: block;
  padding-top: 147.3684210526%;
}
.finished-products__picture img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .finished-products__picture::before {
    padding-top: 149.0384615385%;
  }
}
@media screen and (min-width: 1400px) {
  .finished-products__picture::before {
    padding-top: 149.2307692308%;
  }
}

@keyframes hero-side-slide {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes hero-slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.landing-hero {
  --_a-delay: 0s;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0 var(--sz-sidegap);
  padding-bottom: 20px;
  color: var(--clr-secondary-dark);
}
@media screen and (min-width: 768px) {
  .landing-hero {
    justify-content: flex-start;
    padding-top: max(100px, 26vh);
  }
}
@media screen and (min-width: 1400px) {
  .landing-hero {
    padding-top: max(140px, 26vh);
  }
}
@media screen and (min-width: 1900px) {
  .landing-hero {
    padding-top: max(234 * var(--fld), 22vh);
  }
}

.landing-hero__title {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 14px;
  font-weight: 600;
  font-stretch: 102%;
  font-size: 22px;
  font-family: var(--font-secondary);
  line-height: 1;
  animation: hero-side-slide 1.2s var(--e-power3-out) var(--_a-delay) both;
}
@media screen and (min-width: 480px) {
  .landing-hero__title {
    margin-bottom: 20px;
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  .landing-hero__title {
    font-size: 36px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1400px) {
  .landing-hero__title {
    margin-bottom: 24px;
    font-size: 48px;
    line-height: 1;
  }
}
@media screen and (min-width: 1900px) {
  .landing-hero__title {
    margin-bottom: calc(24 * var(--fld));
    font-size: calc(48 * var(--fld));
  }
}

.landing-hero__text {
  max-width: 50ch;
  color: var(--clr-text-secondary-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  animation: hero-slide-up 0.8s var(--e-power3-out) calc(var(--_a-delay) + 0.4s) both;
}
.landing-hero__text span {
  color: #fff;
}
@media screen and (min-width: 480px) {
  .landing-hero__text {
    font-size: 16px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) {
  .landing-hero__text {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1400px) {
  .landing-hero__text {
    font-size: 24px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1900px) {
  .landing-hero__text {
    font-size: calc(24 * var(--fld));
    line-height: 1.1;
  }
}

.landing-hero__part-search {
  --card-animation-delay: 0s;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .landing-hero__part-search {
    --card-animation-delay: 1s;
    width: 400px;
    margin-top: 48px;
  }
}
@media screen and (min-width: 1400px) {
  .landing-hero__part-search {
    width: 400px;
    margin-top: 48px;
  }
}
@media screen and (min-width: 1900px) {
  .landing-hero__part-search {
    width: calc(400 * var(--fld));
    margin-top: calc(60 * var(--fld));
  }
}

.part-search__reveal-btn {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .part-search__reveal-btn {
    display: none;
  }
}

.part-search__close {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: end;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: none;
  outline: 0;
  animation: fade-in 0.3s ease-out both;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (min-width: 768px) {
  .part-search__close {
    display: none;
  }
}

.part-search__body {
  position: relative;
}
@media screen and (max-width: 767px) {
  .part-search__body {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-rows: max-content max-content 0;
    gap: 20px;
    align-content: center;
    overflow: hidden;
    margin: 70px var(--sz-sidegap);
    transition: grid-template-rows var(--t);
  }
  .part-search__reveal-btn:not([aria-expanded=true]) ~ .part-search__body {
    display: none;
  }
}

.part-search__body--has-results .part-search__search-block > .transparent-card__inner::after {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .part-search__body--has-results {
    grid-template-rows: max-content max-content 204px;
  }
}

.part-search__overlay {
  display: none;
}
@media screen and (max-width: 767px) {
  .part-search__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: var(--clr-blue-dark-600);
    animation: fade-in 0.3s ease-out both;
  }
  .part-search__reveal-btn:not([aria-expanded=true]) ~ .part-search__body .part-search__overlay {
    display: none;
  }
}

.part-search__form {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
@media screen and (min-width: 1900px) {
  .part-search__form {
    gap: calc(10 * var(--fld));
  }
}

.part-search__card {
  padding: 20px;
}
@media screen and (min-width: 1900px) {
  .part-search__card {
    padding: calc(20 * var(--fld));
  }
}

.part-search__title {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
  font-family: var(--font-secondary);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .part-search__title {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.2222;
  }
}
@media screen and (min-width: 1900px) {
  .part-search__title {
    margin-bottom: calc(16 * var(--fld));
    font-size: calc(18 * var(--fld));
  }
}

.part-search__text-input {
  flex-grow: 1;
}

.part-search__submit {
  flex-shrink: 0;
  min-width: 80px;
}
@media screen and (min-width: 1900px) {
  .part-search__submit {
    min-width: calc(80 * var(--fld));
  }
}

.part-search__tip {
  color: var(--clr-text-secondary-dark);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1428;
}
.part-search__tip span {
  color: #fff;
}
@media screen and (min-width: 480px) {
  .part-search__tip {
    font-size: 16px;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1900px) {
  .part-search__tip {
    font-size: calc(16 * var(--fld));
  }
}

.part-search__tip--mobile {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .part-search__tip--mobile {
    display: none;
  }
}

.part-search__tip--desktop {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .part-search__tip--desktop {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .part-search__tip--desktop {
    margin-top: calc(16 * var(--fld));
  }
}

@media screen and (min-width: 768px) {
  .part-search-result {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .part-search-result {
    top: -16px;
    left: calc(100% + 10px);
    width: 280px;
  }
}
@media screen and (min-width: 1900px) {
  .part-search-result {
    top: calc(-16 * var(--fld));
    left: calc(100% + 10 * var(--fld));
    width: calc(280 * var(--fld));
  }
}

.part-search-result__body {
  overflow: hidden;
  height: 210px;
  padding-right: 1px;
}
@media screen and (min-width: 1900px) {
  .part-search-result__body {
    height: calc(210 * var(--fld));
  }
}

.part-search-result__body-scroll {
  overflow: auto;
  height: 100%;
  padding: 10px 0;
}
@media screen and (min-width: 1900px) {
  .part-search-result__body-scroll {
    padding: calc(10 * var(--fld)) 0;
  }
}

.part-search-result__heading {
  margin-bottom: 4px;
  padding: 6px 12px;
  color: var(--clr-text-secondary-dark);
}
@media screen and (min-width: 1900px) {
  .part-search-result__heading {
    margin-bottom: calc(4 * var(--fld));
    padding: calc(6 * var(--fld)) calc(12 * var(--fld));
  }
}

.part-search-result__card {
  display: grid;
  grid-template: "picture title" 1fr "picture article" 1fr/max-content 1fr;
  gap: 2px 10px;
  padding: 6px 10px;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .part-search-result__card {
    padding: 6px 20px;
  }
}
@media screen and (min-width: 1900px) {
  .part-search-result__card {
    gap: calc(2 * var(--fld)) calc(10 * var(--fld));
    padding: calc(6 * var(--fld)) calc(20 * var(--fld));
  }
}

.part-search-result__picture {
  grid-area: picture;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.part-search-result__picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1900px) {
  .part-search-result__picture {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    border-radius: calc(4 * var(--fld));
  }
}

.part-search-result__title {
  grid-area: title;
  align-self: end;
  color: #fff;
  transition: color var(--t);
}
.part-search-result__card:active .part-search-result__title {
  color: var(--clr-primary-light);
}
@media screen and (min-width: 1024px) {
  .part-search-result__card:hover .part-search-result__title, .part-search-result__card:focus-visible .part-search-result__title {
    color: var(--clr-primary-light);
  }
}

.part-search-result__article {
  grid-area: article;
  align-self: start;
  color: var(--clr-text-secondary-dark);
  transition: color var(--t);
}
.part-search-result__card:active .part-search-result__article {
  color: var(--clr-primary-light);
}
@media screen and (min-width: 1024px) {
  .part-search-result__card:hover .part-search-result__article, .part-search-result__card:focus-visible .part-search-result__article {
    color: var(--clr-primary-light);
  }
}

.bearing-sequence {
  --section-length: 1000px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 50px;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .bearing-sequence {
    --section-length: 2400px;
    margin-top: -15vh;
  }
}
.bearing-sequence__sections {
  position: sticky;
  bottom: 0;
  width: 100%;
}

.bearing-sequence__section {
  position: static;
  height: var(--section-length);
}

.bearing-sequence__section--has-subsections {
  height: calc(var(--section-length) + var(--section-length) * 0.5 * (var(--subsections-count, 1) - 1));
}

.bearing-sequence__section-scroller {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 var(--sz-sidegap);
}
@media screen and (min-width: 768px) {
  .bearing-sequence__section-scroller {
    justify-content: flex-start;
  }
}

.bearing-sequence__section-inner {
  position: sticky;
  bottom: 16px;
  z-index: 1;
  padding-bottom: 35px;
}
.bearing-sequence__section:not(:first-of-type) .bearing-sequence__section-inner {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .bearing-sequence__section-inner {
    top: 0;
    bottom: auto;
    display: flex;
    align-items: center;
    height: 100vh;
    height: 100svh;
    padding-bottom: 0;
    padding-left: 55px;
  }
}
@media screen and (min-width: 1400px) {
  .bearing-sequence__section-inner {
    padding-left: 70px;
  }
}
@media screen and (min-width: 1900px) {
  .bearing-sequence__section-inner {
    padding-left: calc(70 * var(--fld));
  }
}

.bearing-sequence__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
@media screen and (min-width: 768px) {
  .bearing-sequence__pagination {
    top: 50%;
    bottom: auto;
    height: auto;
    transform: translateY(-50%);
  }
}

.bearing-sequence__nav {
  position: absolute;
  right: 0;
  bottom: 64px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .bearing-sequence__nav {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .bearing-sequence__nav {
    bottom: calc(64 * var(--fld));
    gap: calc(10 * var(--fld));
  }
}

.bearing-sequence__prev,
.bearing-sequence__next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--clr-green-light);
  border-radius: 5px;
  background: rgba(4, 25, 57, 0.3);
  color: #fff;
  outline: none;
  transition: opacity var(--t), visibility var(--t), color var(--t), background-color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.bearing-sequence__prev::after,
.bearing-sequence__next::after {
  content: "";
  display: block;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  background-color: currentcolor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.bearing-sequence__prev:disabled,
.bearing-sequence__next:disabled {
  opacity: 0;
  visibility: hidden;
}
.bearing-sequence__prev:active,
.bearing-sequence__next:active {
  background-color: var(--clr-green-light);
  color: var(--clr-blue-dark);
}
@media screen and (min-width: 1024px) {
  .bearing-sequence__prev:hover, .bearing-sequence__prev:focus-visible,
  .bearing-sequence__next:hover,
  .bearing-sequence__next:focus-visible {
    color: var(--clr-green-light);
  }
  .bearing-sequence__prev:active,
  .bearing-sequence__next:active {
    background-color: var(--clr-green-light);
    color: var(--clr-blue-dark);
  }
}
@media screen and (min-width: 1900px) {
  .bearing-sequence__prev,
  .bearing-sequence__next {
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
  .bearing-sequence__prev::after,
  .bearing-sequence__next::after {
    width: calc(16 * var(--fld));
    height: calc(16 * var(--fld));
  }
}

.bearing-sequence__prev::after {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-up.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-up.svg);
}

.bearing-sequence__next::after {
  -webkit-mask-image: url(/local/templates/podshipnik/dist/images/caret-down.svg);
          mask-image: url(/local/templates/podshipnik/dist/images/caret-down.svg);
}

.sequence-pagination {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .sequence-pagination {
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start;
    align-items: flex-start;
    width: -moz-max-content;
    width: max-content;
    padding: 0;
  }
  .sequence-pagination::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 50%;
    z-index: -1;
    display: block;
    width: 1px;
    background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.3) 5px, transparent 5px, transparent 10px);
    transform: translateX(-50%);
  }
  .sequence-pagination::after {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 50%;
    z-index: -2;
    display: block;
    width: 1px;
    background-image: repeating-linear-gradient(to bottom, var(--clr-custom-outline-green-400) 0, var(--clr-custom-outline-green-400) 5px, transparent 5px, transparent 10px);
    transform: translateX(-50%);
    clip-path: polygon(0 0, 100% 0, 100% var(--total-progress, 0), 0 var(--total-progress, 0));
  }
}
@media screen and (min-width: 1900px) {
  .sequence-pagination {
    gap: calc(30 * var(--fld));
  }
}

.sequence-pagination__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  color: transparent;
}
.sequence-pagination__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(4, 25, 57, 0.3);
  transition: background-color var(--t);
  backdrop-filter: blur(4px);
  -webkit-mask: url(/local/templates/podshipnik/dist/images/hex-bullet-fill.svg) no-repeat center/100% 100%;
          mask: url(/local/templates/podshipnik/dist/images/hex-bullet-fill.svg) no-repeat center/100% 100%;
}
.sequence-pagination__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-custom-outline-green-400);
  opacity: 1;
  transition: background-color var(--t);
  -webkit-mask: url(/local/templates/podshipnik/dist/images/hex-bullet-outline.svg) no-repeat center/100% 100%;
          mask: url(/local/templates/podshipnik/dist/images/hex-bullet-outline.svg) no-repeat center/100% 100%;
}
.sequence-pagination__link.is-active::before, .sequence-pagination__link.is-active::after {
  background: var(--clr-green-light);
}
@media screen and (min-width: 768px) {
  .sequence-pagination__link {
    width: 30px;
    height: 30px;
    color: #6a7077;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    transition: color var(--t);
  }
  .sequence-pagination__link.is-active {
    color: #010a17;
  }
}
@media screen and (min-width: 1024px) {
  .sequence-pagination__link:hover::after, .sequence-pagination__link:focus-visible::after {
    background: var(--clr-green-light);
  }
}
@media screen and (min-width: 1900px) {
  .sequence-pagination__link {
    width: calc(30 * var(--fld));
    height: calc(30 * var(--fld));
    font-size: calc(10 * var(--fld));
  }
}

.sequence-card {
  width: 100%;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .sequence-card {
    width: 346px;
  }
}
@media screen and (min-width: 1024px) {
  .sequence-card {
    width: 500px;
  }
}
@media screen and (min-width: 1400px) {
  .sequence-card {
    width: 620px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card {
    width: calc(620 * var(--fld));
  }
}

.sequence-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}
.sequence-card__body em {
  color: var(--clr-green-light);
  font-style: normal;
}
@media screen and (min-width: 480px) {
  .sequence-card__body {
    gap: 20px;
    font-size: 16px;
    line-height: 1;
  }
}
@media screen and (min-width: 1400px) {
  .sequence-card__body {
    gap: 35px;
    padding: 40px;
    font-size: 20px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__body {
    gap: calc(35 * var(--fld));
    padding: calc(40 * var(--fld));
    font-size: calc(20 * var(--fld));
  }
}

.sequence-card__subsections {
  display: grid;
}

.sequence-card__subsection {
  display: flex;
  flex-direction: column;
  grid-row: 1/2;
  grid-column: 1/2;
  gap: 10px;
}
@media screen and (min-width: 480px) {
  .sequence-card__subsection {
    gap: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .sequence-card__subsection {
    gap: 35px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__subsection {
    gap: calc(35 * var(--fld));
  }
}

.sequence-card__title {
  background: linear-gradient(180deg, #fff 19%, rgba(255, 255, 255, 0.29) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 500;
  font-size: 8px;
  font-family: var(--font-secondary);
  line-height: 1.2;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
}
.sequence-card__title::after {
  content: "";
  position: relative;
  display: block;
  height: 1px;
  margin-top: 5px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.32;
}
@media screen and (min-width: 480px) {
  .sequence-card__title {
    font-size: 10px;
    line-height: 1.4;
  }
  .sequence-card__title::after {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .sequence-card__title {
    font-size: 14px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__title {
    font-size: calc(14 * var(--fld));
  }
  .sequence-card__title::after {
    margin-top: calc(10 * var(--fld));
  }
}

.sequence-card__heading {
  font-weight: 400;
  font-size: 20px;
  line-height: 0.9;
}
@media screen and (min-width: 480px) {
  .sequence-card__heading {
    font-size: 24px;
  }
}
@media screen and (min-width: 1400px) {
  .sequence-card__heading {
    font-size: 36px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__heading {
    font-size: calc(36 * var(--fld));
  }
}

.sequence-card__dict {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (min-width: 1024px) {
  .sequence-card__dict {
    gap: 8px;
  }
}
@media screen and (min-width: 1400px) {
  .sequence-card__dict {
    gap: 12px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__dict {
    gap: calc(12 * var(--fld));
  }
}

@media screen and (max-width: 1023px) {
  .sequence-card__dict-item {
    position: relative;
    padding-left: 26px;
  }
  .sequence-card__dict-item::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: var(--clr-green-light);
  }
}
@media screen and (min-width: 1024px) {
  .sequence-card__dict-item {
    display: flex;
    gap: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .sequence-card__dict-term {
    display: inline;
    color: var(--clr-green-light);
  }
}
@media screen and (min-width: 1024px) {
  .sequence-card__dict-term {
    flex: 0 0 auto;
    width: 35%;
  }
}

.sequence-card__dict-detail {
  display: inline;
}
@media screen and (min-width: 1024px) {
  .sequence-card__dict-detail {
    color: var(--clr-green-light);
  }
}

.sequence-card__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sequence-card__list span {
  color: var(--clr-green-light);
  font-style: normal;
}
.sequence-card__list li {
  position: relative;
  padding-left: 26px;
}
.sequence-card__list li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--clr-green-light);
}
@media screen and (min-width: 480px) {
  .sequence-card__list {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) {
  .sequence-card__list li::before {
    top: 10px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__list {
    gap: calc(6 * var(--fld));
  }
  .sequence-card__list li {
    padding-left: calc(26 * var(--fld));
  }
  .sequence-card__list li::before {
    top: calc(10 * var(--fld));
    width: calc(6 * var(--fld));
    height: calc(6 * var(--fld));
  }
}

.sequence-card__compare-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sequence-card__compare-list li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 20px;
  padding-left: 30px;
}
.sequence-card__compare-list li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .sequence-card__compare-list li {
    min-height: 24px;
    padding-left: 34px;
  }
  .sequence-card__compare-list li::before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (min-width: 480px) {
  .sequence-card__compare-list {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) {
  .sequence-card__compare-list {
    gap: 12px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__compare-list {
    gap: calc(12 * var(--fld));
  }
  .sequence-card__compare-list li {
    min-height: calc(24 * var(--fld));
    padding-left: calc(34 * var(--fld));
  }
  .sequence-card__compare-list li::before {
    width: calc(24 * var(--fld));
    height: calc(24 * var(--fld));
  }
}

.sequence-card__compare-list--is-plus li::before {
  background-image: url(/local/templates/podshipnik/dist/images/plus-bullet.svg);
}

.sequence-card__compare-list--is-minus li::before {
  background-image: url(/local/templates/podshipnik/dist/images/minus-bullet.svg);
}

.sequence-card__subheading {
  margin-bottom: 10px;
}
@media screen and (min-width: 1900px) {
  .sequence-card__subheading {
    margin-bottom: calc(10 * var(--fld));
  }
}

.sequence-card__gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media screen and (min-width: 1400px) {
  .sequence-card__gallery {
    gap: 15px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__gallery {
    gap: calc(15 * var(--fld));
  }
}

.sequence-card__gallery-item {
  max-width: 140px;
}
@media screen and (min-width: 1900px) {
  .sequence-card__gallery-item {
    max-width: calc(140 * var(--fld));
  }
}

.sequence-card__gallery-card {
  border-radius: 8px;
}
@media screen and (min-width: 1400px) {
  .sequence-card__gallery-card {
    border-radius: calc(8 * var(--fld));
  }
}

.sequence-card__gallery-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  height: 36px;
}
.sequence-card__gallery-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 480px) {
  .sequence-card__gallery-wrap {
    height: 48px;
  }
}
@media screen and (min-width: 1400px) {
  .sequence-card__gallery-wrap {
    height: 64px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__gallery-wrap {
    height: calc(64 * var(--fld));
  }
}

.sequence-card__gallery-caption {
  margin-top: 6px;
  color: var(--clr-green-light);
  overflow-wrap: break-word;
}

.sequence-card__tip {
  border-radius: 8px;
}
@media screen and (min-width: 1900px) {
  .sequence-card__tip {
    border-radius: calc(8 * var(--fld));
  }
}

.sequence-card__tip-body {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 8px;
  color: var(--clr-green-light);
}
@media screen and (min-width: 768px) {
  .sequence-card__tip-body {
    padding: 10px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__tip-body {
    gap: calc(10 * var(--fld));
    padding: calc(10 * var(--fld));
  }
}

.sequence-card__tip-icon {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: var(--clr-bg-card-green-100);
}
.sequence-card__tip-icon .i {
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 768px) {
  .sequence-card__tip-icon {
    width: 28px;
    height: 28px;
  }
  .sequence-card__tip-icon .i {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__tip-icon {
    width: calc(28 * var(--fld));
    height: calc(28 * var(--fld));
  }
  .sequence-card__tip-icon .i {
    width: calc(16 * var(--fld));
    height: calc(16 * var(--fld));
  }
}

.sequence-card__tip-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-self: center;
}
@media screen and (min-width: 480px) {
  .sequence-card__tip-text {
    gap: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .sequence-card__tip-text {
    gap: 35px;
  }
}
@media screen and (min-width: 1900px) {
  .sequence-card__tip-text {
    gap: calc(35 * var(--fld));
  }
}

.filter {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--z-dialog);
  display: flex;
}
.filter[aria-hidden=true] {
  display: none;
}
@media screen and (min-width: 768px) {
  .filter {
    padding: 20px 34px;
  }
}
@media screen and (min-width: 1400px) {
  .filter {
    padding: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .filter {
    padding: calc(20 * var(--fld));
  }
}

.filter__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--clr-overlay);
  animation: fade-in 0.2s both;
}

.filter__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  margin: 0 0 0 auto;
  background-color: #fff;
  animation: fade-in 0.3s 0.2s both, filter-slide-left 0.3s 0.2s both;
}
@media screen and (min-width: 768px) {
  .filter__content {
    border-radius: 12px;
    background-color: var(--clr-bg-light);
    box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.12);
  }
}
@media screen and (min-width: 1024px) {
  .filter__content {
    max-width: 494px;
    border-radius: 24px;
  }
}
@media screen and (min-width: 1900px) {
  .filter__content {
    max-width: calc(494 * var(--fld));
    border-radius: calc(24 * var(--fld));
  }
}

@keyframes filter-slide-left {
  from {
    transform: translateX(20px);
  }
  to {
    transform: translateY(0);
  }
}
.filter__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.filter__header {
  display: flex;
  justify-content: space-between;
  padding: 20px 16px 0;
}
@media screen and (min-width: 768px) {
  .filter__header {
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid var(--clr-custom-outline-light);
  }
}
@media screen and (min-width: 1400px) {
  .filter__header {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 1900px) {
  .filter__header {
    padding: calc(30 * var(--fld)) calc(20 * var(--fld));
  }
}

.filter__heading {
  align-items: center;
  padding-top: 62px;
  padding-bottom: 12px;
  text-transform: uppercase;
  text-wrap: balance;
}
@media screen and (min-width: 768px) {
  .filter__heading {
    padding-top: 10px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1900px) {
  .filter__heading {
    padding-top: calc(10 * var(--fld));
  }
}

.filter__close {
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--clr-blue-dark);
  border-radius: 4px;
  background: none;
  color: var(--clr-text-primary);
  outline: none;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.filter__close:not(:disabled, .is-disabled):active {
  background: var(--clr-secondary-dark);
}
@media screen and (min-width: 1024px) {
  .filter__close:not(:disabled, .is-disabled):hover, .filter__close:not(:disabled, .is-disabled):focus-visible {
    background: var(--clr-secondary-dark);
  }
}

.filter__footer {
  display: flex;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  padding: 16px;
  border-top: 1px solid var(--clr-custom-outline-light);
}
@media screen and (min-width: 768px) {
  .filter__footer {
    grid-template-columns: repeat(auto-fit, 145px);
    justify-content: end;
    padding: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .filter__footer {
    grid-template-columns: repeat(auto-fit, 145px);
    padding: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .filter__footer {
    grid-template-columns: repeat(auto-fit, calc(145 * var(--fld)));
    padding: calc(20 * var(--fld));
  }
}

.filter__btn {
  width: auto;
}

.filter__main {
  position: relative;
  display: grid;
  flex-grow: 1;
  grid-template-columns: 100%;
  gap: 24px;
  align-content: start;
  overflow-y: auto;
  padding: 12px 16px 40px;
}
@media screen and (min-width: 768px) {
  .filter__main {
    padding: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .filter__main {
    gap: calc(24 * var(--fld));
    padding: calc(20 * var(--fld));
  }
}

.filter__group-title {
  position: relative;
  margin-bottom: 12px;
  padding-right: 36px;
  font-weight: 400;
  font-size: 14px;
  font-family: var(--font-secondary);
  line-height: 1.14286;
  text-wrap: balance;
}
@media screen and (min-width: 768px) {
  .filter__group-title {
    max-width: -moz-max-content;
    max-width: max-content;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1900px) {
  .filter__group-title {
    margin-bottom: calc(12 * var(--fld));
    padding-right: calc(36 * var(--fld));
    font-size: calc(15 * var(--fld));
  }
}

.filter__tooltip {
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .filter__tooltip {
    right: 0;
  }
}

.filter__elements {
  display: grid;
  grid-template-columns: 100%;
  gap: 6px;
}
@media screen and (min-width: 1400px) {
  .filter__elements {
    gap: 10px;
  }
}
@media screen and (min-width: 1900px) {
  .filter__elements {
    gap: calc(10 * var(--fld));
  }
}

.catalog-carousel {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 20px 0;
  padding-top: 105px;
  padding-bottom: 20px;
  background: #fff;
}
@media screen and (min-width: 480px) {
  .catalog-carousel {
    padding-top: 115px;
  }
}
@media screen and (min-width: 768px) {
  .catalog-carousel {
    padding-top: 150px;
  }
}
@media screen and (min-width: 1400px) {
  .catalog-carousel {
    padding-top: 140px;
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 1900px) {
  .catalog-carousel {
    padding-top: calc(140 * var(--fld));
    padding-bottom: calc(64 * var(--fld));
  }
}

.catalog-carousel__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .catalog-carousel__top {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1900px) {
  .catalog-carousel__top {
    margin-bottom: calc(24 * var(--fld));
  }
}

.catalog-carousel__heading {
  font-weight: 400;
  font-size: 22px;
  font-family: var(--font-secondary);
  line-height: 1.1;
}
@media screen and (min-width: 768px) {
  .catalog-carousel__heading {
    font-size: 28px;
    line-height: 1;
  }
}
@media screen and (min-width: 1400px) {
  .catalog-carousel__heading {
    font-size: 36px;
  }
}
@media screen and (min-width: 1900px) {
  .catalog-carousel__heading {
    font-size: calc(36 * var(--fld));
  }
}

.catalog-carousel__swiper {
  overflow: visible;
}

.catalog-carousel__item {
  display: flex;
  width: 240px;
  height: auto;
}
.catalog-carousel__item[hidden] {
  display: none;
}
@media screen and (min-width: 480px) {
  .catalog-carousel__item {
    width: 255px;
  }
}
@media screen and (min-width: 768px) {
  .catalog-carousel__item {
    width: 304px;
  }
}
@media screen and (min-width: 1400px) {
  .catalog-carousel__item {
    width: 335px;
  }
}
@media screen and (min-width: 1900px) {
  .catalog-carousel__item {
    width: calc(335 * var(--fld));
  }
}

.catalog-carousel__bottom {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .catalog-carousel__bottom {
    justify-content: space-between;
    margin-top: 24px;
  }
}
@media screen and (min-width: 1900px) {
  .catalog-carousel__bottom {
    margin-top: calc(24 * var(--fld));
  }
}

.catalog-carousel__navigation {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .catalog-carousel__navigation {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .catalog-carousel__navigation {
    gap: calc(15 * var(--fld));
  }
}

.contact {
  overflow: hidden;
  padding-top: 130px;
  padding-bottom: 40px;
  color: #fff;
}
@media screen and (min-width: 1400px) {
  .contact {
    padding-top: 200px;
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 1900px) {
  .contact {
    padding-top: calc(200 * var(--fld));
    padding-bottom: calc(64 * var(--fld));
  }
}

.contact__body {
  margin: 0 var(--sz-sidegap);
}
@media screen and (max-width: 767px) {
  .contact__body {
    border-radius: 0;
  }
  .contact__body > .transparent-card__blur-bg,
  .contact__body > .transparent-card__dots-bg {
    display: none;
  }
  .contact__body > .transparent-card__inner::before {
    display: none;
  }
}

.contact__layout {
  display: grid;
  grid-template: "info" "form" "btn" 1fr/minmax(0, 1fr);
}
@media screen and (min-width: 768px) {
  .contact__layout {
    grid-template: "info" "btn" "form" 1fr/minmax(0, 1fr);
    padding: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .contact__layout {
    grid-template: "before form" 1fr "info   form" "btn    form" "after  form" 1fr/400px 500px;
    justify-content: space-between;
    align-items: start;
    padding: 24px;
  }
  .contact__layout::before {
    content: "";
    display: block;
    grid-area: before;
  }
  .contact__layout::after {
    content: "";
    display: block;
    grid-area: after;
  }
}
@media screen and (min-width: 1400px) {
  .contact__layout {
    grid-template: "before form" 1fr "info   form" "btn    form" "after  form" 1fr/484px 608px;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
  }
}
@media screen and (min-width: 1900px) {
  .contact__layout {
    grid-template: "before form" 1fr "info   form" "btn    form" "after  form" 1fr/calc(484 * var(--fld)) calc(608 * var(--fld));
    padding: calc(30 * var(--fld));
  }
}

.contact__bearings {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 100vw;
  height: 800px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.contact__bearing-1,
.contact__bearing-2,
.contact__bearing-3 {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  transform: translateX(-50%);
}
.contact__bearing-1 img,
.contact__bearing-2 img,
.contact__bearing-3 img {
  display: block;
  width: 100%;
  height: auto;
}

.contact__bearing-1 {
  bottom: 395px;
  width: 200px;
  transform: translateX(calc(-50% + 8px));
}
@media screen and (min-width: 480px) {
  .contact__bearing-1 {
    bottom: 340px;
    width: 305px;
    transform: translateX(calc(-50% + 15px));
  }
}
@media screen and (min-width: 768px) {
  .contact__bearing-1 {
    bottom: 190px;
    width: 300px;
    transform: translateX(calc(-50% + 190px));
  }
}
@media screen and (min-width: 1024px) {
  .contact__bearing-1 {
    bottom: -120px;
    width: 300px;
    transform: translateX(calc(-50% + 42px));
  }
}
@media screen and (min-width: 1400px) {
  .contact__bearing-1 {
    bottom: -120px;
    width: 345px;
    transform: translateX(calc(-50% + 22px));
  }
}
@media screen and (min-width: 1900px) {
  .contact__bearing-1 {
    bottom: calc(-120 * var(--fld));
    width: calc(349 * var(--fld));
    transform: translateX(calc(-50% + -30 * var(--fld)));
  }
}

.contact__bearing-2 {
  bottom: 570px;
  left: calc(50% - 100px);
  width: 70px;
}
@media screen and (min-width: 480px) {
  .contact__bearing-2 {
    bottom: 613px;
    left: calc(50% - 146px);
    width: 95px;
  }
}
@media screen and (min-width: 768px) {
  .contact__bearing-2 {
    bottom: 500px;
    left: calc(50% + 85px);
    width: 130px;
  }
}
@media screen and (min-width: 1024px) {
  .contact__bearing-2 {
    bottom: 235px;
    left: calc(50% - 55px);
    width: 130px;
  }
}
@media screen and (min-width: 1400px) {
  .contact__bearing-2 {
    bottom: 235px;
    left: calc(50% - 95px);
    width: 150px;
  }
}
@media screen and (min-width: 1900px) {
  .contact__bearing-2 {
    bottom: calc(235 * var(--fld));
    left: calc(50% + -151 * var(--fld));
    width: calc(150 * var(--fld));
  }
}

.contact__bearing-3 {
  bottom: 560px;
  left: calc(50% + 105px);
  width: 110px;
}
@media screen and (min-width: 480px) {
  .contact__bearing-3 {
    bottom: 590px;
    left: calc(50% + 155px);
    width: 170px;
  }
}
@media screen and (min-width: 768px) {
  .contact__bearing-3 {
    bottom: 544px;
    left: calc(50% + 279px);
    width: 221px;
  }
}
@media screen and (min-width: 1024px) {
  .contact__bearing-3 {
    bottom: 254px;
    left: calc(50% + 171px);
    width: 221px;
  }
}
@media screen and (min-width: 1400px) {
  .contact__bearing-3 {
    bottom: 284px;
    left: calc(50% + 131px);
    width: 257px;
  }
}
@media screen and (min-width: 1900px) {
  .contact__bearing-3 {
    bottom: calc(283 * var(--fld));
    left: calc(50% + 78 * var(--fld));
    width: calc(260 * var(--fld));
  }
}

.contact__info {
  grid-area: info;
  margin-bottom: 230px;
}
@media screen and (min-width: 480px) {
  .contact__info {
    margin-bottom: 240px;
  }
}
@media screen and (min-width: 768px) {
  .contact__info {
    margin-bottom: 0;
  }
}

.contact__heading {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 15px;
  background: linear-gradient(172deg, #fff 19%, rgba(255, 255, 255, 0.29) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  font-weight: 400;
  font-size: 22px;
  font-family: var(--font-secondary);
  line-height: 1.1;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
@media screen and (min-width: 480px) {
  .contact__heading {
    font-size: 22px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 768px) {
  .contact__heading {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1;
  }
}
@media screen and (min-width: 1400px) {
  .contact__heading {
    margin-bottom: 35px;
    font-size: 36px;
    line-height: 1;
  }
}
@media screen and (min-width: 1900px) {
  .contact__heading {
    margin-bottom: calc(35 * var(--fld));
    font-size: calc(36 * var(--fld));
    line-height: 1;
  }
}

.contact__text {
  max-width: 50ch;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .contact__text {
    max-width: 34ch;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .contact__text {
    max-width: 40ch;
  }
}
@media screen and (min-width: 1400px) {
  .contact__text {
    max-width: 50ch;
    margin-bottom: 35px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .contact__text {
    margin-bottom: calc(35 * var(--fld));
    font-size: calc(20 * var(--fld));
  }
}

.contact__form {
  position: relative;
  z-index: 2;
  grid-area: form;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .contact__form {
    margin-top: 50px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .contact__form {
    margin: 0;
  }
}

.contact__form-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .contact__form-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    padding: 30px 30px 7px;
  }
}
@media screen and (min-width: 1400px) {
  .contact__form-body {
    padding: 30px;
  }
}
@media screen and (min-width: 1900px) {
  .contact__form-body {
    gap: calc(16 * var(--fld));
    padding: calc(30 * var(--fld));
  }
}

.contact__form-textarea textarea {
  min-height: 140px;
}
@media screen and (min-width: 768px) {
  .contact__form-textarea {
    grid-column: span 2;
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 1900px) {
  .contact__form-textarea textarea {
    min-height: calc(140 * var(--fld));
  }
}

.contact__form-policy {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .contact__form-policy {
    align-self: center;
    margin-top: 0;
  }
}

.contact__form-submit {
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .contact__form-submit {
    align-self: center;
    justify-self: end;
    width: -moz-max-content;
    width: max-content;
    margin-top: 0;
  }
}

.contact__to-site-btn {
  grid-area: btn;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contact__to-site-btn {
    width: 251px;
  }
}
@media screen and (min-width: 1900px) {
  .contact__to-site-btn {
    width: calc(251 * var(--fld));
  }
}

.product-card {
  --lines-color: rgb(0 0 0 / 20%);
  --dash-height: 16px;
  --dash-width: 1px;
  --dash-gap: 15px;
  --bullet-size: 24px;
  --bullet-offset: 4px;
  --_dash-step: calc(var(--dash-width) + var(--dash-gap));
  position: relative;
  display: block;
  width: 100%;
  padding-right: 20px;
  padding-bottom: 32px;
  padding-left: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .product-card {
    --dash-height: 32px;
    --dash-width: 1px;
    --dash-gap: 15px;
    --bullet-size: 30px;
    --bullet-offset: 1px;
    padding-right: 40px;
    padding-bottom: 64px;
    padding-left: 50px;
  }
}
@media screen and (min-width: 1900px) {
  .product-card {
    --dash-height: calc(32 * var(--fld));
    --dash-width: calc(1 * var(--fld));
    --dash-gap: calc(15 * var(--fld));
    --bullet-size: calc(30 * var(--fld));
    --bullet-offset: calc(1 * var(--fld));
    padding-right: calc(40 * var(--fld));
    padding-bottom: calc(64 * var(--fld));
    padding-left: calc(50 * var(--fld));
  }
}

.product-card__bullet {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/local/templates/podshipnik/dist/images/bullet2.svg);
  background-position: left var(--bullet-offset) top 0;
  background-size: var(--bullet-size) var(--bullet-size);
  background-repeat: no-repeat;
  pointer-events: none;
}

.product-card__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, var(--lines-color) 0 var(--dash-width), transparent var(--dash-width) var(--_dash-step));
  background-position: left var(--_dash-step) top var(--bullet-size);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}

.product-card__dashes {
  position: absolute;
  top: 0;
  left: calc(var(--_dash-step) * 2);
  width: calc(100% - var(--_dash-step));
  height: 100%;
  background-image: repeating-linear-gradient(90deg, var(--lines-color) 0 var(--dash-width), transparent var(--dash-width) var(--_dash-step));
  background-position: left 0 bottom 0;
  background-size: var(--_dash-step) var(--dash-height);
  background-repeat: repeat-x;
  pointer-events: none;
}

.product-card__picture-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid var(--clr-custom-outline-light);
  border-radius: 12px;
  background: var(--clr-bg-card-light);
}
.product-card__picture-wrap::before {
  content: "";
  display: block;
  padding-top: 116.6666666667%;
}
@media screen and (min-width: 1900px) {
  .product-card__picture-wrap {
    margin-bottom: calc(10 * var(--fld));
    border-radius: calc(12 * var(--fld));
  }
}

.product-card__picture {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.product-card__picture img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.product-card__picture::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity var(--t);
  backdrop-filter: blur(20px);
}
.product-card__picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/local/templates/podshipnik/dist/images/card-dots.png) repeat;
  opacity: 0;
  transition: opacity var(--t);
}
@media screen and (min-width: 1024px) {
  .product-card:hover .product-card__picture::before, .product-card:hover .product-card__picture::after, .product-card:focus-visible .product-card__picture::before, .product-card:focus-visible .product-card__picture::after {
    opacity: 1;
  }
}

.product-card__more {
  --_offset: 10px;
  position: absolute;
  top: 50%;
  left: var(--_offset);
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - var(--_offset) * 2);
  min-height: 40px;
  padding: 9px 15px;
  border: 1px solid transparent;
  border-color: var(--clr-custom-outline-light);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
  color: var(--clr-text-primary);
  font-weight: 500;
  font-size: var(--fs-400);
  line-height: 1.25;
  opacity: 0;
  transition: opacity var(--t), color var(--t);
  transform: translateY(-50%);
}
.product-card__more .i {
  margin-left: 3px;
}
@media screen and (min-width: 1024px) {
  .product-card:hover .product-card__more, .product-card:focus-visible .product-card__more {
    opacity: 1;
  }
  .product-card__more:hover {
    color: var(--clr-primary-main);
  }
}
@media screen and (min-width: 1400px) {
  .product-card__more {
    --_offset: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .product-card__more {
    --_offset: calc(20 * var(--fld));
    min-height: calc(40 * var(--fld));
    padding: calc(9 * var(--fld)) calc(15 * var(--fld));
    border-radius: calc(6 * var(--fld));
  }
  .product-card__more .i {
    margin-left: calc(3 * var(--fld));
  }
}

.product-card__category {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin-bottom: 10px;
  padding: 6px 8px;
  border: 1px solid var(--clr-custom-outline-light);
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .product-card__category {
    padding: 6px 12px;
  }
}
@media screen and (min-width: 1900px) {
  .product-card__category {
    margin-bottom: calc(10 * var(--fld));
    padding: calc(6 * var(--fld)) calc(12 * var(--fld));
    border-radius: calc(4 * var(--fld));
  }
}

.product-card__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 0.9;
}
@media screen and (min-width: 768px) {
  .product-card__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1900px) {
  .product-card__title {
    font-size: calc(24 * var(--fld));
  }
}

.delivery {
  position: relative;
  overflow: hidden;
  padding-top: 105px;
}
@media screen and (min-width: 480px) {
  .delivery {
    padding-top: 115px;
  }
}
@media screen and (min-width: 768px) {
  .delivery {
    padding-top: 150px;
  }
}
@media screen and (min-width: 1400px) {
  .delivery {
    padding-top: 140px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery {
    padding-top: calc(140 * var(--fld));
  }
}

.delivery__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  width: 738px;
  transform: translate(-50%, -50%);
}
.delivery__bg img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .delivery__bg {
    width: 916px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery__bg {
    width: calc(916 * var(--fld));
  }
}

.delivery__layout {
  display: grid;
  grid-template: "heading" "swiper" "btn" 1fr/minmax(0, 1fr);
  align-items: start;
  margin: 0 var(--sz-sidegap);
  color: #fff;
}
@media screen and (min-width: 768px) {
  .delivery__layout {
    grid-template: "heading btn" "swiper  swiper" 1fr/1fr max-content;
    gap: 32px;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .delivery__layout {
    grid-template: "heading btn" "swiper  swiper" "steps   steps" 1fr/1fr max-content;
  }
}
@media screen and (min-width: 1900px) {
  .delivery__layout {
    gap: calc(32 * var(--fld));
  }
}

.delivery__heading {
  grid-area: heading;
  margin-bottom: 30px;
  background: linear-gradient(172deg, #fff 19%, rgba(255, 255, 255, 0.29) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  font-weight: 400;
  font-size: 22px;
  font-family: var(--font-secondary);
  line-height: 1.1;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
@media screen and (min-width: 480px) {
  .delivery__heading {
    font-size: 22px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 768px) {
  .delivery__heading {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 1;
  }
}
@media screen and (min-width: 1400px) {
  .delivery__heading {
    font-size: 36px;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1900px) {
  .delivery__heading {
    font-size: calc(36 * var(--fld));
    line-height: 1.1;
  }
}

.delivery__swiper {
  grid-area: swiper;
  overflow: visible;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .delivery__swiper {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .delivery__swiper .swiper-pagination {
    display: none;
  }
}

.delivery__calc-btn {
  grid-area: btn;
  width: 100%;
}
@media screen and (max-width: 389px) {
  .delivery__calc-btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .delivery__calc-btn {
    justify-self: end;
    width: -moz-max-content;
    width: max-content;
  }
}

.delivery__item {
  display: flex;
  height: auto;
}
@media screen and (min-width: 768px) {
  .delivery__item {
    width: 300px;
  }
}

.delivery__card-body {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .delivery__card-body {
    padding: 25px;
  }
}
@media screen and (min-width: 1400px) {
  .delivery__card-body {
    padding: 30px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery__card-body {
    padding: calc(30 * var(--fld));
  }
}

.delivery__icon {
  margin-bottom: 20px;
  color: var(--clr-green-light);
}
@media screen and (min-width: 1900px) {
  .delivery__icon {
    margin-bottom: calc(20 * var(--fld));
  }
}

.delivery__title {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 22px;
  line-height: 0.9;
}
@media screen and (min-width: 480px) {
  .delivery__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1400px) {
  .delivery__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery__title {
    margin-bottom: calc(24 * var(--fld));
    font-size: calc(28 * var(--fld));
  }
}

.delivery__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.1;
}
@media screen and (min-width: 480px) {
  .delivery__text {
    line-height: 1.2;
  }
}
@media screen and (min-width: 1900px) {
  .delivery__text {
    font-size: calc(16 * var(--fld));
  }
}

.delivery__steps {
  position: relative;
  display: flex;
  grid-area: steps;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
.delivery__steps::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12.5%;
  left: 12.5%;
  z-index: -1;
  display: block;
  height: 1px;
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.3) 5px, transparent 5px, transparent 10px);
  transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  .delivery__steps {
    display: none;
  }
}

.delivery__step {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  color: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 700;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}
.delivery__step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(4, 25, 57, 0.3);
  transition: background-color var(--t);
  backdrop-filter: blur(4px);
  -webkit-mask: url(/local/templates/podshipnik/dist/images/hex-bullet-fill.svg) no-repeat center/100% 100%;
          mask: url(/local/templates/podshipnik/dist/images/hex-bullet-fill.svg) no-repeat center/100% 100%;
}
@media screen and (min-width: 1900px) {
  .delivery__step {
    width: calc(30 * var(--fld));
    height: calc(30 * var(--fld));
    font-size: calc(10 * var(--fld));
  }
}

.delivery__step-outline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-custom-outline-green-400);
  opacity: 1;
  transition: background-color var(--t);
  -webkit-mask: url(/local/templates/podshipnik/dist/images/hex-bullet-outline.svg) no-repeat center/100% 100%;
          mask: url(/local/templates/podshipnik/dist/images/hex-bullet-outline.svg) no-repeat center/100% 100%;
}

.delivery-calculator[data-section-visible=form] {
  --dialog-max-width: 460px;
}
@media screen and (min-width: 1400px) {
  .delivery-calculator[data-section-visible=form] {
    --dialog-max-width: 477px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator[data-section-visible=form] {
    --dialog-max-width: calc(477 * var(--fld));
  }
}
.delivery-calculator[data-section-visible=table] {
  --dialog-max-width: 700px;
}
@media screen and (min-width: 1400px) {
  .delivery-calculator[data-section-visible=table] {
    --dialog-max-width: 980px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator[data-section-visible=table] {
    --dialog-max-width: calc(980 * var(--fld));
  }
}

.delivery-calculator__locations {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--clr-bg-card-light);
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__locations {
    margin-top: calc(20 * var(--fld));
    padding-top: calc(20 * var(--fld));
  }
}

.delivery-calculator__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: end;
  height: 50px;
  color: var(--clr-primary-main);
}
@media screen and (max-width: 767px) {
  .delivery-calculator__arrow {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__arrow {
    height: calc(50 * var(--fld));
  }
}

.delivery-calculator__params {
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--clr-bg-card-light);
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__params {
    margin-top: calc(20 * var(--fld));
    padding-top: calc(20 * var(--fld));
  }
}

.delivery-calculator__params-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 15px;
  align-items: start;
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__params-layout {
    gap: calc(15 * var(--fld));
  }
}

.delivery-calculator__legend {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 0.9;
}
@media screen and (min-width: 768px) {
  .delivery-calculator__legend {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__legend {
    margin-bottom: calc(15 * var(--fld));
    font-size: calc(20 * var(--fld));
  }
}

.delivery-calculator__dimensions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 10px;
}
@media screen and (min-width: 768px) {
  .delivery-calculator__dimensions {
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr);
    grid-row: span 2;
    gap: 15px 0;
  }
  .delivery-calculator__dimensions > :last-child {
    grid-column: 1/-1;
  }
}

.delivery-calculator__cross {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: end;
  height: 40px;
  color: var(--clr-bg-card-light);
}
@media screen and (max-width: 767px) {
  .delivery-calculator__cross {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__cross {
    height: calc(40 * var(--fld));
  }
}

.delivery-calculator__buttons {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 15px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--clr-bg-card-light);
}
@media screen and (min-width: 768px) {
  .delivery-calculator__buttons {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__buttons {
    gap: calc(20 * var(--fld));
    margin-top: calc(20 * var(--fld));
    padding-top: calc(20 * var(--fld));
  }
}

.delivery-calculator__submit {
  width: 100%;
}

.delivery-calculator__reset {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .delivery-calculator__reset {
    order: -1;
  }
}

.delivery-calculator__table-wrap {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--clr-bg-card-light);
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__table-wrap {
    margin-top: calc(20 * var(--fld));
    padding-top: calc(20 * var(--fld));
  }
}

.delivery-calculator__table {
  width: 100%;
  border-collapse: collapse;
}
.delivery-calculator__table th {
  color: var(--clr-dark-screen-700);
  text-align: left;
}
.delivery-calculator__table th:first-of-type,
.delivery-calculator__table td:first-of-type {
  text-align: left;
}
.delivery-calculator__table th:last-of-type,
.delivery-calculator__table td:last-of-type {
  text-align: right;
}
.delivery-calculator__table tbody td {
  vertical-align: middle;
  padding: 10px 0;
  border-bottom: 1px solid var(--clr-secondary-main);
  text-align: left;
}
@media screen and (min-width: 768px) {
  .delivery-calculator__table tbody td {
    padding: 15px 0;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__table tbody td {
    padding: calc(15 * var(--fld)) 0;
  }
}

.delivery-calculator__cell-company {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
}
@media screen and (min-width: 768px) {
  .delivery-calculator__cell-company {
    width: 40%;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__cell-company {
    font-size: calc(16 * var(--fld));
  }
}

.delivery-calculator__company {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__company {
    gap: calc(10 * var(--fld));
  }
}

.delivery-calculator__logo {
  display: block;
  width: 50px;
  height: 28px;
  border: 1px solid var(--clr-secondary-main);
  border-radius: 5px;
}
.delivery-calculator__logo img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .delivery-calculator__logo {
    width: 60px;
    height: 32px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__logo {
    width: calc(60 * var(--fld));
    height: calc(32 * var(--fld));
  }
}

.delivery-calculator__cell-price {
  color: var(--blue-dark);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  opacity: 0.3;
}
@media screen and (max-width: 767px) {
  .delivery-calculator__cell-price {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .delivery-calculator__cell-price {
    width: 20%;
  }
}
@media screen and (min-width: 1400px) {
  .delivery-calculator__cell-price {
    width: 25%;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__cell-price {
    font-size: calc(18 * var(--fld));
  }
}

.delivery-calculator__duration {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  line-height: 1.14286;
}
@media screen and (min-width: 768px) {
  .delivery-calculator__duration {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1900px) {
  .delivery-calculator__duration {
    gap: calc(10 * var(--fld));
    font-size: calc(16 * var(--fld));
  }
}

.delivery__learn {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid var(--clr-secondary-main);
  border-radius: 10px;
  background: var(--clr-bg-light);
}
@media screen and (min-width: 480px) {
  .delivery__learn {
    padding: 30px 15px;
  }
}
@media screen and (min-width: 768px) {
  .delivery__learn {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 1900px) {
  .delivery__learn {
    padding: calc(20 * var(--fld)) calc(30 * var(--fld));
  }
}

.delivery__learn-heading {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 28px;
  line-height: 0.9;
}
@media screen and (min-width: 1900px) {
  .delivery__learn-heading {
    margin-bottom: calc(10 * var(--fld));
    font-size: calc(28 * var(--fld));
  }
}

.delivery__learn-text {
  margin-bottom: 20px;
  color: var(--clr-custom-plan);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
}
@media screen and (min-width: 1900px) {
  .delivery__learn-text {
    margin-bottom: calc(20 * var(--fld));
    font-size: calc(16 * var(--fld));
  }
}

.delivery__learn-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .delivery__learn-fields {
    grid-template-columns: 142fr 142fr 315fr;
  }
}
@media screen and (min-width: 1024px) {
  .delivery__learn-fields {
    grid-template-columns: 282fr 282fr 315fr;
  }
}
@media screen and (min-width: 1900px) {
  .delivery__learn-fields {
    gap: calc(10 * var(--fld));
  }
}

.p404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px var(--sz-sidegap) 60px;
  text-align: center;
}
@media screen and (min-width: 1400px) {
  .p404 {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1900px) {
  .p404 {
    margin-top: calc(40 * var(--fld));
    margin-bottom: calc(60 * var(--fld));
  }
}

.p404__404 {
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  justify-items: center;
  width: 83%;
  margin-bottom: 24px;
}
@media screen and (min-width: 1400px) {
  .p404__404 {
    width: 592px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1900px) {
  .p404__404 {
    width: calc(595 * var(--fld));
  }
}

.p404__numbers {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
}

.p404__profile {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
}
.p404__profile img {
  width: 100%;
}

.p404__heading {
  margin-bottom: 4px;
}
@media screen and (min-width: 1900px) {
  .p404__heading {
    margin-bottom: calc(4 * var(--fld));
  }
}

.p404__text {
  margin-bottom: 16px;
  color: var(--clr-text-secondary);
}
@media screen and (min-width: 1900px) {
  .p404__text {
    margin-bottom: calc(16 * var(--fld));
  }
}

.product {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .product {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1400px) {
  .product {
    margin-top: -4px;
  }
}

.product__back-btn {
  margin-bottom: 22px;
}
@media screen and (min-width: 1400px) {
  .product__back-btn {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .product__back-btn {
    margin-bottom: calc(20 * var(--fld));
  }
}

.product__top {
  display: flex;
  vertical-align: middle;
  flex-flow: column wrap;
  gap: 10px;
  margin-bottom: 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--clr-bg-card-light);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .product__top {
    flex-direction: row;
    gap: 16px;
    align-items: center;
    margin-bottom: 32px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1900px) {
  .product__top {
    gap: calc(16 * var(--fld));
    margin-bottom: calc(32 * var(--fld));
    padding-bottom: calc(24 * var(--fld));
  }
}

.product__top-heading {
  width: 100%;
  color: var(--clr-blue-dark);
  font-weight: 500;
  font-size: var(--fs-800);
  font-size: 28px;
  line-height: 0.9;
  text-transform: none;
}
@media screen and (min-width: 1400px) {
  .product__top-heading {
    font-size: 36px;
  }
}
@media screen and (min-width: 1900px) {
  .product__top-heading {
    font-size: calc(36 * var(--fld));
  }
}

.product__top-article {
  color: var(--clr-text-secondary);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
}
@media screen and (min-width: 768px) {
  .product__top-article {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0;
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) {
  .product__top-article {
    font-size: 18px;
  }
}
@media screen and (min-width: 1900px) {
  .product__top-article {
    font-size: calc(18 * var(--fld));
  }
}

.product__top-tiles {
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 1400px) {
  .product__top-tiles {
    gap: 16px;
  }
}
@media screen and (min-width: 1900px) {
  .product__top-tiles {
    gap: calc(16 * var(--fld));
  }
}

.product__top-tile {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 30px;
  padding: 5px 7px;
  border: 1px solid var(--clr-custom-outline-light);
  border-radius: 4px;
  color: var(--clr-blue-dark);
  font-size: 16px;
  line-height: 1.125;
}
@media screen and (min-width: 768px) {
  .product__top-tile {
    min-height: 32px;
    padding: 6px 12px;
  }
}
@media screen and (min-width: 1900px) {
  .product__top-tile {
    min-height: calc(32 * var(--fld));
    padding: calc(6 * var(--fld)) calc(12 * var(--fld));
    border-radius: calc(4 * var(--fld));
    font-size: calc(16 * var(--fld));
  }
}

.product__layout {
  display: grid;
  grid-template: "showcase" "desc-and-checkout" "specs" 1fr/100%;
  justify-content: space-between;
  align-items: start;
}
@media screen and (min-width: 768px) {
  .product__layout {
    grid-template: "showcase desc-and-checkout" "specs specs" 1fr/minmax(0, 8fr) minmax(0, 10fr);
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .product__layout {
    grid-template: "showcase desc-and-checkout specs" 1fr/minmax(0, 1fr) minmax(0, 25%) minmax(0, 1fr);
    align-items: stretch;
  }
}
@media screen and (min-width: 1900px) {
  .product__layout {
    grid-template: "showcase desc-and-checkout specs" 1fr/minmax(0, 1fr) minmax(0, 34%) minmax(0, 1fr);
  }
}

.product__showcase {
  grid-area: showcase;
  margin-bottom: 22px;
}
@media screen and (min-width: 768px) {
  .product__showcase {
    margin-bottom: 0;
  }
}

.product__desc-and-checkout {
  display: flex;
  flex-direction: column;
  grid-area: desc-and-checkout;
  gap: 40px;
}
@media screen and (min-width: 768px) {
  .product__desc-and-checkout {
    gap: 10px;
    justify-content: space-between;
    height: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .product__desc-and-checkout {
    gap: 22px;
    justify-content: initial;
    height: initial;
  }
}
@media screen and (min-width: 1900px) {
  .product__desc-and-checkout {
    gap: calc(18 * var(--fld));
  }
}

.product__checkout {
  order: -1;
}
@media screen and (min-width: 768px) {
  .product__checkout {
    order: 1;
  }
}
@media screen and (min-width: 1200px) {
  .product__checkout {
    margin-top: auto;
  }
}

.product__checkout-title {
  margin-bottom: 10px;
  color: var(--clr-dark-screen-700);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14286;
}
@media screen and (min-width: 1900px) {
  .product__checkout-title {
    margin-bottom: calc(10 * var(--fld));
    font-size: calc(14 * var(--fld));
  }
}

.product__checkout-value {
  margin-bottom: 20px;
  color: #06f;
  font-weight: 400;
  font-size: 28px;
  font-family: var(--font-secondary);
  line-height: 1;
}
@media screen and (min-width: 1400px) {
  .product__checkout-value {
    font-size: 32px;
  }
}
@media screen and (min-width: 1900px) {
  .product__checkout-value {
    margin-bottom: calc(20 * var(--fld));
    font-size: calc(32 * var(--fld));
  }
}

.product__checkout-buttons {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .product__checkout-buttons {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.product__main-site-btn {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .product__main-site-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.product__checkout-btn-wrap {
  display: flex;
  gap: 10px;
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .product__checkout-btn-wrap {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .product__checkout-btn-wrap {
    gap: calc(10 * var(--fld));
    margin-bottom: calc(20 * var(--fld));
  }
}

.product__checkout-btn {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .product__checkout-btn {
    width: 218px;
  }
}
@media screen and (min-width: 1900px) {
  .product__checkout-btn {
    width: calc(218 * var(--fld));
  }
}

.product__checkout-btn + .quantity-input {
  flex: 1;
}

.product__desc-title {
  margin-bottom: 10px;
  color: var(--clr-dark-screen-700);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14286;
}
@media screen and (min-width: 1900px) {
  .product__desc-title {
    margin-bottom: calc(10 * var(--fld));
    font-size: calc(14 * var(--fld));
  }
}

.product__desc-text {
  color: var(--clr-blue-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
}
@media screen and (min-width: 480px) {
  .product__desc-text {
    line-height: 1.125;
  }
}
@media screen and (min-width: 1400px) {
  .product__desc-text {
    font-size: 18px;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1900px) {
  .product__desc-text {
    font-size: calc(18 * var(--fld));
  }
}

.product__specs-and-drafts {
  display: flex;
  flex-direction: column;
  grid-area: specs;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .product__specs-and-drafts {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1200px) {
  .product__specs-and-drafts {
    margin-top: 0;
  }
}

.product__specs {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .product__specs {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .product__specs {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1900px) {
  .product__specs {
    margin-bottom: calc(24 * var(--fld));
  }
}

.product__drafts {
  display: grid;
  grid-template-columns: 141fr 128fr;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 480px) {
  .product__drafts {
    grid-template-columns: 33% 1fr;
  }
}
@media screen and (min-width: 768px) {
  .product__drafts {
    grid-template-columns: 8fr 10fr;
    gap: 40px;
    order: -1;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .product__drafts {
    grid-template-columns: 1fr max-content;
    gap: 24px;
    order: 1;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1900px) {
  .product__drafts {
    gap: calc(24 * var(--fld));
  }
}

.product__drafts-img {
  width: 100%;
  max-width: 160px;
}
@media screen and (min-width: 768px) {
  .product__drafts-img {
    max-width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .product__drafts-img {
    max-width: 220px;
  }
}
@media screen and (min-width: 1900px) {
  .product__drafts-img {
    max-width: calc(220 * var(--fld));
  }
}

.product__drafts-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-end;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .product__drafts-buttons {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
@media screen and (min-width: 1900px) {
  .product__drafts-buttons {
    gap: calc(12 * var(--fld));
  }
}

.product__drafts-btn {
  display: flex;
  width: 100%;
  min-width: 150px;
}
@media screen and (min-width: 1900px) {
  .product__drafts-btn {
    min-width: calc(150 * var(--fld));
  }
}

@media screen and (min-width: 1200px) {
  .product__draft-link {
    order: -1;
  }
}

.specs {
  position: relative;
}

.specs.is-expanded {
  z-index: 2;
}

.specs__content {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .specs.is-expanded .specs__content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
}

.specs__heading {
  margin-bottom: 10px;
  color: var(--clr-dark-screen-700);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14286;
}
@media screen and (min-width: 1900px) {
  .specs__heading {
    margin-bottom: calc(10 * var(--fld));
    font-size: calc(14 * var(--fld));
  }
}

.specs__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  background-color: var(--clr-bg-card-light);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14286;
}
@media screen and (min-width: 768px) {
  .specs__card {
    padding: 16px 14px;
    font-size: 16px;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1400px) {
  .specs__card {
    padding: 16px 24px;
    font-size: 18px;
    line-height: 1.22;
  }
}
@media screen and (min-width: 1900px) {
  .specs__card {
    padding: calc(16 * var(--fld)) calc(24 * var(--fld));
    border-radius: calc(5 * var(--fld));
    font-size: calc(18 * var(--fld));
  }
}

@media screen and (min-width: 1200px) {
  .specs__table {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1900px) {
  .specs__table {
    padding-bottom: calc(44 * var(--fld));
  }
}

.specs__title {
  color: var(--clr-dark-screen-700);
}

.specs__value {
  text-align: end;
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
  .specs__table {
    display: flex;
    flex-direction: row;
    gap: 40px;
  }
  .specs__table > * {
    width: 50%;
  }
}
.specs__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3px;
}
@media screen and (min-width: 1900px) {
  .specs__item {
    margin-bottom: calc(3 * var(--fld));
  }
}

.specs__item[hidden] {
  display: none;
}

.specs__more-btn {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding: 0 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--clr-blue-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  cursor: pointer;
  transition: color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.specs__more-btn[hidden] {
  display: none;
}
.specs__more-btn:active {
  color: var(--clr-primary);
}
@media screen and (max-width: 1199px) {
  .specs__more-btn {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .specs__more-btn:hover, .specs__more-btn:focus-visible {
    color: var(--clr-primary);
  }
}
@media screen and (min-width: 1200px) {
  .specs__more-btn {
    position: absolute;
    bottom: 16px;
    left: 50%;
    margin-top: 0;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1900px) {
  .specs__more-btn {
    gap: calc(8 * var(--fld));
    padding: 0 calc(12 * var(--fld));
    bottom: calc(16 * var(--fld));
    font-size: calc(16 * var(--fld));
  }
}

.specs__more-btn .i {
  transition: transform var(--t);
}

.specs__more-btn[aria-expanded=true] .i {
  transform: rotate(180deg);
}

.product-showcase__main {
  position: relative;
  overflow: hidden;
}
.product-showcase__main .swiper-wrapper {
  overflow: hidden;
  border-radius: 12px;
  background: var(--clr-bg-card-light);
}
.product-showcase__main .swiper-pagination {
  margin-top: 18px;
}
@media screen and (min-width: 768px) {
  .product-showcase__main {
    margin-bottom: 10px;
  }
  .product-showcase__main .swiper-pagination {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .product-showcase__main {
    margin-bottom: calc(10 * var(--fld));
  }
  .product-showcase__main .swiper-wrapper {
    border-radius: calc(8 * var(--fld));
  }
}

.product-showcase__nav {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 1;
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .product-showcase__nav {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .product-showcase__nav {
    right: calc(16 * var(--fld));
    bottom: calc(16 * var(--fld));
    gap: calc(15 * var(--fld));
  }
}

.product-showcase__link {
  display: block;
  width: 100%;
}

.product-showcase__picture {
  position: relative;
  display: block;
  width: 100%;
}
.product-showcase__picture::before {
  content: "";
  display: block;
  padding-top: 100.6896551724%;
}
.product-showcase__picture img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .product-showcase__picture::before {
    padding-top: 105.1020408163%;
  }
}
@media screen and (min-width: 1400px) {
  .product-showcase__picture::before {
    padding-top: 100%;
  }
}

.product-showcase__thumbnails-container {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .product-showcase__thumbnails-container {
    display: none;
  }
}

.product-showcase__thumbnails {
  --_init-slide-gap: 10px;
  overflow: visible;
}
.product-showcase__thumbnails:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: var(--_init-slide-gap);
}
.product-showcase__thumbnails:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
  width: calc(25% - var(--_init-slide-gap) + var(--_init-slide-gap) / 4);
}
@media screen and (min-width: 2500px) {
  .product-showcase__thumbnails {
    --_init-slide-gap: 15px;
  }
}
@media screen and (min-width: 3800px) {
  .product-showcase__thumbnails {
    --_init-slide-gap: 20px;
  }
}

.product-showcase__thumb-picture {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
  background: var(--clr-bg-card-light);
  opacity: 0.5;
  transition: opacity var(--t);
}
.product-showcase__thumb-picture::before {
  content: "";
  display: block;
  padding-top: 93.4065934066%;
}
.product-showcase__thumb-picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--clr-green-light);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--t);
}
.product-showcase__thumb-picture img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.swiper-slide-thumb-active .product-showcase__thumb-picture {
  opacity: 1;
}
.swiper-slide-thumb-active .product-showcase__thumb-picture::after {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .product-showcase__thumb-picture:hover {
    opacity: 1;
  }
}
@media screen and (min-width: 1400px) {
  .product-showcase__thumb-picture::before {
    padding-top: 98.0392156863%;
  }
}
@media screen and (min-width: 1900px) {
  .product-showcase__thumb-picture {
    border-radius: calc(10 * var(--fld));
  }
}

.variants-table-wrapper {
  overflow: scroll;
  max-height: 442px;
  border-radius: 8px;
}
@media screen and (min-width: 1900px) {
  .variants-table-wrapper {
    max-height: calc(442 * var(--fld));
    border: 1px solid var(--clr-custom-outline-light);
    border-radius: calc(8 * var(--fld));
  }
}

.variants-table {
  position: relative;
  border-spacing: 0;
  border-collapse: separate;
}
.variants-table td,
.variants-table th {
  border-right: 1px solid var(--clr-custom-outline-light);
  border-bottom: 1px solid var(--clr-custom-outline-light);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}
.variants-table td:last-child,
.variants-table th:last-child {
  border-right: none;
}
@media screen and (min-width: 1900px) {
  .variants-table td,
  .variants-table th {
    font-size: calc(15 * var(--fld));
  }
}
.variants-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0;
}
.variants-table th:nth-child(1), .variants-table th:nth-child(2) {
  background-color: #cad6e8;
}
@media screen and (min-width: 1200px) {
  .variants-table th:nth-child(1) {
    left: 0;
    z-index: 3;
  }
  .variants-table th:nth-child(2) {
    left: 41px;
    z-index: 3;
  }
}
@media screen and (min-width: 1900px) {
  .variants-table th:nth-child(2) {
    left: calc(41 * var(--fld));
  }
}
.variants-table td {
  padding: 10px 13px;
}
.variants-table td:nth-child(1) {
  padding: 4px 5px;
}
.variants-table td:nth-child(2) {
  padding: 10px 15px;
}
@media screen and (min-width: 768px) {
  .variants-table td:nth-child(2) {
    padding: 10px 31px;
  }
}
@media screen and (min-width: 1200px) {
  .variants-table td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
  }
  .variants-table td:nth-child(2) {
    position: sticky;
    left: 41px;
    z-index: 2;
  }
}
@media screen and (min-width: 1900px) {
  .variants-table td {
    padding: calc(10 * var(--fld)) calc(13 * var(--fld));
  }
  .variants-table td:nth-child(1) {
    padding: calc(4 * var(--fld)) calc(5 * var(--fld));
  }
  .variants-table td:nth-child(2) {
    left: calc(41 * var(--fld));
    padding: calc(10 * var(--fld)) calc(31 * var(--fld));
  }
}
.variants-table tbody tr:nth-child(odd) td {
  background-color: var(--clr-bg-light);
}
.variants-table tbody tr:nth-child(odd) td:nth-child(1), .variants-table tbody tr:nth-child(odd) td:nth-child(2) {
  background-color: #dce6f5;
}
.variants-table tbody tr:nth-child(even) {
  background-color: #fff;
}
.variants-table tbody tr:nth-child(even) td:nth-child(1), .variants-table tbody tr:nth-child(even) td:nth-child(2) {
  background-color: #e5f0ff;
}
@media screen and (min-width: 1024px) {
  .variants-table tbody td {
    transition: color 0.1s ease-out, background-color 0.1s ease-out;
  }
  .variants-table tbody td.is-hovered {
    background: var(--clr-primary-main) !important;
    color: #fff;
  }
  .variants-table tbody tr:nth-child(odd) td.is-hovered-before {
    background: #dce6f5 !important;
  }
  .variants-table tbody tr:nth-child(even) td.is-hovered-before {
    background: #e5f0ff !important;
  }
}

.variants-table__col-btn {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 11px 15px;
  border: 0;
  background-color: var(--clr-bg-card-light-02);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: background-color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
th:nth-child(2) .variants-table__col-btn {
  background-color: #cad6e8;
}
.variants-table__col-btn::before {
  content: "";
  display: block;
  flex-shrink: 0;
  order: 1;
  width: 11px;
  height: 6px;
  margin-top: 1px;
  background: url(/local/templates/podshipnik/dist/images/arrow-down.svg) no-repeat center/contain;
  transition: transform var(--t);
}
.variants-table__col-btn::after {
  content: "";
  display: none;
  flex-shrink: 0;
  order: 2;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--clr-primary-main);
}
.variants-table__col-btn:disabled {
  cursor: default;
}
.variants-table__col-btn:disabled::before, .variants-table__col-btn:disabled::after {
  display: none;
}
.variants-table__col-btn[aria-expanded=true] {
  background: #cacccf !important;
}
.variants-table__col-btn.is-sorted-desc::before {
  transform: rotate(180deg);
}
.variants-table__col-btn.has-filter::after {
  display: block;
}
@media screen and (min-width: 1024px) {
  .variants-table__col-btn:not(:disabled):hover, .variants-table__col-btn:not(:disabled):focus-visible {
    background: var(--clr-secondary-darker);
  }
  .variants-table__col-btn.is-hovered-before {
    background: #cad6e8 !important;
  }
}
@media screen and (min-width: 1900px) {
  .variants-table__col-btn {
    gap: calc(8 * var(--fld));
    padding: calc(11 * var(--fld)) calc(15 * var(--fld));
    font-size: calc(15 * var(--fld));
  }
  .variants-table__col-btn::before {
    width: calc(11 * var(--fld));
    height: calc(6 * var(--fld));
    margin-top: calc(1 * var(--fld));
  }
  .variants-table__col-btn::after {
    width: calc(6 * var(--fld));
    height: calc(6 * var(--fld));
  }
}

.product-variants {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid var(--clr-custom-outline-light);
}
@media screen and (min-width: 768px) {
  .product-variants {
    margin-top: 32px;
    padding-top: 32px;
  }
}
@media screen and (min-width: 1900px) {
  .product-variants {
    margin-top: calc(32 * var(--fld));
    padding-top: calc(32 * var(--fld));
  }
}

.product-variants__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}
@media screen and (min-width: 768px) {
  .product-variants__header {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1900px) {
  .product-variants__header {
    margin-bottom: calc(24 * var(--fld));
  }
}

.product-variants__title {
  font-size: 22px;
  line-height: 0.9;
}
@media screen and (min-width: 480px) {
  .product-variants__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .product-variants__title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1900px) {
  .product-variants__title {
    font-size: calc(28 * var(--fld));
  }
}

.product-variants__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .product-variants__footer {
    flex-direction: row;
    justify-content: end;
  }
  .product-variants__footer button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (min-width: 1900px) {
  .product-variants__footer {
    margin-top: calc(20 * var(--fld));
  }
}

.product-variants__cart {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 36px;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
}
@media screen and (min-width: 768px) {
  .product-variants__cart {
    flex: 1;
    margin-bottom: 0;
    margin-left: 12px;
  }
}
@media screen and (min-width: 1900px) {
  .product-variants__cart {
    flex: calc(16 * var(--fld));
    gap: calc(8 * var(--fld));
    margin-left: calc(12 * var(--fld));
    font-size: calc(16 * var(--fld));
  }
}

.product-variants__cart-count {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: var(--clr-bg-card-blue-100);
  color: var(--clr-primary-main);
}
.product-variants__cart-count[hidden] {
  display: none;
}
@media screen and (min-width: 1900px) {
  .product-variants__cart-count {
    width: calc(20 * var(--fld));
    height: calc(20 * var(--fld));
    border-radius: calc(2 * var(--fld));
  }
}

.product-variants__reset {
  display: flex;
  order: -1;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .product-variants__reset {
    order: 0;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 12px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1900px) {
  .product-variants__reset {
    margin-right: calc(12 * var(--fld));
  }
}

.product-variants__buy {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product-variants__buy {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.dialog-files {
  --_max-width: 570px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--z-dialog);
  display: flex;
}
.dialog-files[aria-hidden=true] {
  display: none;
}
@media screen and (min-width: 1900px) {
  .dialog-files {
    --_max-width: calc(570 * var(--fld));
  }
}

.dialog-files__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--clr-blue-dark-600);
  animation: fade-in 200ms both;
}

.dialog-files__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: auto;
  max-width: calc(100% - 30px);
  height: auto;
  max-height: calc(100% - 30px);
  margin: auto;
  border-radius: 10px;
  background-color: #fff;
  animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
}
@media screen and (min-width: 768px) {
  .dialog-files__content {
    width: var(--_max-width);
    max-width: calc(100% - 68px);
    height: auto;
    max-height: calc(100% - 58px);
    border-radius: 12px;
  }
}
@media screen and (min-width: 1900px) {
  .dialog-files__content {
    border-radius: calc(12 * var(--fld));
  }
}

.dialog-files__main {
  position: relative;
  overflow: hidden auto;
  padding: 20px;
}
@media screen and (min-width: 1400px) {
  .dialog-files__main {
    padding: 20px 20px 45px;
  }
}
@media screen and (min-width: 1900px) {
  .dialog-files__main {
    padding: calc(20 * var(--fld)) calc(20 * var(--fld)) calc(45 * var(--fld));
  }
}

.dialog-files__close {
  position: absolute;
  right: 0;
  bottom: calc(100% + 15px);
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  outline: none;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: border-color var(--t), color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.dialog-files__close:active {
  border-color: var(--clr-primary-main);
  color: var(--clr-primary-main);
}
@media screen and (min-width: 768px) {
  .dialog-files__close {
    top: 20px;
    right: 20px;
    bottom: auto;
    border: 1px solid var(--clr-blue-dark);
    background: #fff;
    color: var(--clr-blue-dark);
  }
}
@media screen and (min-width: 1024px) {
  .dialog-files__close:hover, .dialog-files__close:focus-visible {
    border-color: var(--clr-primary-main);
    color: var(--clr-primary-main);
  }
}
@media screen and (min-width: 768px) {
  .dialog-files__close {
    top: 20px;
    right: 20px;
  }
}
@media screen and (min-width: 1900px) {
  .dialog-files__close {
    top: calc(20 * var(--fld));
    right: calc(20 * var(--fld));
    width: calc(40 * var(--fld));
    height: calc(40 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
}

.dialog-files__header {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--clr-bg-card-light);
}
@media screen and (min-width: 768px) {
  .dialog-files__header {
    justify-content: center;
    min-height: 50px;
    margin-bottom: 30px;
    padding-top: 0;
    padding-right: 100px;
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 1900px) {
  .dialog-files__header {
    gap: calc(5 * var(--fld));
    min-height: calc(40 * var(--fld));
    margin-bottom: calc(30 * var(--fld));
    padding-right: calc(100 * var(--fld));
    padding-bottom: calc(15 * var(--fld));
  }
}

.dialog-files__heading {
  font-weight: 400;
  font-size: 16px;
  font-family: var(--font-secondary);
  line-height: 1.2;
  text-wrap: balance;
}
@media screen and (min-width: 1900px) {
  .dialog-files__heading {
    font-size: calc(16 * var(--fld));
  }
}

.dialog-files__article {
  color: var(--clr-text-secondary);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14286;
}
@media screen and (min-width: 1900px) {
  .dialog-files__article {
    font-size: calc(14 * var(--fld));
  }
}

.dialog-files__text {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14286;
}
@media screen and (min-width: 768px) {
  .dialog-files__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1900px) {
  .dialog-files__text {
    margin-bottom: calc(10 * var(--fld));
  }
}

.dialog-files__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .dialog-files__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
  }
}
@media screen and (min-width: 1900px) {
  .dialog-files__list {
    gap: calc(13 * var(--fld));
  }
}

.dialog-files__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--clr-custom-outline-light);
  border-radius: 10px;
  background: var(--clr-bg-light);
  transition: border-color var(--t);
}
.dialog-files__link::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.dialog-files__link:active {
  border-color: var(--clr-primary-main);
}
@media screen and (min-width: 1024px) {
  .dialog-files__link:hover, .dialog-files__link:focus-visible {
    border-color: var(--clr-primary-main);
  }
}

.dialog-files__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  color: var(--clr-primary-main);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1900px) {
  .dialog-files__icon {
    width: calc(70 * var(--fld));
    height: calc(70 * var(--fld));
  }
}

.columns-switcher {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  width: calc(100% - var(--sz-sidegap) * 2);
  max-width: 290px;
  max-height: 468px;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 39px 42px 0 rgba(56, 59, 67, 0.1);
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .columns-switcher {
    max-width: 330px;
    max-height: 425px;
    padding: 14px;
  }
}
@media screen and (min-width: 1900px) {
  .columns-switcher {
    max-width: calc(330 * var(--fld));
    max-height: calc(425 * var(--fld));
    padding: calc(14 * var(--fld));
    border-radius: calc(5 * var(--fld));
    box-shadow: 0 calc(39 * var(--fld)) calc(42 * var(--fld)) 0 rgba(56, 59, 67, 0.1);
  }
}

.columns-switcher__all {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(1, 10, 23, 0.1);
}
@media screen and (min-width: 1900px) {
  .columns-switcher__all {
    margin-bottom: calc(10 * var(--fld));
    padding-bottom: calc(10 * var(--fld));
  }
}

.columns-switcher__columns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  padding-bottom: 10px;
}
@media screen and (min-width: 1900px) {
  .columns-switcher__columns {
    gap: calc(10 * var(--fld));
    padding-bottom: calc(10 * var(--fld));
  }
}

.columns-switcher__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .columns-switcher__buttons {
    flex-direction: row;
  }
}
@media screen and (min-width: 1900px) {
  .columns-switcher__buttons {
    gap: calc(10 * var(--fld));
    padding-top: calc(10 * var(--fld));
  }
}

.columns-switcher__submit,
.columns-switcher__reset {
  width: 100%;
}

.columns-filter {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  width: calc(100% - var(--sz-sidegap) * 2);
  max-width: 290px;
  height: 100%;
  max-height: 468px;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 39px 42px 0 rgba(56, 59, 67, 0.1);
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .columns-filter {
    max-width: 330px;
    max-height: 425px;
    padding: 14px;
  }
}
@media screen and (min-width: 1900px) {
  .columns-filter {
    max-width: calc(330 * var(--fld));
    max-height: calc(425 * var(--fld));
    padding: calc(14 * var(--fld));
    border-radius: calc(5 * var(--fld));
    box-shadow: 0 calc(39 * var(--fld)) calc(42 * var(--fld)) 0 rgba(56, 59, 67, 0.1);
  }
}

.columns-filter__sort {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border: 0;
  border-bottom: 1px solid rgba(1, 10, 23, 0.1);
  background: transparent;
  outline: none;
  cursor: pointer;
  transition: color var(--t);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.columns-filter__sort[aria-pressed=true] {
  color: var(--clr-primary-main);
}
@media screen and (min-width: 1024px) {
  .columns-filter__sort:hover, .columns-filter__sort:focus-visible {
    color: var(--clr-primary-main);
  }
}
@media screen and (min-width: 1900px) {
  .columns-filter__sort {
    gap: calc(8 * var(--fld));
    margin-bottom: calc(10 * var(--fld));
    padding-bottom: calc(10 * var(--fld));
  }
}

.columns-filter__searchbar {
  margin-bottom: 10px;
}
@media screen and (min-width: 1900px) {
  .columns-filter__searchbar {
    margin-bottom: calc(10 * var(--fld));
  }
}

.columns-filter__form {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.columns-filter__filters {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  padding: 10px;
  border: 1px solid #e8eaed;
  border-radius: 5px;
  background: #f4f4f4;
}
@media screen and (min-width: 1900px) {
  .columns-filter__filters {
    gap: calc(10 * var(--fld));
    padding: calc(10 * var(--fld));
    border-radius: calc(5 * var(--fld));
  }
}

.columns-filter__all {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(1, 10, 23, 0.1);
}
@media screen and (min-width: 1900px) {
  .columns-filter__all {
    padding-bottom: calc(10 * var(--fld));
  }
}

.columns-filter__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .columns-filter__buttons {
    flex-direction: row;
  }
}
@media screen and (min-width: 1900px) {
  .columns-filter__buttons {
    gap: calc(10 * var(--fld));
    padding-top: calc(10 * var(--fld));
  }
}

.columns-filter__submit,
.columns-filter__reset {
  width: 100%;
}

.screen-reader-only {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(50%);
}

@media screen and (min-width: 390px) {
  .xs\:hidden {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .lg\:hidden {
    display: none;
  }
}

@media screen and (min-width: 1400px) {
  .xl\:hidden {
    display: none;
  }
}

@media screen and (min-width: 1900px) {
  .xl2\:hidden {
    display: none;
  }
}

@media screen and (max-width: 389px) {
  .max-xs\:hidden {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .max-sm\:hidden {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .max-md\:hidden {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .max-lg\:hidden {
    display: none;
  }
}

@media screen and (max-width: 1399px) {
  .max-xl\:hidden {
    display: none;
  }
}

@media screen and (max-width: 1899px) {
  .max-xl2\:hidden {
    display: none;
  }
}

.pb-1 {
  padding-bottom: 1px;
}

.pb-2 {
  padding-bottom: 2px;
}

@media screen and (min-width: 1900px) {
  .pb-1 {
    padding-bottom: calc(1 * var(--fld));
  }
  .pb-2 {
    padding-bottom: calc(2 * var(--fld));
  }
}