/* Start:/local/templates/purpur/css/animate.css?17564195146836*/
.ps__rail-x,
.ps__rail-y {
  transition: background-color 0.2s linear, opacity 0.2s linear;
}

.ps__thumb-x {
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
}

.ps__thumb-y {
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
}

.breadcrumbs__link {
  transition: color 0.2s;
}

.btn--purple,
.btn--gray {
  transition: background-color 0.2s;
}

.btn--white {
  transition: border-color 0.2s, box-shadow 0.2s;
}

.cabinet-tabs__nav-link {
  transition: 0.2s color;
}

.cart-btn {
  transition: background-color 0.2s;
}

.contacts-page__list-item a {
  transition: 0.2s color;
}

.contacts-page__close-btn svg {
  transition: all 0.2s;
}

.custom-search__icon {
  transition: 0.2s linear stroke;
}

.custom-select__close-btn svg {
  transition: stroke 0.2s, fill 0.2s;
}

.custom-select__option {
  transition: color 0.2s;
}

.custom-select__option--selected {
  transition: color 0.2s, border-color 0.2s;
}

.custom-select__option--selected svg {
  transition: transform 0.2s;
}

.custom-select__search-input {
  transition: border-color 0.2s;
}

.delivery-method__container {
  transition: 0.2s display;
}

.delivery-method__title {
  transition: 0.2s all;
}

.delivery-method__title-icon {
  transition: 0.2s all;
}

.delivery-method__notice {
  transition: 0.2s all;
}

.features-item__link {
  transition: 0.2s color;
}

.features__list.owl-carousel .owl-prev svg,
.features__list.owl-carousel .owl-next svg {
  transition: fill 0.2s;
}

.filter-group__title {
  transition: color 0.2s;
}

.filter-group__title-icon {
  transition: stroke 0.2s, transform 0.2s;
}

.footer-menu {
  transition: 0.2s all;
}

.footer-menu__title::after {
  transition: 0.2s all;
}

.footer-menu__link {
  transition: color 0.2s;
}

.footer-menu__link::after {
  transition: background 0.2s;
}

.form-field__label {
  transition: 0.2s all;
}

.form-field__show-pass {
  transition: 0.2s color;
}

.form-field__icon {
  transition: 0.2s stroke;
}

.form__selector-label::before {
  transition: background-color 0.2s, border-color 0.2s;
}

.form__field--borderless {
  transition: border-color 0.2s;
}

.form__custom-placeholder {
  transition: top 0.2s, font-size 0.2s, color 0.2s;
}

.goods-filter__btn--reset {
  transition: color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.mm-panel {
  transition: transform 0.4s ease;
}

.mm-navbar {
  transition: opacity 0.4s ease;
}

.link {
  transition: 0.2s color, background-image;
}

.list-display-btn {
  transition: color 0.2s;
}

.list-display-btn::before,
.list-display-btn::after {
  transition: background-color 0.2s;
}

.main-menu__icon {
  transition: 0.2s fill;
}

.main-menu__link {
  transition: color 0.2s;
}

.main-menu__sublist {
  transition: opacity 0.2s, transform 0.2s;
}

.main-menu__subitem a {
  transition: 0.2s color;
}

.main-menu__icon-arrow {
  transition: 0.2s fill;
}

.mobile-cabinet__link {
  transition: color 0.2s;
}

.mobile-cabinet__icon {
  transition: stroke 0.2s;
}

.mobile-menu__item > a,
.mobile-menu__link {
  transition: color 0.2s;
}

.mobile-menu__subitem a {
  transition: color 0.2s;
}

.mobile-menu__subitem a svg {
  transition: fill 0.2s;
}

.modal-menu__btn-icon {
  transition: stroke 0.2s, fill 0.2s;
}

.owl-height {
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-play-icon {
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-tn {
  transition: opacity 400ms ease;
}

.page-header__number-link {
  transition: 0.2s color;
}

.pagination__btn {
  transition: border-color 0.2s, box-shadow 0.2s;
}

.payment-method a {
  transition: 0.2s all;
}

.payment-page__tabs-item a {
  transition: 0.2s color;
}

.popup-block__icon {
  transition: 0.2s linear stroke;
}

.popup-content {
  transition: opacity 0.2s, transform 0.2s;
}

.popup-content__icon {
  transition: 0.2s linear stroke;
}

.popup-content__menu-link {
  transition: color 0.2s;
}

.popup-content__menu-icon {
  transition: stroke 0.2s;
}

.popup-product-card__favorite-btn::after {
  transition: 0.2s transform;
}

.popup-search__icon {
  transition: 0.2s linear stroke;
}

.popup-search__input {
  transition: 0.2s linear border-bottom-color;
}

.popup-search__link {
  transition: 0.2s linear color;
}

.popup-search__count {
  transition: 0.2s linear color;
}

.popup-sign__icon {
  transition: 0.2s linear stroke;
}

.popup-sign__file-label {
  transition: border-color 0.2s;
}

.product-page__add-to-favorite-btn svg {
  transition: transform 0.2s;
}

.product-page__video-btn {
  transition: 0.2s all;
}

.product-page__video-btn svg {
  transition: 0.2s all;
}

.product__title {
  transition: color 0.2s;
}

.product__add-to-favorite-btn {
  transition: transform 0.2s;
}

.product__add-to-favorite-btn svg {
  transition: transform 0.2s, stroke 0.2s;
}

.product {
  transition: box-shadow 0.4s;
}

.product__btn-wrapper {
  transition: box-shadow 0.4s, opacity 0.4s;
}

.product__btn {
  transition: background-color 0.2s, transform 0.4s;
}

.products-categories__link {
  transition: 0.2s color;
}

.products-categories__link-bg {
  transition: 0.4s transform;
}

.promo-slider__list.owl-carousel .owl-dot span {
  transition: 0.2s opacity;
}

.promo-slider__list.owl-carousel .owl-prev svg,
.promo-slider__list.owl-carousel .owl-next svg {
  transition: fill 0.2s;
}

.quantity-control__btn {
  transition: background-color 0.2s;
}

.quantity-control__btn::before,
.quantity-control__btn--plus::after {
  transition: background-color 0.2s;
}

.return-page__phone-number {
  transition: 0.2s all;
}

.return-page__link {
  transition: color 0.2s;
}

.return-page__link::after {
  transition: background 0.2s;
}

.search-block__icon {
  transition: 0.2s linear stroke;
}

.search-block__link {
  transition: 0.2s linear color;
}

.search-block__count {
  transition: 0.2s linear color;
}

.sign-soc__link::after {
  transition: 0.2s ease-in-out max-width, 0.2s ease-in-out max-height;
}

.similar-goods__btn svg {
  transition: 0.2s stroke;
}

.soc-links__item {
  transition: 0.2s border-color;
}

.soc-links__item svg {
  transition: 0.2s fill;
}

.sort-pane__btn {
  transition: color 0.2s, background-color 0.2s;
}

.tabs-container__tab-title-icon {
  transition: transform 0.2s;
}

.tabs-container__btn {
  transition: color 0.2s;
}

.tabs-container__tab--collapsible .tabs-container__display-btn {
  transition: color 0.2s;
}

.tabs-container__display-btn-icon {
  transition: stroke 0.2s;
}

.tabs-controls__btn {
  transition: color 0.2s;
}

.user-menu__link {
  transition: color 0.2s;
}

.user-menu__icon {
  transition: stroke 0.2s;
}

.user-menu__sublist-link {
  transition: color 0.2s;
}

.user-page-content__navigation-icon {
  transition: stroke 0.2s, fill 0.2s;
}

.video-popup__btn-icon {
  transition: stroke 0.2s;
}

/* End */


/* Start:/local/templates/purpur/css/style.css?1742724340295080*/
@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

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

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

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

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

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

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

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

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

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
input {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: "Macho";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Macho Semi Bold"), local("Macho SemiBold"), url("/local/templates/purpur/css/../fonts/Macho-SemiBold.woff2") format("woff2"), url("/local/templates/purpur/css/../fonts/Macho-SemiBold.woff") format("woff");
}

:root {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

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

body {
    font-family: "Circe", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.25;
    color: #202020;
    margin: 0;
    min-width: 320px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

@-moz-document url-prefix() {
    body {
        font-weight: 200;
    }
}

.errortext{
	color: red;
}

.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
}

/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.scrollbar-rail.ps {
    position: relative;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 0;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    width: 5px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.scrollbar-rail .ps__rail-y {
    opacity: 1;
    width: 1px;
}

.scrollbar-rail--wide .ps__rail-y {
    width: 5px;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.scrollbar-rail.ps--active-y > .ps__rail-y {
    display: block;
    background-color: #ebebeb;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.scrollbar-rail.ps:hover > .ps__rail-y,
.scrollbar-rail.ps--focus > .ps__rail-y,
.scrollbar-rail.ps--scrolling-y > .ps__rail-y {
    opacity: 1;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}

.scrollbar-rail.ps .ps__rail-y:hover,
.scrollbar-rail.ps .ps__rail-y:focus,
.scrollbar-rail.ps .ps__rail-y.ps--clicking {
    background-color: #ebebeb;
    opacity: 1;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #b5b5b5;
    border-radius: 6px;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
    cursor: pointer;
}

.ps__thumb-y {
    background-color: #b5b5b5;
    border-radius: 6px;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
    cursor: pointer;
}

.scrollbar-rail .ps__thumb-y {
    right: 0;
    width: 3px;
    border-radius: 3px;
}

.scrollbar-rail--wide .ps__thumb-y {
    width: 5px;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #421a8e;
    height: 10px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #421a8e;
    width: 10px;
}

.scrollbar-rail .ps__rail-y:hover > .ps__thumb-y,
.scrollbar-rail .ps__rail-y:focus > .ps__thumb-y,
.scrollbar-rail .ps__rail-y.ps--clicking .ps__thumb-y {
    width: 6px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.breadcrumbs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: white;
}

.breadcrumbs--mobile-hidden {
    display: none;
}

.breadcrumbs__link {
    position: relative;
    display: none;
    font-size: 13px;
    text-decoration: none;
    color: #b5b5b5;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.breadcrumbs__link::before {
    content: "";
    position: absolute;
    right: -19px;
    top: 50%;
    width: 6px;
    height: 6px;
    background: center url("/local/templates/purpur/css/../img/breadcrumbs-arrow.svg") no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.breadcrumbs__link--level-back {
    display: block;
    padding-left: 10px;
}

.breadcrumbs__link--level-back::before {
    left: -2px;
    right: auto;
    margin-top: -1px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.breadcrumbs__link:focus:not(.focus-visible) {
    color: #b5b5b5;
}

.breadcrumbs__link:active:not(.focus-visible), .breadcrumbs__link:focus {
    color: #202020;
}

.btn {
    display: block;
    font-family: inherit;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    border: none;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.btn:disabled {
    cursor: default;
}

.btn--purple {
    color: #ffffff;
    background-color: #421a8e;
}

.btn--purple:not(:disabled):active {
    background-color: #f06292;
}

.btn--white {
    color: #202020;
    background-color: #ffffff;
    border: 1px solid #dedede;
    -webkit-box-shadow: inset 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px transparent;
}

.btn--white:not(:disabled):active {
    border-color: #202020;
    -webkit-box-shadow: inset 0 0 0 1px #202020;
    box-shadow: inset 0 0 0 1px #202020;
}

.btn--gray {
    color: #202020;
    background-color: #f5f5f5;
}

.btn--gray:not(:disabled):active {
    background-color: #dedede;
}

.cabinet-tabs {
    padding: 15px 20px 25px;
    max-width: 480px;
    margin: 0 auto;
    width: 100%;
}

.cabinet-tabs__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.cabinet-tabs__title {
    display: none;
}

.cabinet-tabs__nav-item {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.cabinet-tabs__nav-link {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #202020;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    padding: 10px;
    border-bottom: 3px solid #e0e0e0;
}

.cabinet-tabs__nav-item.active .cabinet-tabs__nav-link {
    font-weight: bold;
    border-bottom-color: #421a8e;
}

.cabinet-tabs__nav-item.active .cabinet-tabs__nav-link:hover {
    color: #202020;
}

.cabinet-tabs__content-item {
    display: none;
}

.cabinet-tabs__content-item.active {
    display: block;
}

.cart-btn {
    display: block;
    padding: 16px 20px 14px;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: white;
    background-color: #421a8e;
    border: none;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.cart-btn:active, .cart-btn:focus {
    background-color: #f06292;
}

.cart-btn:focus:not(.focus-visible) {
    background-color: #421a8e;
}

.cart-btn:active {
    -webkit-transition: 0ms;
    transition: 0ms;
}

.cart-btn--in-cart, .cart-btn--in-cart:hover, .cart-btn--in-cart:active, .cart-btn--in-cart:focus:not(.focus-visible) {
    background-color: #f06292;
}

.cart-btn__text {
    padding-left: 29px;
    background-position: 1px 0;
    background-size: 17px 19px;
    background-repeat: no-repeat;
    background-image: url("/local/templates/purpur/css/../img/add-to-cart.svg");
    position: relative;
}

.cart-btn--in-cart .cart-btn__text {
    background-image: url("/local/templates/purpur/css/../img/in-cart.svg");
}

.cart-btn__mobile-hidden-text {
    display: none;
}

.cart-form {
    width: 100%;
}

.cart-form__wrap {
    width: 100%;
    position: relative;
}

.cart-form__list {
    margin-bottom: 30px;
}

.cart-info {
    margin: 0 -20px;
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    font-family: "Circe", Helvetica, Arial, sans-serif;
    color: #202020;
    text-align: left;
    background-color: #f7f7f7;
}

.cart-info__count {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.cart-info__promo-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
}

.cart-info__promo-code-input {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 13px;
    line-height: normal;
    color: #202020;
    border: solid 1px #dedede;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-appearance: none;
}

.cart-info__promo-code-input::-webkit-input-placeholder {
    color: #b5b5b5;
}

.cart-info__promo-code-input:-ms-input-placeholder {
    color: #b5b5b5;
}

.cart-info__promo-code-input::-ms-input-placeholder {
    color: #b5b5b5;
}

.cart-info__promo-code-input::placeholder {
    color: #b5b5b5;
}

.cart-info__promo-code-input:focus {
    outline: none;
}

.cart-info__promo-code-btn {
    width: 140px;
    padding-top: 15px;
    padding-bottom: 13px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #b5b5b5;
    text-align: center;
    text-transform: uppercase;
    background-color: #dedede;
    border: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}

.cart-info__promo-code-btn:disabled {
    cursor: default;
}

.cart-info__promo-code-btn--correct {
    background-color: #f06292;
    background-image: url("/local/templates/purpur/css/../img/promo-code-accept.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.cart-info__promo-code-btn--ready {
    color: #ffffff;
    background-color: #f06292;
}

.cart-info__table {
    width: 100%;
    margin-bottom: 16px;
}

.cart-info__table-row:not(:last-child) .cart-info__table-row-desk,
.cart-info__table-row:not(:last-child) .cart-info__table-row-cost {
    padding-bottom: 15px;
}

.cart-info__table-row--total {
    font-weight: 700;
}

.cart-info__table-row-desk {
    padding: 0;
}

.cart-info__table-row-desk--total span {
    font-weight: 400;
    color: #b5b5b5;
}

.cart-info__table-row-cost {
    padding: 0;
    text-align: right;
}

.cart-info__delivery {
    margin-top: 0;
    margin-bottom: 23px;
    color: #b5b5b5;
}

.cart-info__btn {
    width: 100%;
    padding: 18px 0 16px 0;
    font-size: 14px;
    border-radius: 3px;
}

.cart-info__btn.btn--purple {
    -webkit-transition: none;
    transition: none;
}

.cart-info--not-scroled {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 -3px 8px 0 rgba(32, 32, 32, 0.04);
    box-shadow: 0 -3px 8px 0 rgba(32, 32, 32, 0.04);
}

.cart-list__item:not(:first-child) {
    clear: left;
}

.cart-list__item:not(:last-child) {
    margin-bottom: 20px;
}

.catalog-page {
    margin-bottom: 30px;
}

.catalog-page__breadcrumbs {
    margin-bottom: 10px;
}

.catalog-page__page-title {
    margin-bottom: 15px;
    margin-left: -2px;
}

.catalog-page__modal-controls {
    margin-bottom: 10px;
}

.clearfix {
    width: 100%;
    height: 0;
    clear: both;
}

.contacts-page {
    padding-top: 5px;
    padding-bottom: 30px;
}

.contacts-page .contacts-page__title {
    font-size: 26px;
    margin-bottom: 15px;
    margin-left: -4px;
}

.contacts-page__text {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
}

.contacts-page__text p {
    margin: 0;
}

.contacts-page__subtitle {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

.contacts-page__showmap-btn {
    border: none;
    background: none;
    padding: 10px 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    color: #f06292;
    cursor: pointer;
    margin-bottom: 17px;
}

.contacts-page__list {
    padding-top: 23px;
    padding-bottom: 29px;
    border-top: 1px solid #ececec;
}

.contacts-page__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
    letter-spacing: 0.9px;
}

.contacts-page__list-item:last-child {
    margin-bottom: 0;
}

.contacts-page__list-item a {
    color: inherit;
    text-decoration: none;
}

.contacts-page__list-item a:active {
    color: #f06292;
}

.contacts-page__icon {
    display: block;
    fill: none;
    stroke: #421a8e;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    margin-right: 14px;
}

.contacts-page__icon--phone {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.contacts-page__btn {
    font-size: 14px;
    line-height: 30px;
    padding: 11px 30px 9px;
    width: 100%;
}

.contacts-page__map {
    height: 349px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.contacts-page__popup {
    background: #fff;
    position: fixed;
    z-index: 99;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    display: none;
}

.contacts-page__popup--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contacts-page__popup-head {
    padding: 16px 35px 13px;
    background: #fff;
    border-bottom: 1px solid rgba(224, 224, 224, 0.5);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.contacts-page__popup-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #2d2d2d;
    letter-spacing: 1px;
}

.contacts-page__close-btn {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 16px;
    right: 0;
    top: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.contacts-page__close-btn svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: #b5b5b5;
    stroke: #b5b5b5;
    stroke-width: 2;
    stroke-linecap: round;
}

.contacts-page__close-btn:hover svg {
    fill: #f06292;
    stroke: #f06292;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.custom-search {
    position: absolute;
    z-index: 10000000;
    top: 10px;
    right: 10px;
    display: none;
    width: 240px;
    background-color: #ffffff;
    border-radius: 2px;
}

.custom-search__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 220px;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 3px;
    padding-left: 18px;
    border-bottom: 1px solid #dedede;
}

.custom-search__search:hover {
    border-bottom-color: #b5b5b5;
}

.custom-search__search-input {
    width: 180px;
    border: 0;
    font-size: 16px;
    line-height: 26px;
    border-radius: 0;
    -webkit-appearance: none;
}

.custom-search__search-input::-webkit-input-placeholder {
    color: #aeaeae;
    opacity: 1;
}

.custom-search__search-input:-ms-input-placeholder {
    color: #aeaeae;
    opacity: 1;
}

.custom-search__search-input::-ms-input-placeholder {
    color: #aeaeae;
    opacity: 1;
}

.custom-search__search-input::placeholder {
    color: #aeaeae;
    opacity: 1;
}

.custom-search__search-input::-ms-clear {
    display: none;
}

.custom-search__icon {
    fill: none;
    stroke: #aeaeae;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.custom-search__shadow {
    position: relative;
}

.custom-search__shadow::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 220px;
    height: 90px;
    opacity: 0.9;
    background-image: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(0deg, white, rgba(255, 255, 255, 0));
}

.custom-search__shadow--transparent::after {
    display: none;
}

.custom-search__options-list {
    max-height: 395px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: hidden;
}

.custom-search__options-list--scrollable {
    overflow: auto;
}

.custom-search__option {
    margin-right: 20px;
    padding-top: 18px;
    padding-bottom: 10px;
    padding-left: 20px;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 1.63;
    border-bottom: 1px solid #dedede;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-search__option:hover, .custom-search__option:focus {
    color: #f06292;
}

.custom-search__option:active {
    color: #202020;
}

.custom-search__option--no-interactions, .custom-search__option--no-interactions:hover, .custom-search__option--no-interactions:active, .custom-search__option--no-interactions:focus {
    color: #202020;
    cursor: default;
}

.custom-select--opened {
    z-index: 10;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    overflow-y: hidden;
}

.custom-select--opened .custom-select__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.custom-select__modal-bar {
    position: relative;
    display: none;
    border-bottom: 1px solid #ebebeb;
}

.custom-select--opened .custom-select__modal-bar {
    display: block;
}

.custom-select__title {
    padding: 15px 45px 12px;
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

.custom-select__close-btn {
    z-index: 30;
    position: absolute;
    top: 50%;
    right: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom-select__close-btn svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: #b5b5b5;
    stroke: #b5b5b5;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.custom-select__close-btn:active svg,
.custom-select__close-btn:focus svg {
    fill: #f06292;
    stroke: #f06292;
}

.custom-select__close-btn:active svg {
    -webkit-transition: 0ms;
    transition: 0ms;
}

.custom-select__search {
    position: relative;
    display: none;
    padding: 20px 20px 0;
}

.custom-select--opened .custom-select__search {
    display: block;
}

.custom-select__search-input {
    display: block;
    width: 100%;
    padding: 10px 40px 8px 18px;
    font-size: 14px;
    line-height: 20px;
    color: #202020;
    border: 1px solid #dedede;
    border-radius: 2px;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}

.custom-select__search-input::-webkit-input-placeholder {
    color: #b5b5b5;
    opacity: 1;
}

.custom-select__search-input:-ms-input-placeholder {
    color: #b5b5b5;
    opacity: 1;
}

.custom-select__search-input::-ms-input-placeholder {
    color: #b5b5b5;
    opacity: 1;
}

.custom-select__search-input::placeholder {
    color: #b5b5b5;
    opacity: 1;
}

.custom-select__search-input::-ms-clear {
    display: none;
}

.custom-select__search-icon {
    position: absolute;
    top: 32px;
    right: 30px;
    display: block;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #202020;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.custom-select__options-list {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.custom-select--opened .custom-select__options-list {
    display: block;
}

.custom-select__option {
    padding: 20px 20px 19px;
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-select__option:active, .custom-select__option:focus {
    color: #f06292;
}

.custom-select__option--selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    padding-bottom: 3px;
    border-color: #dedede;
    outline: none;
}

.custom-select__option--selected:active, .custom-select__option--selected:focus {
    color: #202020;
    border-color: #202020;
}

.custom-select__option--no-interactions, .custom-select__option--no-interactions:active, .custom-select__option--no-interactions:focus {
    color: #202020;
}

.custom-select__option--hidden {
    display: none;
}

.custom-select--opened .custom-select__option--selected {
    display: none;
}

.custom-select__option--selected svg {
    stroke: #202020;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.custom-select--opened .custom-select__option--selected svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.delivery-alternatives,
.delivery-alternatives__сol {
    display: block;
    width: 100%;
}

.delivery-alternatives tbody {
    display: block;
}

.delivery-alternatives__header {
    display: none;
}

.delivery-info {
    background-color: white;
}

.delivery-info--page {
    margin: 0 -20px;
}

.delivery-info__main-title--tablet {
    display: none;
}

.delivery-info__navigation {
    padding: 30px 20px;
    background-color: white;
}

.delivery-info__navigation--smaller-top-padding {
    padding-top: 25px;
}

.delivery-location__title {
    margin-top: 0;
    padding-left: 20px;
}

.delivery-location--js .delivery-location__title {
    display: none;
}

.delivery-location__nota-bene {
    margin-top: -8px;
    margin-bottom: 20px;
    padding: 0 20px;
    font-size: 18px;
    line-height: 26px;
}

.delivery-location__nota-bene-warning {
    font-weight: 700;
}

.delivery-location__methods {
    display: none;
    margin-top: 0;
    margin-bottom: 33px;
    padding-left: 0;
}

.delivery-location__methods-item {
    font-size: 18px;
    line-height: 28px;
    list-style-type: none;
}

.delivery-location__methods-item:not(:last-child) {
    margin-bottom: 12px;
}

.delivery-location__methods-item::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    width: 6px;
    height: 6px;
    background-color: #421a8e;
    border-radius: 50%;
}

.delivery-location__city {
    padding: 20px 20px 30px;
    background-color: #f5f5f5;
}

.delivery-location__city-lead {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 18px;
    line-height: 28px;
}

.delivery-location__city-select-caption {
    display: none;
}

.delivery-location__alternatives {
    margin-bottom: 30px;
}

.delivery-location__map-btn-container {
    width: 100%;
}

.delivery-location__map-btn {
    display: block;
    padding: 0 20px;
    font-weight: 700;
    margin-top: 23px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    color: #f06292;
}

.delivery-method {
    display: block;
    width: 100%;
    padding-bottom: 11px;
    border-top: 1px solid #ebebeb;
}

.delivery-method:last-child {
    border-bottom: 1px solid #ebebeb;
}

.delivery-method--first {
    border-top: none;
}

.delivery-method--courier {
    padding-bottom: 23px;
}

.delivery-method--post {
    padding-bottom: 23px;
}

.delivery-method--closed {
    padding-bottom: 0;
}

.delivery-method__container {
    display: block;
    padding: 0;
}

.delivery-method__header {
    display: block;
    width: 100%;
}

.delivery-method__header-container {
    display: block;
    width: 100%;
}

.delivery-method__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 20px 18px;
    margin-bottom: 21px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white;
    background-color: #421a8e;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.delivery-method__title--fast {
    margin-bottom: 24px;
}

.delivery-method__title--pickpoint {
    margin-bottom: 25px;
}

.delivery-method__title-icon {
    display: block;
    width: 16px;
    height: 16px;
    stroke: white;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    pointer-events: none;
}

.delivery-method__notice {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 22px;
}

.delivery-method__notice--pickpoint {
    margin-bottom: 11px;
}

.delivery-method__mobile-hidden-unit {
    display: none;
}

.delivery-parameters {
    display: block;
    width: 100%;
}

.delivery-parameters tbody {
    display: block;
}

.delivery-parameters__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
}

.delivery-parameters__caption {
    display: block;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #b5b5b5;
}

.delivery-parameters__value {
    display: block;
    padding: 0;
    font-size: 18px;
    line-height: 28px;
}

.delivery-parameters__notice {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 15px;
    font-size: 18px;
    line-height: 22px;
}

.delivery-parameters__mobile-hidden-unit {
    display: none;
}

.empty-cart {
    padding-top: 20px;
    padding-right: 20px;
    font-family: "Circe", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.66;
    color: #202020;
    text-align: left;
}

.empty-cart__text {
    margin: 0;
}

.empty-cart__text--tagline {
    font-weight: 700;
}

.favorites {
    padding-top: 5px;
    padding-bottom: 40px;
}

.favorites__page-title {
    margin-bottom: 25px;
    margin-left: -2px;
}

.favorites--empty .favorites__page-title {
    margin-bottom: 27px;
}

.favorites__empty-message-text {
    margin: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 26px;
}

.favorites__empty-message-text:last-of-type {
    margin-bottom: 32px;
}

.favorites__goto-catalog-btn {
    width: 100%;
    max-width: 385px;
    padding: 18px 20px 16px;
    font-size: 13px;
    border-radius: 2px;
}

.favorites__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    margin-bottom: -10px;
    margin-left: -10px;
    list-style: none;
}

.favorites__product {
    margin-left: 10px;
    margin-bottom: 10px;
}

.features {
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.features-item {
    /* margin-bottom: 50px;

  &:last-child {
    margin-bottom: 0;
  } */
}

.features-item__image {
    display: none;
}

.features-item__image img {
    vertical-align: middle;
}

.features-item__title {
    margin: 0;
    font-family: "Macho", Helvetica, Arial, sans-serif;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-right: 80px;
}

.features-item__desc {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 15px;
}

.features-item__desc > *:first-child {
    margin-top: 0;
}

.features-item__desc > *:last-child {
    margin-bottom: 0;
}

.features-item__desc p {
    margin: 15px 0;
}

.features-item__link {
    color: #f06292;
    text-decoration: underline;
    font-size: 17px;
    line-height: 1;
    display: inline-block;
}

.features-item__link.link--pink {
    background-position: 0 100%;
    -webkit-transition: none;
    transition: none;
}

.features__list.owl-carousel .owl-stage-outer {
    margin-bottom: 21px;
}

.features__list.owl-carousel .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.features__list.owl-carousel .owl-dot {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 15px;
    height: 2px;
    background: #e0e0e0;
}

.features__list.owl-carousel .owl-dot:last-child {
    margin-right: 0;
}

.features__list.owl-carousel .owl-dot.active {
    background: #421a8e;
}

.features__list.owl-carousel .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: #fff;
    padding: 9px 0;
    padding-left: 10px;
}

.features__list.owl-carousel .owl-prev,
.features__list.owl-carousel .owl-next {
    display: block;
    cursor: pointer;
    text-align: right;
}

.features__list.owl-carousel .owl-prev:active svg,
.features__list.owl-carousel .owl-next:active svg {
    fill: #f06292;
}

.features__list.owl-carousel .owl-prev {
    text-align: left;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.features__list.owl-carousel .owl-next {
    margin-left: 7px;
}

.features__list.owl-carousel .owl-prev span,
.features__list.owl-carousel .owl-next span {
    display: block;
    width: 30px;
    height: 20px;
    font-size: 0;
    position: relative;
}

.features__list.owl-carousel .owl-prev.disabled,
.features__list.owl-carousel .owl-next.disabled {
    cursor: auto;
}

.features__list.owl-carousel .owl-prev.disabled svg,
.features__list.owl-carousel .owl-next.disabled svg {
    fill: #b5b5b5;
}

.feedback-uploader__files {
    width: 100%;
}

.feedback-uploader__error-msg {
    margin: 0;
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
    color: #e2143b;
}

.feedback {
    background-color: white;
}

.feedback form {
    padding: 26px 20px 20px;
}

.feedback__form-tip {
    margin: 0;
    color: #b5b5b5;
}

.feedback__form-tip--primary {
    padding-left: 7px;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 20px;
}

.feedback__form-tip--upload {
    font-size: 14px;
    line-height: 18px;
}

.feedback__form-tip--error {
    color: #e2143b;
}

.feedback__field-wrapper {
    margin-bottom: 21px;
}

.feedback__field-wrapper--feedback-text {
    margin-bottom: 30px;
}

.feedback__field {
    width: 100%;
}

.feedback__field--feedback-text {
    height: 100px;
}

.feedback__select,
.feedback__select-container {
    width: 100%;
    margin-bottom: 19px;
}

.feedback__select-caption {
    margin-bottom: 4px;
}

.feedback__uploader {
    margin-bottom: 31px;
}

.feedback__form-btn {
    width: 100%;
}

.feedback__form-btn--disabled, .feedback__form-btn--disabled:hover, .feedback__form-btn--disabled:active, .feedback__form-btn--disabled:focus {
    color: #b5b5b5;
    border-color: #dedede;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

.feedback__form-btn--upload {
    padding: 12px 10px 11px;
    margin-bottom: 13px;
    font-size: 12px;
}

.feedback__form-btn--submit, .feedback__form-btn--reset {
    padding: 18px 20px 16px;
    font-size: 13px;
}

.feedback__form-btn--submit {
    padding: 19px 20px 17px;
    margin-bottom: 20px;
}

.feedback__hidden-unit {
    display: none;
}

.file-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 0 14px;
    border-bottom: 1px solid #dedede;
}

.file-card:last-of-type {
    margin-bottom: 50px;
}

.file-card__file-name {
    max-width: 90%;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.file-card__delete-btn {
    width: 19px;
    height: 20px;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.file-card__delete-icon {
    display: block;
    width: 19px;
    height: 20px;
    fill: #a1a1a1;
    position: relative;
}

.file-card__delete-btn:hover .file-card__delete-icon,
.file-card__delete-btn:focus .file-card__delete-icon {
    fill: #202020;
}

.file-card__delete-btn:active .file-card__delete-icon {
    fill: #a1a1a1;
}

.filter-group {
    width: 100%;
    padding: 26px 20px 24px;
}

.filter-group__title {
    padding: 24px 20px 23px;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    border-bottom: 1px solid #ebebeb;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filter-group__title:focus:not(.focus-visible) {
    color: #202020;
}

.filter-group__title:active:not(.focus-visible), .filter-group__title:focus {
    color: #f06292;
}

.filter-group__title:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.filter-group__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden;
}

.filter-group__content--js {
    max-height: 262px;
}

.filter-group__content--cost {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
}

.filter-group__content input[type="checkbox"].visually-hidden {
    position: static;
    width: 0;
    height: 0;
    margin: 0;
    visibility: collapse;
}

.filter-group__list-display-btn {
    display: none;
    margin-top: 25px;
}

.filter-group--with-collapsible-content .filter-group__list-display-btn {
    display: block;
}

.footer-menu {
    border-bottom: 1px solid #ececec;
}

.footer-menu__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
    padding: 21px 19px 18px;
    cursor: pointer;
}

.footer-menu__title::after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 12px;
    height: 7px;
    background: url(/local/templates/purpur/css/../img/icon-footer-menu.svg) no-repeat;
    background-size: 12px 7px;
    right: 20px;
    top: 28px;
}

.footer-menu--show .footer-menu__title::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.footer-menu__list {
    padding: 0 19px 19px;
    margin: 0;
    list-style: none;
    /* display: none; */
}

.footer-menu__item {
    margin-bottom: 14px;
}

.footer-menu__item:last-child {
    margin-bottom: 0;
}

.footer-menu__link {
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    color: #202020;
    position: relative;
    display: block;
}

.footer-menu__link:active {
    color: #f06292;
}

.footer-menu__link:active:after {
    background: rgba(240, 98, 146, 0.4);
}

.form-field {
    padding-top: 23px;
    position: relative;
    z-index: 1;
}

.form-field__label {
    position: absolute;
    z-index: 1;
    top: 23px;
    left: 0;
    width: 100%;
    background: #fff;
    font-size: 18px;
    line-height: 20px;
    padding: 5px 0;
    cursor: text;
}

.form-field__input {
    display: block;
    width: 100%;
    background: #fff;
    border: none;
    border-bottom: 1px solid #dedede;
    padding: 5px 0;
    color: #202020;
    font-size: 18px;
    line-height: 20px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-field__input::-webkit-input-placeholder {
    opacity: 1;
    color: #202020;
}

.form-field__input:-ms-input-placeholder {
    opacity: 1;
    color: #202020;
}

.form-field__input::-ms-input-placeholder {
    opacity: 1;
    color: #202020;
}

.form-field__input::placeholder {
    opacity: 1;
    color: #202020;
}

.form-field__input:focus {
    border-bottom-color: #202020;
}

.form-field__input--pass,
.validate-form__input.form-field__input--pass {
    padding-right: 110px;
}

.form-field__input:focus + .form-field__label,
.form-field__label--to-up {
    font-size: 15px;
    line-height: 20px;
    color: #b5b5b5;
    bottom: auto;
    top: 0;
    padding: 0;
}

.form-field__show-pass {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 6px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.form-field__show-pass:hover {
    color: #f06292;
}

.form-field__icon {
    display: block;
    fill: none;
    stroke: #b1b1b1;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.form-field__show-pass:active .form-field__icon {
    stroke: #421a8e;
}

.form-field__show-pass-text {
    display: none;
}

.form__text-with-asterisk {
    position: relative;
}

.form__text-with-asterisk::after {
    content: "";
    position: absolute;
    top: 2px;
    right: -5px;
    width: 4px;
    height: 4px;
    background-color: #f06292;
    border-radius: 50%;
}

.form__text-with-asterisk--on-left::after {
    right: auto;
    left: 0;
}

.form__selector-label {
    position: relative;
    margin-left: 30px;
    font-size: 17px;
    line-height: 28px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form__selector-label:not(:last-of-type) {
    margin-bottom: 12px;
}

.form__selector-label::before, .form__selector-label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: -30px;
    width: 20px;
    height: 20px;
}

.form__selector-label::before {
    border: 1px solid #dedede;
}

.form__selector-label--for-checkbox::before {
    border-radius: 2px;
}

.form__selector-label--with-counter {
    margin-bottom: 15px;
    line-height: 21px;
}

.form__selector-label--with-counter::before, .form__selector-label--with-counter::after {
    top: 4px;
}

.form__selector:focus + .form__selector-label::before {
    border-color: #b5b5b5;
}

.form__selector:focus:not(.focus-visible) + .form__selector-label::before {
    border-color: #dedede;
}

.form__selector:checked + .form__selector-label::before,
.form__selector:checked:not(.focus-visible) + .form__selector-label::before {
    background-color: #421a8e;
    border-color: #421a8e;
}

.form__selector:checked + .form__selector-label--for-checkbox::after {
    background-size: 17px 17px;
    background-position: 2px 2px;
    background-image: url("/local/templates/purpur/css/../img/checkbox.svg");
    background-repeat: no-repeat;
}

.form__selector-counter {
    font-size: 11px;
    vertical-align: super;
    color: #b5b5b5;
}

.form__field-wrapper {
    position: relative;
}

.form__field-wrapper--with-placeholder {
    padding-top: 23px;
}

.form__field {
    display: block;
    resize: none;
    padding: 0;
    font-size: 18px;
    line-height: 28px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.form__field::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

.form__field:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

.form__field::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

.form__field::placeholder {
    color: inherit;
    opacity: 1;
}

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

.form__field:invalid, .form__field:-moz-submit-invalid, .form__field:-moz-ui-invalid {
    box-shadow: none;
}

.form__field::-ms-clear {
    display: none;
}

.form__field--borderless {
    border: none;
    border-bottom: 1px solid #dedede;
    outline: none;
}

.form__field--borderless:focus {
    border-color: #202020;
}

.form__field--invalid, .form__field--invalid:hover, .form__field--invalid:focus {
    border-color: #e2143b;
}

.form__field-label {
    display: inline-block;
    width: auto;
    font-size: 15px;
    line-height: 20px;
    color: #b5b5b5;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form__custom-placeholder {
    position: absolute;
    top: 26px;
    left: 0;
    font-size: 18px;
    line-height: 20px;
    color: #202020;
    cursor: text;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: white;
}

.form__field:focus ~ .form__custom-placeholder,
.form__custom-placeholder--top {
    top: 0;
    font-size: 15px;
    color: #b5b5b5;
    cursor: pointer;
}

.form__invalid-sign {
    position: absolute;
    bottom: 10px;
    right: 0;
    display: none;
    width: 16px;
    height: 16px;
    font-size: 0;
    background-color: #e2143b;
    background-image: url("/local/templates/purpur/css/../img/error.svg");
    border-radius: 50%;
    cursor: pointer;
}

.form__invalid-sign::after {
    content: none;
    z-index: 30;
    position: absolute;
    top: 25px;
    right: 0;
    padding: 16px 20px 14px;
    font-size: 16px;
    line-height: 20px;
    color: white;
    background-color: #e2143b;
}

.form__invalid-sign:hover::after {
    content: attr(data-error-msg);
}

.form__field--invalid ~ .form__invalid-sign {
    display: block;
}

.form__field--invalid:focus ~ .form__invalid-sign::after {
    content: attr(data-error-msg);
}

.filter-js .goods-filter__group-title {
    display: none;
}

.filter-menu .goods-filter__group-title {
    display: block;
}

.filter-menu .goods-filter__group-title--checked {
    background-size: 20px 20px;
    background-position: calc(100% - 15px) 50%;
    background-image: url("/local/templates/purpur/css/../img/tick-black.svg");
    background-repeat: no-repeat;
}

.filter-menu .goods-filter__group-title-icon,
.filter-menu .goods-filter__group-content {
    display: none;
}

.filter-js .goods-filter__filter-group {
    display: none;
}

.filter-js .goods-filter__filter-group--current {
    display: block;
}

.filter-menu .goods-filter__filter-group {
    display: block;
    padding: 0;
}

.goods-filter__filter-group--last {
    padding-bottom: 20px;
}

.filter-menu .goods-filter__list-display-btn {
    display: none;
}

.goods-filter__title {
    padding: 15px 55px 12px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: white;
    border-bottom: 1px solid #ebebeb;
}

.goods-filter__category-link {
    font-size: 17px;
    line-height: 21px;
}

.goods-filter__category-link:not(:last-of-type) {
    margin-bottom: 13px;
}

.goods-filter__range {
    margin: 8px 10px 19px;
}

.goods-filter__cost-field-wrapper {
    position: relative;
    width: 32.143%;
    margin-bottom: 32px;
    cursor: pointer;
}

.goods-filter__cost-field-wrapper:first-of-type {
    margin-right: 35.715%;
}

.goods-filter__cost-field-wrapper::after {
    content: "\20BD";
    position: absolute;
    bottom: 5px;
    right: 0;
}

.goods-filter__cost-field {
    width: 100%;
    padding-right: 18px;
    letter-spacing: 0.01em;
}

.goods-filter__btns-pane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 3.125% 20px;
    background-color: white;
    -webkit-box-shadow: 0 -3px 8px 0 rgba(32, 32, 32, 0.04);
    box-shadow: 0 -3px 8px 0 rgba(32, 32, 32, 0.04);
}

.goods-filter__btns-pane--hidden {
    display: none;
}

.goods-filter__btn {
    width: 48.2143%;
    font-size: 12px;
    line-height: 20px;
}

.goods-filter__btn--reset {
    padding: 10px 10px 8px;
    color: #b5b5b5;
}

.goods-filter__btn--reset:active, .goods-filter__btn--reset:focus {
    color: #202020;
}

.goods-filter__btn--submit {
    padding: 11px 10px 9px;
}

.goods-filter__mobile-hidden-unit {
    display: none;
}

.goods__search-results {
    display: none;
}

.goods__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    margin-bottom: -10px;
    margin-left: -10px;
    list-style: none;
}

.goods__product {
    margin-left: 10px;
    margin-bottom: 10px;
}

.mm-menu {
    --mm-line-height: 20px;
    --mm-listitem-size: 44px;
    --mm-navbar-size: 50px;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-color-border: rgba(0, 0, 0, 0.1);
    --mm-color-button: rgba(0, 0, 0, 0.3);
    --mm-color-text: rgba(0, 0, 0, 0.75);
    --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
    --mm-color-background: #fff;
    --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-hidden {
    display: none !important;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu {
    /*  background: #f3f3f3;
border-color: rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .75);

border-color: var(--mm-color-border);
color: var(--mm-color-text);
line-height: 20px;
line-height: var(--mm-line-height);
-webkit-box-sizing: border-box;
box-sizing: border-box; */
    background: var(--mm-color-background);
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: var(--mm-offset-top);
    right: var(--mm-offset-right);
    bottom: var(--mm-offset-bottom);
    left: var(--mm-offset-left);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* .mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
  color: inherit;
  text-decoration: none
} */
[dir=rtl] .mm-menu {
    direction: rtl;
}

.mm-panels,
.mm-panels > .mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.mm-panel,
.mm-panels {
    /*  -webkit-box-sizing: border-box;
box-sizing: border-box; */
    background: #fff;
    /*  border-color: rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .75); */
    background: var(--mm-color-background);
    /*  border-color: var(--mm-color-border);
color: var(--mm-color-text) */
}

.mm-panels {
    overflow: hidden;
}

.mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    padding: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mm-panel:not(.mm-hidden) {
    display: block;
}

/* .mm-panel:after,
.mm-panel:before {
  content: '';
  display: block;
  height: 20px
} */
.mm-panel_has-navbar {
    padding-top: 50px;
    padding-top: var(--mm-navbar-size);
}

.mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-panel_opened-parent {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}

.mm-panel_highest {
    z-index: 2;
}

.mm-panel_noanimation {
    -webkit-transition: none !important;
    transition: none !important;
}

.mm-panel_noanimation.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[dir=rtl] .mm-panel:not(.mm-panel_opened) {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

[dir=rtl] .mm-panel.mm-panel_opened-parent {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
}

.mm-listitem_vertical > .mm-panel {
    -webkit-transform: none !important;
    transform: none !important;
    display: none;
    width: 100%;
    padding: 10px 0 10px 10px;
}

.mm-listitem_vertical > .mm-panel:after,
.mm-listitem_vertical > .mm-panel:before {
    content: none;
    display: none;
}

.mm-listitem_opened > .mm-panel {
    display: block;
}

.mm-listitem_vertical > .mm-listitem__btn {
    height: 44px;
    height: var(--mm-listitem-size);
    bottom: auto;
}

.mm-listitem_vertical .mm-listitem:last-child:after {
    border-color: transparent;
}

.mm-listitem_opened > .mm-listitem__btn:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px;
}

.mm-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 44px;
    padding: 0;
}

.mm-btn:after,
.mm-btn:before {
    border-color: rgba(0, 0, 0, 0.1);
    border-color: var(--mm-color-button);
    border-width: 2px;
    border-style: solid;
}

.mm-btn_close:after,
.mm-btn_close:before {
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-btn_close:before {
    border-right: none;
    border-bottom: none;
    right: 18px;
}

.mm-btn_close:after {
    border-left: none;
    border-top: none;
    right: 25px;
}

.mm-btn_next:after,
.mm-btn_prev:before {
    content: '';
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.mm-btn_prev:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto;
}

.mm-btn_next:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto;
}

.mobile-menu__item > .mm-btn_next:after {
    display: none;
}

[dir=rtl] .mm-btn_next:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto;
}

[dir=rtl] .mm-btn_prev:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto;
}

[dir=rtl] .mm-btn_close:after,
[dir=rtl] .mm-btn_close:before {
    right: auto;
}

[dir=rtl] .mm-btn_close:before {
    left: 25px;
}

[dir=rtl] .mm-btn_close:after {
    left: 18px;
}

.mm-navbar {
    /*  background: #f3f3f3;
border-color: rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .3);
background: var(--mm-color-background);
border-color: var(--mm-color-border);
color: var(--mm-color-text-dimmed);
border-bottom-width: 1px;
border-bottom-style: solid; */
    text-align: center;
    display: none;
    height: 50px;
    height: var(--mm-navbar-size);
    padding: 15px 40px;
    border-bottom: 1px solid rgba(224, 224, 224, 0.5);
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
}

.mm-navbar > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 12px;
    padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);
    padding-left: 0;
    padding-right: 0;
}

.mm-navbar a,
.mm-navbar a:hover {
    text-decoration: none;
}

.mm-navbar__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    color: #2d2d2d;
}

.mm-navbar__btn {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.mm-navbar__btn:first-child {
    text-align: left;
    left: 0;
}

.mm-navbar__btn:last-child {
    text-align: right;
    right: 0;
}

.mm-panel_has-navbar .mm-navbar {
    display: block;
}

[dir=rtl] .mm-navbar__btn:first-child {
    text-align: right;
    right: 0;
    left: auto;
}

[dir=rtl] .mm-navbar__btn:last-child {
    text-align: left;
    left: 0;
    right: auto;
}

.mm-listitem,
.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

/* .mm-listitem {
  color: rgba(0, 0, 0, .75);
  color: var(--mm-color-text);
  border-color: rgba(0, 0, 0, .1);
  border-color: var(--mm-color-border);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
} */
/* .mm-listitem:after {
  content: '';
  border-color: inherit;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 20px;
  right: 0;
  bottom: 0
} */
/* .mm-listitem a,
.mm-listitem a:hover {
  text-decoration: none
} */
/* .mm-listitem__btn,
.mm-listitem__text {
  color: inherit;
  display: block;
  padding-top: 12px;
  padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
  padding-bottom: 12px;
  padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2)
} */
.mm-listitem__text {
    /*  -o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-left: 20px;
padding-right: 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 10%;
flex-basis: 10% */
}

.mm-listitem__btn {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
    tap-highlight-color: rgba(255, 255, 255, 0.4);
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    tap-highlight-color: var(--mm-color-background-emphasis);
    background: rgba(3, 2, 1, 0);
    border-color: inherit;
    width: auto;
    padding-right: 54px;
    position: relative;
}

/* .mm-listitem__btn:not(.mm-listitem__text) {
  border-left-width: 1px;
  border-left-style: solid
}

.mm-listitem_selected>.mm-listitem__text {
  background: rgba(255, 255, 255, .4);
  background: var(--mm-color-background-emphasis)
}

.mm-listitem_opened>.mm-listitem__btn,
.mm-listitem_opened>.mm-panel {
  background: rgba(0, 0, 0, .05);
  background: var(--mm-color-background-highlight)
}

.mm-panels>.mm-panel>.mm-listview {
  margin: 20px -20px
}

.mm-panels>.mm-panel>.mm-listview:first-child,
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
  margin-top: -20px
} */
.mm-listitem_divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.05);
    background: var(--mm-color-background-highlight);
    font-size: 75%;
    text-transform: uppercase;
    min-height: 20px;
    min-height: var(--mm-line-height);
    padding: 6.5px;
    padding: calc(((var(--mm-listitem-size) * .75) - var(--mm-line-height)) * .5);
    padding-right: 10px;
    padding-left: 20px;
}

.mm-listitem_spacer {
    padding-top: 44px;
    padding-top: var(--mm-listitem-size);
}

.mm-listitem_spacer > .mm-btn_next {
    top: 44px;
    top: var(--mm-listitem-size);
}

[dir=rtl] .mm-listitem:after {
    left: 0;
    right: 20px;
}

[dir=rtl] .mm-listitem__text {
    padding-left: 10px;
    padding-right: 20px;
}

[dir=rtl] .mm-listitem__btn {
    padding-left: 54px;
    border-left-width: 0;
    border-left-style: none;
}

[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) {
    padding-right: 0;
    border-right-width: 1px;
    border-right-style: solid;
}

.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

/* .mm-slideout {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  z-index: 1;
  display: none;
} */
.mm-wrapper_opened {
    overflow-x: hidden;
    position: relative;
}

.mm-wrapper_background .mm-page {
    background: inherit;
}

.mm-menu_offcanvas {
    display: none;
    position: fixed;
    right: auto;
    z-index: 1000;
}

.mm-menu_offcanvas.mm-menu_opened {
    display: block;
}

.mm-menu_offcanvas.mm-menu_opened.mm-no-csstransforms {
    z-index: 10;
}

.mm-menu_offcanvas {
    width: 100%;
    min-width: 240px;
}

/* .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0)
} */
/* @media all and (max-width:300px) {
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0)
  }
}

@media all and (min-width:550px) {
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0)
  }
} */
/* .mm-wrapper__blocker {
  background: rgba(3, 2, 1, 0);
  overflow: hidden;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2
} */
.mm-wrapper_blocking,
.mm-wrapper_blocking body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.mm-wrapper_blocking .mm-wrapper__blocker {
    display: block;
}

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

.mm-navbars_top {
    background: inherit;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.mm-navbars_top > .mm-navbar {
    border-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.mm-navbars_top > .mm-navbar:not(.mm-navbar_has-btns) {
    padding: 0;
}

.mm-navbars_top > .mm-navbar > :not(img):not(.mm-btn) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.mm-navbars_top {
    top: 0;
    bottom: auto;
    border-bottom: 1px solid rgba(224, 224, 224, 0.5);
    background: #fff;
}

.mm-navbars_top--shadow {
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
    border-bottom: none;
}

.mm-menu_navbar_top-1 .mm-panels {
    top: 50px;
}

.link {
    text-decoration: none;
    outline: none;
}

.link:active {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}

.link--pink {
    color: #f06292;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 98, 146, 0.25)), to(rgba(240, 98, 146, 0.25)));
    background-image: linear-gradient(90deg, rgba(240, 98, 146, 0.25), rgba(240, 98, 146, 0.25) 100%);
    background-position: 0 86%;
    background-size: 1px 1px;
    background-repeat: repeat-x;
}

.link--pink:active {
    color: #202020;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(32, 32, 32, 0.15)), to(rgba(32, 32, 32, 0.15)));
    background-image: linear-gradient(90deg, rgba(32, 32, 32, 0.15), rgba(32, 32, 32, 0.15) 100%);
}

.link--gray {
    color: #202020;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(32, 32, 32, 0.15)), to(rgba(32, 32, 32, 0.15)));
    background-image: linear-gradient(90deg, rgba(32, 32, 32, 0.15), rgba(32, 32, 32, 0.15) 100%);
    background-position: 0 92%;
    background-size: 1px 1px;
    background-repeat: repeat-x;
}

.link--gray:active {
    color: #f06292;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 98, 146, 0.25)), to(rgba(240, 98, 146, 0.25)));
    background-image: linear-gradient(90deg, rgba(240, 98, 146, 0.25), rgba(240, 98, 146, 0.25) 100%);
}

.link--no-line, .link--no-line:hover, .link--no-line:focus, .link--no-line:active {
    background-image: none;
}

.list-display-btn {
    position: relative;
    padding: 0;
    padding-right: 12px;
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f06292;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.list-display-btn::before, .list-display-btn::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 6px;
    height: 2px;
    background-color: #f06292;
}

.list-display-btn::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.list-display-btn:focus:not(.focus-visible) {
    color: #f06292;
}

.list-display-btn:active:not(.focus-visible), .list-display-btn:focus {
    color: #202020;
}

.list-display-btn:focus:not(.focus-visible)::before, .list-display-btn:focus:not(.focus-visible)::after {
    background-color: #f06292;
}

.list-display-btn:active:not(.focus-visible)::before, .list-display-btn:active:not(.focus-visible)::after, .list-display-btn:focus::before, .list-display-btn:focus::after {
    background-color: #202020;
}

.list-display-btn--collapse::after {
    content: none;
}

.logo img {
    vertical-align: middle;
}

.logo__link {
    display: block;
}

.main-menu {
    width: 46px;
}

.main-menu__toggler {
    display: block;
    width: 24px;
    height: 28px;
    background: none;
    border: none;
    font-size: 0;
    cursor: pointer;
    padding: 0;
    padding-top: 9px;
}

.main-menu__icon {
    fill: #202020;
}

.main-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
}

.main-menu__item {
    margin-right: 47px;
    position: relative;
    padding-bottom: 15px;
}

.main-menu__item:nth-child(2) {
    margin-right: 46px;
}

.main-menu__item:last-child {
    margin-right: 0;
}

.main-menu__link {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #202020;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}

.main-menu__link:hover {
    color: #f06292;
}

.main-menu__item--catalog .main-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
}

.main-menu__item--catalog .main-menu__icon {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    margin-right: 14px;
}

.main-menu__item--catalog:hover .main-menu__link {
    color: #f06292;
}

.main-menu__item--catalog:hover .main-menu__icon {
    fill: #f06292;
}

.main-menu__item--sellout .main-menu__link {
    color: #f06292;
}

.main-menu__item--sellout .main-menu__link:hover {
    color: #421a8e;
}

.main-menu__sublist {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 100%;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid rgba(222, 222, 222, 0.5);
    width: 296px;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    pointer-events: none;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.main-menu__sublist:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    z-index: 11;
    right: 0;
    top: 0;
    background: #fff;
    pointer-events: none;
}

.main-menu__item:hover > ul {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
}

.main-menu__sublist .main-menu__sublist {
    top: -1px;
    left: 100%;
    padding-top: 20px;
    min-height: calc(100% + 1px);
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}

.main-menu__subitem:hover > ul {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    pointer-events: auto;
}

.main-menu__subitem a {
    display: block;
    font-size: 18px;
    line-height: 20px;
    padding: 24.5px 30px;
    padding-right: 45px;
    text-decoration: none;
    color: #202020;
    position: relative;
}

.main-menu__icon-arrow {
    position: absolute;
    z-index: 1;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    fill: #bdbdbd;
}

.main-menu__subitem {
    /* border-bottom: 1px solid rgba($color-gray-dark, 0.5); */
}

.main-menu__subitem::after {
    content: '';
    display: block;
    position: relative;
    z-index: 12;
    height: 1px;
    background: rgba(222, 222, 222, 0.5);
    pointer-events: none;
}

.main-menu__subitem:hover > a {
    color: #f06292;
}

.main-menu__subitem:hover > a .main-menu__icon-arrow {
    fill: #f06292;
}

.main-menu__subitem:last-child {
    border-bottom: none;
}

.main-menu__sublist .main-menu__sublist .main-menu__subitem {
    border-bottom: none;
}

.main-menu__sublist .main-menu__sublist .main-menu__subitem::after {
    display: none;
}

.main-menu__sublist .main-menu__sublist .main-menu__subitem a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-menu__sublist--final {
    width: 310px;
    border-right: 1px solid rgba(222, 222, 222, 0.5);
}

.main-menu__sublist--final a {
    background: none;
    padding-right: 15px;
}

.map {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: -70px;
    padding-bottom: 70px;
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
    background-color: beige;
}

.mobile-cabinet .mobile-cabinet__title {
    padding: 0 20px;
    margin-bottom: 20px;
}

.mobile-menu .mobile-cabinet__menu {
    padding: 0 20px;
}

.mobile-cabinet__item {
    margin-bottom: 20px;
}

.mobile-cabinet__item:last-child {
    margin-bottom: 0;
}

.mobile-cabinet__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    color: #2d2d2d;
    padding: 0 20px;
    margin-bottom: 20px;
}

.mobile-cabinet__link:last-child {
    margin-bottom: 0;
}

.mobile-cabinet__link:active {
    color: #f06292;
}

.mobile-cabinet__icon {
    fill: none;
    stroke: #202020;
    stroke-width: 2;
    stroke-linecap: square;
    stroke-miterlimit: 10;
    margin-right: 13px;
}

.mobile-cabinet__link:active .mobile-cabinet__icon {
    stroke: #f06292;
}

.mobile-menu__nav--unauthorized .mobile-cabinet__title {
    margin-bottom: 0;
}

.mobile-menu__nav--unauthorized .mobile-cabinet__link {
    display: none;
}

.mobile-menu {
    position: relative;
}

.mobile-menu__head {
    padding: 15px 40px;
    border-bottom: 1px solid rgba(224, 224, 224, 0.5);
    position: relative;
}

.mobile-menu__title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.mobile-menu__close {
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 17px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.mobile-menu__icon {
    fill: none;
    stroke: #b5b5b5;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    width: 16px;
    height: 16px;
}

.mobile-menu__section {
    padding: 20px 0;
    border-bottom: 1px solid rgba(224, 224, 224, 0.5);
}

.mobile-menu__section:last-child {
    border-bottom: none;
}

.mobile-menu__section--favoites {
    border-top: 1px solid rgba(224, 224, 224, 0.5);
}

.mobile-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* .mobile-menu .mobile-menu__sublist {
  display: none;
} */
.mobile-menu__item > a,
.mobile-menu__link {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #2d2d2d;
    text-decoration: none;
    padding: 7px 20px;
}

.mobile-menu__item > a:active,
.mobile-menu__link:active {
    color: #f06292;
}

.mobile-menu__item > a::before {
    display: none;
}

.mobile-menu__favorites {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-menu__favorites-title {
    margin-right: 9px;
}

.mobile-menu__favorites-count {
    display: block;
    width: 21px;
    height: 21px;
    background: #f06292;
    border-radius: 50%;
    font-size: 10px;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.mobile-menu__nav {
    display: none;
}

.mobile-menu__nav-link {
    padding: 0 20px;
    margin-bottom: 25px;
}

.mobile-menu__nav-link:last-child {
    margin-bottom: 0;
}

.mobile-menu__subitem {
    border-bottom: 1px solid rgba(224, 224, 224, 0.5);
}

.mobile-menu__subitem a {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #202020;
    text-decoration: none;
    padding: 19px 20px 18px;
    padding-right: 35px;
    position: relative;
}

.mobile-menu__subitem a svg {
    fill: #bdbdbd;
    position: absolute;
    z-index: 1;
    right: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobile-menu__subitem a:active {
    color: #f06292;
}

.mobile-menu__subitem a:active svg {
    fill: #f06292;
}

.mobile-menu__item--catalog {
    padding-top: 20px;
}

.mobile-menu__item--sale .mobile-menu__link {
    padding-bottom: 20px;
}

.mobile-menu__nav--unauthorized .mobile-menu__favorites-count {
    display: none;
}

.modal-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.modal-controls__btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 135px;
    padding: 11px 10px 9px;
    font-size: 11px;
    line-height: 20px;
}

.modal-controls__btn:first-of-type {
    margin-right: 10px;
}

.modal-menu--js {
    z-index: 10;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: white;
    overflow-y: hidden;
}

.modal-menu--show {
    display: block;
}

.modal-menu__header {
    position: relative;
    z-index: 20;
    display: none;
    background-color: white;
    border-bottom: 1px solid #ebebeb;
}

.modal-menu--show .modal-menu__header {
    display: block;
}

.modal-menu__title {
    padding: 15px 45px 12px;
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

.modal-menu__title-mobile-hidden {
    display: none;
}

.modal-menu__btn {
    z-index: 30;
    position: absolute;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal-menu__btn--back {
    left: 10px;
}

.modal-menu__btn--close {
    right: 13px;
}

.modal-menu__btn--hidden {
    display: none;
}

.modal-menu__btn-icon {
    display: block;
    width: 18px;
    height: 18px;
    fill: #b5b5b5;
    stroke: #b5b5b5;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.modal-menu__btn-icon--small {
    width: 12px;
    height: 12px;
}

.modal-menu__btn:active .modal-menu__btn-icon,
.modal-menu__btn:focus .modal-menu__btn-icon {
    fill: #f06292;
    stroke: #f06292;
}

.modal-menu__btn:active .modal-menu__btn-icon {
    -webkit-transition: 0ms;
    transition: 0ms;
}

.modal-menu__btn-text {
    font-size: 0;
    font-weight: 700;
    letter-spacing: 0.9px;
    color: #aeaeae;
    text-transform: uppercase;
}

.modal-menu__content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.modal-menu__content--map {
    position: relative;
}

.modal-menu__content-baloon {
    display: block !important;
    position: fixed !important;
    z-index: 999999 !important;
    left: 0 !important;
    top: 0 !important;
    background-color: #ffffff !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.modal-menu__content-baloon-btn-close {
    display: none;
}

.modal-menu__content-baloon-btn-close:active .modal-menu__btn-icon,
.modal-menu__content-baloon-btn-close:focus .modal-menu__btn-icon {
    fill: #f06292;
    stroke: #f06292;
}

.modal-menu__content-baloon-btn-close:active .modal-menu__btn-icon {
    -webkit-transition: 0ms;
    transition: 0ms;
}

.modal-menu__content-baloon-table {
    margin-bottom: 25px;
}

.modal-menu__content-baloon-table--without-margin {
    margin-bottom: 0;
}

.modal-menu__content-baloon-btn {
    width: 130px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
}

.my-orders__head {
    background: #fff;
    margin-bottom: 20px;
}

.my-orders__head.user-page-content__header {
    border-bottom: none;
    height: 50px;
}

.my-orders__count {
    display: none;
}

.my-orders__item {
    background: #fff;
    padding: 15px 20px 30px;
    margin-bottom: 20px;
}

.my-orders__item:last-child {
    margin-bottom: 0;
}

.my-orders__tools {
    margin-bottom: 15px;
}

.my-orders__tool-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0;
}

.my-orders__tool-item:last-child {
    margin-bottom: 0;
}

.my-orders__tool-title {
    margin: 0;
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: normal;
    color: #b5b5b5;
}

.my-orders__tool-value {
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    padding-left: 5px;
    color: #2d2d2d;
    font-size: 16px;
}

.my-orders__tool-value--success {
    color: #1c9b70;
    padding-right: 6px;
}

.my-orders__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
    margin-right: -5px;
}

.my-orders__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    width: calc((100% - 15px) / 3);
    height: 90px;
    background: #f8f8f8;
    padding: 5px;
    border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}

.my-orders__image img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.my-orders__other {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    padding-top: 14px;
    padding-left: 12px;
    border-radius: 2px;
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.my-orders__btn {
    padding: 17px 30px 13px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
}

.my-orders__btn:last-child {
    margin-bottom: 0;
}

.order-data {
    display: block;
    width: 100%;
}

.order-data tbody {
    display: block;
}

.order-data__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.order-data__row:last-child {
    margin-bottom: 0;
}

.order-data__row--large-indent {
    margin-bottom: 15px;
}

.order-data__row--with-separator {
    padding-bottom: 23px;
    margin-bottom: 26px;
    border-bottom: 1px solid #ebebeb;
}

.order-details__order-departure-data .order-data__row,
.order-details__group--delivery .order-data__row--large-indent {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.order-data__caption {
    display: block;
    padding: 0;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #b5b5b5;
}

.order-data__caption--mobile-wide {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
}

.order-data__value {
    display: block;
    padding: 0;
    font-size: 16px;
    text-align: right;
}

.order-data__value--mobile-highlighted {
    font-weight: 700;
}

.order-details__header {
    background-color: white;
}

.order-details__header-text {
    display: none;
}

.order-details__group-title {
    margin: 0;
    margin-bottom: 20px;
    margin-left: -2px;
    font-family: "Macho", "Arial", sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
}

.order-details__group-title--composition {
    margin-bottom: 24px;
}

.order-details__group {
    padding: 26px 20px 20px;
    background-color: white;
}

.order-details__group:not(:last-of-type) {
    margin-bottom: 20px;
}

.order-details__group--total-cost {
    padding-bottom: 24px;
}

.order-details__track-btn {
    display: block;
    width: 100%;
    max-width: 500px;
    padding: 13px 20px 11px;
    margin: 0 auto;
    margin-top: 24px;
    font-size: 13px;
    line-height: 24px;
}

.order-details__order-composition-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    margin-bottom: -10px;
    margin-left: -10px;
    list-style: none;
}

.order-details__product {
    margin-left: 10px;
    margin-bottom: 10px;
}

.order-details__mobile-hidden-unit {
    display: none;
}

.order-form__sup {
    top: -4px;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    color: #f06292;
}

.order-form__note {
    margin: 25px 0;
    color: #b5b5b5;
}

.order-form__field {
    margin-bottom: 45px;
}

.order-form__field--aside {
    margin-bottom: 20px;
}

.order-form__field--disabled .order-form__delivery-methods,
.order-form__field--disabled .order-form__wrap {
    position: relative;
    opacity: 0.5;
}

.order-form__field--disabled .order-form__delivery-methods::before,
.order-form__field--disabled .order-form__wrap::before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.order-form__field-legend {
    margin-bottom: 15px;
}

.order-form__wrap {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-color: #ffffff;
}

.order-form__data {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    font-size: 15px;
    line-height: 1.33;
    text-align: left;
    color: #b5b5b5;
}

.order-form__data--select {
    margin-bottom: 5px;
}

.order-form__data--small-bottom {
    margin-bottom: 5px;
}

.order-form__data--bottom {
    margin-bottom: 20px;
}

.order-form__select,
.order-form__select-container {
    margin-bottom: 20px;
}

.order-form__data-cell {
    width: 100%;
    font-family: "Circe", Helvetica, Arial, sans-serif;
}

.order-form__delivery-methods {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.order-form__label {
    position: relative;
    cursor: pointer;
}

.order-form__label::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
}

.order-form__radio:checked + .order-form__label::before {
    border-width: 6px;
    border-color: #421a8e;
}

.order-form__delivery-method {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 20px;
    background-color: #ffffff;
    border-radius: 2px;
}

.order-form__delivery-method:not(:last-child) {
    margin-bottom: 10px;
}

.order-form__delivery-method--hidden {
    display: none;
}

.order-form__delivery-method-name {
    display: block;
    margin-bottom: 11px;
    padding-left: 28px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.order-form__delivery-method-cost {
    font-size: 18px;
    letter-spacing: normal;
    text-transform: none;
}

.order-form__delivery-info-wrap {
    margin-left: 28px;
}

.order-form__delivery-info {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
}

.order-form__delivery-info--bottom {
    margin-bottom: 20px;
}

.order-form__delivery-info--time {
    color: #b5b5b5;
}

.order-form__delivery-dropdown {
    margin-bottom: 29px;
    padding-top: 5px;
}

.order-form__delivery-dropdown--point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 25px;
    padding-top: 25px;
    border-top: 1px solid #dedede;
}

.order-form__delivery-dropdown--hidden {
    display: none;
}

.order-form__delivery-dropdown-caption {
    font-weight: 700;
}

.order-form__delivery-dropdown-caption--hidden {
    display: none;
}

.order-form__delivery-dropdown-address {
    margin-bottom: 25px;
}

.order-form__delivery-dropdown-address--hidden {
    display: none;
}

.order-form__payment-methods {
    display: none;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
}

.order-form__file-btn {
    margin-top: 40px;
    width: 230px;
    padding-top: 15px;
    padding-bottom: 12px;
    font-size: 12px;
}

.order-form__file-btn--hidden {
    display: none;
}

.order-form__products-count,
.order-form__cart-list {
    display: none;
}

.order-form__cart-list {
    max-height: 510px;
    margin-bottom: 13px;
    overflow: hidden;
}

.order-form__products-count-counter {
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.order-form__cost-table {
    margin-bottom: 8px;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
}

.order-form__cost-table-data {
    line-height: 1.68;
}

.order-form__cost-table-data--desk {
    color: #b5b5b5;
}

.order-form__cost-table-data--price {
    text-align: right;
}

.order-form__cost-table-data-full {
    display: none;
}

.order-form__submit-btn {
    width: 100%;
    padding-top: 21px;
    padding-right: 0;
    padding-bottom: 17px;
    padding-left: 0;
    font-size: 13px;
    letter-spacing: 1px;
}

.order-info {
    margin-bottom: 30px;
    padding-top: 25px;
}

.order-info--hidden {
    display: none;
}

.order-info__lead {
    margin-top: 0;
    font-family: "Macho", Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.15;
    text-align: left;
}

.order-info__text {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: -0.1px;
    text-align: left;
}

.order-info__summary {
    margin-bottom: 20px;
}

.order-summary__data-long {
    margin: 0;
}

.order-info__continue-btn {
    margin-top: 10px;
    width: 100%;
    padding-top: 17px;
    padding-right: 0;
    padding-bottom: 13px;
    padding-left: 0;
    font-size: 14px;
}

.order-summary {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 1px;
    padding-left: 20px;
    width: 100vw;
    background-color: #ffffff;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.order-summary--top {
    padding-top: 20px;
}

.order-summary--bottom {
    margin-bottom: 28px;
}

.order-summary__title {
    margin-top: 0;
    margin-bottom: 17px;
    font-size: 26px;
    font-weight: 600;
}

.order-summary__title--bottom {
    margin-bottom: 20px;
}

.order-summary__table {
    width: 100%;
    border-collapse: collapse;
}

.order-summary__row--hr {
    border-bottom: 1px solid rgba(222, 222, 222, 0.6);
}

.order-summary__data {
    padding: 0;
    padding-top: 11px;
    text-align: right;
}

.order-summary__data--name {
    width: 47.14%;
    text-align: left;
    color: #aeaeae;
}

.order-summary__data--first {
    padding-top: 0;
}

.order-summary__data--left {
    padding-top: 7px;
    text-align: left;
}

.order-summary__data--top {
    padding-top: 25px;
}

.order-summary__data--bottom {
    padding-bottom: 25px;
}

.order-summary__data--user {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-summary__data-number-big {
    display: none;
}

.order-summary__row--hr .order-summary__data {
    padding-bottom: 25px;
}

.order-summary__row-group--full {
    display: none;
}

.order-summary__count {
    margin-top: 0;
    margin-bottom: 13px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.order-summary__product:not(:last-child) {
    margin-bottom: 20px;
}

.ordering {
    margin-bottom: 20px;
    padding-top: 25px;
}

.ordering--hidden {
    display: none;
}

.ordering__title {
    margin-bottom: 15px;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("/local/templates/purpur/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.page-404 {
    position: relative;
    display: block;
    padding: 40px 0 60px;
    overflow: hidden;
}

.page-404::before {
    content: "404";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    font-weight: 600;
    font-family: "Macho", Helvetica, Arial, sans-serif;
    font-size: 180px;
    line-height: 1;
    color: #f5f5f5;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}

.page-404__page-title {
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.page-404__text {
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}

.page-404__return-btn {
    width: 280px;
    padding: 19px 10px 15px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
}

.page-body--no-scroll {
    height: 100%;
    width: 100%;
    position: fixed;
    overflow: hidden;
}

.page-body--gray-bg {
    background-color: #f5f5f5;
}

.page-footer {
    overflow: hidden;
}

.page-footer--mobile-hidden {
    display: none;
}

.page-footer__phone-number,
.page-footer__schedule {
    display: none;
}

.page-footer__phone-number {
    font-size: 20px;
    line-height: 22px;
    margin-top: 13px;
}

.page-footer__schedule {
    font-size: 16px;
    line-height: 20px;
    color: #b5b5b5;
    white-space: nowrap;
}

.page-footer__bottom {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-footer__copyright {
    font-size: 16px;
    line-height: 20px;
}

.page-header {
    position: relative;
    padding-bottom: 20px;
    background-color: white;
}

.page-header--mobile-hidden {
    display: none;
}

.page-header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.page-header__number {
    display: none;
}

.page-header__number-link {
    font-size: 22px;
    line-height: 1;
    color: #202020;
    text-decoration: none;
}

.page-header__number-link:hover {
    color: #f06292;
}

.page-main {
    display: block;
}

.page-main--gray {
    background-color: #f5f5f5;
}

.page-main__title--delivery {
    padding-top: 5px;
    margin-bottom: 0;
    margin-left: -3px;
}

.page-title {
    width: 100%;
    margin-top: 0;
    font-family: "Macho", Helvetica, Arial, sans-serif;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    text-align: left;
    color: #202020;
}

.page-title--mobile-hidden {
    display: none;
}

.page-title--slim {
    width: auto;
}

.page-title--centered {
    text-align: center;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding-top: 26px;
}

.pagination__text {
    width: 100%;
    margin: 0;
    margin-bottom: 7px;
    font-size: 16px;
    text-align: center;
    color: #b5b5b5;
}

.pagination__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 16px 5px 14px;
    font-family: inherit;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: #202020;
    background-color: transparent;
    border: 1px solid #dedede;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    margin-top: 7px;
    position: relative;
    -webkit-box-shadow: inset 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px transparent;
}

.pagination__btn:not(:last-child) {
    margin-right: 7.5px;
}

.pagination__btn:active, .pagination__btn:focus {
    border-color: #202020;
    -webkit-box-shadow: inset 0 0 0 1px #202020;
    box-shadow: inset 0 0 0 1px #202020;
}

.pagination__btn:active {
    -webkit-transition: 0ms;
    transition: 0ms;
}

.pagination__btn--disabled:hover, .pagination__btn--disabled:active, .pagination__btn--disabled:focus, .pagination__btn:disabled:hover, .pagination__btn:disabled:active {
    color: #b5b5b5;
    border-color: #dedede;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

.pagination__btn--current, .pagination__btn--current:active {
    color: white;
    background-color: #421a8e;
    border-color: #421a8e;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

.pagination__btn--arrow, .pagination__btn--arrow:hover, .pagination__btn--arrow:focus, .pagination__btn--arrow:active {
    padding: 0;
}

.pagination__btn--mobile-hidden {
    display: none;
}

.pagination__btn-icon {
    display: block;
    width: 12px;
    height: 12px;
    fill: #202020;
    position: relative;
}

.pagination__btn-icon--desktop {
    display: none;
}

.pagination__btn:disabled .pagination__btn-icon,
.pagination__btn--disabled .pagination__btn-icon {
    fill: #dedede;
}

.pagination__btn--forward .pagination__btn-icon--mobile {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.payment-info__header {
    background-color: white;
}

.payment-info__main-title--tablet {
    display: none;
}

.payment-info__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 20px 0;
    background-color: white;
}

.payment-info__navigation-btn {
    display: block;
    width: 50%;
    padding: 10px 10px 8px;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #202020;
    border: 1px solid #ebebeb;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.payment-info__navigation-btn--left {
    border-radius: 2px 0 0 2px;
    border-right: none;
}

.payment-info__navigation-btn--right {
    border-radius: 0 2px 2px 0;
}

.payment-info__navigation-btn--current {
    background-color: #f5f5f5;
}

.payment-info__mobile-hidden-unit {
    display: none;
}

.payment-method {
    padding: 25px 20px 20px;
    background-color: white;
}

.payment-method:not(:last-child) {
    margin-bottom: 20px;
}

.payment-method--by-card {
    padding-bottom: 25px;
}

.payment-method--online {
    padding-bottom: 23px;
}

.payment-method__title {
    width: 100%;
    margin: 0;
    margin-bottom: 19px;
    margin-left: -2px;
    font-family: "Macho", "Arial", sans-serif;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
}

.payment-method__title-icon {
    display: none;
}

.payment-method__mobile-hidden-unit {
    display: none;
}

.payment-method wbr::after {
    content: "\00200B";
}

.payment-method a {
    text-decoration: none;
    color: #f06292;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 98, 146, 0.25)), to(rgba(240, 98, 146, 0.25)));
    background-image: linear-gradient(to right, rgba(240, 98, 146, 0.25), rgba(240, 98, 146, 0.25) 100%);
    background-position: 0 85%;
    background-size: 1px 1px;
    background-repeat: repeat-x;
    outline: none;
}

.payment-method a:focus, .payment-method a:active {
    color: #202020;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(26, 26, 26, 0.15)), to(rgba(26, 26, 26, 0.15)));
    background-image: linear-gradient(to right, rgba(26, 26, 26, 0.15), rgba(26, 26, 26, 0.15) 100%);
}

.payment-method a[href^="tel:"], .payment-method a[href^="mailto:"] {
    color: inherit;
    background: none;
}

.payment-method a[href^="tel:"]:focus, .payment-method a[href^="tel:"]:active, .payment-method a[href^="mailto:"]:focus, .payment-method a[href^="mailto:"]:active {
    color: #f06292;
}

.payment-method p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.payment-method p:not(:last-child) {
    margin-bottom: 23px;
}

.payment-method ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.payment-method ul:not(:last-child) {
    margin-bottom: 27px;
}

.payment-method ul li {
    position: relative;
    padding-left: 19px;
    font-size: 16px;
    line-height: 24px;
}

.payment-method ul li:not(:last-child) {
    margin-bottom: 23px;
}

.payment-method ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #421a8e;
    border-radius: 50%;
}

.payment-method table {
    display: block;
    width: 100%;
}

.payment-method table caption {
    display: block;
    margin: 27px 0 13px -2px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-align: left;
}

.payment-method table tbody {
    display: block;
}

.payment-method table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.payment-method table tr:not(:last-child) {
    margin-bottom: 17px;
}

.payment-method table th {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
    color: #b5b5b5;
}

.payment-method table td {
    display: block;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
}

.payment-page {
    background: #f5f5f5;
}

.payment-page__title {
    padding: 0 20px;
    padding-top: 4px;
    background: #fff;
    margin-bottom: 0;
    margin-left: -2px;
}

.payment-page__tabs {
    margin: 0;
    padding-top: 26px;
    list-style: none;
}

.payment-page__tabs-item {
    width: 50%;
}

.payment-page__tabs-item a {
    width: 100%;
}

.payment-page__tabs-item.active a {
    background-color: #f5f5f5;
}

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

.payment-page .payment-method--bank p {
    line-height: 26px;
}

.payment-systems {
    display: none;
    list-style: none;
}

.personal-data__desc {
    font-size: 18px;
    line-height: 26px;
    padding: 22px 20px;
    margin-bottom: 3px;
}

.personal-data__desc > *:first-child {
    margin-top: 0;
}

.personal-data__desc > *:last-child {
    margin-bottom: 0;
}

.personal-data__fieldset {
    border: none;
    padding: 0;
    margin: 0 0 35px;
    max-width: 580px;
}

.personal-data__subtitle {
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    font-family: "Macho", Helvetica, Arial, sans-serif;
    display: block;
    width: 100%;
    margin-bottom: 17px;
}

.personal-data__note {
    font-size: 16px;
    line-height: 20px;
    color: #b5b5b5;
    margin-bottom: 17px;
    margin-top: 3px;
}

.personal-data__pink {
    color: #f06292;
    vertical-align: super;
    line-height: 1px;
}

.personal-data__field {
    display: block;
    margin-bottom: 22px;
}

.personal-data__field:last-child {
    margin-bottom: 0;
}

.personal-data__field .form-field__show-pass {
    font-size: 14px;
}

.personal-data__field.form-field {
    padding-top: 17px;
}

.personal-data__field--pass {
    margin-bottom: 33px;
}

.personal-data__label.form-field__label {
    top: 17px;
}

.personal-data__label.form-field__label--to-up {
    top: 0;
}

.personal-data__rules {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 12px;
}

.personal-data__rules li {
    padding-left: 8px;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.personal-data__rules li::before {
    content: '•';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 6px;
    line-height: 5px;
}

.personal-data__rules li:last-child {
    margin-bottom: 0;
}

.personal-data__btns {
    padding: 0 20px 20px;
}

.personal-data__btn {
    width: 100%;
    padding: 16px 40px 14px;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 20px;
}

.personal-data__btn:last-child {
    margin-bottom: 0;
}

.personal-data__btn--cancel {
    padding: 14px 40px 10px;
    line-height: 24px;
}

.personal-data__field {
    color: #b5b5b5;
    font-size: 15px;
    line-height: 1.33;
}

.personal-data__input {
    width: 100%;
}

.form__field--invalid ~ .form-field__show-pass {
    right: 20px;
}

.point-details {
    min-width: 225px;
}

.point-details__caption {
    margin-bottom: 15px;
    line-height: 1.88;
    font-weight: 700;
    text-align: left;
}

.point-details__row {
    display: block;
}

.point-details__row:not(:last-child) {
    padding-bottom: 15px;
}

.point-details__data {
    display: block;
    padding: 0;
    line-height: 1.5;
}

.point-details__data--name {
    color: #aeaeae;
}

.popular-products {
    margin-bottom: 20px;
}

.popular-products .container {
    padding-top: 34px;
    padding-bottom: 34px;
}

.popular-products__title {
    margin: 0;
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 30px;
    font-family: "Macho", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.popular-products__list {
    margin-bottom: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
}

.popular-products__item {
    margin: 0 auto 10px;
    width: calc((100% - 60px) / 3);
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    min-height: 137px;
}

.popular-products__item .product__title {
    font-weight: 400;
}

.popular-products__item--discount {
    min-height: 140px;
}

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

.popular-products__showmore-btn {
    padding: 13px 30px 11px;
    font-size: 13px;
    line-height: 24px;
}

.popup-block {
    display: none;
}

.popup-block--cart-mobile {
    display: block;
}

.popup-block__toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 46px;
    height: 42px;
    border: none;
    position: relative;
    padding: 0;
    cursor: pointer;
    font-size: 0;
    background: none;
    text-align: center;
}

.popup-block__icon {
    display: block;
    margin: 0 auto 2px;
    fill: none;
    stroke: #202020;
    stroke-width: 2;
    stroke-linecap: square;
    stroke-miterlimit: 10;
}

.popup-block__toggler:active .popup-block__icon {
    stroke: #f06292;
}

.popup-block__count {
    position: absolute;
    z-index: 1;
    top: 3px;
    right: -2px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #f06292;
    font-size: 11px;
    line-height: 0;
    padding-top: 10.5px;
    text-align: center;
    color: #fff;
}

.popup-block__count-inner {
    display: block;
}

.popup-block__count--purple {
    background: #421a8e;
    right: 2px;
}

.popup-block:hover .popup-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
}

.popup-block:hover .js-popup-toggler svg {
    stroke: #f06292;
}

.popup-content {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 60px;
    background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 7.6px 0.4px rgba(32, 32, 32, 0.08);
    box-shadow: 0px 1px 7.6px 0.4px rgba(32, 32, 32, 0.08);
    width: 100%;
    max-width: 460px;
    padding: 30px 0;
    padding-left: 30px;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    pointer-events: none;
}

.popup-content--cabinet {
    padding-bottom: 0;
}

.popup-content--show {
    display: block;
}

.popup-content__menu-item--hide,
.popup-content__sign--hide {
    display: none;
}

.popup-content__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 25px;
    padding-right: 30px;
}

.popup-content__title {
    margin: 0;
    font-family: "Macho", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
}

.popup-content__close-btn {
    display: block;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    padding: 6px;
    margin-right: -6px;
    display: none;
}

.popup-content__close-btn:hover .popup-content__icon {
    stroke: #f06292;
}

.popup-content__icon {
    display: block;
    fill: none;
    stroke: #d0d0d0;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.popup-content__list {
    position: relative;
    margin-bottom: 30px;
    max-height: 450px;
    overflow: auto;
}

.popup-content__list:last-child {
    margin-bottom: 0;
}

.popup-content__footer {
    padding-right: 30px;
}

.popup-content__total {
    margin-bottom: 20px;
}

.popup-content__total-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}

.popup-content__total-value {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
}

.popup-content__link {
    padding: 15px 30px;
    width: 100%;
    border-radius: 2px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
}

.popup-content__sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding-right: 30px;
}

.popup-content__sign-link {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    border-radius: 2px;
    font-size: 13px;
    line-height: 18px;
    padding: 11px 20px 9px;
    letter-spacing: 0.5px;
}

.popup-content__sign-link:nth-child(2n) {
    margin-right: 0;
}

.popup-content__menu {
    padding: 0;
    padding-right: 30px;
    margin: 0;
    list-style: none;
}

.popup-content__menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    color: #202020;
    border-top: 1px solid #ececec;
    padding: 24px 0 20px;
    letter-spacing: 1px;
}

.popup-content__menu-link:hover {
    color: #f06292;
}

.popup-content__menu-link:active {
    color: #202020;
}

.popup-content__menu-icon {
    fill: none;
    stroke: #202020;
    stroke-width: 2;
    stroke-linecap: square;
    stroke-miterlimit: 10;
    margin-right: 15px;
}

.popup-content__menu-link:hover .popup-content__menu-icon {
    stroke: #f06292;
}

.popup-content__menu-link:active .popup-content__menu-icon {
    stroke: #202020;
}

.popup-content__list.ps--active-y .ps__rail-x,
.popup-content__list.ps--active-y .ps__rail-y {
    display: block;
    opacity: 1;
}

.popup-product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0;
    padding-bottom: 29px;
    border-bottom: 1px solid #ebebeb;
    margin-right: 30px;
}

.popup-product-card:first-child {
    padding-top: 0;
}

.popup-product-card__image {
    background: #f5f5f5;
    width: 100px;
    height: 100px;
    border-radius: 3px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
}

.popup-product-card__image img {
    max-width: 100%;
    height: auto;
}

.popup-product-card__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 3px;
    max-width: 271px;
}

.popup-product-card__name {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px;
    position: relative;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}

.popup-product-card__name::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background: linear-gradient(to left, #fff, transparent);
}

.popup-product-card__manufacturer {
    font-size: 12px;
    line-height: 20px;
    color: #b5b5b5;
    margin-bottom: 20px;
    position: relative;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}

.popup-product-card__manufacturer::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background: linear-gradient(to left, #fff, transparent);
}

.popup-product-card__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.popup-product-card__price-item {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

.popup-product-card__price-item--start {
    font-size: 16px;
    font-weight: normal;
    color: #b5b5b5;
    text-decoration: line-through;
}

.popup-product-card__delete-btn {
    background: none;
    border: none;
    padding: 0;
    display: block;
    cursor: pointer;
}

.popup-product-card__delete-icon {
    display: block;
    fill: #b5b5b5;
}

.popup-product-card__delete-btn:hover .popup-product-card__delete-icon {
    fill: #202020;
}

.popup-product-card__favorite-btn {
    background: #fde8ef;
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 0;
    position: absolute;
    z-index: 1;
    bottom: -5px;
    right: 0px;
    cursor: pointer;
}

.popup-product-card__favorite-btn::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 34px;
    height: 34px;
    background: #fde8ef;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popup-product-card__favorite-btn:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1.17);
    transform: translate(-50%, -50%) scale(1.17);
}

.popup-product-card__favorite-icon {
    fill: #f06292;
    stroke: #f06292;
    stroke-width: 2;
    stroke-linecap: square;
    stroke-miterlimit: 10;
    width: 14px;
    height: 14px;
}

.popup-product-card__marker {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 0;
    background: #f06292;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
    padding: 5px 6px 0;
    padding-right: 4px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 20px;
    letter-spacing: 1px;
}

.popup-search {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

.popup-search__overlay {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

.popup-search__content {
    position: relative;
    z-index: 2;
    background: #fff;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}

.popup-search .container {
    padding-top: 33px;
    padding-bottom: 157px;
}

.popup-search__close {
    display: block;
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    margin-left: auto;
    margin-bottom: 110px;
}

.popup-search__close:hover .popup-search__icon {
    stroke: #f06292;
}

.popup-search__icon {
    display: block;
    fill: none;
    stroke: #d0d0d0;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.popup-search__form {
    position: relative;
    padding: 0 100px;
}

.popup-search__input {
    display: block;
    width: 100%;
    border: none;
    background: none;
    border-bottom: 2px solid #ececec;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px 0;
    padding-right: 55px;
    font-size: 30px;
    line-height: 1;
    color: #202020;
}

.popup-search__input::-webkit-input-placeholder {
    opacity: 1;
    color: #b5b5b5;
}

.popup-search__input:-ms-input-placeholder {
    opacity: 1;
    color: #b5b5b5;
}

.popup-search__input::-ms-input-placeholder {
    opacity: 1;
    color: #b5b5b5;
}

.popup-search__input::placeholder {
    opacity: 1;
    color: #b5b5b5;
}

.popup-search__input:focus {
    border-bottom-color: #421a8e;
}

.popup-search__input:focus + .popup-search__btn .popup-search__icon {
    stroke: #202020;
}

.popup-search__btn {
    display: block;
    padding: 0;
    background: none;
    border: none;
    position: absolute;
    z-index: 1;
    right: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.popup-search__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    color: #202020;
    font-size: 18px;
    line-height: 30px;
    padding: 20px 0;
    border-bottom: 1px solid #ececec;
}

.popup-search__link:hover {
    color: #f06292;
}

.popup-search__count {
    color: #b5b5b5;
}

.popup-search__link:hover .popup-search__count {
    color: #f06292;
}

.popup-search__results {
    padding: 0 100px;
}

.popup-sign {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    display: none;
}

.popup-sign--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.popup-sign__logo {
    display: none;
}

.popup-sign__head {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.popup-sign__title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    padding: 15px 40px;
    border-bottom: 1px solid rgba(224, 224, 224, 0.5);
}

.popup-sign__close {
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 13px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
}

.popup-sign__close:hover .popup-sign__icon {
    stroke: #f06292;
}

.popup-sign__icon {
    fill: none;
    stroke: #b5b5b5;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    width: 16px;
    height: 16px;
}

.popup-sign__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popup-sign__info::before, .popup-sign__info::after {
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #e0e0e0;
    height: 1px;
}

.popup-sign__info::before {
    margin-right: 17px;
}

.popup-sign__info::after {
    margin-left: 18px;
}

.popup-sign__field {
    margin-bottom: 24px;
}

.popup-sign__field:last-child {
    margin-bottom: 0;
}

.popup-sign__field input {
    width: 100%;
}

.popup-sign__btn-wrap {
    padding-top: 16px;
}

.popup-sign__btn {
    width: 100%;
    padding: 15px 30px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    border-radius: 2px;
}

.popup-sign__footer {
    padding-top: 25px;
    font-size: 14px;
    line-height: 22px;
}

.popup-sign__footer p {
    margin: 0;
}

.popup-sign__footer--pass {
    padding-bottom: 10px;
    text-align: center;
    font-size: 16px;
}

/* .popup-sign__link {
  color: $color-accidental--pink;
  transition: 0.2s all;

  &:hover {
    color: $color-text--main;
  }
} */
.popup-sign__wrap {
    padding: 20px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 480px;
    margin: 0 auto;
    width: 100%;
}

.popup-sign__message {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    font-size: 0;
}

.popup-sign__message--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.popup-sign__text {
    font-size: 18px;
    line-height: 28px;
    vertical-align: middle;
}

.popup-sign__success-icon {
    fill: #421a8e;
    margin-right: 15px;
    vertical-align: middle;
}

.popup-sign__note {
    font-size: 16px;
    line-height: 20px;
    color: #b5b5b5;
}

.popup-sign__pink {
    color: #f06292;
    vertical-align: super;
    line-height: 1px;
}

.popup-sign__field--file {
    padding-top: 6px;
}

.popup-sign__file {
    display: none;
}

.popup-sign__file-label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border: 1px solid #dadada;
    border-radius: 3px;
    background: #fff;
    padding: 9px 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 1px;
}

.popup-sign__file-label:hover, .popup-sign__file-label:active {
    padding: 8px 19px;
    border: 2px solid #202020;
}

.popup-sign__regulations {
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.25;
    color: #a1a1a1;
}

.popup-sign__user-email {
    font-weight: bold;
}

.popup-sign .form {
    padding: 0;
}

.product-card {
    padding-top: 20px;
    font-family: "Circe", Helvetica, Arial, sans-serif;
    color: #202020;
    text-align: left;
    border-top: 1px solid #ebebeb;
}

.product-card__title {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
}

.product-card__photo {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 18px;
    margin-bottom: 20px;
    width: 90px;
    height: 90px;
    background-color: #f5f5f5;
}

.product-card__photo img {
    max-width: 90px;
    max-height: 90px;
    vertical-align: top;
}

.product-card__photo--bottom {
    margin-bottom: 0;
}

.product-card__numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-card__price {
    margin: 0;
    font-weight: 700;
}

.product-card__quantity {
    margin: 0;
}

.product-card__quantity-caption--full {
    display: none;
}

.product-card__controls {
    min-width: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-card__controls-caption {
    margin-right: 20px;
    letter-spacing: 0.5px;
}

.product-card__controls-quantity {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
}

.product-card__controls-delete-btn {
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background-color: transparent;
}

.product-card__controls-delete-btn path {
    fill: #b5b5b5;
}

.product-card__controls-delete-btn:hover path {
    fill: #202020;
}

.product-page-content p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.product-page-content p:not(:last-child) {
    margin-bottom: 10px;
}

.product-page-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-page-content ul:not(:last-child) {
    margin-bottom: 10px;
}

.product-page-content ul li {
    position: relative;
    padding-left: 12px;
    font-size: 16px;
    line-height: 18px;
}

.product-page-content ul li:not(:last-child) {
    margin-bottom: 10px;
}

.product-page-content ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #421a8e;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-page {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #f5f5f5;
}

.product-page__product {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 11px;
    background-color: white;
}

.product-page__product-description {
    padding: 0 20px;
}

.product-page__product-title {
    margin: 0;
    margin-bottom: 7px;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
}

.product-page__product-part-number {
    margin: 0;
    margin-bottom: 13px;
    font-size: 14px;
    text-transform: lowercase;
    color: #b5b5b5;
}

.product-page__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.product-page__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40%;
}

.product-page__price-value {
    margin: 0;
    margin-right: 10px;
}

.product-page__price-value--old {
    font-size: 14px;
    text-decoration: line-through;
    color: #b5b5b5;
}

.product-page__price-value--current {
    font-size: 28px;
    font-weight: bold;
}

.product-page__cart-btn {
    width: 78.57143%;
    max-width: 310px;
    margin-top: 20px;
}

.product-page__add-to-favorite-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-top: 20px;
    background-color: white;
    border: 1px solid #dedede;
    border-radius: 2px;
    outline: none;
}

.product-page__add-to-favorite-btn:active, .product-page__add-to-favorite-btn--active {
    background-color: #fde8ef;
    border-color: #fde8ef;
}

.product-page__add-to-favorite-btn svg {
    position: relative;
    display: block;
    width: 17px;
    height: 15px;
    fill: none;
    stroke: #202020;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    overflow: hidden;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: none;
}

.product-page__add-to-favorite-btn:focus svg {
    -webkit-transform: translate(0, 0) scale(1.3);
    transform: translate(0, 0) scale(1.3);
}

.product-page__add-to-favorite-btn:focus:not(.focus-visible) svg {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}

.product-page__add-to-favorite-btn:active svg,
.product-page__add-to-favorite-btn--active svg {
    fill: #f06292;
    stroke: #f06292;
}

.product-page__delivery-options {
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-page__delivery-options li {
    position: relative;
    padding-left: 12px;
    font-size: 16px;
    line-height: 18px;
}

.product-page__delivery-options li:not(:last-child) {
    margin-bottom: 10px;
}

.product-page__delivery-options li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #421a8e;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-page__select-container {
    margin-bottom: 20px;
}

.product-page__select-caption {
    display: inline-block;
    margin: 0;
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 20px;
    color: #b5b5b5;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.product-page__image-wrapper {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 270px;
    padding: 25px 20px;
    margin-bottom: 21px;
    background-color: #f5f5f5;
}

.product-page__promo-tag {
    position: absolute;
    top: 20px;
    left: 0;
}

.product-page__image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 190px;
}

.product-page__image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.product-page__video-btn {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    color: #202020;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(32, 32, 32, 0.15)), to(rgba(32, 32, 32, 0.15)));
    background-image: linear-gradient(to right, rgba(32, 32, 32, 0.15), rgba(32, 32, 32, 0.15) 100%);
    background-position: 0 100%;
    background-size: 1px 1px;
    background-repeat: repeat-x;
    outline: none;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

.product-page__video-btn:focus {
    color: #f06292;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 98, 146, 0.25)), to(rgba(240, 98, 146, 0.25)));
    background-image: linear-gradient(to right, rgba(240, 98, 146, 0.25), rgba(240, 98, 146, 0.25) 100%);
}

.product-page__video-btn:focus:not(.focus-visible) {
    color: #202020;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(32, 32, 32, 0.15)), to(rgba(32, 32, 32, 0.15)));
    background-image: linear-gradient(to right, rgba(32, 32, 32, 0.15), rgba(32, 32, 32, 0.15) 100%);
}

.product-page__video-btn:active {
    color: #f06292;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 98, 146, 0.25)), to(rgba(240, 98, 146, 0.25)));
    background-image: linear-gradient(to right, rgba(240, 98, 146, 0.25), rgba(240, 98, 146, 0.25) 100%);
    -webkit-transition: 0ms;
    transition: 0ms;
}

.product-page__video-btn svg {
    position: absolute;
    top: 0;
    right: -20px;
    display: block;
    width: 11px;
    height: 14px;
    fill: #202020;
}

.product-page__video-btn:focus svg {
    fill: #f06292;
}

.product-page__video-btn:focus:not(.focus-visible) svg {
    fill: #202020;
}

.product-page__video-btn:active svg {
    fill: #f06292;
    -webkit-transition: 0ms;
    transition: 0ms;
}

.product {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 280px;
    min-height: 130px;
    background-color: #f5f5f5;
}

.product__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 18px 20px 11px 10px;
    color: inherit;
    text-decoration: none;
}

.product__image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36%;
    height: 100%;
    overflow: hidden;
}

.product__image {
    display: block;
    width: auto;
    height: auto;
    max-width: 90px;
    max-height: 101px;
}

.product__description {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 56%;
}

.product__title {
    margin: 0;
    margin-bottom: 7px;
    font-size: 17px;
    line-height: 18px;
    font-weight: 400;
}

.product__wrapper:active .product__title,
.product__wrapper:focus .product__title {
    color: #f06292;
}

.product__wrapper:active .product__title {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.product__maker {
    margin: 0;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #b5b5b5;
}

.product__price {
    max-width: 80%;
    margin: 0;
    margin-top: auto;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product__price--old {
    font-size: 15px;
    font-weight: normal;
    text-decoration: line-through;
    color: #b5b5b5;
}

.product__tag {
    position: absolute;
    top: 10px;
    left: 0;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    color: white;
    border-radius: 0 3px 3px 0;
}

.product__tag--discount {
    padding: 4px 7px 3px;
    font-size: 12px;
    background-color: #f06292;
}

.product__tag--new {
    padding: 6px 7px 4px;
    font-size: 10px;
    background-color: #421a8e;
}

/*.product__btn-wrapper {
    display: none;
}*/

.product__btn span{
  display: none;
}

.product__btn {
    position: absolute;
    bottom: 10px;
    right: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: auto;
    background-color: #f3f3f3;
}

.product__btn svg.add-icon,
.product__btn svg.in-icon{
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    fill: none;
    stroke: #b5b5b5;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    pointer-events: none;
    overflow: hidden;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.product__btn svg.in-icon{
    display: none;
    stroke: #f06292;
}

.product__btn--in-cart {
    background-color: #FAE9EF;
}

.product__btn--in-cart svg.in-icon{
    display: block;
}

.product__btn--in-cart svg.add-icon{
    display: none;
}

.product__add-to-favorite-btn {
    position: absolute;
    bottom: 10px;
    right: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: white;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}

.product__add-to-favorite-btn svg {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 1px;
    fill: none;
    stroke: #b5b5b5;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    pointer-events: none;
    overflow: hidden;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.product__add-to-favorite-btn:active svg,
.product__add-to-favorite-btn--active svg {
    fill: #f06292;
    stroke: #f06292;
}

.product__add-to-favorite-btn:focus {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product__add-to-favorite-btn:focus svg {
    -webkit-transform: translate(0, 0) scale(1.1);
    transform: translate(0, 0) scale(1.1);
}

.product__add-to-favorite-btn:focus:not(.focus-visible) {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product__add-to-favorite-btn:focus:not(.focus-visible) svg {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}

.product__mobile-hidden-unit {
    display: none;
}

.products-categories__item {
    margin-bottom: 10px;
}

.products-categories__item:last-child {
    margin-bottom: 0;
}

.products-categories__item--row-1 {
    top: 0;
}

.products-categories__item--row-2 {
    top: 340px;
}

.products-categories__item--row-3 {
    top: 680px;
}

.products-categories__item--row-4 {
    top: 1040px;
}

.products-categories__item--col-1 {
    left: 20px;
}

.products-categories__item--col-2 {
    left: calc(((100% - 100px) / 4) + 40px);
}

.products-categories__item--col-3 {
    left: calc(((100% - 60px) / 2) + 40px);
}

.products-categories__item--col-4 {
    left: calc(100% - 20px - ((100% - 100px) / 4));
}

.products-categories__link {
    background: #f5f5f5 url(/local/templates/purpur/css/../img/products-categories/mobile/profi.svg) no-repeat right top;
    background-size: 150px auto;
    background-position: right -50px top -25px;
    display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 25px 20px;
    color: #202020;
    letter-spacing: 1px;
}

.products-categories__link:active {
    color: #f06292;
}

.products-categories__item--decor .products-categories__link {
    background-image: url(/img/products-categories/mobile/dekor.jpg);
    background-position: right -30px center;
}

.products-categories__item--cosmet .products-categories__link {
    background-image: url(/img/products-categories/mobile/uhod.jpg);
    background-size: 170px auto;
    background-position: right -30px top -15px;
}

.products-categories__item--hair .products-categories__link {
    background-image: url(/img/products-categories/mobile/hair.jpg);
    background-size: 175px auto;
    background-position: right -35px top -20px;
}

.products-categories__item--organic .products-categories__link {
    background-image: url(/img/products-categories/mobile/organik.jpg);
    background-size: 185px auto;
    background-position: right -50px top -15px;
}

.products-categories__item--parfum .products-categories__link {
    background-image: url(/img/products-categories/mobile/parfume.jpg);
    background-size: 170px auto;
    background-position: right -30px top -15px;
}

.promo-slider {
    background: #f5f5f5;
    margin-bottom: 20px;
}

.promo-slider .container {
    /*padding-top: 30px;*/
    /*padding-bottom: 10px;*/
    /*padding-left: 18px;*/
    padding: 0;
}

.promo-slider__slide {
    min-width: 100%;
    min-height: 175px;
    padding: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.promo-slider__heading-html {
    color:#000000;
    font-size: 18pt;
}
.promo-slider__text {
    color: #000000;
    font-size: 14pt;
}

.promo-slider__list.owl-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.promo-slider__list.owl-carousel .owl-stage-outer {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.promo-slider__list.owl-carousel .owl-dots {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.promo-slider__list.owl-carousel .owl-nav {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.promo-slider__list.owl-carousel .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.promo-slider__list.owl-carousel .owl-dot {
    display: block;
    width: 12px;
    height: 20px;
    padding: 2px;
    border: none;
}

.promo-slider__list.owl-carousel .owl-dot span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #c3c3c3;
    position: relative;
    margin: 0 auto;
}

.promo-slider__list.owl-carousel .owl-dot span:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #f06292;
    border-radius: 50%;
    opacity: 0;
}

.promo-slider__list.owl-carousel .owl-dot:active span::after {
    opacity: 1;
}

.promo-slider__list.owl-carousel .owl-dot.active span {
    width: 6px;
    height: 6px;
    background: #421a8e;
}

.promo-slider__list.owl-carousel .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 25px;
    left: 13px;
}

.promo-slider__list.owl-carousel .owl-prev,
.promo-slider__list.owl-carousel .owl-next {
    display: block;
    cursor: pointer;
    text-align: right;
}

.promo-slider__list.owl-carousel .owl-prev:active svg,
.promo-slider__list.owl-carousel .owl-next:active svg {
    fill: #f06292;
}

.promo-slider__list.owl-carousel .owl-prev {
    text-align: left;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.promo-slider__list.owl-carousel .owl-next {
    margin-left: 7px;
}

.promo-slider__list.owl-carousel .owl-prev span,
.promo-slider__list.owl-carousel .owl-next span {
    display: block;
    width: 30px;
    height: 20px;
    font-size: 0;
    position: relative;
}

.promo-slider__list.owl-carousel .owl-prev.disabled,
.promo-slider__list.owl-carousel .owl-next.disabled {
    cursor: auto;
}

.promo-slider__list.owl-carousel .owl-prev.disabled svg,
.promo-slider__list.owl-carousel .owl-next.disabled svg {
    fill: #b5b5b5;
}

.promo-slider__list.owl-loaded {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

.promo-slider__image {
    text-align: center;
    margin-bottom: 8px;
}

.promo-slider__image img {
    width: 220px;
    height: auto;
    vertical-align: middle;
}

.promo-slider__heading {
    margin: 0 0 15px;
    font-size: 26px;
    line-height: 30px;
    font-family: "Macho", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.promo-slider__text {
    display: none;
    font-size: 18px;
    line-height: 30px;
    color: #1a1a1a;
    margin-bottom: 40px;
    padding-left: 5px;
}

.promo-slider__text > *:first-child {
    margin-top: 0;
}

.promo-slider__text > *:last-child {
    margin-bottom: 0;
}

.promo-slider__text p {
    margin: 15px 0;
}

.promo-slider__readmore {
    display: none;
    padding-left: 7px;
}

.promo-slider__link {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    padding: 16px 40px 14px;
}

.promo-tag {
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    border-radius: 0 2px 2px 0;
}

.promo-tag--discount {
    padding: 4px 7px;
    font-size: 12px;
    background-color: #f06292;
}

.promo-tag--new {
    padding: 5px 7px;
    font-size: 10px;
    background-color: #421a8e;
}

.promo-tag--big {
    padding: 7px 19px 6px;
    font-size: 14px;
}

.promo-tag__mobile-hidden-unit {
    display: none;
}

.quantity-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.quantity-control__btn {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: transparent;
    border: 1px solid #dedede;
    outline: none;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.quantity-control__btn--minus {
    border-right: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.quantity-control__btn--plus {
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.quantity-control__btn::before, .quantity-control__btn--plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #202020;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.quantity-control__btn::before {
    width: 10px;
    height: 2px;
}

.quantity-control__btn--plus::after {
    width: 2px;
    height: 10px;
}

.quantity-control__btn:focus:not(.focus-visible) {
    background-color: white;
}

.quantity-control__btn:active:not(.focus-visible), .quantity-control__btn:focus {
    background-color: rgba(235, 235, 235, 0.4);
}

.quantity-control__btn:active {
    -webkit-transition: 0ms;
    transition: 0ms;
}

.quantity-control__btn:focus:not(.focus-visible)::before, .quantity-control__btn:focus:not(.focus-visible)::after {
    background-color: #202020;
}

.quantity-control__btn:active:not(.focus-visible)::before, .quantity-control__btn:active:not(.focus-visible)::after, .quantity-control__btn:focus::before, .quantity-control__btn:focus::after {
    background-color: #f06292;
}

.quantity-control__btn:active::before, .quantity-control__btn:active::after {
    -webkit-transition: 0ms;
    transition: 0ms;
}

.quantity-control__input {
    width: 40px;
    height: 40px;
    padding: 10px 5px 8px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #202020;
    border: 1px solid #dedede;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

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

.range {
    width: 100%;
    height: 4px;
    padding: 0 10px;
    background-color: #dedede;
    border-radius: 3px;
    cursor: pointer;
}

.range__scale {
    position: relative;
    width: 100%;
    height: 100%;
}

.range__interval {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #421a8e;
}

.range__picker {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background-color: white;
    border: 6px solid #421a8e;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none;
}

.range__picker--current {
    z-index: 10;
}

.return-info .return-info__desktop-only-br {
    display: none;
}

.return-info__main-title--tablet {
    display: none;
}

.return-page {
    font-size: 16px;
    line-height: 28px;
    padding-top: 3px;
    padding-bottom: 7px;
}

.return-page--user-page {
    padding: 0;
    background-color: white;
}

.return-page p {
    margin-top: 0;
    margin-bottom: 26px;
}

.return-page ol {
    padding: 0;
    margin: 0;
    list-style-position: inside;
}

.return-page li {
    line-height: 26px;
    margin-bottom: 22px;
}

.return-page li:last-child {
    margin-bottom: 0;
}

.return-page__container {
    padding: 0;
}

.return-page__group-head {
    padding: 16px 35px 13px;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid rgba(224, 224, 224, 0.5);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.return-page__back-btn {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 16px;
    left: 0;
    top: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.return-page__back-btn svg {
    display: block;
    fill: #b5b5b5;
}

.return-page__group-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #2d2d2d;
    letter-spacing: 1px;
}

.return-page__group--popup {
    background: #fff;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    overflow-y: hidden;
}

.return-page__group--show {
    display: block;
}

.return-page__title {
    margin-bottom: 19px;
    margin-left: -3px;
}

.return-page__content {
    height: calc(100% - 50px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
}

.return-page__group-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.return-page__content-inner {
    padding: 20px;
    padding-top: 22px;
}

.return-page__content-inner > *:first-child {
    margin-top: 0;
}

.return-page__content-inner > *:last-child {
    margin-bottom: 0;
}

.return-page__content-inner br {
    display: none;
}

.return-page__content-inner--nopt {
    padding-top: 0;
    padding-bottom: 15px;
}

.return-page__content--footer {
    line-height: 26px;
}

.return-page__intro {
    font-size: 18px;
    line-height: 30px;
}

.return-page__intro--user-page {
    padding: 22px 20px 0;
}

.return-page__subtitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #2d2d2d;
    margin-bottom: 20px;
    font-family: "Macho", Helvetica, Arial, sans-serif;
}

.return-page__subtitle--user-page {
    font-size: 28px;
    line-height: 30px;
}

.return-page__phone-number {
    color: #202020;
    text-decoration: none;
}

.return-page__phone-number:active {
    color: #f06292;
}

.return-page__menu {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 23px;
}

.return-page__menu li {
    margin: 0;
}

.return-page__menu-link {
    display: block;
    padding: 25px 20px 20px;
    padding-right: 40px;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    color: #202020;
    border-top: 1px solid rgba(222, 222, 222, 0.5);
    position: relative;
}

.return-page__menu-item:last-child .return-page__menu-link {
    border-bottom: 1px solid rgba(222, 222, 222, 0.5);
}

.return-page__icon {
    fill: #bdbdbd;
    position: absolute;
    z-index: 1;
    right: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.return-page__link {
    text-decoration: none;
    color: #f06292;
    position: relative;
}

.return-page__link:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 3px;
    background: rgba(240, 98, 146, 0.25);
}

.return-page__link:active {
    color: #202020;
}

.return-page__link:active:after {
    background: rgba(26, 26, 26, 0.15);
}

.return-page__group-head--shadow {
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
    border-bottom: none;
}

.search-block {
    position: relative;
}

.search-block__form {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search-block__input {
    border: none;
    background: none;
    font-size: 14px;
    line-height: 24px;
    padding: 7px 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #b5b5b5;
}

.search-block__input::-webkit-input-placeholder {
    opacity: 1;
    color: #b5b5b5;
}

.search-block__input:-ms-input-placeholder {
    opacity: 1;
    color: #b5b5b5;
}

.search-block__input::-ms-input-placeholder {
    opacity: 1;
    color: #b5b5b5;
}

.search-block__input::placeholder {
    opacity: 1;
    color: #b5b5b5;
}

.search-block__btn,
.search-block__reset-btn {
    width: 36px;
    border: none;
    background: none;
    font-size: 0;
    cursor: pointer;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search-block__reset-btn {
    display: none;
}

.search-block__btn--hide {
    display: none;
}

.search-block__reset-btn--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search-block__toggler {
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    font-size: 0;
    padding: 0;
    cursor: pointer;
    display: none;
}

.search-block__icon {
    display: block;
    fill: none;
    stroke: #202020;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.search-block__reset-btn .search-block__icon {
    fill: #b5b5b5;
    stroke: none;
}

.search-block__toggler:hover .search-block__icon {
    stroke: #f06292;
}

.search-block__results {
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    z-index: 2;
    height: calc(100% - 100px);
    background: #fff;
    left: 0;
    top: 100px;
    padding: 0 20px;
    display: none;
    overflow: auto;
}

.search-block__results::before {
    position: fixed;
    display: block;
    content: "";
    left: 0;
    top: 100px;
    height: 20px;
    width: 100%;
    z-index: 3;
    background-color: #fff;
}

.search-block__results--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search-block__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    color: #202020;
    font-size: 16px;
    line-height: 24px;
    padding: 19px 0 17px;
    border-bottom: 1px solid #ececec;
}

.search-block__link:hover {
    color: #f06292;
}

.search-block__count {
    color: #b5b5b5;
}

.search-block__link:hover .search-block__count {
    color: #f06292;
}

.sign-soc {
    padding: 30px 0;
}

.sign-soc__title {
    text-align: center;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 20px;
}

.sign-soc__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sign-soc__item {
    margin-right: 19px;
}

.sign-soc__item:last-child {
    margin-right: 0;
}

.sign-soc__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background: #507299;
    font-size: 0;
    position: relative;
}

.sign-soc__link::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 200%;
    height: 200%;
    max-height: 100%;
    max-width: 100%;
    background: #507299;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    will-change: max-width, max-height;
}

.sign-soc__link:hover::after {
    max-height: 115%;
    max-width: 115%;
}

.sign-soc__item--fb .sign-soc__link {
    background: #3b5998;
}

.sign-soc__item--fb .sign-soc__link::after {
    background: #3b5998;
}

.sign-soc__item--twitter .sign-soc__link {
    background: #1da1f2;
    padding-left: 2px;
    padding-top: 1px;
}

.sign-soc__item--twitter .sign-soc__link::after {
    background: #1da1f2;
}

.sign-soc__icon {
    fill: #fff;
}

.similar-goods {
    width: 100%;
    padding: 26px 20px 30px;
    background-color: white;
}

.similar-goods__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 23px;
}

.similar-goods__title {
    display: inline-block;
    margin: 0;
    margin-left: -2px;
    margin-right: auto;
    font-size: 24px;
    font-family: "Macho", "Arial", sans-serif;
    font-weight: 600;
}

.similar-goods__btn {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    padding: 0;
    margin-top: 5px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.similar-goods__btn--previous {
    margin-right: 10px;
}

.similar-goods__btn--next {
    margin-right: -2px;
}

.similar-goods__btn:disabled, .similar-goods__btn--disabled {
    cursor: default;
}

.similar-goods--with-slider .similar-goods__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.similar-goods__btn svg {
    position: relative;
    display: block;
    width: 21px;
    height: 12px;
    fill: #202020;
}

.similar-goods__btn:focus:not(.focus-visible) svg {
    fill: #202020;
}

.similar-goods__btn:focus svg {
    fill: #f06292;
}

.similar-goods__btn:active:not(.focus-visible) svg {
    fill: #f06292;
    -webkit-transition: 0ms;
    transition: 0ms;
}

.similar-goods__btn:disabled:not(.focus-visible) svg,
.similar-goods__btn--disabled:not(.focus-visible) svg {
    fill: #b5b5b5;
}

.similar-goods__btn--previous svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.similar-goods__list {
    width: calc(100% + 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.similar-goods__list--slider {
    overflow-x: hidden;
}

.similar-goods__product {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.similar-goods__product:not(:last-child) {
    margin-right: 10px;
}

.similar-goods__list--slider .similar-goods__product {
    height: 100%;
}

.similar-goods__list--slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.similar-goods__list--slider .slick-slide {
    width: 280px;
    height: auto;
    margin-right: 10px;
}

.similar-goods__list--slider .slick-slide div {
    height: 100%;
}

.soc-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.soc-links__item {
    border: 2px solid #000;
    border-radius: 50%;
    width: 41px;
    height: 41px;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.soc-links__item:last-child {
    margin-right: 0;
}

.soc-links__item:active {
    border-color: #f06292;
}

.soc-links__item:active svg {
    fill: #f06292;
}

.soc-links__item--vk {
    padding-right: 1px;
}

.sort-pane__title {
    padding: 15px 55px 12px;
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

.sort-pane__btn {
    display: block;
    padding: 24px 20px 23px;
    font-size: 18px;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #ebebeb;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sort-pane__btn:active, .sort-pane__btn:focus {
    color: #f06292;
}

.sort-pane__btn--current {
    background-size: 20px 20px;
    background-position: calc(100% - 15px) 50%;
    background-image: url("/local/templates/purpur/css/../img/tick-black.svg");
    background-repeat: no-repeat;
    cursor: default;
}

.sort-pane__btn--current:active, .sort-pane__btn--current:focus {
    color: #202020;
}

.sort-pane__mobile-hidden-unit {
    display: none;
}

.subscription {
    background: #f5f5f5;
}

.subscription--mobile-hidden {
    display: none;
}

.subscription__container {
    padding: 17px 20px 13px;
    max-width: 1200px;
    margin: 0 auto;
}

.subscription__title {
    margin: 0;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}

.subscription__title::before {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    background: url(/local/templates/purpur/css/../img/icon-subscription.svg) no-repeat;
    margin-bottom: 8px;
}

.subscription__desc {
    display: none;
    font-size: 16px;
    line-height: 22px;
    color: #b5b5b5;
}

.subscription__desc > *:first-child {
    margin-top: 0;
}

.subscription__desc > *:last-child {
    margin-bottom: 0;
}

.subscription__desc p {
    margin: 15px 0;
}

.subscription__input {
    display: block;
    width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    background: #fff;
    padding: 11px 20px;
    margin-bottom: 10px;
    color: #202020;
    font-size: 16px;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.subscription__input::-webkit-input-placeholder {
    color: #b5b5b5;
    opacity: 1;
}

.subscription__input:-ms-input-placeholder {
    color: #b5b5b5;
    opacity: 1;
}

.subscription__input::-ms-input-placeholder {
    color: #b5b5b5;
    opacity: 1;
}

.subscription__input::placeholder {
    color: #b5b5b5;
    opacity: 1;
}

.subscription__btn {
    width: 100%;
    padding: 19px 15px 15px;
    padding-left: 16px;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 15px;
    letter-spacing: 1.4px;
}

.subscription__checkbox {
    display: none;
}

.subscription__privacy {
    padding-left: 27px;
    position: relative;
}

.subscription__label {
    font-size: 14px;
    line-height: 20px;
    color: #b5b5b5;
    cursor: pointer;
}

.subscription__icon {
    position: absolute;
    left: 0;
    top: -2px;
    display: block;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    fill: none;
}

.subscription__checkbox:checked + .subscription__label .subscription__icon {
    fill: #b5b5b5;
}

.subscription__link {
    font-size: 14px;
    line-height: 20px;
    color: #b5b5b5;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(213, 213, 213, 0.6)), to(rgba(213, 213, 213, 0.6)));
    background-image: linear-gradient(to right, rgba(213, 213, 213, 0.6), rgba(213, 213, 213, 0.6) 100%);
    background-position: 0 100%;
    background-size: 1px 1px;
    background-repeat: repeat-x;
}

.tabs-container__btns {
    display: none;
}

.tabs-container__tab-title {
    position: relative;
    padding: 18px 0 16px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-top: 1px solid #ebebeb;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tabs-container__tab-title-icon {
    position: absolute;
    top: 16px;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    stroke: #202020;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    pointer-events: none;
}

.tabs-container__tab--closed .tabs-container__tab-title-icon {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.tabs-container__tab-content {
    padding-bottom: 20px;
}

.tabs-container__tab--closed .tabs-container__tab-content {
    display: none;
}

.tabs-container__display-btn {
    display: none;
}

.tabs-controls {
    display: none;
}

.tabs-controls--js {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tabs-controls__btn {
    display: block;
    width: 50%;
    padding: 10px 10px 8px;
    font-weight: 700;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    color: #202020;
    background-color: white;
    border: 1px solid #ebebeb;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.tabs-controls__btn--mobile-left {
    border-radius: 2px 0 0 2px;
    border-right: none;
}

.tabs-controls__btn--mobile-right {
    border-radius: 0 2px 2px 0;
}

.tabs-controls__btn--current {
    background-color: #f5f5f5;
}

.tabs-controls__mobile-hidden-text {
    display: none;
}

.to-authorization {
    margin-bottom: 25px;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 17px;
    padding-left: 20px;
    line-height: 1.38;
    text-align: left;
    background-color: #ffffff;
}

.to-authorization__text {
    margin: 0;
    line-height: 1.38;
}

.to-authorization__text--full {
    display: none;
}

.bx-filter-container-modef {
    display: none;
}

.user-menu {
    width: 100%;
}

.user-menu--mobile-hidden {
    display: none;
}

.user-menu__section {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: white;
}

.user-menu__section:not(:last-of-type) {
    margin-bottom: 30px;
}

.user-menu__item {
    border-bottom: 1px solid #ebebeb;
}

.user-menu__item:last-child {
    padding-bottom: 1px;
    border-bottom: none;
}

.user-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 20px 21px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    color: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-menu__link:active {
    color: #421a8e;
}

.user-menu__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    stroke: #202020;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    fill: none;
    overflow: hidden;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.user-menu__icon--data {
    -webkit-transform: translate(-1px, -1px);
    transform: translate(-1px, -1px);
}

.user-menu__icon--orders {
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px);
}

.user-menu__icon--delivery {
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
}

.user-menu__icon--payment {
    -webkit-transform: translate(0, -4px);
    transform: translate(0, -4px);
}

.user-menu__icon--return {
    -webkit-transform: translate(-1px, -1px);
    transform: translate(-1px, -1px);
}

.user-menu__icon--feedback {
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
}

.user-menu__icon--logout {
    -webkit-transform: translate(-1px, -2px);
    transform: translate(-1px, -2px);
}

.user-menu__link:active .user-menu__icon {
    stroke: #421a8e;
}

.user-menu__mobile-hidden-unit {
    display: none;
}

.user-menu__sublist {
    display: none;
}

.user-page-banner {
    display: none;
}

.user-page-content {
    width: 100%;
}

.user-page-content__header {
    z-index: 10;
    position: fixed;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: white;
    border-bottom: 1px solid #ebebeb;
}

.user-page-content__header--with-shadow {
    border-bottom: none;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);
}

.user-page-content__navigation-btn {
    position: absolute;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.user-page-content__navigation-btn--back {
    left: 10px;
}

.user-page-content__navigation-btn--close {
    right: 13px;
}

.user-page-content__navigation-icon {
    display: block;
    width: 18px;
    height: 18px;
    fill: #b5b5b5;
    stroke: #b5b5b5;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    pointer-events: none;
}

.user-page-content__navigation-btn:active .user-page-content__navigation-icon,
.user-page-content__navigation-btn:focus .user-page-content__navigation-icon {
    fill: #f06292;
    stroke: #f06292;
}

.user-page-content__navigation-btn:active .user-page-content__navigation-icon {
    -webkit-transition: 0ms;
    transition: 0ms;
}

.user-page-content__main-title {
    padding: 15px 55px 12px;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

.user-page {
    max-width: 1200px;
    margin: 0 auto;
}

.user-page--main {
    padding-top: 25px;
}

.user-page__page-title {
    padding: 0 20px;
    margin-bottom: 25px;
}

.video-popup {
    z-index: 20;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 58px 0;
    background-color: white;
}

.video-popup--shown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.video-popup__close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.video-popup__btn-icon {
    display: block;
    width: 20px;
    height: 20px;
    fill: #b5b5b5;
    stroke: #b5b5b5;
    stroke-width: 2;
    stroke-linecap: round;
    position: relative;
}

.video-popup__close-btn:active .video-popup__btn-icon,
.video-popup__close-btn:focus .video-popup__btn-icon {
    stroke: #f06292;
}

.video-popup__close-btn:active .video-popup__btn-icon {
    -webkit-transition: 0ms;
    transition: 0ms;
}

.video-popup iframe {
    display: block;
    width: 100%;
    height: auto;
    border: none;
}

.main-title {
    font-size: 39px!important;
}

@media (min-width: 768px) {
    .breadcrumbs--mobile-hidden {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .breadcrumbs__link {
        display: block;
        margin-right: 32px;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 17px;
        border-bottom: 1px solid #ebebeb;
    }

    .breadcrumbs__link--level-back {
        padding-left: 0;
    }

    .breadcrumbs__link--level-back::before {
        left: auto;
        right: -19px;
        margin-top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .breadcrumbs__link--current {
        margin-right: 0;
        border-bottom: none;
        cursor: default;
    }

    .breadcrumbs__link--current:active:not(.focus-visible) {
        color: #b5b5b5;
    }

    .breadcrumbs__link--current::before {
        content: none;
    }

    .cart-form__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 80px;
        padding: 0 5px;
    }

    .cart-form__list {
        margin-bottom: 0;
    }

    .cart-info {
        margin-left: 6.7%;
        width: 31.7%;
        min-width: 320px;
        padding-top: 35px;
        padding-right: 30px;
        padding-left: 30px;
        font-size: 18px;
        border: solid 1px #efefef;
        -webkit-transform: none;
        transform: none;
    }

    .cart-info__count {
        margin-bottom: 25px;
        letter-spacing: 1.4px;
    }

    .cart-info__promo-code {
        margin-bottom: 30px;
    }

    .cart-info__promo-code-input {
        max-width: 170px;
        /* padding-top: 15px;
      padding-bottom: 13px; */
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        text-transform: none;
    }

    .cart-info__promo-code-btn {
        padding-top: 18px;
        padding-bottom: 16px;
        font-size: 12px;
    }

    .cart-info__table {
        margin-bottom: 22px;
    }

    .cart-info__table-row--total .cart-info__table-row-cost {
        font-size: 24px;
    }

    .cart-info__delivery {
        margin-bottom: 35px;
        font-size: 16px;
    }

    .cart-info--not-scroled {
        display: none;
    }

    .cart-list {
        width: 62.5%;
    }

    .cart-list--wide {
        width: auto;
        margin-bottom: 25px;
    }

    .cart-list__item:not(:last-child) {
        margin-bottom: 40px;
    }

    .cart-list__item--mini {
        /* margin-right: 40px; */
    }

    .cart-list__item--mini:not(:last-child) {
        margin-bottom: 0;
    }

    .ps--active-y .cart-list__item--mini {
        margin-right: 40px;
    }

    .catalog-page__breadcrumbs {
        margin-bottom: 20px;
    }

    .catalog-page__page-title {
        margin-bottom: 32px;
    }

    .catalog-page__filters-wrapper {
        width: 242px;
        margin-right: 58px;
        overflow: hidden !important;
    }

    .container {
        padding: 0 34px;
    }

    .custom-search--tablet-visible {
        display: block;
    }

    .delivery-info--page {
        margin: 0;
        width: 100%;
    }

    .delivery-info__header {
        padding: 25px 30px 0;
    }

    .delivery-info__main-title--mobile {
        display: none;
    }

    .delivery-info__main-title--tablet {
        display: block;
    }

    .delivery-info__navigation {
        padding-left: 30px;
        padding-right: 30px;
    }

    .delivery-info__map--user-page {
        padding: 30px;
        padding-top: 0;
    }

    .delivery-info__map--with-indent {
        margin-bottom: 40px;
    }

    .delivery-location__title {
        padding-left: 30px;
    }

    .delivery-location__nota-bene {
        padding: 0 30px;
    }

    .delivery-location__city {
        padding-left: 30px;
        padding-right: 30px;
    }

    .delivery-location__city-select-caption {
        display: block;
        margin: 0;
        margin-bottom: 4px;
        font-size: 15px;
        line-height: 20px;
        color: #b5b5b5;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .delivery-location__city-select-container {
        width: 310px;
    }

    .delivery-location__alternatives {
        margin-bottom: 50px;
    }

    .delivery-location__map-btn {
        padding: 0 30px;
    }

    .delivery-method {
        padding-bottom: 25px;
    }

    .delivery-method--closed {
        padding-bottom: 0;
    }

    .delivery-method__title {
        padding: 20px 30px 18px;
    }

    .delivery-method__notice {
        padding: 0 30px;
    }

    .delivery-parameters__container {
        padding: 0 30px;
    }

    .empty-cart {
        width: 440px;
    }

    .empty-cart__text--margin-b {
        margin-bottom: 40px;
    }

    .favorites {
        padding-bottom: 60px;
    }

    .favorites__page-title {
        margin-bottom: 32px;
    }

    .favorites__list-wrapper {
        width: 100%;
    }

    .favorites__list {
        margin-left: -20px;
        margin-bottom: -20px;
    }

    .favorites__product {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .feedback-uploader {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .feedback {
        padding: 25px 30px 30px;
    }

    .feedback__main-title {
        margin-bottom: 32px;
    }

    .feedback form {
        max-width: 430px;
        padding: 0;
    }

    .feedback__form-btn {
        width: 198px;
    }

    .feedback__form-btn--upload {
        margin-bottom: 10px;
    }

    .feedback__form-btn--submit {
        margin: 0;
    }

    .feedback__form-btn--reset {
        display: none;
    }

    .filter-group {
        padding: 0;
    }

    .filter-group__title {
        position: relative;
        display: inline-block;
        padding: 0;
        padding-left: 21px;
        font-weight: 700;
        margin-bottom: 16px;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-bottom: none;
        cursor: pointer;
    }

    .filter-group--collapsed .filter-group__title {
        margin-bottom: 0;
    }

    .filter-group--non-collapsible .filter-group__title {
        padding-left: 0;
        margin-bottom: 16px;
        cursor: default;
    }

    .filter-group--non-collapsible .filter-group__title:hover, .filter-group--non-collapsible .filter-group__title:active, .filter-group--non-collapsible .filter-group__title:focus {
        color: #202020;
    }

    .filter-group__title-icon {
        position: absolute;
        top: 1px;
        left: 0;
        display: block;
        width: 16px;
        height: 16px;
        stroke: #202020;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        pointer-events: none;
    }

    .filter-group__title:focus:not(.focus-visible) .filter-group__title-icon {
        stroke: #202020;
    }

    .filter-group__title:active:not(.focus-visible) .filter-group__title-icon,
    .filter-group__title:focus .filter-group__title-icon {
        stroke: #f06292;
    }

    .filter-group__title:active .filter-group__title-icon {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
    }

    .filter-group--collapsed .filter-group__title-icon {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .filter-group--non-collapsible .filter-group__title-icon {
        display: none;
    }

    .filter-group--collapsed .filter-group__content {
        display: none;
    }

    .filter-group--non-collapsible .filter-group__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .filter-group--collapsed .filter-group__list-display-btn {
        display: none;
    }

    .footer-menu {
        padding: 20px 34px;
    }

    .goods-filter {
        position: static;
        display: block;
    }

    .goods-filter__title {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .goods-filter__filter-group {
        margin-bottom: 51px;
    }

    .goods-filter__filter-group--brand {
        margin-bottom: 48px;
    }

    .goods-filter__filter-group--color {
        margin-bottom: 48px;
    }

    .goods-filter__filter-group--last {
        margin-bottom: 30px;
    }

    .filter-js .goods-filter__filter-group {
        display: block;
    }

    .filter-js .goods-filter__group-title {
        display: inline-block;
    }

    .goods-filter__btns-pane {
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .goods-filter__btn {
        width: 100%;
    }

    .goods-filter__btn--reset {
        margin-bottom: 10px;
    }

    .goods-filter__cost-field-wrapper {
        width: 90px;
    }

    .goods-filter__cost-field-wrapper:first-of-type {
        margin-right: auto;
    }

    .goods-filter__range {
        margin-right: 0;
        margin-left: 0;
    }

    .goods-filter__mobile-hidden-unit {
        display: inline;
    }

    .goods {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .goods__header {
        width: 100%;
        margin-bottom: 20px;
    }

    .goods__list-wrapper {
        width: 100%;
    }

    .goods__list {
        margin-left: -20px;
        margin-bottom: -20px;
    }

    .goods__product {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .link--pink {
        background-position: 0 94%;
    }

    .link--gray {
        background-position: 0 86%;
    }

    .map {
        position: static;
        width: 100%;
        height: 460px;
        padding-bottom: 0;
        -webkit-transform: none;
        transform: none;
    }

    .modal-controls {
        display: none;
    }

    .modal-menu {
        z-index: auto;
        position: static;
    }

    .modal-menu:not(.modal-menu--map) {
        display: block;
        overflow: auto;
    }

    .modal-menu__header--mobile-only {
        z-index: auto;
        position: static;
        display: block;
        width: 100%;
        background-color: transparent;
        border-bottom: none;
    }

    .modal-menu__header--with-indents {
        padding-top: 15px;
        padding-bottom: 12px;
    }

    .modal-menu__header--with-btn {
        position: relative;
    }

    .modal-menu__title--map {
        padding: 0;
        font-size: 12px;
        text-align: left;
    }

    .modal-menu__title--no-uppercase {
        padding-bottom: 8px;
        font-size: 22px;
        line-height: 28px;
        font-weight: 400;
        letter-spacing: normal;
        text-transform: none;
    }

    .modal-menu__title-mobile-hidden {
        display: inline;
    }

    .modal-menu__btn--with-text {
        right: 0;
        width: auto;
    }

    .modal-menu__btn--mobile-only {
        display: none;
    }

    .modal-menu__btn-icon--mobile-only {
        display: none;
    }

    .modal-menu__btn-text {
        font-size: 12px;
    }

    .modal-menu__btn:hover .modal-menu__btn-text,
    .modal-menu__btn:focus .modal-menu__btn-text {
        color: #202020;
    }

    .modal-menu__btn:active .modal-menu__btn-text {
        color: #b5b5b5;
    }

    .modal-menu__content {
        overflow: auto;
    }

    .modal-menu__content-baloon {
        position: relative !important;
        width: 260px !important;
        height: auto !important;
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    }

    .modal-menu__content-baloon--wide {
        width: 410px !important;
    }

    .modal-menu__content-baloon::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #ffffff transparent transparent transparent;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-filter: drop-shadow(-3px 3px 3px 0 rgba(0, 0, 0, 0.1));
        filter: drop-shadow(-3px 3px 3px 0 rgba(0, 0, 0, 0.1));
    }

    .modal-menu__content-baloon-btn-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 14px;
        right: 0;
    }

    .modal-menu__content-baloon-btn-close:hover .modal-menu__btn-icon,
    .modal-menu__content-baloon-btn-close:focus .modal-menu__btn-icon {
        fill: #202020;
        stroke: #202020;
    }

    .modal-menu__content-baloon-btn-close:active .modal-menu__btn-icon {
        fill: #b5b5b5;
        stroke: #b5b5b5;
    }

    .my-orders__head {
        padding: 25px 30px;
        margin-bottom: 30px;
    }

    .my-orders__head.user-page-content__header {
        height: auto;
    }

    .my-orders__item {
        padding: 26px 30px 30px;
        margin-bottom: 30px;
    }

    .order-details__header {
        padding: 26px 30px 30px;
        margin-bottom: 30px;
    }

    .order-details__main-title {
        margin-bottom: 32px;
    }

    .order-details__header-text {
        display: block;
        margin: 0;
        font-size: 18px;
    }

    .order-details__group {
        padding: 26px 30px 30px;
    }

    .order-details__group:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .order-details__order-composition-list {
        margin-left: -15px;
        margin-bottom: -15px;
    }

    .order-details__product {
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .order-form__column-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .order-form__main-column {
        width: 56.5%;
        margin-right: 3.39%;
        margin-bottom: 10px;
    }

    .order-form__field--aside {
        width: 40.678%;
    }

    .order-form__field {
        margin-bottom: 50px;
    }

    .order-form__field--note {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order-form__field--bottom {
        margin-bottom: 37px;
    }

    .order-form__note {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 14px;
        margin-bottom: 20px;
    }

    .order-form__field-legend {
        margin-bottom: 12px;
    }

    .order-form__field-legend--info {
        display: none;
    }

    .order-form__data--mobile {
        display: none;
    }

    .order-form__wrap {
        padding-top: 30px;
        padding-right: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        border-radius: 2px;
    }

    .order-form__wrap--note {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-bottom: 5px;
    }

    .order-form__wrap--aside {
        padding-top: 35px;
        padding-right: 27px;
        padding-bottom: 12px;
        padding-left: 28px;
    }

    .order-form__delivery-method {
        padding-top: 35px;
        padding-right: 40px;
        padding-bottom: 7px;
        padding-left: 40px;
    }

    .order-form__delivery-method--bottom {
        padding-bottom: 13px;
    }

    .order-form__delivery-method:not(:last-child) {
        margin-bottom: 20px;
    }

    .order-form__delivery-method-name {
        margin-bottom: 5px;
        padding-left: 40px;
        font-size: 16px;
        letter-spacing: 0.8px;
    }

    .order-form__delivery-info-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 40px;
        margin-bottom: 18px;
    }

    .order-form__delivery-info {
        margin-bottom: 0;
    }

    .order-form__delivery-info--time {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 15px;
    }

    .order-form__delivery-info-br {
        display: none;
    }

    .order-form__delivery-info-link {
        margin-left: 2px;
    }

    .order-form__delivery-dropdown {
        margin-bottom: 0;
        padding-top: 20px;
    }

    .order-form__delivery-dropdown--point {
        display: block;
        margin-left: 38px;
        padding-top: 0;
        padding-bottom: 15px;
        border: none;
    }

    .order-form__delivery-dropdown-link--gap {
        margin-left: 10px;
    }

    .order-form__products-count {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 22px;
    }

    .order-form__products-count-counter {
        font-size: 18px;
        letter-spacing: 1.4px;
    }

    .order-form__cart-list {
        display: block;
    }

    .order-form__cost-table {
        margin-bottom: 0;
        font-size: 20px;
    }

    .order-form__cost-table::before {
        content: '';
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #ebebeb;
        width: 600px;
        margin-bottom: 15px;
    }

    .order-form__cost-table-row--short {
        display: none;
    }

    .order-form__cost-table-row--total {
        font-weight: 700;
    }

    .order-form__cost-table-data {
        line-height: 1.88;
    }

    .order-form__cost-table-data--desk {
        color: #202020;
    }

    .order-form__submit-btn {
        width: auto;
        padding-top: 19px;
        padding-right: 70px;
        padding-bottom: 15px;
        padding-left: 70px;
        font-size: 14px;
    }

    .order-form__submit-btn--long {
        padding-left: 50px;
        padding-right: 50px;
    }

    .order-form__submit-btn--superlong {
        padding-left: 30px;
        padding-right: 30px;
    }

    .order-info {
        margin-bottom: 60px;
        padding-top: 52px;
        width: 100%;
    }

    .order-info__lead {
        margin-bottom: 20px;
        font-size: 50px;
    }

    .order-info__text {
        margin-bottom: 35px;
        font-size: 24px;
        line-height: 2.42;
        letter-spacing: normal;
    }

    .order-info__summary {
        margin-bottom: 30px;
    }

    .order-info__summary--bottom {
        margin-bottom: 60px;
    }

    .order-info__continue-btn {
        margin-top: 30px;
        width: 290px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .order-summary {
        padding-top: 35px;
        padding-bottom: 28px;
        padding-left: 40px;
        width: 66.95%;
        -webkit-transform: none;
        transform: none;
    }

    .order-summary--left {
        padding-left: 30px;
    }

    .order-summary__title {
        font-size: 30px;
        letter-spacing: normal;
    }

    .order-summary__title--bottom {
        margin-bottom: 25px;
    }

    .order-summary__data {
        padding-top: 20px;
        font-size: 18px;
        text-align: left;
    }

    .order-summary__data--name {
        width: 26.03%;
    }

    .order-summary__data--top {
        padding-top: 28px;
    }

    .order-summary__data-number-small {
        display: none;
    }

    .order-summary__data-number-big {
        display: inline;
    }

    .order-summary__row-group--slim {
        display: none;
    }

    .order-summary__row-group--full {
        display: table-row-group;
    }

    .order-summary__count {
        margin-bottom: 22px;
        font-size: 16px;
        letter-spacing: 1.2px;
    }

    .order-summary__product:not(:last-child) {
        margin-bottom: 40px;
    }

    .ordering {
        padding-top: 30px;
        margin-bottom: 60px;
    }

    .ordering__title {
        margin-bottom: 40px;
    }

    .page-404 {
        padding: 60px 0 80px;
    }

    .page-404::before {
        top: -110px;
        font-size: 480px;
    }

    .page-404__page-title {
        max-width: 580px;
        margin-bottom: 41px;
    }

    .page-404__text {
        max-width: 380px;
        margin-bottom: 56px;
        font-size: 18px;
        line-height: 26px;
    }

    .page-footer--mobile-hidden {
        display: block;
    }

    .page-header--mobile-hidden {
        display: block;
    }

    .page-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .page-main__title--cart {
        padding-top: 30px;
        margin-bottom: 40px;
    }

    .page-title {
        font-size: 50px;
        line-height: 58px;
    }

    .page-title--mobile-hidden {
        display: block;
    }

    .page-title--legend {
        font-size: 30px;
    }

    .payment-info__header {
        padding: 25px 30px;
        margin-bottom: 30px;
    }

    .payment-info__main-title--mobile {
        display: none;
    }

    .payment-info__main-title--tablet {
        display: block;
    }

    .payment-info__navigation {
        padding-left: 30px;
        padding-right: 30px;
    }

    .payment-method {
        padding: 25px 30px;
    }

    .payment-method__title {
        margin-bottom: 25px;
    }

    .payment-page__title {
        padding: 0 34px;
    }

    .payment-systems {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        list-style: none;
    }

    .payment-systems__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .payment-systems__logo:not(:last-child) {
        margin-right: 10px;
    }

    .personal-data .personal-data__form {
        max-width: 100%;
    }

    .personal-data__desc {
        padding-left: 0;
        padding-right: 0;
    }

    .personal-data__fieldset {
        padding-left: 0;
        padding-right: 0;
    }

    .personal-data__btns {
        padding: 0;
    }

    .point-details__caption--without-margin {
        margin-bottom: 0;
    }

    .point-details__data--normal {
        display: table-cell;
        line-height: 30px;
    }

    .point-details__row--without-padding:not(:last-child) {
        padding-bottom: 0;
    }

    .popular-products__list {
        margin-bottom: 31px;
    }

    .popup-content__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .popup-content__total {
        margin-bottom: 0;
    }

    .popup-content__gotocart {
        width: 260px;
    }

    .popup-product-card__image {
        margin-right: 29px;
    }

    .popup-product-card__name {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .popup-product-card__manufacturer {
        font-size: 16px;
    }

    .popup-product-card__prices {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .popup-product-card__price-item--start {
        margin-left: 10px;
    }

    .popup-search--show {
        display: block;
    }

    .product-card {
        padding-top: 40px;
        font-size: 18px;
    }

    .product-card--mini {
        padding-top: 30px;
    }

    .product-card__title {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .product-card__title--mini {
        margin-bottom: 10px;
        min-height: 28px;
        font-size: 16px;
        line-height: 20px;
    }

    .product-card__photo {
        margin-right: 30px;
        width: 120px;
        height: 120px;
    }

    .product-card__photo img {
        max-width: 120px;
        max-height: 120px;
    }

    .product-card__photo--mini {
        margin-right: 20px;
        margin-bottom: 30px;
        width: 110px;
        height: 110px;
    }

    .product-card__photo--mini img {
        max-width: 110px;
        max-height: 110px;
    }

    .product-card__price {
        margin-bottom: 13px;
    }

    .product-card__price--mini {
        margin-bottom: 9px;
    }

    .product-card__price--bottom {
        margin-bottom: 22px;
    }

    .product-card__numbers {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .product-card__quantity {
        font-size: 16px;
    }

    .product-card__quantity-caption--small {
        display: none;
    }

    .product-card__quantity-caption--full {
        display: inline;
    }

    .product-page {
        padding: 0 34px;
        background-color: white;
    }

    .product-page__breadcrumbs {
        margin-bottom: 20px;
    }

    .product-page__product {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 60px;
    }

    .product-page__product-description {
        width: 47.5423%;
        padding: 0;
    }

    .product-page__product-title {
        padding-top: 5px;
        margin-left: -4px;
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 5px;
    }

    .product-page__product-part-number {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .product-page__form {
        margin-bottom: 44px;
    }

    .product-page__price-value--old {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .product-page__image-wrapper {
        width: 45.76271%;
        height: 480px;
        padding: 25px;
        margin-bottom: 0;
        border-radius: 3px;
    }

    .product-page__image-container {
        height: 392px;
        margin-bottom: 22px;
    }

    .return-info__header {
        padding: 25px 30px;
    }

    .return-info__main-title--mobile {
        display: none;
    }

    .return-info__main-title--tablet {
        display: block;
    }

    .return-page p {
        margin-bottom: 26px;
    }

    .return-page ol {
        max-width: 780px;
    }

    .return-page li {
        margin-bottom: 25px;
        line-height: 28px;
    }

    .return-page {
        padding-top: 30px;
        font-size: 18px;
        padding-bottom: 15px;
    }

    .return-page--user-page {
        padding: 0;
    }

    .return-page__group-head {
        display: none;
    }

    .return-page__group--popup {
        display: block;
        position: static;
        margin-bottom: 6px;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: none;
        transform: none;
    }

    .return-page__title {
        margin-bottom: 37px;
    }

    .return-page__content {
        height: auto;
        max-width: 805px;
        overflow: auto;
    }

    .return-page__content-inner {
        padding: 0;
        padding-bottom: 60px;
    }

    .return-page__content-inner--user-page {
        padding: 25px 30px;
    }

    .return-page__content-inner br {
        display: inline;
    }

    .return-page__content--footer {
        line-height: 28px;
    }

    .return-page__intro {
        font-size: 22px;
        line-height: 34px;
    }

    .return-page__subtitle {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 25px;
        margin-left: -3px;
    }

    .return-page__subtitle--user-page {
        font-size: 28px;
        line-height: 30px;
    }

    .return-page__menu {
        display: none;
    }

    .search-block__results {
        padding: 0 34px;
    }

    .similar-goods {
        padding: 0;
    }

    .similar-goods__bar {
        margin-bottom: 29px;
    }

    .similar-goods__title {
        margin-left: -4px;
        font-size: 50px;
        line-height: 58px;
        font-weight: 600;
    }

    .similar-goods__btn {
        margin-top: -5px;
        width: 40px;
        height: 40px;
        border: 1px solid #ebebeb;
        border-radius: 50%;
    }

    .similar-goods__btn--next {
        margin-right: 0;
    }

    .similar-goods__btn svg {
        width: 17px;
        height: 10px;
    }

    .similar-goods__list {
        width: calc(100% + 34px);
        padding-bottom: 80px;
    }

    .similar-goods__product:not(:last-child) {
        margin-right: 20px;
    }

    .similar-goods__list--slider .slick-slide {
        margin-right: 20px;
    }

    .sort-pane {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: auto;
    }

    .sort-pane__title {
        width: 100%;
        padding: 0;
        padding-left: 9px;
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: normal;
        text-transform: none;
        text-align: left;
        border-bottom: none;
    }

    .sort-pane__btn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 47%;
        padding: 4px 9px;
        margin-top: 10px;
        margin-right: 20px;
        font-size: 18px;
        text-transform: lowercase;
        color: #b5b5b5;
        border: 1px solid #ebebeb;
        border-radius: 2px;
    }

    .sort-pane__btn:not(:nth-of-type(n+3)) {
        margin-top: 0;
    }

    .sort-pane__btn:nth-of-type(2n) {
        margin-right: 0;
    }

    .sort-pane__btn:active, .sort-pane__btn:focus {
        border-color: #fde8ef;
    }

    .sort-pane__btn--current {
        color: #f06292;
        background-color: #fde8ef;
        background-image: none;
        border-color: #fde8ef;
    }

    .sort-pane__btn--current:active, .sort-pane__btn--current:focus {
        color: #f06292;
    }

    .sort-pane__mobile-hidden-unit {
        display: inline;
    }

    .sort-pane__tablet-hidden-unit {
        display: none;
    }

    .subscription--mobile-hidden {
        display: block;
    }

    .subscription__container {
        padding: 30px 34px 25px;
    }

    .to-authorization {
        position: relative;
        margin-bottom: 40px;
        padding-top: 25px;
        padding-right: 140px;
        padding-bottom: 29px;
        padding-left: 62px;
        border-radius: 2px;
    }

    .to-authorization::before {
        content: "";
        position: absolute;
        top: 17px;
        left: 20px;
        display: block;
        width: 47px;
        height: 55px;
        background-image: url("/local/templates/purpur/css/../img/login.svg");
        background-repeat: no-repeat;
    }

    .to-authorization__text--short {
        display: none;
    }

    .to-authorization__text--full {
        display: block;
    }

    .user-menu {
        width: 45.7143%;
        max-width: 350px;
    }

    .user-menu--mobile-hidden {
        display: block;
    }

    .user-menu__item--current {
        position: relative;
    }

    .user-menu__item--current::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 4px;
        background-color: #421a8e;
    }

    .user-menu__item--current .user-menu__link {
        color: #421a8e;
        cursor: default;
    }

    .user-menu__item--current .user-menu__icon {
        stroke: #421a8e;
    }

    .user-page-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 550px;
        padding-top: 30px;
        background-color: white;
    }

    .user-page-banner__title {
        margin-bottom: auto;
    }

    .user-page-banner__img-container {
        max-height: 448px;
        padding: 10px;
        margin-top: auto;
        min-height: 1px;
    }

    .user-page-banner__img {
        display: block;
        height: auto;
        max-width: 100%;
        max-height: 428px;
        overflow: hidden;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .user-page-content {
        width: 320px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .user-page-content__header {
        z-index: auto;
        position: static;
        border-bottom: none;
    }

    .user-page-content__navigation-btn {
        display: none;
    }

    .user-page-content__main-title {
        padding: 0;
        font-family: "Macho", "Arial", sans-serif;
        font-size: 30px;
        line-height: 36px;
        letter-spacing: normal;
        text-transform: none;
        text-align: left;
    }

    .user-page-content__main-title--centered {
        width: 100%;
        text-align: center;
    }

    .user-page {
        padding: 25px 34px 34px;
    }

    .user-page__page-title {
        padding: 0;
        margin-bottom: 32px;
    }

    .user-page__user-menu {
        margin-right: 30px;
    }
}

@media (min-width: 1200px) {
    .breadcrumbs__link:hover:not(.focus-visible) {
        color: #202020;
    }

    .breadcrumbs__link:active:not(.focus-visible), .breadcrumbs__link:active.focus-visible {
        color: #b5b5b5;
    }

    .breadcrumbs__link--current:hover:not(.focus-visible) {
        color: #b5b5b5;
    }

    .btn:active {
        -webkit-transition: 0ms;
        transition: 0ms;
    }

    .btn--purple:not(:disabled):hover, .btn--purple:not(:disabled):focus {
        background-color: #f06292;
    }

    .btn--purple:not(:disabled):active {
        background-color: #421a8e;
    }

    .btn--white:not(:disabled):hover, .btn--white:not(:disabled):focus {
        border-color: #202020;
        -webkit-box-shadow: inset 0 0 0 1px #202020;
        box-shadow: inset 0 0 0 1px #202020;
    }

    .btn--white:not(:disabled):active {
        border-color: #000000;
        -webkit-box-shadow: inset 0 0 0 1px #000000;
        box-shadow: inset 0 0 0 1px #000000;
    }

    .btn--gray:not(:disabled):hover, .btn--gray:not(:disabled):focus {
        background-color: #dedede;
    }

    .btn--gray:not(:disabled):active {
        background-color: #f5f5f5;
    }

    .cabinet-tabs {
        padding-bottom: 45px;
    }

    .cabinet-tabs__nav-link {
        font-size: 26px;
        padding: 15px;
    }

    .cabinet-tabs__nav-link:hover {
        color: #f06292;
    }

    .cart-btn:hover:not(.focus-visible) {
        background-color: #f06292;
    }

    .cart-btn:active {
        background-color: #421a8e;
    }

    .cart-btn--mobile-hidden {
        display: block;
    }

    .cart-btn__mobile-hidden-text {
        display: inline;
    }

    .cart-info__btn.btn--purple {
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }

    .catalog-page {
        padding-top: 16px;
        margin-bottom: 90px;
    }

    .catalog-page__page-title {
        margin-bottom: 52px;
    }

    .catalog-page__filters-wrapper {
        padding-top: 6px;
    }

    .contacts-page {
        padding-top: 30px;
        padding-bottom: 100px;
    }

    .contacts-page .contacts-page__title {
        font-size: 50px;
        margin-bottom: 53px;
    }

    .contacts-page__text {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: -0.2px;
        margin-bottom: 28px;
    }

    .contacts-page__subtitle {
        font-size: 28px;
        line-height: 40px;
    }

    .contacts-page__showmap-btn {
        display: none;
    }

    .contacts-page__list {
        border-top: none;
        padding: 0;
        margin-bottom: 47px;
    }

    .contacts-page__list-item {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 0;
        letter-spacing: 0;
    }

    .contacts-page__list-item a:hover {
        color: #f06292;
    }

    .contacts-page__list-item a:active {
        color: #202020;
    }

    .contacts-page__btn {
        width: 250px;
    }

    .contacts-page__col {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 30px;
    }

    .contacts-page__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .contacts-page__popup {
        display: block;
        position: static;
        z-index: 0;
        overflow: auto;
        margin-top: 10px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%;
        max-width: 710px;
    }

    .contacts-page__popup-head {
        display: none;
    }

    .container {
        padding: 0 10px;
    }

    .custom-search {
        display: block;
    }

    .custom-select {
        z-index: auto;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        position: relative;
        min-height: 24px;
        overflow-y: visible;
    }

    .custom-select--opened {
        width: calc(100% + 20px);
    }

    .custom-select__wrapper {
        z-index: 20;
        width: 100%;
    }

    .custom-select--opened .custom-select__wrapper {
        display: block;
        height: auto;
        position: absolute;
        top: -44px;
        left: -20px;
        padding-top: 20px;
        padding-left: 20px;
        background-color: white;
        -webkit-box-shadow: 0 1px 8px 0 rgba(32, 32, 32, 0.08);
        box-shadow: 0 1px 8px 0 rgba(32, 32, 32, 0.08);
    }

    .custom-select--opened .custom-select__wrapper--order-city {
        width: 292px;
    }

    .custom-select--opened .custom-select__header {
        position: relative;
        margin-right: 20px;
    }

    .custom-select__modal-bar {
        position: static;
        display: block;
        border-bottom: none;
    }

    .custom-select__title {
        display: none;
        padding: 0;
        margin: 0;
        margin-bottom: 4px;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: normal;
        text-transform: none;
        text-align: left;
        color: #b5b5b5;
    }

    .custom-select--opened .custom-select__title {
        display: inline-block;
    }

    .custom-select__close-btn {
        display: none;
    }

    .custom-select__search {
        position: static;
        padding: 0;
    }

    .custom-select__search-input {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        padding-bottom: 3px;
        padding-right: 25px;
        font-size: 18px;
        line-height: 20px;
        border: none;
        border-bottom: 1px solid #dedede;
        border-radius: 0;
    }

    .custom-select__search-input:hover {
        border-color: #b5b5b5;
    }

    .custom-select__search-input:focus {
        border-color: #202020;
    }

    .custom-select__search-icon {
        display: none;
    }

    .custom-select__options-list {
        max-height: 344px;
        padding-right: 20px;
    }

    .custom-select__options-list:not(.custom-select__options-list--scrollable) {
        overflow: auto;
    }

    .custom-select .custom-select__options-list .ps__rail-y {
        display: block;
    }

    .custom-select .custom-select__options-list .ps__rail-y,
    .custom-select .custom-select__options-list .ps__rail-y:hover,
    .custom-select .custom-select__options-list .ps__rail-y:active,
    .custom-select .custom-select__options-list .ps__rail-y:focus {
        background-color: transparent;
    }

    .custom-select__options-list--no-scroll .scroll-bar {
        display: none;
    }

    .custom-select__option {
        padding: 24px 0;
        border-bottom: 1px solid #dedede;
    }

    .custom-select__option:last-of-type:not(.custom-select__option--selected) {
        border-bottom: none;
    }

    .custom-select__option:hover {
        color: #f06292;
    }

    .custom-select__option:active {
        color: #202020;
    }

    .custom-select__option--selected {
        padding: 0;
        padding-bottom: 3px;
    }

    .custom-select__option--selected:hover {
        color: #202020;
        border-color: #b5b5b5;
    }

    .custom-select__option--selected:focus {
        color: #202020;
        border-color: #202020;
    }

    .custom-select__option--no-interactions, .custom-select__option--no-interactions:hover, .custom-select__option--no-interactions:active, .custom-select__option--no-interactions:focus {
        color: #202020;
        cursor: default;
    }

    .custom-select--opened:not(.custom-select--no-search) .custom-select__option--selected {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 25px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        font-size: 0;
        padding-bottom: 2px;
        border-bottom: none;
    }

    .custom-select--no-search .custom-select__option--selected {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .delivery-alternatives__сol--first {
        text-align: left;
        width: 330px;
        margin-right: 20px;
    }

    .delivery-alternatives__сol--first-big {
        width: 580px;
    }

    .delivery-alternatives__сol--second {
        text-align: left;
        width: 190px;
        margin-right: 20px;
    }

    .delivery-alternatives__сol--second-big {
        width: 370px;
    }

    .delivery-alternatives__сol--third {
        width: 160px;
        text-align: right;
    }

    .delivery-alternatives__сol--third-big {
        width: 190px;
    }

    .delivery-alternatives__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        padding-bottom: 13px;
        border-bottom: 1px solid #ebebeb;
    }

    .delivery-alternatives__caption {
        padding: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #b5b5b5;
    }

    .delivery-info {
        padding: 32px 40px 40px;
    }

    .delivery-info--page {
        margin: 0;
        padding: 0;
    }

    .delivery-info__header {
        padding: 0;
    }

    .delivery-info__main-title {
        margin-bottom: 60px;
        margin-left: -5px;
    }

    .delivery-info__navigation {
        padding: 0;
        margin-bottom: 51px;
    }

    .delivery-info__info {
        margin-bottom: 0;
    }

    .delivery-info__info--large-indent {
        margin-bottom: 69px;
    }

    .delivery-info__map--user-page {
        padding: 0;
    }

    .delivery-info__map--with-indent {
        margin-bottom: 72px;
    }

    .delivery-location__title {
        padding-left: 0;
        margin: 0;
        margin-bottom: 39px;
        font-family: "Macho", "Arial", sans-serif;
        font-size: 30px;
        line-height: 36px;
    }

    .delivery-location__title--small-bottom {
        margin-bottom: 33px;
    }

    .delivery-location--js .delivery-location__title {
        display: block;
    }

    .delivery-location__nota-bene {
        padding: 0;
        margin-bottom: 22px;
    }

    .delivery-location__nota-bene--large-indent {
        margin-bottom: 31px;
    }

    .delivery-location__methods {
        display: block;
    }

    .delivery-location__methods--large-indent {
        margin-bottom: 55px;
    }

    .delivery-location__city {
        padding: 28px 40px 40px;
        margin-bottom: 36px;
    }

    .delivery-location__city--large-indent {
        margin-bottom: 56px;
    }

    .delivery-location__city-lead {
        margin-bottom: 21px;
        font-size: 20px;
        line-height: 26px;
    }

    .delivery-location__city-lead--big {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .delivery-location__alternatives {
        margin-bottom: 0;
    }

    .delivery-location--js .delivery-location__map-btn-container {
        display: none;
    }

    .delivery-location__map-btn {
        padding: 20px 0;
    }

    .delivery-method {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 33px 0 31px;
        border-top: none;
        border-bottom: 1px solid #ebebeb;
    }

    .delivery-method:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    .delivery-method__container--two-line {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .delivery-method__title {
        display: block;
        padding: 0;
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: normal;
        text-transform: none;
        color: #202020;
        background-color: transparent;
        border: none;
    }

    .delivery-method__title--big {
        font-size: 22px;
    }

    .delivery-method__title-icon {
        display: none;
    }

    .delivery-method__notice {
        padding: 0;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 22px;
    }

    .delivery-method__notice--big {
        font-size: 18px;
        line-height: 28px;
    }

    .delivery-method__desktop-hidden-unit {
        display: none;
    }

    .delivery-method__mobile-hidden-unit {
        display: inline;
    }

    .delivery-method__capital-letter {
        text-transform: uppercase;
    }

    .delivery-parameters__container {
        padding: 0;
    }

    .delivery-parameters__caption {
        display: none;
    }

    .delivery-parameters__value {
        width: 100%;
    }

    .delivery-parameters__value--big {
        font-size: 22px;
    }

    .delivery-parameters__notice {
        margin-top: 5px;
        font-size: 16px;
    }

    .delivery-parameters__notice--secondary {
        line-height: 20px;
        text-transform: lowercase;
        color: #b5b5b5;
    }

    .delivery-parameters__notice--big {
        font-size: 18px;
    }

    .delivery-parameters__capital-letter {
        text-transform: capitalize;
    }

    .delivery-parameters__mobile-hidden-unit {
        display: inline;
    }

    .delivery-parameters__desktop-hidden-unit {
        display: none;
    }

    .favorites {
        padding-top: 31px;
        padding-bottom: 100px;
    }

    .favorites__page-title {
        margin-bottom: 50px;
        margin-left: -4px;
    }

    .favorites--empty .favorites__page-title {
        margin-bottom: 41px;
    }

    .favorites__empty-message {
        width: 440px;
    }

    .favorites__empty-message-text {
        margin-bottom: 23px;
    }

    .favorites__empty-message-text:last-of-type {
        margin-bottom: 53px;
    }

    .favorites__goto-catalog-btn {
        width: 280px;
    }

    .features {
        padding-bottom: 45px;
    }

    .features__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .features-item {
        width: calc((100% - 40px) / 3);
        margin-right: 20px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .features-item:nth-child(2n) {
        padding-left: 73px;
        padding-right: 20px;
    }

    .features-item:nth-child(3n) {
        padding-left: 100px;
        margin-right: 0;
    }

    .features-item__image {
        display: block;
        height: 252px;
        overflow: hidden;
    }

    .features-item__image img {
        width: 270px;
        height: 270px;
    }

    .features-item__title {
        font-size: 52px;
        line-height: 58px;
        margin-bottom: 23px;
        padding: 0;
    }

    .features-item__desc {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .features-item__link {
        font-size: 18px;
    }

    .features-item__link.link--pink {
        -webkit-transition: 0.2s color, background-image 0.2s;
        transition: 0.2s color, background-image 0.2s;
    }

    .features-item--shop .features-item__title,
    .features-item--shop .features-item__desc,
    .features-item--shop .features-item__readmore {
        padding-left: 35px;
    }

    .features-item--shop img {
        -webkit-transform: translate(2px, 12px);
        transform: translate(2px, 12px);
    }

    .features__list.owl-carousel .owl-prev:hover svg,
    .features__list.owl-carousel .owl-next:hover svg {
        fill: #f06292;
    }

    .feedback {
        padding: 32px 40px 40px;
    }

    .feedback__main-title {
        margin-bottom: 34px;
        margin-left: -5px;
    }

    .feedback__form-tip--primary {
        margin-bottom: 35px;
    }

    .feedback__form-tip--upload {
        width: 210px;
    }

    .feedback__field-wrapper {
        margin-bottom: 40px;
    }

    .feedback__select,
    .feedback__select-container {
        margin-bottom: 29px;
    }

    .feedback__uploader {
        margin-bottom: 50px;
    }

    .feedback__form-btn--upload {
        margin-right: 22px;
        margin-bottom: 0;
    }

    .filter-group--scrollable {
        position: relative;
    }

    .filter-group--scrollable::after {
        content: "";
        position: absolute;
        right: 6px;
        bottom: 0;
        left: 0;
        height: 40px;
        background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
        pointer-events: none;
    }

    .filter-group--transparent-bottom::after {
        background: rgba(255, 255, 255, 0);
    }

    .filter-group--collapsed {
        position: static;
    }

    .filter-group__title {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .filter-group__title:hover:not(.focus-visible) {
        color: #f06292;
    }

    .filter-group__title:active:not(.focus-visible) {
        color: #202020;
    }

    .filter-group__title--brand {
        margin-bottom: 17px;
    }

    .filter-group--non-collapsible .filter-group__title {
        margin-bottom: 15px;
    }

    .filter-group--non-collapsible .filter-group__title:hover {
        color: #202020;
    }

    .filter-group__title:hover:not(.focus-visible) .filter-group__title-icon {
        stroke: #f06292;
    }

    .filter-group__title:active:not(.focus-visible) .filter-group__title-icon {
        stroke: #202020;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
    }

    .filter-group__content--js {
        max-height: 385px;
    }

    .filter-group__list-display-btn {
        display: none;
    }

    .footer-menu {
        padding: 0;
        border-bottom: none;
    }

    .footer-menu__title {
        font-size: 16px;
        margin-bottom: 11px;
        pointer-events: none;
        letter-spacing: 1.5px;
        padding: 0;
        cursor: auto;
    }

    .footer-menu__title::after {
        display: none;
    }

    .footer-menu__list {
        padding: 0;
        padding-top: 4px;
    }

    .footer-menu__item {
        margin-bottom: 0;
    }

    .footer-menu__link {
        font-size: 18px;
        line-height: 30px;
        display: inline-block;
    }

    .footer-menu__link:after {
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 5px;
        background: rgba(26, 26, 26, 0.15);
    }

    .footer-menu__link:hover {
        color: #f06292;
    }

    .footer-menu__link:hover:after {
        background: rgba(240, 98, 146, 0.4);
    }

    .form-field:hover .form-field__input {
        border-bottom-color: #b5b5b5;
    }

    .form-field__icon {
        display: none;
    }

    .form-field__show-pass-text {
        display: block;
    }

    .form__selector-label {
        font-size: 18px;
        margin-left: 31px;
    }

    .form__selector-label::before, .form__selector-label::after {
        left: -29px;
    }

    .form__selector-label--with-counter {
        margin-bottom: 17px;
        line-height: 18px;
    }

    .js-focus-visible .form__selector-label:hover:not(.focus-visible)::before {
        border-color: #b5b5b5;
    }

    .js-focus-visible .form__selector:checked:hover + .form__selector-label::before {
        border-color: #421a8e;
    }

    .form__selector-counter {
        font-size: 12px;
    }

    .form__field--borderless:hover {
        border-color: #b5b5b5;
    }

    .form__field--borderless:focus {
        border-color: #202020;
    }

    .form__invalid-sign::after {
        right: 8px;
        white-space: nowrap;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    .goods-filter__category-link {
        font-size: 18px;
        line-height: 18px;
    }

    .goods-filter__category-link:not(:last-of-type) {
        margin-bottom: 17px;
    }

    .goods-filter__btn--reset:hover, .goods-filter__btn--reset:focus {
        color: #202020;
    }

    .filter-js .goods-filter__btn--submit {
        display: none;
    }

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

    .goods__search-results {
        display: block;
        margin: 0;
        font-size: 18px;
        color: #b5b5b5;
        margin-right: auto;
    }

    .link--pink:hover, .link--pink:focus {
        color: #202020;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(32, 32, 32, 0.15)), to(rgba(32, 32, 32, 0.15)));
        background-image: linear-gradient(to right, rgba(32, 32, 32, 0.15), rgba(32, 32, 32, 0.15) 100%);
    }

    .link--pink:active {
        color: #f06292;
        background-image: none;
    }

    .link--gray:hover, .link--gray:focus {
        color: #f06292;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 98, 146, 0.25)), to(rgba(240, 98, 146, 0.25)));
        background-image: linear-gradient(to right, rgba(240, 98, 146, 0.25), rgba(240, 98, 146, 0.25) 100%);
    }

    .link--gray:active {
        color: #202020;
        background-image: none;
    }

    .link--no-line, .link--no-line:hover, .link--no-line:focus, .link--no-line:active {
        background-image: none;
    }

    .logo img {
        width: 185px;
        height: 70px;
    }

    .main-menu {
        width: auto;
    }

    .main-menu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .modal-menu__header {
        width: auto;
    }

    .my-orders__head {
        border-radius: 2px;
        padding: 30px 35px;
        padding-left: 39px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 30px;
    }

    .my-orders__count {
        display: block;
        font-size: 50px;
        line-height: 1;
        color: #e0e0e0;
        font-weight: bold;
    }

    .my-orders__item {
        border-radius: 2px;
        padding: 40px;
        padding-top: 35px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .my-orders__tools {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 35px;
        border-bottom: 1px solid rgba(222, 222, 222, 0.5);
        margin-bottom: 40px;
    }

    .my-orders__tool-item {
        display: block;
        padding: 0;
        margin-bottom: 0;
        position: relative;
        padding: 0 40px;
    }

    .my-orders__tool-item::after {
        content: '';
        position: absolute;
        z-index: 1;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 40px;
        background: rgba(222, 222, 222, 0.7);
    }

    .my-orders__tool-item:last-child::after {
        display: none;
    }

    .my-orders__tool-item--number {
        width: 220px;
        padding-left: 0;
    }

    .my-orders__tool-item--date {
        width: 270px;
    }

    .my-orders__tool-item--status {
        width: 230px;
    }

    .my-orders__tool-title {
        width: auto;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        text-transform: uppercase;
        color: #b5b5b5;
        margin-bottom: 9px;
        letter-spacing: 1px;
    }

    .my-orders__tool-value {
        width: auto;
        text-align: left;
        padding-left: 0;
        font-size: 18px;
        line-height: 20px;
        font-weight: bold;
    }

    .my-orders__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .my-orders__images {
        width: calc(100% - 240px);
        margin-right: 0;
        margin-bottom: 0;
    }

    .my-orders__image {
        width: calc((100% - 40px) / 4);
        height: 110px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .my-orders__btns {
        width: 240px;
        margin-left: auto;
    }

    .order-data--flex tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .order-data__row {
        margin-bottom: 20px;
    }

    .order-data__row--ceil {
        width: 200px;
        margin-bottom: 0;
        margin-right: 40px;
        border-right: 1px solid #ebebeb;
    }

    .order-data__row--ceil:nth-child(3n), .order-data__row--ceil:last-child {
        margin-right: auto;
        border-right: none;
    }

    .order-data__row--ceil:nth-child(n+4) {
        margin-top: 20px;
    }

    .order-data__row--with-separator {
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    .order-data__caption {
        font-size: 18px;
        line-height: 20px;
    }

    .order-data__caption--uppercase {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .order-data__caption--dark {
        color: #202020;
    }

    .order-data__caption--short {
        max-width: 150px;
        margin-bottom: 0;
    }

    .order-data__caption--desktop-highlighted {
        font-weight: 700;
    }

    .order-data__value {
        font-size: 18px;
        line-height: 20px;
        text-align: left;
    }

    .order-data__value--long {
        width: 530px;
    }

    .order-data__value--desktop-highlighted {
        font-weight: 700;
    }

    .order-details__group--total-cost .order-data__value {
        text-align: right;
    }

    .order-details__header {
        padding: 32px 40px 34px;
    }

    .order-details__main-title {
        margin-bottom: 22px;
        margin-left: -5px;
    }

    .order-details__group {
        padding: 31px 40px 32px;
    }

    .order-details__group--departure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 40px;
        padding-bottom: 35px;
    }

    .order-details__group--composition {
        padding-bottom: 40px;
    }

    .order-details__group--total-cost {
        padding-bottom: 35px;
    }

    .order-details__group--delivery {
        padding-bottom: 24px;
    }

    .order-details__group-title {
        margin-bottom: 33px;
        margin-left: -3px;
        font-size: 30px;
        line-height: 36px;
    }

    .order-details__group-title--departure {
        max-width: 400px;
        margin-bottom: 13px;
    }

    .order-details__group-title--total-cost {
        margin-bottom: 38px;
    }

    .order-details__group-title--delivery {
        margin-bottom: 38px;
    }

    .order-details__order-departure-data {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 55px;
    }

    .order-details__order-number {
        width: 220px;
    }

    .order-details__order-date {
        width: 230px;
    }

    .order-details__departure-date {
        width: 190px;
    }

    .order-details__track-btn {
        width: 240px;
        margin: 0;
        font-size: 14px;
    }

    .order-details__mobile-hidden-unit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .order-details__desktop-hidden-unit {
        display: none;
    }

    .order-form__wrap--note {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order-form__select {
        margin-bottom: 30px;
    }

    .order-form__select--city {
        position: relative;
    }

    .order-form__select--city:not(.custom-select--opened) {
        padding-right: 310px;
    }

    .order-form__select--city::after {
        content: "Укажите город, в который нужно отправить заказ";
        position: absolute;
        bottom: -6px;
        left: 310px;
        width: 185px;
        color: #b5b5b5;
    }

    .order-form__select-container {
        width: 100%;
        margin-bottom: 30px;
    }

    .order-form__label:hover::before {
        border-color: #b5b5b5;
    }

    .order-form__data {
        margin-bottom: 32px;
        width: 270px;
    }

    .order-form__data--select {
        margin-bottom: 5px;
    }

    .order-form__data--thin {
        margin-bottom: 23px;
        width: 150px;
    }

    .order-form__data--thin:not(:last-child) {
        margin-right: 64px;
    }

    .order-form__data--wide {
        width: 365px;
    }

    .order-form__data--superwide {
        width: 580px;
    }

    .order-form__delivery-method {
        cursor: pointer;
    }

    .order-form__delivery-method:hover {
        -webkit-box-shadow: 0 0 18px 2px rgba(32, 32, 32, 0.05);
        box-shadow: 0 0 18px 2px rgba(32, 32, 32, 0.05);
    }

    .order-form__delivery-dropdown:not(.order-form__delivery-dropdown--point) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order-form__delivery-dropdown--point {
        padding-right: 120px;
    }

    .order-form__select-container--desktop-hidden {
        display: none;
    }

    .order-form__payment-methods {
        display: block;
    }

    .order-form__payment-method--card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .order-form__payment-method--hidden {
        display: none;
    }

    .order-form__payment-method:not(:first-child) {
        padding-top: 33px;
    }

    .order-form__payment-method:not(:last-child) {
        padding-bottom: 27px;
        border-bottom: 1px solid rgba(222, 222, 222, 0.6);
    }

    .order-form__label--card {
        margin-right: auto;
    }

    .order-form__payment-method-data {
        padding-left: 40px;
        font-size: 20px;
        line-height: 1;
    }

    .order-form__payment-method-data::before {
        top: 50%;
        -webkit-transform: translateY(-55%);
        transform: translateY(-55%);
    }

    .order-form__cost-table-data-full {
        display: inline;
    }

    .overlay {
        z-index: 10;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 100%;
    }

    .overlay--dark {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .overlay--shown {
        display: block;
    }

    .page-404 {
        padding: 124px 0 130px;
    }

    .page-404::before {
        top: -210px;
        font-size: 700px;
    }

    .page-body--desktop {
        width: auto;
        height: auto;
        position: static;
        overflow: auto;
    }

    .page-footer {
        background: url(/local/templates/purpur/css/../img/bg-page-footer.svg) no-repeat;
        background-size: 560px auto;
        background-position: left calc(50% + 7px) bottom 30px;
    }

    .page-footer__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 46px 20px 30px;
        max-width: 1220px;
        margin: 0 auto;
    }

    .page-footer__row .footer-menu {
        width: 25%;
    }

    .page-footer__row .footer-menu:nth-child(2n) {
        padding-left: 25px;
    }

    .page-footer__row .footer-menu:nth-child(3n) {
        padding-left: 10px;
    }

    .page-footer__row .footer-menu:nth-child(4n) {
        padding-left: 102px;
    }

    .page-footer__phone-number,
    .page-footer__schedule {
        display: block;
    }

    .page-footer__bottom {
        padding-top: 19px;
        padding-bottom: 40px;
        max-width: 1220px;
        margin: 0 auto;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .page-header {
        padding-bottom: 10px;
    }

    .page-header__row {
        padding: 29px 0;
        margin-bottom: 5px;
    }

    .page-header__row .main-menu {
        display: none;
    }

    .page-header__number {
        display: block;
        padding-top: 23px;
        width: 200px;
    }

    .page-header__col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 8px;
        width: 200px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 50px;
    }

    .page-header__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .page-main__title--delivery {
        padding-top: 31px;
        margin-bottom: 62px;
        margin-left: 0;
    }

    .pagination {
        padding-top: 55px;
    }

    .pagination__text {
        margin-bottom: 5px;
    }

    .pagination__btn {
        padding: 17px 5px 13px;
        font-size: 16px;
        margin-top: 10px;
    }

    .pagination__btn:not(:last-child) {
        margin-right: 10px;
    }

    .pagination__btn:hover, .pagination__btn:focus {
        border-color: #202020;
        -webkit-box-shadow: inset 0 0 0 1px #202020;
        box-shadow: inset 0 0 0 1px #202020;
    }

    .pagination__btn:active {
        border-color: #000000;
        -webkit-box-shadow: inset 0 0 0 1px #000000;
        box-shadow: inset 0 0 0 1px #000000;
    }

    .pagination__btn--current:hover {
        color: white;
        background-color: #421a8e;
        border-color: #421a8e;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .pagination__btn--disabled:hover, .pagination__btn--disabled:active, .pagination__btn--disabled:focus, .pagination__btn:disabled:hover, .pagination__btn:disabled:active {
        color: #b5b5b5;
        border-color: #dedede;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .pagination__btn--arrow, .pagination__btn--arrow:hover, .pagination__btn--arrow:focus, .pagination__btn--arrow:active {
        padding: 0;
    }

    .pagination__btn--mobile-hidden {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .pagination__btn-icon {
        width: 14px;
        height: 14px;
    }

    .pagination__btn-icon--mobile {
        display: none;
    }

    .pagination__btn-icon--desktop {
        display: block;
    }

    .pagination__btn--backward .pagination__btn-icon--desktop {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .payment-info__header {
        padding: 32px 40px 28px;
    }

    .payment-info__navigation {
        display: none;
    }

    .payment-info__main-title {
        margin-left: -5px;
    }

    .payment-info__mobile-hidden-unit {
        display: inline;
    }

    .payment-method {
        padding: 31px 40px;
    }

    .payment-method:not(:last-child) {
        margin-bottom: 30px;
    }

    .payment-method--by-card {
        padding-bottom: 33px;
    }

    .payment-method--online {
        padding-bottom: 17px;
    }

    .payment-method--bank {
        padding-right: 20px;
        padding-bottom: 34px;
    }

    .payment-method__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 24px;
        margin-left: 0;
        font-size: 30px;
        line-height: 36px;
    }

    .payment-method__title-icon {
        display: block;
        width: 32px;
        height: 32px;
        margin-right: 15px;
        stroke: #421a8e;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10;
        overflow: hidden;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .payment-method__title-icon--by-card {
        margin-top: 2px;
    }

    .payment-method__title-icon--online {
        margin-top: 4px;
    }

    .payment-method__title-icon--bank {
        margin-top: 2px;
        margin-left: -3px;
    }

    .payment-method__restricted-paragraph {
        width: 590px;
    }

    .payment-method__mobile-hidden-unit {
        display: inline;
    }

    .payment-method__desktop-hidden-unit {
        display: none;
    }

    .payment-method a:hover {
        color: #202020;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(26, 26, 26, 0.15)), to(rgba(26, 26, 26, 0.15)));
        background-image: linear-gradient(to right, rgba(26, 26, 26, 0.15), rgba(26, 26, 26, 0.15) 100%);
    }

    .payment-method a:active {
        color: #f06292;
        background-image: none;
        -webkit-transition: 0ms;
        transition: 0ms;
    }

    .payment-method a[href^="tel:"]:hover, .payment-method a[href^="mailto:"]:hover {
        color: #f06292;
        background: none;
    }

    .payment-method a[href^="tel:"]:active, .payment-method a[href^="mailto:"]:active {
        color: inherit;
    }

    .payment-method p {
        font-size: 18px;
        line-height: 28px;
    }

    .payment-method p:not(:last-child) {
        margin-bottom: 28px;
    }

    .payment-method--online p:not(:last-child) {
        margin-bottom: 8px;
    }

    .payment-method ul:not(:last-child) {
        margin-bottom: 30px;
    }

    .payment-method ul li {
        font-size: 18px;
        line-height: 28px;
    }

    .payment-method ul li::before {
        top: 11px;
    }

    .payment-method table caption {
        margin: 42px 0 27px -2px;
    }

    .payment-method table tr:not(:last-child) {
        margin-bottom: 20px;
    }

    .payment-method table th {
        max-width: 190px;
        margin-right: 18px;
        font-size: 18px;
        line-height: 20px;
    }

    .payment-method table td {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 18px;
        line-height: 20px;
    }

    .payment-page {
        background: #fff;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 10px;
        padding-top: 30px;
        padding-bottom: 33px;
    }

    .payment-page .payment-method {
        padding: 40px 0;
        margin-bottom: 4px;
    }

    .payment-page .payment-method--online p:not(:last-child) {
        margin-bottom: 12px;
    }

    .payment-page .payment-method table caption {
        margin-top: 60px;
    }

    .payment-page .payment-method__title-icon {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .payment-page .payment-method__title-icon--bank {
        margin-left: 0;
    }

    .payment-page__title {
        padding: 0;
        margin-bottom: 32px;
    }

    .payment-page__tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        border-bottom: 1px solid #ebebeb;
    }

    .payment-page__tabs-item {
        width: auto;
        margin-right: 40px;
    }

    .payment-page__tabs-item a {
        width: auto;
        background: none;
        border: none;
        border-radius: 0;
        padding: 14px 0;
        font-size: 16px;
        color: #b5b5b5;
        letter-spacing: 1.3px;
    }

    .payment-page__tabs-item a:hover {
        color: #202020;
    }

    .payment-page__tabs-item.active a {
        background: none;
        position: relative;
        color: #202020;
    }

    .payment-page__tabs-item.active a:after {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 3px;
        background: #421a8e;
    }

    .payment-page .payment-method--bank p {
        line-height: 28px;
    }

    .personal-data__title {
        margin-left: -5px;
    }

    .personal-data__desc {
        padding: 21px 0;
        margin-bottom: 35px;
    }

    .personal-data__fieldset {
        padding: 0;
        margin-bottom: 75px;
    }

    .personal-data__subtitle {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .personal-data__note {
        margin-top: 15px;
        margin-bottom: 37px;
    }

    .personal-data__fields-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .personal-data__field {
        margin-bottom: 30px;
    }

    .personal-data__field.form-field {
        padding-top: 19px;
    }

    .personal-data__field.form__field-wrapper--with-placeholder {
        padding-top: 21px;
    }

    .personal-data__field--pass {
        margin-bottom: 30px;
    }

    .personal-data__label.form-field__label {
        top: 19px;
    }

    .personal-data__label.form-field__label--to-up {
        top: 0;
    }

    .personal-data__field--col {
        width: calc((100% - 40px) / 2);
        margin-right: 40px;
    }

    .personal-data__field--col:nth-child(2n) {
        margin-right: 0;
    }

    .personal-data__field--col:nth-last-child(2) {
        margin-bottom: 0;
    }

    .personal-data__rules {
        padding-top: 4px;
    }

    .personal-data__rules li {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .personal-data__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .personal-data__btn {
        margin-bottom: 0;
        margin-right: 30px;
        width: 285px;
        font-size: 14px;
        padding-right: 25px;
    }

    .personal-data__btn:last-child {
        margin-right: 0;
    }

    .personal-data__btn--cancel {
        padding-right: 40px;
    }

    .popular-products .container {
        padding-top: 130px;
        padding-bottom: 40px;
    }

    .popular-products__title {
        font-size: 54px;
        line-height: 58px;
        margin-bottom: 30px;
    }

    .popular-products__item {
        width: calc((100% - 80px) / 4);
    }

    .popular-products__showmore-btn {
        margin: 0 auto;
        width: 290px;
        font-size: 14px;
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }

    .popup-block {
        display: block;
        height: 55px;
    }

    .popup-block--favorites {
        margin-right: 6px;
        margin-left: 4px;
        padding-right: 1px;
    }

    .popup-block--favorites .popup-block__icon {
        margin-bottom: 0;
    }

    .popup-block--cart {
        margin-right: -3px;
    }

    .popup-block--cart-mobile {
        display: none;
    }

    .js-popup-toggler--active svg,
    .popup-block__toggler:hover .popup-block__icon {
        stroke: #f06292;
    }

    .popup-content {
        top: 90px;
        padding-top: 24px;
    }

    .popup-content__empty {
        padding: 20px 30px;
        padding-left: 0;
        font-size: 17px;
        width: auto;
    }

    .popup-sign__logo {
        display: block;
    }

    .popup-sign__logo img {
        width: 132px;
        height: 50px;
    }

    .popup-sign__head {
        width: 100%;
        max-width: 1180px;
        padding: 30px 0;
        margin: 0 auto;
        border-bottom: 1px solid rgba(224, 224, 224, 0.5);
        margin-bottom: 45px;
    }

    .popup-sign__title {
        border-bottom: none;
        padding: 80px 20px 35px;
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        font-family: "Macho", Helvetica, Arial, sans-serif;
        font-size: 36px;
        font-weight: 600;
        line-height: 1;
        text-transform: none;
        text-align: left;
    }

    .popup-sign__title--cabinet {
        display: none;
    }

    .popup-sign__title--feedback {
        padding-top: 2px;
        padding-bottom: 10px;
    }

    .popup-sign__close {
        width: 40px;
        height: 40px;
        right: -8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 8px;
    }

    .popup-sign__icon {
        width: 24px;
        height: 24px;
        stroke: #d0d0d0;
    }

    .popup-sign__info {
        margin-bottom: 17px;
    }

    .popup-sign__field {
        margin-bottom: 17px;
        margin-right: 9px;
    }

    .popup-sign__btn-wrap {
        padding-top: 31px;
    }

    .popup-sign__btn--feedback {
        width: 440px;
    }

    .popup-sign__footer {
        font-size: 16px;
    }

    .popup-sign__wrap {
        padding-bottom: 50px;
    }

    .popup-sign__message--show {
        display: block;
    }

    .popup-sign__file-label {
        max-width: 198px;
    }

    .popup-sign__regulations {
        padding-top: 0;
        padding-left: 20px;
    }

    .popup-sign__field--file {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .popup-sign__tip {
        margin-bottom: 17px;
    }

    .popup-sign__textarea-wrap {
        margin-bottom: 50px;
    }

    .product-page-content p {
        font-size: 18px;
        line-height: 26px;
    }

    .product-page-content ul:not(:last-child) {
        margin-bottom: 20px;
    }

    .product-page-content ul li {
        font-size: 18px;
        line-height: 20px;
    }

    .product-page-content ul li::before {
        top: 11px;
    }

    .product-page-content ul li:not(:last-child) {
        margin-bottom: 21px;
    }

    .product-page {
        padding: 0 10px;
        padding-top: 16px;
    }

    .product-page__breadcrumbs {
        margin-bottom: 30px;
    }

    .product-page__product {
        margin-bottom: 113px;
    }

    .product-page__product-description {
        width: 560px;
    }

    .product-page__price {
        width: 100%;
        margin-bottom: 36px;
    }

    .product-page__price-value {
        font-size: 40px;
    }

    .product-page__price-value--old {
        font-size: 20px;
    }

    .product-page__quantity-control {
        margin-right: auto;
    }

    .product-page__cart-btn {
        margin: 0 10px;
    }

    .product-page__add-to-favorite-btn {
        margin-top: 0;
    }

    .product-page__add-to-favorite-btn svg {
        margin-left: 1px;
    }

    .product-page__add-to-favorite-btn:hover svg {
        stroke: #f06292;
    }

    .product-page__delivery-options li {
        font-size: 18px;
        line-height: 20px;
    }

    .product-page__delivery-options li::before {
        top: 10px;
        left: 1px;
    }

    .product-page__delivery-options li:not(:last-child) {
        margin-bottom: 21px;
    }

    .product-page__select-container {
        width: 270px;
        margin-bottom: 34px;
    }

    .product-page__image-wrapper {
        width: 540px;
        height: 550px;
        padding: 35px;
    }

    .product-page__image-container {
        height: 441px;
    }

    .product-page__video-btn:hover {
        color: #f06292;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 98, 146, 0.25)), to(rgba(240, 98, 146, 0.25)));
        background-image: linear-gradient(to right, rgba(240, 98, 146, 0.25), rgba(240, 98, 146, 0.25) 100%);
    }

    .product-page__video-btn:active {
        color: #202020;
        background-image: none;
    }

    .product-page__video-btn:hover svg {
        fill: #f06292;
    }

    .product-page__video-btn:active svg {
        fill: #202020;
    }

    .product {
        border-radius: 2px;
        -webkit-box-shadow: 0 0 0 0 rgba(32, 32, 32, 0);
        box-shadow: 0 0 0 0 rgba(32, 32, 32, 0);
        cursor: pointer;
    }

    .product:hover {
        -webkit-box-shadow: 0 5px 15px 0 rgba(32, 32, 32, 0.15);
        box-shadow: 0 5px 15px 0 rgba(32, 32, 32, 0.15);
    }

    .product--small {
        width: 200px;
        max-width: 230px;
        cursor: default;
    }

    .product--small:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .product__wrapper {
        width: 100%;
        height: auto;
        padding: 55px 20px 15px;
    }

    .product__image-container {
        width: 100%;
        height: 230px;
        margin-bottom: 9px;
    }

    .product--small .product__image-container {
        height: 140px;
        margin-bottom: 29px;
    }

    .product__image {
        max-width: 240px;
        max-height: 230px;
    }

    .product--small .product__image {
        max-width: 190px;
        max-height: 140px;
    }

    .product__description {
        position: relative;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 100%;
        padding: 0;
    }

    .product__description::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#f5f5f5), to(rgba(245, 245, 245, 0.5)));
        background: linear-gradient(to left, #f5f5f5, rgba(245, 245, 245, 0.5));
    }

    .product__title {
        width: 100%;
        margin-bottom: 1px;
        font-size: 18px;
        line-height: 20px;
        white-space: nowrap;
        text-overflow: clip;
        overflow: hidden;
    }

    .product--small:hover .product__title {
        color: #f06292;
    }

    .product__wrapper:active .product__title,
    .product__wrapper:focus:not(.focus-visible) .product__title {
        color: #202020;
    }

    .product__maker {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
        text-overflow: clip;
        white-space: nowrap;
        overflow: hidden;
    }

    .product__price {
        max-width: 45%;
        font-size: 18px;
        margin-right: 10px;
    }

    .product__price--old {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 0;
        font-size: 16px;
    }

    .product__tag {
        top: 15px;
        padding: 9px 9px 6px;
        font-size: 12px;
    }

    .product__add-to-favorite-btn {
        top: 15px;
        right: 15px;
        bottom: auto;
    }

    .product__mobile-hidden-unit {
        display: inline;
    }

    .product__tablet-hidden-unit {
        display: none;
    }

    .product__add-to-favorite-btn svg {
        width: 14px;
        height: 14px;
        margin-top: 1px;
    }

    .product__add-to-favorite-btn:hover svg {
        stroke: #f06292;
    }

    .product__btn-wrapper {
        z-index: 2;
        position: absolute;
        display: block;
        width: 100%;
        padding: 0 20px 20px;
        background-color: #f5f5f5;
        border-radius: 0 0 2px 2px;
        -webkit-box-shadow: 0 0 0 0 rgba(32, 32, 32, 0);
        box-shadow: 0 0 0 0 rgba(32, 32, 32, 0);
        opacity: 0;
        pointer-events: none;
    }

    .product:hover .product__btn-wrapper {
        -webkit-box-shadow: 0 5px 15px 0 rgba(32, 32, 32, 0.15);
        box-shadow: 0 5px 15px 0 rgba(32, 32, 32, 0.15);
        opacity: 1;
        pointer-events: all;
    }

    .product__btn svg.add-icon,
    .product__btn--in-cart svg.in-icon{
        display: none;
    }

    .product__btn span{
        display: initial;
    }

    .product__btn {
        position: relative;
        display: block;
        height: auto;
        width: 100%;
        bottom: auto;
        top: auto;
        right: auto;
        padding: 18px 20px 15px;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        color: white;
        background-color: #421a8e;
        border-radius: 3px;
        outline: none;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .product__btn:focus:not(.focus-visible) {
        background-color: #421a8e;
    }

    .product__btn:hover:not(.focus-visible), .product__btn:focus {
        background-color: #f06292;
    }

    .product__btn:active {
        -webkit-transition: 0ms;
        transition: 0ms;
        background-color: #421a8e;
    }

    .product__btn--in-cart, .product__btn--in-cart:hover, .product__btn--in-cart:active, .product__btn--in-cart:focus:not(.focus-visible) {
        background-color: #f06292;
    }

    .product:hover .product__btn {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .product__btn-text {
        padding-left: 27px;
        background-position: 0 0;
        background-size: 17px 19px;
        background-repeat: no-repeat;
        background-image: url("/local/templates/purpur/css/../img/add-to-cart.svg");
        position: relative;
    }

    .product__btn--in-cart .product__btn-text {
        background-image: url("/local/templates/purpur/css/../img/in-cart.svg");
    }

    .products-categories__list {
        max-width: 1220px;
        padding: 0 20px;
        margin: 0 auto;
        min-height: 660px;
        position: relative;
    }

    .products-categories__item {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: absolute;
        width: calc((100% - 100px) / 4);
        height: 320px;
    }

    .products-categories__item--double-width {
        width: calc((100% - 60px) / 2);
    }

    .products-categories__item--double-height {
        height: 660px;
    }

    .products-categories__link {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-height: 320px;
        background: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 25px;
        padding-top: 30px;
        font-size: 20px;
        letter-spacing: 1.5px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .products-categories__link:hover {
        color: #f06292;
    }

    .products-categories__link .products-categories__link-bg {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .products-categories__link:hover .products-categories__link-bg {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }

    .products-categories__item--decor .products-categories__link {
        background: #f5f5f5;
        /* .products-categories__link-bg {
      background: url(/local/templates/purpur/css/../img/products-categories/prod-category-decor.svg) no-repeat;
    } */
    }

    .products-categories__item--cosmet .products-categories__link {
        background: #f5f5f5;
        /* .products-categories__link-bg {
      background: url(/local/templates/purpur/css/../img/products-categories/prod-category-cosmet.svg) no-repeat;
    } */
    }

    .products-categories__item--hair .products-categories__link {
        background: #f5f5f5;
        /* .products-categories__link-bg {
      background: url(/local/templates/purpur/css/../img/products-categories/prod-category-hair.svg) no-repeat;
      background-position: -3px -7px;
      background-size: auto 670px;
    } */
    }

    .products-categories__item--organic .products-categories__link {
        background: #f5f5f5;
        /* .products-categories__link-bg {
      background: url(/local/templates/purpur/css/../img/products-categories/prod-category-organic.svg) no-repeat;
      background-position: 4px top;
    } */
    }

    .products-categories__item--parfum .products-categories__link {
        background: #f5f5f5;
        /* .products-categories__link-bg {
      background: url(/local/templates/purpur/css/../img/products-categories/prod-category-parfum.svg) no-repeat;
      background-position: -15px -10px;
      background-size: auto 340px;
    } */
    }

    .products-categories__link--text-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: 150px;
    }

    .promo-slider {
        background: none;
    }

    .promo-slider .container {
        max-width: 1220px;
        padding: 0 20px;
    }

    .promo-slider__list.owl-carousel .owl-dots {
        position: absolute;
        z-index: 1;
        bottom: 27px;
        left: 140px;
    }

    .promo-slider__list.owl-carousel .owl-next {
        margin-left: 3px;
    }

    .promo-slider__list.owl-carousel .owl-dot {
        margin-right: 3px;
    }

    .promo-slider__list.owl-carousel .owl-dot span {
        width: 6px;
        height: 6px;
    }

    .promo-slider__list.owl-carousel .owl-nav {
        position: absolute;
        z-index: 1;
        bottom: 27px;
        left: 61px;
    }

    .promo-slider__list.owl-carousel .owl-dot:hover span::after {
        opacity: 1;
    }

    .promo-slider__list.owl-carousel .owl-prev:not(.disabled):hover svg,
    .promo-slider__list.owl-carousel .owl-next:not(.disabled):hover svg {
        fill: #f06292;
    }

    .promo-slider__image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 28px;
    }

    .promo-slider__image img {
        width: auto;
        height: auto;
    }

    .promo-slider__desc {
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .promo-slider__heading {
        margin-bottom: 20px;
        font-size: 54px;
        line-height: 56px;
    }

    .promo-slider__text {
        display: block;
        margin-bottom: 41px;
    }

    .promo-slider__readmore {
        display: block;
    }

    .promo-slider__slide {
        background-image: url(/local/templates/purpur/css/../img/bg-promo-slider.jpg);
        min-height: 560px;
        padding: 80px 57px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .promo-slider__heading-html {
        color:#000000;
        font-size: 36pt;
    }
    .promo-slider__text {
        color: #000000;
        font-size: 16pt;
    }

    .promo-tag {
        padding: 8px 10px;
        font-size: 12px;
    }

    .promo-tag--big {
        padding: 7px 19px 6px;
        font-size: 14px;
    }

    .promo-tag__mobile-hidden-unit {
        display: inline;
    }

    .promo-tag__desktop-hidden-unit {
        display: none;
    }

    .quantity-control__btn:hover:not(.focus-visible) {
        background-color: rgba(235, 235, 235, 0.2);
    }

    .quantity-control__btn:hover:not(.focus-visible)::before, .quantity-control__btn:hover:not(.focus-visible)::after {
        background-color: #f06292;
    }

    .quantity-control__btn:active:not(.focus-visible) {
        background-color: white;
    }

    .quantity-control__btn:active:not(.focus-visible)::before, .quantity-control__btn:active:not(.focus-visible)::after {
        background-color: #202020;
    }

    .quantity-control__btn--big {
        width: 50px;
        height: 50px;
    }

    .quantity-control__btn--big::before {
        width: 14px;
    }

    .quantity-control__btn--big::after {
        height: 14px;
    }

    .quantity-control__input--big {
        width: 62px;
        height: 50px;
        padding: 16px 5px 14px;
        font-size: 18px;
    }

    .return-info__header {
        padding: 32px 40px 10px;
    }

    .return-info__main-title {
        margin-left: -5px;
    }

    .return-info .return-info__desktop-only-br {
        display: inline;
    }

    .return-page__content-inner--user-page {
        padding: 14px 20px 33px 40px;
    }

    .return-page__content-inner--user-page p {
        max-width: 735px;
    }

    .return-page__subtitle--user-page {
        font-size: 30px;
        line-height: 34px;
    }

    .return-page__phone-number:hover {
        color: #f06292;
    }

    .return-page__phone-number:active {
        color: #202020;
    }

    .return-page__link:hover {
        color: #202020;
    }

    .return-page__link:hover:after {
        background: rgba(26, 26, 26, 0.15);
    }

    .return-page__link:active {
        color: #f06292;
    }

    .return-page__link:active:after {
        background: rgba(240, 98, 146, 0.25);
    }

    #return-bad-products {
        margin-bottom: 8px;
    }

    #refund .return-page__content {
        padding-bottom: 6px;
    }

    #refund li {
        margin-bottom: 23px;
    }

    #refund li:last-child {
        margin-bottom: 0;
    }

    .search-block__form {
        display: none;
    }

    .search-block__toggler {
        display: block;
    }

    .sign-soc {
        padding-top: 40px;
    }

    .sign-soc__title {
        margin-bottom: 25px;
    }

    .similar-goods__btn:hover:not(.focus-visible) svg {
        fill: #f06292;
    }

    .similar-goods__btn:active:not(.focus-visible) svg {
        fill: #202020;
    }

    .similar-goods__btn:disabled:hover:not(.focus-visible) svg,
    .similar-goods__btn--disabled:hover:not(.focus-visible) svg {
        fill: #b5b5b5;
    }

    .similar-goods__list {
        width: calc(100% + 20px);
        padding: 10px;
        padding-bottom: 80px;
        margin-top: -10px;
        margin-left: -10px;
    }

    .similar-goods__list--slider {
        padding-bottom: 0;
    }

    .similar-goods__list--slider .slick-list {
        overflow: visible;
    }

    .similar-goods__list--slider .slick-track {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 80px;
    }

    .similar-goods__list--slider .slick-slide {
        max-height: 380px;
    }

    .similar-goods__list--slider .slick-slide div {
        height: auto;
    }

    .soc-links {
        padding-bottom: 5px;
    }

    .soc-links__item:hover {
        border-color: #f06292;
    }

    .soc-links__item:hover svg {
        fill: #f06292;
    }

    .sort-pane {
        width: 718px;
    }

    .sort-pane__title {
        width: auto;
        padding-left: 0;
        margin-bottom: 0;
        text-transform: lowercase;
    }

    .sort-pane__btn {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: auto;
        margin: 0;
        border: none;
    }

    .sort-pane__btn:hover, .sort-pane__btn:focus {
        color: #f06292;
    }

    .subscription__container {
        padding: 30px 10px 25px;
        padding-right: 9px;
    }

    .subscription__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .subscription__text {
        width: calc(50% - 40px);
        margin-right: 20px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-top: 10px;
    }

    .subscription__title {
        padding-left: 42px;
        position: relative;
        margin-bottom: 14px;
    }

    .subscription__title::before {
        position: absolute;
        z-index: 1;
        top: -4px;
        left: 0;
        margin-bottom: 0;
    }

    .subscription__desc {
        display: block;
    }

    .subscription__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .subscription__input {
        margin-right: 7px;
        width: calc(100% - 217px);
        margin-bottom: 0;
        font-size: 18px;
        line-height: 26px;
    }

    .subscription__btn {
        width: 210px;
        margin-bottom: 0;
        font-size: 14px;
    }

    .subscription__privacy {
        width: 100%;
        margin-top: 24px;
    }

    .subscription__label {
        font-size: 16px;
    }

    .subscription__checkbox:checked + .subscription__label:hover .subscription__icon {
        fill: #202020;
    }

    .subscription__link {
        font-size: 16px;
        background-position: 0 87%;
    }

    .subscription__link:hover, .subscription__link:focus {
        color: #202020;
    }

    .subscription__link:active {
        background-image: none;
    }

    .tabs-container--js .tabs-container__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 22px;
        border-bottom: 1px solid #ebebeb;
    }

    .tabs-container__btn {
        padding: 0;
        padding-bottom: 11px;
        margin-right: 38px;
        font-family: inherit;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #b5b5b5;
        background-color: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .tabs-container__btn:hover, .tabs-container__btn:focus {
        color: #202020;
    }

    .tabs-container__btn:active {
        color: #b5b5b5;
    }

    .tabs-container__btn:last-child {
        margin-right: 0;
    }

    .tabs-container__btn--current, .tabs-container__btn--current:hover, .tabs-container__btn--current:active {
        position: relative;
        color: #202020;
        cursor: default;
    }

    .tabs-container__btn--current::after, .tabs-container__btn--current:hover::after, .tabs-container__btn--current:active::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -1px;
        left: 0;
        height: 3px;
        background-color: #421a8e;
    }

    .tabs-container--js .tabs-container__tab-title {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        border: 0;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(100%);
        clip-path: inset(100%);
    }

    .tabs-container--js .tabs-container__tab {
        display: none;
    }

    .tabs-container--js .tabs-container__tab--current {
        display: block;
    }

    .tabs-container__tab--wrapped .tabs-container__tab-content {
        position: relative;
        max-height: 128px;
        overflow-y: hidden;
    }

    .tabs-container__tab--wrapped .tabs-container__tab-content::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 65px;
        background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
    }

    .tabs-container__tab--closed .tabs-container__tab-content {
        display: block;
    }

    .tabs-container__tab--collapsible .tabs-container__display-btn {
        position: relative;
        display: block;
        padding: 0;
        margin-top: 14px;
        padding-right: 25px;
        margin-left: -8px;
        font-family: inherit;
        font-size: 18px;
        color: #f06292;
        background-color: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .tabs-container__tab--collapsible .tabs-container__display-btn:hover:not(.focus-visible), .tabs-container__tab--collapsible .tabs-container__display-btn:focus {
        color: #202020;
    }

    .tabs-container__display-btn:focus:not(.focus-visible) {
        color: #f06292;
    }

    .tabs-container__display-btn-icon {
        position: absolute;
        top: 3px;
        right: 1px;
        display: block;
        width: 16px;
        height: 16px;
        stroke: #f06292;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        pointer-events: none;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .tabs-container__display-btn:focus:not(.focus-visible) .tabs-container__display-btn-icon {
        stroke: #f06292;
    }

    .tabs-container__display-btn:hover:not(.focus-visible) .tabs-container__display-btn-icon,
    .tabs-container__display-btn:focus .tabs-container__display-btn-icon {
        stroke: #202020;
    }

    .tabs-container__tab--wrapped .tabs-container__display-btn-icon {
        top: 2px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .tabs-controls {
        border-bottom: 1px solid #ebebeb;
    }

    .tabs-controls__btn {
        width: auto;
        padding: 0;
        padding-bottom: 9px;
        font-weight: 700;
        font-size: 14px;
        line-height: 28px;
        color: #b5b5b5;
        background-color: transparent;
        border: none;
    }

    .tabs-controls__btn:not(:last-of-type) {
        margin-right: 37px;
    }

    .tabs-controls__btn:hover, .tabs-controls__btn:focus {
        color: #202020;
    }

    .tabs-controls__btn:active {
        color: #b5b5b5;
    }

    .tabs-controls__btn--current, .tabs-controls__btn--current:hover, .tabs-controls__btn--current:active {
        position: relative;
        color: #202020;
        cursor: default;
    }

    .tabs-controls__btn--current::after, .tabs-controls__btn--current:hover::after, .tabs-controls__btn--current:active::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -1px;
        left: 0;
        height: 3px;
        background-color: #421a8e;
    }

    .tabs-controls__btn--big {
        font-size: 16px;
    }

    .tabs-controls__mobile-hidden-text {
        display: inline;
    }

    .tabs-controls__desktop-hidden-text {
        display: none;
    }

    .bx-filter-container-modef {
        position: fixed;
        z-index: 10;
        top: -100px;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .filter-js .bx-filter-container-modef {
        display: block;
    }

    .bx-filter-popup-result {
        position: relative;
        padding: 20px;
        background-color: white;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 15px 0 rgba(32, 32, 32, 0.1);
        box-shadow: 0 0 15px 0 rgba(32, 32, 32, 0.1);
    }

    .bx-filter-popup-result::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -8px;
        width: 16px;
        height: 16px;
        background-color: white;
        -webkit-box-shadow: -6px 6px 15px -3px rgba(32, 32, 32, 0.1);
        box-shadow: -6px 6px 15px -3px rgba(32, 32, 32, 0.1);
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }

    .bx-filter-popup-result a {
        display: block;
        margin-top: 6px;
        font-weight: 700;
        font-size: 13px;
        line-height: 1;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .user-menu__link {
        padding-left: 30px;
        padding-right: 30px;
        outline: none;
    }

    .user-menu__link--payment span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .user-menu__link--open-sublist {
        padding-bottom: 13px;
    }

    .user-menu__link:hover, .user-menu__link:focus {
        color: #421a8e;
    }

    .user-menu__link:hover .user-menu__icon,
    .user-menu__link:focus .user-menu__icon {
        stroke: #421a8e;
    }

    .user-menu__mobile-hidden-unit {
        display: block;
    }

    .user-menu__desktop-hidden-unit {
        display: none;
    }

    .user-menu__sublist {
        padding: 0;
        padding-left: 70px;
        padding-bottom: 20px;
        margin: 0;
        list-style: none;
    }

    .user-menu__item--current .user-menu__sublist {
        display: block;
    }

    .user-menu__sublist-item {
        position: relative;
        padding-left: 19px;
        font-size: 18px;
        line-height: 28px;
    }

    .user-menu__sublist-item:not(:last-child) {
        margin-bottom: 2px;
    }

    .user-menu__sublist-item::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 6px;
        height: 6px;
        background-color: #421a8e;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .user-menu__sublist-link {
        text-decoration: none;
        color: inherit;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .user-menu__sublist-link:hover, .user-menu__sublist-link:focus, .user-menu__sublist-link--current {
        color: #f06292;
    }

    .user-menu__sublist-link--current {
        cursor: default;
    }

    .user-page-banner {
        height: 760px;
        padding-top: 52px;
    }

    .user-page-banner__img-container {
        max-height: none;
        padding: 25px;
        padding-left: 39px;
        padding-right: 31px;
        margin-top: auto;
    }

    .user-page-banner__img {
        width: 100%;
        height: 520px;
        max-width: none;
        max-height: none;
    }

    .user-page-content__main-title {
        font-size: 50px;
        line-height: 60px;
    }

    .user-page {
        padding: 53px 10px 80px;
    }

    .user-page__page-title {
        margin-bottom: 49px;
    }

    .video-popup {
        top: 242px;
        left: 50%;
        width: 940px;
        height: 528px;
        padding: 58px;
        border-radius: 4px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .video-popup iframe {
        width: 824px;
        height: 412px;
    }

    .video-popup__close-btn:hover .video-popup__btn-icon {
        stroke: #f06292;
    }

    .video-popup__close-btn:active .video-popup__btn-icon {
        stroke: #b5b5b5;
    }
}

@media (max-width: 1199px) {
    .delivery-method--closed .delivery-method__container:not(:first-child) {
        display: none;
    }

    .delivery-method--closed .delivery-method__title {
        margin-bottom: 0;
        color: #202020;
        background-color: white;
    }

    .delivery-method--closed .delivery-method__title-icon {
        stroke: #202020;
        -webkit-transform: none;
        transform: none;
    }

    .delivery-method--closed .delivery-method__notice {
        display: none;
    }
}



.catalog-block-marketing {
	margin-top: 30px;
}
.catalog-block-viewed {
	margin-bottom: 30px;
}
.catalog-block-marketing h2{
	    margin-bottom: 30px
}
@media (max-width: 767px) {
	.catalog-block-marketing {
		padding: 0 15px;
	}
}

/* End */


/* Start:/local/templates/purpur/styles.css?17564195148267*/
.h1 {
    font-size: 3em;
    margin: 0.67em 0;
    font-family: "Macho",Helvetica,Arial,sans-serif;
}
@media (max-width: 768px){
    .h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }
    .h1 br{
        display: none;
    }
}
/* AJAX CUSTOM PRELOADER */
#win8_wrapper {
    display: none;
    background: #000;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
}

.windows8 {
    /*position: relative;
    width: 50px;
    height:50px;
    margin:auto;*/
    width: 50px;
    height: 50px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.windows8 .wBall {
    position: absolute;
    width: 47px;
    height: 47px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 3.3225s infinite;
    -o-animation: orbit 3.3225s infinite;
    -ms-animation: orbit 3.3225s infinite;
    -webkit-animation: orbit 3.3225s infinite;
    -moz-animation: orbit 3.3225s infinite;
}

.windows8 .wBall .wInnerBall {
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgb(255, 255, 255);
    left: 0px;
    top: 0px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.windows8 #wBall_1 {
    animation-delay: 0.726s;
    -o-animation-delay: 0.726s;
    -ms-animation-delay: 0.726s;
    -webkit-animation-delay: 0.726s;
    -moz-animation-delay: 0.726s;
}

.windows8 #wBall_2 {
    animation-delay: 0.143s;
    -o-animation-delay: 0.143s;
    -ms-animation-delay: 0.143s;
    -webkit-animation-delay: 0.143s;
    -moz-animation-delay: 0.143s;
}

.windows8 #wBall_3 {
    animation-delay: 0.2865s;
    -o-animation-delay: 0.2865s;
    -ms-animation-delay: 0.2865s;
    -webkit-animation-delay: 0.2865s;
    -moz-animation-delay: 0.2865s;
}

.windows8 #wBall_4 {
    animation-delay: 0.4295s;
    -o-animation-delay: 0.4295s;
    -ms-animation-delay: 0.4295s;
    -webkit-animation-delay: 0.4295s;
    -moz-animation-delay: 0.4295s;
}

.windows8 #wBall_5 {
    animation-delay: 0.583s;
    -o-animation-delay: 0.583s;
    -ms-animation-delay: 0.583s;
    -webkit-animation-delay: 0.583s;
    -moz-animation-delay: 0.583s;
}


@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }

    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }

    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

/* AJAX CUSTOM PRELOADER END */

.form-btn--disabled,
.form-btn--disabled:active,
.form-btn--disabled:focus,
.form-btn--disabled:hover {
    color: #b5b5b5;
    border: 1px solid #dedede !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: default;
}

.empty-cart{
    padding-bottom: 20px;
}

@media (min-width: 1200px){
    .product-page__breadcrumbs {
        margin-bottom: 30px;
        margin-top: 16px;
    }
}

.order-form__file-btn{
    margin-bottom: 15px;
}

/* End */


/* Start:/local/templates/purpur/fix.css?175641951446583*/
.main-menu__item:nth-child(2) {
    margin-right: 37px;
}

.user-page {
    padding-top: 25px;
    padding-bottom: 30px;
}

.promo-slider__heading {
    font-family: "Circe", Helvetica, Arial, sans-serif;
}

.promo-slider__heading-html {
    margin: 0 0 15px;
    font-family: "Circe", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.popup-sign__title--with-shadow,
.page-header--with-shadow:after {
    content: "";
    width: 100%;
    /*height: 100px;*/
    height: auto;
    position: absolute;
    top: 20px;
    z-index: 2;
    border-bottom: none;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .05);
}

.page-header--with-shadow:after {
    height: 10px;
    bottom: 5px;
    top: auto;
}

.popup-sign__title {
    letter-spacing: 0;
}

#recoverPopup, #recoverPopup_enter {
    z-index: 10000;
}


.product-page__product-part-number {
    text-transform: initial;
}

.product-page__product-part-number,
.product-page__product-part-brand {
    margin: 0 0 5px;
}

.product-page__product-title {
    margin: 0 0 13px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
}

.product-page__product-part-brand {
    display: inline-block;
    margin: 0 0 16px;
    font-size: 14px;
    color: #b5b5b5;
}

.product-page__product-part-brand a {
    color: #202020;
    transition: 0.2s background, .2s color;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(32, 32, 32, 0.15)), to(rgba(32, 32, 32, 0.15)));
    background-image: linear-gradient(90deg, rgba(32, 32, 32, 0.15), rgba(32, 32, 32, 0.15) 100%);
    background-position: 0 92%;
    background-size: 1px 1px;
    background-repeat: repeat-x;
}

.product-page__product-part-brand a:hover {
    color: #f06292;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 98, 146, .4)), to(rgba(240, 98, 146, .4)));
    background-image: linear-gradient(90deg, rgba(240, 98, 146, .4), rgba(240, 98, 146, .4) 100%);
}

.search-block__form {
    position: relative;
    z-index: 3;
}

.wrap-container {
    width: 100%;
    position: relative;
}

.subscription {
    background: #f8f8f8;
}

.form__selector-counter {
    color: #aeaeae;
}

.product__price--new,
.popup-product-card__price-item--new,
.product-card__price--new {
    color: #f06292;
}

.product-card__price--start {
    font-size: 16px;
    font-weight: 400;
    color: #b5b5b5;
    text-decoration: line-through;
    margin-left: 8px;
}

.product-card__photo {
    position: relative;
}

.popup-product-card__image {
    background-color: transparent;
    background: none;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 10px 0 rgba(32, 32, 32, 0.1);
    -moz-box-shadow: 0px 2px 10px 0 rgba(32, 32, 32, 0.1);
    box-shadow: 0px 2px 10px 0 rgba(32, 32, 32, 0.1);
}

.popup-content__list {
    overflow: initial !important;
    overflow-y: hidden !important;
}

.popup-product-card__count-item {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #aeaeae;
}

@media (min-width: 768px) {
    .popup-product-card__count-item {
        margin-left: 8px;
    }
}

.logo img,
.logo svg {
    width: auto !important;
    height: 41px !important;
}

.product {
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px 0 rgba(32, 32, 32, 0.12);
    -moz-box-shadow: 0px 0px 10px 0 rgba(32, 32, 32, 0.12);
    box-shadow: 0px 0px 10px 0 rgba(32, 32, 32, 0.12);
    background-color: #ffffff;
}

.product:hover {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.product__description::after {
    top: 20px;
    right: 0;
    width: 20px;
    /*height: 50%;*/
    height: 0;
    background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0.5)));
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.5));
}


.popular-products {
    position: relative;
}

.popular-products::before {
    content: "";
    position: absolute;
    top: 54px;
    right: 0;
    width: 100%;
    height: 100%;
    /*height: 55%;*/
    background: #f8f8f8;
    z-index: -1;
}

.popular-products::after {
    content: "";
    position: absolute;
    bottom: -54px;
    right: 0;
    width: 100%;
    height: 220px;
    /*height: 55%;*/
    background: #fff;
    z-index: -1;
}


.product__add-to-favorite-btn {
    background-color: #f3f3f3;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: auto;
    right: 52px;
    bottom: 10px;
    width: 30px;
    height: 30px;
}

.product__add-to-favorite-btn--active, .product__add-to-favorite-btn:active {
    background-color: #FAE9EF;
}

.popup-block__toggler.active::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 8px;
    width: 6px;
    height: 6px;
    background: #37bf8e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.wrap-container.wrap-catalog::before {
    content: "";
    position: absolute;
    top: 190px;
    right: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    z-index: -1;
}

.wrap-container.wrap-catalog::after {
    content: "";
    position: absolute;
    bottom: -175px;
    right: 0;
    width: 100%;
    height: 350px;
    /*height: 55%;*/
    background: #fff;
    z-index: -1;
}

.wrap-container.wrap-catalog.fillgrey::after {
    height: 250px;
}

.popup-product-card__marker {
    letter-spacing: unset;
}


.product__tag {
    font-size: 13px;
    top: 10px;
    font-weight: 600;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-topright: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    letter-spacing: unset;
    text-transform: none;
}

.promo-tag {
    font-size: 13px;
    font-weight: 600;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-topright: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    letter-spacing: unset;
    text-transform: none;
    z-index: 3;
}

.product__tag--new,
.promo-tag--new {
    padding: 5px 12px 5px;
    font-size: 11px;
    background-color: #421a8e;
    color: #fff;
}

.product__tag--discount,
.promo-tag--discount {
    padding: 4px 7px 3px;
    font-size: 11px;
    background-color: #f06292;
    color: #fff;
}

.product__tag--hit,
.promo-tag--hit {
    padding: 4px 7px 3px;
    font-size: 11px;
    background-color: #e2193a;
    color: #fff;
}

.product__tag--noorder,
.promo-tag--noorder {
    padding: 5px 12px 5px;
    font-size: 11px;
    background-color: #f3f3f3;
    color: #646464;
}

.promo-tag--big {
    padding: 7px 10px 6px;
    font-size: 14px;
}

.product__btn.noorder,
.product-page__cart-btn.noorder {
    background-color: #202020
}

.product__btn.noorder .product__btn-text,
.product-page__cart-btn.noorder .cart-btn__text {
    padding-left: 27px;
    background-position: 0 0;
    background-size: 17px 19px;
    background-repeat: no-repeat;
    background-image: url(/local/templates/purpur/img/add-to-cart-noorder.svg);
    position: relative;
}

.mobile-cabinet__title.active::after {
    content: "";
    position: relative;
    top: -10px;
    left: 3px;
    width: 6px;
    display: inline-block;
    height: 6px;
    background: #37bf8e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.return-page p {
    margin-top: 0;
    margin-bottom: 20px;
}

.product-page__image-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 17px 0 rgba(32, 32, 32, 0.07);
    -moz-box-shadow: 0px 0px 17px 0 rgba(32, 32, 32, 0.07);
    box-shadow: 0px 0px 17px 0 rgba(32, 32, 32, 0.07);
}

.my-orders__image {
    background: transparent;
    -webkit-box-shadow: 0px 2px 10px 0 rgba(32, 32, 32, 0.1);
    -moz-box-shadow: 0px 2px 10px 0 rgba(32, 32, 32, 0.1);
    box-shadow: 0px 2px 10px 0 rgba(32, 32, 32, 0.1);
}

.ps__thumb-x, .ps__thumb-y {
    background-color: #aeaeae;
    opacity: 0.5;
    border-radius: 6px;
    position: absolute;
    cursor: pointer;
}

.ps__thumb-y {
    width: 5px;
    right: 0px;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    background-color: #eeeeee;
}

.scrollbar-rail.ps--active-y > .ps__rail-y {
    background-color: #dcdcdc;
}

.scrollbar-rail.ps--active-y > .ps__rail-y:hover {
    background-color: #d4d4d4;
}

.ps__rail-y {
    width: 5px;
    right: 2px;
    border-radius: 2.5px;
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    width: 5px;
    border-radius: 2.5px;
    background-color: #421a8e;
    opacity: 1;
}

.scrollbar-rail .ps__rail-y.ps--clicking .ps__thumb-y, .scrollbar-rail .ps__rail-y:focus > .ps__thumb-y, .scrollbar-rail .ps__rail-y:hover > .ps__thumb-y {
    width: 5px;
}

.product-card__photo,
.product-card__photo--mini {
    -webkit-box-shadow: 0px 2px 10px 0 rgba(32, 32, 32, 0.1);
    -moz-box-shadow: 0px 2px 10px 0 rgba(32, 32, 32, 0.1);
    box-shadow: 0px 2px 10px 0 rgba(32, 32, 32, 0.1);
    background: transparent;
}

.mobile-menu__item > a, .mobile-menu__link {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #2d2d2d;
    text-decoration: none;
    padding: 11.5px 21px;
}

.mobile-menu__list > .mobile-menu__item:first-child {
    padding-top: 15px;
}

.mobile-menu__list > .mobile-menu__item--last {
    padding-bottom: 9px;
}

.mobile-menu__item--sale .mobile-menu__link {
    padding-bottom: 12px;
    color: #f06292;
}

.mobile-menu__favorites-title,
.mobile-menu__favorites-count {
    display: inline-block;
}

.mobile-menu__favorites-count {
    width: 21px;
    height: 21px;
    background: #f06292;
    border-radius: 50%;
    font-size: 10px;
    line-height: 23px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    top: -2px;
    position: relative;
}

.mobile-menu__section {
    padding: 10px 0;
}

.mobile-cabinet .mobile-cabinet__title,
.mobile-menu__section .mobile-menu__nav-link,
.mobile-cabinet .mobile-cabinet__link {
    padding: 12px 20px;
    margin-bottom: 0px;
}

.payment-method p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px;
}

.payment-method ul li {
    position: relative;
    padding-left: 19px;
    font-size: 16px;
    line-height: 18px;
}

.payment-method p:not(:last-child), .payment-method ul li:not(:last-child) {
    margin-bottom: 18px;
}

.popup-sign__close-noclick {
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 13px;
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 4px;
}

.popup-content__head {
    position: relative;
}

.popup-content__close {
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 13px;
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 4px;
}

.popup-content.popup-content--active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
    z-index: 999;
}

.similar-goods__list--slider .slick-track, .soc-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.similar-goods {
    width: 100%;
    padding: 26px 0px 30px;
    background-color: transparent;
}

.similar-goods__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 0;
}

.similar-goods__list {
    width: calc(100% + 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    list-style: none;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.slick-list {
    padding: 23px 0 10px 20px;
}

.form__selector-label::before {
    border-radius: 2px;
    border: solid 1px #cccccc;
}

.contacts-page__map {
    height: 394px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.contacts-page__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
    letter-spacing: 0;
}

.product-page__zoom {
    background-color: #202020;
    -webkit-mask-image: url("/local/templates/purpur/img/zoom.svg");
    mask-image: url("/local/templates/purpur/img/zoom.svg");
    transition: .2s background-color;
    background-size: 100%;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    display: block;
}

.product-page__video-icon {
    background-color: #202020;
    -webkit-mask-image: url("/local/templates/purpur/img/play.svg");
    mask-image: url("/local/templates/purpur/img/play.svg");
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 60px;
    right: 22px;
    cursor: pointer;
    display: block;
    z-index: 9;
}

.product-page__image-container {
    cursor: pointer;
    z-index: 1;
}

.page-footer__white {
    background-color: #ffffff;
}

@media (min-width: 768px) {

    .user-page {
        padding: 25px 34px 34px;
    }
}

.payment-method ul li::before {
    top: 5px;
}


@media (min-width: 1200px) {

    .product-page__delivery-options li {
        font-size: 18px;
        line-height: 24px;
    }

    .product-page__delivery-options li::before {
        top: 11px;
        left: 1px;
    }

    .tabs-container--js .tabs-container__btns {
        border-bottom: 1px solid #dfdfdf;
    }

    .payment-method__restricted-paragraph {
        width: 600px;
    }

    .payment-method ul li::before {
        top: 9px;
    }

    .user-page {
        padding: 53px 10px 80px;
    }

    /*.product-page__image-wrapper{
        cursor: url("/local/templates/purpur/img/zoom.svg") 13 15,sw-resize;
    }*/
    .product-page__zoom {
        top: 22px;
    }

    .product-page__zoom:hover {
        background-color: #f06292;
    }

    .product-page__video-icon {
        transition: .2s background-color;
        top: 67px;
    }

    .product-page__video-icon:hover {
        background-color: #f06292;
    }

    .product__price--old {
        position: relative;
        top: 1px;
    }

    .contacts-page__list-item {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 5px;
        letter-spacing: 0;
    }

    .similar-goods__list {
        width: calc(100% + 20px);
        padding: 10px 0px 80px;
        margin-top: -10px;
        margin-left: -10px;
        overflow: hidden;
    }

    .slick-list {
        padding: 10px 0 10px 10px;
    }

    .similar-goods {
        padding: 0;
    }

    .similar-goods__list--slider .slick-track {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 130px;
    }

    .popup-sign__close-noclick {
        width: 40px;
        height: 40px;
        right: -8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 8px;
    }

    .payment-method p {
        margin: 0;
        font-size: 18px;
        line-height: 24px;
    }

    .payment-method ul li {
        position: relative;
        padding-left: 19px;
        font-size: 18px;
        line-height: 24px;
    }

    .payment-method p:not(:last-child), .payment-method ul li:not(:last-child) {
        margin-bottom: 23px;
    }

    .popup-block .popup-content {
        padding: 30px 0 30px;
    }

    .popup-block .popup-content .popup-content__head,
    .popup-block .popup-content .popup-content__sign,
    .popup-block .popup-content .popup-content__list,
    .popup-block .popup-content .popup-content__footer,
    .popup-block .popup-content .popup-content__menu {
        padding-left: 30px;
    }

    .popup-block.popup-block--cart .popup-content .popup-content__head,
    .popup-block.popup-block--favorites .popup-content .popup-content__head {
        margin-bottom: 0;
    }

    .popup-block.popup-block--cart .popup-content .popup-content__list,
    .popup-block.popup-block--favorites .popup-content .popup-content__list {
        padding-top: 25px;
    }


    .popup-block .popup-content.popup-content--cabinet {
        padding-bottom: 0;
    }

    .popup-content.popup-content--fix {
        position: fixed;
        right: 20px;
        top: 20px;
    }

    .popup-content.popup-content--fix .popup-content__title {
        font-size: 24px;
    }

    .popup-content.popup-content--fix .popup-content__list {
        margin-bottom: 0;
    }

    .popup-content.popup-content--fix .popup-content__list .popup-product-card {
        padding: 30px 0;
        border-bottom: 0;
    }

    .popup-content__close {
        width: 40px;
        height: 40px;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 8px;
    }

    .popup-content__close:hover .popup-content__icon {
        stroke: #f06292;
    }

    .popup-content.popup-content--fix {
        padding: 30px 0 30px;
    }

    .popup-content.popup-content--fix .popup-content__head,
    .popup-content.popup-content--fix .popup-content__sign,
    .popup-content.popup-content--fix .popup-content__list,
    .popup-content.popup-content--fix .popup-content__footer,
    .popup-content.popup-content--fix .popup-content__menu {
        padding-left: 30px;
    }

    .logo img,
    .logo svg {
        width: 211px !important;
        height: 71px !important;
    }

    .popup-sign__logo img,
    .popup-sign__logo svg {
        width: 172px !important;
        height: auto !important;
    }

    .page-header__number {
        padding-top: 26px;
    }

    .page-header__col {
        padding-top: 9px;
    }

    .page-footer__bottom {
        padding-top: 7px;
    }

    .product__btn-wrapper {
        z-index: 2;
        position: absolute;
        display: block;
        width: 100%;
        padding: 0 20px 20px;
        background-color: #ffffff;
        border-radius: 0 0 2px 2px;
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent;
        opacity: 0;
        pointer-events: none;
    }

    .product:hover .product__btn-wrapper {
        -webkit-box-shadow: 0 3px 15px 0 rgba(32, 32, 32, .12);
        box-shadow: 0 3px 5px 0px rgba(32, 32, 32, .12);
        opacity: 1;
        pointer-events: all;
    }

    .product:hover {
        -webkit-box-shadow: 0 0 10px 0 rgba(32, 32, 32, 0.12);
        box-shadow: 0 0 10px 0 rgba(32, 32, 32, 0.12);

    }

    .product__add-to-favorite-btn {
        background-color: #f3f3f3;
        -webkit-box-shadow: none;
        box-shadow: none;
        top: 14px;
        right: 14px;
        bottom: auto;
        width: 36px;
        height: 36px;
    }

    .product__add-to-favorite-btn--active, .product__add-to-favorite-btn:active {
        background-color: #FAE9EF;
    }

    .product__tag {
        font-size: 15px;
        line-height: 15px;
        top: 16px;
        font-weight: 600;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-topright: 2px;
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
        padding: 12px 14px 9px;
    }

    .promo-tag {
        padding: 12px 14px 10px 14px;
        font-size: 15px;
        line-height: 15px;
        font-weight: 600;
        -moz-border-radius-bottomright: 2px;
        -moz-border-radius-topright: 2px;
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
    }

    .product__wrapper {
        padding: 70px 20px 15px;
    }

    .product__image-container {
        margin-bottom: 18px;
    }

    .product__title {
        width: 100%;
        margin-bottom: 7px;
        font-size: 17px;
        line-height: 21px;
        white-space: normal;
        text-overflow: clip;
        overflow: hidden;
        height: 40px;
        vertical-align: bottom;
        /* display: flex; */
        /* align-items: flex-end; */
    }

    .popular-products::before {
        content: "";
        position: absolute;
        top: 167px;
        right: 0;
        width: 100%;
        height: 100%;
        /*height: 55%;*/
        background: #f8f8f8;
        z-index: -1;
    }

    .popular-products::after {
        content: "";
        position: absolute;
        bottom: -167px;
        right: 0;
        width: 100%;
        height: 500px;
        /*height: 55%;*/
        background: #fff;
        z-index: -1;
    }


    .wrap-container.wrap-catalog::before {
        content: "";
        position: absolute;
        top: 96px;
        right: 0;
        width: 100%;
        height: 100%;
        background: #f8f8f8;
        z-index: -1;
    }

    .wrap-container.wrap-catalog::after {
        content: "";
        position: absolute;
        bottom: -96px;
        right: 0;
        width: 100%;
        height: 450px;
        /*height: 55%;*/
        background: #fff;
        z-index: -1;
    }

    .wrap-container.wrap-catalog.fillgrey::after {
        height: 0;
    }

    .wrap-container.wrap-catalog.fillgrey {
        padding-bottom: 50px;
    }


    .wrap-container.wrap-favorites::before {
        content: "";
        position: absolute;
        top: 65px;
        right: 0;
        width: 100%;
        height: 100%;
        background: #f8f8f8;
        z-index: -1;
    }

    .wrap-container.wrap-favorites::after {
        content: "";
        position: absolute;
        bottom: -65px;
        right: 0;
        width: 100%;
        height: 382px;
        /*height: 55%;*/
        background: #fff;
        z-index: -1;
    }

    .wrap-container.wrap-favorites.fillgrey::after {
        height: 0;
    }


    .wrap-container.wrap-product::before {
        content: "";
        position: absolute;
        top: 345px;
        right: 0;
        width: 100%;
        height: 100%;
        background: #f8f8f8;
        z-index: -1;
    }

    .wrap-container.wrap-product:not(.fillgrey)::after {
        content: "";
        position: absolute;
        bottom: -345px;
        left: 0;
        width: 100%;
        height: 650px;
        /*height: 55%;*/
        background: #fff;
        z-index: -1;
    }

    .wrap-container.wrap-product.name2line::before {
        top: 385px;
    }

    .wrap-container.wrap-product.name2line:not(.fillgrey)::after {
        bottom: -385px;
        height: 690px;
    }

    .wrap-container.wrap-product.name2line.bread2line::before {
        top: 408px;
    }

    .wrap-container.wrap-product.name2line.bread2line:not(.fillgrey)::after {
        bottom: -408px;
        height: 713px;
    }

    .wrap-container.wrap-product.bread2line::before {
        top: 370px;
    }

    .wrap-container.wrap-product.bread2line:not(.fillgrey)::after {
        bottom: -370px;
        height: 675px;
    }

    .wrap-container.wrap-product.name3line.bread2line::before {
        top: 448px;
    }

    .wrap-container.wrap-product.name3line.bread2line:not(.fillgrey)::after {
        bottom: -448px;
        height: 753px;
    }

    .wrap-container.wrap-product.name3line::before {
        top: 425px;
    }

    .wrap-container.wrap-product.name3line:not(.fillgrey)::after {
        bottom: -425px;
        height: 730px;
    }


    .wrap-container.wrap-product.fillgrey::after,
    .wrap-container.wrap-product.name2line.fillgrey::after,
    .wrap-container.wrap-product.bread2line.fillgrey::after,
    .wrap-container.wrap-product.name2line.bread2line.fillgrey::after,
    .wrap-container.wrap-product.name3line.bread2line.fillgrey::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 420px;
        /*height: 55%;*/
        background: #fff;
        z-index: -1;
    }

    .tabs-container__tab--wrapped .tabs-container__tab-content::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 65px;
        background: -webkit-gradient(linear, left bottom, left top, from(#f8f8f8), to(rgba(248, 248, 248, 0)));
        background: linear-gradient(to top, #f8f8f8, rgba(248, 248, 248, 0));
    }

    .product-page__product {
        background-color: transparent;
    }

    .modal-menu--js, .goods-filter__cost-field, .goods-filter__btns-pane {
        background-color: transparent;
    }

    .filter-group--scrollable::after {
        content: "";
        position: absolute;
        right: 6px;
        bottom: 0;
        left: 0;
        height: 40px;
        background: -webkit-gradient(linear, left bottom, left top, from(#f8f8f8), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to top, #f8f8f8, rgba(255, 255, 255, 0));
        pointer-events: none;
    }

    .popular-products__title {
        font-size: 54px;
        line-height: 58px;
        margin-bottom: 38px;
    }

    .order-details__product {
        border-radius: 4px;
        box-shadow: 0px 3px 10px 0 rgba(32, 32, 32, 0.1);
        background-color: #ffffff;
    }

    .order-details__product:hover {
        -webkit-box-shadow: 0 0 10px 0 rgba(32, 32, 32, 0.12);
        box-shadow: 0 0 10px 0 rgba(32, 32, 32, 0.15);
    }

    .popup-sign--small {
        position: fixed;
        z-index: 9999;
        top: 50%;
        left: 50%;
        width: 580px;
        background: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        overflow: auto;
        display: none;
        margin-left: -290px;
        margin-top: -175px;
        padding: 37px;
    }

    .popup-sign--small .popup-sign__head {
        padding: 0;
        border-bottom: 0px;
        margin: 0 0 31px;
    }

    .popup-sign--small .popup-sign__title {
        padding: 0;
        margin: 0;
        letter-spacing: initial;
    }

    .popup-sign--small .popup-sign__wrap {
        padding: 0;
        margin: 0;
    }

    .popup-sign--small .popup-sign__close {
        right: 20px;
        top: 20px;
        width: 20px;
        height: 20px;
        padding: 0px;
        transform: none;
    }

    .popup-sign--small .popup-sign__footer {
        display: block;
        padding: 0;
    }

    .popup-sign .popup-sign__desc {
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: left;
        color: #202020;
        padding: 0;
        margin: 0 0 20px;
        line-height: 24px;
    }

    .user-page-content .user-page-content__desc {
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: left;
        color: #202020;
        padding: 0;
        margin: 0 0 20px;
    }

    .popup-sign--small .popup-sign__desc.popup-sign__desc--min {
        width: 440px;
    }

    .popup-sign--small .btn-marg-mobile {
        margin-top: 23px;
    }

    .user-page-content .btn-marg-mobile,
    .popup-sign .btn-marg-mobile {
        margin-top: 62px;
    }

    .popup-sign .btn-marg-mobile {
        margin-top: 62px;
        width: auto;
        padding: 15px 50px;
    }

    .popup-sign--small .btn {
        max-width: 200px;
        display: inline-block;
        vertical-align: top;
    }

    .popup-sign--small .popup-sign__close .popup-sign__icon {
        width: 20px;
        height: 20px;
    }

    .overlay--black {
        z-index: 10;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background-color: #000000;
    }


    .popup-sign__title--feedback {
        letter-spacing: 0;
    }

    .hide--d {
        display: none;
    }

    .filter-group__content--js {
        padding-bottom: 20px;
    }

    .product-page__price {
        width: 100%;
        margin-bottom: 20px;
    }

    .product-page__image-container {
        height: 100%;
        margin: 0;
    }

}


.popup-sign--small .popup-sign__light-desc {
    display: inline-block;
    margin-left: 36px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #b5b5b5;
    vertical-align: top;
    max-width: 240px;
    margin-top: -5px;
}

.popup-sign--small .popup-sign__light-desc a {
    color: #b5b5b5;
}

.popup-sign--small .popup-sign__light-desc a:hover {
    color: #202020;
}


.user-page-content__light-desc {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #b5b5b5;
    padding-top: 30px;
}

.user-page-content__light-desc a {
    color: #b5b5b5;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(213, 213, 213, .6)), to(rgba(213, 213, 213, .6)));
    background-image: linear-gradient(to right, rgba(213, 213, 213, .6), rgba(213, 213, 213, .6) 100%);
    background-position: 0 100%;
    background-size: 1px 1px;
    background-repeat: repeat-x;
}

.user-page-content__light-desc a:hover {
    color: #202020;
}

.filter-group__content .scrollbar-rail.ps--active-y > .ps__rail-y {
    background-color: #fafafa;
}

.range {
    background-color: #d0d0d0;
}

.goods-filter__cost-field-wrapper .form__field--borderless {
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    outline: 0;
}

.buy-page {
    margin-top: 15px;
    margin-bottom: 50px;
}

.offert-page a,
.buy-page p a {
    text-decoration: none;
    color: #f06292;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 98, 146, .25)), to(rgba(240, 98, 146, .25)));
    background-image: linear-gradient(to right, rgba(240, 98, 146, .25), rgba(240, 98, 146, .25) 100%);
    background-position: 0 85%;
    background-size: 1px 1px;
    background-repeat: repeat-x;
    outline: 0;
}

.offert-page a:hover,
.buy-page p a:hover {
    color: #202020;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(26, 26, 26, .15)), to(rgba(26, 26, 26, .15)));
    background-image: linear-gradient(to right, rgba(26, 26, 26, .15), rgba(26, 26, 26, .15) 100%);
}

.popup-product-card__manufacturer::after, .popup-product-card__name::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}

.popup-content__empty {
    font-family: "Circe", Helvetica, Arial, sans-serif;
    line-height: 1.66;
    color: #202020;
    text-align: left;
}

.offert-page {
    margin-top: 15px;
    margin-bottom: 50px;
}

.offert-page p {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #202020;
    padding-top: 20px;
}

.offert-page ol {
    /* убираем стандартную нумерацию */
    list-style: none;
    /* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */
    counter-reset: li;
    padding: 0;
    margin: 0;
}

.offert-page li:before {
    /* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */
    counter-increment: li;
    /* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */
    content: counters(li, ".") ". ";
}

.offert-page li,
.offert-page ol.ol-wrap li p {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #202020;
    margin-top: 15px;
}

.offert-page ol.ol-wrap li p {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0;
}

.offert-page ol.ol-wrap > li {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #202020;
    margin-top: 55px;
}

.offert-page li.double-marg {
    margin-top: 90px !important;
}

.cart-info__promo-code {
    position: relative;
}

.cart-info__promo-code .form__field--invalid ~ .form__invalid-sign {
    right: 120px;
    top: 15px;
}


@media (min-width: 768px) {
    .cart-info__promo-code .form__field--invalid ~ .form__invalid-sign {
        right: 150px;
        top: 17px;
    }

    .product-page__form {
        margin-bottom: 64px;
    }

    .offert-page .offert-page__content-inner {
        max-width: 910px;
    }

    .offert-page li,
    .offert-page ol.ol-wrap li p {
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #202020;
        margin-top: 15px;
        max-width: 910px;
    }

    .offert-page ol.ol-wrap li p {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 0;
    }

    .offert-page ol.ol-wrap li p.list {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 10px;
    }

    .offert-page ol.ol-wrap > li {
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: left;
        color: #202020;
        margin-top: 55px;
    }

    .offert-page ol.ol-wrap > li > ol {
        margin-top: 20px;
    }

    .offert-page li.double-marg {
        margin-top: 120px !important;
    }


    .similar-goods__btn {
        margin-top: -5px;
        width: 44px;
        height: 44px;
        border: 1px solid #ebebeb;
        background: #fff;
        border-radius: 50%;
    }


    .similar-goods__bar {
        margin-bottom: 29px;
        padding: 0;
    }

    .product-page__product-title {
        padding-top: 5px;
        /*margin-left: -4px;*/
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    .product-page__product-wrap-article {
        display: block;
    }

    .product-page__product-part-number,
    .product-page__product-part-brand {
        display: inline-block;
        margin: 0;
        font-size: 16px;
        margin-bottom: 23px;
        text-transform: initial;
        color: #b5b5b5;
    }

    .product-page__product-part-brand {
        margin-left: 40px;
    }

    .product-page__product-part-brand a {
        color: #202020;
        transition: 0.2s background, .2s color;
        line-height: 16px;
        text-decoration: none;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(32, 32, 32, 0.15)), to(rgba(255, 255, 255, 0.15)));
        background-image: linear-gradient(90deg, rgba(32, 32, 32, 0.15), rgba(32, 32, 32, 0.15) 100%);
        background-position: 0 86%;
        background-size: 1px 1px;
        background-repeat: repeat-x;
    }

    .product-page__product-part-brand a:hover {
        color: #f06292;
    }

    .tabs-container__tab--collapsible .tabs-container__display-btn {
        margin-left: 0;
    }

    .product-page {
        /*padding: 0 34px;*/
        background-color: transparent;
    }

    .similar-goods__list {
        width: calc(100% + 20px);
        padding-bottom: 0;
        padding-top: 0;
        overflow: hidden;
    }

    .order-form__wrap--aside {
        /*padding: 35px 27px 12px 28px;*/
        padding: 35px 27px 12px 0;
    }

    .order-form__wrap--aside .order-form__products-count,
    .order-form__wrap--aside .order-form__cart-list,
    .order-form__wrap--aside .order-form__cost-table {
        padding-left: 28px;
    }


    .popup-content--fix .popup-content__gotocart {
        width: 100%;
    }

    .popup-content.popup-content--active .popup-content__head {
        margin-bottom: 0;
    }


    .offert-page {
        margin-top: 35px;
        margin-bottom: 90px;
    }


    .buy-page {
        margin-top: 35px;
        margin-bottom: 90px;
    }

    .buy-page .feedback__field-wrapper {
        margin-bottom: 24px;
    }

    .buy-page .buy-page__col .feedback__form-btn {
        margin-top: 40px;
    }

    .buy-page form {
        max-width: 370px;
    }

    .buy-page__row--success p {
        margin-top: 0;
    }

    .buy-page__row--success .popup-sign__btn {
        width: auto;
        display: inline-block;
    }

    .buy-page ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .buy-page ul li {
        position: relative;
        padding-left: 19px;
        font-size: 18px;
        line-height: 24px;
    }

    .buy-page ul li:not(:last-child) {
        margin-bottom: 18px;
    }

    .buy-page ul li::before {
        content: "";
        position: absolute;
        top: 9px;
        left: 0;
        width: 6px;
        height: 6px;
        background-color: #421a8e;
        border-radius: 50%;
    }

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

    .buy-page__col {
        display: inline-block;
        max-width: 50%;
    }

    .buy-page__col p {
        font-size: 20px;
        margin-bottom: 40px;
        line-height: 30px;
    }

    .order-form__delivery-info {
        margin-bottom: 5px;
    }
}

@media (max-width: 768px) {

    .filter-group__content--js {
        max-height: initial;
    }

    .product {
        width: calc(100% - 10px);
    }

    .modal-menu,
    .goods-filter__filter-group {
        display: none;
    }

    .modal-menu--show, .modal-menu--show .modal-menu__header, .order-data tbody {
        display: block;
    }

    .payment-page .payment-method--bank p {
        line-height: 20px;
    }

    .popular-products__list {
        margin: 0 -10px 20px 0;
    }

    .similar-goods {
        background-color: #fff;
        width: 100%;
    }

    .popular-products__item {
        margin: 0 10px 10px 0;
    }

    .catalog-page__modal-controls {
        margin-bottom: 25px;
        margin-top: 25px;
    }


    .buy-page__col p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 30px;
    }

    .buy-page ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .buy-page ul li {
        position: relative;
        padding-left: 19px;
        font-size: 18px;
        line-height: 1.33;
        margin-bottom: 23px;
    }

    .buy-page ul li:not(:last-child) {

    }

    .buy-page ul li::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        width: 6px;
        height: 6px;
        background-color: #421a8e;
        border-radius: 50%;
    }

    .buy-page .feedback__form-btn--submit {
        margin-top: 40px;
    }

    .buy-page .user-page-content__light-desc {
        padding-top: 0;
    }

    .buy-page__title--success {
        font-size: 30px;
        line-height: 1.07;
        margin-bottom: 30px;
    }

    .product-page__price-value--old {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .feedback__form-btn-margin {
        margin-top: 40px;
    }

    .similar-goods__bar {
        margin-bottom: 0;
    }

    .popup-sign__close {
        position: fixed;
        z-index: 3;
    }

    .popup-sign__title {
        position: fixed;
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background: #fff;
        z-index: 2;
    }

    .link--gray, .link--pink:active {
        color: #202020;
        background-image: none;
        text-decoration: underline;
        text-decoration-color: rgba(32, 32, 32, .15);
    }

    .popup-product-card__name::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 1)));
        background: linear-gradient(to left, #fff, rgba(255, 255, 255, .15));
    }

    .popup-sign .user-page-content__light-desc {
        padding-top: 0;
    }

    .popup-sign .feedback__form-btn--submi {
        margin-top: 40px;
    }

    .user-page-content .user-page-content--inner {
        padding: 26px 20px 20px;
    }

    .popup-content.popup-content--active {
        width: 100%;
        padding: 0;
        position: fixed;
        top: 0;
        -webkit-box-shadow: 0px 5px 15px 0 rgba(32, 32, 32, 0.08);
        -moz-box-shadow: 0px 5px 15px 0 rgba(32, 32, 32, 0.08);
        box-shadow: 0px 5px 15px 0 rgba(32, 32, 32, 0.08);
    }

    .popup-content.popup-content--active .popup-content__head {
        border-bottom: 1px solid #ebebeb;
        padding: 19px 0 17px 19px;
        font-size: 14px;
        /*margin: 0 0 20px;*/
        margin: 0;
    }

    .popup-content.popup-content--active .popup-content__title {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: "Circe", Helvetica, Arial, sans-serif;
    }

    .popup-content.popup-content--active .popup-content__list {
        padding: 20px 0 20px 19px;
        border: 0;
        margin: 0;
    }

    .popup-content.popup-content--active .popup-product-card {
        border: 0;
        padding: 0;
        margin-right: 20px;
    }

    .popup-content.popup-content--active .popup-product-card__image {
        width: 90px;
        height: 90px;
        padding: 10px;
        margin-right: 19px;
    }

    .popup-content.popup-content--active .popup-product-card__text {
        padding: 0;
        max-width: initial;
        width: auto;
        padding-top: 5px;
    }

    .popup-content.popup-content--active .popup-product-card__name {
        white-space: normal;
        font-size: 14px;
        height: 36px;
        line-height: 1.40;
        margin-bottom: 23px;
    }

    .popup-content.popup-content--active .popup-product-card__manufacturer {
        display: none;
    }

    .popup-content.popup-content--active .popup-product-card__price-item,
    .popup-content.popup-content--active .popup-product-card__count-item {
        display: inline-block;
        font-size: 16px;
    }

    .popup-content.popup-content--active .popup-product-card__price-item--start,
    .popup-content.popup-content--active .popup-product-card__count-item {
        font-size: 14px;
        margin-left: 8px;
    }

    .popup-content.popup-content--active .popup-content__footer {
        padding: 0 20px 20px 19px;
    }

    .popup-content.popup-content--active .popup-content__link {
        padding: 16px 30px 14px 30px;
        font-size: 13px;
    }

    .popup-sign--small .popup-sign__light-desc {
        display: block;
        margin: 0;
        font-size: 14px;
        text-align: left;
        color: #b5b5b5;
        vertical-align: top;
        max-width: none;
        width: 100%;
    }

    .popup-sign--small .popup-sign__light-desc br {
        display: none;
    }

    .popup-sign--small .popup-sign__footer {
        padding-top: 19px;
    }

    .popup-sign .popup-sign__desc-title {
        font-size: 28px;
        font-weight: 600;
        padding-top: 8px;
    }

    .user-page-content .user-page-content__desc-title,
    .popup-sign .user-page-content__desc-title {
        font-size: 30px;
        font-weight: 600;
        padding-top: 8px;
    }

    .user-page-content .user-page-content__desc {
        font-size: 18px;
    }

    .popup-sign .popup-sign__desc br,
    .user-page-content .user-page-content__desc br {
        display: none;
    }

    .popup-sign .popup-sign__desc {
        font-size: 18px;
    }

    .popup-sign--small .btn-marg-mobile {
        margin-top: 52px;
    }

    .user-page-content .btn-marg-mobile {
        margin-top: 54px;
    }


    .user-page-content__light-desc br {
        display: none;
    }

    .product-page__image-container {
        height: 100%;
    }
}

.goods-filter__btn--reset {
    color: #717171;
    border-radius: 3px;
    border: solid 1px #d0d0d0;
    text-transform: none;
    font-size: 16px;
    background-color: transparent;
    letter-spacing: initial;
}

.popup-sign--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.subscription__desc {
    padding-top: 10px;
}

@media (max-width: 768px) {
    .subscription__form{
        padding-top: 10px;
    }

    .subscription__container {
        padding: 17px 21px 22px;
    }
}


.load-dots:after {
    content: ' .';
    animation: dots 1s steps(5, end) infinite;
    width: 10px;
}



@keyframes dots {
    0%, 20% {
        color: rgba(32, 32, 32, 0);
        text-shadow: .25em 0 0 rgba(32, 32, 32, 0),
        .5em 0 0 rgba(32, 32, 32, 0);
    }
    40% {
        color: rgba(32, 32, 32, 1);
        text-shadow: .25em 0 0 rgba(32, 32, 32, 0),
        .5em 0 0 rgba(32, 32, 32, 0);
    }
    60% {
        text-shadow: .25em 0 0 rgba(32, 32, 32, 1),
        .5em 0 0 rgba(0, 0, 0, 0);
    }
    80%, 100% {
        text-shadow: .25em 0 0 rgba(32, 32, 32, 1),
        .5em 0 0 rgba(32, 32, 32, 1);
    }
}

.contacts-page__row {
    padding-top: 40px;
}

.contacts-page__row:first-of-type {
    padding-top: 0;
}


.footer-menu__title {
    display: block;
}
/* End */


/* Start:/local/templates/purpur/components/bitrix/search.title/mobile/style.css?1756419514147*/
.search-block__count {
    min-width: 66px;
    padding-left: 3px;
    text-align: right;
}

.search-block__input{
    color: #202020 !important;
}
/* End */


/* Start:/local/templates/purpur/components/liga_a/subscribe.quick.form/.default/style.css?17564195141052*/
.asd_wrap_success{
    padding-top: 26px;
    padding-left: 30px;
}
.subscription__privacy--nocheck{
    padding: 0;
    margin-top: 19px;
}

.subscription__privacy--nocheck .subscription__label,
.subscription__privacy--nocheck .subscription__link{
    font-size: 15px;
}

.subscription__container {
    padding: 30px 9px 25px 10px;
}

.subscription__container .subscription__privacy {
    max-width: none;
}

@media (max-width: 768px) {

    .subscription__container {
        padding: 17px 21px 17px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .subscription__container .subscription__privacy {
        /*max-width: 240px;*/
    }

    .asd_wrap_success{
        display: block;
        padding-top: 26px;
        padding-left: 0;
    }

    .asd_wrap_success .popup-sign__success-icon{
        position: relative;
        display: inline-block;
        top: -8px;
    }

    .asd_wrap_success .popup-sign__text{
        position: relative;
        display: inline-block;
        max-width: 250px;
        line-height: 1.11;
    }
}
/* End */


/* Start:/local/components/cookie.notification/templates/.default/style.css?17564195142541*/
.cookie-notification-modal{
    width:100%;
    font-size: 15px;
    position:fixed;
    bottom:0;
    left:0;
    z-index:1060;
    padding: 20px 10px;
    line-height:1.5;
    background:#e2e2e2
}
.cookie-agree{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
@media (max-width:767px){
    .cookie-agree{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.cookie-agree__text{
    line-height:1.5;
    margin:0;
}
@media (min-width:768px){
    .cookie-agree__text{
        padding-right:10px
    }
}
@media (max-width:767px){
    .cookie-agree__text{
        margin-bottom:10px
    }
}
.cookie-agree__buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media (max-width:767px){
    .cookie-agree__buttons{
        -ms-flex-item-align:center;
        align-self:center;
        -webkit-box-pack:stretch;
        -ms-flex-pack:stretch;
        justify-content:stretch;
        width:100%
    }
}
.cookie-agree__button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#fff;
    height:35px;
    border-radius:4px;
    -webkit-transition:color .3s ease-out,background .3s ease-out;
    transition:color .3s ease-out,background .3s ease-out;
    cursor:pointer
}
@media (min-width:768px){
    .cookie-agree__button{
        width:140px
    }
}
@media (max-width:767px){
    .cookie-agree__button{
        -webkit-box-flex:1;
        -ms-flex:1 0 140px;
        flex:1 0 140px
    }
}
.cookie-agree__button:not(:last-child){
    margin-right:10px
}
.cookie-agree__button.btn-green{
    background:#66c05d;
    border:1px solid #66c05d
}
@media (min-width:992px){
    .cookie-agree__button.btn-green:hover{
        color:#71c768;
        background:#fff
    }
}
@media (max-width:991px){
    .cookie-agree__button.btn-green:active{
        color:#71c768;
        background:#fff
    }
}
.cookie-agree__button.btn-dark{
    background:#421a8e;
    

}
@media (min-width:992px){
    .cookie-agree__button.btn-dark:hover{
        color:white;
        background:#f06292
    }
}
@media (max-width:991px){
    .cookie-agree__button.btn-dark:active{
        color:white;
        background:#f06292
    }
}
/* End */
/* /local/templates/purpur/css/animate.css?17564195146836 */
/* /local/templates/purpur/css/style.css?1742724340295080 */
/* /local/templates/purpur/styles.css?17564195148267 */
/* /local/templates/purpur/fix.css?175641951446583 */
/* /local/templates/purpur/components/bitrix/search.title/mobile/style.css?1756419514147 */
/* /local/templates/purpur/components/liga_a/subscribe.quick.form/.default/style.css?17564195141052 */
/* /local/components/cookie.notification/templates/.default/style.css?17564195142541 */