/* Start:/local/templates/myt/assets/css/styles.css?1759655325204899*/
@charset "UTF-8";
/* resset.dev • v5.0.2 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  word-break: normal;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;

  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
}

*,
::before,
::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;

  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
}

::before,
::after {
  vertical-align: inherit;
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
}

* {
  margin: 0;
  padding: 0; /* Reset `padding` and `margin` of all elements */
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */

  height: 0; /* Add the correct box sizing in Firefox */

  color: inherit; /* Correct border color in Firefox. */
}

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

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

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

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

abbr[title] {
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
          text-decoration: underline;
          text-decoration: underline dotted;

  border-bottom: none; /* Remove the bottom border in Chrome 57 */

  -webkit-text-decoration: underline dotted;
}

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

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  position: relative;

  vertical-align: baseline;

  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */

  border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
}

iframe {
  border-style: none;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  outline-offset: -2px; /* Correct the outline style in Safari */

  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
}

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

textarea {
  overflow: auto; /* Internet Explorer 11+ */

  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;

  border-style: none;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  border-style: none;
  background-color: transparent;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -webkit-appearance: none; /* Chrome 41+ */
     -moz-appearance: none; /* Firefox 36+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  display: table; /* Correct the text wrapping in Edge and IE */

  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */

  white-space: normal; /* Correct the text wrapping in Edge and IE */

  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
}

::-webkit-file-upload-button {
  color: inherit;

  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
  /* Correct the inability to style clickable types in iOS and Safari */

  -webkit-appearance: button;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

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

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

/**
 * Swiper 11.1.11
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 28, 2024
 */
@font-face {
  font-family: "swiper-icons";
  font-weight: 400;
  font-style: normal;

  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  z-index: 1;

  display: block;

  margin-right: auto;
  margin-left: auto;
}

.swiper {
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;

  display: block;
  overflow: hidden;

  margin-right: auto;
  margin-left: auto;
  padding: 0;

  list-style: none;
}

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

.swiper-wrapper {
  position: relative;
  z-index: 1;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  height: 100%;

  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          transition-property:         transform;
          transition-property:         transform, -webkit-transform;
}

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

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

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

.swiper-slide {
  position: relative;

  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;

  width: 100%;
  height: 100%;

  -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          transition-property:         transform;
          transition-property:         transform, -webkit-transform;
}

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

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

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  align-items: flex-start;
  -ms-flex-align: start;

  -webkit-transition-property: height, -webkit-transform;
          transition-property: height, -webkit-transform;
          transition-property: transform, height;
          transition-property: transform, height, -webkit-transform;
}

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

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

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

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

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

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;

  -ms-overflow-style: none; /* For Internet Explorer and Edge */
  scrollbar-width: none; /* For Firefox */
}
.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 {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      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 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;

  content: "";
}
.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);
  -webkit-margin-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
  min-height: 1px;
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  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;
  z-index: 10;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  pointer-events: none;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;

  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;

  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: transparent;
  border-radius: 50%;
}

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

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* Slide styles end */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  position: relative;
  z-index: 1;

  width: 100%;
  height: 100%;
}

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

  overflow: hidden;
}

.noUi-connect,
.noUi-origin {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;

  width: 100%;
  height: 100%;

  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;

  -webkit-transform-style: preserve-3d;
  -webkit-transform-style: flat;
          transform-style: flat;
  will-change: transform;
}

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

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

  width: 0;
}

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

.noUi-handle {
  position: absolute;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

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

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

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

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

.noUi-horizontal .noUi-handle {
  top: -6px;
  right: -17px;

  width: 34px;
  height: 28px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  right: -6px;
  bottom: -17px;

  width: 28px;
  height: 34px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  right: auto;
  left: -17px;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  background: #fafafa;
  -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb;
          box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3fb8af;
}

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

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

.noUi-handle {
  cursor: default;

  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #ffffff;
  -webkit-box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb;
          box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb;
          box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  position: absolute;
  top: 6px;
  left: 14px;

  display: block;

  width: 1px;
  height: 14px;

  content: "";

  background: #e8e7e6;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  top: 14px;
  left: 6px;

  width: 14px;
  height: 1px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

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

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

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

.noUi-pips {
  position: absolute;

  color: #999999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;

  text-align: center;
  white-space: nowrap;
}

.noUi-value-sub {
  color: #cccccc;

  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;

  background: #cccccc;
}

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

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

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  top: 100%;
  left: 0;

  width: 100%;
  height: 80px;
  padding: 10px 0;
}

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

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

.noUi-marker-horizontal.noUi-marker {
  width: 2px;
  height: 5px;
  margin-left: -1px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  top: 0;
  left: 100%;

  height: 100%;
  padding: 0 10px;
}

.noUi-value-vertical {
  padding-left: 25px;

  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

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

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  position: absolute;

  display: block;

  padding: 5px;

  text-align: center;
  white-space: nowrap;

  color: #000000;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #ffffff;
}

.noUi-horizontal .noUi-tooltip {
  bottom: 120%;
  left: 50%;

  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.noUi-vertical .noUi-tooltip {
  top: 50%;
  right: 120%;

  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  bottom: 10px;
  left: auto;

  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  top: auto;
  right: 28px;

  -webkit-transform: translate(0, -18px);
      -ms-transform: translate(0, -18px);
          transform: translate(0, -18px);
}

@font-face {
  font-family: "lg";
  font-weight: normal;
  font-style: normal;

  font-display: block;
  src: url("/local/templates/myt/assets/css/../fonts/lg.woff2?io9a6k") format("woff2"), url("/local/templates/myt/assets/css/../fonts/lg.ttf?io9a6k") format("truetype"), url("/local/templates/myt/assets/css/../fonts/lg.woff?io9a6k") format("woff"), url("/local/templates/myt/assets/css/../fonts/lg.svg?io9a6k#lg") format("svg");
}
.lg-icon {
  text-transform: none;
  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: "lg" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  position: absolute;
  z-index: 1084;
  top: 50%;

  display: block;

  margin-top: -10px;
  padding: 8px 10px 9px;

  cursor: pointer;

  color: #999999;
  border: none;
  border-radius: 2px;
  outline: none;
  background-color: rgba(0, 0, 0, .45);

  font-size: 22px;
}
.lg-next.disabled,
.lg-prev.disabled {
  cursor: default;

  opacity: 0 !important;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #ffffff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

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

.lg-prev {
  left: 20px;
}
.lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  position: relative;

  -webkit-animation: lg-right-end .3s;
          animation: lg-right-end .3s;
}
.lg-outer.lg-left-end .lg-object {
  position: relative;

  -webkit-animation: lg-left-end .3s;
          animation: lg-left-end .3s;
}

.lg-toolbar {
  position: absolute;
  z-index: 1082;
  top: 0;
  left: 0;

  width: 100%;
}
.lg-media-overlap .lg-toolbar {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .4)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
}
.lg-toolbar .lg-icon {
  float: right;

  width: 50px;
  height: 47px;
  padding: 10px 0;

  cursor: pointer;
  -webkit-transition: color .2s linear;
          transition: color .2s linear;
  text-align: center;
  text-decoration: none !important;

  color: #999999;
  border: none;
  outline: medium none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;

  font-size: 24px;
  line-height: 27px;

  will-change: color;
}
.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
  color: #ffffff;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-maximize {
  font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  z-index: 1080;

  padding: 10px 40px;

  -webkit-transition: opacity .2s ease-out 0s;
          transition: opacity .2s ease-out 0s;
  text-align: center;

  opacity: 0;
  color: #eeeeee;

  font-size: 16px;
}
.lg-sub-html h4 {
  margin: 0;

  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  margin: 5px 0 0;

  font-size: 12px;
}
.lg-sub-html a {
  color: inherit;
}
.lg-sub-html a:hover {
  text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
}
.lg-item .lg-sub-html {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.lg-error-msg {
  color: #999999;

  font-size: 14px;
}

.lg-counter {
  display: inline-block;

  height: 47px;
  padding-top: 12px;
  padding-left: 20px;

  vertical-align: middle;

  color: #999999;

  font-size: 16px;
}

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

  opacity: 0;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
  -webkit-transition: opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important;
          transition: opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important;
          transition:         transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
          transition:         transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1), -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s !important;
  -webkit-transform: scale3d(.5, .5, .5);
      -ms-transform: scale3d(.5, .5, .5);
          transform: scale3d(.5, .5, .5);

  opacity: 0;

  will-change: transform, opacity;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
  -webkit-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);

  opacity: 1;
}

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

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

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

  content: "";
}

.lg-container {
  display: none;

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

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

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

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

  opacity: 0;

  will-change: transform, opacity;
}

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

  opacity: 0;
}
.lg-show-in .lg-hide-items .lg-next {
  -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);

  opacity: 0;
}
.lg-show-in .lg-hide-items .lg-toolbar {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);

  opacity: 0;
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);

  opacity: 0;
}

.lg-outer {
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;

  overflow: hidden;

  width: 100%;
  height: 100%;

  -webkit-transition: opacity .15s ease 0s;
          transition: opacity .15s ease 0s;
  text-align: left;

  opacity: .001;
  outline: none;

  will-change: auto;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
  opacity: 1;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  -webkit-transition-timing-function: inherit !important;
          transition-timing-function: inherit !important;
  -webkit-transition-duration: inherit !important;
          transition-duration: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
          transition-duration: 0s !important;

  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor:      -o-grab;
  cursor:     -ms-grab;
  cursor:         grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:      -o-grabbing;
  cursor:     -ms-grabbing;
  cursor:         grabbing;
}
.lg-outer .lg-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.lg-outer .lg-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  width: 100%;

  -webkit-transition: opacity 0s;
          transition: opacity 0s;
  white-space: nowrap;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("/local/templates/myt/assets/css/../images/loading.gif") no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  position: absolute;

  display: inline-block;

  width: 100%;
  height: 100%;

  text-align: center;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  display: inline-block;

  height: 100%;

  content: "";
  vertical-align: middle;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  white-space: nowrap;

  font-size: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-object {
  position: relative;

  display: inline-block;

  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;

  vertical-align: middle;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}
.lg-outer.lg-hide-download .lg-download {
  pointer-events: none;

  opacity: .75;
}
.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0%, 0);
          transform: translate3d(0, 0%, 0);

  opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  -webkit-transition: opacity .2s ease-out .15s;
          transition: opacity .2s ease-out .15s;

  opacity: 1;
}

.lg-backdrop {
  position: fixed;
  z-index: 1040;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  -webkit-transition: opacity 333ms ease-in 0s;
          transition: opacity 333ms ease-in 0s;

  opacity: 0;
  background-color: #000000;

  will-change: auto;
}
.lg-backdrop.in {
  opacity: 1;
}

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

  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
  -webkit-transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
          transition: opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
          transition:         transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
          transition:         transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
}

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

  opacity: 1;
}

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

.lg-components {
  position: absolute;
  z-index: 1080;
  right: 0;
  bottom: 0;
  left: 0;

  -webkit-transition: -webkit-transform .35s ease-out 0s;
          transition: -webkit-transform .35s ease-out 0s;
          transition:         transform .35s ease-out 0s;
          transition:         transform .35s ease-out 0s, -webkit-transform .35s ease-out 0s;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);

  will-change: transform;
}

.simplebar-scrollbar {
  border-radius: 5px;
  background: #000000;
}

.simplebar-track {
  border-radius: 5px;
  background: #d3d3d3;
}

.simplebar-vertical {
  width: 4px !important;
}

.simplebar-horizontal {
  height: 4px !important;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  top: 0;

  height: 100%;
}

.js-custom-scroll {
  overflow-x: hidden;
  overflow-y: auto;
}

/* 
 * 
 * Tippy Tooltip 
 * 
 */
.tippy-tooltip.white-border-theme {
  color: #000000;
  border: 1px solid #e6e6e6;
  background-color: #fffaf0;
}

.tippy-tooltip.white-border-theme .tippy-arrow {
  width: 1rem;
  height: 1rem;

  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);

  border: 1px solid #e6e6e6;
  background: #fffaf0;
}

.tippy-tooltip.white-border-theme .tippy-content {
  position: relative;
  z-index: 2;

  border-radius: 5px;
  background: #fffaf0;
}

[data-interactive] {
  -webkit-box-shadow: 0 0 1.5rem rgba(0, 0, 0, .35);
          box-shadow: 0 0 1.5rem rgba(0, 0, 0, .35);
}

[data-tooltip-content] {
  display: none;
}

.tooltip-markup {
  padding: 1rem;
}
.tooltip-markup__heading {
  position: relative;

  margin-bottom: 1rem;
  padding-bottom: 1rem;

  color: #000000;

  font-size: 1.4rem;
  font-weight: 500;
}
.tooltip-markup__heading::after {
  position: absolute;
  top: 100%;
  left: 0;

  width: 3.5rem;
  height: 3px;
  margin-top: -1px;

  content: "";

  background: #6e584d;
}
.tooltip-markup__body {
  font-size: 1.4rem;
}

:root {
  --blue: #0862c2;
  --body-bg: #fffaf0;
  --dark: #1c1c1c;
  --font-base-color: #1c1c1c;
  --orange: #d45907;
  --primary-color: #6e584d;
  --product-card-bg: #eae4d7;
  --white: #fffaf0;
  --yellow: #ffc107;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
}

ul,
ol {
  list-style: none;
}

address {
  font-style: normal;
}

::-moz-selection {
  color: #fffaf0;
  background: #6e584d;
}

::selection {
  color: #fffaf0;
  background: #6e584d;
}

@supports not selector(::-webkit-scrollbar) {
  .scrollbar {
    scrollbar-color: #6e584d #f5f5f5;
    scrollbar-width: thin;
  }
}
.scrollbar::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;

  background-color: #f5f5f5;
}

.scrollbar::-webkit-scrollbar-track {
  border-radius: 1rem;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #6e584d;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

[hidden] {
  display: none;
}

html {
  height: 100%;
}

html {
  font-size: 62.5%;
}
@media (min-width: 768px) {
  html {
    font-size: 50%;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 62.5%;
  }
}

body {
  height: 100%;

  color: var(--font-base-color, #1c1c1c);
  background: var(--body-bg, #fffaf0);

  font: 400 1.6rem/1.5 Golos Text, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;
          font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizespeed;
  -webkit-text-size-adjust: 100%;
}
body.mob-panel-opened {
  overflow: hidden;
}
body.mob-panel-opened .mob-panel {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
body.mob-panel-opened .btn-menu__icon-wrap::before {
  -webkit-transform: rotate(45deg) translateX(3.5px);
      -ms-transform: rotate(45deg) translateX(3.5px);
          transform: rotate(45deg) translateX(3.5px);
}
body.mob-panel-opened .btn-menu__icon-wrap::after {
  -webkit-transform: rotate(-45deg) translateX(3.5px);
      -ms-transform: rotate(-45deg) translateX(3.5px);
          transform: rotate(-45deg) translateX(3.5px);
}
body.is-search-opened {
  overflow: hidden;
}
body.is-search-opened .search-dropdown {
  overflow-y: auto;

  height: calc(100vh - var(--header-height));
  padding-bottom: 4rem;

  opacity: 1;
}
body.is-search-opened .btn-search .icon--search {
  display: none;
}
body.is-search-opened .btn-search .icon--close {
  display: block;
}
@media (max-width: 767px) {
  body:has(.header__personal-account-wrap.is-opened) {
    overflow: hidden;
  }
}
body.is-account-panel-opened {
  overflow: hidden;
}
body.is-account-panel-opened .account-panel {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.container-fluid {
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 768px) {
  .container-fluid {
    padding: 0 3.5rem;
  }
}

.overlay {
  position: fixed;
  z-index: 101;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background: rgba(34, 34, 34, .5);
}

.lg-backdrop {
  background: rgba(28, 28, 28, .9);
}

.lg-on body {
  overflow: hidden;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("/local/templates/myt/assets/css/../images/loading.gif") no-repeat scroll center center transparent;
}

.lg-outer.lg-grab img.lg-object {
  -o-object-fit: contain;
     object-fit: contain;
}

h1 {
  text-transform: uppercase;
}

/** 
 * Aka Helpers
 */
.img-responsive {
  display: block;

  max-width: 100%;
  height: auto;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.mb-sm {
  margin-bottom: 2rem;
}

.mb-md {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .mb-md {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .mb-md {
    margin-bottom: 4rem;
  }
}

.mb-lg {
  margin-bottom: 8rem;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.hyphenate {
  word-wrap: break-word;
      hyphens: auto;

  -ms-hyphens: auto;
  overflow-wrap: break-word;
}

.visually-hidden {
  position: absolute;

  overflow: hidden;
  clip: rect(0 0 0 0);

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;

  white-space: nowrap;

  border: 0;

  clip-path: inset(100%);
}

/* Misc Global Classes
------------------------------------------ */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Golos Text", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}

h1,
.h1 {
  font-size: 3rem;
}

h2,
.h2 {
  font-size: 2.6rem;
}

h3,
.h3 {
  font-size: 2.2rem;
}

h4,
.h4 {
  font-size: 2rem;
}

h5,
.h5 {
  font-size: 1.6rem;
}

h6,
.h6 {
  font-size: 1.4rem;
}

.main-heading {
  color: #222222;

  font-family: "Golos Text", Arial, sans-serif;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .main-heading {
    font-size: 3.6rem;
  }
}

.secondary-heading {
  position: relative;

  text-transform: uppercase;

  color: #6e584d;

  font-family: "Golos Text", Arial, sans-serif;
  font-size: 2rem;
}

.tertiary-heading {
  position: relative;

  padding-bottom: 1.5rem;

  text-transform: uppercase;

  color: #6e584d;

  font-family: "Golos Text", Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .tertiary-heading {
    font-size: 4rem;
  }
}

.lead {
  font-size: 1.8rem;
}

.small {
  font-size: 1.4rem;
}

/* ---------- Post Typography ---------- */
.rte,
.post-entry {
  line-height: 1.65;
}
.rte > *,
.post-entry > * {
  margin: 0 0 2.5rem;
}
.rte > *:last-child,
.post-entry > *:last-child {
  margin-bottom: 0;
}
.rte h3,
.post-entry h3 {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.rte h2 + *,
.post-entry h2 + * {
  margin-top: 0;
}
.rte a:not([class]):link,
.post-entry a:not([class]):link {
  text-decoration: underline;

  color: #1c1c1c;
}
.rte a:not([class]):visited,
.post-entry a:not([class]):visited {
  color: #1c1c1c;
}
.rte a:not([class]):hover,
.post-entry a:not([class]):hover {
  text-decoration: none;

  color: #6e584d;
}
.rte a:not([class]):active,
.post-entry a:not([class]):active {
  color: #53423a;
}
.rte strong,
.rte b,
.post-entry strong,
.post-entry b {
  font-weight: bold;
}
.rte em,
.rte i,
.post-entry em,
.post-entry i {
  font-style: italic;
}
.rte ul,
.post-entry ul {
  list-style: none;
}
.rte ul li,
.post-entry ul li {
  position: relative;

  padding-left: 2rem;
}
.rte ul li:not(:first-child),
.post-entry ul li:not(:first-child) {
  margin-top: .7rem;
}
.rte ul li::before,
.post-entry ul li::before {
  position: absolute;
  top: 0;
  left: 0;

  margin-right: 1.5rem;

  content: "·";

  color: #b4b4b4;

  font-size: 3.6rem;
  line-height: .7;
}
.rte ul ul,
.rte ul ul ul,
.post-entry ul ul,
.post-entry ul ul ul {
  margin: .7rem 0 0;
}
.rte ol,
.post-entry ol {
  counter-reset: item-counter;
}
.rte ol > li,
.post-entry ol > li {
  counter-increment: item-counter;
}
.rte ol li,
.post-entry ol li {
  position: relative;

  padding-left: 2.5rem;
}
.rte ol li:not(:first-child),
.post-entry ol li:not(:first-child) {
  margin-top: .7rem;
}
.rte ol li::before,
.post-entry ol li::before {
  position: absolute;
  top: 0;
  left: 0;

  content: counter(item-counter) ". ";

  color: #6e584d;

  font-family: "Golos Text", Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
}
.rte ol ol,
.rte ol ol ol,
.post-entry ol ol,
.post-entry ol ol ol {
  margin: .7rem 0 0;
}
.rte ol ul,
.post-entry ol ul {
  margin-top: 2rem;

  color: #9a9a9a;
}
.rte ol ul li,
.post-entry ol ul li {
  padding-left: 4rem;

  font-weight: 400;
}
.rte ol ul li::before,
.post-entry ol ul li::before {
  position: absolute;
  top: 0;
  left: 0;

  content: "·";

  color: #6e584d;
  background: transparent;
}
.rte blockquote,
.post-entry blockquote {
  padding-left: 1.3rem;

  color: var(--dark);
  border-left: .1rem solid var(--dark);

  font-size: 1.4rem;
  font-style: normal;
}
.rte blockquote > *,
.post-entry blockquote > * {
  margin: 0;
}
.rte blockquote cite,
.post-entry blockquote cite {
  display: block;

  margin-top: 1rem;
}
.rte cite,
.post-entry cite {
  font-size: smaller;
  font-style: normal;
}
.rte figcaption,
.post-entry figcaption {
  margin-top: 1.5rem;

  color: #64748b;

  font-size: 1.4rem;
}
.rte mark,
.post-entry mark {
  padding: .2rem .4rem;

  border-radius: .3rem;
  background: yellow;
}
.rte code,
.post-entry code {
  padding: .2rem .4rem;

  border-radius: .3rem;
  background-color: rgba(68, 68, 68, .2);
}
.rte pre,
.post-entry pre {
  overflow-x: auto;

  padding: 2rem;

  color: #ffffff;
  border: .1rem solid rgba(68, 68, 68, .2);
  border-radius: .3rem;
  background: #444444;
}
.rte pre code,
.post-entry pre code {
  background: transparent;
}
.rte hr,
.post-entry hr {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;

  opacity: .3;
}
.rte img,
.post-entry img {
  display: block;

  max-width: 100%;
  height: auto;
}
.rte table,
.post-entry table {
  width: 100%;

  text-align: left;

  border-collapse: collapse;

  font-size: 1.6rem;
}
.rte thead,
.post-entry thead {
  border-bottom: 1px solid #e6e6e6;
}
.rte tr:not(:first-child),
.post-entry tr:not(:first-child) {
  border-top: 1px solid #e6e6e6;
}
.rte tr:hover td,
.post-entry tr:hover td {
  background: #fafafa;
}
.rte th,
.rte td,
.post-entry th,
.post-entry td {
  padding: 1rem;
}
.rte th,
.post-entry th {
  font-weight: bold;
}
.rte td,
.post-entry td {
  -webkit-transition: all .3s;
          transition: all .3s;
}
.rte .float-left,
.post-entry .float-left {
  float: left;

  margin: 1.5rem 1.5rem 1.5rem 0;
}
.rte .float-right,
.post-entry .float-right {
  float: right;

  margin: 1.5rem 0 1.5rem 1.5rem;
}
.rte .callout,
.post-entry .callout {
  position: relative;

  padding: 2rem;

  color: #110b04;
  border-radius: .5rem;
  background: #f0eedf;
}

/* ---------- Post Typography ---------- */
::-webkit-input-placeholder {
  color: rgba(28, 28, 28, .2);
}
::-moz-placeholder {
  color: rgba(28, 28, 28, .2);
}
:-ms-input-placeholder {
  color: rgba(28, 28, 28, .2);
}
::-ms-input-placeholder {
  color: rgba(28, 28, 28, .2);
}
::placeholder {
  color: rgba(28, 28, 28, .2);
}

.input-field__input {
  position: relative;
}
.input-field__input.is-show-pass .input-field__btn-icon.is-icon-hide {
  display: none;
}
.input-field__input.is-show-pass .input-field__btn-icon.is-icon-show {
  display: block;
}
.input-field__btn {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 1.5rem;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  max-width: 2rem;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.input-field__btn-icon {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 2rem;
  height: 2rem;

  color: var(--dark);

  fill: none !important;
}
.input-field__btn-icon.is-icon-show {
  display: none;
}
.input-field.error .input,
.input-field.error .textarea {
  padding-right: 5rem;

  border-color: #a10000;
}
.input-field.error .input-notification {
  display: block;

  color: #a10000;
}
.input-field.error .input-notification__icon {
  fill: #a10000;
}
.input-field.warning .input,
.input-field.warning .textarea {
  padding-right: 5rem;

  border-color: #9f6000;
}
.input-field.warning .input-notification {
  display: block;

  color: #feefb3;
}
.input-field.warning .input-notification__icon {
  fill: #feefb3;
}
.input-field.success .input,
.input-field.success .textarea {
  padding-right: 5rem;

  border-color: #4f8a10;
}
.input-field.success .input-notification {
  color: #dff2bf;
}
.input-field.success .input-notification__icon {
  fill: #dff2bf;
}
.input-field .input-notification {
  display: none;

  margin-top: .5rem;

  font-size: 1.2rem;
}
.input-field .input-notification__icon {
  position: absolute;
  top: 50%;
  right: 2.4rem;

  width: 1.6rem;
  height: 1.6rem;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.input,
.select {
  width: 100%;
  min-height: 4.4rem;
  padding: .5rem 1.5rem;

  -webkit-transition: all .3s;
          transition: all .3s;

  color: var(--dark, #1c1c1c);
  border: .1rem solid var(--dark, #1c1c1c);
  outline: none;
  background: #fffaf0;
  -webkit-box-shadow: none;
          box-shadow: none;

  font-family: inherit;
  font-size: 1.4rem;
  line-height: 1.5;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.input:hover,
.select:hover {
  border-color: #cccccc;
}
.input:focus,
.select:focus {
  border-color: var(--dark);
  -webkit-box-shadow: 0 0 1.5rem rgba(var(--dark), .2);
          box-shadow: 0 0 1.5rem rgba(var(--dark), .2);
}

.select {
  padding-right: 4rem;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1.5rem;
}

.label {
  display: inline-block;

  margin-bottom: .5rem;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  font-size: 1.2rem;
}
.label span {
  color: #6e584d;
}

fieldset {
  border: none;
}

/*
 *
 * Checkbox
 *
 */
.checkbox-label__main {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  min-width: 1.2rem;
  min-height: 1.2rem;
  padding: 0 0 0 2rem;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  color: #1c1c1c;

  font-size: 1.4rem;
  line-height: 1.15;
}
.checkbox-label__main:hover::before {
  border-color: #cccccc;
}
.checkbox-label__main::before {
  position: absolute;
  top: .2rem;
  left: 0;

  width: 1.2rem;
  height: 1.2rem;

  content: "";
  -webkit-transition: all .3s;
          transition: all .3s;

  border: .1rem solid var(--dark);
}
.checkbox-label__input {
  position: absolute;
  top: -9999px;
  left: -9999px;

  visibility: hidden;
  overflow: hidden;

  width: 1px;
  height: 1px;

  opacity: 0;
}
.checkbox-label__input:checked + .checkbox-label__main::before {
  position: absolute;

  content: "";

  border-color: var(--dark, #1c1c1c);
  background-color: var(--dark, #1c1c1c);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-position: center;
  background-size: 1.1rem;
}
.checkbox-label__input[disabled] + .checkbox-label__main {
  cursor: default;
  pointer-events: none;

  opacity: .5;
}
.checkbox-label__amount {
  margin-left: .5rem;

  font-size: 1.4rem;
}
.checkbox-label.is-primary-color .checkbox-label__input:checked + .checkbox-label__main::before {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
.checkbox-label.is-md .checkbox-label__main {
  padding: 0 0 0 3rem;

  font-size: 1.6rem;
}
.checkbox-label.is-md .checkbox-label__main:before {
  top: -.1rem;

  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 768px) {
  .checkbox-label.is-md .checkbox-label__main:before {
    width: 2rem;
    height: 2rem;
  }
}
.checkbox-label.is-md .checkbox-label__input:checked + .checkbox-label__main::before {
  background-size: 1.6rem;
}

/*
 *
 * Radio
 *
 */
.radio-label__main {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  min-width: 2rem;
  height: 100%;
  min-height: 2rem;
  padding: 0 0 0 3rem;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  color: #1c1c1c;

  font-size: 1.4rem;
  line-height: 1.15;
}
.radio-label__main:hover::before {
  border-color: #cccccc;
}
.radio-label__main::before {
  position: absolute;
  top: 0;
  left: 0;

  width: 2rem;
  height: 2rem;

  content: "";
  -webkit-transition: all .3s;
          transition: all .3s;

  border: .2rem solid var(--dark);
  border-radius: 50%;
  background: #fffaf0;
}
.radio-label__main::after {
  position: absolute;
  top: 0;
  left: 0;

  width: 2rem;
  height: 2rem;

  content: "";
  -webkit-transition: all .3s;
          transition: all .3s;

  border: .2rem solid transparent;
  border-radius: 50%;
  background-color: transparent;
}
.radio-label__input {
  position: absolute;
  top: -9999px;
  left: -9999px;

  visibility: hidden;
  overflow: hidden;

  width: 1px;
  height: 1px;

  opacity: 0;
}
.radio-label__input:checked + .radio-label__main::before {
  border-color: var(--dark);
}
.radio-label__input:checked + .radio-label__main::after {
  background-color: var(--dark);
  -webkit-box-shadow: 0 0 0 .3rem #fffaf0 inset;
          box-shadow: 0 0 0 .3rem #fffaf0 inset;
}
.radio-label__input[disabled] + .radio-label__main {
  cursor: default;
  pointer-events: none;

  opacity: .5;
}
.radio-label__amount {
  margin-left: .5rem;

  color: #666666;

  font-size: 1.4rem;
}

/* Radio */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;

  -webkit-appearance: none;
}

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

/**
 * Switcher
 */
.switcher-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  gap: 1rem;
}
.switcher-label:hover .switcher-label__switch::before {
  opacity: .8;
}
.switcher-label__input {
  position: absolute;
  top: -9999px;
  left: -9999px;

  visibility: hidden;
  overflow: hidden;

  width: 1px;
  height: 1px;

  opacity: 0;
}
.switcher-label__input:checked ~ .switcher-label__switch::before {
  background: var(--dark);
}
.switcher-label__input:checked ~ .switcher-label__switch::after {
  -webkit-transform: translate3d(2.8rem, 0, 0);
          transform: translate3d(2.8rem, 0, 0);
}
.switcher-label__input[disabled] ~ * {
  cursor: default;
}
.switcher-label__input[disabled] ~ .switcher-label__switch::before {
  opacity: .3;
}
.switcher-label__switch {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  min-width: 5.6rem;
  min-height: 2.8rem;
  padding: 0 0 0 5.6rem;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.switcher-label__switch::before,
.switcher-label__switch::after {
  position: absolute;

  -ms-flex-item-align: start;
  align-self: flex-start;

  content: "";
}
.switcher-label__switch::before {
  left: 0;

  width: 5.6rem;
  height: 2.8rem;

  -webkit-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
          transition: background-color .3s ease-in-out, opacity .3s ease-in-out;

  border-radius: 1.8rem;
  background: #dfdfdf;
}
.switcher-label__switch::after {
  top: .2rem;
  left: .2rem;

  width: 2.4rem;
  height: 2.4rem;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .04), 0 .1rem .2rem rgba(0, 0, 0, .15);
          box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .04), 0 .1rem .2rem rgba(0, 0, 0, .15);
}
.switcher-label__label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  font-size: 1.4rem;
}
.switcher-label__label span {
  color: #ff4949;
}

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translateY(5rem);
            transform: translateY(5rem);

    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    -webkit-transform: translateY(5rem);
            transform: translateY(5rem);

    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translateX(-5rem);
            transform: translateX(-5rem);

    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
  }
}
@keyframes fadeInLeft {
  from {
    -webkit-transform: translateX(-5rem);
            transform: translateX(-5rem);

    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    -webkit-transform: scale(1.25) translateY(-200px);
            transform: scale(1.25) translateY(-200px);

    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);

    opacity: 100%;
  }
}
@keyframes fadeIn {
  from {
    -webkit-transform: scale(1.25) translateY(-200px);
            transform: scale(1.25) translateY(-200px);

    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);

    opacity: 100%;
  }
}
@-webkit-keyframes fadeOut {
  from {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);

    opacity: 100%;
  }
  to {
    -webkit-transform: scale(1.25) translateY(-200px);
            transform: scale(1.25) translateY(-200px);

    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);

    opacity: 100%;
  }
  to {
    -webkit-transform: scale(1.25) translateY(-200px);
            transform: scale(1.25) translateY(-200px);

    opacity: 0;
  }
}
@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale(.9);
            transform: scale(.9);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    -webkit-transform: scale(.9);
            transform: scale(.9);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes scaleOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(9);
            transform: scale(9);
  }
  100% {
    -webkit-transform: scale(.7);
            transform: scale(.7);

    opacity: 0;
  }
}
@keyframes scaleOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(9);
            transform: scale(9);
  }
  100% {
    -webkit-transform: scale(.7);
            transform: scale(.7);

    opacity: 0;
  }
}
@media print {
  * {
    color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  @page {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;

    size: letter portrait;
  }
  .no-print,
  .no-print * {
    display: none !important;
  }
}
/**
 * Icons
 * =================================
 */
.icon {
  display: inline-block;

  width: 2.5rem;
  height: 2.5rem;

  vertical-align: middle;

  fill: currentColor;
}
.icon[class*=stroked] {
  fill: none;
  stroke: currentColor;
}

/**
 * Buttons
 * =================================
 */
.btn {
  position: relative;

  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  min-width: 3.2rem;
  min-height: 3.2rem;
  padding: .5rem 1.5rem;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
  white-space: nowrap;

  color: var(--primary-color);
  border: .1rem solid transparent;
  border-radius: 0;
  outline: none;
  background: transparent;

  font-family: inherit;
  font-size: 1.4rem;
  line-height: 1.1;
  /*
   *
   * Buttons Disabled
   *
   */
  /*
   *
   * Buttons Types
   *
   */
  /*
   *
   * Buttons Statusses
   *
   */
  /*
   *
   * Buttons Animated
   *
   */
  /*
   *
   * Buttons Sizes
   *
   */
  /*
   *
   * Buttons extra
   *
   */
}
@media (min-width: 768px) {
  .btn {
    min-width: 5.2rem;
    min-height: 5.2rem;

    font-size: 1.6rem;
  }
}
.btn:not(:has(.btn__text)):not(.btn--link) {
  padding-right: .5rem;
  padding-left: .5rem;
}
.btn__text {
  -webkit-transition: inherit;
          transition: inherit;
}
.btn__text + .btn__icon {
  margin-left: 1rem;
}
.btn__icon {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 1.8rem;
  height: 1.8rem;

  fill: currentColor;
}
.btn__icon + .btn__text {
  margin-left: 1rem;
}
.btn:not([class*=btn-]):hover {
  text-decoration: underline;
}
.btn--no-padding {
  min-height: 0;
  padding: 0;
}
.btn--link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  min-height: 0;
  padding: 0;

  color: var(--font-base-color, #1c1c1c);

  font-size: 1.2rem;
  line-height: 1.1;

  gap: .5rem;
}
.btn--link__icon {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 1.6rem;
  height: 1.6rem;

  color: inherit;
}
.btn--carousel {
  width: 5.2rem;
  height: 5.2rem;

  -webkit-transition: background-color .3s ease-in-out;
          transition: background-color .3s ease-in-out;

  outline: 1px solid var(--primary-color);
  background: #eae4d7;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.btn--carousel:focus,
.btn--carousel:active {
  outline: none;
  background-color: transparent;
}
@media (max-width: 767px) {
  .btn--carousel {
    display: none;
  }
}
.btn--carousel:hover {
  background-color: var(--primary-color);
}
.btn--carousel:hover svg {
  color: var(--white);
}
.btn--carousel svg {
  width: 2.5rem;
  height: 2.5rem;

  -webkit-transition: color .3s ease-in-out;
          transition: color .3s ease-in-out;

  color: var(--primary-color);

  fill: none;
}
.btn.js-recommended-section-prev svg,
.btn.js-recommended-section-next svg {
  fill: none;
}
.btn[disabled],
.btn.disabled {
  cursor: default;
  pointer-events: none;

  opacity: .6;

  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.btn--primary {
  color: #fffaf0;
  background: #6e584d;
}
.btn--primary:hover,
.btn--primary:focus {
  background: #5e4b41;
}
.btn--primary:active {
  background: #53423a;
}
.btn--primary-reverse {
  color: #6e584d;
  border-color: #6e584d;
}
.btn--primary-reverse:hover,
.btn--primary-reverse:focus {
  color: #fffaf0;
  border-color: #6e584d;
  background: #6e584d;
}
.btn--primary-reverse:active {
  border-color: #53423a;
  background: #53423a;
}
.btn--secondary {
  color: #fffaf0;
  background: #1c1c1c;
}
.btn--secondary:hover,
.btn--secondary:focus {
  background: #181818;
}
.btn--secondary:active {
  background: #151515;
}
.btn--secondary-reverse {
  color: #1c1c1c;
  border-color: #1c1c1c;
}
.btn--secondary-reverse:hover,
.btn--secondary-reverse:focus {
  color: #fffaf0;
  border-color: #1c1c1c;
  background: #1c1c1c;
}
.btn--secondary-reverse:active {
  border-color: #151515;
  background: #151515;
}
.btn--tertiary {
  color: #fffaf0;
  background: #ff6347;
}
.btn--tertiary:hover,
.btn--tertiary:focus {
  background: #d9543c;
}
.btn--tertiary:active {
  background: #bf4a35;
}
.btn--tertiary-reverse {
  color: #ff6347;
  border-color: #ff6347;
  background: #fffaf0;
}
.btn--tertiary-reverse:hover,
.btn--tertiary-reverse:focus {
  color: #fffaf0;
  border-color: #ff6347;
  background: #ff6347;
}
.btn--tertiary-reverse:active {
  border-color: #bf4a35;
  background: #bf4a35;
}
.btn--gray {
  color: #fffaf0;
  background: #cccccc;
}
.btn--gray:hover,
.btn--gray:focus {
  background: #eeeeee;
}
.btn--gray:active {
  background: #e6e6e6;
}
.btn--gray-reverse {
  color: #cccccc;
  border-color: #cccccc;
}
.btn--gray-reverse:hover,
.btn--gray-reverse:focus {
  color: #fffaf0;
  border-color: #cccccc;
  background: #cccccc;
}
.btn--gray-reverse:active {
  background: #e6e6e6;
}
.btn--danger {
  color: #fffaf0;
  background: #a10000;
}
.btn--danger:hover {
  background: #890000;
}
.btn--danger-reverse {
  color: #a10000;
  border-color: #a10000;
}
.btn--danger-reverse:hover {
  color: #fffaf0;
  border-color: #a10000;
  background: #a10000;
}
.btn--grad {
  -webkit-transition: none;
          transition: none;

  color: #fffaf0;
  background: -webkit-gradient(linear, left top, right top, from(#ff5e4a), to(#ffc544));
  background: linear-gradient(to right, #ff5e4a 0%, #ffc544 100%);
  background-origin: border-box;
}
.btn--grad:hover {
  background: #ff5e4a;
}
.btn--animated {
  z-index: 1;
}
.btn--animated::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;

  display: inline-block;

  width: 100%;
  height: 100%;

  content: "";
  -webkit-transition: all .3s;
          transition: all .3s;

  border-radius: 0;
  background: inherit;
}
.btn--animated:hover {
  -webkit-transform: translateY(-.2rem);
      -ms-transform: translateY(-.2rem);
          transform: translateY(-.2rem);
}
.btn--animated:hover::after {
  -webkit-transform: scaleX(1.4) scaleY(1.6);
      -ms-transform: scaleX(1.4) scaleY(1.6);
          transform: scaleX(1.4) scaleY(1.6);

  opacity: 0;
}
.btn--sm {
  padding: .8rem 1rem;

  font-size: 1.4rem;
}
.btn--sm .btn__icon {
  width: 1.4rem;
  height: 1.4rem;
}
.btn--lg {
  padding: 1.5rem 3rem;

  font-size: 1.8rem;
}
.btn--lg .btn__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.btn--block {
  width: 100%;
  padding-right: .5rem;
  padding-left: .5rem;
}
.btn--block + .btn--block {
  margin-top: 1.5rem;
}

.soc {
  margin: 0;
  padding: 0;
}
.soc__item {
  display: inline-block;

  margin-left: .5rem;

  vertical-align: middle;
  text-indent: -9999px;
}
.soc__item:first-child {
  margin-left: 0;
}
.soc__link {
  position: relative;

  display: block;

  width: 3rem;
  height: 3rem;

  -webkit-transition: all .3s;
          transition: all .3s;
  text-align: center;

  border: 2px solid #cdcdcd;
  border-radius: 50%;
}
.soc__link:hover {
  border-color: transparent;
}
.soc__link--fb:hover {
  background: #3b5998;
}
.soc__link--tw:hover {
  background: #00aced;
}
.soc__link--vk:hover {
  background: #5d84ae;
}
.soc__link--gg:hover {
  background: #dd4b39;
}
.soc__link--yt:hover {
  background: #c4302b;
}
.soc__link--ok:hover {
  background: #ff9933;
}
.soc__link--mail:hover {
  background: #005ff9;
}
.soc__link--inst:hover {
  background: #c13584;
}
.soc__link:hover .soc__icon {
  fill: #fffaf0;
}
.soc__icon {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 1.6rem;
  height: 1.6rem;

  -webkit-transition: all .3s;
          transition: all .3s;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  fill: #cdcdcd;
}

.breadcrumbs {
  position: absolute;
  z-index: 2;
  top: var(--header-height);
  right: 0;
  left: 0;
}
.breadcrumbs__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  margin-right: -1.5rem;
  margin-left: -1.5rem;
  padding: 1rem 1.5rem;

  font-size: 1.2rem;
  line-height: 1.4;
}
.breadcrumbs__item {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  color: var(--dark);
}
.breadcrumbs__item:not(:first-child) {
  margin-left: .5rem;
}
.breadcrumbs__item:not(:first-child)::before {
  display: block;

  width: 1.6rem;
  height: 1.6rem;
  margin-right: .5rem;

  content: "";

  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6L9 8.5L7 11' stroke='%231C1C1C' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
}
.breadcrumbs__link {
  white-space: nowrap;

  color: var(--dark);
}
.breadcrumbs.is-white .breadcrumbs__item,
.breadcrumbs.is-white .breadcrumbs__link {
  color: var(--white);
}
.breadcrumbs.is-white .breadcrumbs__item:not(:first-child)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6L9 8.5L7 11' stroke='%23FFFFFF' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.breadcrumbs.is-white a.breadcrumbs__link:after {
  background-color: var(--white);
}

a.breadcrumbs__link {
  position: relative;
}
a.breadcrumbs__link:after {
  position: absolute;
  bottom: 0;
  left: 0;

  width: 0;
  height: .1rem;

  content: "";
  -webkit-transition: width .3s ease-in-out;
          transition: width .3s ease-in-out;

  background: var(--dark);
}
a.breadcrumbs__link:hover:after {
  width: 100%;
}

.pagination {
  position: relative;

  display: inline-block;

  padding: 0 4.25rem;

  font-size: 1.8rem;
  font-weight: 500;
}
.pagination__prev,
.pagination__next,
.pagination__first,
.pagination__last {
  position: absolute;
  top: 50%;

  width: 1.5rem;
  height: 1.5rem;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pagination__prev {
  left: 2.25rem;
}
.pagination__next {
  right: 2.25rem;
}
.pagination__first {
  left: 0;
}
.pagination__last {
  right: 0;
}
.pagination__icon {
  width: 100%;
  height: 100%;

  vertical-align: top;

  color: #cdcdcd;

  fill: none;
}
.pagination__icon:hover {
  color: #6e584d;
}
.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  margin: 0;

  list-style: none;
}
.pagination__item {
  display: inline-block;

  margin: 0 .1rem;

  text-align: center;

  color: #cdcdcd;

  font-size: 1.4rem;
}
.pagination__item:not(:has(.pagination__link)) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  -ms-flex-align: end;

  padding-bottom: 1rem;

  line-height: 1;
}
.pagination__link {
  display: block;

  padding: 1rem;

  -webkit-transition: all .3s;
          transition: all .3s;

  color: #cdcdcd;

  line-height: 1;
}
.pagination__link:hover,
.pagination__link.active {
  color: #6e584d;
}
.pagination__link.active {
  cursor: pointer;
}

.navbar {
  /* First Level */
  /* First Level */
  /* Second Level */
  /* Second Level */
  /* Third Level */
  /* Third Level */
  /* Interactive */
  /* Interactive */
  /* ---------------------- Mobile Version ---------------------- */
  /* ---------------------- Mobile Version ---------------------- */
}
.navbar__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;

  height: 100%;

  font-size: 1.6rem;
  line-height: 1.1;
}
.navbar__item {
  position: relative;

  height: 100%;
}
.navbar__item.active .navbar__link {
  cursor: default;

  color: #6e584d;
}
.navbar__item.active .navbar__link::before {
  background: #6e584d;
}
.navbar__item.active .navbar__icon {
  fill: #6e584d;
}
.navbar__link {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  height: 100%;
  padding: 1rem 1.5rem;

  -webkit-transition: all .3s;
          transition: all .3s;

  color: #666666;
}
.navbar__link::before {
  position: absolute;
  bottom: 0;
  left: 1.2rem;

  width: 3rem;
  height: .4rem;

  content: "";
  -webkit-transition: all .3s;
          transition: all .3s;
}
@media (min-width: 768px) {
  .navbar__link:hover {
    color: #6e584d;
  }
  .navbar__link:hover::before {
    background: #6e584d;
  }
  .navbar__link:hover .navbar__icon {
    fill: #6e584d;
  }
}
.navbar__text {
  display: inline-block;

  vertical-align: middle;
}
.navbar__icon {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.5rem;

  -webkit-transition: all .3s;
          transition: all .3s;

  fill: #e6e6e6;
}
.navbar__amount {
  display: inline-block;

  margin-left: .5rem;
  padding: .3rem .7rem;

  vertical-align: middle;

  color: #fffaf0;
  border-radius: 1rem;
  background: #6e584d;

  font-size: 1.4rem;
}
.navbar__arr {
  margin-left: 1rem;

  color: #6e584d;

  font-size: 1.2rem;
}
.navbar__sublist {
  z-index: 55;

  border-top: 1px solid #e6e6e6;
  border-bottom: .3rem solid #6e584d;
  background: #fffaf0;

  font-size: 1.4rem;
}
.navbar__subitem {
  position: relative;
}
@media (min-width: 768px) {
  .navbar__subitem:hover .navbar__sublink {
    color: #6e584d;
    background: #e9f4f6;
  }
}
.navbar__sublink {
  position: relative;

  display: block;

  padding: 1rem 1.5rem;

  -webkit-transition: all .3s;
          transition: all .3s;

  color: #1c1c1c;
}
.navbar__sublink [class*=fa] {
  position: absolute;
  top: 50%;
  right: 1rem;

  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);

  font-size: 1.2rem;
}
.navbar__deeplist {
  z-index: 55;

  min-width: 17rem;

  border-top: 1px solid #e6e6e6;
  border-bottom: .3rem solid #6e584d;
  background: #fffaf0;
}
.navbar__deepitem {
  position: relative;
}
.navbar__deeplink {
  position: relative;

  display: block;

  padding: 1rem 1.5rem;

  -webkit-transition: all .3s;
          transition: all .3s;

  color: #1c1c1c;
}
@media (min-width: 768px) {
  .navbar__deeplink:hover {
    color: #6e584d;
    background: #e9f4f6;
  }
}
.navbar__sublist,
.navbar__deeplist {
  position: absolute;
  top: -9999px;
  left: -9999px;

  visibility: hidden;
  overflow: hidden;

  width: 1px;
  height: 1px;

  opacity: 0;
}
@media (min-width: 768px) {
  .navbar__item:hover .navbar__sublist {
    position: absolute;
    top: 100%;
    left: 0;

    visibility: visible;
    overflow: visible;

    width: auto;
    height: auto;

    -webkit-animation: .3s fadeInUp;
            animation: .3s fadeInUp;

    opacity: 1;
  }
  .navbar__subitem:hover .navbar__deeplist {
    position: absolute;
    top: 0;
    left: 100%;

    visibility: visible;
    overflow: visible;

    width: auto;
    height: auto;

    -webkit-animation: .3s fadeInLeft;
            animation: .3s fadeInLeft;

    opacity: 1;
  }
}
@media (max-width: 767px) {
  .navbar {
    position: fixed;
    top: 0;
    left: -100%;

    width: 100vw;
    height: 100vh;

    -webkit-transition: all .3s;
            transition: all .3s;
    /* First Level */
    /* First Level */
    /* Second Level */
    /* Second Level */
    /* Third Mob Level */
    /* Third Mob Level */
  }
  .navbar__list {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .navbar__item {
    width: 20rem;
    height: auto;
  }
  .navbar__item.active .navbar__link {
    color: #e6e6e6;
  }
  .navbar__item.active .navbar__icon {
    fill: #e6e6e6;
  }
  .navbar__link {
    display: block;

    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;

    color: #fffaf0;
  }
  .navbar__link::before {
    display: none;
  }
  .navbar__arr {
    color: #fffaf0;
  }
  .navbar__sublist {
    padding: 1rem 0 1.5rem;

    border: none;
    background: transparent;
  }
  .navbar__subitem .navbar__arr::before {
    content: "\f078";
  }
  .navbar__sublink {
    color: #fefefe;
  }
  .navbar .is-opened > .navbar__sublist {
    position: static;
    top: 0;
    left: 0;

    visibility: visible;
    overflow: visible;

    width: auto;
    height: auto;

    opacity: 1;
  }
  .navbar__deeplist {
    min-width: 0;
    margin: .5rem 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 2rem;

    border: none;
    border-top: 1px dotted #e6e6e6;
    border-bottom: 1px dotted #e6e6e6;
    background: transparent;
  }
  .navbar__deepitem {
    position: relative;
  }
  .navbar__deepitem::before {
    position: absolute;
    top: 1.25rem;
    left: -.5rem;

    width: .8rem;
    height: .8rem;

    content: "";

    border-radius: 50%;
    background: #ffcc3a;
  }
  .navbar__deeplink {
    color: #eeeeee;
  }
  .navbar .is-opened > .navbar__deeplist {
    position: static;
    top: 0;
    left: 0;

    visibility: visible;
    overflow: visible;

    width: auto;
    height: auto;
    margin-top: .5rem;
    margin-bottom: .5rem;

    opacity: 1;
  }
  .is-navbar-opened .navbar {
    z-index: 101;
    left: 0;
  }
  .is-navbar-opened .navbar-trigger {
    z-index: 111;
  }
  .is-navbar-opened .navbar-trigger__line {
    background: #fffaf0;
  }
}

/* ----------- Navbar Toggle ----------- */
.navbar-trigger {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 1.5rem;

  width: 3rem;
  height: 2rem;
  padding: 0;

  cursor: pointer;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  border: none;
  background: transparent;
}
@media (min-width: 768px) {
  .navbar-trigger {
    display: none;
  }
}
.navbar-trigger::before {
  position: absolute;
  top: 50%;
  left: 0;

  width: 100%;
  height: .3rem;

  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  background: #6e584d;
}
.navbar-trigger__line {
  position: absolute;
  left: 0;

  display: block;

  width: 100%;
  height: .3rem;

  -webkit-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;

  background: #6e584d;
}
.navbar-trigger__line:nth-child(1) {
  top: 0;
}
.navbar-trigger__line:nth-child(2) {
  bottom: 0;
}
.navbar-trigger.is-active::before {
  display: none;
}
.navbar-trigger.is-active .navbar-trigger__line:nth-child(1),
.navbar-trigger.is-active .navbar-trigger__line:nth-child(2) {
  top: 50%;
  left: 50%;
}
.navbar-trigger.is-active .navbar-trigger__line:nth-child(1) {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.navbar-trigger.is-active .navbar-trigger__line:nth-child(2) {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

/* ----------- Navbar Toggle ----------- */
body.is-navbar-opened {
  overflow: hidden;
}

.tabs {
  /* Tabs Items */
  /* Tabs Items */
  /* Tabs Body */
  /* Tabs Body */
}
.tabs__header {
  border-bottom: 1px solid #e8e8e8;
}
.tabs__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;

  margin: 0;
  padding: 0;

  list-style: none;

  white-space: nowrap;
}
.tabs__item {
  position: relative;

  text-transform: uppercase;

  font-size: 1.3rem;
}
.tabs__item:not(:first-child) {
  margin-left: 1.5rem;
}
.tabs__link {
  display: block;

  padding: .9rem .5rem;

  cursor: pointer;
  -webkit-transition: all .3s;
          transition: all .3s;

  color: #222222;
  border-bottom: .4rem solid transparent;
}
.tabs__link:hover {
  text-decoration: none;

  color: #222222;

  font-weight: 500;
}
.tabs__link.is-active {
  cursor: default;

  border-bottom-color: #6e584d;

  font-weight: 500;
}
.tabs__tab-pane {
  display: none;

  padding: 3rem 0;
}
.tabs__tab-pane.is-active {
  display: block;
}

.accordion {
  border-bottom: 1px solid rgba(28, 28, 28, .3);
}
.accordion:first-child {
  border-top: 1px solid rgba(28, 28, 28, .3);
}
.accordion.is-active .accordion__heading::before {
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.accordion__heading {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  padding: 2rem 0;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;

  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2;

  gap: 1.5rem;
}
.accordion__heading::before,
.accordion__heading::after {
  position: absolute;
  top: 50%;
  right: 0;

  width: 1.2rem;
  height: 2px;

  content: "";
  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  background-color: #1c1c1c;
}
@media (min-width: 768px) {
  .accordion__heading::before,
  .accordion__heading::after {
    width: 1.6rem;
  }
}
.accordion__heading::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.accordion__heading-icon {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  width: 2rem;
  height: 1.2rem;
}
.accordion__heading-icon:before,
.accordion__heading-icon:after {
  position: absolute;
  left: 0;

  width: 2rem;
  height: .2rem;

  content: "";

  background-color: var(--dark);
}
.accordion__heading-icon:before {
  top: 0;
}
.accordion__heading-icon:after {
  bottom: 0;
}
.accordion__heading-icon span {
  display: block;

  width: 2rem;
  height: .2rem;

  background-color: var(--dark);
}
.accordion__body {
  padding-bottom: 2rem;
}

.accordion.is-second-lvl {
  border-color: transparent !important;
}
.accordion.is-second-lvl:last-child .product-info__row:last-child {
  margin-bottom: 0;

  border-bottom: transparent;
}
.accordion.is-second-lvl .accordion__heading {
  padding: 1.2rem 0;

  font-size: 1.4rem;

  gap: 1rem;
}
.accordion.is-second-lvl .accordion__heading:before {
  display: none;
}
.accordion.is-second-lvl .accordion__heading:after {
  position: static;

  width: 1.5rem;
  height: 1.5rem;

  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);

  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8327 1.08301L6.99935 6.91634L1.16602 1.08301' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
}
.accordion.is-second-lvl .accordion__body {
  padding: 0;
}

.js-dropdown:not(.is-opened) > *:not(:first-child) {
  visibility: hidden;

  opacity: 0;
}

.header__personal-account-wrap.js-dropdown:not(.is-opened) > *:not(:first-child) {
  visibility: visible;

  opacity: 1;
}
@media (min-width: 768px) {
  .header__personal-account-wrap.js-dropdown:not(.is-opened) > *:not(:first-child) {
    visibility: hidden;

    opacity: 0;
  }
}

.js-dropdown-toggle {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.custom-dropdown {
  position: relative;
}
.custom-dropdown.is-opened {
  border-bottom-color: transparent;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-dropdown.is-opened .custom-dropdown__header:after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.custom-dropdown__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  padding: 1.1rem 1.2rem;

  color: #333333;

  font-size: 1.4rem;
}
.custom-dropdown__header::after {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 2.4rem;
  height: 2.4rem;
  margin-left: 1rem;

  content: "";
  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8.5L12 15.5L5 8.5' stroke='currentColor' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
}
.custom-dropdown__heading {
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  min-width: 0;
}
.custom-dropdown__heading-text {
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;

  min-width: 6rem;
  margin-right: .5rem;

  white-space: nowrap;
  text-overflow: ellipsis;

  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
}
.custom-dropdown__body {
  position: absolute;
  z-index: 55;
  top: 100%;
  right: 0;

  overflow-x: hidden;
  overflow-y: auto;

  min-width: 100%;
  max-height: 21rem;
  padding: 1.6rem 2.8rem;

  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;

  background: var(--white);
  -webkit-box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, .0588235294);
          box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, .0588235294);
}
.custom-dropdown__body[data-simplebar] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.custom-dropdown__body[data-simplebar] .simplebar-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.custom-dropdown__item:not(:last-child) {
  margin-bottom: 1.6rem;
}
.custom-dropdown__link {
  display: block;

  -webkit-transition: all .3s;
          transition: all .3s;

  color: var(--dark);

  font-size: 1.6rem;
  line-height: 1.3;
}
.custom-dropdown__link:not(.is-disabled):hover .custom-dropdown__link-text {
  background-size: 100% 1px;
}
.custom-dropdown__link.is-disabled {
  cursor: default;
  pointer-events: none;

  color: #7e8689;
}
.custom-dropdown__link-text {
  position: relative;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}

.js-auth-panel + .personal-account {
  display: none;
}

.modal-win {
  position: fixed;
  z-index: 111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  overflow-x: hidden;
  overflow-y: auto;

  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
          transition: opacity .3s, transform .3s, -webkit-transform .3s;

  background: rgba(0, 0, 0, .5);
}
.modal-win + .modal-win {
  background: rgba(0, 0, 0, .35);
}
.modal-win__main {
  position: relative;

  width: 92%;
  margin: 8rem auto;
  padding: 3rem;

  -webkit-transition: opacity 1s;
          transition: opacity 1s;
  -webkit-animation: fadeOut .25s;
          animation: fadeOut .25s;

  opacity: 0;
  background: #fffaf0;
}
@media (min-width: 576px) {
  .modal-win__main {
    width: 100%;
    max-width: 54rem;
  }
}
.modal-win__main.is-modal-win-opened {
  -webkit-animation: .3s scaleIn forwards;
          animation: .3s scaleIn forwards;

  opacity: 1;
}
.modal-win__main--wide {
  max-width: 115rem;
}
.modal-win__close {
  position: absolute;
  top: 2rem;
  right: 2rem;

  width: 2rem;
  height: 2rem;

  cursor: pointer;
  -webkit-transition: all .3s;
          transition: all .3s;

  border: none;
  background: none;
}
.modal-win__close:hover {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);

  color: #1c1c1c;
}
.modal-win__close-icon {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 1.6rem;
  height: 1.6rem;

  cursor: pointer;
  -webkit-transition: all .3s;
          transition: all .3s;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  fill: currentColor;
}
.modal-win [data-modal-win][hidden] {
  display: block !important;
}

body.is-modal-opened {
  overflow: hidden;
}

.modal-content__header {
  margin-bottom: 3rem;
}
.modal-content__heading {
  text-transform: uppercase;

  color: #000000;

  font-family: "Golos Text", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
}

.search-dropdown {
  position: absolute;
  z-index: 55;
  top: calc(100% + 1px);
  right: 0;
  left: 0;

  overflow: hidden;

  height: 0;

  -webkit-transition: height .3s ease-in-out, opacity .3s ease-in-out, padding-bottom .3s ease-in-out;
          transition: height .3s ease-in-out, opacity .3s ease-in-out, padding-bottom .3s ease-in-out;

  opacity: 0;
  background-color: var(--white);
}
.search-dropdown__top {
  position: sticky;
  z-index: 5;
  top: 0;

  padding-top: 1rem;

  -webkit-transition: padding-bottom .3s ease-in-out;
          transition: padding-bottom .3s ease-in-out;

  background-color: var(--white);
}
.search-dropdown .input-field__btn-search {
  position: absolute;
  top: 50%;
  right: 0;

  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search-dropdown .input-field__icon-search {
  z-index: 1;

  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 2rem;
  height: 2rem;

  fill: none;
}
@media (min-width: 768px) {
  .search-dropdown .input-field__icon-search {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.search-dropdown .input {
  padding: .9rem 3rem .9rem 0;

  border-top: transparent;
  border-right: transparent;
  border-left: transparent;

  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .search-dropdown .input {
    font-size: 2.4rem;
  }
}
.search-dropdown .input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search-dropdown__list,
.search-dropdown__catalog-grid {
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .search-dropdown__list,
  .search-dropdown__catalog-grid {
    padding-top: 4rem;
  }
}

.recommendations-list__item {
  line-height: 1;
}
.recommendations-list__item:not(:last-child) {
  margin-bottom: 2rem;
}
.recommendations-list__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  color: inherit;

  font-size: 1.6rem;
  line-height: 1.3;

  gap: 1rem;
}
.recommendations-list__link:hover span {
  background-size: 100% 1px;
}
.recommendations-list__link span {
  position: relative;

  display: inline;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.recommendations-list__link.no-icon .recommendations-list__icon {
  display: none;
}
.recommendations-list__icon {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 2rem;
  height: 2rem;

  opacity: .6;

  fill: none;
}
@media (min-width: 768px) {
  .recommendations-list__icon {
    width: 2.4rem;
    height: 2.4rem;
  }
}

/**
 * Filter
 */
.filter {
  position: fixed;
  z-index: 111;
  top: 0;
  bottom: 0;
  left: 0;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  width: 100%;
  margin-bottom: 0;

  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
          transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);

  opacity: 0;
  background: var(--white);
}
.is-filter-opened {
  overflow: hidden;
}
.is-filter-opened .filter {
  visibility: visible;

  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);

  opacity: 1;
}

@media (min-width: 768px) {
  .filter {
    max-width: 30rem;
  }
}
.filter__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  padding: 2rem 1.5rem;

  gap: 1.5rem;
}
@media (min-width: 768px) {
  .filter__header {
    padding: 3.5rem 3.5rem 2rem;
  }
}
.filter__heading {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
}
.filter__main {
  overflow-x: hidden;
  overflow-y: auto;

  min-height: 0;
  padding: 2rem 1.5rem;
}
@media (min-width: 768px) {
  .filter__main {
    padding: 2rem 3.5rem;
  }
  .filter__main:hover .filter__section {
    opacity: .6;
  }
  .filter__main:has(.filter__section.is-active) .filter__section {
    opacity: .6;
  }
}
.filter__range {
  margin-bottom: 2.8rem;
}
@media (min-width: 768px) {
  .filter__range:not(:last-child) {
    margin-bottom: 4rem;
  }
}
.filter__section:not(:last-child) {
  margin-bottom: 2.8rem;
}
.filter__section:hover {
  opacity: 1 !important;
}
.filter__section:has(.switcher-label) {
  opacity: 1 !important;
}
.filter__section.is-fields-on .is-field-off {
  display: block;
}
.filter__section.is-active {
  opacity: 1 !important;
}
.filter__section.is-active .filter__title::after {
  -webkit-transform: rotate(-180deg) !important;
      -ms-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
}
@media (min-width: 768px) {
  .filter__section.is-active .filter__title::after {
    opacity: 1;
  }
}
.filter__section.is-active .filter__title-text {
  background-size: 100% 1px;
}
@media (min-width: 768px) {
  .filter__section.is-mobile-only {
    display: none;
  }
}
.filter__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  -ms-flex-align: start;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  font-size: 1.8rem;
  line-height: 1.3;

  gap: 1rem;
}
.filter__title::after {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 1.8rem;
  height: 1.8rem;
  margin-left: auto;

  content: "";
  -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: transform .3s ease-in-out, opacity .3s ease-in-out;
          transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;

  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1.5L9 8.5L2 1.5' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (min-width: 768px) {
  .filter__title::after {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .filter__title:hover .filter__title-text {
    background-size: 100% 1px;
  }
}
.filter__title:hover:after {
  opacity: 1;
}
.filter__title .is-result {
  -ms-flex-item-align: center;
  align-self: center;

  opacity: .6;

  font-size: 1.4rem;
  line-height: 1.1;
}
.filter__title-text:not(.is-result) {
  position: relative;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.filter__body > *:first-child {
  padding-top: 2rem;
}
.filter__item {
  padding-left: 2rem;
}
.filter__option:not(:first-child),
.filter__item:not(:first-child) {
  margin-top: 1.6rem;
}
.filter__option.is-field-off,
.filter__item.is-field-off {
  display: none;
}
.filter__link {
  color: var(--dark);

  font-size: 1.4rem;
  line-height: 1.3;
}
.filter__link:hover .filter__link-text {
  background-size: 100% 1px;
}
.filter__link-text {
  position: relative;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.filter__ranges {
  display: grid;

  gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.filter__range.input-field.is-secondary .label {
  left: 1.5rem;
}
.filter__switcher {
  cursor: pointer;
}
.filter__switcher .switcher-label__switch {
  margin-left: auto;
}
.filter__more-options {
  margin-top: 1.2rem;

  -webkit-transition: color .3s ease-in-out;
          transition: color .3s ease-in-out;

  color: var(--black);

  font-size: 1.4rem;
}
.filter__more-options:hover {
  text-decoration: underline;

  color: #6e584d;
}
.filter__footer {
  position: sticky;
  z-index: 2;
  bottom: 0;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  margin-top: auto;
  padding: 2rem 1.5rem;

  gap: 1rem;
}
@media (min-width: 768px) {
  .filter__footer {
    padding: 2rem 3.5rem 3.5rem;
  }
}
.filter__btn-accept,
.filter__btn-reset {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;

  min-height: 5.2rem;
  padding-right: .5rem;
  padding-left: .5rem;
}
@media (max-width: 767px) {
  .filter__header {
    position: sticky;
    z-index: 2;
    top: 0;

    background: var(--white);
  }
  .filter__close {
    cursor: pointer;

    line-height: 1;
  }
  .filter__close-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.counter {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  min-height: 5.2rem;
}
.counter__btn {
  position: absolute;
  top: 0;
  bottom: 0;

  width: 1.4rem;

  cursor: pointer;

  color: var(--white);
}
@media (min-width: 768px) {
  .counter__btn {
    width: 1.6rem;
  }
}
.counter__btn-icon {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 1.6rem;
  height: 1.6rem;

  -webkit-transition: all .3s;
          transition: all .3s;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  fill: currentColor;
}
@media (min-width: 768px) {
  .counter__btn-icon {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.counter__btn--remove {
  left: 1.5rem;
}
.counter__btn--add {
  right: 1.5rem;
}
.counter .input {
  min-height: auto;
  padding: .4rem 3rem;

  text-align: center;

  color: var(--white);
  border-color: var(--primary-color);
  background-color: var(--primary-color);

  font-size: 1.4rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  .counter .input {
    padding: 1rem 3.5rem;

    font-size: 1.6rem;
  }
}
.counter .input[readonly] {
  pointer-events: none;
}
.counter.is-white .counter__btn {
  color: var(--dark);
}
.counter.is-white .input {
  color: var(--dark);
  border-color: var(--dark);
  background-color: var(--white);
}

.catalog-section__heading:not(:last-child) {
  margin-bottom: 3.5rem;
  padding-top: 4rem;
}
.catalog-section__wholesalers-filter.wholesalers-filter {
  position: sticky;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;

  margin-top: 2.5rem;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;

  border-right: none;
  border-bottom: none;
  border-left: none;
  background-color: var(--white);
}
@media (min-width: 768px) {
  .catalog-section__wholesalers-filter.wholesalers-filter {
    margin-right: -3.5rem;
    margin-left: -3.5rem;
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }
}
@media (max-width: 767px) {
  .catalog-section__wholesalers-filter .wholesalers-filter__col-buttons {
    margin: 0 -1.5rem -.5rem;
    padding: 0 1.5rem .5rem;
  }
}

.catalog-controls__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 1rem;
}
.catalog-controls__top:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .catalog-controls__controls-wrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (min-width: 768px) {
  .catalog-controls__controls-wrap {
    min-width: 17rem;
  }
}
@media (max-width: 767px) {
  .catalog-controls__controls-wrap.is-desktop-only {
    display: none;
  }
}
.catalog-controls__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  cursor: pointer;

  gap: 1rem;
}
@media (max-width: 767px) {
  .catalog-controls__filter .catalog-controls__text {
    display: none;
  }
}
.catalog-controls__result .catalog-controls__text {
  font-weight: 400;
}
.catalog-controls__text {
  color: var(--dark);

  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
}
.catalog-controls__icon {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 2.4rem;
  height: 2.4rem;
}
.catalog-controls__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  gap: 1.2rem;
}
@media (max-width: 767px) {
  .catalog-controls__bottom {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;

    margin: 0 -1.5rem;
    padding: 0 1.5rem .5rem;
  }
}
.catalog-controls__bottom:not(:last-child) {
  margin-bottom: 2rem;
}
.catalog-controls__chapter-btn {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  min-height: 3.6rem;
  padding: .8rem 1.2rem;
}
@media (min-width: 768px) {
  .catalog-controls__chapter-btn {
    min-height: 4.4rem;
    padding: 1.2rem 2rem;
  }
}
.catalog-controls__chapter-btn.is-active {
  cursor: default;

  color: #fffaf0;
  border-color: #1c1c1c;
  background: #1c1c1c;
}

.product-card--skeleton {
  cursor: default;
  pointer-events: none;
}
.product-card--skeleton .skeleton-img,
.product-card--skeleton .skeleton-line,
.product-card--skeleton .skeleton-btn {
  -webkit-animation: skeleton-loading 1.5s infinite linear;
          animation: skeleton-loading 1.5s infinite linear;

  background-color: #e0e0e0;
}
.product-card--skeleton .skeleton-title {
  min-height: 0;
}
.product-card--skeleton .skeleton-line {
  display: block !important;

  height: 1.4rem;
  margin-bottom: .8rem;
}
.product-card--skeleton .skeleton-line:last-child {
  max-width: 20%;
}
.product-card--skeleton .skeleton-btn {
  border-color: transparent;
}
.product-card--skeleton .skeleton-btn:last-child {
  min-width: 5.2rem;
}

@-webkit-keyframes skeleton-loading {
  0% {
    background-color: #e0e0e0;
  }
  50% {
    background-color: #f0f0f0;
  }
  100% {
    background-color: #e0e0e0;
  }
}

@keyframes skeleton-loading {
  0% {
    background-color: #e0e0e0;
  }
  50% {
    background-color: #f0f0f0;
  }
  100% {
    background-color: #e0e0e0;
  }
}
.catalog-grid__controls:not(:last-child) {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .catalog-grid__controls:not(:last-child) {
    margin-bottom: 4rem;
  }
}
.catalog-grid__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  margin-top: 2rem;
}
@media (min-width: 768px) {
  .catalog-grid__bottom {
    margin-top: 4rem;
  }
}
@media (min-width: 768px) {
  .catalog-grid.catalog-grid--swiper .catalog-grid__carousel-pagination .swiper-pagination-bullets {
    display: none;
  }
}

.catalog-grid:not(.catalog-grid--swiper) .catalog-grid__content {
  display: grid;

  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 3rem;
}
@media (min-width: 360px) {
  .catalog-grid:not(.catalog-grid--swiper) .catalog-grid__content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .catalog-grid:not(.catalog-grid--swiper) .catalog-grid__content {
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .catalog-grid:not(.catalog-grid--swiper) .catalog-grid__content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1800px) {
  .catalog-grid:not(.catalog-grid--swiper) .catalog-grid__content {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .catalog-grid:not(.catalog-grid--swiper) .catalog-grid__content > .category-card:first-child {
    grid-row: 2/3;
  }
}

.product-card {
  position: relative;
}
.product-card__badges-wrap,
.product-card__controls {
  position: absolute;
  z-index: 3;
  top: 1.5rem;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  gap: .5rem;
}
.product-card__badges-wrap {
  right: 4.5rem;
  left: 1.5rem;
}
.product-card__controls {
  right: 1.5rem;

  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
}
.product-card__body {
  height: 100%;
}
.product-card__img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  padding: 2rem;

  background-color: var(--product-card-bg);

  aspect-ratio: 1/1.3;
}
.product-card__img-wrap:hover .product-card__img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.product-card__img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.product-card__info {
  padding: 1.2rem 0 1.2rem;
}
.product-card__title {
  display: block;

  text-transform: uppercase;

  color: inherit;

  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.3;
}
@media (min-width: 360px) {
  .product-card__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;

    min-height: 5.5rem;

    -webkit-line-clamp: 3;
  }
}
@media (min-width: 576px) {
  .product-card__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;

    min-height: 4.1rem;

    font-size: 1.6rem;

    -webkit-line-clamp: 2;
  }
}
.product-card__title:hover .product-card__text {
  background-size: 100% 1px;
}
.product-card__title:not(:last-child) {
  margin-bottom: .5rem;
}
.product-card__title .product-card__text {
  display: inline;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.product-card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  -ms-flex-align: start;

  margin-top: auto;

  gap: .8rem;
}
@media (min-width: 768px) {
  .product-card__buttons {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
  }
}
.product-card__buttons-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  gap: .8rem;
}
@media (min-width: 768px) {
  .product-card__buttons-wrap {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.product-card__buttons-wrap .product-card__btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
}
.product-card__buttons-wrap.is-added .product-card__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-card__buttons-wrap.is-added .btn__text {
  display: none;
}
.product-card__buttons-wrap.is-added .btn__text.is-mobile {
  display: none;
}
.product-card__buttons-wrap.is-added .btn__text.is-added-text {
  display: block;
}
.product-card__btn:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
}
.product-card__btn:not(:has(.btn__text)):has(.btn__icon) {
  min-width: 3.2rem;
}
@media (min-width: 768px) {
  .product-card__btn:not(:has(.btn__text)):has(.btn__icon) {
    min-width: 5.2rem;
  }
}
@media (max-width: 767px) {
  .product-card .btn__text {
    display: none;
  }
}
.product-card .btn__text.is-mobile {
  display: block;
}
@media (min-width: 768px) {
  .product-card .btn__text.is-mobile {
    display: none;
  }
}
.product-card .btn__text.is-added-text {
  display: none;
}
.product-card__counter {
  display: none;

  width: 100%;
  min-height: 3.2rem;
}
@media (min-width: 768px) {
  .product-card__counter {
    max-width: calc(50% - .4rem);
    min-height: 5.2rem;
  }
}
.product-card__counter .counter__btn--remove {
  left: 1rem;
}
.product-card__counter .counter__btn--add {
  right: 1rem;
}
.product-card__counter .counter__btn-icon {
  width: 1.4rem;
  height: 1.4rem;
}
.product-card__counter .counter__input.input {
  padding-right: 3rem;
  padding-left: 3rem;
}
.product-card .js-product-images-carousel .swiper-pagination-bullets {
  position: absolute;
  z-index: 3;
  bottom: 1.2rem;
  left: 50%;

  margin: 0;
  padding: 0;

  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.product-card.is-add-compare .product-card__img-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  color: var(--dark);

  gap: 3rem;
}
.product-card.is-add-compare .product-card__img-wrap:hover .product-card__add-text {
  background-size: 100% 1px;
}
.product-card.is-add-compare .product-card__add-text-wrap {
  text-align: center;
}
.product-card.is-add-compare .product-card__add-text {
  display: inline;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;
  text-align: center;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}

.prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  gap: 1rem;
}
.prices__old-price,
.prices__price {
  text-transform: uppercase;

  font-weight: 400;
  line-height: 1.2;
}
.prices__old-price {
  text-decoration: line-through;

  opacity: .6;

  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .prices__old-price {
    font-size: 1.2rem;
  }
}
.prices__price {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .prices__price {
    font-size: 1.4rem;
  }
}

.badge {
  padding: .4rem .5rem;

  text-align: center;

  color: var(--white);
  background-color: #cccccc;

  font-size: .8rem;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .badge {
    padding: .5rem .8rem;

    font-size: 1.2rem;
  }
}
.badge.is-blue {
  background-color: var(--blue);
}
.badge.is-orange {
  background-color: var(--orange);
}
.badge.is-primary-color {
  background-color: var(--primary-color);
}

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

  color: inherit;
}
.controller:hover .controller__icon,
.controller.is-active .controller__icon {
  color: var(--primary-color);

  fill: var(--primary-color);
}
.controller__icon {
  display: block;

  width: 2.4rem;
  height: 2.4rem;

  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;

  fill: transparent;
}

@media (min-width: 768px) {
  .section-header.is-sm .section-heading {
    font-size: 3.2rem;
  }
}
.section-header.is-sm .section-subtitle {
  font-size: 1rem;
}
.section-header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  gap: 1rem;
}
.section-header__link {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .section-header__link {
    font-size: 1.6rem;
  }
}
.section-header__link:hover .btn-link__text {
  background-size: 100% 1px;
}
.section-header__link .btn-link__text {
  display: inline;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.section-header__link svg {
  width: 2.4rem;
  height: 2.4rem;

  fill: none;
}
.section-header.is-two-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 2rem;
}
.section-header.is-two-columns .section-header__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  gap: 1rem;
}

.section-heading {
  text-transform: uppercase;

  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .section-heading {
    font-size: 3.6rem;
  }
}
.section-heading:not(:first-child) {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .section-heading:not(:first-child) {
    margin-top: 2.5rem;
  }
}
.section-heading:not(:last-child) {
  margin-bottom: .8rem;
}

.section-subtitle {
  text-transform: uppercase;

  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
}
.section-subtitle:not(:last-child) {
  margin-bottom: 1rem;
}

.signature {
  display: block;

  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
@media (min-width: 768px) {
  .signature {
    margin-left: -2.5rem;
  }
}

a.preview-card:hover .preview-card__img {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

.preview-card {
  position: relative;
}
.preview-card__img {
  display: block;

  width: 100%;
  height: 100%;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .preview-card__img {
    aspect-ratio: 1/1.4;
  }
}
.preview-card__title {
  position: absolute;
  right: .8rem;
  bottom: .8rem;
  left: .8rem;

  text-transform: uppercase;

  color: var(--white);

  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .preview-card__title {
    right: 1.2rem;
    bottom: 1.5rem;
    left: 1.2rem;

    font-size: 2.8rem;
  }
}

.collage__grid {
  display: grid;

  max-width: 130rem;
  margin: 0 -1.5rem;

  gap: 1rem;
  grid-template-columns: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .collage__grid {
    margin: 0 auto;

    gap: 2.5rem;
  }
}
.collage__item {
  overflow: hidden;
}
.collage__item img {
  display: block;

  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
.collage__item--1 {
  display: none;

  grid-column: 3/5;
  grid-row: 3/5;
}
@media (min-width: 768px) {
  .collage__item--1 {
    display: block;
  }
}
.collage__item--2 {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .collage__item--2 {
    grid-column: 5/9;
    grid-row: 1/5;
  }
}
.collage__item--3 {
  display: none;

  grid-column: 9/11;
  grid-row: 1/3;
}
@media (min-width: 768px) {
  .collage__item--3 {
    display: block;
  }
}
.collage__item--4 {
  display: none;

  grid-column: 9/11;
  grid-row: 3/5;
}
@media (min-width: 768px) {
  .collage__item--4 {
    display: block;
  }
}
.collage__item--5 {
  grid-column: span 6;
}
@media (min-width: 768px) {
  .collage__item--5 {
    grid-column: 1/4;
    grid-row: 5/6;
  }
}
.collage__item--6 {
  grid-column: span 6;
}
@media (min-width: 768px) {
  .collage__item--6 {
    grid-column: 4/7;
    grid-row: 5/6;
  }
}
.collage__item--7 {
  display: none;

  grid-column: 7/10;
  grid-row: 5/6;
}
@media (min-width: 768px) {
  .collage__item--7 {
    display: block;
  }
}
.collage__item--8 {
  display: none;

  grid-column: 10/13;
  grid-row: 5/6;
}
@media (min-width: 768px) {
  .collage__item--8 {
    display: block;
  }
}
.collage__item--9 {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .collage__item--9 {
    grid-column: 3/8;
    grid-row: 6/8;
  }
}
.collage__item--10 {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .collage__item--10 {
    grid-column: 8/13;
    grid-row: 6/8;
  }
}
.collage__item--11 {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .collage__item--11 {
    grid-column: 3/6;
    grid-row: 8/10;
  }
}
.collage__item--12 {
  grid-column: span 12;
}
@media (min-width: 768px) {
  .collage__item--12 {
    grid-column: 6/11;
    grid-row: 8/10;
  }
}

.price-range__values {
  display: grid;

  margin-bottom: 1.5rem;

  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.price-range__field:last-child {
  text-align: right;
}
.price-range__caption {
  font-size: 1.4rem;
  line-height: 1.3;
}
.price-range__slider {
  height: .1rem;
  margin-right: 1rem;

  border: none;
  background: rgba(28, 28, 28, .3);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.price-range__slider .noUi-connect {
  background: var(--dark);
}
.price-range__slider .noUi-handle {
  top: -.6rem;

  width: 1.2rem;
  height: 1.2rem;

  cursor: pointer;

  border: 1px solid var(--dark);
  border-radius: 50%;
  outline: none;
  background: var(--dark);
  background: var(--white);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.price-range__slider .noUi-handle::before,
.price-range__slider .noUi-handle::after {
  display: none;
}
.price-range__slider .noUi-handle-lower,
.price-range__slider .noUi-handle-upper {
  right: -.9rem !important;
}
.price-range__slider [disabled] {
  display: none;
}

.video-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  gap: 1.5rem;
}
.video-controls__btn {
  display: block;

  width: 2.4rem;
  height: 2.4rem;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.video-controls__btn:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.video-controls__icon {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 100%;
  height: 100%;

  color: var(--white);
}

.product-details-section {
  position: relative;
}
.product-details-section__main {
  width: 100%;
}

.product-details {
  position: relative;
}
@media (min-width: 768px) {
  .product-details {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.product-details__col-preview {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
@media (min-width: 768px) {
  .product-details__col-preview {
    margin-right: auto;
    margin-left: -3.5rem;
  }
}
@media (min-width: 768px) {
  .product-details__col-preview .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media (max-width: 767px) {
  .product-details__carousel {
    position: relative;

    overflow: hidden;
  }
  .product-details__carousel .js-swiper-responsive-pagination {
    position: absolute;
    z-index: 2;
    bottom: 1.5rem;
    left: 50%;

    margin: 0;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.product-details__preview-wrap {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  padding: 5rem;

  background: #eae4d7;
  -webkit-box-shadow: 0 .3rem .5rem 0 rgba(0, 0, 0, .031372549) inset;
          box-shadow: 0 .3rem .5rem 0 rgba(0, 0, 0, .031372549) inset;

  aspect-ratio: 1/1.17;
}
@media (min-width: 768px) {
  .product-details__preview-wrap {
    aspect-ratio: 1/.9;
  }
}
.product-details__preview-wrap:hover:not(:has(video.product-details__preview)) .product-details__preview {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.product-details__preview-wrap:has(video.product-details__preview) {
  padding: 0;
}
.product-details__preview-wrap:has(video.product-details__preview) .product-details__preview {
  max-width: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
.product-details__preview {
  display: block;

  width: 100%;
  max-width: 44.2rem;
  height: 100%;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

  mix-blend-mode: multiply;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-details__col-info {
  padding-top: 1.5rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .product-details__col-info {
    padding-top: 4rem;
  }
}
@media (min-width: 1200px) {
  .product-details__col-info {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.product-details__video-controls {
  position: absolute;
  z-index: 2;
  right: 2rem;
  bottom: 2rem;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (min-width: 768px) {
  .product-details__info-content {
    position: sticky;
    z-index: 1;
    top: 10rem;

    padding-top: 2rem;
    padding-left: 6rem;
  }
}
@media (min-width: 1200px) {
  .product-details__info-content {
    overflow-y: auto;

    max-height: calc(100vh - 8rem - var(--header-height, 0));
    padding-left: 11.5rem;

    -webkit-transition: top .3s ease-in-out;
            transition: top .3s ease-in-out;

    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .product-details__info-content::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 767px) {
  .product-details__info-content-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.product-details__info-content-top:not(:last-child) {
  margin-bottom: 6rem;
}
@media (min-width: 768px) {
  .product-details__info-content-top:not(:last-child) {
    margin-bottom: 8rem;
  }
}
.product-details__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  gap: 1rem;
}
@media (max-width: 767px) {
  .product-details__links {
    overflow-x: auto;

    margin-right: -1.5rem;
    margin-left: -1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 768px) {
  .product-details__links {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    gap: 2rem;
  }
}
.product-details__links:not(:last-child) {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .product-details__links:not(:last-child) {
    margin-bottom: 5.5rem;
  }
}
.product-details__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  white-space: nowrap;

  color: var(--dark);

  font-size: 1.2rem;
  line-height: 1.5rem;

  gap: .5rem;
}
.product-details__link:hover .product-details__link-text {
  background-size: 100% 1px;
}
.product-details__link-text {
  position: relative;

  display: inline;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.product-details__link-icon {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 1.8rem;
  height: 1.8rem;
}
@media (max-width: 767px) {
  .product-details__heading {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
.product-details__heading:not(:last-child) {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .product-details__heading:not(:last-child) {
    margin-bottom: 5.5rem;
  }
}
.product-details__title {
  text-transform: uppercase;

  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
}
.product-details__title:not(:last-child) {
  margin-bottom: .5rem;
}
.product-details__prises-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  gap: 1rem;
}
.product-details__old-price,
.product-details__price {
  text-transform: uppercase;

  line-height: 1.3;
}
.product-details__old-price {
  text-decoration: line-through;

  opacity: .6;

  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .product-details__old-price {
    font-size: 1.6rem;
  }
}
.product-details__price {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .product-details__price {
    font-size: 2rem;
  }
}
.product-details__colors-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  gap: 2rem;
}
.product-details__colors-wrap:not(:first-child) {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .product-details__colors-wrap:not(:first-child) {
    margin-top: 5.5rem;
  }
}
.product-details__desc-wrap:not(:last-child) {
  margin-bottom: 5.5rem;
}
.product-details__desc.rte {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;

  font-size: 1.2rem;
  line-height: 1.5;

  -webkit-line-clamp: 3;
}
.product-details__desc.rte.is-opened {
  display: block;
  -webkit-box-orient: horizontal;

  -webkit-line-clamp: none;
}
.product-details__btn-link {
  text-decoration: underline;

  font-weight: 500;
}
.product-details__btn-link:not(:first-child) {
  margin-top: 1rem;
}
.product-details__btn-link:hover {
  text-decoration: none;
}
.product-details__controls-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  gap: 1rem;
}
@media (max-width: 767px) {
  .product-details__controls-wrap {
    position: fixed;
    z-index: 4;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 1.2rem 1.5rem;

    background-color: var(--white);
  }
}
@media (min-width: 768px) {
  .product-details__controls-wrap:not(:last-child) {
    margin-bottom: 8rem;
  }
}
.product-details__counter {
  max-width: 11rem;
}
@media (min-width: 1200px) {
  .product-details__counter {
    max-width: 13rem;
  }
}
.product-details__btn {
  min-height: 5.2rem;
}
@media (max-width: 767px) {
  .product-details__btn:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
  }
}
@media (max-width: 767px) {
  .product-details__btn .btn__text {
    display: none;
  }
}
.product-details__btn .btn__text.is-mobile {
  display: block;
}
@media (min-width: 768px) {
  .product-details__btn .btn__text.is-mobile {
    display: none;
  }
}
.product-details__btn .btn__icon {
  fill: none;
}
.product-details__btn:not(:has(.btn__icon)) {
  padding-right: 2.8rem;
  padding-left: 2.8rem;
}
.product-details__btn:not(:has(.btn__text)) {
  width: 5.2rem;
}
.product-details .accordion {
  border-color: #1c1c1c;
}
.product-details .accordion:first-child {
  border-top: transparent;
}
.product-details .accordion:last-child {
  border-bottom: transparent;
}
.product-details .accordion__heading {
  font-weight: 500;
}
.product-details .accordion.is-second-lvl.is-active > .js-accordion-trigger::after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.product-details .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 1.6rem;
  height: .2rem;

  border: none;
  background-color: rgba(28, 28, 28, .3);
}
.product-details .swiper-pagination-bullets .swiper-pagination-bullet-active:after {
  background: var(--dark);
}

.product-info__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  margin-top: 1.2rem;

  border-bottom: 1px solid rgba(28, 28, 28, .3);

  font-size: 1.4rem;
  line-height: 1.5;

  gap: 1.5rem;
}
.product-info__row:last-child {
  margin-bottom: .8rem;
}
.product-info dt.product-info__col {
  max-width: 35.2rem;

  text-align: end;
}

.color-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  padding: 0 .5rem;

  gap: 2rem;
}

.color-option {
  position: relative;

  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;

  cursor: pointer;
}
.color-option__input {
  position: absolute;
  top: -9999px;
  left: -9999px;

  visibility: hidden;
  overflow: hidden;

  width: 1px;
  height: 1px;

  opacity: 0;
}
.color-option__swatch {
  position: relative;

  display: inline-block;

  width: 6rem;
  height: 2.4rem;
  padding: .4rem;

  border: 1px solid rgba(28, 28, 28, .3);
}
@media (min-width: 768px) {
  .color-option__swatch {
    width: 8rem;
    height: 3.2rem;
  }
}
.color-option input.color-option__input:checked + .color-option__swatch:before {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 6.8rem;
  height: 3.2rem;

  content: "";
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  border: 2px solid var(--dark);
}
@media (min-width: 768px) {
  .color-option input.color-option__input:checked + .color-option__swatch:before {
    width: 8.8rem;
    height: 4rem;
  }
}
.color-option.is-active{
	border: 2px solid var(--dark);
}
.color-option.is-active:before {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 6.8rem;
  height: 3.2rem;

  content: "";
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  /* border: 2px solid var(--dark); */
}
@media (min-width: 768px) {
  .color-option.is-active:before {
    width: 8.8rem;
    height: 4rem;
  }
}

.recommended-section__header:not(:last-child) {
  margin-bottom: 2.5rem;
}

.category-card {
  position: relative;

  overflow: hidden;

  width: 100%;
  max-height: 50rem;

  aspect-ratio: 1/1.5;
}
@media (min-width: 360px) {
  .category-card {
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .category-card {
    max-height: 100%;

    aspect-ratio: auto;
  }
}
.category-card:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  content: "";

  background-color: rgba(28, 28, 28, .2);
}
.category-card:hover .category-card__img {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.category-card__img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

  -o-object-fit: cover;
     object-fit: cover;
}
.category-card__title {
  position: absolute;
  z-index: 2;
  right: 1.2rem;
  bottom: 1.2rem;
  left: 1.2rem;

  text-transform: uppercase;

  color: var(--white);

  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .category-card__title {
    right: 2rem;
    bottom: 2rem;
    left: 2rem;

    font-size: 2.8rem;
  }
}

.compare-section__heading:not(:last-child) {
  margin-bottom: 1.5rem;
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .compare-section__heading:not(:last-child) {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 767px) {
  .compare-section__header.is-two-columns {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .compare-section__header.is-two-columns .btn--link__icon {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

.compare-area {
  overflow: hidden;
}
@media (max-width: 767px) {
  .compare-area__controls {
    display: none;
  }
}
.compare-area__viewport {
  position: relative;

  padding: 1.5rem 0;
}
@media (min-width: 768px) {
  .compare-area__viewport {
    padding: 4rem 0;
  }
}
.compare-area__compare-products {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

  gap: 15px;
}
@media (min-width: 768px) {
  .compare-area__compare-products {
    gap: 25px;
  }
}
.compare-area__compare-card {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));
      flex: 0 0 calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));

  min-width: 0;
  max-width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));

  --flex-gap: 15px;
  --flex-items: 1;
}
@media (min-width: 360px) {
  .compare-area__compare-card {
    --flex-items: 2;
  }
}
@media (min-width: 768px) {
  .compare-area__compare-card {
    --flex-gap: 25px;
    --flex-items: 3;
  }
}
@media (min-width: 1200px) {
  .compare-area__compare-card {
    --flex-items: 4;
  }
}
@media (min-width: 1800px) {
  .compare-area__compare-card {
    --flex-items: 5;
  }
}
@media (max-width: 767px) {
  .compare-area__btn-controls {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    padding: 1.5rem;

    background-color: var(--white);
    -webkit-box-shadow: 0 0 1.4rem 0 rgba(0, 0, 0, .0784313725);
            box-shadow: 0 0 1.4rem 0 rgba(0, 0, 0, .0784313725);

    gap: 3rem;
  }
}
.compare-area__btn-prev,
.compare-area__btn-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  width: 4rem;
  height: 4rem;

  cursor: pointer;
  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

  border-radius: 50%;
  background-color: var(--white);
  -webkit-box-shadow: 0 0 1.4rem 0 rgba(0, 0, 0, .0784313725);
          box-shadow: 0 0 1.4rem 0 rgba(0, 0, 0, .0784313725);
}
@media (min-width: 768px) {
  .compare-area__btn-prev,
  .compare-area__btn-next {
    position: absolute;
    z-index: 1;
    top: 42%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.compare-area__btn-prev:hover,
.compare-area__btn-next:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
@media (min-width: 768px) {
  .compare-area__btn-prev:hover,
  .compare-area__btn-next:hover {
    -webkit-transform: scale(1.05) translateY(-50%);
        -ms-transform: scale(1.05) translateY(-50%);
            transform: scale(1.05) translateY(-50%);
  }
}
.compare-area__btn-prev[disabled],
.compare-area__btn-next[disabled] {
  cursor: default;
  pointer-events: none;

  opacity: .3;
}
@media (min-width: 768px) {
  .compare-area__btn-prev {
    left: 1rem;
  }
}
@media (min-width: 768px) {
  .compare-area__btn-next {
    right: 1rem;
  }
}
.compare-area__btn-icon {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 2rem;
  height: 2rem;

  color: var(--dark);

  fill: none;
}
.compare-area .accordion {
  border-color: var(--dark);
}
.compare-area .accordion:first-child {
  border-top: none;
}
.compare-area .accordion:last-child {
  border-bottom: none;
}
.compare-area .accordion__heading {
  text-transform: none;
}
.compare-area .compare-table__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  -ms-flex-align: end;

  height: 100%;

  border-bottom: 1px solid rgba(28, 28, 28, .3);
}

.compare-card {
  position: relative;
}
@media (max-width: 767px) {
  .compare-card {
    padding-top: 4rem;
  }
  .compare-card .compare-card__nav-wrap {
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 0;
    left: 0;
  }
}
.compare-card__nav-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .compare-card__nav-wrap {
    display: none;
  }
}
.compare-card__nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  color: var(--dark);

  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;

  gap: .5rem;
}

.compare-table {
  display: block;

  width: 100%;
}
.compare-table tbody {
  display: block;
}
.compare-table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

  gap: 15px;
}
@media (min-width: 768px) {
  .compare-table tr {
    gap: 25px;
  }
}
.compare-table tr:not(:last-child) {
  margin-bottom: 1rem;
}
.compare-table tr:nth-child(even):not(:last-child) {
  margin-bottom: 2rem;
}
.compare-table td {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));
      flex: 0 0 calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));

  max-width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--flex-gap));

  --flex-gap: 15px;
  --flex-items: 1;
}
@media (min-width: 360px) {
  .compare-table td {
    --flex-items: 2;
  }
}
@media (min-width: 768px) {
  .compare-table td {
    --flex-gap: 25px;
    --flex-items: 3;
  }
}
@media (min-width: 1200px) {
  .compare-table td {
    --flex-items: 4;
  }
}
@media (min-width: 1800px) {
  .compare-table td {
    --flex-items: 5;
  }
}
.compare-table__heading,
.compare-table__value {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
}
.compare-table__heading {
  color: rgba(28, 28, 28, .7);
}
.compare-table__value {
  color: var(--dark);
}

.link-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  width: 14px;
  height: 14px;

  color: var(--white);
  border-bottom: 1px solid var(--white);
  border-radius: 50%;
  background-color: var(--primary-color);

  font-size: 1rem;
  font-weight: 400;
}

.account-panel {
  position: absolute;
  z-index: 111;
  top: var(--header-height, 6rem);
  right: 0;

  overflow-x: hidden;
  overflow-y: auto;

  width: 100vw;
  height: calc(100vh - var(--header-height, 6rem));
  padding: 3.5rem 1.5rem;

  -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: opacity .3s ease-in-out, transform .3s ease-in-out;
          transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);

  background-color: var(--white);
}
@media (min-width: 768px) {
  .account-panel {
    top: 0;

    width: 100%;
    max-width: 60rem;
    height: 100vh;
    padding: 3.5rem;
  }
}
.account-panel__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 1rem;
}
.account-panel__header:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .account-panel__header:not(:last-child) {
    margin-bottom: 4rem;
  }
}
.account-panel__heading {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2;
}
.account-panel__btn-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  width: 1.6rem;
  height: 1.6rem;
}
.account-panel__icon-close {
  width: 100%;
  height: 100%;

  -o-object-fit: contain;
     object-fit: contain;
}
.account-panel__support-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 1.5rem;
}
.account-panel__support-wrap:not(:first-child) {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .account-panel__support-wrap:not(:first-child) {
    margin-top: 4rem;
  }
}
.account-panel__support-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
}

.personal-account {
  overflow-x: hidden;
  overflow-y: auto;

  padding: 3.5rem 1.5rem;

  -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
          transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;

  background: var(--white);
}
@media (max-width: 767px) {
  .personal-account {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@media (min-width: 768px) {
  .personal-account {
    padding: 2.8rem;

    border: 1px solid rgba(28, 28, 28, .3);
  }
}
.personal-account__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 1rem;
}
.personal-account__header:not(:last-child) {
  margin-bottom: 2rem;
}
.personal-account__user-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  gap: 1rem;
}
.personal-account__btn-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  width: 1.6rem;
  height: 1.6rem;
}
.personal-account__icon-close {
  width: 100%;
  height: 100%;

  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .personal-account__icon-close {
    display: none;
  }
}
.personal-account__icon-wrap {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 2.5rem;
  height: 2.5rem;
}
.personal-account__icon {
  width: 100%;
  height: 100%;

  fill: none;
}
.personal-account__name {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.1;
}
.personal-account__item:not(:last-child) {
  margin-bottom: 1rem;
}
.personal-account__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  padding: .5rem 0;

  color: var(--dark);

  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;

  gap: 2rem;
}
.personal-account__link:hover .personal-account__text {
  background-size: 100% 1px;
}
.personal-account__text {
  position: relative;

  display: inline;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.personal-account__link-icon {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 1.6rem;
  height: 1.6rem;

  fill: none;
}

.account-from__input-field:not(:first-child) {
  margin-top: 1rem;
}
.account-from__bottom:not(:first-child) {
  margin-top: 1.5rem;
}
.account-from__links-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 1.5rem;
}
.account-from__links-wrap:not(:last-child) {
  margin-bottom: 1.5rem;
}
.account-from__link {
  text-decoration: underline;

  color: var(--dark);

  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.account-from__link:hover {
  text-decoration: none;
}
.account-from__btn {
  width: 100%;
  min-height: 5.2rem;
}

.added-toast {
  position: fixed;
  z-index: 1000;
  top: calc(var(--header-height) + 1rem);
  right: 1.5rem;

  padding: 1rem 1.5rem;

  -webkit-transition: all .3s ease;
          transition: all .3s ease;
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);

  opacity: 0;
  color: var(--white);
  border-radius: .8rem;
  background: var(--primary-color);

  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .added-toast {
    top: calc(var(--header-height) + 2rem);
    right: 3.5rem;
  }
}
.added-toast.is-visible {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);

  opacity: 1;
}

.wholesalers-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  padding: 1.5rem 1rem;

  border: 1px solid rgba(28, 28, 28, .3);

  gap: 1.5rem;
}
@media (min-width: 768px) {
  .wholesalers-filter {
    padding: 1.5rem 2rem;
  }
}
@media (max-width: 767px) {
  .wholesalers-filter__col-checkobox {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .wholesalers-filter .checkbox-label__main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.wholesalers-filter__col-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  margin: 0 -1rem -.5rem;
  padding: 0 1rem .5rem;

  gap: 1rem;
}
@media (min-width: 768px) {
  .wholesalers-filter__col-buttons {
    gap: 1.5rem;
  }
}
.wholesalers-filter__btn {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  min-height: 3.6rem;
}
@media (min-width: 768px) {
  .wholesalers-filter__btn {
    min-height: 4rem;
  }
}
.wholesalers-filter .btn__icon {
  fill: none;
}

.wholesalers-table {
  position: relative;
}
.wholesalers-table__header,
.wholesalers-table__row {
  display: grid;
}
@media (min-width: 768px) {
  .wholesalers-table__header,
  .wholesalers-table__row {
    gap: 2.5rem;
    grid-template-columns: minmax(0, 32%) repeat(5, minmax(0, 1fr));
  }
}
.wholesalers-table__header {
  position: sticky;
  z-index: 3;
  top: var(--header-height);

  padding: 1rem 0;

  border-bottom: 1px solid rgba(28, 28, 28, .6);
  background-color: var(--white);
}
@media (max-width: 767px) {
  .wholesalers-table__header {
    display: none;
  }
}
.wholesalers-table__header:not(:last-child) {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .wholesalers-table__body .wholesalers-table__cell:not(:first-child) span:first-child {
    display: none;
  }
}
.wholesalers-table__row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (max-width: 767px) {
  .wholesalers-table__row {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 768px) {
  .wholesalers-table__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.wholesalers-table__row:not(:last-child) {
  border-bottom: 1px solid rgba(28, 28, 28, .6);
}
@media (min-width: 768px) {
  .wholesalers-table__row:not(:last-child) {
    margin-bottom: 3rem;

    border-bottom: 1px solid rgba(28, 28, 28, .3);
  }
}
@media (max-width: 767px) {
  .wholesalers-table__row:first-child {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .wholesalers-table__row:not(:first-child) {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.wholesalers-table__cell {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .wholesalers-table__cell:first-child {
    margin-bottom: 1.5rem;
  }
  .wholesalers-table__cell:not(:first-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    margin-top: 1rem;

    border-bottom: 1px solid rgba(28, 28, 28, .3);

    gap: 1rem;
  }
  .wholesalers-table__cell:has(.counter) {
    display: none;
  }
}
@media (min-width: 768px) {
  .wholesalers-table__cell {
    font-size: 1.6rem;
  }
}
.wholesalers-table .counter {
  max-width: 12rem;
  min-height: 4.4rem;
}
.wholesalers-table .counter__btn-icon {
  width: 1.6rem;
  height: 1.6rem;
}

.wholesalers-product {
  position: relative;

  display: grid;

  gap: 1rem;
  grid-template-columns: minmax(0, 33.5%) minmax(0, 1fr);
}
@media (min-width: 768px) {
  .wholesalers-product {
    gap: 2.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.wholesalers-product__checkbox {
  position: absolute;
  z-index: 1;
  top: 1.2rem;
  left: 1.2rem;

  padding: 0;
}
.wholesalers-product__img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  padding: 1rem;

  background-color: #eae4d7;

  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .wholesalers-product__img-wrap {
    aspect-ratio: 1/.78;
  }
}
.wholesalers-product__img-wrap:hover .wholesalers-product__img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.wholesalers-product__img {
  display: block;

  width: 100%;
  max-width: 63%;
  height: auto;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.wholesalers-product__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 2.5rem;
}
.wholesalers-product__title {
  color: var(--dark);

  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.3;
}
@media (min-width: 1200px) {
  .wholesalers-product__title {
    font-size: 2rem;
  }
}
@media (min-width: 1800px) {
  .wholesalers-product__title {
    font-size: 2.4rem;
  }
}
.wholesalers-product__title:hover .wholesalers-product__title-text {
  background-size: 100% 1px;
}
.wholesalers-product__title-text {
  display: inline;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.wholesalers-product__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  gap: 1rem;
}
@media (min-width: 768px) {
  .wholesalers-product__controls {
    padding-bottom: 1rem;
  }
}
.wholesalers-product .btn {
  min-width: 3.6rem;
  min-height: 3.6rem;
}
@media (min-width: 1800px) {
  .wholesalers-product .btn {
    min-width: 5.2rem;
    min-height: 5.2rem;
  }
}
.wholesalers-product .btn__icon {
  fill: none;
}

.product-wholesalers {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  gap: 1.5rem;
}
@media (min-width: 768px) {
  .product-wholesalers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;

    gap: 2.5rem;
  }
}
.product-wholesalers:not(:last-child) {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;

  border-bottom: 1px solid rgba(28, 28, 28, .3);
}
@media (min-width: 768px) {
  .product-wholesalers:not(:last-child) {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
  }
}
.product-wholesalers__info {
  display: grid;

  width: 100%;

  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1.5rem;
}
@media (min-width: 768px) {
  .product-wholesalers__info {
    gap: 2.5rem;
    grid-template-columns: minmax(0, 32.5rem) minmax(0, 1fr);
  }
}
.product-wholesalers__checkbox {
  position: absolute;
  z-index: 1;
  top: 1.2rem;
  left: 1.2rem;

  padding: 0;
}
.product-wholesalers__img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  padding: 1rem;

  background-color: #eae4d7;

  aspect-ratio: 1/1.12;
}
@media (min-width: 480px) {
  .product-wholesalers__img-wrap {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 768px) {
  .product-wholesalers__img-wrap {
    max-width: 32.5rem;

    grid-row: 1/3;
  }
}
.product-wholesalers__img-wrap:hover .product-wholesalers__img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.product-wholesalers__img {
  display: block;

  width: 100%;
  max-width: 63%;
  height: auto;

  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.product-wholesalers__title {
  color: var(--dark);

  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 1200px) {
  .product-wholesalers__title {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .product-wholesalers__title {
    font-weight: 400;
  }
}
@media (min-width: 1800px) {
  .product-wholesalers__title {
    font-size: 2.4rem;
  }
}
.product-wholesalers__title:hover .product-wholesalers__title-text {
  background-size: 100% 1px;
}
.product-wholesalers__title-text {
  display: inline;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.product-wholesalers__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  gap: 1rem;
}
.product-wholesalers__controls:not(:last-child) {
  margin-bottom: 1rem;
}
.product-wholesalers__controls .btn {
  min-width: 2rem;
  min-height: 2rem;
  padding: 0 !important;
}
@media (min-width: 768px) {
  .product-wholesalers__controls .btn {
    min-width: 2.5rem;
    min-height: 2.5rem;
  }
}
.product-wholesalers__controls .btn__icon {
  width: 2rem;
  height: 2rem;

  fill: none;
}
@media (min-width: 768px) {
  .product-wholesalers__controls .btn__icon {
    min-width: 2.5rem;
    min-height: 2.5rem;
  }
}
.product-wholesalers__badges-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  gap: .5rem;
}
.product-wholesalers .accordion {
  -ms-flex-item-align: end;
  align-self: flex-end;

  border-bottom: none;
}
@media (max-width: 767px) {
  .product-wholesalers .accordion {
    grid-column: 1/-1;
  }
}
.product-wholesalers .accordion__heading {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  padding-top: 0;

  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
}
.product-wholesalers .accordion__heading:before {
  display: none;
}
.product-wholesalers .accordion__heading:after {
  position: static;

  width: 1.5rem;
  height: 1.5rem;

  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);

  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8327 1.08301L6.99935 6.91634L1.16602 1.08301' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
}
@media (min-width: 768px) {
  .product-wholesalers .accordion__heading {
    display: none;
  }
}
.product-wholesalers .accordion__body {
  -ms-flex-item-align: end;
  align-self: flex-end;

  padding-bottom: 0;
}
.product-wholesalers .accordion__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  border-bottom: 1px solid rgba(28, 28, 28, .3);

  gap: 1rem;
}
.product-wholesalers .accordion__row:not(:last-child) {
  margin-bottom: 1rem;
}
.product-wholesalers .accordion.is-active .accordion__heading:after {
  -webkit-transform: rotate(-180deg) translateY(0);
      -ms-transform: rotate(-180deg) translateY(0);
          transform: rotate(-180deg) translateY(0);
}
.product-wholesalers__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  width: 100%;

  gap: 2.5rem;
}
@media (min-width: 768px) {
  .product-wholesalers__content {
    max-width: 24%;
  }
}
.product-wholesalers__prices-row:not(:last-child) {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .product-wholesalers__prices-row:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
.product-wholesalers__subtitle {
  display: block;

  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
}
.product-wholesalers__subtitle:not(:last-child) {
  margin-bottom: 1rem;
}
.product-wholesalers__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  -ms-flex-align: end;

  gap: 1.5rem;
}
.product-wholesalers__price {
  text-transform: uppercase;

  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.1;
}
.product-wholesalers__old-prices {
  text-decoration: line-through;
  text-transform: uppercase;

  opacity: .6;

  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.1;
}
.product-wholesalers__info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  gap: 1rem;
}
@media (min-width: 768px) {
  .product-wholesalers__info-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .product-wholesalers__info-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.product-wholesalers__info-row:not(:last-child) {
  margin-bottom: 1rem;
}
.product-wholesalers__info-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  border-bottom: 1px solid rgba(28, 28, 28, .3);

  font-size: 1.4rem;
  line-height: 1.3;

  gap: 1rem;
}
.product-wholesalers__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  gap: 1rem;
}
@media (min-width: 768px) {
  .product-wholesalers__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media (min-width: 1400px) {
  .product-wholesalers__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.product-wholesalers__buttons .product-wholesalers__btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;

  min-height: 5.2rem;
}
.product-wholesalers__buttons .counter {
  max-width: 10.5rem;
  min-height: 5.2rem;
}
@media (min-width: 768px) {
  .product-wholesalers__buttons .counter {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;

    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .product-wholesalers__buttons .counter {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;

    max-width: 10.5rem;
  }
}

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

  min-height: 100%;
}
.wrapper__main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .wrapper__main:has(.compare-section) + .wrapper__footer .footer {
    padding-bottom: 7rem;
  }
}

.header {
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  left: 0;

  border-bottom: 1px solid rgba(28, 28, 28, .3);
  background-color: var(--white);
}
.header + *:not(.breadcrumbs),
.header + .breadcrumbs + * {
  margin-top: var(--header-height, 6rem);
  padding-top: 0 !important;
}
.header__top {
  display: none;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  min-height: 3.5rem;
  padding: .5rem 0;

  gap: 3rem;
}
@media (min-width: 768px) {
  .header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  min-height: 6.1rem;
  padding: 1rem 0;

  gap: 2rem;
}
@media (min-width: 768px) {
  .header__main {
    padding: .5rem 0;
  }
}
.header__controls,
.header__utilities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  min-width: 9rem;

  gap: 1.5rem;
}
@media (min-width: 768px) {
  .header__controls,
  .header__utilities {
    min-width: 16.6rem;
  }
}
.header__utilities {
  position: relative;

  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header__utilities .header__btn {
  position: relative;

  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 0;

  color: var(--dark, #1c1c1c);
}
@media (max-width: 767px) {
  .header__utilities .header__btn {
    padding: 0 !important;
  }
}
@media (min-width: 768px) {
  .header__utilities .header__btn {
    width: 3.6rem;
    min-width: 3.6rem;
    height: 3.6rem;
    padding: .5rem;
  }
}
.header__utilities .header__btn .btn__icon {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 100%;
  height: 100%;

  fill: none;
  -o-object-fit: contain;
     object-fit: contain;
}
.header__utilities .header__link-counter {
  position: absolute;
  top: -.3rem;
  right: -.5rem;
}
@media (min-width: 768px) {
  .header__utilities .header__link-counter {
    top: .2rem;
    right: 0;
  }
}
@media (min-width: 992px) {
  .header__utilities .header__link-counter {
    top: .3rem;
    right: .3rem;
  }
}
.header__personal-account-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header__personal-account-wrap.is-opened .header__personal-account {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.header__personal-account {
  position: absolute;
  z-index: 55;
  top: calc(var(--header-height, 6rem) - 1rem);
  right: -1.5rem;

  width: 100vw;
  height: calc(100vh - var(--header-height, 6rem));
}
@media (min-width: 768px) {
  .header__personal-account {
    top: 90%;
    right: 0;

    width: auto;
    min-width: 27rem;
    height: auto;
    max-height: 30rem;
  }
}

.location {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  color: var(--font-base-color, #1c1c1c);

  gap: .5rem;
}
.location__icon-wrap {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 1.6rem;
  height: 1.6rem;
}
.location__icon {
  display: block;

  width: 100%;
  height: 100%;

  fill: none;
}
.location__text {
  font-size: 1.2rem;
  line-height: 1.1;
}

.top-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  gap: 1.5rem;
}
.top-controls__btn-link {
  position: relative;
}
.top-controls__link-counter {
  position: absolute;
  top: -.5rem;
  right: -.5rem;
}
@media (min-width: 768px) {
  .top-controls__link-counter {
    top: -.8rem;
    right: -.8rem;
  }
}
@media (min-width: 992px) {
  .top-controls__link-counter {
    top: -.5rem;
    right: -.5rem;
  }
}

.btn-menu,
.btn-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  color: var(--font-base-color, #1c1c1c);

  font-size: 1.4rem;
  line-height: 1.1;

  gap: .6rem;
}
.btn-menu__text,
.btn-search__text {
  display: none;
}
@media (min-width: 768px) {
  .btn-menu__text,
  .btn-search__text {
    display: block;
  }
}

.btn-menu__icon-wrap {
  position: relative;

  width: 3.2rem;
  height: .7rem;
}
.btn-menu__icon-wrap:before,
.btn-menu__icon-wrap:after {
  position: absolute;
  left: 0;

  width: 2.3rem;
  height: 2px;

  content: "";
  -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition:         transform .3s ease-in-out;
          transition:         transform .3s ease-in-out, -webkit-transform .3s ease-in-out;

  background: var(--dark, #1c1c1c);
}
@media (min-width: 768px) {
  .btn-menu__icon-wrap:before,
  .btn-menu__icon-wrap:after {
    width: 3.2rem;
  }
}
.btn-menu__icon-wrap:before {
  top: 0;
}
.btn-menu__icon-wrap:after {
  bottom: 0;
}

.btn-search__icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .btn-search__icon-wrap {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.btn-search__icon {
  display: block;

  width: 100%;
  height: 100%;

  fill: none;
  -o-object-fit: contain;
     object-fit: contain;
}
.btn-search .icon--close {
  display: none;

  fill: currentColor;
}

.logo {
  display: block;

  max-width: 8.3rem;
}
@media (min-width: 768px) {
  .logo {
    max-width: 10.8rem;
  }
}
.logo__img {
  display: block;

  width: 100%;
  height: auto;

  color: var(--dark, #1c1c1c);
}

.mob-panel {
  position: fixed;
  z-index: 111;
  top: var(--header-height, 6rem);
  bottom: 0;
  left: 0;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  width: 100%;

  -webkit-transition: height .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: height .3s ease-in-out, -webkit-transform .3s ease-in-out;
          transition: transform .3s ease-in-out, height .3s ease-in-out;
          transition: transform .3s ease-in-out, height .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
@media (min-width: 768px) {
  .mob-panel {
    top: 0;

    max-width: 30rem;
  }
}
.mob-panel__header {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;

  display: none;

  width: calc(100% - 1.3rem);
  padding: 3.5rem 3.5rem 2rem;

  background-color: #fffaf0;
}
@media (min-width: 768px) {
  .mob-panel__header {
    display: block;
  }
}
.mob-panel__close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;

  color: var(--dark, #1c1c1c);

  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;

  gap: 1rem;
}
.mob-panel__close-icon {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 1.6rem;
  height: 1.6rem;

  color: var(--dark, #1c1c1c);
}
.mob-panel__first-lvl,
.mob-panel__second-lvl,
.mob-panel__third-lvl {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  background-color: #fffaf0;
}
.mob-panel__first-lvl {
  width: 100%;
  max-width: 100%;
}
.mob-panel__first-lvl .mob-nav__list:hover .mob-nav__link-desc,
.mob-panel__first-lvl .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__link-desc {
  opacity: .6;
}
.mob-panel__first-lvl .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__list .mob-nav__link-desc {
  opacity: 1;
}
.mob-panel__first-lvl .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__list:hover .mob-nav__link-desc,
.mob-panel__first-lvl .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__link-desc {
  opacity: .6;
}
.mob-panel__first-lvl .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__list .mob-nav__link-desc {
  opacity: 1;
}
.mob-panel__first-lvl .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__list:hover .mob-nav__link-desc,
.mob-panel__first-lvl .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__list:has(.mob-nav__link.active-link) .mob-nav__link-desc {
  opacity: .6;
}
@media (max-width: 767px) {
  .mob-panel__first-lvl .mob-nav__item.has-children > .mob-nav__link .mob-nav__link-icon {
    display: block;
  }
}
.mob-panel__first-lvl .mob-nav__item.has-children > .mob-nav__link .mob-nav__link-desc {
  padding-right: 1.5rem;
}
@media (min-width: 768px) {
  .mob-panel__first-lvl .mob-nav__item.has-children > .mob-nav__link:hover .mob-nav__link-icon,
  .mob-panel__first-lvl .mob-nav__item.has-children > .mob-nav__link.active-link .mob-nav__link-icon {
    display: block;
  }
}
.mob-panel__second-lvl,
.mob-panel__third-lvl {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 100%;

  visibility: hidden;

  width: 100%;

  -webkit-transition: left .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
          transition: left .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;

  opacity: 0;
  border-left: 1px solid rgba(28, 28, 28, .3);
}
@media (min-width: 768px) {
  .mob-panel__second-lvl,
  .mob-panel__third-lvl {
    z-index: auto;
    left: 100%;
  }
}
.mob-panel__second-lvl .mob-nav__item:not(:last-child),
.mob-panel__third-lvl .mob-nav__item:not(:last-child) {
  margin-bottom: .5rem;
}
.mob-panel__second-lvl .mob-nav__link,
.mob-panel__third-lvl .mob-nav__link {
  min-height: 3.5rem;
  padding: 0;
}
.mob-panel__second-lvl .mob-nav__link-desc,
.mob-panel__third-lvl .mob-nav__link-desc {
  min-height: 3rem;
  padding: .5rem 0;

  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .mob-panel__second-lvl .mob-panel__main,
  .mob-panel__third-lvl .mob-panel__main {
    padding-top: 10rem;
  }
}
.mob-panel__second-lvl.active,
.mob-panel__third-lvl.active {
  visibility: visible;

  opacity: 1;
}
@media (max-width: 767px) {
  .mob-panel__second-lvl.active,
  .mob-panel__third-lvl.active {
    left: 0;
  }
}
.mob-panel__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  height: 100%;
}
.mob-panel__wrapper.is-scrolled .mob-panel__link-back {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.mob-panel__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;

  padding: 3.5rem 0;
}
@media (min-width: 768px) {
  .mob-panel__main {
    padding: 9rem 0 3.5rem;
  }
}
@media (min-width: 768px) {
  .mob-panel__main.no-padding-top {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .mob-panel__link-back {
    position: fixed;
    z-index: 1;
    top: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    width: 100%;
    padding: 3.5rem 4rem 3.5rem 1.5rem;

    -webkit-transition: padding .3s ease-in-out;
            transition: padding .3s ease-in-out;

    color: var(--font-base-color, #1c1c1c);
    background-color: var(--white);

    gap: 1rem;
  }
}
@media (min-width: 768px) {
  .mob-panel__link-back {
    display: none;
  }
}
.mob-panel__text {
  display: block;

  margin: 0 auto;

  font-size: 1.8rem;
  line-height: 1.3;
}
.mob-panel__icon {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 1.6rem;
  height: 1.6rem;

  color: var(--dark, #1c1c1c);

  fill: none;
}

.mob-nav {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.mob-nav:not(:last-child) {
  border-bottom: 1px solid rgba(28, 28, 28, .3);
}
@media (min-width: 768px) {
  .mob-nav {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }
}
.mob-nav + .mob-nav {
  margin-top: 2rem;
}
.mob-nav__item:not(:last-child) {
  margin-bottom: 1rem;
}
.mob-nav__link {
  position: relative;

  display: block;

  width: 100%;
  min-height: 4rem;
  padding: 1rem 0;

  color: var(--font-base-color, #1c1c1c);

  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.1;
}
.mob-nav__link:hover .mob-nav__link-desc,
.mob-nav__link.active-link .mob-nav__link-desc {
  opacity: 1 !important;
}
.mob-nav__link:hover .mob-nav__text,
.mob-nav__link.active-link .mob-nav__text {
  background-size: 100% 1px;
}
.mob-nav__link:has(img) {
  width: 100%;
  padding: 0;
}
.mob-nav__link:has(img) .mob-nav__link-desc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  min-height: 4.6rem;
  padding: 1.5rem 3.5rem;

  text-align: center;

  line-height: 1.4;
}
.mob-nav__link:has(img) .mob-nav__link-icon {
  display: none !important;
}
.mob-nav__link-img {
  display: block;

  width: 100%;
  height: 100%;

  aspect-ratio: 1/.7;
  -o-object-fit: cover;
     object-fit: cover;
}
.mob-nav__link-desc {
  position: relative;
}
.mob-nav__text {
  position: relative;

  -webkit-transition: background-size .3s ease-in-out;
          transition: background-size .3s ease-in-out;

  background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
}
.mob-nav__link-icon {
  position: absolute;
  top: 50%;
  right: 0;

  display: none;
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;

  width: 1.6rem;
  height: 1.6rem;

  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);

  fill: none;
}
.mob-nav.has-grid {
  padding-right: 0;
  padding-left: 0;
}
.mob-nav.has-grid .mob-nav__list {
  display: grid;

  -webkit-column-gap: .2rem;
     -moz-column-gap: .2rem;
          column-gap: .2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mob-nav.has-grid .mob-nav__item:has(.full-width) {
  grid-column: 1/-1;
}
.mob-nav.has-grid .mob-nav__link-desc {
  padding-right: 1rem;
  padding-left: 1rem;
}

.mob-panel-bottom__container {
  padding: 3rem 1.5rem;

  border-top: 1px solid rgba(28, 28, 28, .3);
}
@media (min-width: 768px) {
  .mob-panel-bottom__container {
    padding: 3rem 3.5rem;
  }
  .mob-panel-bottom__container.is-mob {
    display: none;
  }
}
.mob-panel-bottom__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  gap: 2rem;
}
.mob-panel-bottom__item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.mob-panel-bottom__link {
  color: var(--font-base-color, #1c1c1c);

  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.mob-panel-bottom__link span {
  display: block;
}
.mob-panel-bottom__btn-link {
  position: relative;
}

.footer__main {
  padding: 4rem 0 2rem;
}
@media (min-width: 768px) {
  .footer__main {
    padding: 6rem 0 3rem;
  }
}
.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  padding: 1.5rem 0 2rem;
}
@media (min-width: 768px) {
  .footer__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    padding: 3rem 0 2rem;

    border-top: 1px solid rgba(28, 28, 28, .3);

    gap: 2rem;
  }
}
.footer__bottom .footer__controls {
  min-width: 30.8rem;
}
@media (max-width: 767px) {
  .footer__bottom .footer__controls {
    text-align: center;
  }
}
.footer__bottom .footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  min-width: 30.8rem;
}
@media (max-width: 767px) {
  .footer__bottom .footer-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__bottom .footer-nav:not(:first-child) {
    margin-top: 2rem;
  }
}
.footer__bottom .footer-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  gap: 2rem;
}
.footer__bottom .footer-nav__item:first-child,
.footer__bottom .footer-nav__item:not(:last-child) {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .footer__bottom .logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;

    max-width: 10.8rem;
    margin-top: 3rem;
  }
}

.footer-nav__item:not(:last-child) {
  margin-bottom: 2.5rem;
}
.footer-nav__link {
  display: block;

  color: var(--font-base-color, #1c1c1c);

  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
}
.footer-nav__title {
  text-transform: uppercase;
}
.footer-nav__link a {
  text-decoration: underline;

  color: var(--font-base-color, #1c1c1c);
}

@media (min-width: 768px) {
  .footer-accordion {
    display: grid;

    gap: 3rem;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }
  .footer-accordion .accordion {
    max-width: 43rem;

    border: none;
  }
  .footer-accordion .accordion:not(:first-child) {
    justify-self: center;
  }
  .footer-accordion .accordion:last-child {
    justify-self: flex-end;
  }
  .footer-accordion .accordion__heading {
    padding: 0;

    color: var(--font-base-color, #1c1c1c);

    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .footer-accordion .accordion__heading:not(:last-child) {
    margin-bottom: 3rem;
  }
  .footer-accordion .accordion__heading:before,
  .footer-accordion .accordion__heading:after {
    display: none;
  }
  .footer-accordion .accordion__body {
    padding-bottom: 0;
  }
  .footer-accordion .accordion .js-accordion-trigger {
    cursor: default;
    pointer-events: none;
  }
  .footer-accordion .accordion [hidden] {
    display: block;
  }
}

.section {
  padding: 4rem 0;
}
.section__content {
  position: relative;
}
@media (max-width: 767px) {
  .section__content.is-mob-reverse > *:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.section.is-gray {
  background: #f0f4f5;
}
.section__col-preview {
  position: relative;
}
.section__preview-wrap {
  position: relative;

  width: 100%;
  max-height: 64.5rem;

  aspect-ratio: 1/1.8;
}
@media (min-width: 768px) {
  .section__preview-wrap {
    aspect-ratio: 1/.9;
  }
}
@media (min-width: 1800px) {
  .section__preview-wrap {
    max-height: 80rem;
  }
}
.section__preview-wrap:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  content: "";

  background-color: rgba(28, 28, 28, .2);
}
.section__preview {
  display: block;

  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
.section__col-info.is-grid {
  display: grid;

  margin-right: -1.5rem;

  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 13.5rem);
  grid-template-rows: -webkit-max-content;
  grid-template-rows:         max-content;
}
@media (min-width: 768px) {
  .section__col-info.is-grid {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    margin-right: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;

    grid-column-gap: 2rem;
    grid-row-gap: 4rem;
    grid-template-columns: minmax(30rem, 1fr) minmax(11rem, 23rem);
  }
}
@media (min-width: 1440px) {
  .section__col-info.is-grid {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;

    padding-top: 10rem;
    padding-bottom: 4rem;
    padding-left: 9rem;

    grid-row-gap: 6rem;
  }
}
@media (max-width: 767px) {
  .section__col-info.is-grid .section__header {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .section__col-info.is-grid .section__info-preview-wrap {
    grid-column: 2/-1;
    grid-row: 2/-1;
  }
}
@media (max-width: 767px) {
  .section__col-info.is-grid .section__info-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .section__col-info.is-grid .section__info-bottom {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .section__col-info.is-grid .section__header {
    padding-right: 3rem;
  }
}
@media (max-width: 1439px) {
  .section__col-info.is-grid .section__header .signature {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .section__col-info.is-grid .section__header .signature {
    margin-left: auto;
  }
}
.section__info-preview {
  display: block;

  width: 100%;
  height: auto;
}
.section__info-bottom.rte {
  font-size: 1.2rem;
  line-height: 1.5;
}
.section__video-controls {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 1.5rem;
  left: 0;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .section__video-controls {
    right: 0;
    bottom: 3.5rem;
    left: 0;
  }
}
.section.two-columns .section__content {
  display: grid;

  gap: 2.5rem;
}
@media (min-width: 768px) {
  .section.two-columns .section__content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.section.two-columns .section__col-preview {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
@media (min-width: 768px) {
  .section.two-columns .section__col-preview {
    margin-right: 0;
    margin-left: -3.5rem;
  }
}
.section.two-columns .section__col-preview .section__header {
  position: absolute;
  z-index: 2;
  top: 6.5rem;
  right: 1.5rem;
  left: 1.5rem;

  color: var(--white);
}
@media (min-width: 768px) {
  .section.two-columns .section__col-preview .section__header {
    top: 10rem;
    right: 11rem;
    left: 11rem;
  }
}
.section.two-columns .section__col-preview.is-grid {
  display: grid;

  margin: 0;

  gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .section.two-columns .section__col-preview.is-grid {
    gap: 2.5rem;
  }
}
.section.two-columns .section__col-info.is-vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .section.two-columns .section__col-info.is-vertical-center {
    padding-left: 3.5rem;
  }
}
.section.two-columns .section__col-info.is-vertical-center .section-subtitle {
  max-width: 30rem;
  margin-right: auto;
  margin-left: auto;
}
.section.two-columns .section__info-preview-wrap {
  width: 100%;
  max-width: 23rem;
}
.section.full-width .section__col-preview {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
@media (min-width: 768px) {
  .section.full-width .section__col-preview {
    margin-right: -3.5rem;
    margin-left: -3.5rem;
  }
}
.section.full-width .section__top,
.section.full-width .section__bottom {
  position: absolute;
  z-index: 2;
  right: 1.5rem;
  left: 1.5rem;

  color: var(--white);
}
@media (min-width: 768px) {
  .section.full-width .section__top,
  .section.full-width .section__bottom {
    right: 3.5rem;
    left: 3.5rem;
  }
}
.section.full-width .section__top {
  top: 4.5rem;
}
@media (min-width: 768px) {
  .section.full-width .section__top {
    top: 3.5rem;
  }
}
.section.full-width .section__top .section__header {
  max-width: 42.5rem;
}
.section.full-width .section__top.is-right .section-header {
  margin-left: auto;

  text-align: end;
}
.section.full-width .section__bottom {
  bottom: 3rem;
}
@media (min-width: 768px) {
  .section.full-width .section__bottom {
    bottom: 5.5rem;
  }
}
@media (min-width: 768px) {
  .section.full-width .section__bottom .signature:not(:first-child) {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .section.full-width .section__bottom .signature {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .section.full-width .section__bottom.is-right .section__header {
    max-width: 58rem;
    margin-left: auto;
  }
}
.section.full-width.content-center .section__header {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;

  width: 100%;

  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);

  color: var(--white);
}
@media (min-width: 768px) {
  .section.full-width.content-center .section__header {
    max-width: 61.5rem;
  }
}
.section.full-width.content-center .section-subtitle {
  max-width: 33rem;
  margin: 0 auto;
}
.section.three-column .section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;

  gap: 2rem;
}
@media (min-width: 768px) {
  .section.three-column .section__content {
    gap: 4rem;
  }
}
.section.three-column .section__row {
  display: grid;

  gap: 1.5rem;
}
@media (min-width: 768px) {
  .section.three-column .section__row {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    gap: 3rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .section.three-column .section__row {
    padding: 0 5.5rem;

    gap: 6rem;
  }
}
@media (min-width: 1200px) {
  .section.three-column .section__col-info:first-child {
    padding-right: 3rem;
  }
}
@media (min-width: 768px) {
  .section.three-column .section__col-info:first-child .section__header {
    max-width: 42.5rem;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .section.three-column .section__col-info:nth-child(2) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
@media (max-width: 767px) {
  .section.three-column .section__col-info:last-child {
    margin-top: 4.5rem;
  }
}
.section.three-column .section__col-info:last-child .section__rte.rte {
  max-width: 23.5rem;
}
@media (min-width: 768px) {
  .section.three-column .section__col-info:last-child .section__rte.rte {
    margin: 0 auto;
  }
}
.section.three-column .section__info-preview-wrap {
  width: 100%;
}
@media (min-width: 768px) {
  .section.three-column .section__info-preview-wrap {
    max-width: 44rem;
    margin: 0 auto;
  }
}

.js-section-carousel .swiper-pagination-bullets {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 992px) {
  .js-section-carousel .swiper-pagination-bullets {
    padding-bottom: 0;
  }
}

.swiper-pagination-bullets {
  margin-top: 2rem;

  text-align: center;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  position: relative;

  display: inline-block;

  width: 1.2rem;
  height: 1.2rem;
  margin: 0 .4rem;

  cursor: pointer;
  -webkit-transition: background-color .3s ease-in-out;
          transition: background-color .3s ease-in-out;

  border: 1px solid rgba(28, 28, 28, .3);
  outline: none;
  background-color: var(--white);
}
.swiper-pagination-bullets .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
  border-color: transparent;
  background-color: var(--dark);
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
  cursor: default;

  border-color: var(--primary-color);
}
.swiper-pagination-bullets .swiper-pagination-bullet-active::after {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 100%;
  height: 100%;

  content: "";
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

  background-color: var(--primary-color);
}

.swiper:not(.swiper-initialized) {
  visibility: hidden;

  -webkit-transition: all .3s;
          transition: all .3s;

  opacity: 0;
}
.swiper-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

@media (min-width: 768px) {
  .js-carousel-responsive:not(.swiper-initialized) {
    visibility: visible;

    opacity: 1;
  }
  .js-carousel-responsive .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    margin: 0 -1.5rem;
  }
  .js-carousel-responsive .swiper-slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;

    max-width: 33.333%;
    margin-bottom: 3rem;
    padding: 0 1.5rem;
  }
  .js-carousel-responsive .swiper-controls {
    display: none;
  }
}
/* End */


/* Start:/local/templates/myt/template_styles.css?17600468598246*/
.breadcrumbs {
    white-space: nowrap;
}


        .demo-section {
          margin-bottom: 4rem;
        }

        .demo-subsection:not(:last-child) {
          margin-bottom: 2.5rem;
        }

        .color-square {
          width: 10rem;
          height: 10rem;
          padding: 1.5rem;
          display: flex;
          align-items: flex-end;
          color: #fff;
          line-height: 1.1;
        }

        .color-square--primary {
          background-color: var(--primary-color, #3bb396);
        }

        .color-square--secondary {
          background-color: var(--secondary-color, #2e3142);
        }

        .color-square--tertiary {
          background-color: var(--tertiary-color, skyblue);
        }

        .row {
          display: flex;
          margin: -3rem -1.5rem 0;
          flex-wrap: wrap;
        }

        .row:not(:last-child) {
          margin-bottom: 2.5rem;
        }

        [class*="col-"] {
          padding: 3rem 1.5rem 0;
        }

        .col-12 {
          flex: 0 0 100%;
          max-width: 100%;
        }

        .col-4 {
          flex: 0 0 33.333%;
          max-width: 33.333%;
        }

        .col-4>*:not(:last-child) {
          margin-bottom: 2rem;
        }

        .checkbox-label__main-tooltip {
          cursor: help;
        }

        h2 {
          margin-bottom: 3rem;
        }

        h3 {
          margin-bottom: 2rem;
        }
 

.filter__section.is-active .filter__title::after {
  margin-top: 3px;
}

/**
 * Cart
 */
#basket-root {
  padding-top: 90px;
}

#basket-root .basket-items-list-wrapper {
  border: none;
}

#basket-root .basket-items-list-container,
#basket-root .basket-checkout-container {
  background: none;
}

#basket-root .basket-item-info-name, .basket-item-info-name-link {
  font-weight: 600;
  font-size: 18px;
}

#basket-root .form-control,
.basket-checkout-block .form-control,
#bx-soa-order .form-control {
  background: #fff;
  width: 100%;
  border: 1px solid rgba(28, 28, 28, .3);
  padding: 6px 15px;
}

#basket-root .form-control:focus,
.basket-checkout-block .form-control:focus,
#bx-soa-order .form-control:focus {
  border: 1px solid rgba(28, 28, 28, 1);
}

.wrapper {
  min-height: 0;
}

#basket-root .basket-coupon-block-field-description {
  margin-bottom: 10px;
}

.basket-checkout-block .btn-primary,
.basket-checkout-block .btn:not(:has(.btn__text)):not(.btn--link),
#bx-soa-order .btn-primary,
.basket-checkout-block .btn-outline-secondary,
#bx-soa-order .btn-outline-secondary {
  min-width: 110px;
  min-height: 4.6rem;
  display: inline-flex !important;
  align-items: center;
  font-weight: 600;
  padding-left: 15px;
  padding-right: 15px;
}

.basket-checkout-block .btn-primary,
#bx-soa-order .btn-primary {
  color: #fffaf0;
  background: #6e584d;
}

.basket-checkout-block .btn-primary:hover,
.basket-checkout-block .btn-primary:focus,
#bx-soa-order .btn-primary:hover,
#bx-soa-order .btn-primary:focus {
  background: #5e4b41;
}

.basket-checkout-block .btn-primary:active,
#bx-soa-order .btn-primary:active {
  background: #53423a;
}

.basket-checkout-block .btn-outline-secondary,
#bx-soa-order .btn-outline-secondary {
  color: #1c1c1c;
  border-color: #1c1c1c;
}

.basket-checkout-block .btn-outline-secondary:hover,
.basket-checkout-block .btn-outline-secondary:focus,
#bx-soa-order .btn-outline-secondary:hover,
#bx-soa-order .btn-outline-secondary:focus {
  color: #fffaf0;
  border-color: #1c1c1c;
  background: #1c1c1c;
}

.basket-checkout-block .btn-outline-secondary:active,
#bx-soa-order .btn-outline-secondary:active {
  border-color: #151515;
  background: #151515;
}

.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}
@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}
@media(min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}
@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}
@media(min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}
@media(min-width:1400px){.d-xxl-none{display:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}}

#bx-soa-order .bx-soa-cart-total {
  background: none;
}

#bx-soa-order .bx-soa-section-title-container {
  background: var(--product-card-bg);
  color: #1c1c1c;
}

#bx-soa-order .bx-soa-section-title {
  color: #1c1c1c;
}

#bx-soa-order .bx-soa-section.bx-selected .bx-soa-section-title-container {
  padding: 10px 15px 15px;
}

#bx-soa-order .bx-soa-section .bx-soa-section-title-count:after {
  color: #1c1c1c;
}

#bx-soa-order .bx-soa-section.bx-selected {
  border-color: rgba(28, 28, 28, .3);
}

#bx-soa-order .bx-soa-section-content {
  padding-top: 20px;
  padding-bottom: 20px;
}

#bx-soa-order .bx-soa-item-title a {
  color: #1c1c1c;
  font-weight: 600;
  font-size: 16px;
}

#bx-soa-order .bx-soa-item-title a:hover {
  text-decoration: underline;
}

#bx-soa-order .bx-soa-section {
  background: none;
}

#bx-soa-order .row {
  margin: 0;
}

#bx-soa-order [class*="col-"] {
  padding: 0;
}

#bx-soa-order .bx-soa-more {
  margin-top: 10px;
  border: none;
  padding: 0;
}

#bx-soa-order .bx-soa-more-btn.col {
  display: flex;
  gap: 15px;
}

#bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company {
  background: none;
}

#bx-soa-order .bx-soa-pp-delivery-cost {
  position: static;
}

#bx-soa-order .bx-soa-pp-company {
  margin-bottom: 15px;
}

#bx-soa-order .order-md-1 .bx-soa-pp-company {
  min-width: 140px;
  margin-bottom: 40px;
}

#bx-soa-order .bx-soa-pp-company-selected + .bx-soa-pp-price {
  margin: 2px 0 0 8px;
}

#bx-soa-order .bx-step-completed .bx-soa-section-title-container {
  align-items: center;
  gap: 10px;
}

#bx-soa-order .bx-step-completed .bx-soa-editstep {
  color: var(--primary-color);
}

#bx-soa-total {
  margin-top: 20px;
}

#basket-root input[type="checkbox"],
#bx-soa-order input[type="checkbox"] {
  accent-color: var(--primary-color);
}

#bx-soa-order .bx-soa-customer > *:not(:last-child) {
  margin-bottom: 15px;
}

@media (min-width: 675px) {
  #bx-soa-order .bx-soa-customer + [class*="col-"] {
    margin-left: 20px;
  }
}

#bx-soa-order label {
  display: inline-block;
  margin-bottom: 6px;
}

#bx-soa-order .bx-soa-section.bx-step-completed .bx-soa-section-title-count {
  border-color:#98979d;
  background: none;
}

#bx-soa-order .bx-soa-section.bx-step-completed {
  border-color: #e8e9eb;
}
/* End */


/* Start:/local/templates/myt/components/bitrix/search.title/b-top-search/style.css?17578561923780*/
.bx-searchtitle .bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;

	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */

}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-3px;
	background-color: #FFF;
}

div.title-search-fader {
	display:none;

	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{

	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */
/* /local/templates/myt/assets/css/styles.css?1759655325204899 */
/* /local/templates/myt/template_styles.css?17600468598246 */
/* /local/templates/myt/components/bitrix/search.title/b-top-search/style.css?17578561923780 */