:root {
    --top: 0px;
    --windowHeight: 100%;
    --productPadding: 16px;
    --gridSpace: 48px;
    --iconButtonSpace: 11px;
    --headerHeight: 136px;
    --fieldColumnSpace: 16px;
    --fieldRowSpace: 20px;
    --smallField: 130px;
    --checkboxRadioSpace: 16px;
    --inputBorderColor: #a6a6a6;
    --inputLabelPadding: 16px;
    --wrapperXXS: 816px;
    --wrapperXS: 984px;
    --wrapperS: 1142px;
    --wrapper: 1240px;
    --wrapperL: 1514px;
    --wrapperFull: 1920px;
  } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
  }
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  input {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
  
  .noUi-target,
  .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
  }
  .noUi-target {
    position: relative;
  }
  .noUi-base,
  .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }
  .noUi-connects {
    overflow: hidden;
    z-index: 0;
  }
  .noUi-connect,
  .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat;
  }
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
  }
  .noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
  }
  .noUi-horizontal .noUi-origin {
    height: 0;
  }
  .noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
  }
  .noUi-touch-area {
    height: 100%;
    width: 100%;
  }
  .noUi-state-tap .noUi-connect,
  .noUi-state-tap .noUi-origin {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .noUi-state-drag * {
    cursor: inherit !important;
  }
  .noUi-horizontal {
    height: 18px;
  }
  .noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
  }
  .noUi-vertical {
    width: 18px;
  }
  .noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px;
  }
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
  }
  .noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  }
  .noUi-connects {
    border-radius: 3px;
  }
  .noUi-connect {
    background: #3fb8af;
  }
  .noUi-draggable {
    cursor: ew-resize;
  }
  .noUi-vertical .noUi-draggable {
    cursor: ns-resize;
  }
  .noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  }
  .noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
  }
  .noUi-handle:before,
  .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px;
  }
  .noUi-handle:after {
    left: 17px;
  }
  .noUi-vertical .noUi-handle:before,
  .noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
  }
  .noUi-vertical .noUi-handle:after {
    top: 17px;
  }
  [disabled] .noUi-connect {
    background: #b8b8b8;
  }
  [disabled].noUi-target,
  [disabled].noUi-handle,
  [disabled] .noUi-handle {
    cursor: not-allowed;
  }
  .noUi-pips,
  .noUi-pips * {
    box-sizing: border-box;
  }
  .noUi-pips {
    position: absolute;
    color: #999;
  }
  .noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
  }
  .noUi-value-sub {
    color: #ccc;
    font-size: 10px;
  }
  .noUi-marker {
    position: absolute;
    background: #ccc;
  }
  .noUi-marker-sub {
    background: #aaa;
  }
  .noUi-marker-large {
    background: #aaa;
  }
  .noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
  }
  .noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
  }
  .noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
  }
  .noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
  }
  .noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
  }
  .noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
  }
  .noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
  }
  .noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
  }
  .noUi-rtl .noUi-value-vertical {
    -webkit-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 {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
  }
  .noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
  }
  .noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
  }
  .noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
  }
  .noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
  }
  @font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
  }
  :root {
    --swiper-theme-color: #007aff;
  }
  .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
  }
  .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
  }
  .swiper-android .swiper-slide,
  .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }
  .swiper-pointer-events {
    touch-action: pan-y;
  }
  .swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
  }
  .swiper-3d,
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
  }
  .swiper-3d .swiper-wrapper,
  .swiper-3d .swiper-slide,
  .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-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(
      to left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
  }
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
  }
  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
  }
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0)
    );
  }
  .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
  }
  .swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
  }
  .swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
  }
  .swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
  }
  .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }
  .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-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }
  .swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
  }
  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
  :root {
    --swiper-navigation-size: 44px;
  }
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
  }
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    content: "prev";
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
  }
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: "next";
  }
  .swiper-button-lock {
    display: none;
  }
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
  }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
  }
  .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 8px)
    );
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet:only-child {
    display: none !important;
  }
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .swiper-vertical > .swiper-pagination-bullets,
  .swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
  }
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
  }
  .swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  .swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
  }
  .swiper-horizontal.swiper-rtl
    > .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
  }
  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
  }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
  }
  .swiper-horizontal > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-vertical
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
  }
  .swiper-vertical > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-vertical,
  .swiper-horizontal
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
  }
  .swiper-pagination-lock {
    display: none;
  }
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg,
  .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .swiper-slide-zoomed {
    cursor: move;
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  @-webkit-keyframes swiper-preloader-spin {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes swiper-preloader-spin {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-fade .swiper-slide-active,
  .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  html.noScroll,
  html.noScroll body {
    overflow: hidden;
    height: calc(var(--windowHeight) - 1px);
  }
  body.menuOpened {
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
  }
  body:not(.menuOpened) .mainLayer {
    opacity: 0;
    pointer-events: none;
  }
  .section {
    margin-bottom: 64px;
  }
  .sectionTitle {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    text-align: left;
  }
  .sectionTitle--center {
    justify-content: center;
  }
  .sectionTitle h2 {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.53;
    color: #333;
    margin: 0;
  }
  .sectionTitle h2 + p {
    margin-top: 4px;
  }
  .sectionTitle p {
    color: #404040;
    font-size: 1rem;
    line-height: 1.467;
  }
  .sectionTitle p:last-child {
    margin-bottom: 0;
  }
  .sectionTitle .link,
  .sectionTitle .text a,
  .text .sectionTitle a,
  .sectionTitle p a,
  p .sectionTitle a {
    margin-top: 4px;
  }
  .pageTitle {
    position: relative;
    height: 100px;
  }
  .mainLayout__content .pageTitle {
    margin-left: calc(-1 * var(--mainLayoutSpace));
    width: calc(100% + var(--mainLayoutSpace) * 2);
  }
  .pageTitle img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .pageTitle .wrapper {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    text-align: center;
    height: 100%;
  }
  .pageTitle h1 {
    color: var(--fontcolor);
    font-size: 2.875rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.0435;
    margin: 0;
  }
  .pageTitle .em {
    color: #f47920;
  }
  .pageTitle p {
    color: #595959;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.375;
    margin: 0;
  }
  .pageTitle.pageTitle--image h1 {
    text-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15);
  }
  .pageTitle--big {
    align-items: center;
    background: #f2efe8;
    display: flex;
    justify-content: center;
    -webkit-mask: url(//storage.googleapis.com/pythia-files/emarket/sklavenitisMask.svg) center no-repeat;
    mask: url(//storage.googleapis.com/pythia-files/emarket/sklavenitisMask.svg) center no-repeat;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    margin: 0 0 56px;
    position: relative;
    text-align: center;
    height: 385px;
  }
  .pageTitle--big img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    max-width: 1243px;
  }
  .pageTitle--big h1 {
    color: #fff;
    font-size: 4.375rem;
    line-height: 1;
    text-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15);
  }
  [v-cloak]:not([v-cloak="visibility"]) {
    display: none;
  }
  [v-cloak="visibility"] {
    visibility: hidden;
  }
  .printRow {
    margin-top: 24px;
    padding-top: 16px;
    text-align: right;
  }
  .printRow--border {
    border-top: 1px solid #c2c2c2;
  }
  .asideHeader {
    align-items: center;
    background: #f2efe8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px;
  }
  .asideHeader__title {
    color: #333;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.334;
    margin: 0;
  }
  .asideHeader__title:not(:last-child) {
    margin-bottom: 4px;
  }
  .asideHeader__text {
    color: #838385;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.286;
  }
  .ordersBanner {
    background: #f2efe8;
    border-radius: 8px;
    overflow: hidden;
    padding: 32px;
    position: relative;
  }
  .ordersBanner__img {
    position: absolute;
    right: 0;
    top: 0;
    width: 46%;
    height: 100%;
  }
  .ordersBanner__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
    width: 100%;
    height: 100%;
  }
  .ordersBanner__icon {
    flex-shrink: 0;
    font-size: 3.4375rem;
    margin-right: 32px;
  }
  .ordersBanner__text {
    color: #333;
    font-size: 1.0625rem;
    letter-spacing: -0.03em;
    line-height: 1.411;
    margin: 0;
    position: relative;
    max-width: 496px;
  }
  .pageNav {
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
  }
  .pill {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.28;
    background-color: #8dc63f;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    padding: 5px 12px;
  }
  @font-face {
    font-family: "cfastystd";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/CFAstyStd-Book.woff2") format("woff2"),
      url("../fonts/CFAstyStd-Book.woff") format("woff");
  }
  @font-face {
    font-family: "cfastystd";
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/CFAstyStd-Medium.woff2") format("woff2"),
      url("../fonts/CFAstyStd-Medium.woff") format("woff");
  }
  @font-face {
    font-family: "cfastystd";
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/CFAstyStd-Bold.woff2") format("woff2"),
      url("../fonts/CFAstyStd-Bold.woff") format("woff");
  }
  .clearfix::after {
    clear: both;
    content: "";
    display: table;
  }
  .hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap;
  }
  .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    height: 1px;
  }
  .row {
    display: flex;
    flex-wrap: wrap;
  }
  .row--noWrap {
    flex-wrap: nowrap;
  }
  .row--vStart {
    align-items: flex-start;
  }
  .row--vCenter {
    align-items: center;
  }
  .row--vEnd {
    align-items: flex-end;
  }
  .row--hStart {
    justify-content: flex-start;
  }
  .row--hCenter {
    justify-content: center;
  }
  .row--hEnd {
    justify-content: flex-end;
  }
  .row--space {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .btnWrap {
    --buttonsMarginH: 6px;
    --buttonsMarginV: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 40px;
  }
  .btnWrap.field {
    --buttonsMarginH: 24px;
  }
  .btnWrap--noMargin {
    margin-bottom: 0;
  }
  .btnWrap--hCenter {
    justify-content: center;
  }
  .btnWrap--hEnd {
    justify-content: flex-end;
  }
  .btnWrap--hSpaceB {
    justify-content: space-between;
  }
  .btnWrap--column {
    flex-direction: column;
  }
  .btnWrap--column > *:not(:last-child) {
    margin-bottom: var(--buttonsMarginV);
    margin-right: 0;
  }
  .btnWrap .button {
    margin: var(--buttonsMarginV) var(--buttonsMarginH);
  }
  .productThumbs .swiper-button-prev:before,
  .productThumbs .swiper-button-next:before,
  .productThumbs__slide:after,
  .orderTrack__action:after,
  .myList__new:after,
  .myList__title:after,
  .myList__icon:after,
  .myList--box:after,
  .landingItem--box .landingItem__title:after,
  .landingItem__title:before,
  .landingItem__link:before,
  .addBox__link:before,
  .userNav__link:after,
  .contentBox__link:before,
  .playvideo__icon,
  .table tbody tr:after,
  .storeHours:after,
  .searchInput__submitInput,
  .quantity.quantity--init .quantity__input,
  .quantity--init:after,
  .product__title:before,
  .output--init .output__button:after,
  .output__mainLink:after,
  .loginWrap__img img,
  .radiobutton__border,
  .filtersApply .loader,
  .contestBnr:after,
  .catalogue__link:before,
  .loginBtn .iconButton:after,
  .loginBtn .selectedFilters__remove:after,
  .article__link:before,
  .pageTitle figure,
  .pageTitle--big figure {
    inset: 0;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .separate {
    margin: 0 16px;
  }
  .txtRight {
    text-align: right;
  }
  .noWrap {
    white-space: nowrap;
  }
  .couponBlock__clear,
  .couponBlock__btn,
  .playvideo__icon,
  .social__link,
  .iconButton,
  .selectedFilters__remove,
  .footer__listLink {
    --buttonColor: #838385;
    --buttonColorHover: #595959;
    --buttonColorActive: #f47920;
  }
  .sitemapnav__link,
  .myList__title,
  .landingItem--box .landingItem__title,
  .landingItem__link,
  .pagination__link,
  .output__link,
  .output__mainLink,
  .select__option,
  .autocomplete__option,
  .checkbox__label a,
  .radiobutton__label a,
  .deliveryTypeInfo__link,
  .link,
  .text a,
  p a,
  .iconButton--black,
  .breadcrumb__itemLink {
    --buttonColor: #333;
    --buttonColorHover: #838385;
    --buttonColorActive: #f47920;
  }
  .link--orange,
  .iconButton--orange,
  .button {
    --buttonColor: #f47920;
    --buttonColorHover: #f68d41;
    --buttonColorActive: #c75808;
  }
  .button.button--green,
  .button.miniBasketButton.active {
    --buttonColor: #74b11f;
    --buttonColorHover: #8dc63f;
    --buttonColorActive: #588718;
  }
  .select__listWrap,
  .autocomplete,
  .range__input,
  .field__input,
  .textarea__field,
  .select__button {
    border: 1px solid var(--inputBorderColor);
    border-radius: 8px;
  }
  .range__input,
  .field__input,
  .textarea__field,
  .select__button {
    color: #333;
    font-size: 0.9375rem;
    padding: 8px 16px;
    width: 100%;
    height: 48px;
  }
  .input-validation-error.range__input,
  .input-validation-error.field__input,
  .input-validation-error.textarea__field,
  .input-validation-error.select__button,
  .field--error .range__input,
  .field--error .field__input,
  .field--error .textarea__field,
  .field--error .select__button {
    border-color: #d91a32;
  }
  .range__input:focus,
  .field__input:focus,
  .textarea__field:focus,
  .select--open .select__button {
    border-color: #f47920;
    outline: none;
  }
  .field-validation-error,
  .field__helper {
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: initial;
    line-height: 1.33;
    color: #595959;
    display: block;
    margin: 7px 0 0 0;
    padding-left: var(--inputLabelPadding);
  }
  .field-validation-error ~ .field-validation-error,
  .field__helper ~ .field-validation-error {
    margin-top: 2px;
  }
  .field__input:-moz-read-only {
    background-color: #ececec;
    border-color: #ececec;
    color: #838385;
    pointer-events: none;
  }
  .field__input:read-only {
    background-color: #ececec;
    border-color: #ececec;
    color: #838385;
    pointer-events: none;
  }
  .listsBlock__bg,
  .minibasket__overlay,
  .userMenu__overlay,
  .notifications__overlay,
  .modal__bg,
  .mainLayer {
    background-color: rgba(51, 51, 51, 0.9);
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity 250ms ease-in-out;
    z-index: 9;
    width: 100%;
    height: 100%;
  }
  .minibasket__inner {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform 300ms ease-out 120ms;
    transition: transform 300ms ease-out 120ms;
    transition: transform 300ms ease-out 120ms,
      -webkit-transform 300ms ease-out 120ms;
  }
  .minibasket.active .minibasket__inner {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: -webkit-transform 350ms ease-out;
    transition: transform 350ms ease-out;
    transition: transform 350ms ease-out, -webkit-transform 350ms ease-out;
  }
  .miniCart.active .miniCart__holder,
  .miniCart.active .miniCart__main {
    opacity: 1;
    transition: opacity 300ms ease-out 240ms;
  }
  .miniCart__holder,
  .miniCart__main {
    opacity: 0;
    transition: opacity 240ms ease-out;
  }
  @font-face {
    font-family: "iconfont";
    src: url("https://sklavenitishtml.dev.atcom.gr/Content/Fonts/iconfont.eot");
    src: url("https://sklavenitishtml.dev.atcom.gr/Content/Fonts/iconfont.eot?")
        format("eot"),
      url("../Fonts/iconfont.woff2") format("woff2"),
      url("../Fonts/iconfont.woff") format("woff"),
      url("../Fonts/iconfont.ttf") format("truetype"),
      url("../Fonts/iconfont.svg") format("svg");
  }
  .couponBlock__clear:before,
  .couponBlock__btn:before,
  .productThumbs .swiper-button-next:after,
  .productThumbs .swiper-button-prev:after,
  .addToCartButton--added:before,
  .addToCartButton:before,
  .myList--box.myList--fav:before,
  .myList--box:before,
  .sideBasket__title:before,
  .topnav__selected:before,
  .timetableNav--prev:before,
  .timetableNav--next:before,
  .swiper-button-next:after,
  .swiper-button-prev:after,
  .sidemenu__selected:before,
  .searchInput__submit:before,
  .range__submit:before,
  .quantity__message--removed:before,
  .quantity__message--added:before,
  .quantity__btn--dec:before,
  .quantity__btn--inc:before,
  .quantity--init:before,
  .errorMsg:before,
  .select__button:after,
  .checkbox__icon:before,
  .radiobutton--check .radiobutton__icon:after,
  .radiobutton--box .radiobutton__icon:after,
  .selectedFilters__remove:before,
  .filter__titleIcon:before,
  .content__zoomimg:before,
  .acc.open > .acc__header .acc__icon.icon-edit:before,
  .icon-zoomOut:before,
  .icon-zoomIn:before,
  .icon-youtube:before,
  .icon-warning:before,
  .icon-visibilityOff:before,
  .togglePassword.disabled:before,
  .filters:not(.filters--checked) .togglePassword.filtersClearAll:before,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.togglePassword:before,
  .filter:not(.filter--checked) .filtersLinks button.togglePassword:before,
  .icon-visibility:before,
  .togglePassword:before,
  .icon-vegetables:before,
  .icon-twitter:before,
  .icon-trolley:before,
  .icon-time:before,
  .icon-tickOutline:before,
  .icon-tickFilled:before,
  .icon-tick:before,
  .statusMessage--success:before,
  .icon-storeSevice1:before,
  .icon-store:before,
  .icon-shipping:before,
  .icon-settings:before,
  .icon-searchList:before,
  .icon-search:before,
  .field__inputSubmit:before,
  .icon-schedule:before,
  .icon-sausages:before,
  .icon-safePay:before,
  .icon-revertRight:before,
  .icon-revertLeft:before,
  .icon-restaurant:before,
  .icon-remove:before,
  .icon-refresh:before,
  .icon-readyMeals:before,
  .icon-print:before,
  .icon-plus:before,
  .icon-play:before,
  .icon-pinterest:before,
  .icon-pin:before,
  .icon-pet:before,
  .icon-party:before,
  .icon-parking:before,
  .icon-paper:before,
  .icon-orders:before,
  .icon-onePlusOne:before,
  .icon-nuts:before,
  .icon-newProduct:before,
  .icon-mylists-wreath:before,
  .icon-mylists-woman:before,
  .icon-mylists-winter:before,
  .icon-mylists-volleyball:before,
  .icon-mylists-umbrella:before,
  .icon-mylists-triangle:before,
  .icon-mylists-trailer:before,
  .icon-mylists-sun:before,
  .icon-mylists-store:before,
  .icon-mylists-star:before,
  .icon-mylists-sea:before,
  .icon-mylists-plane:before,
  .icon-mylists-mountain:before,
  .icon-mylists-mask:before,
  .icon-mylists-man:before,
  .icon-mylists-leaf:before,
  .icon-mylists-ktirio:before,
  .icon-mylists-ktiria:before,
  .icon-mylists-kite:before,
  .icon-mylists-house2:before,
  .icon-mylists-hospital:before,
  .icon-mylists-home:before,
  .icon-mylists-handHeart:before,
  .icon-mylists-grandpa:before,
  .icon-mylists-grandma:before,
  .icon-mylists-glasses:before,
  .icon-mylists-girl:before,
  .icon-mylists-gift:before,
  .icon-mylists-football:before,
  .icon-mylists-easterEgg:before,
  .icon-mylists-earth:before,
  .icon-mylists-dog:before,
  .icon-mylists-dinner:before,
  .icon-mylists-diamond:before,
  .icon-mylists-cupcake:before,
  .icon-mylists-cocktail:before,
  .icon-mylists-cloud:before,
  .icon-mylists-circle:before,
  .icon-mylists-championCup:before,
  .icon-mylists-champagne:before,
  .icon-mylists-cat:before,
  .icon-mylists-camp:before,
  .icon-mylists-boy:before,
  .icon-mylists-boat:before,
  .icon-mylists-block:before,
  .icon-mylists-birthdayHat:before,
  .icon-mylists-birthdaycake:before,
  .icon-mylists-bird:before,
  .icon-mylists-basketball:before,
  .icon-mylists-basket:before,
  .icon-mylists-barakia:before,
  .icon-mylists-balloon:before,
  .icon-mylists-baby:before,
  .icon-multipleSearch:before,
  .icon-minimarketFood:before,
  .icon-milkBeverages:before,
  .icon-mailCircle:before,
  .icon-mail:before,
  .icon-logout:before,
  .icon-location2:before,
  .icon-location:before,
  .icon-instagram:before,
  .icon-info:before,
  .icon-house:before,
  .icon-help:before,
  .icon-hearts:before,
  .icon-heart:before,
  .icon-frozen:before,
  .icon-freshMeat:before,
  .icon-form:before,
  .icon-fish:before,
  .icon-filters:before,
  .icon-fav:before,
  .icon-facemask:before,
  .icon-facebook:before,
  .icon-eggs:before,
  .icon-edit:before,
  .icon-download:before,
  .icon-directions2:before,
  .icon-directions:before,
  .icon-delete:before,
  .icon-cream:before,
  .icon-cosmetics:before,
  .icon-copy:before,
  .icon-cone:before,
  .icon-closeRoundedOutline:before,
  .icon-closeRounded:before,
  .icon-closeOutline:before,
  .icon-close:before,
  .field__inputClear:before,
  .statusMessage--error:before,
  .icon-cleaning:before,
  .icon-cheese:before,
  .icon-card:before,
  .icon-call:before,
  .icon-cafe:before,
  .icon-breakfast:before,
  .icon-bisquite:before,
  .icon-bio:before,
  .icon-beverages:before,
  .icon-bell:before,
  .icon-basketTimer:before,
  .icon-basket:before,
  .icon-bakery:before,
  .icon-babytoy:before,
  .icon-babyFoods:before,
  .icon-arrowUp:before,
  .goToTop:before,
  .icon-arrowRight32:before,
  .icon-arrowRight:before,
  .mainNav__link--hasChildren:before,
  .icon-arrowRight--circle:before,
  .icon-arrowRight--b:before,
  .icon-arrowLeft32:before,
  .icon-arrowLeft:before,
  .megamenu__back:before,
  .icon-arrowLeft--b:before,
  .icon-arrowDown:before,
  .icon-appetizers:before,
  .icon-alert:before,
  .icon-alcohol:before,
  .icon-addCircle:before,
  .icon-addCircle--b:before,
  .icon-add:before,
  .icon-account:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-display: swap;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    display: inline-block;
    line-height: 1;
    vertical-align: top;
  }
  .icon-account:before {
    content: "";
  }
  .icon-add:before {
    content: "";
  }
  .icon-addCircle--b:before {
    content: "";
  }
  .icon-addCircle:before {
    content: "";
  }
  .icon-alcohol:before {
    content: "";
  }
  .icon-alert:before {
    content: "";
  }
  .icon-appetizers:before {
    content: "";
  }
  .icon-arrowDown:before {
    content: "";
  }
  .icon-arrowLeft--b:before {
    content: "";
  }
  .icon-arrowLeft:before,
  .megamenu__back:before {
    content: "";
  }
  .icon-arrowLeft32:before {
    content: "";
  }
  .icon-arrowRight--b:before {
    content: "";
  }
  .icon-arrowRight--circle:before {
    content: "";
  }
  .icon-arrowRight:before,
  .mainNav__link--hasChildren:before {
    content: "";
  }
  .icon-arrowRight32:before {
    content: "";
  }
  .icon-arrowUp:before,
  .goToTop:before {
    content: "";
  }
  .icon-babyFoods:before {
    content: "";
  }
  .icon-babytoy:before {
    content: "";
  }
  .icon-bakery:before {
    content: "";
  }
  .icon-basket:before {
    content: "";
  }
  .icon-basketTimer:before {
    content: "";
  }
  .icon-bell:before {
    content: "";
  }
  .icon-beverages:before {
    content: "";
  }
  .icon-bio:before {
    content: "";
  }
  .icon-bisquite:before {
    content: "";
  }
  .icon-breakfast:before {
    content: "";
  }
  .icon-cafe:before {
    content: "";
  }
  .icon-call:before {
    content: "";
  }
  .icon-card:before {
    content: "";
  }
  .icon-cheese:before {
    content: "";
  }
  .icon-cleaning:before {
    content: "";
  }
  .icon-close:before,
  .field__inputClear:before,
  .statusMessage--error:before {
    content: "";
  }
  .icon-closeOutline:before {
    content: "";
  }
  .icon-closeRounded:before {
    content: "";
  }
  .icon-closeRoundedOutline:before {
    content: "";
  }
  .icon-cone:before {
    content: "";
  }
  .icon-copy:before {
    content: "";
  }
  .icon-cosmetics:before {
    content: "";
  }
  .icon-cream:before {
    content: "";
  }
  .icon-delete:before {
    content: "";
  }
  .icon-directions:before {
    content: "";
  }
  .icon-directions2:before {
    content: "";
  }
  .icon-download:before {
    content: "";
  }
  .icon-edit:before {
    content: "";
  }
  .icon-eggs:before {
    content: "";
  }
  .icon-facebook:before {
    content: "";
  }
  .icon-facemask:before {
    content: "";
  }
  .icon-fav:before {
    content: "";
  }
  .icon-filters:before {
    content: "";
  }
  .icon-fish:before {
    content: "";
  }
  .icon-form:before {
    content: "";
  }
  .icon-freshMeat:before {
    content: "";
  }
  .icon-frozen:before {
    content: "";
  }
  .icon-heart:before {
    content: "";
  }
  .icon-hearts:before {
    content: "";
  }
  .icon-help:before {
    content: "";
  }
  .icon-house:before {
    content: "";
  }
  .icon-info:before {
    content: "";
  }
  .icon-instagram:before {
    content: "";
  }
  .icon-location:before {
    content: "";
  }
  .icon-location2:before {
    content: "";
  }
  .icon-logout:before {
    content: "";
  }
  .icon-mail:before {
    content: "";
  }
  .icon-mailCircle:before {
    content: "";
  }
  .icon-milkBeverages:before {
    content: "";
  }
  .icon-minimarketFood:before {
    content: "";
  }
  .icon-multipleSearch:before {
    content: "";
  }
  .icon-mylists-baby:before {
    content: "";
  }
  .icon-mylists-balloon:before {
    content: "";
  }
  .icon-mylists-barakia:before {
    content: "";
  }
  .icon-mylists-basket:before {
    content: "";
  }
  .icon-mylists-basketball:before {
    content: "";
  }
  .icon-mylists-bird:before {
    content: "";
  }
  .icon-mylists-birthdaycake:before {
    content: "";
  }
  .icon-mylists-birthdayHat:before {
    content: "";
  }
  .icon-mylists-block:before {
    content: "";
  }
  .icon-mylists-boat:before {
    content: "";
  }
  .icon-mylists-boy:before {
    content: "";
  }
  .icon-mylists-camp:before {
    content: "";
  }
  .icon-mylists-cat:before {
    content: "";
  }
  .icon-mylists-champagne:before {
    content: "";
  }
  .icon-mylists-championCup:before {
    content: "";
  }
  .icon-mylists-circle:before {
    content: "";
  }
  .icon-mylists-cloud:before {
    content: "";
  }
  .icon-mylists-cocktail:before {
    content: "";
  }
  .icon-mylists-cupcake:before {
    content: "";
  }
  .icon-mylists-diamond:before {
    content: "";
  }
  .icon-mylists-dinner:before {
    content: "";
  }
  .icon-mylists-dog:before {
    content: "";
  }
  .icon-mylists-earth:before {
    content: "";
  }
  .icon-mylists-easterEgg:before {
    content: "";
  }
  .icon-mylists-football:before {
    content: "";
  }
  .icon-mylists-gift:before {
    content: "";
  }
  .icon-mylists-girl:before {
    content: "";
  }
  .icon-mylists-glasses:before {
    content: "";
  }
  .icon-mylists-grandma:before {
    content: "";
  }
  .icon-mylists-grandpa:before {
    content: "";
  }
  .icon-mylists-handHeart:before {
    content: "";
  }
  .icon-mylists-home:before {
    content: "";
  }
  .icon-mylists-hospital:before {
    content: "";
  }
  .icon-mylists-house2:before {
    content: "";
  }
  .icon-mylists-kite:before {
    content: "";
  }
  .icon-mylists-ktiria:before {
    content: "";
  }
  .icon-mylists-ktirio:before {
    content: "";
  }
  .icon-mylists-leaf:before {
    content: "";
  }
  .icon-mylists-man:before {
    content: "";
  }
  .icon-mylists-mask:before {
    content: "";
  }
  .icon-mylists-mountain:before {
    content: "";
  }
  .icon-mylists-plane:before {
    content: "";
  }
  .icon-mylists-sea:before {
    content: "";
  }
  .icon-mylists-star:before {
    content: "";
  }
  .icon-mylists-store:before {
    content: "";
  }
  .icon-mylists-sun:before {
    content: "";
  }
  .icon-mylists-trailer:before {
    content: "";
  }
  .icon-mylists-triangle:before {
    content: "";
  }
  .icon-mylists-umbrella:before {
    content: "";
  }
  .icon-mylists-volleyball:before {
    content: "";
  }
  .icon-mylists-winter:before {
    content: "";
  }
  .icon-mylists-woman:before {
    content: "";
  }
  .icon-mylists-wreath:before {
    content: "";
  }
  .icon-newProduct:before {
    content: "";
  }
  .icon-nuts:before {
    content: "";
  }
  .icon-onePlusOne:before {
    content: "";
  }
  .icon-orders:before {
    content: "";
  }
  .icon-paper:before {
    content: "";
  }
  .icon-parking:before {
    content: "";
  }
  .icon-party:before {
    content: "";
  }
  .icon-pet:before {
    content: "";
  }
  .icon-pin:before {
    content: "";
  }
  .icon-pinterest:before {
    content: "";
  }
  .icon-play:before {
    content: "";
  }
  .icon-plus:before {
    content: "";
  }
  .icon-print:before {
    content: "";
  }
  .icon-readyMeals:before {
    content: "";
  }
  .icon-refresh:before {
    content: "";
  }
  .icon-remove:before {
    content: "";
  }
  .icon-restaurant:before {
    content: "";
  }
  .icon-revertLeft:before {
    content: "";
  }
  .icon-revertRight:before {
    content: "";
  }
  .icon-safePay:before {
    content: "";
  }
  .icon-sausages:before {
    content: "";
  }
  .icon-schedule:before {
    content: "";
  }
  .icon-search:before,
  .field__inputSubmit:before {
    content: "";
  }
  .icon-searchList:before {
    content: "";
  }
  .icon-settings:before {
    content: "";
  }
  .icon-shipping:before {
    content: "";
  }
  .icon-store:before {
    content: "";
  }
  .icon-storeSevice1:before {
    content: "";
  }
  .icon-tick:before,
  .statusMessage--success:before {
    content: "";
  }
  .icon-tickFilled:before {
    content: "";
  }
  .icon-tickOutline:before {
    content: "";
  }
  .icon-time:before {
    content: "";
  }
  .icon-trolley:before {
    content: "";
  }
  .icon-twitter:before {
    content: "";
  }
  .icon-vegetables:before {
    content: "";
  }
  .icon-visibility:before,
  .togglePassword:before {
    content: "";
  }
  .icon-visibilityOff:before,
  .togglePassword.disabled:before,
  .filters:not(.filters--checked) .togglePassword.filtersClearAll:before,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.togglePassword:before,
  .filter:not(.filter--checked) .filtersLinks button.togglePassword:before {
    content: "";
  }
  .icon-warning:before {
    content: "";
  }
  .icon-youtube:before {
    content: "";
  }
  .icon-zoomIn:before {
    content: "";
  }
  .icon-zoomOut:before {
    content: "";
  }
  html {
    font-size: 16px;
  }
  body {
    color: #333;
    font: 400 100%/1.4 "cfastystd", Trebuchet MS, sans-serif;
    line-height: 1.3;
  }
  [class^="icon-"],
  [class*=" icon-"] {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
  }
  input[type="submit"] {
    cursor: pointer;
  }
  input,
  textarea,
  button,
  select,
  a {
    -webkit-tap-highlight-color: transparent;
  }
  figure {
    margin: 0;
  }
  img {
    max-width: 100%;
  }
  h1 {
    font-size: 2.875rem;
    font-weight: 700;
    letter-spacing: -0.03em;
  }
  h2 {
    font-weight: 700;
  }
  h3 {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 32px;
  }
  h4 {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 20px;
  }
  h4:not(:first-child) {
    margin-top: 30px;
  }
  b,
  strong,
  .bold {
    font-weight: bold;
  }
  .text,
  p {
    color: #404040;
    font-size: 1rem;
    line-height: 1.47;
    margin: 0 0 32px;
  }
  .text a,
  p a {
    text-decoration: underline;
  }
  .text--s {
    font-size: 0.8125rem;
    margin: 0;
  }
  .text--b {
    color: #333;
    font-size: 1rem;
    font-weight: bold;
  }
  .text--pending {
    color: orange;
  }
  a {
    text-decoration: none;
    transition: color 250ms ease;
  }
  ul {
    list-style: none;
    margin: 20px 0;
    padding: 0;
  }
  ul.listS {
    margin: 0 0 24px;
  }
  ul.listS li {
    font-size: 0.8125rem;
    line-height: 1.3;
  }
  ul.listS li:after {
    top: 4px;
  }
  ul.listL {
    margin: 24px 0 40px;
  }
  ul.listL li {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.5;
    margin-bottom: 20px;
    padding-left: 28px;
  }
  ul.listL li:after {
    background-color: #f47920;
    top: 11px;
    width: 8px;
    height: 8px;
  }
  ul.listCols {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
  ul.listCols li {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
    padding-left: 0;
    margin-bottom: 20px;
  }
  ul.listCols li:after {
    display: none;
  }
  ul li {
    line-height: 1.2;
    margin: 0 0 3px;
    padding-left: 12px;
    position: relative;
  }
  ul li:after {
    width: 5px;
    height: 5px;
    background: #404040;
    border-radius: 50%;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 6px;
  }
  ul ol li {
    padding-left: 0;
  }
  ul ol li:after {
    content: none;
  }
  ol {
    margin: 20px 0;
    padding: 0 0 0 20px;
  }
  .list--orange li:after {
    background-color: #f47920;
  }
  .address,
  .orderSum__col,
  address {
    color: #666;
    font-size: 0.875rem;
    font-style: normal;
    line-height: 1.8;
  }
  .footer {
    --footerSpaceTop: 80px;
    background-color: #404040;
    margin-top: var(--footerSpaceTop);
  }
  .footer__main {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 48px;
  }
  .footer--checkout .footer__main {
    padding: 24px 0;
  }
  .footer__col {
    --footerColSpace: 40px;
  }
  .footer__title {
    color: #4d4d4d;
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0 0 16px;
  }
  .footer__list {
    margin: 0;
  }
  .footer__list li {
    padding-left: 0;
    margin: 0;
  }
  .footer__list li:after {
    display: none;
  }
  .footer__listItem {
    color: #8c8c8c;
    font-size: 0.9375rem;
    line-height: 1.2;
    margin: 0;
  }
  .footer__listLink {
    display: inline-block;
    padding: 8px 0;
    vertical-align: top;
  }
  .footer__apps {
    margin: 24px 0 0;
  }
  .footer__apps p {
    color: #8c8c8c;
    font-size: 0.9375rem;
    margin: 0 0 8px;
  }
  .footer__apps figure {
    width: 100%;
  }
  .footer__apps figure picture {
    display: block;
    padding-top: calc(42 / 140 * 100%);
    position: relative;
    width: 100%;
  }
  .footer__apps figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .footer__appsInner {
    display: flex;
    flex-wrap: wrap;
  }
  .footer__appsLink {
    margin-bottom: 8px;
    width: 140px;
  }
  .footer__appsLink:not(:last-child) {
    margin-right: 8px;
  }
  .footer__btm {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
  }
  .footer__copy {
    color: #fff;
    font-weight: 400;
    line-height: 1;
    margin: 0;
  }
  .footer__atcom {
    line-height: 1;
    padding: 8px 0;
  }
  .footer__atcom img {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    height: 13px;
  }
  .footer__text:last-child {
    margin-bottom: 0;
  }
  .wrapper {
    margin: 0 auto;
    padding: 0 var(--gridSpace);
    width: 100%;
    max-width: calc(var(--wrapper) + var(--gridSpace) * 2);
  }
  .wrapper--xxs {
    --wrapper: var(--wrapperXXS);
  }
  .wrapper--xs {
    --wrapper: var(--wrapperXS);
  }
  .wrapper--s {
    --wrapper: var(--wrapperS);
  }
  .wrapper--l {
    --wrapper: var(--wrapperL);
  }
  .wrapper--full {
    --wrapper: var(--wrapperFull);
  }
  .wrapper .wrapper {
    padding: 0;
  }
  .col {
    max-width: 100%;
    flex-grow: 1;
    flex-basis: 0;
  }
  .col-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .header {
    background-color: #fff;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: var(--top);
    z-index: 9;
    height: var(--headerHeight);
  }
  .header__top {
    padding: 16px 0;
  }
  .header__leftBlock {
    align-items: center;
    display: inline-flex;
  }
  .header__topInner {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .header--checkout .header__topInner {
    position: relative;
  }
  .header__logo {
    flex-shrink: 0;
    margin-right: auto;
    width: 296px;
    height: 38px;
  }
  .header__logo h1 {
    font-size: 0;
    margin: 0;
  }
  .header__logo img {
    width: 100%;
  }
  .header--checkout .header__logo {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .header__tools {
    align-items: center;
    display: flex;
  }
  .header__tool {
    margin-left: 20px;
  }
  .mainContainer {
    display: grid;
    grid-template-areas: "header" "main" "footer";
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
  }
  .header {
    grid-area: header;
  }
  .main {
    grid-area: main;
  }
  .footer {
    grid-area: footer;
  }
  .mainLayout {
    --mainLayoutSpace: 32px;
  }
  .mainLayout__content {
    padding: 0 var(--mainLayoutSpace);
  }
  .mainLayout .wrapper {
    --gridSpace: 0px;
  }
  .acc {
    border-bottom: 1px solid #c2c2c2;
  }
  .acc--border {
    border: 1px solid #fff;
    border-radius: 4px;
  }
  .acc--border .acc__header {
    padding: 16px;
  }
  .acc--border .acc__content {
    padding: 8px 16px 16px;
  }
  .acc--box {
    background-color: #f5f5f5;
  }
  .acc--box .acc__header {
    justify-content: space-between;
    padding: 24px;
  }
  .acc--box .acc__content {
    padding: 8px 24px 24px;
  }
  .acc--stripe {
    border: none;
    margin: 24px 0;
  }
  .acc--stripe .acc__header {
    background-color: #f2efe8;
    border-radius: 8px;
    font-size: 1.25rem;
    margin-bottom: 24px;
    padding: 16px;
  }
  .acc--stripe .acc__header:before {
    font-size: 1.5rem;
    margin-right: 8px;
  }
  .acc--disabled .acc__header {
    cursor: auto;
    pointer-events: none;
  }
  .acc--disabled .acc__headerInnerTitle {
    pointer-events: all;
  }
  .acc--disabled .acc__icon {
    display: none;
  }
  .acc--disabled .acc__content {
    display: none;
  }
  .acc--beige {
    border: none;
    margin-bottom: 30px;
  }
  .acc--beige .acc__header {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.33;
    background-color: #f2efe8;
    border-radius: 8px;
    padding: 16px;
  }
  .acc--beige .acc__content {
    padding: 10px 30px;
  }
  .acc--beige .acc__content .listCols {
    margin: 0;
  }
  .acc--colorStripe {
    border: none;
    margin-bottom: 20px;
  }
  .acc--colorStripe .acc__header {
    background-color: #fef8c6;
    border-radius: 8px;
    color: #000;
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 12px;
  }
  .acc--colorStripe .acc__icon {
    font-size: 1.5rem;
  }
  .acc--colorStripe .acc__content {
    padding: 0;
  }
  .acc__title {
    margin: 0;
  }
  .acc__content {
    padding: 0 0 20px;
  }
  .acc__content > .form:last-child {
    margin-bottom: 0;
  }
  .acc__content p:last-child {
    margin: 0;
  }
  .acc__content--md {
    max-width: 822px;
  }
  .acc__error {
    flex-basis: 100%;
    flex-grow: 1;
  }
  .acc__error p {
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: initial;
    line-height: 1.33;
    color: #d91a32;
    margin: 0;
  }
  .acc__header {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.33;
    align-items: center;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
  }
  .acc--inline .acc__header {
    font-size: 0.875rem;
  }
  .acc__header > * {
    pointer-events: none;
  }
  .acc__header--md {
    padding: 16px 0;
  }
  .acc__header--md .acc__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375;
  }
  .acc__header--lg {
    padding: 16px 0;
  }
  .acc__header--lg .acc__title {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .acc__headerInfo {
    font-weight: 400;
    margin-left: 4px;
  }
  .acc__headerInner {
    display: flex;
    flex-grow: 1;
  }
  .acc__headerInnerTitle {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.37;
    align-items: center;
    color: #333;
    display: flex;
    position: relative;
  }
  .acc__headerInnerTitle [class^="icon-"],
  .acc__headerInnerTitle [class*=" icon-"] {
    color: #838385;
    font-size: 1.5rem;
    margin-right: 10px;
  }
  .acc__headerInnerTitle--info {
    flex-wrap: wrap;
    font-weight: 400;
    margin-left: 20px;
  }
  .acc__headerInnerTitle--info .link,
  .acc__headerInnerTitle--info .text a,
  .text .acc__headerInnerTitle--info a,
  .acc__headerInnerTitle--info p a,
  p .acc__headerInnerTitle--info a {
    font-weight: 500;
  }
  .open .acc__headerInnerTitle--info {
    display: none;
  }
  .acc__headerInnerTitle--sum {
    justify-content: flex-end;
    flex-grow: 1;
    flex-shrink: 0;
    font-weight: 400;
    margin-left: auto;
    padding-left: 20px;
    text-align: right;
  }
  .open .acc__headerInnerTitle--sum {
    display: none;
  }
  .acc__headerInnerTitle--large {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.36;
  }
  .acc__icon {
    color: #838385;
    font-size: 2rem;
    padding: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
  }
  .acc__icon--sml {
    font-size: 1.5rem;
  }
  .acc__icon.icon-edit {
    font-size: 1.5rem;
  }
  .acc__title + .acc__icon {
    margin-left: 32px;
  }
  .acc:not(.open) .acc__content {
    display: none;
  }
  .acc.open > .acc__header .acc__icon:not(.icon-edit) {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .acc.open > .acc__header .acc__icon.icon-edit:before {
    content: "";
  }
  .acc-section {
    margin-bottom: 56px;
  }
  .acc-section__title {
    border-bottom: 1px solid #c2c2c2;
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 12px;
  }
  .acc-section__title--pdlg {
    padding-bottom: 40px;
  }
  .article {
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    position: relative;
  }
  .article__img figure {
    width: 100%;
  }
  .article__img figure picture {
    display: block;
    padding-top: calc(184 / 296 * 100%);
    position: relative;
    width: 100%;
  }
  .article__img figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .article__info {
    padding: 20px;
  }
  .article__date {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.28;
    color: #838385;
  }
  .article__dateWrap {
    display: inline-block;
    font-size: 0;
    margin-bottom: 13px;
  }
  .article__dateWrap span:not(.pill) {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
  }
  .article__dateWrap .pill {
    margin-left: 12px;
    position: relative;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  .article__title {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.33;
    color: #333;
    margin-bottom: 8px;
  }
  .article__text {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
    color: #404040;
    margin-bottom: 0;
    --maxLines: 4;
    line-clamp: var(--maxLines);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: var(--maxLines);
    -webkit-box-orient: vertical;
  }
  .article__text p:last-child {
    margin-bottom: 0;
  }
  .article__link {
    color: inherit;
  }
  .article__link:before {
    content: "";
  }
  .article--wide .article__img figure {
    width: 100%;
  }
  .article--wide .article__img figure picture {
    display: block;
    padding-top: calc(314 / 1258 * 100%);
    position: relative;
    width: 100%;
  }
  .article--wide .article__img figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .article--wide .article__date {
    margin-bottom: 4px;
  }
  .article--wide .article__title {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.38;
    margin-bottom: 16px;
  }
  .article--wide .article__info {
    padding: 32px;
  }
  .articleFeatured {
    margin-bottom: 32px;
  }
  .articleList {
    --productSpaceH: 20px;
    --productSpaceV: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--productSpaceV) var(--productSpaceH);
  }
  .articleList .article {
    width: calc(25% - 3 * var(--productSpaceH) / 4);
  }
  .articleList .article--horizontal {
    width: 100%;
  }
  .articleList .swiper-slide .article {
    width: 100%;
  }
  .articleList--column {
    --productSpaceV: 32px;
    margin-bottom: 32px;
  }
  .articleList--contests {
    margin-bottom: 60px;
    justify-content: flex-start;
  }
  .articleDetails__date {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.37;
  }
  .articleDetails__dateWrap {
    align-items: center;
    color: #838385;
    display: inline-flex;
    margin-bottom: 4px;
  }
  .articleDetails__dateWrap span {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
    margin-right: 4px;
  }
  .articleDetails__title {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0;
    max-width: 746px;
  }
  .articleDetails__title:after {
    content: "";
    display: block;
    background-color: #f47920;
    width: 54px;
    height: 8px;
    margin: 16px auto 16px 0;
  }
  .autocomplete__googlelogo {
    margin: 12px 18px 0 auto;
    width: 93px;
    height: 13px;
    text-align: right;
    display: block;
    background-image: url(../media/powered-by-google-on-white3.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .bnr {
    background-color: #404040;
    color: #fff;
    padding: 22px 0;
  }
  .bnr__inner {
    position: relative;
    display: flex;
    align-items: center;
  }
  .bnr__icon {
    color: inherit;
    font-size: 1.5rem;
  }
  .bnr__close {
    font-size: 1.5rem;
  }
  .bnr__text {
    min-height: 24px;
    display: flex;
    align-items: center;
    margin: 0 16px 0 18px;
    flex-grow: 1;
  }
  .bnr p {
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: inherit;
  }
  .bnr p:last-of-type {
    margin-bottom: 0;
  }
  .breadcrumb__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .breadcrumb__item {
    color: #333;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.143;
    margin: 2px 0;
    padding: 0;
    position: relative;
  }
  .breadcrumb__item--disabled {
    color: #a6a6a6;
    font-weight: 400;
  }
  .breadcrumb__item:after {
    display: none;
  }
  .breadcrumb__itemLink {
    color: var(--buttonColor);
    font-weight: 400;
    text-decoration: underline;
  }
  .breadcrumb__itemLink:active {
    color: var(--buttonColorActive);
  }
  button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: none;
    margin: 0;
  }
  .button {
    align-items: center;
    background-color: var(--buttonColor);
    border: none;
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    font-family: "cfastystd", Trebuchet MS, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    justify-content: center;
    letter-spacing: -0.03em;
    padding: 8px 24px;
    transition: color 350ms ease, background-color 350ms ease;
    min-height: 48px;
  }
  .button .icon {
    font-size: 1.5rem;
    margin-right: 8px;
  }
  .button:not(.disabled) {
    cursor: pointer;
  }
  .button:not(.disabled):active {
    background-color: var(--buttonColorActive);
  }
  .button.disabled,
  .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button.button,
  .filter:not(.filter--checked) .filtersLinks button.button,
  .filters:not(.filters--checked) .button.filtersClearAll {
    background-color: #ececec;
    color: #a6a6a6;
  }
  .button--s {
    font-size: 0.8125rem;
    letter-spacing: -0.02em;
    min-height: 34px;
  }
  .button--s .icon {
    margin: -3px 4px -3px 0;
  }
  .button--border {
    background-color: transparent;
    border: 1px solid var(--buttonColor);
    color: var(--buttonColor);
    transition: color 350ms ease, border-color 350ms ease;
  }
  .button--border:not(.disabled):active {
    background: transparent;
    border-color: var(--buttonColorActive);
    color: var(--buttonColorActive);
  }
  .button--border.disabled,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.button--border,
  .filter:not(.filter--checked) .filtersLinks button.button--border,
  .filters:not(.filters--checked) .button--border.filtersClearAll {
    background: transparent;
    border-color: #d8d8d8;
    color: #a6a6a6;
  }
  .button--full {
    width: 100%;
  }
  .button--alt {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
    border-color: #c2c2c2;
    color: #333;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    padding: 16px;
    transition: background-color 250ms ease-out;
  }
  .button--alt:not(.disabled):active {
    background: #f2efe8;
    border-color: #c2c2c2;
    color: inherit;
  }
  .button--alt:not(.disabled):active .icon {
    color: #f47920;
  }
  .button--alt .icon {
    color: #f47920;
  }
  .button--alt .icon:last-child {
    margin: 0;
    margin-left: 0;
  }
  .iconButton,
  .selectedFilters__remove {
    color: var(--buttonColor);
    font-size: 2rem;
    line-height: 1;
    padding: 0;
  }
  .iconButton--dark {
    --buttonColor: #595959;
    --buttonColorHover: #838385;
  }
  .iconButton--border {
    border: 1px solid var(--buttonColor);
    border-radius: 50%;
    font-size: 1.5rem;
    padding: 4px;
  }
  .iconButton--border:not(.disabled):active {
    border-color: var(--buttonColorActive);
  }
  .iconButton--border.iconButton--s,
  .iconButton--border.selectedFilters__remove {
    padding: 0;
  }
  .iconButton--opacityBg {
    background: rgba(255, 255, 255, 0.6);
  }
  .iconButton--square {
    border-radius: 4px;
  }
  .iconButton--shadow {
    background-color: #fff;
    box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15);
    border-radius: 4px;
  }
  .iconButton--xs {
    font-size: 1rem;
    padding: 8px;
  }
  .iconButton--s,
  .selectedFilters__remove {
    font-size: 1.5rem;
  }
  .iconButton--b {
    font-size: 1.75rem;
  }
  .iconButton--xb {
    font-size: 1.625rem;
    padding: 8px;
  }
  .iconButton:not(.disabled),
  .selectedFilters__remove:not(.disabled) {
    cursor: pointer;
  }
  .iconButton:not(.disabled):active,
  .selectedFilters__remove:not(.disabled):active {
    color: var(--buttonColorActive);
  }
  .link,
  .text a,
  p a {
    align-items: center;
    color: var(--buttonColor);
    display: inline-flex;
    font-family: "cfastystd", Trebuchet MS, sans-serif;
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1;
    padding: 0;
    transition: color 250ms ease;
  }
  .link .icon,
  .text a .icon,
  p a .icon {
    font-size: 1.5rem;
  }
  .link .icon:first-child,
  .text a .icon:first-child,
  p a .icon:first-child {
    margin-right: 4px;
  }
  .link .icon:last-child,
  .text a .icon:last-child,
  p a .icon:last-child {
    margin-left: 4px;
  }
  .link:not(.disabled),
  .text a:not(.disabled),
  p a:not(.disabled) {
    cursor: pointer;
  }
  .link:not(.disabled):active,
  .text a:not(.disabled):active,
  p a:not(.disabled):active {
    color: var(--buttonColorActive);
  }
  .link.disabled,
  .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button.link,
  .filter:not(.filter--checked) .filtersLinks button.link,
  .filters:not(.filters--checked) .link.filtersClearAll,
  .text a.disabled,
  .text .filters:not(.filters--checked) a.filtersClearAll,
  .filters:not(.filters--checked) .text a.filtersClearAll,
  p a.disabled,
  p .filters:not(.filters--checked) a.filtersClearAll,
  .filters:not(.filters--checked) p a.filtersClearAll {
    color: #a6a6a6;
    cursor: default;
  }
  .link--s,
  .minibasket .listTools .link,
  .minibasket .listTools .text a,
  .text .minibasket .listTools a,
  .minibasket .listTools p a,
  p .minibasket .listTools a {
    font-size: 0.8125rem;
    letter-spacing: -0.02em;
  }
  .link--m {
    font-size: 0.875rem;
  }
  .link--m .icon {
    font-size: 1.25rem;
  }
  .link--b {
    font-size: 1rem;
    letter-spacing: -0.02em;
  }
  .link--xb {
    font-size: 1.375rem;
  }
  .link--xb .icon {
    font-size: 2rem;
  }
  .link--underline {
    text-decoration: underline;
  }
  .link--orangeIcon .icon {
    color: #f47920;
  }
  .link--orange .icon {
    color: inherit;
  }
  .loginBtn {
    align-items: center;
    color: #333;
    display: flex;
    position: relative;
  }
  .loginBtn .iconButton,
  .loginBtn .selectedFilters__remove {
    margin-left: 8px;
  }
  .loginBtn .iconButton:after,
  .loginBtn .selectedFilters__remove:after {
    content: "";
  }
  .cardRow {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 66px;
  }
  .cardRow__logo {
    flex-shrink: 0;
    font-size: 0;
    margin-right: 12px;
    width: 36px;
  }
  .cardRow__logo [class^="icon-"],
  .cardRow__logo [class*=" icon-"] {
    font-size: 2rem;
    color: #838385;
  }
  .cardRow__logo img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .cardRow__info {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
  }
  .cardRow__status {
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #74b11f;
    display: none;
    margin-bottom: 2px;
  }
  .cardRow__msg {
    color: #d91a32;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 130px;
  }
  .cardRow__number {
    color: #333;
  }
  .cardRow__expiration {
    color: #a6a6a6;
  }
  .cardRow__add {
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.46;
    color: #333;
  }
  .cardRow.disabled,
  .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button.cardRow,
  .filter:not(.filter--checked) .filtersLinks button.cardRow,
  .filters:not(.filters--checked) .cardRow.filtersClearAll {
    padding-right: 130px;
  }
  .cardRow.disabled .cardRow__logo,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.cardRow
    .cardRow__logo,
  .filter:not(.filter--checked) .filtersLinks button.cardRow .cardRow__logo,
  .filters:not(.filters--checked) .cardRow.filtersClearAll .cardRow__logo {
    opacity: 0.5;
  }
  .cardRow.disabled .cardRow__number,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.cardRow
    .cardRow__number,
  .filter:not(.filter--checked) .filtersLinks button.cardRow .cardRow__number,
  .filters:not(.filters--checked) .cardRow.filtersClearAll .cardRow__number,
  .cardRow.disabled .cardRow__expiration,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.cardRow
    .cardRow__expiration,
  .filter:not(.filter--checked) .filtersLinks button.cardRow .cardRow__expiration,
  .filters:not(.filters--checked) .cardRow.filtersClearAll .cardRow__expiration {
    color: #a6a6a6;
  }
  .catalogueList {
    --productSpaceH: 32px;
    --productSpaceV: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--productSpaceV) var(--productSpaceH);
  }
  .catalogueList .catalogue {
    width: calc(50% - 1 * var(--productSpaceH) / 2);
  }
  .catalogueList .catalogue--wide {
    width: 100%;
  }
  .catalogue {
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    position: relative;
  }
  .catalogue__img figure {
    width: 100%;
  }
  .catalogue__img figure picture {
    display: block;
    padding-top: calc(463 / 617 * 100%);
    position: relative;
    width: 100%;
  }
  .catalogue__img figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .catalogue__info {
    padding: 20px;
    text-align: center;
  }
  .catalogue__title {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.5;
    color: #333;
    margin-bottom: 4px;
  }
  .catalogue__text {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
    color: #333;
    margin-bottom: 0;
  }
  .catalogue__text p:last-child {
    margin-bottom: 0;
  }
  .catalogue__link {
    color: inherit;
  }
  .catalogue__link:before {
    content: "";
  }
  .icon-bakery:before {
    color: #a98848;
  }
  .icon-vegetables:before {
    color: #8dc63f;
  }
  .icon-fish:before {
    color: #91d1e5;
  }
  .icon-freshMeat:before {
    color: #e59191;
  }
  .icon-milkBeverages:before {
    color: #d6d0c6;
  }
  .icon-cream:before {
    color: #f0b9c3;
  }
  .icon-cheese:before {
    color: #efd57b;
  }
  .icon-eggs:before {
    color: #cec0a8;
  }
  .icon-sausages:before {
    color: #cec0a8;
  }
  .icon-appetizers:before {
    color: #cec0a8;
  }
  .icon-readyMeals:before {
    color: #8ebf86;
  }
  .icon-frozen:before {
    color: #a8ccce;
  }
  .icon-alcohol:before {
    color: #7c766b;
  }
  .icon-beverages:before {
    color: #91d1e5;
  }
  .icon-nuts:before {
    color: #bda57b;
  }
  .icon-bisquite:before {
    color: #d2917c;
  }
  .icon-breakfast:before {
    color: #a98848;
  }
  .icon-babyFoods:before {
    color: #cdce89;
  }
  .icon-minimarketFood:before {
    color: #cec0a8;
  }
  .icon-pet:before {
    color: #6f6554;
  }
  .icon-party:before {
    color: #e995b3;
  }
  .icon-paper:before {
    color: #d6d5d5;
  }
  .icon-cosmetics:before {
    color: #e589dc;
  }
  .icon-cleaning:before {
    color: #a8ccce;
  }
  .icon-house:before {
    color: #b1ddbd;
  }
  .icon-house2:before {
    color: #337933;
  }
  .icon-babytoy:before {
    color: #d378a9;
  }
  .icon-bio:before {
    color: #25a131;
  }
  .icon-facemask:before {
    color: #6bb3c2;
  }
  .icon-newProduct:before {
    color: #ea0c00;
  }
  .icon-onePlusOne:before {
    color: #333;
  }
  .icon-exclusive:before {
    background: url(../media/exclusive.svg) no-repeat scroll center;
    background-size: contain;
    content: "";
  }
  .icon-aplesPrakseis:before {
    background: url(../media/badges/aplesprakseislogo.svg) no-repeat scroll center;
    background-size: contain;
    content: "";
  }
  .icon-fav:before {
    color: #d91a32;
  }
  .icon-addCircle {
    color: #f47920;
  }
  .icon-mylists-xmas:before {
    background-image: url(../media/icon-mylists-xmas.svg);
  }
  .icon-mylists-tennis:before {
    background-image: url(../media/icon-mylists-tennis.svg);
  }
  .icon-mylists-xmas:before,
  .icon-mylists-tennis:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
  }
  .icon-mylists-woman:before {
    color: #da5a71;
  }
  .icon-mylists-man:before {
    color: #435b7e;
  }
  .icon-mylists-boy:before {
    color: #bc844f;
  }
  .icon-mylists-girl:before {
    color: #d218a4;
  }
  .icon-mylists-grandma:before {
    color: #ae1829;
  }
  .icon-mylists-grandpa:before {
    color: #6c1a26;
  }
  .icon-mylists-baby:before {
    color: #f5a3b1;
  }
  .icon-mylists-gift:before {
    color: #8dc63f;
  }
  .icon-mylists-football:before {
    color: #333;
  }
  .icon-mylists-winter:before {
    color: #a6a6a6;
  }
  .icon-mylists-champagne:before {
    color: #527a2a;
  }
  .icon-mylists-mask:before {
    color: #cc1836;
  }
  .icon-mylists-plane:before {
    color: #1e2843;
  }
  .icon-mylists-sea:before {
    color: #4e8ac1;
  }
  .icon-mylists-wreath:before {
    color: #427837;
  }
  .icon-mylists-earth:before {
    color: #3a8184;
  }
  .icon-mylists-balloon:before {
    color: #4f98cd;
  }
  .icon-mylists-circle:before {
    color: #ff641e;
  }
  .icon-mylists-barakia:before {
    color: #ffa222;
  }
  .icon-mylists-basket:before {
    color: #731a25;
  }
  .icon-mylists-basketball:before {
    color: #d43d11;
  }
  .icon-mylists-bird:before {
    color: #f5ad47;
  }
  .icon-mylists-birthdaycake:before {
    color: #ff6aeb;
  }
  .icon-mylists-birthdayHat:before {
    color: #ffa222;
  }
  .icon-mylists-block:before {
    color: #e75a70;
  }
  .icon-mylists-boat:before {
    color: #1d8185;
  }
  .icon-mylists-camp:before {
    color: #42b800;
  }
  .icon-mylists-cat:before {
    color: #f7671d;
  }
  .icon-mylists-championCup:before {
    color: #c39649;
  }
  .icon-mylists-cloud:before {
    color: #3d5a80;
  }
  .icon-mylists-cocktail:before {
    color: #63e2a8;
  }
  .icon-mylists-cupcake:before {
    color: #ae7e5c;
  }
  .icon-mylists-diamond:before {
    color: #ffa222;
  }
  .icon-mylists-dinner:before {
    color: #f7411d;
  }
  .icon-mylists-dog:before {
    color: #c38649;
  }
  .icon-mylists-easterEgg:before {
    color: #b9b965;
  }
  .icon-mylists-glasses:before {
    color: #bcaf49;
  }
  .icon-mylists-handHeart:before {
    color: #da1a32;
  }
  .icon-mylists-hospital:before {
    color: #3d5a80;
  }
  .icon-mylists-home:before {
    color: #333;
  }
  .icon-mylists-house2:before {
    color: #337933;
  }
  .icon-mylists-kite:before {
    color: #e25b00;
  }
  .icon-mylists-ktiria:before {
    color: #9a00b2;
  }
  .icon-mylists-ktirio:before {
    color: #d4ab79;
  }
  .icon-mylists-leaf:before {
    color: #d63900;
  }
  .icon-mylists-mountain:before {
    color: #8e4825;
  }
  .icon-mylists-star:before {
    color: #f93;
  }
  .icon-mylists-store:before {
    color: #ced475;
  }
  .icon-mylists-sun:before {
    color: #ffac30;
  }
  .icon-mylists-trailer:before {
    color: #f7411d;
  }
  .icon-mylists-triangle:before {
    color: #5f9809;
  }
  .icon-mylists-volleyball:before {
    color: #ffa222;
  }
  .icon-mylists-umbrella:before {
    color: #6999ac;
  }
  .collectionBox {
    background: url(../media/wood.png) repeat scroll center;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
  }
  .collectionBox figure {
    width: 100%;
  }
  .collectionBox figure picture {
    display: block;
    padding-top: calc(205 / 300 * 100%);
    position: relative;
    width: 100%;
  }
  .collectionBox figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .collectionBox__title {
    color: #fff;
    font-size: 1.375rem;
    font-weight: 700;
    left: 0;
    letter-spacing: -0.03em;
    padding: 0 16px;
    position: absolute;
    text-align: center;
    top: 16px;
    width: 100%;
  }
  .content__zoomimg {
    max-width: 317px;
    width: 100%;
    border: solid 1px #c2c2c2;
    cursor: pointer;
    position: relative;
    margin: 23px 0;
  }
  .content__zoomimg picture {
    display: block;
    padding-top: calc(181 / 317 * 100%);
    position: relative;
    width: 100%;
  }
  .content__zoomimg img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .content__zoomimg:before {
    content: "";
  }
  .content__zoomimg:before {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2rem;
    background: rgba(51, 51, 51, 0.6);
    z-index: 2;
    margin: calc(-1 * 56px / 2) 0 0 calc(-1 * 56px / 2);
  }
  .content__zoomimg img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .contestBnr {
    align-items: flex-start;
    color: #333;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 40px 24px;
    position: relative;
    padding: 64px;
    min-height: 232px;
  }
  .contestBnr:after {
    content: "";
    background-color: #f7f5f0;
    border-radius: 8px;
    z-index: -2;
  }
  .contestBnr h3 {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.16;
    margin-bottom: 10px;
  }
  .contestBnr p:last-of-type {
    margin-bottom: 0;
  }
  .contestBnr__illustration {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
  .contestBnr__illustration--mob {
    top: auto;
  }
  .deliveryFlowNav {
    position: absolute;
    top: 24px;
  }
  .deliveryFlow .modal__wrap {
    padding-top: 104px;
  }
  .deliveryTypes {
    display: none;
    margin-inline: auto;
  }
  .deliveryTypes.typeinformation {
    padding: 0;
    max-width: 760px;
  }
  .deliveryTypes .field {
    margin: 0;
    width: 100%;
  }
  .deliveryTypes--active {
    display: block;
  }
  .radiobuttons--deliveryType {
    gap: 24px;
    display: flex;
    justify-content: center;
    margin: 32px auto 56px;
  }
  .radiobuttons--deliveryType .radiobutton {
    width: 50%;
  }
  .radiobutton--deliveryType {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .field .radiobutton--deliveryType.radiobutton:not(:first-child) {
    margin-top: 0;
  }
  .field .radiobutton--deliveryType.radiobutton:not(:last-child) {
    margin-bottom: 0;
  }
  .radiobutton--deliveryType .radiobutton__label {
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center;
  }
  .radiobutton--deliveryType .radiobutton__label b {
    font-weight: 500;
  }
  .radiobutton--deliveryType .radiobutton__text {
    display: block;
    line-height: 1.5;
  }
  .radiobutton--deliveryType .radiobutton__border {
    border-color: #f2efe8;
    border-width: 2px;
  }
  .radiobutton--deliveryType .radiobutton__border:after {
    background: url(../media/tickFilled.svg) no-repeat scroll center;
    background-size: contain;
    content: "";
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    transition: opacity 250ms ease-in-out;
    width: 40px;
    height: 40px;
  }
  .radiobutton--deliveryType .radiobutton__input:not([type="hidden"]) {
    cursor: pointer;
    width: 100%;
    height: 100%;
  }
  .radiobutton--deliveryType
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__border {
    border-color: #74b11f;
  }
  .radiobutton--deliveryType
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__border:after {
    opacity: 1;
  }
  .radiobutton--deliveryType .icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    margin: 16px auto;
    height: 64px;
  }
  .radiobutton--deliveryType .icon.shipping {
    background-image: url(../media/delivery.svg);
  }
  .radiobutton--deliveryType .icon.store {
    background-image: url(../media/pickup.svg);
  }
  .deliveryTypeInfo ul {
    margin: 0 20px;
  }
  .deliveryTypeInfo ul li:last-child {
    margin: 0;
  }
  .deliveryTypeInfo__sum {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .deliveryTypeInfo__sum p {
    color: #333;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.285;
    margin-bottom: 8px;
  }
  .deliveryTypeInfo__link {
    color: var(--buttonColor);
    font-size: 0.875rem;
    position: relative;
    z-index: 2;
    text-decoration: underline;
  }
  .deliveryTypeInfo__link:not(:last-child) {
    margin-bottom: 4px;
  }
  .deliveryTypeInfo__link:active {
    color: var(--buttonColorActive);
  }
  .emptyContent {
    display: grid;
    grid-template-columns: 88px 1fr;
    grid-template-areas: "icon text" "icon buttons";
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    margin: 40px 0;
  }
  .minibasket .emptyContent {
    grid-template-areas: "icon text" "buttons buttons";
  }
  .emptyContent:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
  .emptyContent__img {
    grid-area: icon;
    color: #e6e6e6;
    font-size: 5.5rem;
    line-height: 1;
  }
  .emptyContent__text {
    grid-area: text;
  }
  .emptyContent__text p {
    margin-bottom: 8px;
  }
  .emptyContent__btns {
    display: flex;
    grid-area: buttons;
  }
  .emptyContent__btns .button {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .emptyContent__btns .button:not(:last-child) {
    margin-right: 8px;
  }
  .emptyContent__btns .button:not(:first-child) {
    margin-left: 8px;
  }
  .expandText__main {
    overflow: hidden;
    position: relative;
    max-height: 96px;
  }
  .expandText__main:after {
    background: linear-gradient(to top, white 0, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    transition: opacity 250ms ease-in-out;
    width: 100%;
    height: 64px;
  }
  .expandText:not(.open) .expandText__buttonTextLess {
    display: none;
  }
  .expandText.open .expandText__main {
    max-height: inherit;
  }
  .expandText.open .expandText__main:after {
    opacity: 0;
  }
  .expandText.open .expandText__buttonTextMore {
    display: none;
  }
  .filters--checked .filters__mobButton:after {
    background-color: #f47920;
    border-radius: 50%;
    color: #fff;
    content: attr(data-activefilters);
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 23px;
    text-align: center;
    width: 22px;
    height: 22px;
  }
  .filters {
    --mobFiltersTop: 0;
    --mobFilterTopBar: 56px;
    --mobFilterTopBarSpace: 24px;
    --filtersSpace: 16px;
    --filterItemSpaceBtm: 16px;
    --mobFilterBottomBar: 80px;
    align-items: flex-start;
    background-color: #f2efe8;
    border-radius: 3px;
    display: flex;
    margin-bottom: 24px;
    padding: 12px 16px;
  }
  .filters__titleWrap {
    position: relative;
  }
  .filters__title {
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
  }
  .filters__title:not(:first-child) {
    margin: 0;
  }
  .filters__mobButtonText {
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.46;
    color: #333;
    margin-left: 8px;
  }
  .filters .selectInline {
    margin-left: auto;
  }
  .filters--listResults .filters__mobButton:after {
    position: relative;
    right: -6px;
    top: -1px;
  }
  .filter {
    --scrollListHeight: 304px;
  }
  .filter__title {
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    margin: 0;
    padding: 6px 24px 6px 0;
    position: relative;
    white-space: nowrap;
    z-index: 1;
  }
  .filter__titleIcon {
    color: #838385;
    font-size: 1.25rem;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
  }
  .filter__titleIcon:before {
    content: "";
  }
  .filter__titleIcon:before {
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
    -webkit-transform-origin: center;
    transform-origin: center;
    vertical-align: middle;
  }
  .filter:not(.filter--closed) .filter__titleIcon:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .filter--closed .filter__content {
    display: none;
  }
  .filter__list.scrollbarShadow .filter__item:last-child {
    margin-bottom: 0;
  }
  .filter__list--bottom:after {
    opacity: 0;
  }
  .filter__list--moreList {
    --searchHeight: 80px;
  }
  .filter__list--moreList .filter__listScroll {
    max-height: var(--scrollListHeight);
  }
  .initialized ~ .filter__showAll {
    visibility: hidden;
  }
  .filter__item:not(:last-child) {
    margin-bottom: var(--filterItemSpaceBtm);
  }
  .filter__no {
    margin-left: 2px;
  }
  .filter__more.active .filter__moreText--more {
    display: none;
  }
  .filter__more:not(.active) .filter__moreText--less {
    display: none;
  }
  .filter__letter {
    font-weight: bold;
    margin-bottom: 8px;
  }
  .filters:not(.filters--checked) .filtersClearAll {
    pointer-events: none;
  }
  .filtersLinks {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button,
  .filter:not(.filter--checked) .filtersLinks button {
    pointer-events: none;
  }
  .categoriesList {
    margin: 0;
    padding-left: 16px;
  }
  .categoriesList li {
    padding-left: 0;
    margin: 0;
  }
  .categoriesList li:after {
    display: none;
  }
  .categoriesList .categoriesList {
    margin-top: 12px;
    padding-right: 12px;
  }
  .categoriesList .acc__header {
    justify-content: space-between;
  }
  .categoriesList__item:last-child {
    margin-bottom: 0;
  }
  .categoriesList__item--level1,
  .categoriesList__item--level0 {
    font-weight: bold;
  }
  .categoriesList__item--level1 {
    font-size: 0.875rem;
  }
  .categoriesList__item--level2 {
    font-size: 0.8125rem;
    font-weight: normal;
  }
  .categoriesList__item a:not(.link) {
    color: inherit;
  }
  .categoriesList__item a.active {
    color: #333;
  }
  .categoriesList__item > a,
  .categoriesList__item > .acc__header {
    color: gray;
    transition: color 250ms ease;
  }
  .selectedFilters {
    margin-bottom: 24px;
    margin-top: -16px;
  }
  .selectedFilters:not(.active) {
    display: none;
  }
  .selectedFilters__list {
    margin: 0;
  }
  .selectedFilters__list li {
    padding-left: 0;
    margin: 0;
  }
  .selectedFilters__list li:after {
    display: none;
  }
  .selectedFilters__list li {
    padding-left: 8px;
  }
  .selectedFilters__item {
    align-items: center;
    color: #595959;
    display: inline-flex;
    font-size: 0.875rem;
    line-height: 1;
    margin: 0;
    padding: 8px;
  }
  .selectedFilters__remove {
    margin: -4px -4px -4px 4px;
  }
  .selectedFilters__remove:before {
    content: "";
  }
  :root {
    --inputPlaceholderColor: #a6a6a6;
    --labelSpace: 32px;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }
  input:-ms-input-placeholder {
    text-overflow: ellipsis;
  }
  input:placeholder-shown {
    text-overflow: ellipsis;
  }
  ::-webkit-input-placeholder {
    color: var(--inputPlaceholderColor);
    line-height: 1.3;
  }
  ::-moz-placeholder {
    color: var(--inputPlaceholderColor);
    line-height: 1.3;
  }
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  }
  .radiobutton--onlyColor.disabled .radiobutton__icon,
  .filters:not(.filters--checked)
    .radiobutton--onlyColor.filtersClearAll
    .radiobutton__icon,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.radiobutton--onlyColor
    .radiobutton__icon,
  .filter:not(.filter--checked)
    .filtersLinks
    button.radiobutton--onlyColor
    .radiobutton__icon,
  .radiobutton--onlyIcon.disabled .radiobutton__icon,
  .filters:not(.filters--checked)
    .radiobutton--onlyIcon.filtersClearAll
    .radiobutton__icon,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.radiobutton--onlyIcon
    .radiobutton__icon,
  .filter:not(.filter--checked)
    .filtersLinks
    button.radiobutton--onlyIcon
    .radiobutton__icon,
  .checkbox.disabled,
  .filters:not(.filters--checked) .checkbox.filtersClearAll,
  .filters:not(.filters--checked) .filtersLinks.filtersLinks--all button.checkbox,
  .filter:not(.filter--checked) .filtersLinks button.checkbox,
  .radiobutton.disabled,
  .filters:not(.filters--checked) .radiobutton.filtersClearAll,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.radiobutton,
  .filter:not(.filter--checked) .filtersLinks button.radiobutton {
    opacity: 0.5;
  }
  .checkbox,
  .radiobutton {
    position: relative;
  }
  .checkbox.disabled label,
  .filters:not(.filters--checked) .checkbox.filtersClearAll label,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.checkbox
    label,
  .filter:not(.filter--checked) .filtersLinks button.checkbox label,
  .radiobutton.disabled label,
  .filters:not(.filters--checked) .radiobutton.filtersClearAll label,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.radiobutton
    label,
  .filter:not(.filter--checked) .filtersLinks button.radiobutton label {
    cursor: default;
  }
  .checkbox__input:not([type="hidden"]),
  .radiobutton__input:not([type="hidden"]) {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
  }
  .checkbox__label,
  .radiobutton__label {
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.6;
    padding: 0 0 0 var(--labelSpace);
    position: relative;
    z-index: 2;
  }
  .checkbox__label ~ .field-validation-error,
  .radiobutton__label ~ .field-validation-error {
    margin-top: 4px;
    padding-left: var(--labelSpace);
  }
  .checkbox__icon,
  .radiobutton__icon {
    background-color: #fff;
    border: 1px solid #838385;
    left: 0;
    line-height: 22px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24px;
    height: 24px;
  }
  .checkbox__checkedText,
  .radiobutton__checkedText {
    display: none;
    margin: 8px 0 0;
  }
  .checkbox__text,
  .radiobutton__text {
    position: relative;
    transition: color 250ms ease;
    z-index: 1;
  }
  .field .checkbox:not(:first-child),
  .field .radiobutton:not(:first-child) {
    margin-top: var(--checkboxRadioSpace);
  }
  .field .checkbox:not(:last-child),
  .field .radiobutton:not(:last-child) {
    margin-bottom: var(--checkboxRadioSpace);
  }
  .checkbox--button.disabled:after,
  .filters:not(.filters--checked) .checkbox--button.filtersClearAll:after,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.checkbox--button:after,
  .filter:not(.filter--checked) .filtersLinks button.checkbox--button:after,
  .radiobutton--button.disabled:after,
  .filters:not(.filters--checked) .radiobutton--button.filtersClearAll:after,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.radiobutton--button:after,
  .filter:not(.filter--checked) .filtersLinks button.radiobutton--button:after {
    background-color: #b3b3b3;
    content: "";
    left: 0;
    position: absolute;
    -webkit-transform: rotate(-38deg);
    transform: rotate(-38deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    top: 50%;
    width: 100%;
    height: 1px;
  }
  .radiobutton--box {
    --radioBorderSpace: 20px;
  }
  .radiobutton--box.disabled .radiobutton__label,
  .filters:not(.filters--checked)
    .radiobutton--box.filtersClearAll
    .radiobutton__label,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.radiobutton--box
    .radiobutton__label,
  .filter:not(.filter--checked)
    .filtersLinks
    button.radiobutton--box
    .radiobutton__label {
    pointer-events: none;
  }
  .radiobutton--box .radiobutton__border {
    transition: background-color 250ms ease-out;
    z-index: -1;
  }
  .radiobutton--box .radiobutton__icon {
    left: var(--radioBorderSpace);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color 250ms ease-out;
  }
  .radiobutton--box .radiobutton__icon:after {
    content: "";
  }
  .radiobutton--box .radiobutton__icon:before {
    display: none;
  }
  .radiobutton--box .radiobutton__icon:after {
    opacity: 0;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 0.875rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .radiobutton--box .radiobutton__action {
    position: absolute;
    right: var(--radioBorderSpace);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    font-size: 1.5rem;
  }
  .radiobutton--box .radiobutton__action + .radiobutton__action {
    right: calc(var(--radioBorderSpace) + 24px + 8px);
  }
  .radiobutton--box .radiobutton__label {
    display: flex;
    flex-flow: column;
    justify-content: center;
    min-height: 84px;
    padding-top: var(--radioBorderSpace);
    padding-right: calc(var(--radioBorderSpace) + 24px * 2 + 8px + 10px);
    padding-bottom: var(--radioBorderSpace);
    padding-left: calc(var(--radioBorderSpace) + var(--labelSpace) + 4px);
  }
  .radiobutton--box .radiobutton__labelTag {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.28;
    margin-bottom: 2px;
    padding-right: 32px;
  }
  .radiobutton--box
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__icon {
    background-color: #74b11f;
    border-color: #74b11f;
  }
  .radiobutton--box
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__icon:after {
    opacity: 1;
  }
  .radiobutton--box
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__border {
    border-color: #74b11f;
    background-color: #f2efe8;
  }
  .radiobutton--box
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__label {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.37;
  }
  .radiobutton--box
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__label
    .radiobutton__labelTag {
    display: inline-block;
  }
  .radiobutton--box
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__label
    .cardRow__status {
    display: inline-block;
  }
  .radiobutton--box .form {
    padding-top: 24px;
  }
  .radiobutton--readonly .radiobutton__icon {
    display: none;
  }
  .radiobutton--readonly .radiobutton__label {
    padding: var(--radioBorderSpace);
    padding-left: var(--radioBorderSpace);
  }
  .radiobutton--readonly .radiobutton__action {
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.46;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(calc(100% + 12px));
    transform: translateY(calc(100% + 12px));
    top: auto;
  }
  .radiobutton--readonly
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__border {
    border-color: #c2c2c2;
    background-color: initial;
  }
  .radiobutton--readonly
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__label
    .radiobutton__labelTag {
    color: #838385;
  }
  .radiobutton--check .radiobutton__border {
    z-index: -1;
  }
  .radiobutton--check .radiobutton__icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color 250ms ease-out;
  }
  .radiobutton--check .radiobutton__icon:after {
    content: "";
  }
  .radiobutton--check .radiobutton__icon:before {
    display: none;
  }
  .radiobutton--check .radiobutton__icon:after {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 0.875rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .radiobutton--check
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__icon {
    background-color: #74b11f;
    border-color: #74b11f;
  }
  .radiobutton--check
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__icon:after {
    opacity: 1;
  }
  .radiobutton--check
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__border {
    border-color: #74b11f;
    background-color: #f2efe8;
  }
  .radiobutton--onlyColor.disabled,
  .filters:not(.filters--checked) .radiobutton--onlyColor.filtersClearAll,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.radiobutton--onlyColor,
  .filter:not(.filter--checked) .filtersLinks button.radiobutton--onlyColor,
  .radiobutton--onlyIcon.disabled,
  .filters:not(.filters--checked) .radiobutton--onlyIcon.filtersClearAll,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.radiobutton--onlyIcon,
  .filter:not(.filter--checked) .filtersLinks button.radiobutton--onlyIcon {
    opacity: 1;
  }
  .radiobutton--onlyColor
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__icon,
  .radiobutton--onlyIcon
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__icon {
    border-color: #74b11f;
    border-width: 2px;
  }
  .radiobutton--onlyColor .radiobutton__label,
  .radiobutton--onlyIcon .radiobutton__label {
    padding: 0;
  }
  .radiobutton--onlyColor .radiobutton__icon,
  .radiobutton--onlyIcon .radiobutton__icon {
    overflow: hidden;
    position: relative;
  }
  .radiobutton--onlyColor .radiobutton__icon:before,
  .radiobutton--onlyIcon .radiobutton__icon:before {
    display: none;
  }
  .radiobutton--onlyColor .radiobutton__icon {
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    display: block;
    width: 32px;
    height: 32px;
  }
  .radiobutton--onlyIcon .radiobutton__icon {
    align-items: center;
    border-color: transparent;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    width: 48px;
    height: 48px;
  }
  .radiobutton--onlyIcon img {
    display: inline-block;
    vertical-align: top;
  }
  .radiobutton--onlyIcon .icon {
    font-size: 2rem;
  }
  .radiobutton--onlyIcon .icon:before {
    width: 32px;
    height: 32px;
  }
  .radiobutton--tab {
    flex: 1;
    height: 56px;
  }
  .radiobutton--tab .icon {
    font-size: 1.5rem;
    margin-right: 8px;
  }
  .radiobutton__border {
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    pointer-events: none;
    transition: border-color 250ms ease-out;
  }
  .radiobutton__input:not([type="hidden"]):checked ~ .radiobutton__icon {
    border-color: #838385;
  }
  .radiobutton__input:not([type="hidden"]):checked ~ .radiobutton__icon:before {
    opacity: 1;
  }
  .radiobutton--button
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__icon {
    background-color: #838385;
  }
  .radiobutton--button
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__text {
    color: #fff;
  }
  .radiobutton--tab
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__text {
    color: #333;
  }
  .radiobutton__input:not([type="hidden"]):checked ~ .radiobutton__border {
    border-color: #c2c2c2;
  }
  .radiobutton__input:not([type="hidden"]):checked ~ .radiobutton__checkedText {
    display: block;
  }
  .radiobutton__icon {
    border-radius: 50%;
  }
  .radiobutton__icon:before {
    background-color: #f47920;
    border-radius: 50%;
    content: "";
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 250ms ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
  }
  .radiobutton--button .radiobutton__icon {
    border-radius: 0;
    width: 100%;
    height: 100%;
  }
  .radiobutton--button .radiobutton__icon:before {
    display: none;
  }
  .radiobutton__labelSub {
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.23;
  }
  .radiobutton__labelTag {
    color: #74b11f;
    display: none;
    font-weight: bold;
    margin-bottom: 4px;
  }
  .radiobutton--tab .radiobutton__label,
  .radiobutton--button .radiobutton__label {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px;
    height: 100%;
  }
  .radiobutton--tab .radiobutton__label {
    font-size: 1rem;
  }
  .radiobutton--button .radiobutton__label {
    min-height: 44px;
  }
  .checkbox__input:not([type="hidden"]):checked ~ .checkbox__icon {
    background-color: #f47920;
    border-color: #f47920;
  }
  .checkbox__input:not([type="hidden"]):checked ~ .checkbox__icon:before {
    opacity: 1;
  }
  .checkbox--button
    .checkbox__input:not([type="hidden"]):checked
    ~ .checkbox__icon {
    background-color: #333;
  }
  .checkbox--button
    .checkbox__input:not([type="hidden"]):checked
    ~ .checkbox__text {
    color: #fff;
  }
  .checkbox__icon {
    color: #fff;
    border-radius: 3px;
    font-size: 1rem;
    transition: background-color 250ms ease-out;
  }
  .checkbox__icon:before {
    content: "";
  }
  .checkbox__icon:before {
    line-height: 22px;
    opacity: 0;
    transition: opacity 250ms ease-in-out;
  }
  .checkbox--button .checkbox__icon {
    width: 100%;
    height: 100%;
  }
  .checkbox--button .checkbox__icon:before {
    display: none;
  }
  .checkbox--button .checkbox__label {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px;
    height: 100%;
    min-height: 44px;
  }
  .statusMessage {
    font-size: 0.875rem;
    display: none;
    line-height: 1.3;
    margin: 4px 0 16px;
    padding-left: 24px;
    position: relative;
  }
  .statusMessage:before {
    left: 0;
    position: absolute;
    top: 0;
  }
  .statusMessage--success {
    color: #74b11f;
  }
  .statusMessage--success.active,
  .newsletter__field--success .statusMessage--success {
    display: block;
  }
  .statusMessage--error {
    color: #d91a32;
  }
  .statusMessage--error.active,
  .newsletter__field--error .statusMessage--error {
    display: block;
  }
  .select {
    position: relative;
    width: 100%;
  }
  .select--open {
    z-index: 3;
  }
  .select--open.select--card .select__button {
    border-color: var(--inputBorderColor);
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .select__main {
    position: relative;
  }
  .select__button {
    cursor: pointer;
    padding-right: 32px;
    position: relative;
    text-align: left;
    white-space: nowrap;
  }
  .select__button:after {
    content: "";
  }
  .select__button::after {
    font-size: 1rem;
    margin-top: -8px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
  }
  .select--open .select__button::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .select__placeholder {
    color: var(--inputPlaceholderColor);
    white-space: nowrap;
  }
  .select__listWrap,
  .autocomplete {
    background-color: #fff;
    display: none;
    left: 0;
    margin-top: 12px;
    padding: 12px 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
  }
  .select__list,
  .autocomplete__list {
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 224px;
  }
  .select__list::-webkit-scrollbar,
  .autocomplete__list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .select__list::-webkit-scrollbar-thumb,
  .autocomplete__list::-webkit-scrollbar-thumb {
    background: rgba(166, 166, 166, 0.3);
    border-radius: 13px;
  }
  .select__list::-webkit-scrollbar-thumb:hover,
  .autocomplete__list::-webkit-scrollbar-thumb:hover {
    background: rgba(166, 166, 166, 0.5);
  }
  .select__list::-webkit-scrollbar-thumb:active,
  .autocomplete__list::-webkit-scrollbar-thumb:active {
    background: rgba(166, 166, 166, 0.7);
  }
  .select__list::-webkit-scrollbar-track,
  .autocomplete__list::-webkit-scrollbar-track {
    background: transparent;
  }
  .select__option,
  .autocomplete__option {
    --optionPadding: 12px;
    color: #333;
    cursor: pointer;
    font-size: 0.9375rem;
    letter-spacing: -0.02em;
    line-height: 1.4;
    margin: 0;
    padding: 12px;
    transition: color 250ms ease, background-color 250ms ease-out;
  }
  .select__option:before,
  .autocomplete__option:before {
    content: "";
    display: block;
    background-color: #ececec;
    position: absolute;
    bottom: -1px;
    right: auto;
    left: auto;
    width: calc(100% - var(--optionPadding) * 2);
    height: 1px;
  }
  .select__option:after,
  .autocomplete__option:after {
    display: none;
  }
  .select__option.selected,
  .selected.autocomplete__option {
    background-color: #ececec;
  }
  .select__option:not(.selected):active,
  .autocomplete__option:not(.selected):active {
    background-color: #ececec;
  }
  .select__option.disabled,
  .disabled.autocomplete__option,
  .filters:not(.filters--checked) .select__option.filtersClearAll,
  .filters:not(.filters--checked) .autocomplete__option.filtersClearAll,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.select__option,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.autocomplete__option,
  .filter:not(.filter--checked) .filtersLinks button.select__option,
  .filter:not(.filter--checked) .filtersLinks button.autocomplete__option {
    pointer-events: none;
  }
  .select--card .select__button {
    height: auto;
    padding: 14px;
  }
  .select--card .select__list,
  .select--card .autocomplete__list {
    max-height: 274px;
  }
  .select--card .select__listWrap,
  .select--card .autocomplete {
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-top: 0;
    padding: 0;
    position: static;
  }
  .select--card .select__option,
  .select--card .autocomplete__option {
    border-top: 1px solid #ececec;
  }
  .select--card .select__option:last-child,
  .select--card .autocomplete__option:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .select--card .select__option:not(.selected):active,
  .select--card .autocomplete__option:not(.selected):active {
    color: var(--buttonColorActive);
  }
  .selectInline {
    align-items: baseline;
    display: inline-flex;
    position: relative;
  }
  .selectInline__label {
    color: #333;
    font-size: 0.875rem;
    font-weight: 500;
    position: relative;
    z-index: 4;
  }
  .selectInline .select,
  .selectInline .select__main {
    position: static;
  }
  .selectInline .select__button {
    border: none;
    padding-left: 4px;
    z-index: 2;
    height: auto;
  }
  .selectInline .select__listWrap,
  .selectInline .autocomplete {
    border-radius: 6px;
    box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15);
    left: auto;
    margin: 0;
    padding: 56px 0 16px;
    right: -16px;
    top: -16px;
    width: calc(100% + 40px);
  }
  .textarea__field {
    display: block;
    resize: none;
    height: 136px;
  }
  .textarea__field ::-webkit-input-placeholder {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
  }
  .textarea__field ::-moz-placeholder {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
  }
  .textarea--medium .textarea__field {
    height: 80px;
  }
  .textarea--short .textarea__field {
    height: 48px;
  }
  .toggle {
    line-height: 1.35;
    padding: 2px 0 2px calc(44px + 16px);
  }
  .toggle__label {
    color: #999;
    display: block;
    font-size: 0.875rem;
    line-height: 1.4;
    transition: color 250ms ease;
  }
  .toggle__input {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 44px;
    height: 24px;
  }
  .toggle__input:checked ~ .toggle__control {
    background-color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .toggle__input:checked ~ .toggle__bg {
    background-color: #333;
  }
  .toggle__input:checked ~ .toggle__label {
    color: #333;
  }
  .toggle__input:disabled {
    cursor: default;
  }
  .toggle__input:disabled ~ .toggle__bg {
    background-color: #e6e6e6;
  }
  .toggle__input:disabled ~ .toggle__control {
    background-color: #fff;
  }
  .toggle__bg {
    background-color: #999;
    border-radius: 100px;
    left: 0;
    position: absolute;
    transition: background-color 250ms ease-out;
    top: 0;
    width: 44px;
    height: 24px;
  }
  .toggle__control {
    background-color: #e6e6e6;
    border-radius: 50%;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
    width: calc(44px / 2 - 2px);
    height: calc(24px - 2px * 2);
  }
  .tabToggle__tabs {
    background-color: #fff;
    border-radius: 100px;
    display: flex;
    margin: 0;
    padding: 2px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 160px;
    height: 42px;
  }
  .tabToggle__tabs:before {
    background-color: #333;
    border-radius: 100px;
    content: "";
    left: 2px;
    position: absolute;
    top: 2px;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
    width: calc(50% - 2px);
    height: calc(100% - 2px * 2);
  }
  .tabToggle__tabs.slide:before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .tabToggle__tab {
    color: #838385;
    cursor: pointer;
    flex: 1;
    font-size: 0.9375rem;
    letter-spacing: -0.02em;
    margin: 0;
    text-align: center;
    padding: 10px 8px;
    transition: color 250ms ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .tabToggle__tab:after {
    display: none;
  }
  .tabToggle__tab.active {
    color: #fff;
  }
  [data-tabToggle-content] {
    display: none;
  }
  [data-tabToggle-content].active {
    display: block;
  }
  fieldset {
    border: none;
    margin: 0;
    padding: 0;
  }
  .formWrap--center {
    text-align: center;
  }
  .formWrap + .formWrap {
    margin-top: var(--fieldRowSpace);
  }
  .form {
    --formMaxWidth: 820px;
    margin-bottom: 40px;
  }
  .form--s {
    --formMaxWidth: 496px;
  }
  .form--full {
    --formMaxWidth: 100%;
  }
  .formWrap--center .form:not(.form--col) {
    display: inline-block;
    text-align: left;
  }
  .formWrap--center .form.form--col {
    display: inline-flex;
  }
  .form--center {
    margin-inline: auto;
  }
  .form--col {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .form--address {
    min-height: 400px;
  }
  .form__title {
    border-bottom: solid 1px #c2c2c2;
    margin-bottom: 40px;
    padding-bottom: 16px;
    font-size: 1rem;
    font-weight: 500;
  }
  .form__title:not(:first-child) {
    margin-top: 0;
  }
  .form button[type="submit"]:not(.widthAuto),
  .form input[type="submit"]:not(.widthAuto) {
    min-width: calc(var(--formMaxWidth) / 2 - var(--fieldColumnSpace) / 2);
  }
  .form__row {
    display: flex;
  }
  .form__row--separate .field {
    border-top: 1px solid #ececec;
    flex: 1;
    margin-top: 13px;
    padding-top: 8px;
  }
  .form__row--separate .field p {
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.23;
    margin: 0 0 12px;
  }
  .form__row--center {
    justify-content: center;
  }
  .form__col {
    display: inline-flex;
    flex-flow: column;
    width: 50%;
  }
  .togglePassword {
    top: 21px;
    font-size: 1.5rem;
    position: absolute;
    right: 18px;
    height: 48px;
  }
  .passwordValidation p {
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: initial;
    line-height: 1.33;
    color: #595959;
    margin: 0 0 8px;
  }
  .passwordValidation ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .passwordValidation ul li {
    padding-left: 0;
    margin: 0;
  }
  .passwordValidation ul li:after {
    display: none;
  }
  .passwordValidation li {
    color: #999;
    font-size: 0.8125rem;
    margin: 4px 0;
    width: 50%;
  }
  .passwordValidation li.disabled,
  .passwordValidation .filters:not(.filters--checked) li.filtersClearAll,
  .filters:not(.filters--checked) .passwordValidation li.filtersClearAll {
    color: #e6e6e6;
    text-decoration: line-through;
  }
  .field {
    margin: 0 calc(var(--fieldColumnSpace) / 2) var(--fieldRowSpace);
    text-align: left;
  }
  .field.hidden {
    margin: 0;
  }
  .field--full {
    width: calc(100% - var(--fieldColumnSpace));
  }
  .field--small {
    flex-shrink: 0;
    width: calc(var(--smallField) + var(--fieldColumnSpace));
  }
  .field--centered {
    text-align: center;
  }
  .field--centered .field__inner {
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .field--hEnd {
    text-align: right;
  }
  .field--hEnd .field__inner {
    display: inline-flex;
  }
  .field--submit {
    margin-top: 20px;
    text-align: center;
  }
  .field--comments {
    position: relative;
    min-height: 16px;
  }
  .field__inner {
    align-items: center;
    display: flex;
    position: relative;
  }
  .field__wrap:first-child:last-child {
    width: 100%;
  }
  .field__label {
    color: #595959;
    display: block;
    font-size: 0.8125rem;
    line-height: 1.308;
    margin: 0 0 4px;
    padding-left: var(--inputLabelPadding);
  }
  .field__label--multiple {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.37;
    padding-left: 0;
    flex-basis: 100%;
  }
  .field__labelInfo {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
    color: #838385;
  }
  .radiobutton .field__labelInfo,
  .checkbox .field__labelInfo {
    display: block;
  }
  .field__legend {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
    margin: 0 0 24px;
  }
  .field__input:-moz-read-only ~ .field__helper {
    color: #838385;
  }
  .field__input:read-only ~ .field__helper {
    color: #838385;
  }
  .field__input--password {
    padding-right: 50px;
  }
  .field__input--search {
    padding-right: 80px;
  }
  .field__input--inline {
    background: transparent;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
  }
  .field__input--inlineB {
    display: inline-block;
    width: auto;
  }
  .field__input--sm {
    max-width: 131px;
  }
  .field__inputSubmit,
  .field__inputClear {
    bottom: 0;
    font-size: 1.5rem;
    position: absolute;
    top: 0;
    height: 48px;
  }
  .field__inputSubmit {
    right: 18px;
  }
  .field__inputClear {
    font-size: 1rem;
    opacity: 0;
    pointer-events: none;
    right: 52px;
  }
  .field__inputClear.active {
    opacity: 1;
    pointer-events: all;
  }
  .field__more {
    margin: 24px 0 0;
  }
  .field__more--spaceS {
    margin-top: 8px;
  }
  .field__more--center {
    text-align: center;
  }
  .field__text {
    color: #b3b3b3;
    font-size: 0.8125rem;
    margin: -4px 0 8px;
  }
  .field__mapInner {
    padding-top: 75%;
    background-color: #f4f4f4;
    position: relative;
  }
  .statusBox {
    margin: 48px 0;
  }
  .formWrap--center .statusBox {
    margin-right: auto;
    margin-left: auto;
  }
  .statusBox p {
    color: #333;
    font-size: 1.125rem;
    font-weight: 500;
  }
  .statusBox p:last-child {
    margin-bottom: 0;
  }
  .statusBox__icon {
    border-radius: 50%;
    color: var(--statusColor);
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 24px;
  }
  .statusBox--success {
    --statusColor: #74b11f;
  }
  .errorMsg {
    align-items: center;
    color: #d91a32;
    display: flex;
    font-size: 0.75rem;
    margin: 4px 0 8px;
  }
  .errorMsg:before {
    content: "";
  }
  .errorMsg:before {
    font-size: 1rem;
    margin-right: 8px;
  }
  .birthdayInput {
    --birthdaySpace: 8px;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--birthdaySpace));
    width: calc(100% + var(--birthdaySpace) * 2);
  }
  .birthdayInput .field__input {
    margin-left: var(--birthdaySpace);
    margin-right: var(--birthdaySpace);
  }
  .birthdayInput .field__input--day,
  .birthdayInput .field__input--month {
    width: calc(30% - 16px);
  }
  .birthdayInput .field__input--year {
    width: calc(40% - 16px);
  }
  .formBox {
    background-color: #f7f5f0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 12px;
  }
  .formBox--inner {
    margin-left: 32px;
  }
  .formBox--plain {
    background-color: transparent;
    border-radius: initial;
    padding: 0;
  }
  .formBox__title {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
    display: block;
    margin: 0 0 24px;
  }
  .formBox__text {
    font-size: 1rem;
    margin: 0 0 24px;
  }
  .formBox__more {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.28;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .formBox__more [class^="icon-"],
  .formBox__more [class*=" icon-"] {
    color: #838385;
    font-size: 24px;
    margin-right: 9px;
  }
  .formBox .checkbox ~ .formBox__more {
    margin-top: 16px;
  }
  .radiobuttons,
  .checkboxes {
    --checkboxRadioSpace: 20px;
  }
  .radiobuttons--inline,
  .checkboxes--inline {
    --checkboxRadioSpace: 12px;
    gap: var(--checkboxRadioSpace) 24px;
    margin-bottom: calc(-1 * var(--checkboxRadioSpace));
    display: flex;
  }
  .formBox .radiobuttons--inline,
  .formBox .checkboxes--inline {
    --checkboxRadioSpace: 24px;
    margin-bottom: 0;
  }
  .radiobuttons--addresses,
  .checkboxes--addresses {
    padding-bottom: 27px;
  }
  .radiobuttons--colors,
  .radiobuttons--icons,
  .checkboxes--colors,
  .checkboxes--icons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
  }
  .radiobuttons--colors,
  .checkboxes--colors {
    --checkboxRadioSpace: 16px;
    gap: var(--checkboxRadioSpace);
  }
  .radiobuttons--icons,
  .checkboxes--icons {
    --checkboxRadioSpace: 12px;
    gap: var(--checkboxRadioSpace) 8px;
  }
  .radiobuttons--inline .radiobutton,
  .radiobuttons--inline .radiobutton:not(:first-child),
  .radiobuttons--inline .radiobutton:not(:last-child),
  .radiobuttons--colors .radiobutton,
  .radiobuttons--colors .radiobutton:not(:first-child),
  .radiobuttons--colors .radiobutton:not(:last-child),
  .radiobuttons--icons .radiobutton,
  .radiobuttons--icons .radiobutton:not(:first-child),
  .radiobuttons--icons .radiobutton:not(:last-child) {
    margin: 0;
  }
  .radiobuttons--scrollV {
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    max-height: 224px;
  }
  .radiobuttons--scrollV::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .radiobuttons--scrollV::-webkit-scrollbar-thumb {
    background: rgba(166, 166, 166, 0.3);
    border-radius: 13px;
  }
  .radiobuttons--scrollV::-webkit-scrollbar-thumb:hover {
    background: rgba(166, 166, 166, 0.5);
  }
  .radiobuttons--scrollV::-webkit-scrollbar-thumb:active {
    background: rgba(166, 166, 166, 0.7);
  }
  .radiobuttons--scrollV::-webkit-scrollbar-track {
    background: transparent;
  }
  .radiobuttons--toggle {
    background: #ececec;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    margin-inline: auto;
    padding: 2px;
    height: 40px;
  }
  .radiobuttons--toggle .radiobutton {
    color: #838385;
  }
  .radiobuttons--toggle
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__icon {
    background-color: #333;
  }
  .radiobuttons--toggle
    .radiobutton__input:not([type="hidden"]):checked
    ~ .radiobutton__text {
    color: #fff;
  }
  .radiobuttons--toggle .radiobutton:not(:last-child) {
    margin-bottom: 0;
  }
  .radiobuttons--toggle .radiobutton:not(:first-child) {
    margin-top: 0;
  }
  .radiobuttons--toggle .radiobutton__label {
    align-items: center;
    display: flex;
    padding: 4px 16px;
    height: 100%;
  }
  .radiobuttons--toggle .radiobutton__icon {
    background: transparent;
    border: none;
    border-radius: 100px;
    width: 100%;
    height: 100%;
  }
  .radiobuttons--toggle .radiobutton__icon:before {
    display: none;
  }
  .radiobuttons--toggle .radiobutton__text {
    color: #838385;
    font-weight: 500;
  }
  .checkboxes--inline .checkbox,
  .checkboxes--inline .checkbox:not(:first-child),
  .checkboxes--inline .checkbox:not(:last-child) {
    margin: 0;
  }
  .validation-summary-errors {
    margin: 16px 0 0;
  }
  .validation-summary-errors ul {
    list-style: inside;
  }
  .validation-summary-errors li {
    margin-bottom: 8px;
  }
  .validation-summary-errors li,
  .field-validation-error {
    color: #d91a32;
  }
  .field-validation-error {
    color: #d91a32;
  }
  .file-upload {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
  }
  .file-upload__filled .file-upload__button {
    display: none;
  }
  .file-upload__filled .file-upload__content {
    display: inline-flex;
  }
  .file-upload__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
  }
  .file-upload__button {
    position: relative;
    margin-right: 10px;
  }
  .file-upload__content {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
  }
  .file-upload__name {
    font-size: 1rem;
    color: #333;
    letter-spacing: -0.02em;
    margin: 8px 8px 8px 0;
  }
  .file-upload__delete {
    cursor: pointer;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #333;
  }
  .file-upload__delete:active {
    color: #f47920;
  }
  .file-upload__delete:active .file-upload__icon {
    color: #f47920;
  }
  .file-upload__icon {
    font-size: 1.5rem;
    margin-top: -4px;
    color: #838385;
  }
  .file-upload__title {
    font-size: 1rem;
    letter-spacing: -0.02em;
    color: #333;
    margin: 10px 10px 10px 0;
  }
  .file-upload__title span {
    letter-spacing: -0.02em;
    font-size: 0.8125rem;
  }
  .formTip {
    color: #333;
    font-size: 0.8125rem;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .formTip--border {
    border-top: solid 1px #ececec;
    margin: 0 0 40px 0;
    padding-top: 8px;
  }
  .formTip p {
    font-size: 0.8125rem;
    margin: 0;
  }
  .loginWrap {
    display: flex;
    text-align: left;
  }
  .loginWrap__img {
    flex-shrink: 0;
    position: relative;
    width: 49%;
  }
  .loginWrap__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
  .loginWrap__form {
    flex: 1;
    padding: 96px 24px;
    margin: 0 auto;
    max-width: 400px;
  }
  .loginWrap__form .modal__title {
    margin-bottom: 24px;
  }
  .registerPromo {
    margin-top: 40px;
  }
  .registrationForm .modal__title {
    margin-bottom: 48px;
  }
  .formText {
    border-top: 1px solid #d8d8d8;
    padding: 24px 0 8px;
    text-align: center;
  }
  .formText p {
    color: #333;
    font-size: 0.9375rem;
  }
  .formText p:last-child {
    margin: 0;
  }
  .goToTop {
    background-color: #000;
    bottom: 32px;
    border-radius: 50%;
    box-shadow: 0px 5px 15px rgba(51, 51, 51, 0.12);
    color: #333;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 62px;
    position: fixed;
    right: 24px;
    text-align: center;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    z-index: 9;
    width: 64px;
    height: 64px;
  }
  .goToTop:before {
    display: block;
    transition: -webkit-transform 300ms cubic-bezier(0.455, 0.07, 0.53, 0.895);
    transition: transform 300ms cubic-bezier(0.455, 0.07, 0.53, 0.895);
    transition: transform 300ms cubic-bezier(0.455, 0.07, 0.53, 0.895),
      -webkit-transform 300ms cubic-bezier(0.455, 0.07, 0.53, 0.895);
  }
  .showToTop .goToTop {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .imgControl {
    margin: 0 auto;
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .imgControl button {
    margin: 0 4px;
  }
  .indicator {
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.231;
    align-items: center;
    display: inline-flex;
  }
  .indicator [class^="icon-"],
  .indicator [class*=" icon-"] {
    margin: 0 4px 2px;
  }
  .indicator:before {
    width: 6px;
    height: 6px;
    background: transparent;
    border-radius: 50%;
    content: "";
    margin-right: 6px;
    margin-top: -2px;
  }
  .indicator--orange:before {
    background-color: #f47920;
  }
  .indicator--green:before {
    background-color: #74b11f;
  }
  .indicator--greenLight:before {
    background-color: #8dc63f;
  }
  .indicator--red:before {
    background-color: #d91a32;
  }
  .indicator--strong {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.28;
    padding: 4px;
  }
  .indicator--strong:before {
    display: none;
  }
  .indicator--bg {
    background-color: #fef8c6;
    border-radius: 4px;
  }
  .orderTrack .indicator {
    flex-shrink: 0;
  }
  .loader--circle {
    margin: 0 auto 32px;
    width: 96px;
    height: 96px;
  }
  .loader__inner {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    width: 100%;
    height: 100%;
  }
  .loader__item {
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
    animation: bouncedelay 1.4s infinite ease-in-out both;
    border-radius: 100%;
    background-color: #fff;
    margin: 4px;
    width: 16px;
    height: 16px;
  }
  .loader__item--1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .loader__item--2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  .loader__circle {
    align-items: center;
    -webkit-animation: circle-loader-spin 1s infinite linear;
    animation: circle-loader-spin 1s infinite linear;
    border-radius: 50%;
    border-top: 10px solid #ece8dc;
    border-right: 10px solid #ece8dc;
    border-bottom: 10px solid #ece8dc;
    border-left: 10px solid #f47920;
    display: flex;
    justify-content: center;
    margin: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 96px;
    min-width: 96px;
    height: 96px;
    min-height: 96px;
  }
  @-webkit-keyframes circle-loader-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes circle-loader-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    40% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes bouncedelay {
    0%,
    80%,
    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    40% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  .loadMore {
    --barPercentage: 0%;
    --loadMoreSpace: 64px;
    margin: var(--loadMoreSpace) auto;
    text-align: center;
    max-width: 736px;
  }
  .loadMore__text {
    color: #333;
    margin-bottom: 24px;
  }
  .loadMore__text:last-child {
    margin-bottom: 0;
  }
  .loadMore__bar {
    background-color: #fff;
    border-radius: 6px;
    margin: 24px auto;
    overflow: hidden;
    position: relative;
    max-width: 288px;
    height: 6px;
  }
  .loadMore__barInner {
    background-color: gray;
    border-radius: inherit;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleX(var(--barPercentage));
    transform: scaleX(var(--barPercentage));
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
    width: 100%;
    height: 100%;
  }
  .loadMore__button:not(:last-child) {
    margin-bottom: 32px;
  }
  .mainNavWrap {
    --mobMenuHorPadding: 16px;
  }
  .mainNav__list {
    margin: 0;
  }
  .mainNav__list li {
    padding-left: 0;
    margin: 0;
  }
  .mainNav__list li:after {
    display: none;
  }
  .mainNav__item {
    color: #8c8c8c;
    cursor: pointer;
    font-size: 0.875rem;
    margin: 0 16px;
    transition: color 250ms ease;
  }
  .mainNav__item:first-child {
    margin-left: 0;
  }
  .mainNav__item--active {
    color: #333;
  }
  .mainNav__link {
    color: inherit;
    display: block;
    padding: 8px 8px 16px;
    position: relative;
    transition: color 250ms ease;
  }
  .mainNav__link:first-child {
    padding-left: 0;
  }
  .mainNav__link:after {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    transition: opacity 50ms ease-out;
    width: 100%;
    height: 3px;
  }
  .mainNav__item--active .mainNav__link:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    transition: opacity 10ms ease-out 250ms,
      -webkit-transform 150ms ease-out 250ms;
    transition: opacity 10ms ease-out 250ms, transform 150ms ease-out 250ms;
    transition: opacity 10ms ease-out 250ms, transform 150ms ease-out 250ms,
      -webkit-transform 150ms ease-out 250ms;
  }
  .megamenu {
    position: absolute;
    width: 100%;
  }
  .megamenu__list {
    margin: 0;
  }
  .megamenu__list li {
    padding-left: 0;
    margin: 0;
  }
  .megamenu__list li:after {
    display: none;
  }
  .megamenu__list--level2 > li {
    color: #333;
    font-weight: bold;
  }
  .megamenu__list--level3 {
    margin: 16px 0 40px;
  }
  .megamenu__list--level3 > li {
    color: #8c8c8c;
    font-weight: normal;
    margin-bottom: 8px;
  }
  .megamenu__list a {
    color: inherit;
    transition: color 250ms ease;
  }
  .megamenu__title {
    align-items: baseline;
    display: flex;
  }
  .megamenu__title > *:not(:last-child) {
    margin-right: 16px;
  }
  .megamenu__close {
    color: rgba(51, 51, 51, 0.5);
    line-height: 1;
  }
  .message {
    align-items: center;
    border: 1px solid #ececec;
    border-radius: 8px;
    display: flex;
    margin-bottom: 40px;
    padding: 16px;
  }
  .message__icon {
    align-self: flex-start;
    font-size: 1.5rem;
    margin-right: 8px;
    margin-top: -3px;
  }
  .message__icon.icon-alert {
    color: #d91a32;
  }
  .message__icon.icon-warning {
    color: #f47920;
  }
  .message__icon.icon-tickFilled {
    color: #74b11f;
  }
  .message__text {
    color: #333;
  }
  .message__text p {
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.3;
    color: inherit;
    margin-bottom: 4px;
  }
  .message__text p:last-child {
    margin: 0;
  }
  .modal {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    transition: opacity 250ms ease-in-out;
    z-index: 10;
    width: 100%;
    height: 100%;
  }
  .modal:not(.open) {
    opacity: 0;
    pointer-events: none;
  }
  .modal__wrap {
    background-color: #fff;
    border-radius: 8px;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 80px 24px 56px;
    position: relative;
    text-align: center;
    width: 800px;
    max-width: 92vw;
    max-height: 92vh;
    z-index: 10;
  }
  .modal--auto .modal__wrap {
    width: auto;
  }
  .modal--s .modal__wrap {
    width: 504px;
  }
  .modal--l .modal__wrap {
    width: 1176px;
  }
  .modal--full .modal__wrap {
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }
  .modal--transparent .modal__wrap {
    background: transparent;
    padding: 0;
  }
  .modal--noSpaces .modal__wrap {
    padding: 0;
  }
  .modal__wrap .btnWrap {
    margin-top: 34px;
  }
  .modal__wrap .btnWrap:last-child {
    margin-bottom: 0;
  }
  .modal__closeButton {
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 2;
  }
  .modal__mainfigure {
    margin: auto;
  }
  .modal__mainfigure img {
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    vertical-align: top;
    max-width: 92vw;
    max-height: 88vh;
  }
  .modal__titleWrap {
    margin: 0 auto 32px;
  }
  .modal__title {
    font-size: 1.5rem;
    margin: 0 auto 12px;
    max-width: 576px;
  }
  .modal__title:not(:first-child) {
    margin-top: 0;
  }
  .modal__title:last-child {
    margin-bottom: 0;
  }
  .modal .form {
    margin-bottom: 0;
  }
  .modal--full .modal__content {
    width: 100%;
  }
  .newsletter {
    background-color: #e6e6e6;
    padding: 32px 0;
    display: flex;
  }
  .newsletter__form {
    display: flex;
  }
  .newsletter__label {
    font-size: 16px;
    font-weight: bold;
  }
  .newsletter__inputs {
    display: flex;
  }
  .newsletter__input {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    color: #666;
    font-size: 0.875rem;
    margin-right: 8px;
    padding: 8px;
    height: 48px;
  }
  .newsletter__input::-webkit-input-placeholder {
    color: #999;
  }
  .newsletter__input::-moz-placeholder {
    color: #999;
  }
  .newsletter__input:-ms-input-placeholder {
    color: #999;
  }
  .newsletter__input::placeholder {
    color: #999;
  }
  .newsletter__terms {
    margin: 8px 0 0;
  }
  .notifications {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 3;
  }
  .notifications__content {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 12px rgba(51, 51, 51, 0.08);
    padding: 60px 20px 20px 20px;
    position: relative;
    z-index: 2;
    margin-top: 12px;
  }
  .notifications__close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #333;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .notifications__list {
    margin: 0;
  }
  .notifications__list li {
    padding-left: 0;
    margin: 0;
  }
  .notifications__list li:after {
    display: none;
  }
  .notifications__overlay {
    position: absolute;
    z-index: -1;
    cursor: pointer;
  }
  .notifications__content {
    width: 415px;
  }
  .notifications__list {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 210px);
    margin: 0 -10px;
    padding: 0 10px;
  }
  .notifications__list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .notifications__list::-webkit-scrollbar-thumb {
    background: rgba(166, 166, 166, 0.3);
    border-radius: 13px;
  }
  .notifications__list::-webkit-scrollbar-thumb:hover {
    background: rgba(166, 166, 166, 0.5);
  }
  .notifications__list::-webkit-scrollbar-thumb:active {
    background: rgba(166, 166, 166, 0.7);
  }
  .notifications__list::-webkit-scrollbar-track {
    background: transparent;
  }
  .notifications__listItem {
    color: #838385;
    font-size: 0.875rem;
    line-height: 1.25;
    margin: 0;
    padding: 16px 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .notifications__listItem--unread {
    color: #333;
    padding-right: 13px;
  }
  .notifications__listItem--unread:before {
    content: "";
    position: absolute;
    top: 21px;
    right: 0;
    width: 6px;
    height: 6px;
    background: #d91a32;
    border-radius: 50%;
  }
  .notifications__listItem:not(:first-child) {
    border-top: 1px solid #ececec;
  }
  .notifications__date {
    width: 70px;
    text-align: right;
    font-size: 0.875rem;
    letter-spacing: -0.01em;
    margin-left: auto;
  }
  .notifications__title {
    width: calc(100% - 70px);
    max-width: 293px;
    padding-right: 5px;
    font-size: 0.875rem;
    color: #333;
    line-height: 1.3;
  }
  .notifications__maintitle {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    line-height: 1.3;
    margin: 0 0 10px;
  }
  .notificationsBtn {
    position: relative;
    font-size: 1.5rem;
    color: #a6a6a6;
  }
  .notificationsBtn:after {
    position: absolute;
  }
  .outputsRow {
    display: flex;
    gap: 24px;
  }
  .output {
    align-items: center;
    background: #f2efe8;
    border-radius: 8px;
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 16px;
    position: relative;
  }
  .output:not(.output--init) {
    align-items: center;
    justify-content: flex-start;
    padding-right: 64px;
  }
  .output--pickup .output__inner,
  .output--delivery .output__inner {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 40px;
    padding-left: 88px;
    min-height: 40px;
  }
  .output--selected {
    border: 2px solid #74b11f;
  }
  .output--delivery .output__inner {
    background-image: url(../media/delivery.svg);
  }
  .output--pickup .output__inner {
    background-image: url(../media/pickup.svg);
  }
  .output--pickup:not(.output--init) .output__inner,
  .output--delivery:not(.output--init) .output__inner {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
  }
  .output--init .output__inner {
    align-items: center;
    display: flex;
  }
  .output__title {
    align-items: baseline;
    color: #333;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.375;
    margin: 0;
  }
  .output--delivery:not(.output--init) .output__title,
  .output--pickup:not(.output--init) .output__title {
    font-size: 0.875rem;
    line-height: 1.286;
    margin-bottom: 4px;
  }
  .output__title:not(:last-child) {
    margin-bottom: 8px;
  }
  .output--init .output__title {
    font-size: 1.125rem;
  }
  .output__titleInfo {
    color: #838385;
    font-size: 0.75rem;
    letter-spacing: 0;
    margin-left: 4px;
  }
  .output__mainLink {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.286;
    margin: 0;
  }
  .output__mainLink:after {
    content: "";
  }
  .output__link,
  .output__mainLink {
    color: var(--buttonColor);
  }
  .output__link:active,
  .output__mainLink:active {
    color: var(--buttonColorActive);
  }
  .output--init .output__button {
    flex-shrink: 0;
    margin-left: 16px;
  }
  .output--init .output__button:after {
    content: "";
  }
  .output:not(.output--init) .output__button {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .output--selected .output__button {
    background: url(../media/tickFilled.svg) no-repeat scroll center;
    background-size: contain;
    color: #74b11f;
    width: 26px;
    height: 26px;
  }
  .output__status {
    color: #74b11f;
    flex-shrink: 0;
    font-size: 1.625rem;
    margin-left: 16px;
  }
  .output__link {
    color: var(--buttonColor);
    display: block;
    font-size: 0.875rem;
    text-decoration: underline;
  }
  .output__link:not(:last-child) {
    margin-bottom: 4px;
  }
  .output__link address {
    color: inherit;
    line-height: inherit;
  }
  .output__link--b {
    font-weight: 500;
  }
  .output__time {
    color: #333;
    font-size: 0.8125rem;
    line-height: 1.23;
    margin: 4px 0 0;
  }
  .output__time:before {
    font-size: 1rem;
    margin-right: 4px;
  }
  .pagination-container {
    margin: 32px 0;
  }
  .pagination {
    margin: 0;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pagination li {
    padding-left: 0;
    margin: 0;
  }
  .pagination li:after {
    display: none;
  }
  .pagination__item {
    border-radius: 50%;
    font-size: 1rem;
    margin: 0 2px;
  }
  .pagination__item.active {
    background-color: #f47920;
    font-size: 1.125rem;
    font-weight: 700;
  }
  .pagination__item.active .pagination__link {
    color: #fff;
    cursor: default;
  }
  .pagination__link {
    color: var(--buttonColor);
    cursor: pointer;
    display: block;
    line-height: 34px;
    text-align: center;
    transition: color 250ms ease;
    width: 32px;
    height: 32px;
  }
  .pagination__link:active {
    color: var(--buttonColorActive);
  }
  .pagination__link--prev,
  .pagination__link--next {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .pagination__link--prev.disabled,
  .filters:not(.filters--checked) .pagination__link--prev.filtersClearAll,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.pagination__link--prev,
  .filter:not(.filter--checked) .filtersLinks button.pagination__link--prev,
  .pagination__link--next.disabled,
  .filters:not(.filters--checked) .pagination__link--next.filtersClearAll,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.pagination__link--next,
  .filter:not(.filter--checked) .filtersLinks button.pagination__link--next {
    opacity: 0;
    pointer-events: none;
  }
  .product .fav {
    position: absolute;
    right: -4px;
    top: -4px;
    z-index: 2;
  }
  .product .wishlistButton:not(:first-child) .fav {
    right: 24px;
  }
  .product--mini .fav,
  .minibasket__product .fav {
    right: 32px;
    top: 0;
  }
  .product__inner {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
  }
  .product__discount {
    align-items: center;
    background-color: #fff;
    border: 5px solid rgba(244, 121, 32, 0.7);
    border-radius: 50%;
    color: #333;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    font-weight: 700;
    justify-content: center;
    left: 0;
    letter-spacing: -0.02em;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1;
    width: 64px;
    height: 64px;
  }
  .basketTable .product__discount {
    border-width: 3px;
    font-size: 0.6875rem;
    font-weight: 500;
    width: 44px;
    height: 44px;
  }
  .basketTable .product__discount .product__discountVal {
    font-size: 0.875rem;
    margin-bottom: -3px;
  }
  .product__discountVal {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.223;
  }
  .product__discountText {
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1.2;
  }
  .product__img {
    margin-bottom: 12px;
    padding-top: 16px;
    position: relative;
    max-width: 320px;
  }
  .product__img figure {
    width: 100%;
  }
  .product__img figure picture {
    display: block;
    padding-top: calc(160 / 160 * 100%);
    position: relative;
    width: 100%;
  }
  .product__img figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .product__badge {
    --badgePosition: 0;
    bottom: 0;
    position: absolute;
    z-index: 2;
    width: 40px;
  }
  .product__badge--left {
    left: var(--badgePosition);
  }
  .product__badge--right {
    right: var(--badgePosition);
  }
  .product__badge img {
    display: inline-block;
    vertical-align: top;
  }
  .product__more {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
  }
  .product__title {
    color: #333;
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.3;
    margin: 0 0 8px;
  }
  .product__title:before {
    content: "";
  }
  .product__desc {
    color: #333;
    font-size: 0.8125rem;
    letter-spacing: -0.02em;
    line-height: 1.23;
    margin: 0 0 8px;
  }
  .product__quantity {
    position: relative;
    z-index: 1;
  }
  .product__avail {
    font-size: 0.8125rem;
  }
  .minibasket .product__avail {
    margin: 4px 0 0;
  }
  .productsListMini .product:not(:first-child) {
    margin-top: 24px;
  }
  .productsListMini .product:not(:last-child) {
    margin-bottom: 24px;
  }
  .productTags {
    display: flex;
    flex-wrap: wrap;
    margin: -4px 0 8px;
  }
  .productInfo .productTags {
    margin: 0 0 12px;
  }
  .productTags__tag {
    margin: 4px 0;
    width: 24px;
    height: 24px;
  }
  .productInfo .productTags__tag {
    margin-bottom: 0;
    margin-top: 0;
    width: 32px;
    height: 32px;
  }
  .productTags__tag:not(:last-child) {
    margin-right: 4px;
  }
  .priceContainer {
    display: flex;
    justify-content: flex-start;
  }
  .productInfo .priceContainer,
  .productList .priceContainer {
    height: 54px;
  }
  .productList .priceContainer {
    justify-content: space-between;
    margin-bottom: 12px;
  }
  .priceContainer .priceBlock {
    align-items: baseline;
    display: grid;
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
    grid-template-rows: auto;
  }
  .priceContainer .priceBlock:not(:first-child) {
    padding-left: 8px;
  }
  .priceContainer .priceBlock:not(:last-child) {
    padding-right: 8px;
  }
  .priceContainer .priceBlock__price {
    align-self: end;
  }
  .priceContainer .priceBlock__price:not(.priceBlock__price--init):first-child {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .priceContainer .priceBlock__text {
    align-self: end;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .priceBlock {
    color: #333;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .priceBlock__price {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.334;
    text-align: right;
    white-space: nowrap;
  }
  .priceBlock__price--init {
    color: #a6a6a6;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: line-through;
  }
  .priceBlock__price--b {
    font-size: 1.625rem;
    letter-spacing: -0.03em;
    line-height: 1.02;
    margin-top: -6px;
  }
  .priceBlock__price--b .priceBlock__text {
    letter-spacing: -0.02em;
  }
  .priceBlock__text {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.385;
    margin-left: 4px;
    white-space: nowrap;
  }
  .priceRow {
    align-items: center;
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    margin: 16px 0;
  }
  .priceRow:first-child {
    margin-top: 0;
  }
  .priceRow .priceBlock {
    padding-left: 24px;
  }
  .priceRow:not(.priceRow--total) .priceBlock__price {
    font-weight: normal;
  }
  .priceRow--total {
    align-items: flex-end;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1;
    margin-bottom: 24px;
  }
  .sideBasket .priceRow--total {
    font-size: 1rem;
    margin: 8px 0;
  }
  .priceRow--total .priceBlock__price {
    font-size: 1.25rem;
  }
  .priceRow--total .priceBlock__price--init {
    font-size: 0.9375rem;
  }
  .priceRow__val {
    color: gray;
  }
  .noInfo {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 22px;
    text-align: center;
    width: 24px;
    height: 24px;
  }
  .infoPopup {
    background-color: #fff;
    -webkit-filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1))
      drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2));
    filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1))
      drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2));
    padding: 16px;
    position: absolute;
    right: calc(50vw - var(--wrapper) / 2 + var(--gridSpace));
    top: 160px;
    transition: opacity 350ms ease, -webkit-transform 350ms ease;
    transition: opacity 350ms ease, transform 350ms ease;
    transition: opacity 350ms ease, transform 350ms ease,
      -webkit-transform 350ms ease;
    z-index: 99;
    min-width: 320px;
  }
  .infoPopup.moveOut {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
  }
  .infoPopup__title {
    font-weight: bold;
    margin: 0 0 8px;
    padding-right: 24px;
  }
  .infoPopup p {
    font-size: 0.875rem;
  }
  .infoPopup__remove {
    position: absolute;
    right: 0;
    top: 0;
  }
  .productsSum {
    padding: 20px 8px;
  }
  .productsSum .orDivider__text {
    background-color: #f2f2f2;
  }
  .quantity {
    align-items: center;
    background-color: #f2efe8;
    border-radius: 100px;
    display: flex;
    position: relative;
    width: 100%;
    max-width: 296px;
    height: 48px;
  }
  .quantity--init {
    position: relative;
  }
  .quantity--init:before {
    content: "";
  }
  .quantity--init:before {
    color: #838385;
    font-size: 1.5rem;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  .quantity--init:after {
    background-color: #f2efe8;
    border-radius: 100px;
    content: "";
    pointer-events: none;
    transition: background-color 250ms ease-out;
  }
  .quantity--init .quantity__btn {
    opacity: 0;
  }
  .quantity__btn {
    background-color: var(--buttonBgColor);
    border-radius: 100px;
    color: var(--buttonColor);
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1;
    width: 60px;
    height: 100%;
  }
  .quantity__btn:not(.disabled) {
    cursor: pointer;
  }
  .quantity__btn:not(.disabled):active {
    background-color: var(--buttonBgColorActive);
  }
  .quantity__btn.disabled,
  .filters:not(.filters--checked) .quantity__btn.filtersClearAll,
  .filters:not(.filters--checked)
    .filtersLinks.filtersLinks--all
    button.quantity__btn,
  .filter:not(.filter--checked) .filtersLinks button.quantity__btn {
    --buttonBgColor: #f2efe8;
    --buttonColor: #c2c2c2;
  }
  .quantity__btn--inc {
    --buttonBgColor: #74b11f;
    --buttonBgColorHover: #8dc63f;
    --buttonBgColorActive: #588718;
    --buttonColor: #fff;
  }
  .quantity__btn--inc:before {
    content: "";
  }
  .quantity__btn--dec {
    --buttonBgColor: #e8e2d7;
    --buttonBgColorHover: #d6d0c5;
    --buttonBgColorActive: #c9c4b9;
    --buttonColor: #838385;
  }
  .quantity__btn--dec:before {
    content: "";
  }
  .quantity__btn--notAvailable {
    background-color: #ececec;
    border-radius: 8px;
    color: #a6a6a6;
    font-size: 0.9375rem;
    font-weight: 500;
    min-width: 100%;
  }
  .quantity__input {
    color: #838385;
    flex: 1;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-align: center;
  }
  .quantity__input span {
    font-size: 1rem;
  }
  .quantity:not(.quantity--init) .quantity__input {
    pointer-events: none;
  }
  .quantity.quantity--init .quantity__input {
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  .quantity__message {
    align-items: center;
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15);
    border-radius: 8px;
    bottom: 100%;
    display: flex;
    font-size: 0.875rem;
    left: 50%;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
    opacity: 0;
    padding: var(--productPadding);
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(16px) translateX(-50%);
    transform: translateY(16px) translateX(-50%);
    transition: opacity 350ms ease, -webkit-transform 350ms ease;
    transition: opacity 350ms ease, transform 350ms ease;
    transition: opacity 350ms ease, transform 350ms ease,
      -webkit-transform 350ms ease;
    width: calc(100% + var(--productPadding) * 2);
  }
  .basketTable .quantity__message {
    left: 50%;
    padding: 8px;
    white-space: nowrap;
    width: auto;
  }
  .quantity__message:before {
    background-color: var(--messageColor);
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
    font-weight: bold;
    line-height: 22px;
    margin-right: 8px;
    text-align: center;
    width: 22px;
    height: 22px;
  }
  .quantity--showMessage .quantity__message {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
  }
  .quantity__message--added {
    --messageColor: #74b11f;
  }
  .quantity__message--added:before {
    content: "";
  }
  .quantity__message--removed {
    --messageColor: #d8d8d8;
  }
  .quantity__message--removed:before {
    content: "";
  }
  .quantity--s,
  .basketTable .quantity {
    height: 34px;
  }
  .quantity--s .quantity__btn,
  .basketTable .quantity .quantity__btn {
    font-size: 0.875rem;
    width: 40px;
  }
  .quantity--s .quantity__input,
  .basketTable .quantity .quantity__input {
    font-size: 0.875rem;
  }
  .filters__item .range {
    padding: 16px 8px 0 0;
  }
  .range__slider {
    background: #333;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 16px;
    height: 2px;
  }
  .range__values {
    display: flex;
    justify-content: space-between;
  }
  .range__value {
    color: #ccc;
    font-size: 0.875rem;
    text-align: center;
    width: 32px;
  }
  .range__inputs {
    display: flex;
    margin-top: 16px;
    height: 48px;
  }
  .range__inputWrap {
    flex: 1;
    margin-right: 8px;
    position: relative;
  }
  .range__input {
    padding-right: 24px;
    width: 100%;
  }
  .range__symbol {
    color: gray;
    font-size: 0.875rem;
    right: 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .range__submit:before {
    content: "";
  }
  .noUi-connect {
    background-color: #333;
  }
  .noUi-handle {
    border: 1px solid #333;
    box-shadow: none;
  }
  .noUi-horizontal .noUi-handle {
    border-radius: 50%;
    right: -16px;
    top: -16px;
    width: 32px;
    height: 32px;
  }
  .noUi-handle:before,
  .noUi-handle:after {
    display: none;
  }
  .noUi-tooltip {
    background: transparent;
    border: none;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1;
    padding: 4px 0;
  }
  .noUi-handle-lower .noUi-tooltip,
  .noUi-handle-upper .noUi-tooltip {
    bottom: 100%;
  }
  .result {
    margin: 0 0 40px;
  }
  .result--fullheight {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 24px 0;
    min-height: 60vh;
  }
  .result__content {
    text-align: center;
    width: 100%;
  }
  .result__title {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: #333;
    margin: 0 0 8px;
  }
  .result__p {
    margin: 0 0 12px;
  }
  .result__p--b {
    font-size: 1.25rem;
    letter-spacing: -0.03em;
  }
  .result__p:last-child {
    margin: 0;
  }
  .result__button {
    margin-top: 24px;
  }
  .result__code {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.37;
  }
  .result__code strong {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }
  .result__mainimg {
    width: 100%;
    margin: 0 auto 8px;
    max-width: 120px;
  }
  .result__mainimg picture {
    display: block;
    padding-top: calc(124 / 124 * 100%);
    position: relative;
    width: 100%;
  }
  .result__mainimg img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .result__mainimg--notsupported {
    margin-bottom: 40px;
    max-width: 235px;
  }
  .result__mainimg--notsupported picture {
    padding-top: 82.5531914894%;
  }
  .result__mainicon {
    font-size: 5.9375rem;
    margin-bottom: 32px;
  }
  .result__mainicon--border {
    padding: 0 16px;
    border-bottom: solid 3px #dad7d0;
  }
  .result__mainicon--orange {
    color: #f47920;
  }
  .scrollbar {
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .scrollbar::-webkit-scrollbar-thumb {
    background: rgba(166, 166, 166, 0.3);
    border-radius: 13px;
  }
  .scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(166, 166, 166, 0.5);
  }
  .scrollbar::-webkit-scrollbar-thumb:active {
    background: rgba(166, 166, 166, 0.7);
  }
  .scrollbar::-webkit-scrollbar-track {
    background: transparent;
  }
  .scrollbarShadow {
    position: relative;
  }
  .scrollbarShadow:before,
  .scrollbarShadow:after {
    content: "";
    pointer-events: none;
    position: absolute;
    transition: opacity 250ms ease-out;
  }
  .scrollbarShadow--vert:before,
  .scrollbarShadow--vert:after {
    left: 0;
    z-index: 3;
    width: calc(100% - 8px);
    height: 40px;
  }
  .scrollbarShadow--vert:before {
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    top: 0;
  }
  .scrollbarShadow--vert:after {
    background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
  }
  .scrollbarShadow--hor:before,
  .scrollbarShadow--hor:after {
    top: 0;
    width: 56px;
    height: calc(100% - 8px);
  }
  .scrollbarShadow--hor:before {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    left: 0;
  }
  .scrollbarShadow--hor:after {
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
    right: 0;
  }
  .scrollbarShadow--top:before {
    opacity: 0;
  }
  .scrollbarShadow--bottom:after {
    opacity: 0;
  }
  .scrollbarShadow--right:after {
    opacity: 0;
  }
  .scrollbarShadow--left:before {
    opacity: 0;
  }
  .searchInput {
    --searchIconWidth: 48px;
    --searchHeight: 48px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 16px 0;
    position: relative;
    height: var(--searchHeight);
  }
  .searchInput input {
    background: transparent;
    border: none;
  }
  .searchInput__input {
    padding: 12px var(--searchIconWidth) 12px 12px;
    width: 100%;
    height: 100%;
  }
  .searchInput__submit {
    align-items: center;
    display: flex;
    font-size: 24px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--searchIconWidth);
    height: 100%;
  }
  .searchInput__submit:before {
    content: "";
  }
  .sidemenu {
    margin: 28px 0 16px;
    position: relative;
    z-index: 5;
  }
  .sidemenu__selected:before {
    content: "";
  }
  .sidemenu__list {
    margin: 0;
  }
  .sidemenu__list li {
    padding-left: 0;
    margin: 0;
  }
  .sidemenu__list li:after {
    display: none;
  }
  .sidemenu__list--level2 {
    margin: 12px 0;
    padding: 0 20px;
  }
  .sidemenu__link {
    display: inline-block;
    font-weight: 500;
    color: #333;
  }
  .sidemenu__link--level2 {
    font-size: 0.875rem;
    margin-bottom: 6px;
    letter-spacing: -0.01em;
  }
  .sideNav {
    flex: 1;
    padding: 80px 8px 0 32px;
    position: relative;
  }
  .sideNav__list {
    margin: 0;
    margin: 0;
    padding: 0;
  }
  .sideNav__list li {
    padding-left: 0;
    margin: 0;
  }
  .sideNav__list li:after {
    display: none;
  }
  .sideNav__list--level1 {
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    left: 0;
    padding-right: 16px;
    position: -webkit-sticky;
    position: sticky;
    top: calc(8px + var(--headerHeight));
    max-height: calc(100vh - 16px - var(--headerHeight));
  }
  .sideNav__list--level1::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .sideNav__list--level1::-webkit-scrollbar-thumb {
    background: rgba(166, 166, 166, 0.3);
    border-radius: 13px;
  }
  .sideNav__list--level1::-webkit-scrollbar-thumb:hover {
    background: rgba(166, 166, 166, 0.5);
  }
  .sideNav__list--level1::-webkit-scrollbar-thumb:active {
    background: rgba(166, 166, 166, 0.7);
  }
  .sideNav__list--level1::-webkit-scrollbar-track {
    background: transparent;
  }
  .fixPos .sideNav__list--level1 {
    margin-top: calc(var(--top) - var(--headerHeight) - 148px);
  }
  .sideNav__list--level2 {
    margin: 0 0 4px;
  }
  .sideNav__item {
    border: none;
    color: #333;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.572;
    margin: 0;
  }
  .sideNav__item--level2 {
    font-weight: 400;
  }
  .sideNav__link {
    color: inherit;
    display: block;
    font-size: inherit;
    line-height: inherit;
    padding: 8px 0 8px 44px;
    position: relative;
    transition: color 250ms ease;
  }
  .sideNav__link--level1.active {
    background-color: #f2efe8;
    border-radius: 6px;
  }
  .sideNav--lists .sideNav__link--level1.active:before {
    background-color: var(--listColor);
    border-radius: 4px;
  }
  .sideNav__item.open > .sideNav__link--level1 {
    font-weight: 700;
  }
  .sideNav__link--level1:before {
    font-size: 1.5rem;
    left: 8px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
  }
  .sideNav__link--level2 {
    border-radius: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
  }
  .sideNav__link--level2.active {
    background-color: #f2efe8;
    font-weight: 500;
  }
  .sideNav__seperator {
    background-color: #ececec;
    height: 1px;
  }
  .sideNav__list .sideNav__seperator {
    margin: 12px 0;
  }
  .swiper {
    --swiper-theme-color: #838385;
    --swiper-navigation-size: 32px;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    --swiper-pagination-bullet-inactive-color: #a6a6a6;
    --swiper-pagination-color: #f47920;
    --swiper-navigation-color: #838385;
    --swiper-navigation-inactive-color: #a6a6a6;
    --swiper-navigation-inactive-opacity: 1;
  }
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
  }
  .swiper-button-prev,
  .swiper-button-next {
    width: var(--swiper-navigation-size);
  }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: var(--swiper-navigation-size);
  }
  .arrowSlider .swiper-button-prev:after,
  .arrowSlider .swiper-button-next:after {
    font-size: 2.5rem;
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    color: var(--swiper-navigation-inactive-color);
    opacity: var(--swiper-navigation-inactive-opacity);
  }
  .swiper-button-prev:not(.swiper-button-disabled):active,
  .swiper-button-next:not(.swiper-button-disabled):active {
    color: #f47920;
  }
  .swiper-button-prev {
    left: 0;
  }
  .swiper-button-prev:after {
    content: "";
  }
  .swiper-button-next {
    right: 0;
  }
  .swiper-button-next:after {
    content: "";
  }
  .swiper-pagination {
    margin-top: 32px;
  }
  .swiper-pagNav {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    margin-top: 32px;
  }
  .swiper-pagNav .swiper-pagination {
    margin: 0;
    position: relative;
    width: auto;
  }
  .swiper-pagNav .swiper-button-prev,
  .swiper-pagNav .swiper-button-next {
    margin: 0;
    position: relative;
    top: 0;
  }
  .swiper-pagNav__shadow {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0;
    transition: opacity 250ms ease-in-out;
    z-index: 1;
    width: var(--swiper-navigation-size);
    height: calc(100% - 64px);
  }
  .swiper-pagNav__shadow--prev {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    left: 0;
  }
  .swiper-pagNav__shadow--next {
    background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
    right: 0;
  }
  .swiper-button-disabled + .swiper-pagNav__shadow {
    opacity: 0;
  }
  .sliderSection {
    --sliderSectionSpaceBottom: 40px;
    margin: 0 0 var(--sliderSectionSpaceBottom);
  }
  .simpleSlider {
    --simnpleSliderSpaceBottom: 32px;
    padding-bottom: var(--simnpleSliderSpaceBottom);
  }
  .simpleSlider--cat {
    margin-left: -16px;
    margin-top: -24px;
    padding-inline: 16px;
    padding-top: 24px;
    width: calc(100% + 32px);
  }
  .simpleSlider--cat:not(.swiper-initialized) .swiper-slide {
    margin-right: 16px;
    width: calc(20% - 16px);
  }
  .productsSlider {
    margin-top: 40px;
  }
  .productsSlider .swiper-wrapper {
    align-items: stretch;
    display: flex;
  }
  .productsSlider .swiper-slide {
    width: 280px;
    height: initial;
  }
  .productsSlider .product {
    height: 100%;
  }
  .social p {
    color: #4d4d4d;
    margin: 0 0 8px;
  }
  .social__list {
    --socialItemPAdding: 8px;
    margin: 0;
    display: flex;
    margin-left: calc(-1 * var(--socialItemPAdding));
  }
  .social__list li {
    padding-left: 0;
    margin: 0;
  }
  .social__list li:after {
    display: none;
  }
  .social__item {
    color: #ccc;
    line-height: 1;
    margin: 0;
    padding: var(--socialItemPAdding);
  }
  .social__item:not(:last-child) {
    margin-right: 8px;
  }
  .social__link {
    display: inline-block;
    font-size: 28px;
    vertical-align: top;
  }
  .social__link:before {
    display: inline-block;
    vertical-align: top;
  }
  .storeListWrap .tabToggle {
    align-items: center;
    bottom: 24px;
    display: flex;
    justify-content: center;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 3;
  }
  .storeMap {
    background-color: #f4f4f4;
    flex-grow: 1;
    position: relative;
    min-height: 600px;
  }
  .storeTile {
    padding-block: 20px;
  }
  .storeTile:not(:last-child) {
    border-bottom: 1px solid #c2c2c2;
  }
  .mapInfo .storeTile {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
  }
  .storeTile__thumbnail {
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
  }
  .storeTile__thumbnail figure {
    width: 100%;
  }
  .storeTile__thumbnail figure picture {
    display: block;
    padding-top: calc(115 / 266 * 100%);
    position: relative;
    width: 100%;
  }
  .storeTile__thumbnail figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .storeTile__title {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: #333;
    margin-bottom: 4px;
  }
  .storeTile__title:not(:first-child) {
    margin-top: 0;
  }
  .storeTile__address {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
    color: #404040;
    margin-bottom: 8px;
  }
  .storeTileSpecs {
    --iconSpacing: 8px;
    align-items: center;
    display: flex;
    margin-bottom: 16px;
  }
  .mapInfo .storeTileSpecs {
    align-items: flex-start;
    flex-flow: column;
    margin-bottom: 15px;
  }
  .storeTileSpecs__title {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.53;
    margin-bottom: 14px;
  }
  .storeTileSpecs__iconWrap {
    display: flex;
    align-items: center;
  }
  .mapInfo .storeTileSpecs__iconWrap {
    margin-bottom: 12px;
  }
  .storeTileSpecs__icon {
    color: #838385;
    font-size: 1.5rem;
    margin-right: var(--iconSpacing);
  }
  .storeTileSpecs__iconInfo {
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.23;
    margin-left: calc(-1 * var(--iconSpacing));
  }
  .storeTileOrder {
    align-items: flex-start;
    background-color: #f7f5f0;
    border-radius: 8px;
    display: flex;
    padding: 10px 20px;
  }
  .mapInfo .storeTileOrder {
    flex-wrap: wrap;
    padding: 10px;
  }
  .storeTileOrder__icon {
    color: #838385;
    flex-shrink: 0;
    font-size: 1.5rem;
    margin-right: 8px;
  }
  .storeTileOrder__details {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.28;
    color: #333;
    margin-bottom: 0;
  }
  .mapInfo .storeTileOrder__details {
    margin-bottom: 4px;
  }
  .storeTileOrder__availability {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
    color: #838385;
    margin-bottom: 0;
  }
  .mapInfo .storeTileOrder__availability {
    display: none;
  }
  .mapInfo .storeTileOrder__actions {
    flex-basis: 100%;
    margin-top: 12px;
  }
  .mapInfo .storeTileOrder__actions .button {
    width: 100%;
  }
  .storeTileOrder--details {
    align-items: center;
    margin-bottom: 40px;
    padding: 24px 21px;
  }
  .storeTileOrder--details .storeTileOrder__icon {
    font-size: 0;
    margin-right: 17px;
    margin-top: -6px;
    width: 51px;
    height: 27px;
  }
  .storeSearch {
    background-color: #fff;
    margin-bottom: 32px;
    text-align: center;
  }
  .storeSearch__inner {
    margin: 0 auto;
    max-width: calc(480px + 2 * var(--gridSpace));
  }
  .storeSearch p {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.37;
    color: #333;
  }
  .storeSearch p:last-of-type {
    margin-bottom: 8px;
  }
  .storeSearch .form {
    margin-bottom: 0;
    padding-block: 8px;
  }
  .storeSearch .field {
    margin-bottom: 0;
  }
  .pin {
    cursor: pointer;
    display: inline-block;
    position: relative;
  }
  .pin__count {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.36;
    color: #fff;
    display: inline-block;
    left: 0;
    margin: 0px 12px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
  }
  .mapInfo {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    max-width: 290px;
    padding: 48px 12px 12px;
    position: relative;
  }
  .mapInfo:after {
    content: "";
    border-bottom-left-radius: 4px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 16px solid #000;
    border-color: transparent transparent #fff #fff;
    bottom: -32px;
    box-sizing: border-box;
    left: calc(50% - 22.625px);
    margin-left: 0;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 0;
    height: 0;
  }
  .mapInfo:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    margin: 0 auto;
    pointer-events: none;
    right: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
  }
  .mapInfo__close {
    color: #838385;
    font-size: 1rem;
    position: absolute;
    right: 19px;
    top: 19px;
  }
  .storeLocator {
    align-items: center;
    background-color: #dbe5e8;
    border-radius: 8px;
    display: flex;
  }
  .storeLocator__title {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.53;
    color: #333;
    margin-bottom: 4px;
    text-align: center;
  }
  .storeLocator__inner {
    align-items: center;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    padding: 20px;
  }
  .storeLocator__sub {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 20px;
  }
  .storeLocator__illustration {
    flex-basis: 300px;
    font-size: 0;
  }
  .storeLocator__illustration--right {
    margin-top: auto;
  }
  .storeLocator__illustration--mob {
    display: none;
  }
  .storeLocator__form {
    --fieldColumnSpace: 12px;
    --formMaxWidth: 530px;
    margin-bottom: 0;
  }
  .storeLocator__form .field {
    margin-bottom: 0;
  }
  .storeLocator__form .field--small {
    flex-grow: 1;
  }
  .storeLocator__form .field--small .button {
    flex-grow: 1;
    width: 100%;
  }
  .storeHours {
    padding: 40px 24px;
    position: relative;
    color: #333;
  }
  .storeHours:after {
    content: "";
    background-color: #f7f5f0;
    border-radius: 8px;
    z-index: -2;
  }
  .storeHours .acc {
    border: 0;
  }
  .storeHours .acc p:last-child {
    margin-bottom: 0;
  }
  .storeHours .acc__header {
    padding: 0;
  }
  .storeHours .acc__content {
    padding: 0;
  }
  .storeHours p {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
    color: inherit;
    margin-bottom: 6px;
  }
  .storeHours hr {
    border: 0;
    border-top: 1px solid #a6a6a6;
    margin: 20px auto;
    max-width: 227px;
  }
  .storeHours__inner {
    margin: 0 auto;
    max-width: 728px;
  }
  .storeHours__top {
    text-align: center;
    margin-bottom: 18px;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.5;
  }
  .storeHours__top p:last-child {
    margin-bottom: 0;
  }
  .storeHours__illustration {
    font-size: 0;
    position: absolute;
    pointer-events: none;
    z-index: -1;
  }
  .storeHours__illustration--left {
    top: 0;
    left: 0;
  }
  .storeHours__illustration--right {
    bottom: 25px;
    right: 42px;
  }
  .storeHours__illustration--mob {
    top: 0;
    left: 0;
  }
  .storeHours strong {
    font-weight: 500;
  }
  .storeDetails__map {
    padding-top: calc(532 / 1001 * 100%);
    position: relative;
    width: 100%;
    background-color: #f7f5f0;
    border-radius: 8px;
    overflow: hidden;
    padding-top: 53.1468531469%;
    position: relative;
  }
  .storeDetails .storeTileSpecs {
    display: block;
    margin-bottom: 32px;
  }
  .storeDetails .storeTileSpecs__icon {
    margin-right: 4px;
  }
  .storeDetails .storeTileSpecs__iconInfo {
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.46;
    margin-left: 0;
    margin-right: 24px;
  }
  .table {
    --paddingExternalX: 20px;
    --paddingExternalY: 20px;
    --cellPaddingX: 12px;
    --cellPaddingY: 20px;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
    margin: 0 0 10px;
  }
  .table table {
    border: none;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
  }
  .table th,
  .table .mob-th {
    color: #000;
    font-weight: 500;
    text-align: left;
  }
  .table th {
    padding: var(--cellPaddingY) var(--cellPaddingX);
  }
  .table th:first-child {
    padding-left: var(--paddingExternalX);
  }
  .table th:last-child {
    padding-right: var(--paddingExternalX);
  }
  .table tr {
    border: 3px solid transparent;
    border-left: 0;
    border-right: 0;
    position: relative;
  }
  .table tbody tr {
    cursor: pointer;
  }
  .table tbody tr:after {
    background-color: #f7f5f0;
    border-radius: 8px;
    content: "";
    opacity: 0;
    transition: opacity 250ms ease-in-out;
    z-index: -1;
  }
  .table tbody tr.highlight:after {
    background-color: #fef8c6;
    opacity: 1;
  }
  .table td {
    padding: var(--cellPaddingY) var(--cellPaddingX);
    max-width: 172px;
  }
  .table td a {
    font-weight: 400;
  }
  .table td.table__tools {
    text-align: right;
    white-space: nowrap;
  }
  .table td.table__tools .iconButton,
  .table td.table__tools .selectedFilters__remove {
    font-size: 1.5rem;
  }
  .table td.table__tools .iconButton:not(:last-child),
  .table td.table__tools .selectedFilters__remove:not(:last-child) {
    margin-right: 24px;
  }
  .table .mob-th {
    display: none;
  }
  .timetable {
    margin-bottom: 88px;
  }
  .timetable .swiper-wrapper {
    align-items: stretch;
  }
  .timetable .swiper-slide {
    height: auto;
  }
  .timetable__item {
    display: flex;
    flex-direction: column;
    padding: 1px;
    height: 100%;
  }
  .timetable__day {
    background: #f7f5f0;
    border-bottom: 1px solid #ececec;
    color: #333;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    line-height: 1.375;
    justify-content: center;
    margin-bottom: 16px;
    height: 56px;
  }
  .timetable__dayName {
    font-size: 1rem;
    font-weight: 500;
  }
  .timetable__hours--empty {
    align-items: center;
    border: 1px solid #ececec;
    border-radius: 4px;
    display: flex;
    flex: 1;
    justify-content: center;
  }
  .timetable__hour {
    align-items: center;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    color: #595959;
    display: flex;
    font-size: 0.875rem;
    font-weight: 500;
    justify-content: space-between;
    padding: 8px 8px 8px 12px;
    text-align: left;
    transition: border-color 250ms ease-out;
    width: 100%;
    height: 40px;
  }
  .timetable__hour:not(.timetable__hour--unavailable) {
    cursor: pointer;
  }
  .timetable__hour:not(:last-child) {
    margin-bottom: 8px;
  }
  .timetable__hour--unavailable {
    border-color: #ececec;
    color: #d8d8d8;
  }
  .timetable__hour--selected {
    background-color: #f2efe8;
    border-color: #74b11f;
  }
  .timetable__hourVal {
    padding-right: 8px;
    white-space: nowrap;
  }
  .timetable__extraText {
    color: #333;
    font-size: 0.6875rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.183;
    text-align: right;
  }
  .timetable__hours--empty .timetable__extraText,
  .timetable__hour--unavailable .timetable__extraText {
    color: #d8d8d8;
  }
  .timetableNav {
    transition: opacity 250ms ease-in-out;
  }
  .timetableNav.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
  }
  .timetableNav--next:before {
    content: "";
  }
  .timetableNav--prev:before {
    content: "";
  }
  .tooltip {
    margin-left: 8px;
    position: relative;
    z-index: 2;
  }
  .tooltip__main {
    background: #fff;
    border-radius: 10px;
    bottom: calc(100% + 12px);
    -webkit-filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1))
      drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2));
    filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1))
      drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2));
    font-size: 0.875rem;
    left: 50%;
    line-height: 1.3;
    margin-left: -100px;
    opacity: 0;
    padding: 16px;
    position: absolute;
    text-align: left;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    transition: opacity 200ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 200ms ease-out, transform 250ms ease-out;
    transition: opacity 200ms ease-out, transform 250ms ease-out,
      -webkit-transform 250ms ease-out;
    width: 200px;
  }
  .tooltip__main:after {
    border-style: solid;
    bottom: calc(-1 * 8px);
    content: "";
    left: 50%;
    margin-left: calc(-1 * 8px);
    position: absolute;
    width: 0;
    height: 0;
    border-color: #fff transparent transparent transparent;
    border-width: 8px 8px 0 8px;
  }
  .tooltip:not(.tooltip--open) .tooltip__main {
    pointer-events: none;
  }
  .tooltip--open .tooltip__main {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .tooltip--bottom .tooltip__main {
    bottom: auto;
    box-shadow: 0 -4px 15px rgba(51, 51, 51, 0.12);
    top: calc(100% + 12px);
  }
  .tooltip--bottom .tooltip__main:after {
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    bottom: auto;
    top: -8px;
  }
  .tooltip--bottom:not(.tooltip--open) .tooltip__main {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  .tooltip--right .tooltip__main {
    left: -16px;
    margin: 0;
  }
  .tooltip--right .tooltip__main:after {
    left: 28px;
  }
  .tooltip--left .tooltip__main {
    left: auto;
    margin: 0;
    right: -16px;
  }
  .tooltip--left .tooltip__main:after {
    left: auto;
    right: 20px;
  }
  .tooltip__btn {
    padding: 0;
    transition: color 250ms ease;
  }
  .topnav {
    margin: 28px 0 16px;
    position: relative;
    z-index: 5;
  }
  .topnav__selected:before {
    content: "";
  }
  .topnav__list {
    margin: 0;
  }
  .topnav__list li {
    padding-left: 0;
    margin: 0;
  }
  .topnav__list li:after {
    display: none;
  }
  .unavailabelBox {
    background-color: #f7f5f0;
    border-radius: 8px;
    padding: 16px;
  }
  .checkoutStep__main .unavailabelBox {
    margin-bottom: 12px;
  }
  .unavailabelBox__title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 8px;
  }
  .minibasket .unavailabelBox__title {
    font-size: 1rem;
  }
  .unavailabelBox .listTools--noBorder {
    border: none;
    margin: -8px 0;
    padding-bottom: 0;
    padding-top: 12px;
  }
  .basketTable__row--unavail .product__img {
    opacity: 0.5;
  }
  .basketTable__row--unavail .product__title {
    color: #838385;
  }
  .playvideo {
    position: relative;
  }
  .playvideo__icon {
    --playsize: 32px;
    color: var(--buttonColor);
    cursor: pointer;
    font-size: 2rem;
    padding: 0;
    transition: color 250ms ease;
  }
  .playvideo__icon:before {
    position: relative;
    z-index: 1;
  }
  .playvideo__icon:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    left: 50%;
    margin: calc(1px - var(--playsize) / 2) 0 0 calc(1px - var(--playsize) / 2);
    position: absolute;
    top: 50%;
    width: calc(var(--playsize) - 2px);
    height: calc(var(--playsize) - 2px);
  }
  .playvideo__icon:active {
    color: var(--buttonColorActive);
  }
  .playvideo__icon--lg {
    --playsize: 64px;
    font-size: 4rem;
  }
  .userAccountBtn {
    background-color: #65141b;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: 700;
    position: relative;
    transition: background-color 250ms ease-out;
    width: 44px;
    height: 44px;
  }
  .userMenu {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 3;
  }
  .userMenu__content {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 2px 12px rgba(51, 51, 51, 0.08);
    padding: 60px 20px 20px 20px;
    position: relative;
    z-index: 2;
    margin-top: 12px;
  }
  .userMenu__close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #333;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .userMenu__list {
    margin: 0;
  }
  .userMenu__list li {
    padding-left: 0;
    margin: 0;
  }
  .userMenu__list li:after {
    display: none;
  }
  .userMenu__overlay {
    position: absolute;
    z-index: -1;
    cursor: pointer;
  }
  .userMenu__content {
    width: 296px;
  }
  .userMenu__name {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 16px;
    text-align: center;
  }
  .userMenu__listItem {
    color: var(--color);
    font-size: 1rem;
    line-height: 1.25;
    margin: 0;
  }
  .userMenu__listItem:not(:first-child) {
    border-top: 1px solid #ececec;
  }
  .userMenu__link {
    --color: #333;
    --hoverColor: #838385;
    align-items: center;
    color: var(--color);
    display: inline-block;
    padding: 16px 0;
    vertical-align: top;
  }
  .userMenu__link--logout {
    --color: #f47920;
    --hoverColor: #f68d41;
  }
  .gridBoxes {
    --gridBoxSpace: 12px;
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 40px calc(-1 * var(--gridBoxSpace));
  }
  .gridBoxes__box {
    margin: var(--gridBoxSpace);
    width: calc(33.33% - var(--gridBoxSpace) * 2);
  }
  .contentBox {
    align-items: center;
    background-color: #f7f7f7;
    display: inline-flex;
    padding: 40px;
    position: relative;
  }
  .contentBox__icon {
    color: #ccc;
    font-size: 2.75rem;
    margin-bottom: 24px;
  }
  .contentBox__title {
    color: #666;
    font-size: 1.25rem;
    margin: 0 0 24px;
  }
  .contentBox__text {
    color: #999;
    font-size: 0.875rem;
  }
  .contentBox__text:last-child {
    margin-bottom: 0;
  }
  .contentBox__link {
    color: inherit;
    transition: color 250ms ease;
  }
  .contentBox__link:before {
    content: "";
  }
  .accountPage {
    position: relative;
  }
  .userNavBlock {
    --tabItemHeight: 48px;
    margin-top: calc(var(--tabItemHeight) * -1 + 1px);
    margin-bottom: 88px;
  }
  .userNav {
    margin: 0;
    display: flex;
    width: 100%;
  }
  .userNav li {
    padding-left: 0;
    margin: 0;
  }
  .userNav li:after {
    display: none;
  }
  .userNav__item {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    flex: 1 1 0;
    overflow: hidden;
    text-align: center;
    height: var(--tabItemHeight);
  }
  .userNav__item:not(:last-child) {
    margin-right: 10px;
  }
  .userNav__link {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.33;
    align-items: center;
    background-color: #f2efe8;
    color: #838385;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
    position: relative;
    transition: background-color 250ms ease-out;
    height: 100%;
  }
  .userNav__link.active {
    background-color: #fff;
    color: #333;
  }
  .userNav__link:after {
    content: "";
  }
  .accountDetails {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }
  .accountDetails__form {
    flex: 1;
  }
  .accountDetails__box {
    width: 376px;
    max-width: 100%;
  }
  .socialLogins {
    background-color: #f5f5f5;
    padding: 24px;
  }
  .socialLogins__title {
    margin: 0 0 16px;
  }
  .addBox {
    align-items: center;
    background: #f5f5f5;
    border: 1px dashed #d6d6d6;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    position: relative;
    text-align: center;
  }
  .addBox__icon {
    color: #c2c2c2;
    font-size: 3.75rem;
    margin-bottom: 32px;
  }
  .addBox__text {
    margin-bottom: 32px;
  }
  .addBox__link:before {
    content: "";
  }
  .addresses {
    --addressesGap: 32px;
    display: flex;
    gap: var(--addressesGap);
    flex-wrap: wrap;
  }
  .addresses__box {
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    padding: 24px;
  }
  .addresses__box,
  .addresses .addBox {
    width: calc(33.33% - var(--addressesGap) * 2 / 3);
  }
  .addressBox {
    position: relative;
  }
  .addressBox__tools {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 4px;
    top: 4px;
  }
  .addressBox .address,
  .addressBox .orderSum__col,
  .addressBox address {
    margin-bottom: 24px;
    padding-right: 16px;
  }
  .addressBox .form__row {
    margin-left: calc(-1 * var(--fieldColumnSpace) / 2);
    width: calc(100% + var(--fieldColumnSpace));
  }
  .addressBox .form__row:last-child {
    margin-bottom: calc(-1 * var(--fieldRowSpace));
  }
  .address__title {
    color: #333;
    font-size: 0.875rem;
    font-weight: bold;
    margin: 0 0 16px;
  }
  .address__more {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .address__more:last-child {
    margin-bottom: 0;
  }
  .miniBasketButton {
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: space-between;
    padding: 4px 10px;
    width: 152px;
  }
  .miniBasketButton__icon {
    display: inline-flex;
    font-size: 1.5rem;
    margin-top: 10px;
    position: relative;
  }
  .miniBasketButton__no {
    margin-left: -6px;
    margin-top: -10px;
  }
  .miniBasketButton .priceBlock {
    color: #fff;
  }
  .miniBasketButton .priceBlock__price {
    font-weight: 700;
  }
  .basketMain__content {
    --mainLayoutSpace: 56px;
    padding-left: 0;
  }
  .basketTable {
    --imgWidth: 96px;
    --imgMarginRight: 24px;
  }
  .checkoutStep__main .basketTable {
    margin-inline: auto;
    max-width: 820px;
  }
  .basketTable__row {
    align-items: center;
    display: flex;
    padding: 4px 104px 4px 20px;
    position: relative;
  }
  .basketTable__row:not(.basketTable__row--head) {
    border-bottom: 1px solid #ececec;
  }
  .basketTable__row--head {
    align-items: flex-end;
    background-color: #f2efe8;
    border-radius: 8px;
    padding-block: 16px;
  }
  .basketTable__row--head .basketTable__cell {
    color: #333;
    font-size: 0.9375rem;
    font-weight: 500;
  }
  .basketTable__row--head .basketTable__cell:first-child {
    padding-left: 16px;
  }
  .basketTable__cell--price {
    flex-shrink: 0;
    margin-right: 40px;
    text-align: right;
    width: 80px;
  }
  .basketTable__cell--quant {
    flex-shrink: 0;
    margin: 0 32px;
    text-align: center;
    width: 152px;
  }
  .basketTable__row--head .basketTable__cell--quant {
    text-align: left;
  }
  .basketTable__cell--button {
    width: 232px;
  }
  .minibasket .basketTable__cell--button {
    margin: 0;
    width: 100%;
  }
  .basketTable__cell--more {
    width: 100%;
  }
  .basketTable__cell .product__img {
    flex-shrink: 0;
    margin: 0 var(--imgMarginRight) 0 0;
    padding: 0;
    width: var(--imgWidth);
  }
  .basketTable__cell .product__title {
    margin: 0;
    position: relative;
  }
  .basketTable__cell .product__avail {
    margin: 8px 0 0;
  }
  .basketTable__no {
    font-weight: 400;
  }
  .basketTable .priceBlock__price {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .basketTable .priceBlock__price--init {
    font-size: 0.9375rem;
    line-height: 1.467;
    margin-top: -5px;
  }
  .basketTable__remove {
    margin-top: -16px;
    position: absolute;
    right: 20px;
    top: 50%;
  }
  .basketTable .product__inner {
    align-items: center;
    flex-direction: row;
    position: static;
  }
  .basketTable .fav {
    font-size: 2rem;
    margin-top: -16px;
    right: 60px;
    top: 50%;
  }
  .minibasket .basketTable {
    --imgWidth: 80px;
    --basketProductSpaceV: 16px;
  }
  .minibasket .basketTable .basketTable__row:not(.basketTable__row--head) {
    align-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: var(--basketProductSpaceV) 8px var(--basketProductSpaceV) 96px;
    min-height: 112px;
  }
  .minibasket .basketTable .basketTable__remove {
    font-size: 1.5rem;
    margin: 0;
    right: 8px;
    top: var(--basketProductSpaceV);
    z-index: 2;
  }
  .minibasket .basketTable .basketTable__cell--product {
    flex: auto;
    width: 100%;
  }
  .minibasket .basketTable .basketTable__cell--product:not(:last-child) {
    margin-bottom: 8px;
  }
  .minibasket .basketTable .basketTable__cell--quant {
    margin: 0;
  }
  .minibasket .basketTable .basketTable__cell--price {
    align-items: flex-end;
    display: inline-flex;
    flex: 1;
    justify-content: flex-end;
    margin: 0;
    width: auto;
    height: 34px;
  }
  .minibasket .basketTable .fav {
    font-size: 1.5rem;
    margin: 0;
    right: 40px;
    top: var(--basketProductSpaceV);
  }
  .minibasket .basketTable .product__img {
    left: 8px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
  }
  .minibasket .basketTable .product__title {
    font-size: 0.9375rem;
    padding-right: 72px;
  }
  .sideBasket {
    background: #fff;
  }
  .sideBasket__title:before {
    content: "";
  }
  .cards {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 16px 0 0;
  }
  .cards figure {
    margin: 4px;
  }
  .cards img {
    display: inline-block;
    vertical-align: top;
  }
  .cards--inline {
    display: inline-flex;
    margin: -4px 0;
  }
  .minibasket {
    --miniBasketWidth: 544px;
    --miniBasketSpaceH: 16px;
    --miniBasketProductSpaceTop: 16px;
    --miniBasketProductSpaceH: 12px;
    z-index: 2;
  }
  .minibasket__inner {
    background-color: #fff;
    position: fixed;
    right: 0;
    top: var(--top);
    z-index: 10;
    width: var(--miniBasketWidth);
    height: var(--windowHeight);
  }
  .minibasket__top {
    flex: 1;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .minibasket__top::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .minibasket__top::-webkit-scrollbar-thumb {
    background: rgba(166, 166, 166, 0.3);
    border-radius: 13px;
  }
  .minibasket__top::-webkit-scrollbar-thumb:hover {
    background: rgba(166, 166, 166, 0.5);
  }
  .minibasket__top::-webkit-scrollbar-thumb:active {
    background: rgba(166, 166, 166, 0.7);
  }
  .minibasket__top::-webkit-scrollbar-track {
    background: transparent;
  }
  .minibasket__header {
    align-items: center;
    display: flex;
    padding: 32px var(--miniBasketSpaceH) 24px;
  }
  .minibasket__header .close-mini-cart {
    margin-left: auto;
  }
  .minibasket__title {
    color: #333;
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0 16px 0 0;
  }
  .minibasket__content {
    padding: 0 var(--miniBasketSpaceH);
  }
  .minibasket__product {
    border-bottom: 1px solid #ececec;
    padding: var(--miniBasketProductSpaceTop) var(--miniBasketProductSpaceH) 24px;
    position: relative;
  }
  .minibasket__remove {
    position: absolute;
    right: var(--miniBasketProductSpaceH);
    top: var(--miniBasketProductSpaceTop);
    z-index: 2;
  }
  .minibasket__bottom {
    background: #fff;
    box-shadow: 0px -2px 10px rgba(51, 51, 51, 0.1);
    padding: 24px;
  }
  .basketInfo {
    color: #595959;
    font-size: 0.8125rem;
    letter-spacing: -0.02em;
    margin: 16px 0 0;
    text-align: center;
  }
  .sideBasket .basketInfo {
    margin-top: 8px;
  }
  .miniCart__main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  .miniCart__holder .loader {
    display: flex;
    min-height: 240px;
  }
  .miniCart__holder .loader__item {
    background-color: #999;
  }
  .quantinyNo {
    align-items: center;
    background-color: #f0f0f0;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    width: 64px;
    height: 48px;
  }
  .form--basket {
    margin-block: 32px;
  }
  .secureCheckout {
    align-items: center;
    display: inline-flex;
  }
  .secureCheckout__img {
    width: 142px;
  }
  .secureCheckout figure {
    width: 100%;
  }
  .secureCheckout figure picture {
    display: block;
    padding-top: calc(28 / 142 * 100%);
    position: relative;
    width: 100%;
  }
  .secureCheckout figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .checkout {
    --checkoutSpaceTop: 77px;
    padding: var(--checkoutSpaceTop) 0 0;
  }
  .checkout .productsSum {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    top: var(--checkoutSpaceTop);
  }
  .checkout__title {
    font-size: 2.625rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.19;
    text-align: center;
    margin: 0 0 99px;
  }
  .checkout > h2 {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.53;
    text-align: center;
    margin: 0 0 25px;
  }
  .checkout .acc__content {
    padding: 0 0 32px;
  }
  .checkoutSteps {
    counter-reset: checkoutstep;
  }
  .checkoutStep {
    --checkoutStepSpace: 24px;
    border-bottom: 1px solid #c2c2c2;
  }
  .checkoutStep:first-child {
    border-top: 1px solid #c2c2c2;
  }
  .checkoutStep:last-child {
    border-bottom: 0;
  }
  .checkoutStep--bottomInfo {
    border: 0;
    padding-top: 5px;
    color: #333;
  }
  .checkoutStep--bottomInfo p {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
    color: inherit;
    margin: 0 0 8px;
  }
  .checkoutStep.checkoutStep--final .checkoutStep__main {
    padding: var(--checkoutStepSpace) 0;
  }
  .checkoutStep__main .form,
  .checkoutStep__main .form__row:last-child .field {
    margin-bottom: 0;
  }
  .checkoutStep__edit {
    margin: 0 calc(-1 * var(--iconButtonSpace));
    position: absolute;
    right: var(--checkoutStepSpace);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .commentsBlock {
    display: none;
    position: relative;
  }
  .showComments {
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity 250ms ease-in-out;
  }
  .showComments.active {
    opacity: 0;
    pointer-events: none;
  }
  .checkoutProducts {
    margin-bottom: 16px;
  }
  .checkoutProducts .acc__header {
    justify-content: space-between;
  }
  .checkoutProducts .acc__icon {
    margin-right: -8px;
  }
  .checkoutMsg {
    color: #333;
    text-align: center;
    margin: 0 0 40px;
  }
  .checkoutMsg img {
    margin-bottom: 19px;
    width: 124px;
    height: 124px;
  }
  .checkoutMsg__title {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: inherit;
    margin: 0;
  }
  .checkoutMsg p {
    color: inherit;
    margin: 0 0 11px;
  }
  .checkoutMsg .button {
    margin-top: 43px;
  }
  .checkoutMsg__code {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.37;
  }
  .checkoutMsg__code strong {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }
  .checkoutTracking {
    align-items: center;
    background-color: #f2efe8;
    border-radius: 8px;
    color: #333;
    display: flex;
    margin: 0 auto 60px;
    padding: 20px;
    max-width: 821px;
  }
  .checkoutTracking__inner {
    flex-grow: 1;
    width: 100%;
  }
  .checkoutTracking p {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.33;
    color: inherit;
    margin: 0 0 5px;
  }
  .checkoutTracking ul li {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
  }
  .checkoutTrackingMsg {
    text-align: center;
    color: #333;
    margin: 40px 0;
  }
  .checkoutTrackingMsg p {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.37;
    color: inherit;
    margin: 0;
  }
  .printRow {
    display: flex;
    justify-content: flex-end;
  }
  .printRow .icon {
    color: #333;
  }
  .loyalty {
    background-color: #f7f5f0;
    border-radius: 8px;
    padding: 20px;
    margin: 40px 0 48px;
  }
  .loyalty__img {
    flex-shrink: 0;
    font-size: 0;
    display: flex;
    align-items: center;
  }
  .loyalty__img img {
    width: 80px;
    height: 80px;
  }
  .loyalty__img img:not(:last-child) {
    margin-right: 8px;
  }
  .loyalty__inner {
    display: flex;
    flex-grow: 1;
  }
  .loyalty__col {
    flex: 1 1 0;
  }
  .loyalty__col:not(:last-child) {
    margin-right: 1px;
  }
  .loyalty__row {
    align-items: center;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    flex-grow: 1;
  }
  .loyalty__row:not(:last-child) {
    margin-bottom: 1px;
  }
  .loyalty__cell {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    flex: 1 1 0;
    justify-content: space-between;
    padding: 10px 14px;
    height: 100%;
  }
  .loyalty__cell span {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
  }
  .loyalty__cell span:first-child {
    margin-right: 15px;
  }
  .loyalty__table {
    display: flex;
    flex-grow: 1;
    flex-flow: column;
  }
  .loyaltyList {
    text-align: left;
    max-width: 520px;
    margin: 40px auto 30px;
    padding: 0;
  }
  .loyaltyList li {
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.5;
    display: inline-block;
  }
  .loyaltyList li:not(:last-child) {
    margin-bottom: 13px;
  }
  .loyaltyList li:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .loyaltyList li .field__input--inlineB {
    margin: 0 5px;
  }
  .loyaltyList li:nth-child(2):after {
    top: 20px;
  }
  .contactinfo {
    margin-bottom: 42px;
  }
  .contactinfo__section {
    margin-bottom: 32px;
  }
  .contactinfo__subtitle {
    font-weight: 500;
    margin: 0 0 8px;
  }
  .contactinfo__link {
    align-items: center;
    color: #333;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1;
    margin: 8px 0;
  }
  .contactinfo__link:active {
    color: #f47920;
  }
  .contactinfo__link:active .contactinfo__icon {
    color: #f47920;
  }
  .contactinfo__icon {
    color: #838385;
    font-size: 1.5rem;
    margin: 0 8px 0 4px;
  }
  .contactinfo__note {
    color: #838385;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
  }
  .gallery {
    display: flex;
    flex-wrap: wrap;
    max-width: 1017px;
    margin: 0 auto 40px;
  }
  .gallery__figure {
    width: 100%;
    margin: 10px 0;
    max-width: 318px;
  }
  .gallery__figure figure {
    width: 100%;
  }
  .gallery__figure figure picture {
    display: block;
    padding-top: calc(203 / 318 * 100%);
    position: relative;
    width: 100%;
  }
  .gallery__figure figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .gallery__figure img {
    border-radius: 8px;
    cursor: pointer;
  }
  .galleryMainImg {
    width: 100%;
    margin: 0 0 20px;
    --swiper-navigation-size: 40px;
  }
  .galleryMainImg__slide img {
    max-height: calc(100vh - 220px);
    border-radius: 8px;
  }
  .galleryThumbs {
    max-width: 468px;
    margin: 0 auto;
    padding-bottom: 30px;
    width: 100%;
  }
  .galleryThumbs .swiper-slide-thumb-active img {
    border-color: #74b11f;
  }
  .galleryThumbs__slide {
    cursor: pointer;
  }
  .galleryThumbs img {
    border-radius: 6px;
    border: solid 2px transparent;
  }
  .gallerySlider {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px;
  }
  .history {
    --historycnt: 92px;
    --hthumb: 160px;
  }
  .history__sections {
    border-bottom: 1px solid #ececec;
    margin-bottom: 32px;
    padding-bottom: 40px;
  }
  .history__mainimg {
    margin-bottom: 72px;
    position: relative;
  }
  .history__mainimg figure {
    width: 100%;
  }
  .history__mainimg figure picture {
    display: block;
    padding-top: calc(500 / 984 * 100%);
    position: relative;
    width: 100%;
  }
  .history__mainimg figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .history__section {
    display: flex;
    flex-wrap: wrap;
  }
  .history__date {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    padding-right: 52px;
    position: relative;
    text-align: right;
    width: var(--historycnt);
  }
  .history__date:before,
  .history__date:after {
    content: "";
    position: absolute;
    right: 44px;
  }
  .history__date:before {
    width: 10px;
    height: 10px;
    background: #f47920;
    border-radius: 50%;
    margin-right: -5px;
    top: 4px;
  }
  .history__date:after {
    border-left: 1px dashed #a6a6a6;
    top: 22px;
    height: calc(100% - 22px - 5px);
  }
  .history__content {
    margin-bottom: 40px;
    width: calc(100% - var(--historycnt));
  }
  .history__thumb {
    flex-shrink: 0;
    position: relative;
    width: var(--hthumb);
  }
  .history__thumb figure {
    width: 100%;
  }
  .history__thumb figure picture {
    display: block;
    padding-top: calc(120 / 160 * 100%);
    position: relative;
    width: 100%;
  }
  .history__thumb figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .history__description p:last-child {
    margin-bottom: 0;
  }
  .landingList {
    --colGap: 16px;
    --landingItemSpace: 16px;
    --landingTitleMobSpace: 8px;
    display: flex;
    flex-wrap: wrap;
    -webkit-column-gap: var(--colGap);
    -moz-column-gap: var(--colGap);
    column-gap: var(--colGap);
    row-gap: 48px;
  }
  .landingList__item {
    display: inline-flex;
    flex-direction: column;
    padding: var(--landingItemSpace) 0;
    position: relative;
    width: calc(16.66% - 5 * var(--colGap) / 6);
  }
  .landingList__item.active {
    z-index: 1;
  }
  .landingItem {
    text-align: center;
  }
  .landingItem--box {
    background: #fff;
    border-radius: 8px;
    padding: 16px 16px 24px;
  }
  .swiper-slide-visible .landingItem--box {
    box-shadow: 0px 0px 24px rgba(51, 51, 51, 0.08);
  }
  .landingItem__img {
    padding: 0 var(--landingItemSpace);
    pointer-events: none;
  }
  .landingItem__img figure {
    width: 100%;
  }
  .landingItem__img figure picture {
    display: block;
    padding-top: calc(156 / 205 * 100%);
    position: relative;
    width: 100%;
  }
  .landingItem__img figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .landingItem--box .landingItem__img {
    margin-bottom: 12px;
  }
  .landingItem__link {
    color: var(--buttonColor);
    font-size: 0.9375rem;
    font-weight: 500;
    margin: 16px 0 0;
  }
  .landingItem__link:before {
    content: "";
  }
  .landingItem__link:active {
    color: var(--buttonColorActive);
  }
  .landingItem__title {
    align-items: center;
    border-radius: 8px;
    color: #333;
    display: inline-flex;
    flex: 1;
    font-size: 0.9375rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.4;
    margin: 0;
    padding: var(--landingItemSpace);
    transition: color 250ms ease;
  }
  .landingItem__title:before {
    background: url(../media/wood.png) repeat center;
    content: "";
    opacity: 0;
    transition: opacity 250ms ease-in-out;
    z-index: -1;
  }
  .landingItem:not(.landingItem--box) .landingItem__title {
    overflow: hidden;
    position: relative;
    pointer-events: none;
  }
  .landingItem--box .landingItem__title:active {
    color: var(--buttonColorActive);
  }
  .landingItem--box .landingItem__title:after {
    content: "";
  }
  .landingItem__desc {
    color: #838385;
    font-size: 0.8125rem;
    letter-spacing: -0.02em;
    line-height: 1.23;
    margin: 8px 0 0;
  }
  .landingItem__submenu {
    margin: 0;
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    box-shadow: 0px 2px 12px rgba(51, 51, 51, 0.08);
    border-radius: 8px;
    display: none;
    left: 0;
    padding: var(--landingItemSpace) 0;
    position: absolute;
    top: calc(100% - var(--landingItemSpace) + 8px);
    width: 100%;
    max-height: 472px;
  }
  .landingItem__submenu li {
    padding-left: 0;
    margin: 0;
  }
  .landingItem__submenu li:after {
    display: none;
  }
  .landingItem__submenu::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .landingItem__submenu::-webkit-scrollbar-thumb {
    background: rgba(166, 166, 166, 0.3);
    border-radius: 13px;
  }
  .landingItem__submenu::-webkit-scrollbar-thumb:hover {
    background: rgba(166, 166, 166, 0.5);
  }
  .landingItem__submenu::-webkit-scrollbar-thumb:active {
    background: rgba(166, 166, 166, 0.7);
  }
  .landingItem__submenu::-webkit-scrollbar-track {
    background: transparent;
  }
  .landingItem__submenuItem {
    font-size: 0.875rem;
    line-height: 1.429;
    margin: 0;
    text-align: left;
  }
  .landingItem__submenuLink {
    color: #333;
    display: block;
    padding: 12px var(--landingItemSpace);
    transition: color 250ms ease;
  }
  .newListLink:before {
    color: #f47920;
  }
  .listsBlock {
    z-index: 3;
  }
  .listsBlock__inner {
    background: #fff;
    box-shadow: 0px 4px 10px rgba(51, 51, 51, 0.25);
    border-radius: 6px;
    padding: 16px;
    position: relative;
  }
  .listsBlock__title {
    color: #333;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 24px;
  }
  .listsBlock__list {
    scroll-behavior: smooth;
    overflow: auto;
    scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 16px;
    padding-bottom: 16px;
    max-height: 176px;
  }
  .listsBlock__list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .listsBlock__list::-webkit-scrollbar-thumb {
    background: rgba(166, 166, 166, 0.3);
    border-radius: 13px;
  }
  .listsBlock__list::-webkit-scrollbar-thumb:hover {
    background: rgba(166, 166, 166, 0.5);
  }
  .listsBlock__list::-webkit-scrollbar-thumb:active {
    background: rgba(166, 166, 166, 0.7);
  }
  .listsBlock__list::-webkit-scrollbar-track {
    background: transparent;
  }
  .listsBlock__close {
    position: absolute;
    right: 0;
    top: 0;
  }
  .listsBlock__item:not(:first-child) {
    margin-top: 16px;
  }
  .listsBlock__item:not(:last-child) {
    margin-bottom: 16px;
  }
  .listsBlock__name {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.2;
    padding-left: 36px;
    position: relative;
    min-height: 24px;
  }
  .listsBlock__name:before {
    font-size: 2rem;
    left: 0;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
  }
  .myLists:not(.myLists--grid) {
    text-align: right;
  }
  .myLists--grid {
    --listsGap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--listsGap);
  }
  .myLists--grid .myList {
    width: calc(33.33% - 2 * var(--listsGap) / 3);
  }
  .myLists--row {
    --listsGap: 24px;
    display: flex;
    gap: var(--listsGap);
  }
  .myLists__new {
    margin: 12px 0;
  }
  .myList {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative;
    text-align: left;
  }
  .myList:not(.myList--box) {
    border-bottom: 1px solid #c2c2c2;
    padding: 12px 80px 12px 0;
  }
  .myList--box {
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    padding: 24px 12px;
    min-height: 80px;
  }
  .myList--box:before {
    content: "";
  }
  .myList--box:after {
    box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15);
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity 250ms ease-in-out;
  }
  .myList--box:before {
    bottom: 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 4rem;
    position: absolute;
    right: 0;
  }
  .myList--box.myList--new:before {
    color: rgba(244, 121, 32, 0.5);
  }
  .myList--box.myList--fav:before {
    content: "";
  }
  .myList--box.myList--fav:before {
    color: rgba(51, 51, 51, 0.1);
  }
  .myList--new {
    border-color: #f47920;
    border-style: dashed;
  }
  .myList__icon {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
  }
  .myList__icon:after {
    background-color: var(--listColor);
    content: "";
    border-radius: 8px;
    z-index: -1;
  }
  .myList:not(.myList--box) .myList__icon {
    font-size: 2rem;
    margin-right: 20px;
    position: relative;
    width: 60px;
    height: 60px;
  }
  .myList:not(.myList--box) .myList__icon:before {
    width: 32px;
    height: 32px;
  }
  .myList--box .myList__icon {
    font-size: 2rem;
    margin-right: 8px;
  }
  .myList--box .myList__icon:before {
    width: 32px;
    height: 32px;
  }
  .myList__title {
    color: var(--buttonColor);
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
  }
  .myList__title:active {
    color: var(--buttonColorActive);
  }
  .myList__title:after {
    content: "";
  }
  .myList--box .myList__title {
    font-size: 1.375rem;
  }
  .myList--editView .myList__title {
    padding-right: 48px;
  }
  .myList--box .myList__link,
  .myList--box .myList__titleInner {
    position: relative;
    z-index: 1;
  }
  .myList__link {
    pointer-events: none;
  }
  .myList__no {
    font-size: 0.9375rem;
    font-weight: 500;
  }
  .myList__tools {
    display: flex;
    margin-top: -12px;
    position: absolute;
    right: 12px;
    top: 50%;
  }
  .myList__tools .iconButton:not(:last-child),
  .myList__tools .selectedFilters__remove:not(:last-child) {
    margin-right: 8px;
  }
  .myList__edit {
    position: absolute;
    right: 8px;
    top: 8px;
  }
  .myList__new:after {
    content: "";
  }
  .productList .product,
  .productsSlider .product {
    box-shadow: 0 2px 12px rgba(51, 51, 51, 0.08);
    border-radius: 8px;
    padding: var(--productPadding);
    transition: box-shadow 350ms ease-out;
  }
  .productList {
    --productSpaceH: 24px;
    --productSpaceV: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--productSpaceV) var(--productSpaceH);
  }
  .productList .product {
    width: calc(20% - 4 * var(--productSpaceH) / 5);
  }
  .productList .quantity {
    max-width: 100%;
  }
  .listTools {
    border-bottom: 1px solid #c2c2c2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: -8px;
    padding: 0 0 8px;
  }
  .listTools__counter {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.28;
    margin-right: auto;
  }
  .minibasket .listTools {
    justify-content: flex-start;
  }
  .listTools .link,
  .listTools .text a,
  .text .listTools a,
  .listTools p a,
  p .listTools a,
  .listTools .button {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: nowrap;
  }
  .listTools .link:not(:last-child),
  .listTools .text a:not(:last-child),
  .text .listTools a:not(:last-child),
  .listTools p a:not(:last-child),
  p .listTools a:not(:last-child),
  .listTools .button:not(:last-child) {
    margin-right: 16px;
  }
  .orderRow {
    --orderColGap: 32px;
    --orderRowGap: 16px;
    --orderProductWidth: 80px;
    --orderProductGap: 8px;
    --orderProductsWidth: calc(
      var(--orderProductWidth) * 3 + var(--orderProductGap) * 2
    );
    border-bottom: 1px solid #e6e6e6;
    padding: 24px 0;
  }
  .orderRow__items {
    grid-area: 1/1/3/2;
    text-align: center;
  }
  .orderRow__itemsInner {
    display: flex;
    gap: var(--orderProductGap);
  }
  .orderRow__itemsInner:not(:last-child) {
    margin-bottom: 8px;
  }
  .orderRow__itemsInner .product {
    width: var(--orderProductWidth);
  }
  .orderRow__itemsInner .product__img {
    margin: 0;
  }
  .orderRow__status {
    grid-area: 1/2/2/5;
  }
  .orderRow__info--1 {
    grid-area: 2/2/3/3;
  }
  .orderRow__info--2 {
    grid-area: 2/3/3/4;
  }
  .orderRow__info--3 {
    grid-area: 2/4/3/5;
  }
  .orderHistory {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
    --outerPaddingY: 24px;
    --outerPaddingX: 16px;
    --qrWidth: 123px;
    --qrMargin: 19px;
    background-color: #f7f5f0;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    padding: var(--outerPaddingY) var(--outerPaddingX);
    position: relative;
    width: 100%;
  }
  .orderHistory:not(:last-child) {
    margin-bottom: 24px;
  }
  .orderHistory__qr {
    width: var(--qrWidth);
    flex-shrink: 0;
  }
  .orderHistory__section {
    display: flex;
    flex: 1 1 0;
    padding-right: 20px;
  }
  .orderHistory__section--top {
    align-items: center;
    flex-basis: 100%;
    flex-flow: row;
    margin-bottom: 20px;
    padding-right: 130px;
  }
  .orderHistory__section--top .copyText {
    margin-left: 10px;
  }
  .orderHistory__sectionInner {
    display: flex;
    flex-flow: column;
  }
  .orderHistory strong {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.37;
  }
  .orderHistory figure {
    width: 100%;
  }
  .orderHistory figure picture {
    display: block;
    padding-top: calc(123 / 123 * 100%);
    position: relative;
    width: 100%;
  }
  .orderHistory figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .orderHistory.highlight {
    background-color: #fef8c6;
  }
  .orderHistory.highlight .indicator {
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.15;
    background-color: #fff;
    padding: 4px 8px;
    border-radius: 8px;
  }
  .orderHistory.highlight .indicator:before {
    display: none;
  }
  .orderHistory .indicator {
    position: absolute;
    top: var(--outerPaddingY);
    right: var(--outerPaddingX);
  }
  .copyText {
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  .copyText__btn {
    margin: calc(-1 * var(--iconButtonSpace)) calc(-1 * var(--iconButtonSpace))
      calc(-1 * var(--iconButtonSpace)) 0;
  }
  .copyText__tooltip {
    background: #fff;
    border-radius: 10px;
    -webkit-filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1))
      drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2));
    filter: drop-shadow(1px 2px 2px rgba(51, 51, 51, 0.1))
      drop-shadow(2px 4px 4px rgba(51, 51, 51, 0.2));
    font-size: 0.875rem;
    left: 100%;
    line-height: 1.3;
    margin-left: 8px;
    opacity: 0;
    padding: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(8px, -50%, 0);
    transform: translate3d(8px, -50%, 0);
    transition: opacity 200ms ease-out, -webkit-transform 250ms ease-out;
    transition: opacity 200ms ease-out, transform 250ms ease-out;
    transition: opacity 200ms ease-out, transform 250ms ease-out,
      -webkit-transform 250ms ease-out;
  }
  .copyText__tooltip--open {
    opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  .orderSum {
    --orderSumColSpace: 24px;
    display: flex;
    flex-wrap: wrap;
  }
  .orderSum--border {
    border: 1px solid #fff;
    margin-bottom: 24px;
  }
  .orderSum--border .orderSum__col {
    padding: var(--orderSumColSpace);
  }
  .orderSum__col {
    flex: 1;
  }
  .orderSum__col:not(:first-child) {
    padding-left: var(--orderSumColSpace);
  }
  .orderSum__col:not(:last-child) {
    padding-right: var(--orderSumColSpace);
  }
  .orderSum__col .address:not(:last-child),
  .orderSum__col address:not(:last-child),
  .orderSum__col .orderSum__col:not(:last-child) {
    margin-bottom: 24px;
  }
  .orderSum__title {
    color: #333;
    font-size: 0.875rem;
    font-weight: bold;
    margin: 0 0 8px;
  }
  .orderSum__colTitle {
    color: #333;
    margin: 0 0 8px;
  }
  .orderStatusInfo {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px;
  }
  .orderNo {
    background-color: #f0f0f0;
    color: gray;
    border-radius: 5px;
    font-size: 1rem;
    padding: 8px;
  }
  .orderNo b {
    font-size: 1.25rem;
  }
  .orderStatusInfo .orderNo {
    margin-right: 16px;
  }
  .orderTrack {
    align-items: center;
    background-color: #fef8c6;
    border-radius: 8px;
    display: flex;
    margin: 0 0 20px;
    padding: 8px 12px;
    position: relative;
  }
  .acc__content .orderTrack {
    margin: 2px 0;
  }
  .orderTrack strong {
    font-weight: 500;
  }
  .orderTrack__action {
    margin-left: auto;
  }
  .orderTrack__action:after {
    content: "";
  }
  .orderTrack__inner {
    align-items: center;
    display: flex;
    margin-right: 10px;
  }
  .orderTrack__text {
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.23;
    color: #000;
    margin: 0 13px 0 0;
  }
  .productPage {
    --mainButtonWidth: 232px;
    --productImageColSpace: 56px;
    margin: 48px 0 56px;
  }
  .productPage__imageCol {
    position: relative;
  }
  .productPage__imageMain {
    margin-bottom: 64px;
  }
  .productPage__imageMain .wishlistButton {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
  }
  .productPage__image {
    cursor: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Ccircle cx='24' cy='24' r='24' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.52 14.52H22.52V22.52H14.52V24.52H22.52V32.52H24.52V24.52H32.52V22.52H24.52V14.52Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A")
        16 16,
      pointer;
  }
  .productPage__image figure {
    width: 100%;
  }
  .productPage__image figure picture {
    display: block;
    padding-top: calc(457 / 457 * 100%);
    position: relative;
    width: 100%;
  }
  .productPage__image figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .productPage__info {
    grid-area: product_content;
  }
  .productInfo__flag {
    color: #999;
    font-size: 0.875rem;
    line-height: 1;
    margin: 0;
  }
  .productInfo__title {
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.2;
    margin: 8px 0;
  }
  .productInfo__desc {
    color: #404040;
    font-size: 0.9375rem;
    line-height: 1.33;
    margin: 0 0 24px;
  }
  .productInfo__code {
    color: #838385;
    font-size: 0.8125rem;
    letter-spacing: -0.01em;
    line-height: 1.231;
    margin: 0;
  }
  .productInfo__code:not(:last-child) {
    margin-right: 12px;
  }
  .productInfo__codeWrap {
    display: flex;
    margin-bottom: 16px;
  }
  .productInfo__quantity {
    margin: 21px 0 36px;
  }
  .productInfo .priceContainer {
    margin: 0 0 16px;
  }
  .productAttr {
    margin: 0 0 40px;
    max-width: 568px;
  }
  .productAttr__title {
    display: flex;
    margin: 0 0 8px;
  }
  .productAttr__label {
    color: #999;
    font-size: 0.875rem;
    font-weight: 600;
    margin-right: 8px;
  }
  .productAttr__selected {
    color: #333;
    font-size: 0.875rem;
    font-weight: 600;
  }
  .productAttr__selectedDefault {
    color: #ccc;
  }
  .productAttr__main {
    --radioColorSpace: 8px;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--radioColorSpace));
    width: calc(100% + var(--radioColorSpace) * 2);
  }
  .productAttr__main .radiobutton {
    margin: var(--radioColorSpace);
  }
  .addProduct {
    align-items: center;
    display: flex;
    margin: 0 0 16px;
  }
  .addProduct > *:not(:last-child) {
    margin-right: 16px;
  }
  .addToCartButton:before {
    content: "";
  }
  .addToCartButton--added {
    background-color: #333;
  }
  .addToCartButton--added:before {
    content: "";
  }
  .addToCartButton--added .addToCartButton__text--default {
    display: none;
  }
  .addToCartButton--loading:before,
  .addToCartButton--loading .addToCartButton__text {
    display: none;
  }
  .addToCartButton--loading .loader {
    display: block;
  }
  .addToCartButton:not(.addToCartButton--added) .addToCartButton__text--added {
    display: none;
  }
  .addToCartButton:not(.addToCartButton--loading) .loader {
    display: none;
  }
  .productDetails {
    border-top: 1px solid #d8d8d8;
    margin-top: 32px;
    padding-top: 32px;
  }
  .productDetails__heading {
    color: #333;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.36;
    margin: 0 0 32px;
  }
  .productDetails__title {
    margin: 0;
  }
  .productDetails__content {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
    color: #404040;
  }
  .productDetails__content p {
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.47;
    color: inherit;
  }
  .productDetails__content p:last-of-type {
    margin-bottom: 0;
  }
  .productDetailsNutrTable {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
  }
  .productDetailsNutrTable table {
    border-collapse: collapse;
    margin-bottom: 15px;
  }
  .productDetailsNutrTable table:last-child {
    margin-bottom: 0;
  }
  .productDetailsNutrTable th {
    border: none;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #595959;
    letter-spacing: -0.02em;
    line-height: 1.15;
    padding: 6px 16px;
    text-align: right;
  }
  .productDetailsNutrTable td {
    border-bottom: solid 1px #fff;
    color: #333;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.28;
    padding: 10px 14px;
    text-align: right;
  }
  .productDetailsNutrTable td:first-child {
    font-weight: 400;
    text-align: left;
  }
  .productDetailsNutrTable .highlight {
    background: #ececec;
  }
  .productSliderModal .modal__wrap {
    padding: 48px 32px 32px;
  }
  .productThumbs {
    --thumbImageWidth: 80px;
  }
  .productThumbs__slide {
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: var(--thumbImageWidth);
    height: var(--thumbImageWidth);
  }
  .productThumbs__slide:after {
    border: 1px solid #f47920;
    border-radius: inherit;
    content: "";
    opacity: 0;
    transition: opacity 250ms ease-in-out;
  }
  .productThumbs__slide figure {
    width: 100%;
  }
  .productThumbs__slide figure picture {
    display: block;
    padding-top: calc(80 / 80 * 100%);
    position: relative;
    width: 100%;
  }
  .productThumbs__slide figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .productThumbs__slide.swiper-slide-thumb-active:after {
    opacity: 1;
  }
  .productThumbs .swiper-button-prev,
  .productThumbs .swiper-button-next {
    margin: 0;
  }
  .productThumbs .swiper-button-prev:before,
  .productThumbs .swiper-button-next:before {
    content: "";
  }
  .productThumbs .swiper-button-prev:after,
  .productThumbs .swiper-button-next:after {
    z-index: 2;
  }
  .productThumbs .swiper-button-prev:after {
    content: "";
  }
  .productThumbs .swiper-button-prev:after {
    content: "";
  }
  .productThumbs .swiper-button-next:after {
    content: "";
  }
  .productThumbs .swiper-button-next:after {
    content: "";
  }
  .productThumbs .swiper-pagination {
    position: static;
    margin-top: 19px;
  }
  .productMainImg {
    --productMainImgWidth: 560px;
    margin: 0 auto;
    width: 100%;
    max-width: 942px;
  }
  .productMainImg__slide figure {
    width: 100%;
    margin: 0 auto;
    max-width: var(--productMainImgWidth);
  }
  .productMainImg__slide figure picture {
    display: block;
    padding-top: calc(560 / 560 * 100%);
    position: relative;
    width: 100%;
  }
  .productMainImg__slide figure img {
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .productMainImg .swiper-pagination {
    position: static;
  }
  .productMainImg .imgControl {
    margin: 60px 0 32px;
  }
  .productHeader {
    background-color: #fff;
    box-shadow: 0px 1px 1px rgba(51, 51, 51, 0.1),
      0px 2px 2px rgba(51, 51, 51, 0.15), 0px 4px 4px rgba(51, 51, 51, 0.2);
    left: 0;
    position: fixed;
    top: 0;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    z-index: 9;
    width: 100%;
  }
  .productHeader.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .productHeader .product {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 8px var(--gridSpace);
    max-width: var(--wrapper);
  }
  .productHeader .product__block {
    align-items: center;
    display: flex;
    position: relative;
  }
  .productHeader .product__img {
    flex-shrink: 0;
    margin: 0 16px 0 0;
    width: 72px;
  }
  .productHeader .product__more {
    margin: 0 16px 0 0;
  }
  .productHeader .product__desc:last-child {
    margin-bottom: 0;
  }
  .productHeader .priceContainer {
    margin-right: 16px;
  }
  .notifyMe {
    position: relative;
    z-index: 1;
  }
  .notifyMe__button.active {
    background-color: #333;
    color: #fff;
  }
  .notifyMe__button:not(.notifyMe__button--loading) .loader {
    display: none;
  }
  .notifyMe__button.notifyMe__button--loading .notifyMe__buttonText {
    display: none;
  }
  .notifyMe__main {
    background-color: #ebebeb;
    display: none;
    left: 0;
    margin-top: 16px;
    padding: 24px;
    position: absolute;
    top: 100%;
    width: 560px;
    max-width: 48vw;
  }
  .notifyMe__form {
    margin-bottom: 0;
  }
  .notifyMe .field:last-child {
    margin-bottom: 0;
  }
  .cartAdd.error-message {
    background-color: #f9d0d5;
    color: #d91a32;
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px;
  }
  .sitemapnav {
    padding: 24px 0 12px;
  }
  .acc__content .sitemapnav {
    padding-top: 8px;
  }
  .sitemapnav__ul {
    list-style: none;
    margin: 0 0 -24px;
  }
  .sitemapnav__li {
    color: #333;
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    margin-bottom: 24px;
    padding: 0;
  }
  .sitemapnav__li:after {
    content: none;
  }
  .sitemapnav__link {
    color: var(--buttonColor);
  }
  .sitemapnav__link:active {
    color: var(--buttonColorActive);
  }
  .sitemap .acc:last-child {
    border-bottom: none;
  }
  .sitemap .acc:last-child .acc__content {
    padding: 0;
  }
  .couponBlock__form {
    margin-bottom: 0;
  }
  .couponBlock__field {
    margin-bottom: 0;
    position: relative;
  }
  .couponBlock__field.completed .field__input {
    border: none;
    width: 100px;
  }
  .couponBlock__field:not(.completed) .field__input {
    padding-right: 32px;
  }
  .couponBlock__field:not(.completed) .field__wrap {
    width: 100%;
  }
  .couponBlock__btn {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
  }
  .couponBlock__btn:before {
    content: "";
  }
  .couponBlock__clear {
    font-size: 1.5rem;
  }
  .couponBlock__clear:before {
    content: "";
  }
  .priceRow--coupon {
    color: #999;
    margin-top: 0;
  }
  .progressBlock__bar {
    background-color: #fff;
    border-radius: 6px;
    margin: 0 0 24px;
    height: 6px;
  }
  .progressBlock__progress {
    background-color: #666;
    border-radius: 6px;
    height: 100%;
  }
  .progressBlock__info {
    color: gray;
    font-size: 0.875rem;
    margin: 0 0 8px;
  }
  .progressBlock__remain {
    color: #333;
    font-size: 1rem;
  }

  /* MEDIA QUERIES */

  @media (min-width: 480px) {
    .sectionTitle__main:not(:last-child) {
      margin-right: 12px;
    }
    .button {
      min-width: 216px;
    }
    .button--s {
      min-width: 120px;
    }
    .range__submit {
      min-width: initial;
    }
    .storeLocator__form .field--small .button {
      min-width: initial;
    }
    .table {
      scroll-behavior: smooth;
      overflow: auto;
      scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
    }
    .table::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .table::-webkit-scrollbar-thumb {
      background: rgba(166, 166, 166, 0.3);
      border-radius: 13px;
    }
    .table::-webkit-scrollbar-thumb:hover {
      background: rgba(166, 166, 166, 0.5);
    }
    .table::-webkit-scrollbar-thumb:active {
      background: rgba(166, 166, 166, 0.7);
    }
    .table::-webkit-scrollbar-track {
      background: transparent;
    }
    .table td:first-child {
      padding-left: var(--paddingExternalX);
    }
    .table td:last-child {
      padding-right: var(--paddingExternalX);
    }
    .miniBasketButton {
      min-width: 152px;
    }
    .checkoutTracking__action {
      min-width: 185px;
    }
    .addToCartButton {
      min-width: var(--mainButtonWidth);
    }
    .notifyMe__button {
      min-width: var(--mainButtonWidth);
    }
  }

  @media (min-width: 640px) {
    .ordersBanner {
      align-items: center;
      display: flex;
    }
    .form__title {
      margin-inline: calc(var(--fieldColumnSpace) / 2);
    }
    .form--address .form__col {
      width: 44%;
    }
    .field--half {
      width: calc(50% - var(--fieldColumnSpace));
    }
    .field--map {
      margin: 0;
    }
    .field__map {
      position: absolute;
      right: 0;
      top: 0;
      width: 50%;
    }
    .form--address .field__map {
      width: calc(56% - 12px);
      height: 100%;
    }
    .field__map .field__mapInner {
      padding: 0;
      height: 100%;
    }
    .radiobuttons--inline,
    .checkboxes--inline {
      flex-wrap: wrap;
    }
    .formTip {
      margin-inline: calc(var(--fieldColumnSpace) / 2);
    }
    .storeTileOrder__info {
      padding-right: 32px;
    }
    .storeTileOrder__actions {
      margin: auto 0 auto auto;
    }
    .mapInfo .storeTileOrder__actions {
      margin-top: 12px;
    }
    .storeTileOrder__actions .button {
      font-size: 0.8125rem;
      letter-spacing: -0.02em;
      min-height: 34px;
    }
    .storeTileOrder__actions .button .icon {
      margin: -3px 4px -3px 0;
    }
    .gridBoxes {
      width: calc(100% + var(--gridBoxSpace) * 2);
    }
    .contentBox {
      flex-direction: column;
      text-align: center;
    }
    .contentBox__text {
      max-width: 272px;
    }
    .basketTable__cell--product {
      flex: 1;
    }
    .basketTable__cell--button {
      margin: 0 72px 0 32px;
    }
    .history__content {
      align-items: flex-start;
      display: flex;
    }
    .history__description {
      flex: 1;
      padding-left: 20px;
    }
    .listsBlock {
      display: none;
      position: absolute;
      right: 20px;
      top: -8px;
      width: 232px;
      max-width: calc(100% + 8px);
    }
    .wishlistButton.open .listsBlock {
      display: block;
    }
    .listsBlock__bg {
      display: none;
    }
    .listTools {
      margin-bottom: 16px;
    }
    .minibasket .listTools:not(.listTools--noBorder) {
      margin-bottom: 4px;
    }
    .orderRow {
      display: grid;
      grid-template-columns: var(--orderProductsWidth) minmax(0, 1.1fr) minmax(
          0,
          2.15fr
        ) minmax(0, 0.75fr);
      grid-template-rows: fit-content(21px) 1fr;
      grid-column-gap: var(--orderColGap);
      grid-row-gap: var(--orderRowGap);
    }
    .productThumbs .swiper-button-prev,
    .productThumbs .swiper-button-next {
      width: 100%;
    }
    .productThumbs .swiper-button-prev {
      top: 0;
    }
    .productThumbs .swiper-button-prev:before {
      background: linear-gradient(
        to bottom,
        white 0%,
        rgba(255, 255, 255, 0) 100%
      );
    }
    .productThumbs .swiper-button-next {
      bottom: 0;
      top: auto;
    }
    .productThumbs .swiper-button-next:before {
      background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
    }
    .sitemapnav__ul {
      column-count: 2;
    }
    .sitemapnav__li {
      display: inline-block;
      padding-right: 24px;
      vertical-align: top;
      width: 100%;
    }
  }

  @media (min-width: 640px) and (max-width: 767px) {
    .basketTable__cell--button {
      margin: 0 16px;
    }
    .orderRow {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2.25fr) minmax(0, 0.75fr);
      grid-template-rows: auto;
    }
  }

  @media (min-width: 640px) and (min-width: 480px) {
    .storeTileOrder__actions .button {
      min-width: 120px;
    }
  }

  @media (min-width: 768px) {
    .mobileOnly {
      display: none;
    }
    h2 {
      font-size: 1.625rem;
      letter-spacing: -0.03em;
      margin: 0 0 32px;
    }
    .footer__col:not(:last-child) {
      margin-right: var(--footerColSpace);
    }
    .footer__col:not(:first-child) {
      margin-left: var(--footerColSpace);
    }
    .header__tool {
      position: relative;
    }
    .acc--mobOnly .acc__header {
      pointer-events: none;
    }
    .acc--mobOnly .acc__icon {
      display: none;
    }
    .acc--mobOnly:not(.open) .acc__content {
      display: block;
    }
    .acc__headerInner {
      margin-right: 32px;
    }
    .acc__headerInnerTitle {
      min-width: 250px;
    }
    .acc__headerInnerTitle--info {
      min-width: initial;
    }
    .acc__headerInnerTitle--sum {
      min-width: initial;
    }
    .article--horizontal {
      display: flex;
      min-height: 268px;
    }
    .articleFeatured .article--horizontal {
      min-height: 352px;
    }
    .article--horizontal .article__img {
      flex-basis: 35.62%;
      position: relative;
    }
    .articleFeatured .article--horizontal .article__img {
      flex-basis: 50%;
    }
    .article--horizontal .article__img figure {
      inset: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      width: 100%;
    }
    .article--horizontal .article__img figure picture {
      display: block;
      padding-top: calc(352 / 626 * 100%);
      position: relative;
      width: 100%;
    }
    .article--horizontal .article__img figure img {
      inset: 0;
      object-fit: contain;
      position: absolute;
      width: 100%;
      height: 100%;
    }
    .article--horizontal .article__img figure img {
      object-fit: cover;
    }
    .article--horizontal .article__img picture {
      inset: 0;
      position: absolute;
      width: 100%;
      height: 100%;
    }
    .article--horizontal .article__date {
      margin-bottom: 4px;
    }
    .article--horizontal .article__title {
      font-size: 1.25rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 1.5;
      margin-bottom: 16px;
    }
    .articleFeatured .article--horizontal .article__title {
      font-size: 1.625rem;
      font-weight: 500;
      letter-spacing: -0.02em;
      line-height: 1.38;
      margin-bottom: 20px;
    }
    .article--horizontal .article__info {
      align-items: flex-start;
      display: flex;
      flex-basis: 50%;
      flex-grow: 1;
      flex-flow: column;
      justify-content: center;
      padding: 32px;
    }
    .article--horizontal .article__text {
      -webkit-line-clamp: initial;
    }
    .breadcrumb__item:not(:last-child) {
      margin-right: 12px;
      padding-right: 12px;
    }
    .breadcrumb__item:not(:last-child):before {
      background-color: #c2c2c2;
      content: "";
      margin-top: -11px;
      position: absolute;
      right: 0;
      top: 50%;
      width: 1px;
      height: 22px;
    }
    .catalogue--wide .catalogue__img figure {
      width: 100%;
    }
    .catalogue--wide .catalogue__img figure picture {
      display: block;
      padding-top: calc(314 / 1258 * 100%);
      position: relative;
      width: 100%;
    }
    .catalogue--wide .catalogue__img figure img {
      inset: 0;
      object-fit: contain;
      position: absolute;
      width: 100%;
      height: 100%;
    }
    .deliveryFlowNav {
      margin-top: 8px;
      right: 88px;
    }
    .radiobutton--deliveryType {
      background: #f2efe8;
      border-radius: 8px;
      padding: 32px 12px;
      min-height: 272px;
    }
    .radiobutton--deliveryType .radiobutton__label {
      padding: 0;
      position: static;
    }
    .form {
      margin-left: calc(-1 * var(--fieldColumnSpace) / 2);
      width: calc(var(--formMaxWidth) + var(--fieldColumnSpace));
      max-width: calc(100% + var(--fieldColumnSpace));
    }
    .orderTrack .indicator {
      border-right: 1px solid #958d7b;
      margin-right: 12px;
      padding-right: 12px;
    }
    .newsletter__inner {
      align-items: center;
      display: flex;
    }
    .newsletter__input {
      width: 280px;
    }
    .newsletter__social {
      border-left: 1px solid gray;
      margin-left: 32px;
      padding-left: 32px;
    }
    .notifications {
      right: -4px;
    }
    .notifications__overlay {
      display: none;
    }
    .notificationsBtn {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: solid 2px #a6a6a6;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      font-size: 1.625rem;
    }
    .notificationsBtn:after {
      content: attr(data-items);
      top: -8px;
      right: -14px;
      width: 26px;
      height: 26px;
      background: #d91a32;
      border-radius: 50%;
      color: #fff;
      font-size: 0.8125rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: -0.02em;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
    }
    .result__button {
      margin-top: 40px;
    }
    .result__mainimg {
      margin-bottom: 16px;
    }
    .result__mainicon {
      margin-bottom: 40px;
    }
    .sidemenu__item {
      line-height: 1;
    }
    .storeTileSpecs__iconWrap {
      margin-right: auto;
      padding-right: 10px;
    }
    .storeTileOrder--details .storeTileOrder__info {
      max-width: initial;
    }
    .storeTileOrder--details .storeTileOrder__actions {
      max-width: initial;
    }
    .storeLocator__form .field--full {
      max-width: 344px;
    }
    .storeLocator__form .field__inputClear {
      right: 18px;
    }
    .storeLocator__form .field__input--search {
      padding-right: 40px;
    }
    .storeLocator__form .field__inputSubmit {
      display: none;
    }
    .timetable {
      margin-top: -20px;
    }
    .timetableNavWrap {
      display: flex;
      justify-content: space-between;
      margin-bottom: 12px;
    }
    .timetableNav:before {
      display: none;
    }
    .topnav__selected {
      display: none;
    }
    .topnav__selected:after {
      display: none;
    }
    .topnav__list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
    }
    .topnav__list li {
      display: inline-flex;
      margin: 4px;
    }
    .topnav__item {
      line-height: 1;
    }
    .topnav__link {
      border: 1px solid #c2c2c2;
      border-radius: 100px;
      color: #838385;
      display: block;
      font-size: 0.875rem;
      font-weight: 500;
      padding: 12px 16px;
      transition: background-color 250ms ease-out;
    }
    .topnav__link.selected {
      background-color: #333;
      border-color: #333;
      color: #fff;
    }
    .unavailabelBox {
      margin-bottom: 24px;
    }
    .minibasket .unavailabelBox {
      margin-bottom: 0;
    }
    .userMenu {
      right: -4px;
    }
    .userMenu__overlay {
      display: none;
    }
    .accountDetails__form {
      margin-right: 24px;
    }
    .basketTable__row--head {
      margin-bottom: 12px;
    }
    .minibasket:not(.active) .minibasket__overlay {
      opacity: 0;
      pointer-events: none;
    }
    .secureCheckout__text {
      margin: 0 8px 0 0;
    }
    .checkoutTracking__inner {
      margin-right: 10px;
    }
    .loyalty__img {
      margin-right: 20px;
    }
    .loyalty__cell:not(:last-child) {
      margin-right: 1px;
    }
    .gallery__figure {
      width: calc(50% - 20px);
      margin: 10px;
    }
    .orderHistory {
      min-height: 140px;
    }
    .orderHistory--qr {
      padding-left: calc(var(--outerPaddingY) + var(--qrWidth) + var(--qrMargin));
    }
    .orderHistory__qr {
      left: var(--outerPaddingX);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
    .orderHistory__section--top span {
      margin-right: 5px;
    }
    .orderHistory__section--top .orderHistory__sectionInner {
      flex-flow: row;
    }
    .productPage {
      display: grid;
      grid-template-areas: "product_image product_content";
      grid-template-columns: minmax(300px, 457px) minmax(50%, 873px);
    }
    .productPage__imageCol {
      grid-area: product_image;
    }
    .productPage__imageGrid {
      left: 0;
      position: sticky;
      top: var(--headerHeight);
    }
  }

  @media (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .topnav__link:hover {
      background-color: #ececec;
      border-color: #ececec;
    }
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .articleFeatured .article--horizontal .article__img {
      flex-basis: 40%;
    }
  }

  @media (min-width: 768px) and (max-width: 1279px) {
    .article--horizontal .article__title {
      font-size: 1.25rem;
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 1.5;
    }
    .newsletter__social {
      margin-left: 24px;
      padding-left: 24px;
    }
  }

  @media (min-width: 1024px) {
    .tabletOnly {
      display: none;
    }
    .header__bottom {
      padding: 16px 0 0;
    }
    .acc__headerInner {
      margin-right: 104px;
    }
    .acc__headerInnerTitle {
      min-width: 295px;
    }
    .acc__headerInnerTitle--info {
      min-width: initial;
    }
    .acc__headerInnerTitle--sum {
      min-width: initial;
    }
    .filters__itemsWrap {
      display: flex;
      flex-wrap: wrap;
      margin-right: 24px;
    }
    .filters__inner {
      align-items: flex-start;
      display: flex;
    }
    .filters__item:not(:last-child) {
      margin-right: 24px;
    }
    .filters__item:not(.filter--closed) {
      z-index: 3;
    }
    .filters__titleWrap {
      margin-right: 8px;
    }
    .filters__title {
      padding: 6px 0;
    }
    .filters__titleWrap .filters__close {
      display: none;
    }
    .filters__mobButton {
      pointer-events: none;
    }
    .filters--checked .filters__mobButton:after {
      display: none;
    }
    .filters__mobButtonText {
      display: none;
    }
    .filters--listResults {
      position: relative;
      padding-right: 160px;
    }
    .filters--listResults .filters__titleWrap {
      position: static;
    }
    .filters--listResults .filters__titleWrap .filtersClearAll {
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
    }
    .filters--listResults.filters--checked .filters__titleWrap .filtersClearAll {
      display: block;
    }
    .filters--listResults ~ .productListWrap .selectedFilters {
      outline: 1px solid red;
      background: rgba(255, 0, 0, 0.2);
    }
    .filter {
      position: relative;
    }
    .filter__content {
      background-color: #fff;
      border-radius: 6px;
      box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15);
      left: -20px;
      padding: 56px 20px 16px 20px;
      position: absolute;
      top: -16px;
      width: 248px;
    }
    .filter__main > .scrollbar {
      max-height: 160px;
    }
    .filter__main--mobScroll > .scrollbar {
      overflow: initial;
    }
    .filter__list--inline {
      display: flex;
      flex-wrap: wrap;
    }
    .filter__list--showAll:not(.initialized) .filter__item:nth-child(n + 9) {
      display: none;
    }
    .filter__list--showAll.initialized .filter__listScroll {
      max-height: var(--scrollListHeight);
    }
    .filter__listMore {
      display: none;
    }
    .filter__list--inline .filter__item {
      margin: 4px 0;
    }
    .filter__list--inline .filter__item:not(:last-child) {
      margin-right: 16px;
    }
    .filtersApply {
      margin-bottom: 12px;
    }
    .filters__titleWrap .filtersClearAll {
      display: none;
    }
    .filtersLinks {
      margin-top: 16px;
      text-align: center;
    }
    .filtersLinks--all {
      display: none;
    }
    .mainNav__list {
      display: flex;
    }
    .mainNav__link--hasChildren:before {
      display: none;
    }
    .megamenu {
      left: 0;
      overflow: hidden;
      top: 100%;
    }
    .mainNav__item:not(.mainNav__item--active) .megamenu {
      pointer-events: none;
    }
    .mainNav__item--active .megamenu {
      z-index: 9;
    }
    .megamenu__inner {
      padding: 40px 0;
      position: relative;
      opacity: 0;
      transform: translateY(-30px);
      transition: opacity 150ms ease-out, transform 250ms ease-out,
        visibility 10ms ease-out 250ms;
      visibility: hidden;
      min-height: 584px;
    }
    .mainNav__item--active .megamenu__inner {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 350ms ease-out 250ms, transform 350ms ease-out 250ms;
      visibility: visible;
    }
    .mainNav__item--fadeOut .megamenu__inner {
      opacity: 0;
      transform: translateY(80px);
      transition: opacity 350ms ease-out, transform 350ms ease-out;
    }
    .megamenu__list {
      width: 100%;
    }
    .megamenu__list--level2 {
      column-count: 3;
    }
    .megamenu__list--level2 > li {
      break-inside: avoid;
      margin-bottom: 40px;
    }
    .megamenu__list li {
      font-size: 0.875rem;
    }
    .megamenu__close {
      position: absolute;
      right: 32px;
      top: 32px;
      z-index: 1;
      width: 40px;
      height: 40px;
      min-height: auto;
    }
    .megamenu__close:before {
      display: inline-block;
      vertical-align: top;
    }
    .megamenu__back {
      display: none;
    }
    .megamenu .wrapper {
      padding: 0 var(--gridSpace);
    }
    .megamenuBg {
      background-color: #e6e6e6;
      left: 0;
      position: absolute;
      top: 100%;
      transform: scaleY(0);
      transform-origin: center top;
      transition: transform 350ms ease-out 50ms;
      width: 100%;
      height: 584px;
    }
    .menuOpened .megamenuBg {
      transform: scaleY(1);
      transition: transform 350ms ease-out;
    }
    .megamenuBg:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      width: 50%;
      height: 100%;
    }
    .newsletter__form {
      align-items: center;
    }
    .newsletter__label {
      margin-right: 24px;
    }
    .sidemenu {
      border-right: 1px solid #ececec;
      height: 100%;
      margin: 0;
      padding-left: 30px;
    }
    .sidemenu .sidenav__list--level1 {
      scroll-behavior: smooth;
      overflow: auto;
      scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
      left: 0;
      padding-right: 16px;
      position: sticky;
      top: calc(8px + var(--headerHeight));
      max-height: calc(100vh - 16px - var(--headerHeight));
    }
    .sidemenu .sidenav__list--level1::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .sidemenu .sidenav__list--level1::-webkit-scrollbar-thumb {
      background: rgba(166, 166, 166, 0.3);
      border-radius: 13px;
    }
    .sidemenu .sidenav__list--level1::-webkit-scrollbar-thumb:hover {
      background: rgba(166, 166, 166, 0.5);
    }
    .sidemenu .sidenav__list--level1::-webkit-scrollbar-thumb:active {
      background: rgba(166, 166, 166, 0.7);
    }
    .sidemenu .sidenav__list--level1::-webkit-scrollbar-track {
      background: transparent;
    }
    .sidemenu__selected {
      display: none;
    }
    .sidemenu__selected:after {
      display: none;
    }
    .sidemenu__list--level2 {
      margin: 0 0 12px;
    }
    .sidemenu__link.selected {
      color: #f47920;
    }
    .sidemenu__link--level1 {
      margin-bottom: 12px;
      font-size: 1.125rem;
    }
    .storeListWrap {
      display: flex;
    }
    .storeListWrap [data-tabToggle-content] {
      display: block;
    }
    .storeListWrap .tabToggle {
      display: none;
    }
    .storeList {
      scroll-behavior: smooth;
      overflow: auto;
      scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
      margin-right: 24px;
      width: 484px;
      max-width: 45%;
      max-height: 600px;
    }
    .storeList::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .storeList::-webkit-scrollbar-thumb {
      background: rgba(166, 166, 166, 0.3);
      border-radius: 13px;
    }
    .storeList::-webkit-scrollbar-thumb:hover {
      background: rgba(166, 166, 166, 0.5);
    }
    .storeList::-webkit-scrollbar-thumb:active {
      background: rgba(166, 166, 166, 0.7);
    }
    .storeList::-webkit-scrollbar-track {
      background: transparent;
    }
    .storeTile {
      margin-right: 12px;
    }
    .gallery__figure {
      width: calc(33.3% - 20px);
    }
    .myLists--row .myList {
      flex: 1;
    }
    .orderSum--border .orderSum__col:not(:last-child) {
      border-right: 1px solid #fff;
    }
    .productPage__info {
      padding-left: var(--productImageColSpace);
    }
    .productDetailsNutrTable {
      max-width: 714px;
    }
  }

  @media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .sidemenu__link:not(.selected):hover {
      color: #838385;
    }
  }

  @media (min-width: 1024px) and (max-width: 1279px) {
    .megamenuBg {
      z-index: 1;
    }
  }

  @media (min-width: 1024px) and (max-width: 1365px) {
    .megamenu__close {
      right: 8px;
      top: 8px;
    }
    .megamenuBg {
      height: 640px;
    }
  }

  @media (min-width: 1280px) {
    .mainLayout {
      --asideWidth: 352px;
      --gridSpace: 64px;
      --gridSpaceBorder: calc(var(--gridSpace) / 2);
      display: grid;
      grid-template-areas: "aside content";
      grid-template-columns: var(--asideWidth) minmax(0, 1fr);
    }
    .mainLayout--rightAside {
      grid-template-areas: "content aside";
      grid-template-columns: minmax(0, 1fr) var(--asideWidth);
    }
    .mainLayout__aside {
      grid-area: aside;
      display: flex;
      flex-direction: column;
    }
    .mainLayout__content {
      grid-area: content;
    }
    .deliveryTypes {
      padding: 0 20px;
    }
    .burgerMenu {
      display: none;
    }
    .mainLayout__aside .sideNav {
      border-right: 1px solid #ececec;
    }
    .basketMain {
      position: relative;
    }
    .sideBasket {
      box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15);
      border-radius: 8px;
      position: sticky;
      right: 0;
      top: 0;
    }
    .sideBasket__title {
      color: #333;
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.5;
      margin: 0 0 16px;
      padding-left: 40px;
      position: relative;
    }
    .sideBasket__title:before {
      color: #a6a6a6;
      font-size: 2rem;
      left: 0;
      margin-top: -16px;
      position: absolute;
      top: 50%;
    }
  }

  @media (min-width: 1280px) and (max-width: 1365px) {
    .mainLayout {
      --asideWidth: 296px;
      --gridSpace: 24px;
      --gridSpaceBorder: var(--gridSpace);
    }
  }

  @media (min-width: 1366px) {
    .megamenu__title {
      padding-right: 40px;
    }
  }

  @media (min-width: 1920px) {
    .goToTop {
      margin-right: calc(50vw - var(--wrapper) / 2);
    }
    .productList .product {
      width: calc(16.6% - 5 * var(--productSpaceH) / 6);
    }
  }

  @media (min-width: 640px) and (max-width: 1365px) and (min-width: 1280px) {
    .basketTable__cell--button {
      margin: 0 12px 0 12px;
    }
  }

  @media (max-width: 1599px) {
    .basketMain__content {
      --mainLayoutSpace: 24px;
    }
    .landingList {
      row-gap: 32px;
    }
    .landingList__item {
      width: calc(20% - 4 * var(--colGap) / 5);
    }
    .myLists--grid {
      --listsGap: 20px;
    }
    .myLists--row {
      --listsGap: 16px;
    }
    .productList .product {
      width: calc(25% - 3 * var(--productSpaceH) / 4);
    }
  }

  @media (max-width: 1365px) {
    .basketTable {
      --imgMarginRight: 16px;
    }
    .basketTable__row {
      padding-right: 84px;
      padding-left: 0;
    }
    .basketTable__remove {
      right: 0;
    }
    .basketTable .fav {
      right: 40px;
    }
    .landingList__item {
      width: calc(25% - 3 * var(--colGap) / 4);
    }
    .myLists--grid .myList {
      width: calc(50% - var(--listsGap) / 2);
    }
    .productList {
      --productSpaceH: 16px;
      --productSpaceV: 16px;
    }
  }

  @media (max-width: 1365px) and (min-width: 1280px) {
    .basketTable {
      --imgWidth: 80px;
    }
    .basketTable__cell--price {
      margin-right: 0;
    }
    .basketTable__cell--quant {
      margin: 0 12px;
    }
    .basketTable__cell .product__title {
      font-size: 1rem;
    }
    .productList .product {
      width: calc(33.33% - 2 * var(--productSpaceH) / 3);
    }
  }

  @media (max-width: 1359px) {
    .infoPopup {
      right: var(--gridSpace);
    }
    .productMainImg .swiper-button-prev,
    .productMainImg .swiper-button-next {
      display: flex;
    }
  }

  @media (max-width: 1279px) {
    :root {
      --gridSpace: 32px;
    }
    .mainLayout {
      --mainLayoutSpace: var(--gridSpace);
    }
    .loginWrap__form {
      padding-block: 56px;
    }
    .loadMore {
      --loadMoreSpace: 32px;
    }
    .mainNav__item {
      margin: 0 8px;
    }
    .burgerMenu {
      background: none;
      margin: 0 16px 0 0;
      padding: 0;
      width: 32px;
      height: 32px;
    }
    .burgerMenu__bar {
      background: #404040;
      border-radius: 15px;
      display: block;
      margin: 6px auto;
      transition: all 350ms ease-out;
      height: 2px;
      width: 26px;
    }
    .burgerMenu__bar--middle {
      margin: 0 auto;
    }
    .burgerMenu--opened .burgerMenu__bar--top {
      transform: translateY(8px) rotateZ(45deg);
    }
    .burgerMenu--opened .burgerMenu__bar--bottom {
      transform: translateY(-8px) rotateZ(-45deg);
    }
    .burgerMenu--opened .burgerMenu__bar--middle {
      width: 0;
    }
    .modal__wrap {
      padding-bottom: 40px;
    }
    .mainLayout__aside .sideNav {
      display: none;
    }
    .simpleSlider--cat:not(.swiper-initialized) .swiper-slide {
      width: calc(25% - 16px);
    }
    .timetable {
      margin-bottom: 56px;
    }
    .addresses {
      --addressesGap: 24px;
    }
    .addresses__box,
    .addresses .addBox {
      width: calc(50% - var(--addressesGap) / 2);
    }
    .basket {
      margin-bottom: 144px;
    }
    .basketMain__content {
      padding-right: 0;
    }
    .sideBasket {
      box-shadow: 0px -2px 10px rgba(51, 51, 51, 0.1);
      bottom: 0;
      left: 0;
      position: fixed;
      z-index: 2;
      width: 100%;
    }
    .sideBasket__title {
      display: none;
    }
    .landingList {
      row-gap: 24px;
    }
    .myList--box .myList__title {
      font-size: 1.25rem;
    }
    .orderRow {
      --orderColGap: 24px;
    }
    .productPage {
      --productImageColSpace: 40px;
    }
    .productMainImg {
      --productMainImgWidth: 500px;
    }
    .productMainImg .imgControl {
      margin: 30px 0 20px;
    }
  }

  @media (max-width: 1279px) and (hover: hover) and (pointer: fine) {
    .burgerMenu:not(.disabled):hover {
      background: transparent;
    }
    .burgerMenu:not(.disabled):hover .burgerMenu__bar {
      background: #333;
    }
  }

  @media (max-width: 1279px) and (min-width: 1024px) {
    .checkoutProducts .product--mini .product__img,
    .checkoutProducts .minibasket__product .product__img {
      margin-right: 8px;
      width: 80px;
    }
    .productListContent {
      margin-left: -20px;
      width: calc(100% + 40px);
    }
  }

  @media (max-width: 1023px) {
    :root {
      --gridSpace: 24px;
    }
    .pageTitle h1 {
      font-size: 2.375rem;
    }
    .pageTitle--big {
      height: 280px;
    }
    .pageTitle--big h1 {
      font-size: 2.875rem;
    }
    .ordersBanner {
      padding: 16px;
    }
    .ordersBanner__img {
      width: 37%;
    }
    .ordersBanner__icon {
      font-size: 3rem;
      margin-right: 16px;
    }
    .ordersBanner__text {
      font-size: 1rem;
    }
    .tabletHidden {
      display: none;
    }
    ul.listL {
      margin: 16px 0 24px;
    }
    ul.listL li {
      font-size: 1.125rem;
      font-weight: 500;
      letter-spacing: -0.02em;
      line-height: 1.33;
      padding-left: 21px;
    }
    ul.listCols {
      column-count: 4;
    }
    .footer {
      --footerSpaceTop: 56px;
    }
    .footer__col {
      --footerColSpace: 24px;
    }
    .acc--stripe .acc__header {
      font-size: 1rem;
    }
    .acc__headerInnerTitle--info {
      margin-left: auto;
    }
    .articleList--contests .article {
      width: calc(33.33% - 2 * var(--productSpaceH) / 3);
    }
    .articleDetails__title {
      font-size: 1.625rem;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.35;
    }
    .articleDetails__title {
      font-size: 1.5rem;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 1.16;
    }
    .catalogueList {
      --productSpaceH: 24px;
    }
    html.filtersOpened,
    html.filtersOpened body {
      overflow: hidden;
      height: calc(var(--windowHeight) - 1px);
    }
    .filters__itemsWrap {
      scroll-behavior: smooth;
      overflow: auto;
      scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
      overflow-x: hidden;
      height: calc(100% - var(--mobFilterTopBar));
    }
    .filters__itemsWrap::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .filters__itemsWrap::-webkit-scrollbar-thumb {
      background: rgba(166, 166, 166, 0.3);
      border-radius: 13px;
    }
    .filters__itemsWrap::-webkit-scrollbar-thumb:hover {
      background: rgba(166, 166, 166, 0.5);
    }
    .filters__itemsWrap::-webkit-scrollbar-thumb:active {
      background: rgba(166, 166, 166, 0.7);
    }
    .filters__itemsWrap::-webkit-scrollbar-track {
      background: transparent;
    }
    .filters--2levelOpened .filters__itemsWrap {
      overflow: visible;
    }
    .filters__inner {
      background-color: #fff;
      left: 0;
      padding: 0 var(--filtersSpace) var(--mobFilterBottomBar);
      position: fixed;
      transform: translateX(-100%);
      transition: transform 350ms ease-out;
      top: var(--mobFiltersTop);
      z-index: 9;
      width: 100%;
      height: var(--windowHeight);
    }
    .filters:not(.filters--2levelOpened) .filters__inner {
      overflow: hidden;
    }
    .filters--opened .filters__inner {
      transform: translateX(0);
    }
    .filters__item:not(:first-child) {
      border-top: 1px solid #c2c2c2;
    }
    .filters__titleWrap {
      align-items: center;
      border-bottom: 1px solid #a6a6a6;
      display: flex;
      padding: 16px 0;
    }
    .filters__title {
      font-size: 1.125rem;
      font-weight: 400;
    }
    .filters__titleWrap .filters__close {
      margin-right: 8px;
    }
    .filters__mobButton {
      align-items: center;
      display: inline-flex;
    }
    .filter__title {
      font-size: 1rem;
      font-weight: 500;
      padding: 16px 32px 16px 0;
    }
    .filter__titleIcon {
      font-size: 1.5rem;
      line-height: 1;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .filter__titleIcon:before {
      line-height: 1;
    }
    .filters__mobTitle .filter__titleIcon {
      left: 0;
      right: auto;
    }
    .filters__mobTitle .filter__titleIcon:before {
      transform: rotate(180deg);
      transform-origin: center;
    }
    .filter__content {
      padding: 12px 0;
    }
    .filter__main {
      height: calc(100% - var(--mobFilterTopBar) - var(--mobFilterTopBarSpace));
    }
    .filter__main--mobScroll > .scrollbar {
      scroll-behavior: smooth;
      overflow: auto;
      scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
      max-height: 100%;
    }
    .filter__main--mobScroll > .scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .filter__main--mobScroll > .scrollbar::-webkit-scrollbar-thumb {
      background: rgba(166, 166, 166, 0.3);
      border-radius: 13px;
    }
    .filter__main--mobScroll > .scrollbar::-webkit-scrollbar-thumb:hover {
      background: rgba(166, 166, 166, 0.5);
    }
    .filter__main--mobScroll > .scrollbar::-webkit-scrollbar-thumb:active {
      background: rgba(166, 166, 166, 0.7);
    }
    .filter__main--mobScroll > .scrollbar::-webkit-scrollbar-track {
      background: transparent;
    }
    .filter__list {
      height: 100%;
    }
    .filter__list--showAll .filter__listScroll {
      max-height: 100%;
    }
    .filter__list--more .filter__listWrap {
      height: 100%;
    }
    .filter__list--more .filter__listWrap > .filter__item {
      display: none;
    }
    .filter__list--moreList {
      height: calc(100% - var(--searchHeight));
    }
    .filter__list--moreList .filter__listScroll {
      max-height: 100%;
    }
    .filter__showAll {
      display: none;
    }
    .filter__listMore {
      height: 100%;
    }
    .filter__list--inline .filter__item {
      margin: 16px 0;
    }
    .filter__more {
      display: none;
    }
    .filter:not(.filter--checked) .filtersClear {
      display: none;
    }
    .filtersClearAll {
      margin-left: auto;
    }
    .filtersLinks {
      align-items: center;
      bottom: 0;
      display: flex;
      justify-content: center;
      left: 0;
      padding: 8px var(--filtersSpace);
      position: absolute;
      width: 100%;
      height: var(--mobFilterBottomBar);
    }
    .filtersLinks:not(.filtersLinks--all) {
      display: none;
    }
    .form {
      margin-bottom: 24px;
    }
    .mainNavWrap {
      background-color: #ebebeb;
      left: 0;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      padding: 16px var(--mobMenuHorPadding) 80px;
      position: fixed;
      top: var(--headerHeight);
      transition: transform 350ms ease-out;
      transform: translateX(-100%);
      width: 100%;
      max-width: 440px;
      height: calc(100% - var(--headerHeight));
    }
    .menuOpened .mainNavWrap {
      transform: translateX(0);
    }
    .menuOpened--level2 .mainNavWrap {
      overflow: hidden;
    }
    .mainNav__item {
      color: #333;
      font-size: 1.125rem;
      margin: 8px 0;
    }
    .mainNav__link {
      padding: 8px 0;
      position: relative;
    }
    .mainNav__link--hasChildren:before {
      font-size: 1.5rem;
      margin-top: -12px;
      position: absolute;
      right: 0;
      top: 50%;
    }
    .megamenu {
      background-color: #ebebeb;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      right: 0;
      top: 0;
      transition: transform 350ms ease-out;
      transform: translateX(-100%);
      z-index: 1;
      height: 100%;
    }
    .mainNav__item--active .megamenu {
      transform: translateX(0);
    }
    .megamenu__main {
      padding: 32px var(--mobMenuHorPadding) 80px;
    }
    .megamenu__cols--promo {
      border-bottom: 1px solid #fff;
      margin-bottom: 24px;
    }
    .megamenu__list--level2 > li {
      font-size: 1rem;
      margin-bottom: 24px;
    }
    .megamenu__close {
      display: none;
    }
    .megamenu__back {
      align-items: center;
      background-color: #fff;
      border-radius: 0;
      color: #8c8c8c;
      display: flex;
      font-size: 1.25rem;
      justify-content: flex-start;
      padding: 16px;
      width: 100%;
    }
    .megamenu__back:before {
      font-size: 1.5rem;
      margin-right: 8px;
    }
    .newsletter__form {
      flex-direction: column;
    }
    .newsletter__label {
      margin-bottom: 16px;
    }
    .output--pickup .output__inner,
    .output--delivery .output__inner {
      padding-left: 80px;
    }
    .output--init .output__title {
      font-size: 1rem;
    }
    .sideBasket .priceRow--total {
      margin-top: 0;
    }
    .productsSum {
      padding: 12px 16px;
    }
    .result__title {
      font-size: 1.625rem;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.35;
    }
    .sidemenu {
      margin: 0 calc(var(--gridSpace) + var(--mainLayoutSpace)) 22px;
    }
    .sidemenu__selected {
      border: 1px solid #a6a6a6;
      border-radius: 8px;
      color: #333;
      font-size: 0.9375rem;
      line-height: 1;
      overflow: hidden;
      padding: 16px 40px 16px 16px;
      position: relative;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%;
    }
    .sidemenu__selected:before {
      color: #838385;
      font-size: 1rem;
      margin-top: -8px;
      position: absolute;
      right: 16px;
      top: 50%;
      transition: transform 250ms ease-out;
      transform-origin: center;
    }
    .sidemenu__selected.active:before {
      transform: rotate(180deg);
    }
    .sidemenu__list--level1 {
      scroll-behavior: smooth;
      overflow: auto;
      scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
      background-color: #fff;
      border: 1px solid #a6a6a6;
      border-radius: 8px;
      display: none;
      left: 0;
      margin-top: 12px;
      position: absolute;
      top: 100%;
      width: 100%;
      max-height: 400px;
    }
    .sidemenu__list--level1::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .sidemenu__list--level1::-webkit-scrollbar-thumb {
      background: rgba(166, 166, 166, 0.3);
      border-radius: 13px;
    }
    .sidemenu__list--level1::-webkit-scrollbar-thumb:hover {
      background: rgba(166, 166, 166, 0.5);
    }
    .sidemenu__list--level1::-webkit-scrollbar-thumb:active {
      background: rgba(166, 166, 166, 0.7);
    }
    .sidemenu__list--level1::-webkit-scrollbar-track {
      background: transparent;
    }
    .sidemenu__item--level1 {
      line-height: 1.534;
      margin: 0;
    }
    .sidemenu__item--level1:not(:first-child) {
      border-top: 1px solid #ececec;
    }
    .sidemenu__link--level1 {
      color: #333;
      display: block;
      font-size: 0.9375rem;
      padding: 12px 16px;
    }
    .sidemenu__link--level1.selected {
      background-color: #f4f4f4;
    }
    .storeList {
      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
      margin-bottom: 32px;
    }
    .storeMap {
      margin-bottom: 32px;
      width: 100%;
      height: 470px;
      min-height: 70vh;
    }
    .storeTile {
      margin-inline: 20px;
    }
    .storeTile__thumbnail {
      display: none;
    }
    .storeLocator {
      position: relative;
    }
    .storeLocator__inner {
      padding: 24px 16px;
      z-index: 1;
    }
    .storeLocator__illustration--left {
      display: none;
    }
    .storeLocator__illustration--right {
      display: none;
    }
    .storeLocator__illustration--mob {
      bottom: 0;
      display: block;
      position: absolute;
      right: 0;
    }
    .storeLocator__form {
      margin-bottom: 0;
    }
    .table td.table__tools .iconButton:not(:last-child),
    .table td.table__tools .selectedFilters__remove:not(:last-child) {
      margin-right: 12px;
    }
    .gridBoxes {
      --gridBoxSpace: 8px;
    }
    .contentBox {
      padding: 24px;
    }
    .contentBox__icon {
      margin-bottom: 16px;
    }
    .contentBox__title {
      margin-bottom: 16px;
    }
    .userNavBlock {
      margin-bottom: 64px;
    }
    .userNav__link {
      font-size: 0.875rem;
    }
    .addresses {
      --addressesGap: 16px;
    }
    .checkout {
      --checkoutSpaceTop: 30px;
    }
    .checkout__title {
      font-size: 1.875rem;
      letter-spacing: -0.03em;
      line-height: 1.2;
    }
    .checkout__title {
      margin: 0 0 50px;
    }
    .checkoutMsg__title {
      font-size: 1.625rem;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.35;
    }
    .checkoutMsg__title {
      margin: 0;
    }
    .landingItem--box {
      padding: 16px 8px;
    }
    .landingItem--box .landingItem__title {
      font-size: 0.875rem;
    }
    .myLists--row {
      flex-wrap: wrap;
    }
    .myLists--row .myList {
      width: calc(50% - var(--listsGap) / 2);
    }
    .productList .product {
      width: calc(33.33% - 2 * var(--productSpaceH) / 3);
    }
    .orderRow {
      --orderColGap: 16px;
      --orderProductsWidth: 208px;
      --orderProductWidth: 64px;
      --orderRowGap: 12px;
    }
    .orderHistory {
      --qrWidth: 100px;
      --qrMargin: 10px;
    }
    .orderHistory__section {
      padding-right: 10px;
    }
    .orderSum--border {
      flex-direction: column;
    }
    .orderSum--border .orderSum__col:not(:last-child) {
      border-bottom: 1px solid #fff;
    }
    .orderStatusInfo {
      margin-bottom: 24px;
    }
    .productPage {
      --productImageColSpace: 24px;
    }
    .productHeader .product__img {
      margin-right: 8px;
    }
    .productHeader .priceContainer {
      align-items: flex-end;
      flex-direction: column-reverse;
    }
    .productHeader .priceContainer .priceBlock__price--init {
      margin: 0 0 4px;
    }
  }

  @media (max-width: 1023px) and (hover: hover) and (pointer: fine) {
    .megamenu__back.button:not(.disabled):hover {
      background: transparent;
    }
  }

  @media (max-width: 1023px) and (min-width: 480px) {
    .article__dateWrap .pill {
      font-size: 0.75rem;
    }
    .table {
      --cellPaddingX: 16px;
      --cellPaddingY: 16px;
      --paddingExternalX: 16px;
    }
  }

  @media (max-width: 1023px) and (min-width: 640px) {
    .mainNavWrap {
      max-width: 480px;
    }
  }

  @media (max-width: 767px) {
    :root {
      --gridSpace: 16px;
      --headerHeight: 116px;
    }
    .section {
      margin-bottom: 40px;
    }
    .sectionTitle h2 {
      font-size: 1.375rem;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.36;
    }
    .pageTitle h1 {
      font-size: 1.875rem;
      letter-spacing: -0.02em;
    }
    .pageTitle.pageTitle--image h1 {
      text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.3);
    }
    .pageTitle--big {
      margin-bottom: 32px;
      height: 200px;
    }
    .pageTitle--big h1 {
      font-size: 1.625rem;
    }
    .asideHeader {
      height: 92px;
    }
    .ordersBanner__icon {
      font-size: 2.75rem;
    }
    .ordersBanner__text {
      font-size: 0.9375rem;
      max-width: 416px;
    }
    .mobileHidden {
      display: none;
    }
    .separate {
      margin: 0 8px;
    }
    h1 {
      font-size: 1.875rem;
      letter-spacing: -0.02em;
    }
    h2 {
      font-size: 1.25rem;
      letter-spacing: -0.02em;
      margin: 0 0 20px;
    }
    .text,
    p {
      margin: 0 0 20px;
    }
    ul.listS {
      margin-top: 20px;
    }
    ul.listCols {
      column-count: 3;
    }
    .footer__main {
      flex-direction: column;
      padding: 32px 0 8px;
    }
    .footer__col {
      margin-bottom: var(--footerColSpace);
    }
    .footer__title {
      margin-bottom: 8px;
    }
    .footer__apps {
      margin-top: 16px;
    }
    .footer__btm {
      flex-wrap: wrap;
    }
    .footer__text {
      text-align: center;
    }
    .col--m1 {
      flex-basis: 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col--m2 {
      flex-basis: 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col--m3 {
      flex-basis: 25%;
      max-width: 25%;
    }
    .col--m4 {
      flex-basis: 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col--m5 {
      flex-basis: 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col--m6 {
      flex-basis: 50%;
      max-width: 50%;
    }
    .col--m7 {
      flex-basis: 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col--m8 {
      flex-basis: 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col--m9 {
      flex-basis: 75%;
      max-width: 75%;
    }
    .col--m10 {
      flex-basis: 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col--m11 {
      flex-basis: 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col--m12 {
      flex-basis: 100%;
      max-width: 100%;
    }
    .header__top {
      padding: 12px 0 0;
    }
    .header__leftBlock {
      padding-bottom: 12px;
    }
    .header__topInner {
      flex-wrap: wrap;
      position: relative;
    }
    .header__logo {
      width: 200px;
      height: 26px;
    }
    .header__tools {
      background: url(../media/wood.png) repeat scroll center;
      flex-shrink: 0;
      justify-content: flex-end;
      margin-left: calc(-1 * var(--gridSpace));
      padding: 6px 0;
      width: calc(100% + var(--gridSpace) * 2);
    }
    .header__tool {
      margin-right: 20px;
    }
    .header__tool--account {
      display: none;
    }
    .acc--stripe {
      margin: 12px 0;
    }
    .acc--stripe .acc__header {
      font-size: 0.875rem;
      margin-bottom: 12px;
      padding: 12px;
    }
    .acc--beige .acc__header {
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: -0.02em;
      line-height: 1.37;
    }
    .acc--beige .acc__content {
      padding: 24px 0 0;
    }
    .acc--colorStripe .acc__header {
      padding-block: 16px;
    }
    .acc__header {
      padding: 16px 0;
    }
    .acc__headerInner {
      flex-flow: column;
      flex-wrap: wrap;
      padding-right: 10px;
    }
    .acc__headerInner--price {
      flex-flow: row;
      align-items: center;
    }
    .acc__headerInner--price .acc__headerInnerTitle--info {
      display: none;
    }
    .acc__headerInner--price .acc__headerInnerTitle--sum {
      display: inline-block;
    }
    .acc__headerInnerTitle--info {
      margin-left: 0;
      margin-top: 8px;
    }
    .acc__headerInnerTitle--sum {
      padding-left: 10px;
    }
    .acc__headerInnerTitle--large {
      font-size: 1.125rem;
      letter-spacing: -0.02em;
      line-height: 1.2;
    }
    .acc__icon {
      font-size: 1.5rem;
    }
    .articleFeatured {
      display: none;
    }
    .articleList--column {
      margin-bottom: 40px;
    }
    .articleList--contests .article {
      width: calc(50% - 1 * var(--productSpaceH) / 2);
    }
    .articleDetails__title:after {
      margin: 20px auto 32px 0;
      width: 68px;
    }
    .bnr {
      padding: 20px 0;
    }
    .bnr__text {
      margin: 0 16px;
    }
    .breadcrumb__list {
      align-items: flex-start;
      flex-direction: column;
    }
    .breadcrumb__item {
      font-weight: 500;
    }
    .cardRow {
      min-height: 55px;
    }
    .cardRow__msg {
      font-size: 0.8125rem;
      font-weight: 400;
      letter-spacing: -0.02em;
      line-height: 1.3;
      max-width: 120px;
    }
    .catalogue__title {
      font-size: 1.125rem;
      font-weight: 500;
      letter-spacing: -0.02em;
      line-height: 1.33;
    }
    .collectionBox__title {
      font-size: 0.875rem;
    }
    .contestBnr {
      padding: 64px 24px;
      min-height: 209px;
    }
    .contestBnr h3 {
      font-size: 1.125rem;
      line-height: 1.2;
    }
    .deliveryFlowNav {
      left: 24px;
    }
    .radiobuttons--deliveryType {
      gap: 8px;
      margin: 0 auto;
      padding-bottom: 112px;
      position: relative;
    }
    .radiobutton--deliveryType {
      position: static;
    }
    .radiobutton--deliveryType .radiobutton__label {
      background: #f2efe8;
      border-radius: 8px;
      font-size: 0.875rem;
      font-weight: 400;
      padding: 16px;
    }
    .radiobutton--deliveryType .radiobutton__label b {
      display: block;
    }
    .radiobutton--deliveryType .radiobutton__text {
      line-height: 1.286;
    }
    .radiobutton--deliveryType .radiobutton__border:after {
      right: 8px;
      top: 8px;
      width: 26px;
      height: 26px;
    }
    .radiobutton--deliveryType .icon {
      margin: 0 auto 8px;
      height: 32px;
    }
    .deliveryTypeInfo ul {
      background: #f7f5f0;
      border-radius: 8px;
      flex-grow: 1;
      margin: 0;
      padding: 12px;
    }
    .deliveryTypeInfo {
      align-items: center;
      bottom: 0;
      display: flex;
      left: 0;
      position: absolute;
      width: 100%;
      height: 112px;
    }
    .radiobutton:not(.checked) .deliveryTypeInfo {
      display: none;
    }
    .deliveryTypeInfo__sum {
      align-items: flex-start;
      text-align: left;
    }
    .deliveryTypeInfo__sum p {
      margin-bottom: 4px;
    }
    .selectedFilters {
      display: none;
    }
    .form {
      width: 100%;
    }
    .formBox__more {
      justify-content: flex-start;
    }
    .formBox .checkbox ~ .formBox__more .checkbox ~ .formBox__more {
      padding-left: var(--labelSpace);
    }
    .loginWrap__img {
      display: none;
    }
    .loginWrap__form {
      padding: 64px 16px 40px;
    }
    .registerPromo {
      margin-top: 20px;
    }
    .formText {
      padding: 16px 0 0;
    }
    .formText p {
      font-size: 0.8125rem;
    }
    .goToTop {
      bottom: 16px;
      font-size: 0.75rem;
      line-height: 56px;
      right: 16px;
      width: 56px;
      height: 56px;
    }
    .orderTrack .indicator {
      margin-bottom: 6px;
    }
    .loadMore {
      --loadMoreSpace: 16px;
    }
    .message {
      margin-bottom: 30px;
    }
    .modal__wrap .btnWrap {
      margin-top: 24px;
    }
    .modal__titleWrap {
      margin-bottom: 24px;
      text-align: left;
    }
    .modal__titleWrap p {
      font-size: 0.875rem;
    }
    .modal__title {
      margin-inline: 0;
      text-align: left;
    }
    .modal__title {
      font-size: 1.125rem;
    }
    .newsletter__inner {
      margin: 0 auto;
      max-width: 400px;
    }
    .newsletter__form {
      border-bottom: 1px solid gray;
      margin-bottom: 24px;
      padding-bottom: 24px;
    }
    .newsletter__input {
      flex: 1;
    }
    .notifications {
      right: 0;
      padding: 0 var(--gridSpace);
      width: 100%;
    }
    .notifications__content {
      width: 100%;
    }
    .notificationsBtn:after {
      content: "";
      top: -1px;
      right: 0;
      width: 8px;
      height: 8px;
      background: #d91a32;
      border-radius: 50%;
    }
    .outputsRow {
      gap: 16px;
    }
    .output--init {
      padding: 8px;
    }
    .output--pickup:not(.output--init) .output__inner,
    .output--delivery:not(.output--init) .output__inner {
      background-size: auto 26px;
      padding-left: 60px;
      min-height: 26px;
    }
    .output--pickup.output--init .output__inner,
    .output--delivery.output--init .output__inner {
      background-size: auto 34px;
      padding-left: 64px;
      min-height: 34px;
    }
    .output--init .output__title {
      font-size: 0.875rem;
    }
    .product__title {
      font-size: 0.9375rem;
    }
    .productInfo .productTags {
      margin-bottom: 8px;
    }
    .productList .priceContainer {
      height: 32px;
    }
    .priceRow--total {
      font-size: 1rem;
      margin-bottom: 12px;
    }
    .productList .quantity {
      height: 34px;
    }
    .quantity__btn {
      font-size: 0.875rem;
      width: 40px;
    }
    .quantity__btn--notAvailable {
      font-size: 0.8125rem;
    }
    .quantity__input {
      font-size: 0.875rem;
    }
    .quantity__input span {
      font-size: 0.75rem;
      font-weight: 400;
    }
    .quantity__message {
      padding: 8px;
    }
    .result__title {
      font-size: 1.625rem;
      letter-spacing: -0.03em;
    }
    .result__p--b {
      font-size: 1.125rem;
      letter-spacing: -0.02em;
    }
    .result__code strong {
      display: block;
      margin-top: 8px;
    }
    .result__mainimg--notsupported {
      margin-bottom: 32px;
      max-width: 160px;
    }
    .sidemenu {
      margin-top: 16px;
    }
    .sliderSection {
      --sliderSectionSpaceBottom: 32px;
    }
    .simpleSlider--cat:not(.swiper-initialized) .swiper-slide {
      width: calc(33.3333333333% - 16px);
    }
    .productsSlider {
      margin-top: 16px;
    }
    .productsSlider .swiper-slide {
      width: 160px;
    }
    .storeTile__address {
      margin-bottom: 12px;
    }
    .storeTileSpecs {
      align-items: flex-start;
      flex-flow: column;
      margin-bottom: 15px;
    }
    .storeTileSpecs__title {
      font-size: 1.375rem;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.36;
    }
    .storeTileSpecs__title {
      font-size: 1.25rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.2;
      margin-bottom: 8px;
    }
    .storeTileSpecs__iconWrap {
      margin-bottom: 12px;
    }
    .storeTileOrder--details {
      flex-flow: column;
      margin-bottom: 32px;
      padding: 24px;
    }
    .storeTileOrder--details .storeTileOrder__icon {
      margin: 0 auto 16px 0;
    }
    .storeTileOrder--details .storeTileOrder__info {
      padding-right: 0;
      width: 100%;
      max-width: initial;
    }
    .storeTileOrder--details .storeTileOrder__actions {
      margin-top: 16px;
      width: 100%;
    }
    .storeSearch .form {
      background-color: #fff;
      transform: translateY(0);
    }
    .storeSearch.sticky {
      padding-bottom: 64px;
    }
    .storeSearch.sticky .form {
      padding-inline: var(--gridSpace);
      position: fixed;
      top: calc(var(--headerHeight) - 64px);
      left: 0;
      transform: translateY(100%);
      z-index: 3;
      transition: transform 250ms ease-out;
      width: 100%;
    }
    .storeSearch p:last-of-type {
      margin-bottom: 16px;
    }
    .pin__count {
      font-size: 1.125rem;
      letter-spacing: -0.02em;
      line-height: 1.2;
    }
    .mapInfo {
      padding-top: 46px;
      max-width: 246px;
    }
    .mapInfo__close {
      right: 16px;
      top: 16px;
      color: #333;
    }
    .storeLocator__title {
      font-size: 1.375rem;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.36;
    }
    .storeLocator__title {
      font-size: 1.25rem;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.2;
    }
    .storeLocator__sub {
      margin-bottom: 32px;
    }
    .storeLocator__form .field--small {
      display: none;
    }
    .storeHours {
      padding: 24px 24px 32px;
    }
    .storeHours .acc__header p {
      display: inline;
    }
    .storeHours .acc__headerInner {
      display: block;
    }
    .storeHours .acc__icon {
      display: inline-block;
    }
    .storeHours hr {
      margin: 27px auto;
      max-width: initial;
    }
    .storeHours__top {
      display: flex;
      align-items: flex-start;
      text-align: left;
      flex-flow: column;
    }
    .storeDetails__map {
      padding-top: calc(470 / 343 * 100%);
      position: relative;
      width: 100%;
    }
    .timetable {
      margin-bottom: 12px;
    }
    .timetable__day {
      border: none;
      padding-inline: 56px;
      height: 72px;
    }
    .timetableNav {
      justify-content: center;
      position: absolute;
      top: 16px;
      z-index: 2;
      width: 40px;
      height: 40px;
    }
    .timetableNav {
      font-size: 1rem;
    }
    .timetableNav__icon,
    .timetableNav__text {
      display: none;
    }
    .timetableNav--next {
      right: 4px;
    }
    .timetableNav--prev {
      left: 4px;
    }
    .topnav {
      margin-top: 16px;
    }
    .topnav__selected {
      border: 1px solid #a6a6a6;
      border-radius: 8px;
      color: #333;
      font-size: 0.9375rem;
      line-height: 1;
      overflow: hidden;
      padding: 16px 40px 16px 16px;
      position: relative;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%;
    }
    .topnav__selected:before {
      color: #838385;
      font-size: 1rem;
      margin-top: -8px;
      position: absolute;
      right: 16px;
      top: 50%;
      transition: transform 250ms ease-out;
      transform-origin: center;
    }
    .topnav__selected.active:before {
      transform: rotate(180deg);
    }
    .topnav__list {
      scroll-behavior: smooth;
      overflow: auto;
      scrollbar-color: rgba(166, 166, 166, 0.3) transparent;
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
      background-color: #fff;
      border: 1px solid #a6a6a6;
      border-radius: 8px;
      display: none;
      left: 0;
      margin-top: 12px;
      position: absolute;
      top: 100%;
      width: 100%;
      max-height: 400px;
    }
    .topnav__list::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .topnav__list::-webkit-scrollbar-thumb {
      background: rgba(166, 166, 166, 0.3);
      border-radius: 13px;
    }
    .topnav__list::-webkit-scrollbar-thumb:hover {
      background: rgba(166, 166, 166, 0.5);
    }
    .topnav__list::-webkit-scrollbar-thumb:active {
      background: rgba(166, 166, 166, 0.7);
    }
    .topnav__list::-webkit-scrollbar-track {
      background: transparent;
    }
    .topnav__item {
      line-height: 1.534;
      margin: 0;
    }
    .topnav__item:not(:first-child) {
      border-top: 1px solid #ececec;
    }
    .topnav__link {
      color: #333;
      display: block;
      font-size: 0.9375rem;
      padding: 12px 16px;
    }
    .topnav__link.selected {
      background-color: #f4f4f4;
    }
    .unavailabelBox .listTools--noBorder {
      padding-top: 8px;
    }
    .userMenu {
      right: 0;
      padding: 0 var(--gridSpace);
      width: 100%;
    }
    .userMenu__content {
      width: 100%;
    }
    .gridBoxes__box {
      width: calc(50% - var(--gridBoxSpace) * 2);
    }
    .userNavBlock {
      --tabItemHeight: 32px;
      margin-left: calc(-1 * var(--gridSpace));
      margin-bottom: 32px;
      overflow-x: auto;
      width: calc(100% + var(--gridSpace) * 2);
      max-width: initial;
    }
    .userNav {
      padding: 0 var(--gridSpace);
    }
    .userNav__item {
      white-space: nowrap;
      flex: 1 0 auto;
    }
    .userNav__item:not(:last-child) {
      margin-right: 8px;
    }
    .userNav__link {
      font-size: 0.875rem;
      font-weight: 500;
      letter-spacing: initial;
      line-height: 1.28;
      padding: 8px 12px;
    }
    .accountDetails {
      flex-direction: column;
      margin-bottom: 24px;
    }
    .accountDetails__form {
      margin-bottom: 8px;
    }
    .basketTable__row--head .basketTable__cell {
      font-size: 0.875rem;
    }
    .basketTable__cell--price {
      margin-right: 0;
    }
    .basketTable__cell--quant {
      margin: 0 16px;
    }
    .minibasket {
      --miniBasketWidth: 100%;
    }
    .minibasket__overlay {
      display: none;
    }
    .minibasket__inner {
      top: var(--headerHeight);
      height: calc(var(--windowHeight) - var(--headerHeight));
    }
    .minibasket__header {
      padding-top: 8px;
      padding-bottom: 12px;
    }
    .minibasket__product {
      padding: 16px 0;
    }
    .minibasket__bottom {
      padding: 12px 16px;
    }
    .minibasket .miniBasketButton {
      display: none;
    }
    .basketInfo {
      margin-top: 8px;
    }
    .secureCheckout {
      flex-direction: column;
    }
    .secureCheckout__text {
      margin: 0 0 8px 0;
    }
    .secureCheckout__img {
      width: 120px;
    }
    .checkout__title {
      margin: 0 0 31px;
    }
    .checkout > h2 {
      font-size: 1.375rem;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.36;
    }
    .checkout > h2 {
      margin: 0 0 46px;
    }
    .checkoutMsg {
      margin: 0 0 60px;
    }
    .checkoutMsg img {
      margin-bottom: 6px;
    }
    .checkoutMsg__title {
      margin: 0;
    }
    .checkoutMsg__code strong {
      display: block;
      margin-top: 8px;
    }
    .checkoutTracking {
      margin: 0 auto 54px;
      flex-flow: column;
    }
    .checkoutTracking__action {
      margin-top: 37px;
    }
    .checkoutTrackingMsg {
      margin: 0 0 56px;
    }
    .loyalty__img {
      margin-bottom: 20px;
    }
    .loyalty__inner {
      flex-flow: column;
      align-items: center;
    }
    .loyalty__row {
      flex-flow: column;
    }
    .loyalty__cell {
      width: 100%;
    }
    .loyalty__cell:not(:last-child) {
      margin-bottom: 1px;
    }
    .loyalty__table {
      width: 100%;
    }
    .loyaltyList {
      margin: 20px auto 0;
    }
    .loyaltyList li {
      font-size: 0.9375rem;
      font-weight: 400;
      letter-spacing: -0.03em;
      line-height: 1.47;
    }
    .history {
      --historycnt: 72px;
    }
    .history__mainimg {
      margin-bottom: 32px;
    }
    .history__date {
      padding-right: 38px;
    }
    .history__date:before,
    .history__date:after {
      right: 28px;
    }
    .landingList {
      --colGap: 0;
      row-gap: 0;
    }
    .landingList__item {
      width: 33.33%;
    }
    .landingItem__title {
      font-size: 0.875rem;
      margin: 0 var(--landingTitleMobSpace);
    }
    .landingItem--box .landingItem__title {
      font-size: 0.8125rem;
    }
    .landingItem__submenu {
      left: var(--landingTitleMobSpace);
      width: calc(100% - var(--landingTitleMobSpace) * 2);
    }
    .myLists--grid {
      --listsGap: 16px;
    }
    .myLists--row {
      --listsGap: 12px;
    }
    .myList--box {
      padding-top: 16px;
      padding-bottom: 16px;
    }
    .myList--box .myList__title {
      font-size: 1.125rem;
    }
    .productList .product .priceBlock__price,
    .productsSlider .product .priceBlock__price {
      font-size: 0.75rem;
      margin-top: 4px;
    }
    .productList .product .priceBlock__price--init,
    .productsSlider .product .priceBlock__price--init {
      font-size: 0.6875rem;
      line-height: 1.091;
      margin-top: 0;
    }
    .productList .product .priceBlock__price--b,
    .productsSlider .product .priceBlock__price--b {
      font-size: 0.875rem;
      line-height: 1.286;
      margin-top: 2px;
    }
    .productList .product .priceBlock__text,
    .productsSlider .product .priceBlock__text {
      font-size: 0.625rem;
      line-height: 1.2;
    }
    .orderRow__items {
      grid-area: 1/1/2/4;
      width: var(--orderProductsWidth);
    }
    .orderRow__status {
      grid-area: 2/1/3/4;
    }
    .orderRow__info--1 {
      grid-area: 3/1/4/2;
    }
    .orderRow__info--2 {
      grid-area: 3/2/4/3;
    }
    .orderRow__info--3 {
      grid-area: 3/3/4/4;
    }
    .orderHistory {
      --outerPaddingY: 18px;
      flex-flow: column;
    }
    .orderHistory .copyText__tooltip {
      bottom: 100%;
      transform: translate3d(-90%, -10px, 0);
      top: auto;
    }
    .orderHistory .copyText__tooltip--open {
      bottom: 100%;
      transform: translate3d(-90%, -15px, 0);
      top: auto;
    }
    .orderHistory--qr .orderHistory__section--top {
      margin-top: 0;
    }
    .orderHistory__qr {
      margin-right: 15px;
    }
    .orderHistory__section:not(.orderHistory__section--top) {
      padding-right: 0;
    }
    .orderHistory__section:not(.orderHistory__section--top):not(:last-child) {
      border-bottom: 1px solid #c2c2c2;
      margin-bottom: 10px;
      padding-bottom: 10px;
    }
    .orderHistory__section--top {
      align-items: flex-end;
      margin: 55px 0 15px;
    }
    .orderHistory__section--top .copyText {
      margin-bottom: 17px;
    }
    .orderStatusInfo {
      margin-bottom: 16px;
    }
    .orderTrack {
      margin: 0 0 16px;
      padding: 16px;
    }
    .orderTrack__inner {
      align-items: flex-start;
      flex-flow: column;
    }
    .orderTrack__date {
      display: block;
      margin-top: 6px;
    }
    .productPage {
      margin: 24px 0 32px;
    }
    .productPage__imageCol {
      margin: 0 auto 32px;
      max-width: 560px;
    }
    .productPage__imageMain {
      margin-bottom: 16px;
    }
    .productInfo__title {
      font-size: 1.5rem;
      line-height: 1.25;
    }
    .productInfo__desc {
      margin-bottom: 16px;
    }
    .productInfo__codeWrap {
      margin-bottom: 8px;
    }
    .productDetails {
      margin-top: 24px;
      padding-top: 24px;
    }
    .productDetails__heading {
      margin-bottom: 0;
    }
    .productDetailsNutrTable td {
      padding: 8px 14px;
    }
    .productSliderModal .modal__wrap {
      padding: 24px;
    }
    .productThumbs {
      --thumbImageWidth: 64px;
    }
    .productMainImg .imgControl {
      display: none;
    }
    .notifyMe__main {
      max-width: 90vw;
    }
  }

  @media (max-width: 767px) and (max-width: 767px) {
    .sectionTitle h2 {
      font-size: 1.125rem;
      letter-spacing: -0.02em;
      line-height: 1.2;
    }
    .storeTileSpecs__title {
      font-size: 1.125rem;
      letter-spacing: -0.02em;
      line-height: 1.2;
    }
    .storeLocator__title {
      font-size: 1.125rem;
      letter-spacing: -0.02em;
      line-height: 1.2;
    }
    .checkout > h2 {
      font-size: 1.125rem;
      letter-spacing: -0.02em;
      line-height: 1.2;
    }
  }

  @media (max-width: 639px) {
    .sectionTitle p {
      font-size: 0.9375rem;
    }
    .ordersBanner__img img {
      object-fit: contain;
      object-position: left top;
    }
    .ordersBanner__icon {
      margin-bottom: 16px;
    }
    .ordersBanner__text {
      max-width: 100%;
    }
    .btnWrap--stickyBtm {
      background-color: #fff;
      bottom: 0;
      left: 0;
      margin-top: 12px;
      padding-top: 20px;
      position: sticky;
      z-index: 9;
    }
    .footer {
      --footerSpaceTop: 40px;
    }
    .col--s1 {
      flex-basis: 8.3333333333%;
      max-width: 8.3333333333%;
    }
    .col--s2 {
      flex-basis: 16.6666666667%;
      max-width: 16.6666666667%;
    }
    .col--s3 {
      flex-basis: 25%;
      max-width: 25%;
    }
    .col--s4 {
      flex-basis: 33.3333333333%;
      max-width: 33.3333333333%;
    }
    .col--s5 {
      flex-basis: 41.6666666667%;
      max-width: 41.6666666667%;
    }
    .col--s6 {
      flex-basis: 50%;
      max-width: 50%;
    }
    .col--s7 {
      flex-basis: 58.3333333333%;
      max-width: 58.3333333333%;
    }
    .col--s8 {
      flex-basis: 66.6666666667%;
      max-width: 66.6666666667%;
    }
    .col--s9 {
      flex-basis: 75%;
      max-width: 75%;
    }
    .col--s10 {
      flex-basis: 83.3333333333%;
      max-width: 83.3333333333%;
    }
    .col--s11 {
      flex-basis: 91.6666666667%;
      max-width: 91.6666666667%;
    }
    .col--s12 {
      flex-basis: 100%;
      max-width: 100%;
    }
    .acc-section {
      margin-bottom: 40px;
    }
    .acc-section__title {
      font-size: 1.25rem;
    }
    .deliveryFlowNav {
      left: 16px;
    }
    .radiobutton--tab .icon {
      font-size: 1.375rem;
      margin-right: 4px;
    }
    .radiobutton--tab .radiobutton__label {
      font-size: 0.9375rem;
    }
    .form {
      --fieldColumnSpace: 24px;
    }
    .form__row {
      flex-direction: column;
      margin-left: calc(-1 * var(--fieldColumnSpace) / 2);
      width: calc(100% + var(--fieldColumnSpace));
    }
    .form__col {
      width: 100%;
    }
    .field {
      flex: 1;
    }
    .field--small {
      flex: initial;
    }
    .field__legend {
      margin: 0 0 20px;
    }
    .field__mapInner {
      padding-top: 137.0262390671%;
    }
    .formBox__text {
      font-size: 0.875rem;
    }
    .radiobuttons--inline,
    .checkboxes--inline {
      flex-flow: column;
    }
    .file-upload__title {
      max-width: 151px;
    }
    .loginWrap__form {
      padding-bottom: 24px;
    }
    .modal__wrap {
      padding: 64px 16px 24px;
    }
    .outputsRow {
      gap: 8px;
      flex-direction: column;
    }
    .product__discount {
      border-width: 3px;
      font-size: 0.6875rem;
      font-weight: 500;
      width: 44px;
      height: 44px;
    }
    .product__discount .product__discountVal {
      font-size: 0.875rem;
      margin-bottom: -3px;
    }
    .product__badge {
      --badgePosition: var(--productPadding);
    }
    .simpleSlider--cat:not(.swiper-initialized) .swiper-slide {
      width: calc(50% - 16px);
    }
    .storeTileOrder {
      flex-wrap: wrap;
      padding: 10px;
    }
    .storeTileOrder__details {
      margin-bottom: 4px;
    }
    .storeTileOrder__actions {
      flex-basis: 100%;
      margin-top: 20px;
    }
    .storeTileOrder__actions .button {
      width: 100%;
    }
    .tooltip__main {
      padding: 16px;
    }
    .gridBoxes {
      margin: 32px 0 32px calc(-1 * var(--gridBoxSpace));
    }
    .gridBoxes__box {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
    }
    .contentBox {
      flex-wrap: wrap;
    }
    .contentBox__icon {
      font-size: 2rem;
      margin: 0 8px 0 0;
    }
    .contentBox__title {
      margin-bottom: 0;
    }
    .contentBox__text {
      margin-top: 8px;
      width: 100%;
    }
    .addBox__icon {
      font-size: 3.5rem;
      margin-bottom: 24px;
    }
    .addBox__text {
      margin-bottom: 24px;
    }
    .addresses__box,
    .addresses .addBox {
      width: 100%;
    }
    .basketTable {
      --imgWidth: 80px;
      --basketProductSpaceV: 16px;
    }
    .basketTable .basketTable__row:not(.basketTable__row--head) {
      align-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      padding: var(--basketProductSpaceV) 8px var(--basketProductSpaceV) 96px;
      min-height: 112px;
    }
    .basketTable .basketTable__remove {
      font-size: 1.5rem;
      margin: 0;
      right: 8px;
      top: var(--basketProductSpaceV);
      z-index: 2;
    }
    .basketTable .basketTable__cell--product {
      flex: auto;
      width: 100%;
    }
    .basketTable .basketTable__cell--product:not(:last-child) {
      margin-bottom: 8px;
    }
    .basketTable .basketTable__cell--quant {
      margin: 0;
    }
    .basketTable .basketTable__cell--price {
      align-items: flex-end;
      display: inline-flex;
      flex: 1;
      justify-content: flex-end;
      margin: 0;
      width: auto;
      height: 34px;
    }
    .basketTable .fav {
      font-size: 1.5rem;
      margin: 0;
      right: 40px;
      top: var(--basketProductSpaceV);
    }
    .basketTable .product__img {
      left: 8px;
      margin-top: -40px;
      position: absolute;
      top: 50%;
    }
    .basketTable .product__title {
      font-size: 0.9375rem;
      padding-right: 72px;
    }
    .basketTable__row--head .basketTable__cell--product:not(:last-child) {
      margin-bottom: 0;
    }
    .basketTable__row--head .basketTable__cell:not(:first-child) {
      display: none;
    }
    .minibasket .basketTable .priceBlock__price {
      font-size: 1rem;
      line-height: 1.375;
    }
    .minibasket .basketTable .priceBlock__price--init {
      font-size: 0.6875rem;
      line-height: 1.546;
      margin-bottom: 2px;
      margin-top: 0;
    }
    .minibasket .basketTable .product__title {
      font-size: 0.8125rem;
    }
    .form--basket {
      margin-block: 20px;
    }
    .checkoutStep {
      --checkoutStepSpace: 16px;
    }
    .history__section {
      padding: 0 12px;
    }
    .history__thumb {
      margin-bottom: 20px;
    }
    .listsBlock {
      left: 0;
      opacity: 0;
      padding: 24px;
      position: fixed;
      top: 0;
      transition: opacity 250ms ease-in-out;
      z-index: 9;
      width: 100%;
      height: 100%;
    }
    .wishlistButton:not(.open) .listsBlock {
      pointer-events: none;
    }
    .wishlistButton.open .listsBlock {
      opacity: 1;
    }
    .listsBlock__inner {
      padding-top: 56px;
      z-index: 10;
      height: 100%;
    }
    .listsBlock__title {
      font-size: 1.25rem;
      font-weight: 700;
      text-align: center;
    }
    .listsBlock__list {
      margin-bottom: 20px;
      padding-bottom: 20px;
    }
    .listsBlock__close {
      font-size: 1.5rem;
      right: 16px;
      top: 16px;
    }
    .myLists--grid .myList {
      width: 100%;
    }
    .myLists--row .myList {
      width: 100%;
    }
    .productList .product .product__img,
    .productsSlider .product .product__img {
      margin-left: calc(-1 * var(--productPadding));
      width: calc(100% + var(--productPadding) * 2);
    }
    .productList .product {
      width: calc(50% - var(--productSpaceH) / 2);
    }
    .listTools {
      padding-bottom: 8px;
    }
    .orderRow {
      display: flex;
      flex-direction: column;
      gap: var(--orderRowGap);
    }
    .orderSum {
      --orderSumColSpace: 16px;
    }
    .productPage__imageCol {
      margin-bottom: 24px;
    }
    .productInfo__quantity {
      margin: 14px 0 20px;
    }
    .productInfo .priceContainer {
      margin: 0 0 8px;
    }
    .productThumbs .swiper-button-prev,
    .productThumbs .swiper-button-next {
      top: 0;
      height: 100%;
    }
    .productThumbs .swiper-button-prev:before {
      background: linear-gradient(
        to right,
        white 0%,
        rgba(255, 255, 255, 0) 100%
      );
    }
    .productThumbs .swiper-button-next:before {
      background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
    }
    .productHeader .product__img {
      width: 56px;
    }
    .productHeader .addToCartButton {
      min-width: initial;
    }
    .productHeader .addToCartButton:before {
      margin-right: 0;
    }
    .productHeader .addToCartButton__text {
      display: none;
    }
    .notifyMe__main {
      padding: 16px;
    }
  }

  @media (max-width: 639px) and (max-width: 639px) {
    .basketTable .priceBlock__price {
      font-size: 1rem;
      line-height: 1.375;
    }
    .basketTable .priceBlock__price--init {
      font-size: 0.6875rem;
      line-height: 1.546;
      margin-bottom: 2px;
      margin-top: 0;
    }
    .basketTable .product__title {
      font-size: 0.8125rem;
    }
  }

  @media (max-width: 479px) {
    :root {
      --formMaxWidthS: 100%;
    }
    .sectionTitle {
      align-items: flex-start;
      flex-direction: column;
    }
    .btnWrap {
      --buttonsMargin: 4px;
      align-items: center;
      flex-direction: column;
    }
    .btnWrap .button {
      width: 100%;
    }
    ul.listCols {
      column-count: 1;
    }
    .header--checkout .header__topInner {
      padding-top: 42px;
    }
    .header--checkout .header__logo {
      top: 0;
      transform: translateX(-50%);
    }
    .articleList--contests .article {
      width: 100%;
    }
    .catalogueList .catalogue {
      width: 100%;
    }
    .emptyContent {
      grid-template-areas: "icon text" "buttons buttons";
    }
    .table {
      --paddingExternalX: 20px;
      --cellPaddingY: 8px;
      margin: 20px 0 32px;
      font-size: 0.8125rem;
      font-weight: 400;
      letter-spacing: -0.02em;
      line-height: 1.07;
    }
    .table th {
      display: none;
    }
    .table tr {
      border-width: 1px;
    }
    .table tr:not(.highlight) {
      border-color: #ececec;
    }
    .table thead tr {
      display: none;
    }
    .table td:first-child {
      padding-top: var(--paddingExternalY);
    }
    .table td:last-child {
      padding-bottom: var(--paddingExternalY);
    }
    .table td {
      align-items: center;
      display: flex;
      justify-content: flex-start;
      max-width: initial;
      padding: var(--cellPaddingY) var(--paddingExternalX);
    }
    .table td.table__tools {
      padding: 11px var(--paddingExternalX) 24px;
    }
    .table td.table__tools {
      position: relative;
      margin-top: var(--cellPaddingY);
      justify-content: flex-end;
    }
    .table td.table__tools:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: var(--paddingExternalX);
      left: var(--paddingExternalX);
      border-top: 1px dashed #838385;
    }
    .table .mob-th {
      display: inline-block;
      margin-right: 25px;
      flex: 0 0 45%;
    }
    .accountDetails__box {
      width: 100%;
    }
    .checkoutTracking__action {
      min-width: initial;
      width: 100%;
    }
    .landingList__item {
      width: 50%;
    }
    .addProduct {
      flex-wrap: wrap;
    }
    .addProduct .quantity {
      margin-bottom: 16px;
    }
    .addToCartButton {
      width: calc(100% - 64px);
    }
    .productHeader .product__desc {
      display: none;
    }
  }

  @media (hover: hover) and (pointer: fine) {
    .breadcrumb__itemLink:hover {
      color: var(--buttonColorHover);
    }
    .breadcrumb__itemLink:active {
      color: var(--buttonColorActive);
    }
    .button:not(.disabled):hover {
      background-color: var(--buttonColorHover);
    }
    .button:not(.disabled):active {
      background-color: var(--buttonColorActive);
    }
    .button--border:not(.disabled):hover {
      background: transparent;
      border-color: var(--buttonColorHover);
      color: var(--buttonColorHover);
    }
    .button--border:not(.disabled):active {
      background: transparent;
      border-color: var(--buttonColorActive);
      color: var(--buttonColorActive);
    }
    .button--alt:not(.disabled):hover {
      background: #f7f5f0;
      border-color: #c2c2c2;
      color: inherit;
    }
    .button--alt:not(.disabled):hover .icon {
      color: #f47920;
    }
    .button--alt:not(.disabled):active {
      background: #f2efe8;
      border-color: #c2c2c2;
      color: inherit;
    }
    .button--alt:not(.disabled):active .icon {
      color: #f47920;
    }
    .iconButton--border:not(.disabled):hover {
      border-color: var(--buttonColorHover);
    }
    .iconButton--border:not(.disabled):active {
      border-color: var(--buttonColorActive);
    }
    .iconButton:not(.disabled):hover,
    .selectedFilters__remove:not(.disabled):hover {
      color: var(--buttonColorHover);
    }
    .iconButton:not(.disabled):active,
    .selectedFilters__remove:not(.disabled):active {
      color: var(--buttonColorActive);
    }
    .link:not(.disabled):hover,
    .text a:not(.disabled):hover,
    p a:not(.disabled):hover {
      color: var(--buttonColorHover);
    }
    .link:not(.disabled):active,
    .text a:not(.disabled):active,
    p a:not(.disabled):active {
      color: var(--buttonColorActive);
    }
    .deliveryTypeInfo__link:hover {
      color: var(--buttonColorHover);
    }
    .deliveryTypeInfo__link:active {
      color: var(--buttonColorActive);
    }
    .categoriesList__item > a:hover,
    .categoriesList__item > .acc__header:hover {
      color: #333;
    }
    .checkbox__label a:hover,
    .radiobutton__label a:hover {
      text-decoration: underline;
    }
    .radiobutton--box:not(.disabled):hover .radiobutton__border {
      background-color: #f4f4f4;
    }
    .radiobutton--onlyColor:hover .radiobutton__icon {
      border-color: #838385;
    }
    .radiobutton--onlyIcon:hover .radiobutton__icon {
      border-color: #a6a6a6;
    }
    .select__option:not(.selected):hover,
    .autocomplete__option:not(.selected):hover {
      background-color: #f4f4f4;
    }
    .select__option:not(.selected):active,
    .autocomplete__option:not(.selected):active {
      background-color: #ececec;
    }
    .select--card .select__option:not(.selected):hover,
    .select--card .autocomplete__option:not(.selected):hover {
      background-color: #f7f5f0;
    }
    .select--card .select__option:not(.selected):active,
    .select--card .autocomplete__option:not(.selected):active {
      color: var(--buttonColorActive);
    }
    .file-upload__delete:hover {
      color: #838385;
    }
    .file-upload__delete:hover .file-upload__icon {
      color: #a6a6a6;
    }
    .file-upload__delete:active {
      color: #f47920;
    }
    .file-upload__delete:active .file-upload__icon {
      color: #f47920;
    }
    .goToTop:hover:before {
      transform: translateY(-6px);
    }
    .mainNav__item:hover {
      color: #333;
    }
    .megamenu__list a:hover {
      color: #333;
    }
    .output__link:hover,
    .output__mainLink:hover {
      color: var(--buttonColorHover);
    }
    .output__link:active,
    .output__mainLink:active {
      color: var(--buttonColorActive);
    }
    .pagination__link:hover {
      color: var(--buttonColorHover);
    }
    .pagination__link:active {
      color: var(--buttonColorActive);
    }
    .quantity--init:hover:after {
      background-color: #e8e2d7;
    }
    .quantity__btn:not(.disabled):hover {
      background-color: var(--buttonBgColorHover);
    }
    .quantity__btn:not(.disabled):active {
      background-color: var(--buttonBgColorActive);
    }
    .sideNav__item--level1:not(.open) .sideNav__link--level1:hover {
      color: #838385;
    }
    .sideNav__link--level2:not(.active):hover {
      color: #838385;
    }
    .swiper-button-prev:not(.swiper-button-disabled):hover,
    .swiper-button-next:not(.swiper-button-disabled):hover {
      color: #595959;
    }
    .swiper-button-prev:not(.swiper-button-disabled):active,
    .swiper-button-next:not(.swiper-button-disabled):active {
      color: #f47920;
    }
    .table tbody tr:hover:after {
      opacity: 1;
    }
    .timetable__hour:not(.timetable__hour--selected):not(.timetable__hour--unavailable):hover {
      border-color: #a6a6a6;
    }
    .playvideo__icon:hover {
      color: var(--buttonColorHover);
    }
    .playvideo__icon:active {
      color: var(--buttonColorActive);
    }
    .userMenu__link:hover {
      color: var(--hoverColor);
    }
    .contentBox__link:hover {
      color: #333;
    }
    .userNav__link:not(.active):hover {
      background-color: #e8e2d7;
    }
    .contactinfo__link:hover {
      color: #838385;
    }
    .contactinfo__link:active {
      color: #f47920;
    }
    .contactinfo__link:active .contactinfo__icon {
      color: #f47920;
    }
    .landingList__item:hover .landingItem__title {
      color: #fff;
    }
    .landingList__item:hover .landingItem__title:before {
      opacity: 1;
    }
    .landingItem__link:hover {
      color: var(--buttonColorHover);
    }
    .landingItem__link:active {
      color: var(--buttonColorActive);
    }
    .landingItem--box .landingItem__title:hover {
      color: var(--buttonColorHover);
    }
    .landingItem--box .landingItem__title:active {
      color: var(--buttonColorActive);
    }
    .landingItem__submenuLink:hover {
      color: #838385;
    }
    .myList--box:hover:after {
      opacity: 1;
    }
    .myList__title:hover {
      color: var(--buttonColorHover);
    }
    .myList__title:active {
      color: var(--buttonColorActive);
    }
    .productList .product:hover,
    .productsSlider .product:hover {
      box-shadow: 0px 6px 16px rgba(51, 51, 51, 0.15);
    }
    .productThumbs__slide:not(.swiper-slide-thumb-active):hover:after {
      opacity: 1;
      border-color: #a6a6a6;
    }
    .sitemapnav__link:hover {
      color: var(--buttonColorHover);
    }
    .sitemapnav__link:active {
      color: var(--buttonColorActive);
    }
  }

  @media (hover: none) and (pointer: coarse) {
    .landingList__item.active .landingItem__title {
      color: #fff;
    }
    .landingList__item.active .landingItem__title:before {
      opacity: 1;
    }
  }
  /*# sourceMappingURL=main.css.map */