/* Start:/local/templates/promolink/plugins/fancybox_3/jquery.fancybox.min.css?170308008012795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/promolink/css/style.css?174118269498399*/
@import "/local/templates/promolink/css/tab.css";
@import "/local/templates/promolink/css/accordion.css";

.mobile_only {
  display: none;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size>div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

* {
  box-sizing: border-box;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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.
 */
[type=search]::-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 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

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

/* FONT_END */
: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;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* CSS Mode */
.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Slide styles end */
@font-face {
  font-family: "Arial";
  src: url("/local/templates/promolink/css/../fonts/ArialMT.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Arial";
  src: url("/local/templates/promolink/css/../fonts/Arial-BoldMT.woff2") format("woff2");
  font-weight: 700;
}

@font-face {
  font-family: "Inter";
  src: url("/local/templates/promolink/css/../fonts/Inter-Light.ttf") format("ttf");
  font-weight: 200;
}

:root {
  --font-family: "Arial";
  --secondary-font-family: "Inter";
  --white-color: #fff;
  --black-color: #000;
  --black-blue-color: #16222D;
  --red-color: #EA0029;
  --dark-blue-color: #2D4E73;
  --gray-color: #A8A8A8;
  --light-gray-color: #F0F0F0;
  --dark-gray-color: #D9D9D9;
  --elem-height: 46px;
  --container-offset: 60px;
  /*  --header-offset: 150px;*/
  --header-offset: 60px;

  --padding: 5px;
  --offset: 10px;
  --gap: 10px;
  --small-border-radius: 8px;
  --border-radius: 15px;
  --big-border-radius: 40px;
  --font-size: 22px;
  --middle-font-size: 16px;
  --small-font-size: 12px;
}


.footer__contacts--line.copyright {
  font-size: 14px;
  color: #fff;
  line-height: 1.5em;
}

@media (max-width: 768px) {
  :root {
    --container-offset: 20px;
  }

  .footer__contacts--line.copyright {
    font-size: 12px;
    line-height: 1.3em;
    text-align: center;
  }

}

button {
  cursor: pointer;
}

body {
  min-width: 320px;
  font-family: var(--font-family);
}

.container-wrap {
  max-width: 1460px;
  padding: 0 10px;
  margin: 0 auto;
}

.container-right {
  max-width: calc((100vw - 1460px) / 2 + 1460px);
  margin-right: auto;
  padding-right: 10px;
}

.padding-container-left {
  padding-left: calc((100vw - 1460px) / 2 + 10px);
}

@media (max-width: 1480px) {
  .padding-container-left {
    padding-left: 10px;
  }
}

a:hover {
  /*filter: contrast(1.6);*/
}

.text {
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--black-color);
  font-size: var(--font-size);
  margin: 0;
}

.middle-text {
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--black-color);
  font-size: var(--middle-font-size);
  margin: 0;
}

.bold-text {
  font-family: var(--font-family);
  font-weight: 700;
  color: var(--black-color);
  font-size: var(--font-size);
  margin: 0;
}

.small-text {
  font-family: var(--secondary-font-family);
  font-weight: 300;
  color: var(--black-color);
  font-size: var(--small-font-size);
  margin: 0;
}

.button {
  padding: 15px 35px;
  border: none;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mask {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  mix-blend-mode: darken;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.mask--active {
  display: block;
}

.title {
  font-size: 40px;
  font-weight: 700;
  margin: 0;
  color: var(--black-color);
  font-family: var(--second-font-family);
}

.white {
  color: var(--white-color);
}

.swiper--buttom-custom {
  cursor: pointer;
  z-index: 2;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: var(--red-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper--buttom-custom.swiper-button-disabled {
  background: var(--white-color);
}

.swiper--buttom-custom.swiper-button-disabled svg path {
  stroke: var(--dark-blue-color);
}

.swiper--next {
  position: absolute;
  top: calc(50% - 21px);
  right: -10px;
}

.swiper--prev {
  position: absolute;
  top: calc(50% - 21px);
  left: -10px;
}

.swiper-wrapper {
  position: relative;
}

.swiper--cutom-pag {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -48px !important;
}

.swiper--cutom-pag .swiper-pagination-bullet {
  background: var(--white-color);
  opacity: 1;
}

.swiper--cutom-pag .swiper-pagination-bullet-active {
  background: var(--red-color);
}

.view-all {
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: none;
}

.top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.trigger {
  cursor: pointer;
  position: absolute;
  background: rgb(46, 67, 86);
  border: none;
  right: 0;
  top: calc(50% - 12px);
}

.trigger svg {
  width: 24px;
  height: 24px;
}

.input {
  width: 100%;
  border-radius: var(--border-radius);
  border: 1px solid var(--dark-blue-color);
  padding: calc(var(--padding) * 4) calc(var(--padding) * 3);
}

.bold {
  font-weight: 700;
}

.swiper--cutom-pag {
  width: 100% !important;
  left: 0 !important;
}

.header {
  width: 100%;
}

.header.--index {
  position: absolute;
  top: 0;
}

.header__container {
  border-radius: 0 0 var(--big-border-radius) var(--big-border-radius);
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  background: #EEEEEE;
  overflow: hidden;
  padding: 0;
  box-shadow: 0px 4px 16px 0px rgba(22, 34, 45, 0.15);
}

.header__container__ul {
  margin: 0;
  background: var(--white-color);
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 36px 13px;
  box-shadow: 0px 4px 16px 0px rgba(22, 34, 45, 0.15);
}

.header__logo svg {
  width: auto;
  height: 48px;
}

.header__burger {
  position: fixed;
  z-index: 3;
  left: 0;
  min-width: 33vw;
  min-height: 80vh;
  background: var(--white-color);
  border-radius: 0 0 var(--big-border-radius) 0;
  opacity: 0;
  left: -100vw;
}

.header__burger--item p {
  padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
  border-radius: 10px;
}

.header__burger--active {
  left: 0;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.header__burger--content {
  margin-left: calc((100vw - 1440px + 10px) / 2 + 36px);
  margin-top: 153px;
  margin-right: 33px;
  padding-bottom: calc(var(--offset) * 2);
}

.header__burger--content .accordion-active .header__burger--item p {
  font-weight: 700;
  background: #E8E8E8;
}

.header__burger--content .accordion-active .accordion__top svg {
  transform: rotate(90deg);
}

.header__burger--content .accordion-active .accordion__top svg path {
  opacity: 1;
  fill: var(--red-color);
}

.header__burger--trigger {
  cursor: pointer;
  background: var(--black-blue-color);
  border-radius: var(--small-border-radius);
  padding: 0 calc(var(--padding) * 3);
  gap: calc(var(--gap) * 2);
  height: var(--elem-height);
}

.header__burger--trigger svg {
  width: 26px;
  height: 21px;
}

.header__burger--text {
  color: var(--white-color);
}

.header__search {
  position: relative;
  height: var(--elem-height);
}

.header__search--trigger {
  cursor: pointer;
  position: absolute;
  background: none;
  border: none;
  right: 0;
  top: calc(50% - 12px);
}

.header__search--trigger svg {
  width: 24px;
  height: 24px;
}

.header__search--content {
  height: 100%;
  width: 220px;
  padding: 0 calc(var(--padding) * 2);
  border-radius: var(--small-border-radius);
  border: 1px solid #DDD;
  color: var(--black-blue-color);
}

.header__search--content::-moz-placeholder {
  color: var(--dark-blue-color);
}

.header__search--content::placeholder {
  color: var(--dark-blue-color);
}

.header__list {
  width: 29%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__list--item {
  /*  text-decoration: none;*/
}

.header__list--item {
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0.3);
  text-underline-offset: 4px;
}

.header__contact {
  gap: calc(var(--gap) * 2);
  text-decoration: none;
}

.header__contact--button {
  text-decoration: none;
  cursor: pointer;
  background: var(--black-blue-color);
  border-radius: var(--small-border-radius);
  padding: 0 calc(var(--padding) * 3);
  gap: calc(var(--gap) * 2);
  height: var(--elem-height);
}

.header__contact svg {
  width: 21px;
  height: 22px;
  fill: var(--red-color);
  stroke-width: 1px;
  stroke: var(--red-color);
}

.header__lk svg {
  width: 41px;
  height: 42px;
}

.header__basket {
  position: relative;
  height: 42px;
}

.header__basket svg {
  width: 45px;
  height: 39px;
}

.header__basket--count {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: var(--red-color);
  position: absolute;
  bottom: calc(100% - 12px);
  left: calc(100% - 12px);
  color: var(--white-color);
  font-weight: 700;
}

.header__link {
  text-decoration: none;
}

.header__links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 8%;
}

.header_personal-nav {
  padding: 20px 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_personal-nav_company {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.personal-nav {
  display: flex;
  margin: 0;
  gap: 40px;
  list-style-type: none;
  padding: 0;
}

.personal-nav_item {
  margin: 0;
}

.personal-nav_link {
  color: var(--black-color);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.personal-nav_notification {
  display: flex;
  gap: 7px;
  align-items: center;
}

.personal-nav_notification.--not-read:before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: var(--red-color);
}

.footer {
  background: var(--black-color);
  padding-top: 45px;
  padding-bottom: 35px;
  position: relative;
  z-index: 35;
}

.footer__container {
  display: flex;
  gap: 70px;
}

.footer__menu {
  display: flex;
  gap: calc(var(--offset) * 3);
}

.footer__menu--title {
  text-decoration: none;
}

.footer__menu--column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: -moz-min-content;
  height: min-content;
  gap: 13px;
  position: relative;
}

.footer__menu--column::after {
  content: "";
  position: absolute;
  left: -12px;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--red-color);
}

.footer__menu--links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer__menu--link {
  color: var(--white-color);
  text-decoration: none;
}

.footer__contacts {
  display: flex;
  gap: 75px;
}

.footer__contacts--line {
  display: flex;
  flex-direction: column;
  gap: calc(var(--offset) * 2);
}

.footer__contact {
  display: flex;
  gap: var(--gap);
  align-items: flex-start;
}

.footer__contact--wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.footer__contact--title {
  color: var(--white-color);
  white-space: nowrap;
}

.footer__contact--text {
  font-weight: 300;
  color: var(--white-color);
}

.burger {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 3);
}

.burger__item--top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero {
  z-index: -1;
}

.hero .swiper {
  height: 480px;
}

.hero__swiper {
  height: 100%;
}

.hero .swiper-wrapper {
  min-height: 100%;
}

.hero .swiper-wrapper .swiper-slide {
  height: 100%;
}

.hero .swiper-slide {
  position: relative;
  padding-top: 110px;
}

.hero .swiper-slide__bg {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hero .swiper-slide__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.hero .swiper-slide__title {
  max-width: 670px;
  font-size: 50px;
  font-weight: 700;
  color: var(--white-color);
  margin: 0;
}

.hero .swiper-slide__title span {
  color: var(--red-color);
}

.hero .swiper-slide__button {
  padding: 15px 35px;
  border-radius: 30px;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid var(--white-color);
  color: var(--white-color);
  margin-top: 20px;
  text-decoration: none;
}

.hero .swiper-slide__subtitle {
  list-style: none;
  color: var(--white-color);
  padding: 0;
  margin: 0;
  margin-top: 20px;
}

.hero .swiper-slide__subtitle li {
  display: flex;
  gap: 15px;
  align-items: center;
  color: var(--white-color);
  font-size: var(--middle-font-size);
  line-height: 1.4em;
}

.hero .swiper-slide__subtitle li::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: var(--white-color);
}

.hero .swiper-pagination-bullet {
  width: 60px;
  height: 4px;
  background: rgba(214, 214, 214, 0.4);
  margin: 0;
  opacity: 1;
  border-radius: 0;
}

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

.hero .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 150px;
  margin: 0 auto;
  text-align: end;
  left: auto;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  right: calc((100vw - 1462px) / 2 + 10px);
}

.hero .swiper-button-next {
  top: auto;
  bottom: 144px;
  right: calc((100vw - 1462px) / 2 + 10vw);
  width: 42px;
  height: 42px;
  border-radius: 100%;
}

.hero .swiper-button-next::after {
  content: "";
  background: url("/local/templates/promolink/css/./../img/hero-next.svg");
  width: 36px;
  height: 36px;
}

.hero .swiper-button-prev {
  display: none;
}

.hero .swiper-pagination-bullet .index {
  display: none;
}

.hero .swiper-pagination-bullet-active .index {
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  position: absolute;
  top: -40px;
  right: 145px;
  font-size: 24px;
  line-height: 27px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--red-color);
}

.hero .swiper-pagination-bullet-active .index-all {
  font-size: 17px;
  color: var(--white-color);
}

.models {
  padding-top: calc(var(--offset) * 6);
}

.models__container {
  position: relative;
}

.models__tabs {
  position: absolute;
  display: flex;
  top: calc(-1 * (var(--offset) * 6 + 80px));
}

.models__tab {
  padding: 10px;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  margin: 0;
  color: var(--white-color);
  background: #1D3145;
  height: 80px;
  border-radius: 31.793px 31.793px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--offset) * 2);
  z-index: 2;
  width: 18vw;
}

.models__tab:not(:first-child) {
  position: relative;
  left: -5px;
}

.models__tab.active-select {
  background: var(--white-color);
  color: var(--black-color);
}

.models__tools {
  display: flex;
  justify-content: space-between;
}

.models__input {
  width: 100%;
  border-radius: var(--border-radius);
  border: 1px solid var(--dark-blue-color);
  padding: calc(var(--padding) * 4) calc(var(--padding) * 3);
}

.models__input--wrapper {
  width: 30%;
  display: flex;
  position: relative;
  height: 50px;
}

.models__input--trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  border-radius: var(--border-radius);
  background: var(--dark-blue-color);
}

.models__input--trigger svg {
  width: 25px;
  height: 25px;
}

.models__button {
  cursor: pointer;
  border-radius: var(--border-radius);
  background: #F0F0F0;
}

.models__button--active {
  color: var(--white-color);
  background: var(--red-color);
}

.models__content {
  display: flex;
  margin-top: calc(var(--offset) * 3);
  margin-bottom: calc(var(--offset) * 10);
  justify-content: space-between;
  gap: var(--gap);
}

.models__column {
  width: 100%;
  /*display: flex;
  flex-direction: column;
  gap: calc(var(--offset) * 3);*/
  columns: 4;
}

.models__item {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  break-inside: auto;
  break-inside: avoid;
  break-inside: avoid-page;
  break-inside: avoid-column;
  break-inside: avoid-region;
  margin-bottom: var(--gap);
}

.hidden {
  display: none !important;
}

.models__letter {
  font-size: 25px;
  font-weight: 700;
  color: var(--gray-color);
  margin: 0;
}

.models__name {
  text-decoration: none;
}

.models__names {
  display: flex;
  flex-direction: column;
}

.header__item.header__search_mobile {
  display: none;
}

.popular {
  background: linear-gradient(180deg, #21374C 0%, #000 85.73%);
  padding-top: calc(var(--offset) * 5);
  padding-bottom: calc(var(--offset) * 17);
}

.popular__container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 5);
}

.popular__tabs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  list-style: none;
  background: var(--white-color);
  border-radius: var(--border-radius);
  padding: 0;
}

.popular__tab {
  cursor: pointer;
  text-align: center;
  height: 100%;
  padding: calc(var(--padding) * 5) 10px;
  border-radius: var(--border-radius);
  font-weight: 700;
}

.popular__tab.active-select {
  background: var(--red-color);
  color: var(--white-color);
}

.popular__all {
  display: none;
}

.popular__top {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 100%;
}

.popular__wrapper {
  z-index: -1;
}

.popular__content {
  width: 100%;
  position: relative;
}

.product-swiper {
  background: #F8F8F8;
}

.product-swiper .title {
  color: var(--black-color);
}

.item {
  display: flex;
  flex-direction: column;
  padding: 35px 20px 20px 20px;
  border-radius: var(--border-radius);
  border: 0.698px solid rgba(189, 189, 189, 0.5);
  background: var(--white-color);
  min-height: 390px;
  height: 100%;
}

.item__img {
  height: 180px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.item__title {
  text-decoration: none;
  color: var(--black-color);
  font-weight: 700;
  margin: 0;
  margin-top: 18px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  -webkit-line-clamp: 3;
}

.item__subtitle {
  margin-top: 7px;
  margin: 0;
  font-size: 12px;
  color: var(--gray-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: auto;
}

.item__info {
  margin-top: 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item__info--download,
.item__info--add {
  cursor: pointer;
  padding: 0;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item__info--price {
  font-size: 18px;
  color: var(--black-color);
  font-weight: 700;
  margin: 0;
  /*max-width: 81px;*/
  overflow: hidden;
  /*text-overflow: ellipsis;*/
  white-space: nowrap;
}

.item__info--link {
  border: 1px solid #898989;
  font-size: 14px;
  margin: 0;
  padding: 10px;
  border-radius: 8px;
  color: #898989;
  text-decoration: none;
}

.category .item {
  width: 100%;
  max-width: 326px;
  box-shadow: 0px 4px 15px 0px rgba(46, 67, 86, 0.2);
}

.news__swiper--wrapper {
  padding: 20px 0;
}

.news__wrapper {
  padding: calc(var(--offset) * 2) calc(var(--offset) * 4) calc(var(--offset) * 6) calc(var(--offset) * 4);
  border-radius: 32px;
  background: var(--white-color);
  position: relative;
  /*  top: -80px;*/
}

.news__content {
  display: flex;
  justify-content: space-between;
  gap: var(--gap);
  margin-top: calc(var(--offset) * 3);
}

.news__item {
  cursor: pointer;
  height: 420px;
  height: 100%;
  border-radius: var(--border-radius);
  box-shadow: 0px 4px var(--border-radius) 0px rgba(46, 67, 86, 0.2);
  position: relative;
}

.news__item:hover .news__item--img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black-color);
  opacity: 0.3;
  transition: background 0.2s linear;
}

.news__item:hover .news__item--info {
  bottom: 60px;
  transition: all 0.2s linear;
}

.news__item--info {
  height: 160px;
  padding: calc(var(--padding) * 4) calc(var(--padding) * 6);
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-evenly;
  position: absolute;
  bottom: 0;
  background: var(--white-color);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.news__item--img {
  position: relative;
}

.news__item--img img {
  max-height: 275px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.news__item--date {
  margin: 0;
  padding: var(--offset) calc(var(--offset) * 2);
  border-radius: 32px;
  border: 1px solid #7D7D7D;
  width: -moz-max-content;
  width: max-content;
  color: #7D7D7D;
}

.news__item--title {
  font-weight: 700;
  margin-top: var(--offset);
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.news__item--descr {
  padding: 20px;
  background: var(--white-color);
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  opacity: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.form {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0.36%, rgba(0, 0, 0, 0.8) 99.86%), url("/local/templates/promolink/css/./../img/form.jpg"), lightgray 0px -305.542px/100% 633.741% no-repeat;
  background-size: cover;
  background-position: 25% 60%;
  position: relative;
}

.form::after {
  content: "";
  position: absolute;
  opacity: 0.6;
  background: black;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.form__container {
  position: relative;
  z-index: 2;
  padding: calc(var(--offset) * 3) 10px;
  display: flex;
  justify-content: space-between;
}

.form__text {
  max-width: 34%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--offset) * 2);
  justify-content: space-between;
}

.form__wrapper {
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--offset) * 2);
}

.form__wrapper--line {
  display: flex;
  align-items: center;
  gap: calc(var(--offset) * 2);
}

.form__input {
  width: 100%;
  border: none;
  padding: calc(var(--padding) * 4) calc(var(--padding) * 7);
  border-radius: 19.924px;
  background: #D9D9D9;
  color: #1E1E1E;
  font-size: 14.943px;
}

.form__button {
  cursor: pointer;
  color: var(--white-color);
  padding: calc(var(--padding) * 4) calc(var(--padding) * 7);
  border: none;
  background: var(--red-color);
  border-radius: var(--border-radius);
}

.category {
  margin-top: calc(var(--offset) * 4);
  margin-bottom: calc(var(--offset) * 8);
}

.category__sort {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 15px 20px;
  border-radius: 50px;
  background: #EDEEF1;
  border: none;
}

.category__filter {
  border-radius: 23px;
  background: #EDEEF1;
  width: 30vw;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
}

.category__container {
  margin-top: calc(var(--offset) * 4);
  display: flex;
  gap: 2vw;
}

.category__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.category__content {
  justify-items: start;
  width: 100%;
  display: grid;
  align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(246px, 1fr));
  gap: calc(var(--gap) * 3);
  margin-right: calc((100vw - 1440px + 10px) / 2);
}

.category__content--wrapper {
  width: 100%;
}

.pagination {
  margin-top: 50px;
  display: flex;
  gap: 15px;
}

.pagination__next {
  cursor: pointer;
  margin-left: 25px;
  display: flex;
  align-items: center;
  gap: calc(var(--offset) * 2);
}

.pagination__item {
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: none;
  color: #8C8C8C;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination__item--acitve {
  background: #EFEFEF;
  color: var(--red-color);
}

.filter {
  padding-right: calc(var(--offset) * 3);
  padding-top: calc(var(--offset) * 3);
  padding-bottom: calc(var(--offset) * 3);
  display: flex;
  flex-direction: column;
  gap: 33px;
}

.filter__subtitle {
  font-weight: 700;
}

.filter__tab--title {
  font-weight: 700;
}

.filter__tab--content {
  display: none;
}

.filter__tab--top {
  display: flex;
  gap: 8px;
  align-items: center;
}

.filter__title {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
}

.filter__search {
  margin-top: var(--offset);
  position: relative;
  width: 300px;
}

.filter__search--content {
  width: 100%;
  position: relative;
  height: 46px;
  background: var(--white-color);
  border-radius: var(--border-radius);
  font-size: 16px;
  color: #5F5F5F;
  border: none;
}

.filter__search--trigger {
  height: 100%;
  width: 45px;
  border-radius: 8px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter__prices {
  display: flex;
  gap: var(--offset);
}

.filter__prices--input {
  width: 50%;
}

.filter__slider {
  height: 4px;
}

.filter .noUi-horizontal .noUi-handle {
  height: 12px;
  top: -4px;
  right: -9px;
  width: 12px;
  border-radius: 100%;
  background: var(--red-color);
  box-shadow: none;
}

.filter .noUi-horizontal .noUi-handle::after {
  display: none;
}

.filter .noUi-horizontal .noUi-handle::before {
  display: none;
}

.filter .noUi-connect {
  background: var(--red-color);
}

.filter .noUi-target {
  border: none;
  background: var(--white-color);
  box-shadow: none;
}

.filter__btns {
  margin-top: var(--offset);
  display: flex;
  gap: 17px;
}

.filter__btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  border-radius: var(--border-radius);
  background: transparent;
  color: #2E4356;
  border: 1px solid #2E4356;
  padding: 15px 0;
}

.filter__btn--red {
  color: var(--white-color);
  background: var(--red-color);
  border: none;
}

.filter__tab--trigger {
  background: none;
}

.filter__tab--trigger svg {
  width: 7px;
  height: 10px;
}

.filter__mobile {
  display: none;
  gap: 10px;
}

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

.breadcrumbs__container {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.breadcrumbs__text {
  color: #444;
  font-size: 16px;
  margin: 0;
  text-decoration: none;
}

.breadcrumbs__item {
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
}

.breadcrumbs__svg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.breadcrumbs-padding {
  margin-top: 0;
  padding-top: var(--header-offset);
}

.price {
  margin-top: calc(var(--gap) * 4);
  margin-bottom: calc(var(--gap) * 10);
}

.price__img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%;
}

.price__img--wrapper {
  border: 1px solid #D7D7D7;
  border-radius: var(--border-radius);
  padding: 10px 30px;
  display: flex;
  justify-content: center;
}

.price__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: calc(var(--gap) * 4);
}

.price__wrapper {
  gap: calc(var(--gap) * 3);
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.price__list {
  overflow-x: hidden;
  max-height: 550px;
  border: 1px solid #E7E7E7;
  margin: 0;
  padding: 0;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.price__item {
  width: 100%;
  padding: 0 20px;
  display: grid;
  grid-template-columns: minmax(0, 2.5fr) minmax(0, 30fr) minmax(0, 8fr) minmax(0, 8fr) minmax(0, 10fr) minmax(0, 32px);
  gap: calc(var(--gap) * 4);
}

.price__item:nth-child(odd) {
  background: rgba(239, 239, 239, 0.5);
  mix-blend-mode: darken;
}

.price__item--top {
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  background: #EFEFEF;
  font-weight: bold;
}



.price__item--section {
  width: 100%;
  padding: 6px 0;
  display: flex;
  align-items: center;
  font-size: 17px;
  margin: 0;
  font-weight: 400;
}

.price__item--top .price__item--section {
  font-weight: bold;
}

.price__item--section:last-child {
  cursor: pointer;
}

.price__item--section:nth-child(2) {
  border-right: 1px solid #E7E7E7;
}

.product__container {
  margin-top: calc(var(--offset) * 4);
}

.product__title {
  font-size: 35px;
  margin-bottom: var(--offset);
}

.product__tools {
  border-top: 1px solid #F2F2F2;
  padding-top: var(--offset);
  display: flex;
  align-items: center;
  gap: 20px;
}

.product__tool {
  display: flex;
  align-items: center;
  gap: 12px;
  border: none;
  background: none;
  margin: 0;
  width: -moz-max-content;
  width: max-content;
}

.product__tool--text {
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
}

.product__wrapper {
  display: grid;
  gap: 35px;
  grid-template-columns: 4.5fr 9.5fr;
  margin-top: calc(var(--offset) * 2);
}

.product__img {
  width: 450px;
  height: 445px;
  border-radius: var(--big-border-radius);
  border: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__img--content {
  width: 85%;
  height: 85%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product__top {
  display: flex;
  width: 100%;
  padding: calc(var(--padding) * 6);
  border-radius: var(--border-radius);
  background: var(--white-color);
  box-shadow: 0px 4px 15px 0px rgba(46, 67, 86, 0.2);
}

.product__count {
  overflow: hidden;
  border-radius: 5px;
  display: grid;
  height: 75px;
  grid-template-columns: 100px 40px;
}

.product__count--res {
  font-size: 35px;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 2px solid D9D9D9;
  background: #F8F8F8;
  position: relative;
}

.product__count--res::after {
  position: absolute;
  content: "";
  width: 2px;
  height: calc(100% - 4px);
  bottom: 2px;
  right: 0;
  border-radius: 2px;
  background: #D9D9D9;
}

.product__count--tools {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background: #F8F8F8;
}

.product__count--tools>* {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50%;
}

.product__count--inc {
  cursor: pointer;
  position: relative;
}

.product__count--inc::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0;
  border-radius: 2px;
  background: #D9D9D9;
}

.product__count--dec {
  cursor: pointer;
}

.product__price {
  margin-left: calc(var(--offset) * 3);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.product__price--old {
  font-size: 25px;
  font-weight: 400;
  margin: 0;
  text-decoration: line-through;
}

.product__price--current {
  font-size: 33px;
  font-weight: 700;
  margin: 0;
}

.product__total {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: var(--dark-blue-color);
  font-size: 58px;
  font-weight: 700;
  margin-left: auto;
}

.product__add {
  cursor: pointer;
  width: 253px;
  padding: 20px 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--white-color);
  background: var(--red-color);
  border: none;
  margin-left: calc(var(--offset) * 2);
  border-radius: var(--border-radius);
}

.product__add.in_basket {
  background: var(--dark-blue-color);
}


.product__middle {
  margin-top: calc(var(--offset) * 3);
  display: grid;
  gap: 5%;
  grid-template-columns: 1fr 1fr;
}

.product__info--text {
  margin: 0;
}

.product__advantages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 7%;
  height: -moz-max-content;
  height: max-content;
}

.product__advantage {
  display: flex;
  align-items: center;
  gap: 20px;
  height: -moz-max-content;
  height: max-content;
}

.product__advantage--text {
  margin: 0;
}

.product__advantage--text span {
  font-weight: 700;
}

.product__status {
  margin: 0;
  width: -moz-max-content;
  width: max-content;
  margin-top: 5%;
  font-size: 20px;
  padding: 10px 25px;
  border-radius: 5px;
  border: 2px solid #00DE09;
}

.product__tabs {
  margin-top: calc(var(--offset) * 2);
}

.product__tabs--top {
  display: flex;
}

.product__tabs--select {
  cursor: pointer;
  width: 50%;
  margin: 0;
  background: #F8F8F8;
  /*border-radius: var(--border-radius);*/
  /*box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.45);*/
  padding: calc(var(--padding) * 4) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: 700;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.product__tabs--select:first-child {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.product__tabs--select:last-child {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.product__tabs--select:first-child {
  position: relative;
  width: calc(50% + 5px);
  right: -5px;
}

.product__tabs--select.active-select {
  background: var(--dark-blue-color);
  color: var(--white-color);
}

.product__tabs--info {
  margin-top: calc(var(--offset) * 4);
  margin-bottom: calc(var(--offset) * 4);
  /* display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 5%;*/
}

.product__tabs--info.params__tab {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 5%;
}

.product__tabs--text {
  display: flex;
}

.product__tabs--text span {
  min-width: -moz-max-content;
  min-width: max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 18px;
}

.product__tabs--text span:last-child {
  width: 38%;
  min-width: 38%;
}

.product__underline {
  margin: 2px 15px;
  align-self: flex-end;
  width: 100%;
  height: 1px;
  background: #D5D5D5;
}

.product__swiper--top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cars {
  margin-top: calc(var(--offset) * 4);
  margin-bottom: calc(var(--offset) * 9);
}

.cars__top {
  display: flex;
  gap: calc(var(--gap) * 4);
}

.cars__tabs {
  margin-top: calc(var(--offset) * 7);
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 6);
}

.cars__tabs--top {
  max-width: 70%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: start;
  gap: calc(var(--gap) * 3) var(--gap);
}

.cars__tab {
  cursor: pointer;
  margin: 0;
  padding: 10px 20px;
  font-size: 24px;
  color: #4A4A4A;
  border-radius: 10px;
}

.cars__tab.active-select {
  color: var(--black-color);
  background: #EDEEF1;
}

.cars__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 25px;
}

.cars__card {
  text-decoration: none;
  display: flex;
  padding: calc(var(--padding) * 6);
  border-radius: var(--border-radius);
  border: 1px solid #C5C5C5;
  gap: calc(var(--gap) * 3);
}

.cars__card--img {
  width: 40%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.cars__content .cars__card--info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cars__content.only_name .cars__card--info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  align-items: center;
}


.cars__card__title {
  height: 100%;
}

.cars__card__subtitle {
  color: #616161;
  height: -moz-max-content;
  height: max-content;
}

.details {
  margin-top: calc(var(--offset) * 4);
}

.details__top {
  width: 100%;
}

.details__container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 4);
  align-items: flex-start;
}

.details__input {
  width: 50%;
}

.details__input>div {
  background: var(--red-color);
}

.details__content {
  width: 100%;
  display: grid;
  grid-template-columns: 10fr 7fr;
  gap: calc(var(--gap) * 4);
}

.details__content--item {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) * 3);
}

.details__left {
  padding-top: calc(var(--padding) * 8);
  background: #EDEEF1;
}

.details__tabs {
  padding: calc(var(--offset) * 4) 0 calc(var(--offset) * 6) 0;
  /*grid-auto-flow: column;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(10, 1fr);*/
  columns: 2;
}

.details__tab {
  cursor: pointer;
  padding: 8px 16px;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  gap: var(--gap);
  align-items: center;
}

.details__tab::before {
  content: "";
  position: relative;
  width: 4px;
  height: 4px;
  background: var(--black-color);
  border-radius: 100%;
}

.details__tab.active-select {
  border-radius: 9px;
  background: rgba(46, 70, 86, 0.15);
}

.details__model {
  width: 100%;
  border-radius: var(--border-radius);
  display: flex;
  padding: calc(var(--padding) * 4) calc(var(--padding) * 8);
  border: 0.916px solid rgba(197, 197, 197, 0.5);
  gap: 10%;
}

.details__model--img {
  -o-object-fit: contain;
  object-fit: contain;
}

.details__model--info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.details__model--title {
  font-size: 27px;
  color: var(--black-color);
  margin: 0;
  font-weight: 700;
}

.details__model--subtitle {
  font-size: 20px;
  color: var(--black-color);
  margin: 0;
}

.details__accordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--gap);
  border-radius: var(--border-radius);
  border: 0.916px solid rgba(197, 197, 197, 0.5);
  padding: calc(var(--padding) * 4) calc(var(--padding) * 4) calc(var(--padding) * 4) calc(var(--padding) * 8);
}

.details__accordion--mobile {
  display: none;
}

.details__accordion--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.details__accordion.accordion-active .details__accordion--top svg {
  transform: rotate(90deg);
}

.contacts-top {
  margin-bottom: 100px;
  height: 582px;
  width: 100%;
  /*  background: url("/local/templates/promolink/css/./../img/contacts.png");*/
}

.contacts-top__content {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.contacts-top__subtitle {
  max-width: 300px;
  font-weight: 300;
  font-size: 18;
  grid-row: 3;
}

.contacts-top__wrapper {
  padding: 50px;
  border-radius: 20px;
  background: var(--white-color);
  gap: 15px 90px;
  display: grid;
  grid-template-columns: 336px 336px;
  width: -moz-max-content;
  width: max-content;
}

.contacts-top__place {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  gap: 15px;
}

.contacts-top__place--text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.contacts-top__place--text p:nth-child(1) {
  font-weight: 400;
  font-size: 28px;
}

.contacts-top__place--text p:nth-child(2) {
  font-weight: 300;
}

.contacts-top__field {
  height: 63px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  gap: 15px;
  border-radius: 8px;
  background: #F5F5F5;
}

.contacts-top__field:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}

.contacts-top__field:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}

.contacts-top__field:nth-child(5) {
  grid-column: 2;
  grid-row: 3;
}

.contacts {
  margin-bottom: 100px;
}

.contacts__container {
  display: flex;
  gap: 70px;
}

.contacts__title--wrapper {
  min-width: 30vw;
  width: 30vw;
  height: -moz-max-content;
  height: max-content;
  position: relative;
}

.contacts__title--wrapper::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #2E4356;
}

.contacts__content {
  display: flex;
  justify-content: space-between;
  gap: 10%;
}

.contacts__content--column {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 50%;
}

.contacts__content--column p {
  font-size: 16px;
}

.contacts__tabs {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.contacts__tabs--top {
  display: flex;
  gap: var(--gap);
}

.contacts__tabs--select {
  font-size: 17px;
  margin: 0;
  padding: 9px 18px;
  cursor: pointer;
}

.contacts__tabs--select.active-select {
  font-weight: 700;
  background: #E8E8E8;
  border-radius: 5px;
}

.contacts__tabs--content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 50px;
}

.contacts__tabs--content p {
  font-size: 16px;
}

.contacts__gallery {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}

.contacts__gallery img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 200px;
  height: 100%;
}

@media (max-width: 1480px) {
  .hero .swiper-horizontal>.swiper-pagination-bullets {
    right: 10px;
  }

  .swiper--next {
    right: 0;
  }

  .swiper--prev {
    left: 0;
  }

  .header__burger--content {
    margin-left: 0;
  }

  .header__container {
    width: calc(100vw - 20px);
  }

  .header__list {
    /*    display: none;*/
  }
}

@media (max-width: 1340px) {
  .product__total {
    font-size: 45px;
  }

  .product__add {
    width: 200px;
  }

  .product__price--current {
    font-size: 25px;
  }

  .footer__contacts {
    gap: 35px;
  }

}

@media (max-width: 1200px) {
  .footer__contacts {
    flex-direction: column;
    gap: calc(var(--offset) * 2);
  }

  .models__tab {
    width: 25vw;
  }

  .price__wrapper {
    display: flex;
    flex-direction: column;
  }

  .price__img--wrapper {
    max-height: 400px;
  }

  .product__top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: start;
    gap: 30px;
  }

  .product__total {
    margin-left: 0;
    grid-column: 1;
    grid-row: 1;
  }

  .product__count {
    grid-column: 1;
    grid-row: 2;
  }

  .product__add {
    grid-row: 1;
  }

  .product__tabs--info {
    grid-template-columns: 1fr;
  }

  .contacts-top__wrapper {
    gap: 30px 15px;
  }
}

@media (max-width: 1024px) {
  :root {
    --font-size: 18px;
    --middle-font-size: 12px;
    --small-font-size: 10px;
  }

  .footer__container {
    gap: calc(var(--gap) * 3.5);
  }

  .popular__top {
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
  }

  .popular__tab {
    font-size: 16px;
  }

  .popular__tabs {
    display: none;
  }

  .popular__all {
    display: flex;
    gap: 8px;
    align-items: center;
  }

  .category__container {
    flex-direction: column;
  }

  .category__filter {
    width: 100%;
  }

  .category__content--wrapper {
    width: 100%;
    padding: 0 10px;
  }

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

  .product__img {
    width: 100%;
  }

  .details__content {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    padding: 0;
  }

  .details__left {
    padding: 0 10px;
    padding-top: 20px;
  }

  .details__right {
    padding: 0 10px;
  }

  .details__tabs {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .contacts__container {
    padding: 0;
    flex-direction: column;
  }

  .contacts__content {
    padding: 0 10px;
  }

  .contacts__title--wrapper {
    width: -moz-max-content;
    width: max-content;
  }

  .contacts-top {
    height: -moz-max-content;
    height: max-content;
    padding-bottom: 10px;
  }

  .contacts-top__wrapper {
    grid-template-columns: 300px 300px;
    margin: 0 auto;
  }

  .contacts-top__content {
    gap: 20px;
    flex-direction: column;
  }
}

@media (max-width: 988px) {
  .news__wrapper {
    padding: calc(var(--offset)) 0 calc(var(--offset) * 6) 0;
  }

  .news__wrapper .top {
    padding: 0 calc(var(--offset) * 2);
  }

  .news__content {
    position: relative;
    padding: calc(var(--offset) * 2) !important;
  }

  .news__item--info {
    border-radius: 0;
  }

  .news .swiper--next {
    right: 0;
    top: calc(50% - 12px);
    position: absolute;
  }

  .news .swiper--prev {
    left: 0;
    top: calc(50% - 12px);
    position: absolute;
  }

  .header__search--content {
    width: 150px;
  }

  .models__content {
    gap: 0;
    justify-content: space-between;
  }

  .hero .swiper-slide__title {
    font-size: 40px;
  }
}

@media (max-width: 870px) {
  :root {
    --button-offset: 10px;
  }

  .models__tab {
    width: 100%;
  }

  .button {
    padding: var(--button-offset) var(--button-offset);
  }

  .header__links {
    width: auto;
  }
}

@media (max-width: 768px) {
  .header__list {
    display: none;
  }

  :root {
    --elem-height: 36px;
    --font-size: 14px;
    --middle-font-size: 10px;
    --small-font-size: 9px;
  }

  .title {
    font-size: 30px;
  }

  .hero .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 82px;
  }

  .header__contact--button {
    display: none;
  }

  .header__container {
    width: calc(100% - 40px);
    border-radius: 0 0 8px 8px;
  }

  .header__container_ul {
    padding: 5px 10px;
  }
  .header_personal-nav{
    display: none;
  }
  .header__logo svg {
    height: 60px;
  }

  .header__burger {
    min-width: 50vw;
    min-height: -moz-max-content;
    min-height: max-content;
  }

  .header__burger--item p {
    font-size: 17px;
  }

  .header__burger--item svg {
    width: 12px;
    height: 10px;
  }

  .header__burger--content {
    margin-right: 0;
    margin-top: 80px;
    margin-bottom: 40px;
  }

  .header__burger--trigger svg {
    height: 50%;
    width: 50%;
  }

  .header__search--trigger svg {
    height: 50%;
  }

  .header__link svg {
    height: 30px;
    width: 30px;
  }

  .header__links {
    display: flex;
    gap: 12px;
  }

  .header__basket {
    display: flex;
    align-items: center;
  }

  .header__basket--count {
    height: 15px;
    width: 15px;
    font-size: 7px;
    left: calc(100% - 5px);
    top: 8px;
  }

  .price__item {
    gap: 20px;
    grid-template-columns: minmax(0, 2.5fr) minmax(0, 20fr) minmax(0, 8fr) minmax(0, 8fr) minmax(0, 10fr) minmax(0, 32px);
  }

  .price__item--section {
    font-size: 12px;
  }

  .hero .swiper {
    height: 400px;
  }

  .hero .swiper-slide {
    padding-top: 80px;
  }

  .item {
    padding: 17px 10px 10px 10px;
    min-height: 340px;
  }

  .item__info--download,
  .item__info--add {
    width: 30px;
    height: 30px;
  }

  .item__info--link {
    height: 30px;
    padding: 0 6px;
    display: flex;
    align-items: center;
  }

  .item__info--price {
    flex: 1 1 auto;
  }

  .item__title {
    font-size: 14px;
  }

  .item__subtitle {
    font-size: 10px;
  }

  .news__wrapper {
    /*    top: -40px;*/
  }

  .form__container {
    flex-direction: column;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form__text {
    max-width: 100%;
  }

  .form__wrapper {
    max-width: 100%;
    margin-top: 25px;
  }

  .footer__container {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .footer__item:nth-child(1) {
    grid-row: 3;
  }

  .footer__item:nth-child(2) {
    grid-row: 1;
  }

  .models__letter {
    text-align: center;
    width: 23px;
  }

  .models__content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /*max-height: 800px;*/
  }

  .models__item {
    flex-direction: row;
    gap: 25px;
  }

  .models__tools {
    display: grid;
    gap: 10px 6px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .models__input--wrapper {
    grid-column: 1/5;
    width: 100%;
  }

  .models__tab p {
    font-size: 14px;
  }

  .models__name {
    font-size: 18px;
  }

  .breadcrumbs {
    /* margin-top: 90px; */
  }

  .breadcrumbs-padding {
    padding-top: 90px;
    margin-top: 0;
  }

  .category__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .category .item {
    width: calc(50vw - 20px);
  }

  .product__middle {
    gap: 20px;
    display: flex;
    flex-direction: column;
  }

  .product__wrapper {
    display: flex;
    flex-direction: column;
  }

  .product__img {
    height: 300px;
  }

  .product__info p {
    font-size: 12px;
  }

  .product__tools {
    gap: 10px;
  }

  .cars__tabs--top {
    max-width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(100px, 130px));
  }

  .cars__tab {
    width: 100%;
    font-size: 18px;
    text-align: center;
  }

  .cars__top {
    gap: 17px;
    flex-direction: column;
  }

  .cars__content {
    grid-template-columns: 1fr 1fr;
  }

  .contacts-top__wrapper {
    display: flex;
    flex-direction: column;
  }

  .contacts-top__subtitle {
    text-align: center;
  }

  .contacts__content--column {
    width: 100%;
  }

  .contacts__content--text {
    flex-direction: column;
    gap: 20px;
  }

  .button.center.header__burger--trigger {
    padding: 8px 8px;
  }
}

@media (max-width: 480px) {
  .item__info {
    gap: 10px;
  }

  :root {
    --elem-height: 26px;
    --button-offset: 5px;
    --offset: 4px;
    --padding: 3px;
    --border-radius: 10px;
    --font-size: 8px;
    --middle-font-size: 8px;
    --small-font-size: 8px;
    --gap: 5px;
  }

  .header__burger--content {
    margin-top: 50px;
  }

  .breadcrumbs {
    /* margin-top: 75px; */
  }

  .breadcrumbs__container {
    gap: 10px;
  }

  .breadcrumbs__text {
    width: -moz-max-content;
    width: max-content;
  }

  .breadcrumbs-padding {
    padding-top: 55px;
    margin-top: 0;
  }

  .container-wrap {
    padding: 0 20px;
  }

  .view-all {
    gap: 10px;
  }

  .view-all svg {
    width: 5;
    height: 7px;
  }

  .swiper--buttom-custom {
    width: 21px;
    height: 21px;
  }

  .swiper--buttom-custom svg {
    width: 50%;
    height: 50%;
  }

  .breadcrumbs__text {
    font-size: 14px;
  }

  .breadcrumbs__svg svg {
    height: 8px;
  }

  .title {
    font-size: 18px;
  }

  .small-text {
    font-size: 8px;
  }

  .text {
    font-size: 14px;
  }

  .header__burger {
    width: calc(100% - 20px);
  }
  .header__container{
    padding: 0;
  }
  .header__container__ul {
    padding: 5px 10px;
  }

  .header__basket {
    height: -moz-max-content;
    height: max-content;
  }

  .header__basket--count {
    top: 0;
  }

  .header__logo svg {
    width: 50px;
    height: 50px;
  }

  .header__search--content {
    width: 70px;
  }

  .header__search--trigger svg {
    width: 10px;
    height: 10px;
  }

  .item {
    min-height: 200px;
  }

  .item__img {
    height: 90px;
  }

  .item__title {
    -webkit-line-clamp: 2;
    font-size: 9px;
    margin-top: 9px;
  }

  .item__subtitle {
    margin-top: 5px;
  }

  .item__info--download,
  .item__info--add {
    width: 20px;
    height: 20px;
  }

  .item__info--price {
    font-size: 9px;
  }

  .item__info--link {
    font-size: 7px;
  }

  .hero .swiper-slide__title {
    font-size: 25px;
  }

  .hero .swiper-slide {
    padding-top: 76px;
  }

  .hero .swiper-slide__button {
    padding: 8px 16px;
  }

  .hero .swiper {
    height: 300px;
  }

  .models__tab {
    border-radius: 15px 15px 0 0;
    height: 33px;
    padding: 0 18px;
  }

  .models__tab p {
    font-size: 10px;
  }

  .models__tab svg {
    display: none;
    width: 9px;
    height: 6px;
  }

  .models__tabs {
    top: calc(-1 * (var(--offset) * 6 + 33px));
  }

  .models__content {
    /*max-height: 600px;*/
  }

  .hero .swiper-pagination-bullet-active .index {
    font-size: 10px;
  }

  .hero .swiper-pagination-bullet-active .index-all {
    font-size: 7px;
  }

  .hero .swiper-pagination-bullet {
    width: 25px;
    height: 3px;
  }

  .hero .swiper-pagination-bullet-active .index {
    top: -18px;
    right: 72px;
  }

  .hero .swiper-slide__subtitle {
    margin-top: 10px;
  }

  .hero .swiper-slide__button {
    margin-top: 15px;
  }

  .hero .swiper-horizontal>.swiper-pagination-bullets,
  .hero .swiper-pagination-bullets.swiper-pagination-horizontal,
  .hero .swiper-pagination-custom,
  .hero .swiper-pagination-fraction {
    bottom: 49px;
  }

  .models__input--wrapper {
    height: auto;
  }

  .models__input--trigger {
    height: 36px;
    width: 36px;
  }

  .models__input--trigger svg {
    width: 50%;
    height: 50%;
  }

  .models__letter {
    font-size: 18px;
  }

  .models__name {
    font-size: 18px;
  }

  .news__wrapper {
    padding: 10px;
    /*    top: -20px;*/
  }

  .news__item--title {
    font-size: 14px;
  }

  .news__item--info {
    height: 90px;
  }

  .news__item--img img {
    max-height: 180px;
  }

  .news__item:hover .news__item--img::after {
    top: -2px;
  }

  .form__input {
    border-radius: 15px;
  }

  .form__button {
    width: 100%;
    margin: 15px 0;
  }

  .form__wrapper--line {
    display: flex;
    flex-direction: column;
  }

  .form__text p {
    text-align: center;
  }

  .form__text p:nth-child(1) {
    margin-top: 15px;
    font-size: 22px;
  }

  .form__text p:nth-child(2) {
    font-size: 12px;
  }

  .footer {
    padding-top: 20px;
  }

  .footer__menu {
    margin-left: 24px;
    gap: 9px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .footer__menu--title {
    font-size: 15px;
  }

  .footer__menu--link {
    font-size: 12px;
  }

  .footer__menu--column {
    width: -moz-max-content;
    width: max-content;
  }

  .footer__contact--title {
    font-size: 18px;
  }

  .footer__contact--text {
    font-size: 14px;
  }

  .category__sort {
    display: none;
  }

  .filter {
    display: none;
  }

  .filter__mobile {
    padding: 0 20px;
    display: flex;
  }

  .filter__search--content {
    border: 1px solid #2E4356;
  }

  .price__item {
    padding: 0 5px;
    grid-template-columns: minmax(0, 2.5fr) minmax(0, 17fr) minmax(0, 10fr) minmax(0, 8fr) minmax(0, 12fr) minmax(0, 20px);
    gap: 10px;
  }

  .price__item--section {
    font-size: 12px;
    padding: 8px 0;
  }

  .price__item--section:last-child svg {
    height: 20px;
    width: 20px;
  }

  .price__item--top {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .product__count {
    height: 50px;
  }

  .product__count--res {
    font-size: 25px;
  }

  .product__total {
    font-size: 25px;
    padding: 10px 0;
  }

  .product__add {
    width: 100%;
    font-size: 9px;
  }

  .product__status {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }

  .product__tabs {
    margin-top: 25px;
  }

  .product__tabs--select {
    font-size: 12px;
  }

  .product__tabs--text span {
    font-size: 9px;
  }

  .product__advantage {
    gap: 13px;
  }

  .product__advantage svg {
    height: 18px;
  }

  .cars__card {
    gap: 20px;
  }

  .cars__card--title {
    font-size: 14px;
    font-weight: 700;
  }

  .cars__card--subtitle {
    font-size: 10px;
  }

  .cars__content {
    grid-template-columns: 1fr;
  }

  .details__model {
    height: 100px;
    padding: 20px;
  }

  .details__model--img {
    width: 100px;
  }

  .details__model--title {
    font-size: 14px;
  }

  .details__model--subtitle {
    font-size: 10px;
  }

  .details__accordion {
    display: none;
  }

  .details__accordion--mobile {
    display: block;
    margin-bottom: 10px;
    background: var(--white-color);
    border-radius: 10px;
  }

  .details__accordion--mobile p {
    font-size: 14px;
    font-weight: 700;
  }

  .contacts {
    margin-bottom: 50px;
  }

  .contacts__gallery {
    display: flex;
    flex-direction: column;
  }

  .contacts__gallery img {
    max-height: 180px;
  }

  .contacts__tabs--top {
    flex-direction: column;
  }

  .contacts-top {
    margin-bottom: 50px;
  }

  .contacts-top__wrapper {
    align-items: center;
    padding: 15px;
    gap: 13px;
  }

  .contacts-top__wrapper svg {
    height: 20px;
  }

  .contacts-top__field {
    height: 50px;
    width: 100%;
  }

  .contacts-top__field p {
    font-size: 16px;
  }

  .contacts-top__place--text p:nth-child(1) {
    font-size: 16px;
  }

  .contacts-top__place--text p:nth-child(2) {
    font-size: 13px;
  }

  .contacts-top__subtitle {
    font-size: 11px;
    max-width: 80%;
  }
}

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

/* promolink */
#loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8) url(/local/templates/promolink/img/loading.svg?1) no-repeat center center/ 150px auto;
  z-index: 99999;
}

.popular._grid .tabs__content {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.popular._grid .tabs__content>* {
  flex: 0 1 calc(100% / 4 - 30px / 4 * 3);
  max-width: calc(100% / 4 - 30px / 4 * 3);
}

.popular.screen {
  margin-top: 80px;
}

#regform.form_stylized .string.organisation {
  display: none;
}

#regform.form_stylized .string.organisation.show {
  display: flex;
}

.form_stylized._gray-bg,
#regform.form_stylized {
  min-width: 70%;
  background: #eee;
  padding: 40px;
  border-radius: 35px;
}

.form_stylized {
  font-family: 'Inter', sans-serif;
}

.string-field,
.form_stylized .string {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 10px 0;
}

.string-field label,
.form_stylized .string>label {
  flex: 0 0 30%;
  max-width: 30%;
  min-width: 300px;
  font-weight: 700;
  text-align: right;
  box-sizing: border-box;
  padding-right: 10px;
  font-size: 1.2em;
}

.string-field .field,
.form_stylized .string>.field {
  flex: 0 0 70%;
  max-width: 70%;
  min-width: 300px;
}

.string-field .field input[type=radio],
.form_stylized .string>.field input[type=radio] {
  display: none;
}

.form_stylized .form_stylized-item>.field input[type=date],
.string-field .field input[type=radio]+label,
.form_stylized .string>.field input[type=radio]+label {
  display: inline-block;
  padding: 8px 10px;
  background: #D9D9D9;
  cursor: pointer;
  font-size: .9em;
  margin-right: 8px;
}

.string-field .field input[type=radio]:checked+label,
.form_stylized .string>.field input[type=radio]:checked+label {
  background: var(--red-color);
  color: var(--white-color);
}

.form_stylized .form_stylized-item>.field input[type=text],
.form_stylized .form_stylized-item>.field input[type=tel],
.form_stylized .form_stylized-item>.field input[type=password],
.form_stylized .form_stylized-item>.field input[type=email],
.form_stylized .form_stylized-item>.field input[type=date],
.form_stylized .string>.field input[type=text],
.form_stylized .string>.field input[type=tel],
.form_stylized .string>.field input[type=password],
.form_stylized .string>.field input[type=email],
.form_stylized .string>.field input[type=date] {
  width: 100%;
  border: none;
  padding: calc(var(--padding) * 4) calc(var(--padding) * 7);
  border-radius: 19.924px;
  background: #D9D9D9;
  color: #1E1E1E;
  font-size: 14.943px;
  outline: none;
}

.form_stylized .form__button {
  width: fit-content;
}

.register-form .string-field {
  width: fit-content;
}

.string-field .field {
  display: flex;
  align-items: center;
  width: fit-content;
  min-width: unset;
}

.string-field .field input[type=radio]+label {
  min-width: unset;
  max-width: unset;
  white-space: nowrap;
}

.register-form .section-header {
  --section-header-gap: 30px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--section-header-gap);
}

.register-form .section-header>.section-header__collumn {
  flex: 0 1 calc(100% / 2 - var(--section-header-gap) / 2);
  max-width: calc(100% / 2 - var(--section-header-gap) / 2);
  display: flex;
}

.register-form .section-header>.section-header__collumn:last-child {
  justify-content: end;
}

.section-header:not(:first-child) {
  margin-top: 44px;
}

.form_stylized .form_stylized-item label {
  font-weight: 700;
  box-sizing: border-box;
  font-size: 1.2em;
  margin-bottom: 14px;
  display: block;
}

._two-columns {
  --form-stylized-two-columns-gap-x: 40px;
  --form-stylized-two-columns-gap-y: 20px;
  display: flex;
  align-items: stretch;
  gap: var(--form-stylized-two-columns-gap-y) var(--form-stylized-two-columns-gap-x);
  flex-wrap: wrap;
}

._two-columns>* {
  flex: 0 1 calc(100% / 2 - var(--form-stylized-two-columns-gap-x) / 2);
  max-width: calc(100% / 2 - var(--form-stylized-two-columns-gap-x) / 2);
  width: 100%;
  display: flex;
  flex-direction: column;
}

.form_stylized .form_stylized-item .button {
  height: 57.17px;
  margin-top: auto;
  width: 100%;
  text-align: center;
}

.two-columns-line {
  display: flex;
  align-items: stretch;
}

.two-columns-line {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: row;
}

.two-columns-line>* {
  flex: 0 1 calc(100% / 2 - 10px / 2);
  max-width: calc(100% / 2 - 10px / 2);
  width: 100%;
}

.search-result.screen {
  margin: 80px 0;
}

.search-result table.table {
  margin-top: 30px;
}

table.table {
  width: 100%;
  border-spacing: 1px;
  background: #EFEFEF;
  font-family: Arial;
  border-radius: 17px;
  overflow: hidden;
}

table.table thead {
  background: #EFEFEF;
}

table.table thead tr th {
  padding: 13px 20px;
  font-size: 17.672px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: start;
}

table.table thead tr:last-child tr:first-child {
  border-bottom-left-radius: 17px;
  overflow: hidden;
}

table.table thead tr:last-child tr:last-child {
  border-bottom-right-radius: 17px;
  overflow: hidden;
}

table.table tbody tr td {
  padding: 13px 20px;
  background-color: #fff;
  font-size: 17.672px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

table.table tbody tr:nth-child(2n) td {
  background-color: #f3f3f3;
}

table.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 17px;
  overflow: hidden;
}

table.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 17px;
  overflow: hidden;
}

table.table tbody tr td._bold {
  font-weight: 700;
}

table.table tbody tr td a {
  color: #000;
  text-decoration: none;
}

.overflow-scroll {
  overflow: auto;
}

section.news .news-grid {
  display: flex;
  align-items: stretch;
  gap: 30px;
  flex-wrap: wrap;
}

section.news .news-grid .news__item {
  flex: 0 1 calc(100% / 3 - 30px / 3 * 2);
  max-width: calc(100% / 3 - 30px / 3 * 2);
}

section.news .top._mb-30 {
  margin-bottom: 30px;
}

section.news .news__wrapper._not-top {
  top: 0;
}

.news-detail-modal {
  display: none;
  border-radius: 15px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  max-width: 800px;
}

.news-detail-modal .news-detail-modal__wrappe {
  position: relative;
}

.news-detail-modal .news-detail-modal__picture {
  width: 100%;
  height: 300px
}

.news-detail-modal .news-detail-modal__picture>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.news-detail-modal .news-detail-modal__body {
  padding: calc(var(--padding) * 4) calc(var(--padding) * 6);
}

.news-detail-modal .news-detail-modal__date {
  margin: 0;
  padding: var(--offset) calc(var(--offset) * 2);
  border-radius: 32px;
  border: 1px solid #7D7D7D;
  width: -moz-max-content;
  width: max-content;
  color: #7D7D7D;
  position: absolute;
  top: 30px;
  left: 30px;
  background-color: #fff;
  border: none;
}

.news-detail-modal .news-detail-modal__title {
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--black-color);
  font-size: var(--font-size);
  margin: 0;
  font-weight: 700;
  margin-top: var(--offset);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.news-detail-modal .news-detail-modal__description {
  font-family: var(--secondary-font-family);
  font-weight: 400;
  color: var(--black-color);
  font-size: 16px;
  margin: 0;
  margin-top: 20px;
  line-height: 1.3em;
}

.contacts-top .breadcrumbs {
  margin-top: 0;
  padding-top: var(--header-offset);
}

.show-more {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

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

._h-100 {
  height: 100%;
}

.mini-form {
  padding-bottom: 60px;
}

.mini-form .top {
  display: flex;
  gap: 40px;
}

.mini-form .bottom {
  display: flex;
  justify-content: end;
}

.mini-form .bottom .button {
  width: fit-content;
}

.mini-form .avatar-picture {
  flex: 0 1 calc(10% - 40px / 3 * 2);
  max-width: calc(10% - 40px / 3 * 2);
}

.mini-form .avatar-picture>img {
  width: 100%;
  object-fit: contain;
  object-fit: top left;
}

.mini-form .specialist-comment {
  flex: 0 1 calc(30% - 40px / 3 * 2);
  max-width: calc(30% - 40px / 3 * 2);
  padding: 36px 40px;
  border-radius: 14.157px;
  background-color: #fff;
  box-shadow: 0px 4px 15px 0px rgba(46, 67, 86, 0.20);
}

.mini-form .specialist-comment h2 {
  margin: 0;
  color: #2D4E73;
  font-size: 25.867px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3em;
}

.mini-form .specialist-comment p {
  margin: 0;
  color: #000;
  font-size: 18.876px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3em;
  margin-top: 20px;
}

.specialist-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.specialist-form .form-three-line {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.specialist-form .form-three-line>.form-item {
  flex: 0 1 calc(100% / 3 - 25px / 3 * 2);
  max-width: calc(100% / 3 - 25px / 3 * 2);
  width: 100%;
}

.specialist-form .form-item input,
.specialist-form .form-item textarea {
  border-radius: 14.157px;
  border: 1px solid #C6C6C6;
  padding: 27px 29px;
  color: #707070;
  font-size: 14.157px;
  font-style: normal;
  font-weight: 400;
  width: 100%;
}

.specialist-form .form-item textarea {
  resize: none;
}

.form_stylized._small {
  min-width: unset;
  max-width: 600px;
  gap: 30px;
  display: flex;
  flex-direction: column;
}

.button {
  text-decoration: unset;
}

.button._center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.button._black {
  background-color: var(--black-blue-color);
  color: #fff;
}

._mt-30 {
  margin-top: 30px;
}

._custom-reg-button {
  width: calc(100% / 2 - 40px / 2 - 40px);
  margin-left: auto;
  margin-right: 40px;
  margin-top: 40px;
}

.register-form .custom-checkbox {
  padding-top: 30px;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 100%;
  cursor: pointer
}

.form_stylized .form_stylized-item.custom-checkbox label,
.custom-checkbox label {
  line-height: 1em;
  margin-bottom: 0;
  cursor: pointer
}

.custom-checkbox .checkmark {
  background: #fff;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: relative;
}

.custom-checkbox .checkmark::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  background: #EA0029;
  z-index: 99999;
  border-radius: 50%;
  opacity: 0;
  transition: all .3s ease-in-out;
}

.custom-checkbox:hover:not(.active) .checkmark::after {
  opacity: .1;
}

.custom-checkbox.active .checkmark::after {
  opacity: 1;
}

.custom-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.link {
  color: #16222D;
  font-size: 16px;
}

#subgroup_part .details__accordion {
  margin-bottom: var(--gap);
  cursor: pointer;
}

#subgroup_part .details__accordion:hover {
  opacity: .7;
  transition: opacity .2s;
}

.catalog_link {
  color: #000;
  font-family: Arial;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.catalog_link:hover {
  text-decoration: underline;

}

body.show_menu header.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

/* promolink */
.container-fluid,
.bx-filter .bx-filter-section {
  padding: 0;
}

.bx-filter.bx-blue .bx-filter-section {
  background: transparent;
}

.btn-link:hover,
.btn-link:focus,
.bx-filter .bx-filter-parameters-box-title span:hover,
.bx-filter .bx-filter-parameters-box-title span {
  color: #000;
}

.bx-filter.bx-blue .btn-themes,
.bx-filter.bx-blue .btn-themes.bx-active,
.bx-filter.bx-blue .btn-themes.focus,
.bx-filter.bx-blue .btn-themes:active,
.bx-filter.bx-blue .btn-themes:focus,
.bx-filter.bx-blue .btn-themes:hover {
  background: #EA0029;
  border: #EA0029;
}

.category__filter.filter .cross,
.filter_mobile_trigger {
  display: none;
}

.models__item.models__item--active.fast_search_active .models__name {
  margin-bottom: 10px;
}

.models__item.models__item--active.fast_search_active {
  margin-bottom: 0 !important;
}

.models__item.models__item--active.fast_search_active .models__letter {
  display: none;
}

.cars__container .models__tools {
  margin-bottom: 30px;
}

@media screen and (max-width: 699px) {
  .models__column {
    width: 100%;
    columns: 2;
  }

  .models__item {
    flex-direction: row;
    gap: 15px;
    margin-bottom: 10px;
  }

  .header__burger {
    padding-top: 50px;

  }

  .header__burger--trigger {
    max-width: 100px;
  }

  .header__search {
    display: none;
  }

  .header__item.header__search_mobile {
    display: block;
  }

  .header__item.header__links.header__search_mobile svg {
    width: 30px;
  }

  .header__search.mobile_version {
    display: block;
    position: absolute;
    top: 40px;
    width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    padding: 30px 30px 20px 20px;
    height: auto;
    z-index: -1;
    border-radius: 0 0 30px 30px;
  }

  .header__search--content {
    height: 40px;
    width: 100%;
    font-size: 16px;
  }

  .header__search--trigger svg {
    width: 25px;
    height: 25px;
  }

  .header__search--trigger {
    cursor: pointer;
    position: absolute;
    background: none;
    border: none;
    right: 35px;
    top: calc(50% - 9px);
  }

  .filter_mobile_trigger {
    display: block;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 15px;
    padding: 8px 12px;
    background: var(--black-blue-color);
    border-radius: var(--small-border-radius);
    color: #fff;
  }

  .category__filter.filter .filter_title_container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    align-items: center;
  }

  .category__filter.filter .cross svg {
    max-width: 25px;
  }

  .category__filter.filter .cross {
    display: block;
  }

  .category__filter.filter.mobile_shown {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: scroll;
    z-index: 20;
    background: #fff;
    padding: 50px 30px;
    box-sizing: border-box;
  }

  .row.filter_title_container:before,
  .row.filter_title_container:after {
    display: none;
  }

  .bx-filter .bx-filter-title {
    font-size: 28px;
  }

  .mini-form .specialist-comment {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    box-shadow: none;
  }

  .mini-form .top {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    align-items: center;
  }

  .specialist-form .form-item input,
  .specialist-form .form-item textarea {
    border-radius: 14.157px;
    border: 1px solid #C6C6C6;
    padding: 11px 12px;
    color: #707070;
    font-size: 14.157px;
    font-style: normal;
    font-weight: 400;
    width: 100%;
  }

  .specialist-form .form-item textarea {
    height: 30vh;
  }

  .specialist-form .form-three-line {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .specialist-form .form-three-line>.form-item {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  .mini-form .avatar-picture {
    flex: 0 1 50%;
    max-width: 50%;
  }

  .mini-form .top {
    gap: 20px;
  }

  .form__button {
    text-align: center;
  }

  .news__wrapper {
    padding: 20px;
  }

  .product__add {
    grid-row: none;
  }

  .product__add {
    font-size: 12px;
  }

  .small-text {
    font-size: 11px;
  }

  /*.two-columns-line {
    display: block;
  }
  .two-columns-line>* {
      max-width: 100%;
      width: 100%;
      margin-bottom: 15px;
  }
  .register-form .custom-checkbox {
  } 
  .custom-checkbox {
    height: auto;
  }*/
  .price__item {
    padding: 0 5px;
    grid-template-columns: minmax(0, 0.5fr) minmax(0, 17fr) minmax(0, 3fr);
    gap: 10px;
  }

  .search-result__container .overflow-scroll {
    overflow: visible;
  }

  table#searchTable {
    overflow: visible;
    background: #fff;
    box-sizing: border-box;
    display: block;
  }

  table#searchTable tbody {
    display: block;
  }

  table#searchTable tbody tr {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background: #fff;
    margin: 0 0 15px 0;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: var(--small-border-radius);

  }

  table#searchTable thead {
    display: none;
  }

  table#searchTable tbody tr td {
    background: #fff;
    display: block;
    padding: 0;
  }

  table#searchTable tbody tr td.row_id {
    display: none;
  }

  table.table tbody tr td.name {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
    font-weight: bold;
    margin-bottom: 10px;
  }

  table.table tbody tr td.sku {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 10px;
    color: #999;
  }

  table.table tbody tr td.basket_trigger_container,
  table.table tbody tr td.price,
  table.table tbody tr td.availability,
  table.table tbody tr td.delivery {
    max-width: 50%;
    width: 50%;
    flex: 0 0 50%;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  table.table tbody tr td.delivery {
    text-align: right;
  }

  span.mobile_only {
    display: inline;
  }

  table#searchTable .item__info--add {
    width: 40px;
    height: 40px;
    float: right;
  }

  table.table tbody tr td.price {
    margin: 14px 0;
  }

  .details__tabs {
    columns: 1;
  }
}

#basket.loading {
  position: relative;
}

#basket.loading #preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8) url(/local/templates/promolink/img/loading.svg?1) no-repeat center center/ 150px auto;
  z-index: 99999;
}

.basket-container {
  background: #eee;
  padding: 40px;
  border-radius: 35px;
  overflow: hidden;
}

.basket-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 17.672px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: start;
  margin-bottom: 50px;
}

.basket-item-title {
  font-weight: 700;
}

.basket .button-link {
  text-decoration: none;
  color: #000;
  cursor: pointer;
  background: var(--black-blue-color);
  border-radius: var(--small-border-radius);
  padding: var(--padding) calc(var(--padding) * 3);
  gap: calc(var(--gap) * 2);
  color: #fff;
  text-align: center;
}

.basket-body {
  margin-bottom: 50px;
}

.basket-body .basket-item:not(:first-child) {
  margin-top: 30px;
}

.basket-body .basket-item {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}

.basket-body .basket-item>* {
  flex: 0 0 calc(100% / 5 - 20px / 5 * 4);
  max-width: calc(100% / 5 - 20px / 5 * 4);
  display: flex;
  flex-wrap: wrap;
}

.basket-item-counter.counter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.order-save-container {
  margin-top: 50px;
}

.order-save {
  background: #eee;
  padding: 40px;
  border-radius: 35px;
}

.order-save-form-body {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
}

.order-save-form-body>* {
  flex: 0 1 calc(100% / 2 - 20px / 2);
  max-width: calc(100% / 2 - 20px / 2);
}

.order-save-form-field:not(:first-child) {
  margin-top: 30px;
}

.order-save-form-field label {
  font-weight: 700;
  box-sizing: border-box;
  font-size: 1.2em;
  margin-bottom: 14px;
  display: block;
  line-height: normal;
}

.required {
  color: var(--red-color);
}

.order-save-form-field input {
  width: 100%;
  border: none;
  padding: calc(var(--padding) * 4) calc(var(--padding) * 7);
  border-radius: 19.924px;
  background: #D9D9D9;
  color: #1E1E1E;
  font-size: 14.943px;
  outline: none;
}

.order-save-form-field select {
  width: 100%;
  border: none;
  padding: calc(var(--padding) * 4) calc(var(--padding) * 7);
  border-radius: 19.924px;
  background: #D9D9D9;
  color: #1E1E1E;
  font-size: 14.943px;
  outline: none;
}

.order-save-form-field textarea {
  width: 100%;
  border: none;
  padding: calc(var(--padding) * 4) calc(var(--padding) * 7);
  border-radius: 19.924px;
  background: #D9D9D9;
  color: #1E1E1E;
  font-size: 14.943px;
  outline: none;
  height: 200px;
  min-width: 100%;
  max-width: 100%;
  min-height: 200px;
  max-height: 200px;
}

.order-save-form-field._checkbox {
  display: flex;
  align-items: center;
  width: fit-content;
}

.order-save-form-field._checkbox input {
  width: fit-content;
}

.order-save-form-field._checkbox label {
  margin-bottom: 0;
  margin-left: 10px;
  line-height: 1em;
  font-size: 1em;
  font-weight: 400;
}

.order-save-form-field._checkbox label a {
  color: var(--red-color);
}

.order-save .button {
  margin-top: 30px;
  width: fit-content;
  text-align: center;
}



.preimushestva {
  background: linear-gradient(180deg, #21374C 0%, #000 85.73%);
  padding-top: calc(var(--offset) * 7);
  padding-bottom: calc(var(--offset) * 3);
}

.preimushestva_container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.preimushestva_container .block {
  flex: 0 0 18%;
  max-width: 18%;
  text-align: center;
  color: #fff;
}

.preimushestva_container .block .pic {
  height: 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.preimushestva_container .block .text {
  color: #fff;
  text-align: center;
  border-radius: 30px 30px 0px 0px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.30) 0%, rgba(217, 217, 217, 0.00) 100%);
  min-height: 200px;
  padding: 110px 15px 15px 15px;
  position: relative;
  margin-top: -93px;
}

@media only screen and (max-width: 700px) {
  .preimushestva_container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
  }

  .preimushestva_container .block {
    flex: 0 0 45%;
    max-width: 45%;
    text-align: center;
    color: #fff;
    height: 200px;
  }

  .preimushestva_container .block .text {
    min-height: 160px;
  }
}

.personal_data_agree a,
.personal_data_agree {
  color: #fff;
  font-size: 14px;
  margin: 0 0 30px 0;
}

.item__info--download.link {
  font-size: 12px;
  line-height: 1.2em;
  white-space: nowrap;
  text-decoration: underline;
  display: block;
}

._only-mobile {
  display: none;
}

tr.order-hestory-item td {
  border-bottom: unset;
}

@media (max-width: 768px) {
  ._only-mobile {
    display: block;
  }

  tr.order-hestory-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-wrap: nowrap;
    align-items: start;
    justify-content: start;
  }

  tr.order-hestory-item td {
    display: flex;
    grid-area: 5px;
    width: 100%;
  }

  tr.order-hestory-item td ._only-mobile {
    display: inline;
  }
}

/* End */


/* Start:/local/templates/promolink/css/promolink.css?17454887181206*/
.screen.container-wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}

.payments-table_ceil:has(.--sort) {
	display: flex;
	align-items: center;
	gap: 10px;
}

.payments-table_ceil .--sort {
	content: "1";
	width: 16px;
	height: 20px;
	content: "";
	position: relative;
	background: url(/local/templates/promolink/img/ak-sort.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	cursor: pointer;
}

.payments-table_ceil .--sort.--active {
	background-image: url(/local/templates/promolink/img/ak-sort-active.svg);
}

table.table tbody tr.--green td {
	background-color: #D2FFA3;
}

table.table tbody tr:nth-child(2n).--green td {
	background-color: #b0f763;
}

.search-result table.table tbody tr td {
	white-space: nowrap;
}

.basket .button-link.--remove-button {
    background: url(/local/templates/promolink/img/basket-remove-button.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}


.bottom-finance_content {
  padding: 18px 0;
}

.table_order_history .table_row>* {
  flex: 0 0 5%;
}

/* End */


/* Start:/local/templates/promolink/css/mobile.css?17415926202939*/
@media (max-width: 988px) {

    .desktop-only {
        display: none !important;
    }

    .register-form .section-header {
        flex-direction: column;
    }

    .register-form .section-header h1 {
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .register-form .section-header>.section-header__collumn {
        flex: 0 1 100%;
        max-width: 100%;
        width: 100%;
    }

    .register-form .section-header {
        --section-header-gap: 15px;
    }

    .register-form .string-field {
        flex-direction: column;
    }

    .register-form .string-field label {
        text-align: center;
    }

    .register-form .string-field .field {
        margin-top: 10px;
        flex: 0 1 100%;
        max-width: 100%;
        width: 100%;
    }

    .register-form .section-body {
        margin-top: 10px;
    }

    .form_stylized._gray-bg,
    #regform.form_stylized {
        padding: 25px;
    }

    ._two-columns>* {
        flex: 0 1 100%;
        max-width: 100%;
        width: 100%;
    }

    .form_stylized .form_stylized-item label {
        font-size: 1em;
        margin-bottom: 10px;
    }

    .form_stylized .form_stylized-item .button {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .register-form .section-header>.section-header__collumn:last-child {
        justify-content: center;
    }

    section.news .news-grid {
        flex-direction: column;
    }

    section.news .news-grid .news__item {
        flex: 0 1 100%;
        max-width: 100%;
    }

    .basket-body tbody tr {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .basket-body tbody tr td {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        text-align: center !important;
    }

    .basket-item-counter.counter {
        justify-content: center;
        margin-bottom: 30px;
    }

    .basket-body table {
        background: none !important;
    }

    .order-save-form-body {
        flex-direction: column;
    }

    .order-save-form-body>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 1400px) {
    table.table thead tr th,
    table.table tbody tr td {
        padding: 8px 10px;
        font-size: 14px;
        font-size: 12px;
    }

    table.table .item__info--download, .item__info--add svg {
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 910px) {
    table.table thead tr th, table.table tbody tr td {
        font-size: 10px;
    }

    .basket_trigger_container .button-link {
        padding: 5px 10px;
    }

    .basket-item-counter.counter {
        gap: 5px;
        margin: 0;
    }
}

/* End */


/* Start:/local/templates/promolink/css/style-additional-17-10-2024.css?173926439220133*/
.red-button {
  font-size: calc(var(--font-size) - 2px);
  font-weight: 700;
  padding: 13px 40px;
  background: var(--red-color);
  color: var(--white-color);
  border-radius: var(--small-border-radius);
}

.price-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.price-block_title {
  font-size: var(--middle-font-size);
  color: #9D9D9D;
}

.price-block_number {
  font-size: 32px;
  font-weight: 700;
  color: var(--black-color);
}

.price-block_number.--negative {
  color: var(--red-color);
}

.price-block_number.--positive {
  color: #20D427;
}

.price-block_date {
  font-size: var(--middle-font-size);
  font-weight: 300;
}

.price-block_section {
  display: flex;
  gap: var(--gap);
  align-items: end;
}

.input-block {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.input-block_title {
  font-size: var(--middle-font-size);
  font-weight: 700;
}

.input-block_input {
  width: 100%;
  display: block;
  padding: 15px 20px;
  border-radius: var(--border-radius);
  border: none;
  background: var(--white-color);
  font-size: var(--middle-font-size);
}

.input-block_input::placeholder {
  color: #9D9D9D;
}

.notifications {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.notification {
  border-radius: var(--border-radius);
  border: 1px solid #c6c6c6;
  padding: 30px;
}

.notification_title {
  align-items: start;
  color: #9D9D9D;
  cursor: pointer;
}

.notification_title .text {
  font-size: 24px;
  font-weight: 700;
}

.notification_title .date {
  font-size: var(--middle-font-size);
  font-weight: 400;
  white-space: nowrap;
}

.notification.not-read>.notification_title .text {
  color: var(--red-color);
  display: flex;
  align-items: center;
  gap: 15px;
}

.notification.not-read>.notification_title .text::before {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--red-color);
  border-radius: 100%;
  flex-shrink: 0;
}

.notification.not-read>.notification_title .date {
  color: var(--black-color);
}

.notification_body {
  padding: 0 25px;
  display: none;
}

.notification_body.active {
  display: flex;
}

.notification_subtitle {
  font-size: var(--font-size);
  font-weight: 700;
}

.notification_block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.notification-grid {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.notification-grid_item {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: var(--gap);
  font-size: var(--middle-font-size);
}

.notification-grid_item .grid-title {
  color: #9D9D9D;
}

.notification-grid_item .grid-value {
  color: var(--black-color);
}

.notification_delete {
  font-size: var(--font-size);
  border: none;
  background: none;
  border-bottom: 1px solid;
  width: max-content;
  cursor: pointer;
  color: var(--red-color);
}

.statuses {
  display: flex;
  gap: 15px;
}

.statuses_item {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #9D9D9D;
}

.statuses_item .status_name {
  border: 1px solid;
  border-radius: var(--small-border-radius);
  padding: 13px 40px;
  font-size: var(--font-size);
}

.statuses_item:not(:last-child)::after {
  content: "";
  left: 100%;
  width: 33px;
  height: 15px;
  background: url(/local/templates/promolink/css/./../arrow.svg);
}

.statuses_item:last-child {
  color: var(--black-color);
}

@media screen and (max-width: 768px) {
  .statuses {
    flex-direction: column;
  }

  .statuses_item {
    flex-direction: column;
    text-align: center;
  }

  .statuses_item:not(:last-child)::after {
    transform: rotate(90deg);
  }

  .notification_delete {
    margin: 0 auto;
  }
}

.finance .top {
  margin-bottom: 40px;
}

.finance_body {
  display: grid;
  grid-template-columns: 1fr 345px;
  gap: 20px;
  align-items: start;
}

.finance_left-block {
  display: grid;
  grid-template-columns: 345px 1fr;
  gap: 40px 20px;
}

.finance_right-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.finance_block {
  box-shadow: 2px 4px 9.6px 0px rgba(75, 106, 134, 0.168627451);
  border-radius: var(--border-radius);
  padding: 25px;
  width: 100%;
  display: flex;
}

.finance_block.balance-data,
.finance_block.limits {
  height: 204px;
}

.finance_block.limits {
  flex-wrap: wrap;
}

.finance_block.limits .price-block {
  min-width: 50%;
}

.finance_block.received {
  flex-direction: column;
  gap: 30px;
}

.finance_block.balance-data {
  flex-direction: column;
  justify-content: space-between;
}

.finance_block .next-payment-block {
  width: 100%;
}

.finance_subtitle {
  font-size: calc(var(--font-size) + 2px);
  font-weight: 700;
}

.finance_received-table {
  width: 100%;
  border-collapse: collapse;
}

.finance_received-table th {
  font-size: var(--middle-font-size);
  color: #9D9D9D;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  margin-bottom: 20px;
}

.finance_received-table td {
  padding: 20px 0 0;
  font-size: var(--middle-font-size);
}

.finance_feedback-form {
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-radius: var(--border-radius);
  padding: 25px;
  background: #eee;
}

.finance_feedback-form_fields {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.finance_payments {
  grid-column: 1/span 2;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.finance_payments .payments-table {
  border-radius: var(--border-radius);
  overflow: hidden;
  max-height: 500px;
}

.finance_payments .payments-table_body {
  max-height: 100%;
  overflow: auto;
}

.finance_payments .payments-table_body::-webkit-scrollbar {
  width: 10px;
}

.finance_payments .payments-table_body::-webkit-scrollbar-thumb {
  background: #2E4356;
  width: 4px;
  border-radius: 10px;
  border: 3px solid #EFEFEF;
}

.finance_payments .payments-table_body::-webkit-scrollbar-track {
  background: #EFEFEF;
}

.finance_payments .payments-table_row {
  display: grid;
  grid-template-columns: 30px repeat(3, 1fr) 30px;
  padding: 13px 30px;
  font-size: var(--middle-font-size);
}

.finance_payments .payments-table_row.--heading {
  position: sticky;
  top: 0;
  background: #EFEFEF;
  font-size: calc(var(--font-size) - 2px);
  font-weight: 700;
}

.finance_payments .payments-table_row:not(.--heading) {
  border-bottom: 1px solid #C6C6C6;
}

.finance_payments .payments-table_row:not(.--heading):nth-child(2n+1) {
  background: #F8F8F8;
}

.finance_payments .payments-table_download {
  bottom: none;
  width: 30px;
  height: 30px;
  background: url(/local/templates/promolink/css/./../download.svg) center no-repeat;
  border: none;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .finance_block.limits {
    height: max-content;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
  }

  .finance_block.limits .next-payment-block {
    width: max-content;
  }
}

@media screen and (max-width: 1024px) {
  .finance_body {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) {
  .finance_left-block {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px 20px;
  }

  .finance_payments {
    grid-column: 1;
  }
}

.modal {
  display: none;
  border-radius: var(--border-radius);
}

.replenishment-modal {
  min-width: 816px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.replenishment-modal_body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.replenishment-modal_title {
  font-size: calc(var(--font-size) + 2px);
  font-weight: 700;
}

.replenishment-modal_form {
  display: flex;
}

.replenishment-modal_form-button {
  padding-left: 20px;
  padding-right: 20px;
  border-radius: var(--border-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex-shrink: 0;
}

.replenishment-modal_form-input {
  display: block;
  width: 100%;
  outline: none;
  padding: 20px;
  font-size: var(--middle-font-size);
  border: 1px solid #C6C6C6;
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  border-right: none;
}

.replenishment-modal_form-input::placeholder {
  color: #9D9D9D;
}

.replenishment-modal_block-buttons {
  display: flex;
  gap: var(--gap);
}

.replenishment-modal_button {
  border-radius: var(--border-radius);
  background: transparent;
  color: #9D9D9D;
  font-size: var(--middle-font-size);
  border: 1px solid;
  padding: 10px 20px;
  cursor: pointer;
}

.replenishment-modal_note {
  font-size: var(--middle-font-size);
  color: #9D9D9D;
}



















.filters-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.filters-container .filter1-4 {
  width: calc(25% - 40px);
}

.filters-container .filter3-4 {
  width: 75%;
}

.filters-container .filter1-4,
.filters-container .filter3-4 {
  box-sizing: border-box;
  padding: 20px;
  border-radius: 20px;
  background: #EEEEEE;
  position: relative;
}

.filters-container label {
  font-weight: bold;
  display: block;
  margin-right: 5px;
}

.filters-container .filter-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  align-items: center;
  margin: 15px 0;
}

.filters-container .filter-row select {
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  height: 38px;
  display: block;
  width: 100%;
  padding-left: 15px;
  box-sizing: border-box;
  color: #9D9D9D;
  max-width: 250px;
  margin-right: 15px;
}

.filters-container .filter1-4 label {
  margin-bottom: 15px;
}

.filters-container .button {
  height: 38px;
  padding: 0px 25px;
  color: #fff;
  font-weight: bolder;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 10px;
}

.filters-container .button:hover {
  transition: all .3s;
  filter: contrast(160%);
}

.filters-container .button.red {
  background: #EA0029;
}

.filters-container .button.gray {
  background: #2E4356;
}

.filters-container .button.position-right {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.filters-container .filter1-4 .filter-row:first-child select {
  margin-bottom: 15px;
}

.filters-container input[type=radio],
.filters-container input[type=checkbox] {
  margin-right: 5px;
  margin-left: 10px;
}

.filters-container input[type=date] {
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  height: 38px;
  display: block;
  width: 100%;
  padding-left: 15px;
  box-sizing: border-box;
  color: #9D9D9D;
  max-width: 130px;
  margin-right: 15px;
}

.history-table-descript {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 30px 0 10px 0;
}

.history-table-descript .statuses {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.history-table-descript .statuses .type {
  margin-right: 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.history-table-descript .statuses .type .marker {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  font-size: 20px;
  margin-right: 7px;
}

.history-table-descript .export_table_link {
  color: #EA0029;
  text-decoration: underline;
  font-weight: 600;
  cursr: pointer;
}

.table-status-done {
  background: #D2FFA3;
}

.table-status-denied {
  background: #FFC7BA;
}

.table-status-inwork {
  background: #FCF3B8;
}

.table_order_history {
  width: 100%;
  min-width: 100px;
}

.table_order_history .table_row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 25px;
  box-sizing: border-box;
}

.table_order_history .table_row>* {
  padding: 13px 10px;
  box-sizing: border-box;
}

.table_order_history .table_row .id {
  width: 100%;
  flex: 0 0 7%;
}

.table_order_history .table_row .artnumber {
  width: 100%;
  flex: 0 0 15%;
}

.table_order_history .table_row .manufacturer {
  width: 100%;
  flex: 0 0 15%;
}

.table_order_history .table_row .date {
  width: 100%;
  flex: 0 0 10%;
}

.table_order_history .table_row .refund {
  width: 100%;
  flex: 0 0 7%;
}

.table_order_history .table_row .quantity {
  width: 100%;
  flex: 0 0 5%;
}

.table_order_history .table_row .state {
  width: 100%;
  flex: 0 0 7%;
}

.table_order_history .table_row .price_column {
  width: 100%;
  flex: 0 0 7%;
}

.table_order_history .table_row .sum {
  width: 100%;
  flex: 0 0 7%;
}

.table_order_history .table_row .comment {
  width: 100%;
  flex: 0 0 12%;
}

.table_order_history .table_row.heading {
  background: #EFEFEF;
  font-weight: bold;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

.table_order_history .table_row .refund {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  align-items: center;
}

.table_order_history .table_row .button_refund,
.table_order_history .table_row .trigger_warning {
  width: 1em;
  height: 1em;
  font-size: 20px;
  background: no-repeat center center / contain;
  margin-right: 5px;
  cursor: pointer;
}

.table_order_history .table_row .button_refund:hover,
.table_order_history .table_row .trigger_warning:hover {
  opacity: .5;
  transition: all .3s;
}

.table_order_history .table_row .button_refund {
  background-image: url(/local/templates/promolink/img/refresh.svg);
}

.table_order_history .table_row .trigger_warning {
  background-image: url(/local/templates/promolink/img/warning.svg);
}




#return_modal,
#refund_modal {
  display: none;
  max-width: 750px;
}

#return_modal.modal,
#refund_modal.modal {
  height: auto;
}

#return_modal .replenishment-modal,
#refund_modal .replenishment-modal {
  max-width: 100%;
  min-width: 0;
}

#return_modal .refund_info,
#refund_modal .refund_info {
  background: #EEEEEE;
  padding: 12px 15px;
  border-radius: 15px;
}

#return_modal .refund_info .name,
#refund_modal .refund_info .name {
  font-size: 15px;
}

#return_modal .refund_info .data,
#refund_modal .refund_info .data {
  font-weight: bold;
}

#return_modal .refund_reason,
#refund_modal .refund_reason {
  margin: 20px 0;
}

#return_modal .refund_reason .reason,
#refund_modal .refund_reason .reason {
  border: 1px solid #C6C6C6;
  border-radius: 10px;
  padding: 17px 20px;
  margin: 7px 0;
  cursor: pointer;
}

#return_modal .refund_reason .reason:hover,
#refund_modal .refund_reason .reason:hover {
  background: #eee;
}

#return_modal .button-link,
#refund_modal .button-link {
  text-decoration: none;
  color: #000;
  cursor: pointer;
  background: var(--black-blue-color);
  border-radius: var(--small-border-radius);
  padding: var(--padding) calc(var(--padding)* 3);
  gap: calc(var(--gap)* 2);
  color: #fff;
  text-align: center;
}

#return_modal .refund_row label,
#refund_modal .refund_row label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
}

#return_modal .refund_row,
#refund_modal .refund_row {
  display: block;
  margin: 15px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

#return_modal .refund_row textarea,
#refund_modal .refund_row textarea {
  border: 1px solid #C6C6C6;
  min-height: 100px;
  padding: 5px;
  border-radius: 10px;
  box-sizing: border-box;
}

#return_modal .refund_row input[type=text],
#refund_modal .refund_row input[type=text] {
  border: 1px solid #C6C6C6;
  min-height: 50px;
  padding: 0 10px;
  border-radius: 10px;
}

#return_modal .contact_info,
#refund_modal .contact_info {
  padding: 12px 15px;
  background: #EEEEEE;
  border-radius: 15px;
}

#return_modal .other_data,
#refund_modal .other_data {
  display: none;
}

#return_modal.reason_selected .other_data,
#refund_modal.reason_selected .other_data {
  display: block;
}

#return_modal .button,
#refund_modal .button {
  text-align: center;
}

.modal.fancybox-content {
  height: auto;
  min-height: 0;
  min-width: 0;
}

.modal#return_modal-balance,
.modal#replenishment-balance {
  max-width: 940px;
}

.bottom-finance {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--white-color);
  z-index: 20;
  box-shadow: 2px -3px 11.8px 0px #4B6A8636;
  border-radius: var(--big-border-radius) var(--big-border-radius) 0 0;
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
  align-items: center;
  gap: 100px;
  width: max-content;
}

.bottom-finance_content {
  display: flex;
  gap: 50px;
  padding: 32px 0;
}

.bottom-finance_price-block {
  flex-direction: row;
  gap: 10px;
}

.bottom-finance_price-block .price-block_title {
  font-size: 20px;
  line-height: 26px;
}

.bottom-finance_price-block .price-block_number {
  font-size: 20px;
  line-height: 26px;
}

@media (max-width:768px) {
  .bottom-finance_content {
    gap: 20px;
    margin: 0 auto;
    width: max-content;
  }

  .bottom-finance_price-block .price-block_title {
    font-size: 16px;
    line-height: 18px;
  }

  .bottom-finance_price-block .price-block_number {
    font-size: 16px;
    line-height: 18px;
  }
}

@media (max-width:600px) {
  .bottom-finance_content {
    padding: 15px 20px;
    margin: 0;
  }

  .bottom-finance_price-block:has(.shipment-limit),
  .bottom-finance_price-block:has(.order-limit) {
    display: none;
  }
}

.suppliers {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.suppliers_feedback-form {
  padding: 30px;
  border-radius: var(--border-radius);
  background: #eee;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 30px;
}

.input-block_title span{
  color: var(--red-color);
}

.suppliers_feedback-form .button,
.suppliers_feedback-form .input-block {
  width: calc(50% - 15px);
}

.suppliers_feedback-form .button {
  height: min-content;
}

@media (max-width:768px) {
  .suppliers_feedback-form {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;

  }

  .suppliers_feedback-form .button,
  .suppliers_feedback-form .input-block {
    width: 100%;
  }
}
/* End */


/* Start:/local/templates/promolink/components/bitrix/breadcrumb/promolink/style.min.css?1703080080467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/promolink/styles.css?1745488702146*/
.bottom-finance_content {
  padding: 18px 0;
}

.bottom-finance {
    z-index: 40;
}

table.table tbody tr td {
  padding: 6px 10px;
}

/* End */
/* /local/templates/promolink/plugins/fancybox_3/jquery.fancybox.min.css?170308008012795 */
/* /local/templates/promolink/css/style.css?174118269498399 */
/* /local/templates/promolink/css/promolink.css?17454887181206 */
/* /local/templates/promolink/css/mobile.css?17415926202939 */
/* /local/templates/promolink/css/style-additional-17-10-2024.css?173926439220133 */
/* /local/templates/promolink/components/bitrix/breadcrumb/promolink/style.min.css?1703080080467 */
/* /local/templates/promolink/styles.css?1745488702146 */