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

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
    margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/

main {
    display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
========================================================================== */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/

a {
    background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
    font-weight: 500;
}

strong {
    display: inline-block;
    background-color: #ff5d8a;
    color: #fff;
    padding: 0 .5em;
    margin: 0 .25em 0 0;
    border-radius: 3px;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/

img {
    border-style: none;
}

/* Forms
========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
    overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
    text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

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

    /**
* Remove the inner border and padding in Firefox.
*/

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
* Restore the focus styles unset by the previous rule.
*/

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/**
* Correct the padding in Firefox.
*/

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
    vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
    overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

    /**
* Remove the inner padding in Chrome and Safari on macOS.
*/

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
========================================================================== */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
    display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
    display: list-item;
}

/* Misc
========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
    display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
    display: none;
}

/*#endregion X. Normalize -----------------------------------------*/

@font-face {
    font-family: 'Gotham Pro';
    src: url('/font/gotham_pro_light.woff2?7') format('woff2'), url('/font/gotham_pro_light.woff?7') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('/font/gotham_pro.woff2?7') format('woff2'), url('/font/gotham_pro.woff?7') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/roboto_regular.woff2?7') format('woff2'), url('/font/roboto_regular.woff?7') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('/font/gotham_pro_bold.woff2?7') format('woff2'), url('/font/gotham_pro_bold.woff?7') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('/font/gotham_pro_medium.woff2?7') format('woff2'), url('/font/gotham_pro_medium.woff?7') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'fontello';
    src: url('/font/fontello.eot?39995499');
    src: url('/font/fontello.eot?39995499#iefix') format('embedded-opentype'), url('/font/fontello.woff?39995499') format('woff'), url('/font/fontello.ttf?39995499') format('truetype'), url('/font/fontello.svg?39995499#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello", sans-serif;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.icon-pointer:before {
    content: '\e800';
}
/* '' */
.icon-quit:before {
    content: '\e801';
}
/* '' */
.icon-reload:before {
    content: '\e802';
}
/* '' */
.icon-reload-2:before {
    content: '\e803';
}
/* '' */
.icon-search:before {
    content: '\e804';
}
/* '' */
.icon-sorting:before {
    content: '\e805';
}
/* '' */
.icon-star-empty:before {
    content: '\e806';
}
/* '' */
.icon-star-solid:before {
    content: '\e807';
}
/* '' */
.icon-thumbs-down-empty:before {
    content: '\e808';
}
/* '' */
.icon-thumbs-down-solid:before {
    content: '\e809';
}
/* '' */
.icon-thumbs-up-empty:before {
    content: '\e80a';
}
/* '' */
.icon-thumbs-up-solid:before {
    content: '\e80b';
}
/* '' */
.icon-trash:before {
    content: '\e80c';
}
/* '' */
.icon-truck:before {
    content: '\e80d';
}
/* '' */
.icon-view-list:before {
    content: '\e80e';
}
/* '' */
.icon-view-tiles:before {
    content: '\e80f';
}
/* '' */
.icon-view-tiles-2:before {
    content: '\e810';
}
/* '' */
.icon-warning:before {
    content: '\e811';
}
/* '' */
.icon-email-unsuccess:before {
    content: '\e812';
}
/* '' */
.icon-arrow-angle-circle-b:before {
    content: '\e813';
}
/* '' */
.icon-arrow-angle-circle-l:before {
    content: '\e814';
}
/* '' */
.icon-arrow-angle-circle-r:before {
    content: '\e815';
}
/* '' */
.icon-arrow-angle-circle-t:before {
    content: '\e816';
}
/* '' */
.icon-arrow-angle-next:before {
    content: '\e817';
}
/* '' */
.icon-arrow-angle-prev:before {
    content: '\e818';
}
/* '' */
.icon-arrow-angle-s-b:before {
    content: '\e819';
}
/* '' */
.icon-arrow-angle-s-l:before {
    content: '\e81a';
}
/* '' */
.icon-arrow-angle-s-r:before {
    content: '\e81b';
}
/* '' */
.icon-arrow-angle-s-t:before {
    content: '\e81c';
}
/* '' */
.icon-burger:before {
    content: '\e81d';
}
/* '' */
.icon-bus:before {
    content: '\e81e';
}
/* '' */
.icon-businessman:before {
    content: '\e81f';
}
/* '' */
.icon-businessman-balloon:before {
    content: '\e820';
}
/* '' */
.icon-cancel:before {
    content: '\e821';
}
/* '' */
.icon-cart:before {
    content: '\e822';
}
/* '' */
.icon-cart-add:before {
    content: '\e823';
}
/* '' */
.icon-cart-add2:before {
    content: '\e824';
}
/* '' */
.icon-cart-attention:before {
    content: '\e825';
}
/* '' */
.icon-cart-remove:before {
    content: '\e826';
}
/* '' */
.icon-cart-success:before {
    content: '\e827';
}
/* '' */
.icon-check:before {
    content: '\e828';
}
/* '' */
.icon-clock:before {
    content: '\e829';
}
/* '' */
.icon-close:before {
    content: '\e82a';
}
/* '' */
.icon-close-circle:before {
    content: '\e82b';
}
/* '' */
.icon-copy:before {
    content: '\e82c';
}
/* '' */
.icon-credit-card:before {
    content: '\e82d';
}
/* '' */
.icon-email-success:before {
    content: '\e82e';
}
/* '' */
.icon-favouritelist:before {
    content: '\e82f';
}
/* '' */
.icon-fullscreen:before {
    content: '\e830';
}
/* '' */
.icon-fullscreen-quit:before {
    content: '\e831';
}
/* '' */
.icon-globe:before {
    content: '\e832';
}
/* '' */
.icon-heart-empty-alt:before {
    content: '\e833';
}
/* '' */
.icon-heart-solid:before {
    content: '\e834';
}
/* '' */
.icon-help-empty:before {
    content: '\e835';
}
/* '' */
.icon-help-solid:before {
    content: '\e836';
}
/* '' */
.icon-home:before {
    content: '\e837';
}
/* '' */
.icon-hryvna-300:before {
    content: '\e838';
}
/* '' */
.icon-hryvna-400:before {
    content: '\e839';
}
/* '' */
.icon-hryvna-500:before {
    content: '\e83a';
}
/* '' */
.icon-hryvna-600:before {
    content: '\e83b';
}
/* '' */
.icon-hryvna-700:before {
    content: '\e83c';
}
/* '' */
.icon-info-large:before {
    content: '\e83d';
}
/* '' */
.icon-info-small:before {
    content: '\e83e';
}
/* '' */
.icon-rocket:before {
    content: '\e83f';
}
/* '' */
.icon-mail:before {
    content: '\e840';
}
/* '' */
.icon-minus-circle:before {
    content: '\e841';
}
/* '' */
.icon-pencil:before {
    content: '\e842';
}
/* '' */
.icon-phone:before {
    content: '\e843';
}
/* '' */
.icon-plus-circle:before {
    content: '\e844';
}
/* '' */
.icon-filter:before {
    content: '\e845';
}
/* '' */
.icon-refresh:before {
    content: '\e846';
}
/* '' */
.icon-bell:before {
    content: '\e847';
}
/* '' */
.icon-bell-active:before {
    content: '\e848';
}
/* '' */
.icon-link:before {
    content: '\e849';
}
/* '' */
.icon-plus-alt:before {
    content: '\e84a';
}
/* '' */
.icon-download:before {
    content: '\e84b';
}
/* '' */
.icon-id-card:before {
    content: '\e84c';
}
/* '' */
.icon-lock:before {
    content: '\e84d';
}
/* '' */
.icon-lock-cancel:before {
    content: '\e84e';
}
/* '' */
.icon-clock-2:before {
    content: '\e84f';
}
/* '' */
.icon-talk:before {
    content: '\e850';
}
/* '' */
.icon-arrow-triangle-r:before {
    content: '\e851';
}
/* '' */
.icon-arrow-triangle-t:before {
    content: '\e852';
}
/* '' */
.icon-birthday:before {
    content: '\e853';
}
/* '' */
.icon-gift:before {
    content: '\e854';
}
/* '' */
.icon-plus:before {
    content: '\e855';
}
/* '' */
.icon-minus:before {
    content: '\e856';
}
/* '' */
.icon-mail_sm:before {
    content: '\e857';
}
/* '' */
.icon-mob_sm:before {
    content: '\e858';
}
/* '' */
.icon-my-orders:before {
    content: '\e859';
}
/* '' */
.icon-eye-stripe:before {
    content: '\e85a';
}
/* '' */
.icon-eye:before {
    content: '\e85b';
}
/* '' */
.icon-pers:before {
    content: '\e85c';
}
/* '' */
.icon-return:before {
    content: '\e85d';
}
/* '' */
.icon-smile-sad:before {
    content: '\e85e';
}
/* '' */
.icon-talk-1:before {
    content: '\e85f';
}
/* '' */
.icon-fav-item-alt:before {
    content: '\e860';
}
/* '' */
.icon-edit-alt:before {
    content: '\e861';
}
/* '' */
.icon-trash-alt:before {
    content: '\e862';
}
/* '' */
.icon-favorite-alt:before {
    content: '\e863';
}
/* '' */
.icon-lock-alt:before {
    content: '\e864';
}
/* '' */
.icon-arrow-triangle-l:before {
    content: '\e865';
}
/* '' */
.icon-arrow-triangle-b:before {
    content: '\e866';
}
/* '' */
.icon-pen-square:before {
    content: '\e867';
}
/* '' */
.icon-bell-solid:before {
    content: '\e868';
}
/* '' */
.icon-help-solid-alt:before {
    content: '\e869';
}
/* '' */
.icon-bus-alt:before {
    content: '\e86a';
}
/* '' */
.icon-cart-alt:before {
    content: '\e86b';
}
/* '' */
.icon-favoritelist-alt:before {
    content: '\e86c';
}
/* '' */
.icon-view-tiles-alt:before {
    content: '\e86d';
}
/* '' */
.icon-globe-alt:before {
    content: '\e86e';
}
/* '' */
.icon-pointer-alt:before {
    content: '\e86f';
}
/* '' */
.icon-reload-alt:before {
    content: '\e870';
}
/* '' */
.icon-credit-card-alt:before {
    content: '\e871';
}
/* '' */
.icon-bell-stripe:before {
    content: '\e872';
}
/* '' */
.icon-heart-balloon:before {
    content: '\e873';
}
/* '' */
.icon-equal:before {
    content: '\e874';
}
/* '' */
.icon-gift-1:before {
    content: '\e875';
}
/* '' */
.icon-reload-alt-1:before {
    content: '\e876';
}
/* '' */
.icon-pers-balloon:before {
    content: '\e877';
}
/* '' */
.icon-cancel-alt:before {
    content: '\e878';
}
/* '' */
.icon-trash-image:before {
    content: '\e879';
}
/* '' */
.icon-warning-image:before {
    content: '\e87a';
}
/* '' */
.icon-question:before {
    content: '\e87b';
}
/* '' */
.icon-return-alt:before {
    content: '\e87c';
}
/* '' */
.icon-pers-alt:before {
    content: '\e87d';
}
/* '' */
.icon-kids:before {
    content: '\e87e';
}
/* '' */
.icon-attention:before {
    content: '\e87f';
}
/* '' */
.icon-bought:before {
    content: '\e880';
}
/* '' */
.icon-arrow-down:before {
    content: '\e881';
}
/* '' */
.icon-arrow-left:before {
    content: '\e882';
}
/* '' */
.icon-arrow-right:before {
    content: '\e883';
}
/* '' */
.icon-arrow-up:before {
    content: '\e884';
}
/* '' */
.icon-pencil-alt:before {
    content: '\e885';
}
/* '' */
.icon-clock-alt:before {
    content: '\e886';
}
/* '' */
.icon-instagram:before {
    content: '\e887';
}
/* '' */
.icon-viber:before {
    content: '\e888';
}
/* '' */
.icon-youtube:before {
    content: '\e889';
}
/* '' */
.icon-facebook:before {
    content: '\e88a';
}
/* '' */
.icon-heart-solid-alt:before {
    content: '\e88b';
}
/* '' */
.icon-heart-empty:before {
    content: '\e88c';
}
/* '' */
.icon-bell-solid-active:before {
    content: '\e88d';
}
/* '' */
.icon-viber-alt:before {
    content: '\e88e';
}
/* '' */
.icon-eye-alt:before {
    content: '\e88f';
}
/* '' */
.icon-eye-stripe-alt:before {
    content: '\e890';
}
/* '' */
.icon-calendar:before {
    content: '\e891';
}
/* '' */
.icon-link-external:before {
    content: '\e892';
}
/* '' */
.icon-id-card-alt:before {
    content: '\e893';
}
/* '' */
.icon-info-alt:before {
    content: '\e894';
}
/* '' */

/*#endregion X. Fonts ---------------------------------------------*/

/*#region X. Common -----------------------------------------------*/

* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    min-width: 320px;
}

html {
    font: 400 15px/1.333 'Gotham Pro', Arial, sans-serif;
}

body {
    overflow-x: hidden;
    background: #fff;
    position: relative;
    left: 0;
    transition: left cubic-bezier(.62,0,.46,1) .4s;
    color: #404040;
}

    body::before {
        content: "";
        position: fixed;
        z-index: 9998;
        width: 100%;
        height: 100%;
        background: rgba(51,51,51,.7);
        visibility: hidden;
        transition: opacity cubic-bezier(.62,0,.46,1) .8s, cubic-bezier(.62,0,.46,1) .4s;
        opacity: 0;
    }

    body.overlay::before {
        visibility: visible;
        opacity: 1;
    }

    body.overlay3::before {
        visibility: visible;
        opacity: 1;
        z-index: 9996;
    }

    body.sidebarActive {
        left: 320px;
    }

.body-index.filterActive::before {
    visibility: visible;
    opacity: 1;
}

a {
    color: #33D0FF;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.content {
    flex: 1 0 auto;
}

.footer {
    flex: 0 0 auto;
}

.container {
    min-width: 360px;
    width: 100%;
    margin: 0 auto;
}

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

.text-red {
    color: #FF5D8A;
}

.text-blue {
    color: #52D3FA;
}

.text-green {
    color: #97CF00;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    line-height: 1.145;
    font-weight: 400;
    margin: .767em 0;
}

h5, .h5,
h6, .h6 {
    text-transform: uppercase;
    font-weight: 500;
}

/*#endregion X. Common --------------------------------------------*/

/*#region X. Buttons ----------------------------------------------*/

.btn {
    outline: none;
    text-decoration: none;
    cursor: pointer;
    min-height: 40px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 22px;
    padding: 12px 25px;
    background: #666666;
    color: #fff;
    border: none;
    display: inline-block;
}

    .btn:disabled:not(.btn_wired),
    .btn:disabled:not(.btn_wired):hover,
    .btn.disabled:not(.btn_wired),
    .btn.disabled:not(.btn_wired):hover {
        cursor: default;
        background-color: #EBEFF2 !important;
        color: rgba(155,163,172,.6) !important;
    }

    .btn:not(.btn_wired):hover,
    .btn:not(.btn_wired):active {
        color: rgba(0,0,0,.6);
    }

    .btn [class^="icon-"] {
        margin-right: 6px;
    }

.btn__lg {
    min-height: 60px;
    padding: 22px 35px;
    border-radius: 30px;
}

.btn__light-orange {
    transition: color ease .3s, background-color ease .3s;
    background-color: #FFC466;
}

    .btn__light-orange:hover {
        background-color: #FFD38C;
        color: rgba(0,0,0,.6);
    }

    .btn__light-orange:active {
        background-color: #FFB134;
    }

.btn__primary {
    transition: color ease .3s, background-color ease .3s;
    background-color: #FFC466;
}

    .btn__primary:hover {
        background-color: #FFDD00;
    }

    .btn__primary:active {
        background-color: #FFB134;
    }

.btn__secondary {
    transition: color ease .3s, background-color ease .3s, box-shadow ease .3s;
    background-color: transparent;
    box-shadow: inset 0 0 0 1.5px #9BA3AC;
    color: #9BA3AC;
}

    .btn__secondary:hover {
        box-shadow: inset 0 0 0 1.5px rgba(51,51,51,.7);
    }

    .btn__secondary:active {
        background-color: #EBEBEB;
        box-shadow: inset 0 0 0 1.5px #9BA3AC;
    }

    .btn__secondary:disabled,
    .btn__secondary.disabled {
        cursor: default;
        background-color: transparent;
        color: rgba(155,163,172,.4);
        box-shadow: inset 0 0 0 1.5px rgba(155,163,172,.4);
    }

.btn__danger {
    transition: color ease .3s, background-color ease .3s;
    background-color: #FF5D8A;
}

    .btn__danger:hover {
        background-color: #FFA3BD;
    }

    .btn__danger:active {
        background-color: #F74D7D;
    }

.btn__success {
    transition: color ease .3s, background-color ease .3s;
    background-color: #C0E266;
}

    .btn__success:hover {
        background-color: #DBEFA8;
    }

    .btn__success:active {
        background-color: #97CF00;
    }

.btn__info {
    transition: color ease .3s, background-color ease .3s;
    background-color: #52D3FA;
}

    .btn__info:hover {
        background-color: #A8EBFF;
    }

    .btn__info:active {
        background-color: #52D3FA;
    }

.btn__yellow {
    background-color: #FFDD00;
    color: rgba(0,0,0,.7);
}

.btn__yellow--alt {
    background-color: #FFDD00;
    color: rgba(0,0,0,.7);
    border: 1px solid #40464A;
}

    .btn__yellow--alt:hover {
        background-color: #FFEC6F;
    }

    .btn__yellow--alt:active {
        background-color: #FFCE00;
    }

.btn__icon,
.btn__icon.btn_wired {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 25px;
}

    .btn__icon [class^="icon-"] {
        font-size: 24px;
    }

.btn_wIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

    .btn_wIcon span {
        font-size: 11px;
        line-height: 14px;
        margin-left: 15px;
        text-align: center;
    }

        .btn_wIcon span:not(.btn_state__default) {
            display: none;
        }

.btn__buyNow [class^="icon-"],
.btn__addCart [class^="icon-"] {
    font-size: 23px;
}

.btn__notify [class^="icon-"] {
    font-size: 21px;
}

.btn__buyNow,
.btn__addCart {
    color: rgba(0,0,0,.6);
}

.btn__addCart {
    background-color: #DBEFA8;
}

    .btn__addCart:hover {
        background-color: #C0E266;
    }

    .btn__addCart.active {
        color: #C0E266;
        background: none;
        border: 2px solid #C0E266;
    }

        .btn__addCart.active [class^="icon-"]::before {
            content: "\e827";
        }

.btn__notify {
    background-color: rgba(235,238,240,.5);
    color: rgba(95,106,120,.7);
}

    .btn__notify:hover,
    .btn__notify.active {
        background-color: #A8EBFF;
        color: rgba(0,0,0,.6);
    }

        .btn__notify.active [class^="icon-"]::before {
            content: "\e848";
        }

        .btn__notify.active .btn_state__default,
        .btn__addCart.active .btn_state__default {
            display: none;
        }

        .btn__notify.active .btn_state__active,
        .btn__addCart.active .btn_state__active {
            display: block;
        }

.btn__addCart.active:hover {
    background-color: rgba(255,93,138,.6);
    border: none;
}

    .btn__addCart.active:hover [class^="icon-"]::before {
        content: "\e826";
    }

.btn__notify.active:hover [class^="icon-"]::before {
    content: "\e872";
}

.btn__notify.active:hover .btn_state__active,
.btn__addCart.active:hover .btn_state__active {
    display: none;
}

.btn__notify.active:hover .btn_state__hover,
.btn__addCart.active:hover .btn_state__hover {
    display: block;
}

.btn__addCart.btn__addCart__unavailable,
.btn__addCart.btn__addCart__unavailable:hover {
    background: none;
    cursor: default;
    border: 2px solid #9BA3AC;
    color: #9BA3AC;
    opacity: .3;
}

.btn_wired {
    min-height: 40px;
    padding: 11px 25px;
    background-color: transparent;
    transition: background-color ease .3s, opacity ease .3s;
    box-shadow: inset 0 0 0 1.5px #9BA3AC;
    color: #9BA3AC;
    border-radius: 24px;
    opacity: .7;
}

    .btn_wired:hover {
        opacity: 1;
    }

    .btn_wired.disabled,
    .btn_wired.disabled:hover,
    .btn_wired:disabled,
    .btn_wired:disabled:hover {
        opacity: .3;
        box-shadow: inset 0 0 0 1.5px #9BA3AC;
        color: #9BA3AC;
        background-color: transparent;
        cursor: default;
    }

.btn_wired__violet {
    box-shadow: inset 0 0 0 1.5px #9D7EED;
    color: #9D7EED;
}

    .btn_wired__violet:active {
        background-color: rgba(157,126,237,.07);
    }

.btn_wired__red {
    box-shadow: inset 0 0 0 1.5px #FF5D8A;
    color: #FF5D8A;
}

    .btn_wired__red:active {
        background-color: rgba(255,93,138,.07);
    }

.btn_wired__orange {
    box-shadow: inset 0 0 0 1.5px #FFC466;
    color: #FFC466;
}

    .btn_wired__orange:active {
        background-color: rgba(255,196,102,.07);
    }

.btn_wired__green {
    box-shadow: inset 0 0 0 1.5px #97CF00;
    color: #97CF00;
}

    .btn_wired__green:active {
        background-color: rgba(151,207,0,.07);
    }

.btn_wired__white {
    box-shadow: inset 0 0 0 1.5px #ffffff;
    color: #ffffff;
}

    .btn_wired__white:active {
        background-color: rgba(255,255,255,.07);
    }

.btn_wired__blue {
    box-shadow: inset 0 0 0 1.5px #66DBFF;
    color: #66DBFF;
}

    .btn_wired__blue:active {
        background-color: rgba(82,211,250,.07);
    }

/*#endregion X. Buttons ----------------------------------------------*/

/*#region X. form elements ----------------------------------------*/

input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='month'],
input[type='week'] {
    transition: box-shadow ease .3s, border ease .3s;
    color: #404040;
    border: none;
    border-bottom: 1px solid #60666B;
    outline: none;
    background: none;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
}

textarea {
    resize: none;
    transition: border .2s ease-out;
    border: none;
    border-bottom: 1px solid #60666B;
    background: none;
    font-size: 16px;
    line-height: 21px;
    padding: 7px 0 8px;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

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

    input[type='text']:focus,
    input[type='password']:focus,
    input[type='date']:focus,
    input[type='datetime']:focus,
    input[type='email']:focus,
    input[type='number']:focus,
    input[type='search']:focus,
    input[type='tel']:focus,
    input[type='time']:focus,
    input[type='month']:focus,
    input[type='week']:focus {
        box-shadow: inset 0 -1px 0 0 #00C3FF;
        border-bottom: 1px solid #00C3FF;
    }

textarea:focus {
    box-shadow: inset 0 -1px 0 0 #00C3FF;
    border-bottom: 1px solid #00C3FF;
}

input[type='text']:hover,
input[type='password']:hover,
input[type='date']:hover,
input[type='datetime']:hover,
input[type='email']:hover,
input[type='number']:hover,
input[type='search']:hover,
input[type='tel']:hover,
input[type='time']:hover,
input[type='month']:hover,
input[type='week']:hover {
    box-shadow: inset 0 -1px 0 0 #00C3FF;
    border-bottom: 1px solid #00C3FF;
}

textarea:hover {
    box-shadow: inset 0 -1px 0 0 #00C3FF;
    border-bottom: 1px solid #00C3FF;
}

input[type='text']:disabled,
input[type='password']:disabled,
input[type='date']:disabled,
input[type='datetime']:disabled,
input[type='email']:disabled,
input[type='number']:disabled,
input[type='search']:disabled,
input[type='tel']:disabled,
input[type='time']:disabled,
input[type='month']:disabled,
input[type='week']:disabled,
textarea:disabled {
    cursor: default;
    color: #9BA3AC;
    border-bottom: 1px dotted #95989A;
    box-shadow: none;
}

input:focus,
textarea:focus,
button:focus,
select:focus {
    outline: none;
}

input::placeholder,
textarea::placeholder {
    transition: opacity .2s ease-out;
    opacity: 1;
    color: rgba(129,138,145,.6);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    transition: opacity .2s ease-out;
    opacity: 1;
    color: rgba(129,138,145,.6);
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

.formRow {
    display: block;
    width: 100%;
    margin: 0 0 26px;
}

    .formRow input[type='text'],
    .formRow input[type='password'],
    .formRow input[type='date'],
    .formRow input[type='datetime'],
    .formRow input[type='email'],
    .formRow input[type='number'],
    .formRow input[type='search'],
    .formRow input[type='tel'],
    .formRow input[type='time'],
    .formRow input[type='month'],
    .formRow input[type='week'],
    .formRow textarea {
        width: 100%;
    }

.formRow__col-inner {
    display: flex;
    align-items: flex-start;
}

.formRow--col2 .formRow__col-item {
    margin-right: 30px;
    max-width: calc(50% - 15px);
    flex-shrink: 0;
}

    .formRow--col2 .formRow__col-item:nth-child(even) {
        margin-right: 0;
    }

.formRow__signed {
    position: relative;
}

    .formRow__signed input {
        padding-left: 30px;
    }

    .formRow__signed [class^="icon-"] {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        color: #B3B9BD;
    }

.formRow_label {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #5F6A76;
    margin-bottom: 5px;
}

.formRow__required .formRow_inputText {
    border-bottom: 1px solid #FF5D8A;
}

.formRow_message {
    display: flex;
    justify-content: space-between;
    margin: 7px 0 0 0;
    font: 12px/14px 'Roboto', Arial, sans-serif;
    align-items: flex-start;
}

.formRow_messageText {
    margin: 0 5px 0 0;
    flex-grow: 1;
    letter-spacing: -.2px;
}

.formRow_message [class^="icon-"] {
    font-size: 17px;
    line-height: 17px;
}

.formRow_warning {
    color: #FF5D8A;
}

.formRow_autocomplete {
    position: relative;
}

.formRow_inputText_wrap {
    display: block;
    position: relative;
}

.formRow_inputText_wrap__pass input {
    padding-right: 20px;
}

.formRow_inputCheck_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .formRow_inputCheck_wrap .fakeCheckRadio {
        margin: 15px 28px 0 0;
    }

.formRow__birth-row .formRow_inputText_wrap {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.show-input-pass {
    position: absolute;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 1;
    text-align: center;
    right: 0;
    top: 50%;
    margin-top: -9px;
    cursor: pointer;
    color: #9BA3AC
}

.formRow__birth-row .formRow_inputText_wrap > * {
    margin: 0 8px;
}

.formRow__birth-row input[type='text'] {
    width: 55px;
}

.formRow__birth-row .birth-row_item__date {
    margin-left: 0;
}

.formRow__birth-row .birth-row_item__year {
    margin-right: 0;
}

.formRow__birth-row .f-select {
    flex-grow: 1;
}

.formRow_autocomplete input {
    padding-right: 40px;
}

.formRow_autocomplete .icon-arrow-angle-s-b {
    position: absolute;
    font-size: 9px;
    width: 9px;
    height: 9px;
    line-height: 9px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: transform ease .3s;
}

.formRow_autocomplete__active.formRow_autocomplete .icon-arrow-angle-s-b {
    transform: translateY(-50%) rotate(180deg);
}

.formRow_autocomplete_list {
    display: none;
    list-style: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    border-top: 2px solid #66DBFF;
    z-index: 15;
    margin: 0;
    margin-top: -2px;
    min-width: 100%;
}

    .formRow_autocomplete_list li {
        list-style: none;
        transition: background-color ease .3s;
        cursor: pointer;
    }

        .formRow_autocomplete_list li:hover {
            background-color: #EBEFF2;
        }

.formRow_autocomplete__active .formRow_autocomplete_list {
    display: block;
}

.formRow_delPoint .formRow_autocomplete_list {
    width: 100%;
}

.formRow_autocomplete_list-group:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid #EBEDEE;
    margin-bottom: 18px;
}

.formRow_autocomplete_list-group-title {
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #9BA3AC;
    padding: 0 20px;
    margin: 0 0 7px;
}

.formRow_autocomplete_list-group-body {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .formRow_autocomplete_list-group-body .formRow_autocomplete_item {
        padding-left: 35px;
        position: relative;
    }

        .formRow_autocomplete_list-group-body .formRow_autocomplete_item.active::before {
            content: "";
            width: 7px;
            height: 7px;
            position: absolute;
            left: 20px;
            top: 16px;
            transform: translateY(-50%);
            border-radius: 50%;
            background-color: #FF5D8A;
        }

        .formRow_autocomplete_list-group-body .formRow_autocomplete_item.favorite::after {
            content: "\e874";
            font: 13px/1 'Fontello';
            color: #B3B9BD;
            display: inline-block;
            vertical-align: middle;
            margin-left: 4px;
        }

.formRow_autocomplete__recent .formRow_autocomplete_item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.formRow--labeled {
    position: relative;
    padding-top: 17px;
}

    .formRow--labeled .formRow_label {
        position: absolute;
        left: 0;
        top: 18px;
        width: 100%;
        height: 36px;
        font-size: 16px;
        line-height: 1;
        color: #9BA3AC;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        z-index: 4;
        padding: 10px 0;
        transition: padding ease .3s, top ease .3s, font-size ease .3s, color ease .3s;
        transform-origin: left center;
    }

    .formRow--labeled .formRow_label--focus {
        top: 0;
        padding-top: 0;
        font-size: 12px;
        height: 12px;
        color: #5F6A76;
    }

    .formRow--labeled .formRow_inputText {
        position: relative;
        z-index: 5;
    }

/*#region fake checkbox radio */

.fakeCheckRadio {
    display: flex;
    cursor: pointer;
    align-items: flex-start;
}

    .fakeCheckRadio input {
        display: none;
    }

        .fakeCheckRadio input[type="radio"] ~ .fakeCheckRadio_toggler {
            border: 1px solid #9BA3AC;
            background-color: transparent;
            display: block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            transition: border-color ease .3s;
            position: relative;
            margin-right: 10px;
            margin-top: 2px;
            flex-shrink: 0;
        }

        .fakeCheckRadio input[type="checkbox"] ~ .fakeCheckRadio_toggler {
            border: 1px solid #9BA3AC;
            background-color: transparent;
            display: block;
            width: 18px;
            height: 18px;
            border-radius: 2px;
            transition: border-color ease .3s, background-color ease .3s;
            position: relative;
            margin-right: 12px;
            margin-top: 3px;
            flex-shrink: 0;
        }

        .fakeCheckRadio input[type="radio"] ~ .fakeCheckRadio_toggler::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 10px;
            height: 10px;
            background-color: #52D3FA;
            border-radius: 50%;
            transform: scale(0);
            opacity: 0;
            transition: opacity ease .3s, transform ease .3s;
            margin: -5px 0 0 -5px;
        }

        .fakeCheckRadio input[type="checkbox"] ~ .fakeCheckRadio_toggler::after {
            content: "\e828";
            font: 11px/11px 'Fontello';
            position: absolute;
            left: 50%;
            top: 50%;
            width: 11px;
            height: 11px;
            text-align: center;
            color: #fff;
            transform: scale(0);
            opacity: 0;
            transition: opacity ease .3s, transform ease .3s, color ease .3s;
            margin: -5px 0 0 -5px;
        }

        .fakeCheckRadio input[type="radio"]:checked ~ .fakeCheckRadio_toggler {
            border-color: #52D3FA;
        }

        .fakeCheckRadio input[type="checkbox"]:checked ~ .fakeCheckRadio_toggler {
            border-color: #52D3FA;
            background-color: #52D3FA;
        }

label.fakeCheckRadio:hover input[type="checkbox"]:not([disabled]):checked ~ .fakeCheckRadio_toggler,
input[type="checkbox"]:not([disabled]):checked ~ .fakeCheckRadio_toggler:hover {
    background-color: rgba(82,211,250,.7);
    border-color: transparent;
}

label.fakeCheckRadio:hover input[type="checkbox"]:not([disabled]) ~ .fakeCheckRadio_toggler::after,
input[type="checkbox"]:not([disabled]) ~ .fakeCheckRadio_toggler:hover::after {
    transform: scale(1);
    opacity: 1;
    color: #9BA3AC;
}

.fakeCheckRadio input[type="radio"]:checked ~ .fakeCheckRadio_toggler::after {
    transform: scale(1);
    opacity: 1;
}

label.fakeCheckRadio:hover input[type="checkbox"]:checked ~ .fakeCheckRadio_toggler::after,
input[type="checkbox"]:checked ~ .fakeCheckRadio_toggler:hover::after {
    color: #fff;
}

.fakeCheckRadio input[type="checkbox"]:checked ~ .fakeCheckRadio_toggler::after {
    transform: scale(1);
    opacity: 1;
}

input[type="checkbox"]:disabled ~ .fakeCheckRadio_toggler {
    border-color: rgba(155,163,172,.4);
}

input[type="checkbox"]:checked:disabled ~ .fakeCheckRadio_toggler {
    background-color: rgba(129,138,146,.24);
    border-color: transparent;
}

.fakeCheckRadio_text {
    font-size: 16px;
    line-height: 24px;
}

/*#endregion fake checkbox radio */

/*#endregion X. form elements -------------------------------------*/

/*#region X. Header -----------------------------------------------*/

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 900;
    color: #ffffff;
    transition: left cubic-bezier(.62,0,.46,1) .4s, padding ease .3s, background-color ease .3s;
}

    .header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        transition: left cubic-bezier(.62,0,.46,1) .4s, padding ease .3s, background-color ease .3s;
    }

.sidebarActive .header.fixed {
    left: 320px;
}

.fixed {
    background-color: rgba(255,255,255,.55);
    backdrop-filter: blur(24px) brightness(1.4);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
}

    .fixed:hover {
        background-color: #fff;
    }

.header .container {
    display: flex;
    align-items: center;
}

.header_menuBtn {
    font-size: 0;
    line-height: 1;
    position: relative;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    color: #ffffff;
    padding: 10px;
    border-radius: 4px;
}

.fixed .header_menuBtn,
.index-wrapper .header_menuBtn {
    color: rgba(69,73,77,.6);
}

.header_menuBtn::before {
    font-size: 17px;
    transition: opacity ease .3s, color ease .3s;
}

.header_menuBtn:hover::before {
    opacity: .5;
}

.fixed .header_menuBtn:hover::before,
.light-header .header_menuBtn:hover::before,
.search-active .header_menuBtn:hover::before {
    opacity: 1;
    color: #66DBFF;
}

.header_logo {
    flex-shrink: 0;
    transition: padding ease .3s;
}

    .header_logo img {
        display: block;
        width: 100%;
    }

.header_menuRight {
    padding: 0;
    list-style: none;
    display: flex;
}

.menuRight_item {
    margin: 0 1px;
    padding: 0;
    list-style: none;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition: color linear .3s;
}

    .menuRight_item:first-child {
        margin-left: 0;
    }

    .menuRight_item:last-child {
        margin-right: 0;
    }

    .menuRight_item a {
        position: relative;
        color: #fff;
        text-decoration: none;
        transition: color linear .3s;
    }

.index-wrapper .menuRight_item,
.index-wrapper .menuRight_item a,
.fixed .menuRight_item,
.fixed .menuRight_item a {
    color: rgba(69,73,77,.6);
}

.menuRight_item .icon-search {
    position: relative;
    margin-right: 12px;
}

    .menuRight_item .icon-search::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 2px;
        background-color: #66DBFF;
        transform: translateX(-50%);
        transition: transform ease .3s;
    }

    .menuRight_item .icon-search.active::after {
        width: 17px;
    }

.menuRight_item_act {
    position: relative;
    z-index: 10;
    padding: 10px;
    border-radius: 4px;
    transition: background-color ease .3s;
}

    .menuRight_item_act::before {
        transition: opacity ease .3s, color ease .3s;
    }

    .menuRight_item_act:hover::before {
        opacity: .5;
    }

.fixed .menuRight_item_act:hover::before,
.light-header .menuRight_item_act:hover::before,
.search-active .menuRight_item_act:hover::before {
    opacity: 1;
    color: #66DBFF;
}

.menuRight_item [class^="icon-"]::before {
    font-size: 17px;
}

.menuRight_count {
    display: none;
    position: absolute;
    font-size: 14px;
    line-height: 21px;
    padding: 0 6px;
    border-radius: 10.5px;
    text-align: center;
    top: -4px;
    right: 7px;
    transform: translateX(50%);
    min-width: 21px;
}

.menuRight_item_act.active .menuRight_count {
    display: block;
}

.icon-favouritelist .menuRight_count {
    background-color: #D41B2A;
    color: #fff;
}

.icon-cart .menuRight_count {
    background-color: #FFDD00;
    color: #000000;
}

.menuTree {
    display: none;
}

.menu_ul_mob .genderTabs_controls {
    display: flex;
    margin: 20px 20px 11px 60px;
}

.menu_ul_mob .genderTabs_controls_item {
    flex-shrink: 0;
    position: relative;
    margin: 0 25px 0 0;
    cursor: pointer;
}

    .menu_ul_mob .genderTabs_controls_item span {
        display: none;
    }

    .menu_ul_mob .genderTabs_controls_item::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -7px;
        width: 0;
        height: 2px;
        background-color: #66DBFF;
        transform: translateX(-50%);
        transition: width ease .3s;
    }

    .menu_ul_mob .genderTabs_controls_item img {
        display: flex;
        height: 36px;
        width: auto;
    }

    .menu_ul_mob .genderTabs_controls_item.gender_active::after {
        width: 100%;
    }

.gender__disabled {
    opacity: .3;
    cursor: default;
}

/*#endregion X. Header --------------------------------------------*/

/*#region X. SB Menu ----------------------------------------------*/

.sbMenu {
    position: fixed;
    left: -320px;
    top: 0;
    height: 100%;
    width: 320px;
    background-color: #ffffff;
    z-index: 9999;
    transition: left cubic-bezier(.62,0,.46,1) .4s;
}

    .sbMenu.active {
        left: 0;
    }

    .sbMenu .slimScroll {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.sbMenu_sbTitle {
    padding: 20px 20px 8px 26px;
    position: relative;
    background: #66DBFF url('/img/bg/sb_login.svg') center no-repeat;
    background-size: cover;
    color: #ffffff;
}

.sbTitle_lang {
    float: right;
    font-size: 13px;
    line-height: 1;
    display: flex;
    margin: 5px 0 0;
}

.sbTitle_lang-item {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    margin: 0 0 0 18px;
    border-radius: 50%;
    transition: background-color ease .3s;
}

    .sbTitle_lang-item:last-child {
        padding-right: 0;
        border: none;
    }

    .sbTitle_lang-item.lang-active::before {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        position: absolute;
        left: -2px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 3px;
        background-color: #FF5D8A;
    }

    .sbTitle_lang-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -10px;
        top: 50%;
        background-color: #fff;
        width: 2px;
        height: 12px;
        transform: translateY(-50%);
    }

    .sbTitle_lang-item:not(.lang-active):hover {
        background-color: rgba(0,0,0,.15);
    }

.sbTitle_avatar {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 0 23px 14px;
    border-radius: 50%;
    overflow: hidden;
    background: url('/img/avatar.svg') center no-repeat;
    background-size: cover;
}

    .sbTitle_avatar img {
        display: block;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.close-sidebar {
    position: absolute;
    font-size: 0;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    color: #fff;
    right: 20px;
    top: 20px;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    transition: transform ease-in-out .5s, right ease .3s;
}

    .close-sidebar::before {
        font-size: 20px;
    }

    .close-sidebar:hover {
        transform: rotate(270deg);
    }

.sbMenu.active .close-sidebar {
    right: -30px;
}

.sbTitle_controls {
    display: flex;
}

    .sbTitle_controls a {
        color: #fff;
        font-size: 18px;
        line-height: 32px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        padding: 0 8px;
        margin: 0 6px;
        position: relative;
        border-radius: 3px;
        transition: background-color ease .2s;
    }

        .sbTitle_controls a:hover {
            background-color: #9D7EED;
            color: #fff;
        }

        .sbTitle_controls a:nth-child(odd)::after {
            content: "";
            position: absolute;
            right: -7px;
            top: 50%;
            transform: translateY(-50%);
            width: 2px;
            height: 16px;
            background: #fff;
        }

.sbTitle_name {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 3px 14px;
}

.sbTitle_controls__account {
    margin: 0 0 8px 2px;
    display: flex;
}

    .sbTitle_controls__account a {
        font-size: 13px;
        line-height: 16px;
        font-weight: 400;
        color: rgba(69,73,77,.6);
        margin: 0 13px 0 12px;
        padding: 0;
        position: relative;
        text-decoration: none;
    }

        .sbTitle_controls__account a:hover {
            text-decoration: underline;
        }

        .sbTitle_controls__account a:nth-child(odd)::after {
            content: "";
            position: absolute;
            right: -12px;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 12px;
            background: rgba(69,73,77,.6);
        }

.sbMenu .sbMenu_sbBlock {
    padding: 20px 0 10px;
    border-bottom: 1px solid #E3E3E3;
    position: relative;
    transition: height ease .3s;
    overflow: hidden;
}

    .sbMenu .sbMenu_sbBlock:last-child {
        border-bottom: none;
        margin-bottom: 50px;
    }

.sbMenu .sbBlock_sbPartition {
    display: block;
    padding: 10px 20px 10px 68px;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    color: #535659;
    position: relative;
}

.sbBlock_sbPartition.disabled {
    opacity: .5;
    cursor: default;
}

.sbMenu span.sbBlock_sbPartition {
    text-transform: uppercase;
    font-weight: 500;
}

.sbMenu .sbBlock_sbPartition [class^="icon-"] {
    position: absolute;
    font-size: 24px;
    color: #B3B9BD;
    left: 37px;
    top: 8px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.sbMenu .sbPartition_count {
    padding-right: 68px;
}

.sbMenu .sbPartition_count_item {
    position: absolute;
    right: 20px;
    top: 9px;
    height: 22px;
    min-width: 22px;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    padding: 0 6px;
    border-radius: 11px;
    background-color: rgba(129,138,145,.1);
    color: #818A91;
}

.sbMenu .sbPartition_count_item__red {
    background-color: #FF5D8A;
    color: #fff;
}

.sbMenu .sbLang_inner {
    display: flex;
    padding: 0 20px 0 68px;
}

    .sbMenu .sbLang_inner a {
        height: 40px;
        line-height: 20px;
        padding: 10px 17px;
        position: relative;
        color: #535659;
        text-decoration: none;
    }

        .sbMenu .sbLang_inner a::after {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: calc(100% - 26px);
            border-right: 1px solid #535659;
            text-decoration: none;
            color: #535659;
        }

.sbMenu .sbLang_active::before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 16px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #FF5D8A;
}

.sbMenu .sbLang_inner a:last-child::after {
    display: none;
}

.sbMenu .menu_title_mob {
    display: flex;
    padding: 10px 39px 10px 68px;
    font-size: 15px;
    line-height: 20px;
    color: #535659;
    position: relative;
    font-weight: 400;
    cursor: pointer;
    gap: 12px;
    align-items: center;
}

.sbMenu .menuLists .menu_title_mob::before {
    content: "\e86c";
    position: absolute;
    font: 24px/ 1 "Fontello";
    color: #B3B9BD;
    left: 37px;
    top: 8px;
    width: 24px;
    height: 24px;
    text-align: center;
}

.sbMenu .menuLists .menu_title_internal_mob {
    margin-top: 0;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #535659;
}

.sbMenu .menuLists .menu_a_mob {
    padding-right: 70px;
}

.sbMenu .menuLists .icon-birthday {
    display: inline-block;
    font-size: 23px;
    height: 15px;
    width: 24px;
    position: relative;
    color: #FF5D8A;
}

    .sbMenu .menuLists .icon-birthday::before {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.sbMenu .menuLists .menu_a_mob[data-count]::after {
    content: attr(data-count);
    position: absolute;
    right: 20px;
    top: 9px;
    height: 22px;
    min-width: 22px;
    text-align: center;
    font: 14px/22px 'Roboto', Arial, sans-serif;
    padding: 0 6px;
    border-radius: 11px;
    background-color: rgba(235,239,242,.7);
    color: rgba(129,138,145,.6);
}

.sbMenu .menu_title_mob::after {
    content: "\e81b";
    font: 9px/1 'Fontello';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0,0,0,.6);
}

.sbMenu .menu_li_mob {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0;
    transition: left ease .3s;
    background-color: #ffffff;
    z-index: 10;
    padding: 10px 0 20px;
}

    .sbMenu .menu_li_mob.active {
        left: 0;
    }

.sbMenu .menu_backward {
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: rgba(129,138,145,.6);
    padding: 5px 13px 5px 19px;
    position: relative;
    margin: 25px 0 25px 23px;
    cursor: pointer;
}

    .sbMenu .menu_backward.menu_backward::before {
        content: "\e81a";
        position: absolute;
        left: 5px;
        top: 8px;
        font: 9px/1 'Fontello';
        width: 9px;
        height: 9px;
        text-align: center;
    }

.sbMenu .menu_title_internal_mob {
    font-size: 27px;
    line-height: 30px;
    font-weight: 500;
    display: block;
    padding: 0 20px 0 60px;
    margin: 30px 0 7px;
}

    .sbMenu .menu_title_internal_mob .menu-count {
        display: none;
    }

.menu_title_internal_mob {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sbMenu .menu_title_internal_mob ~ .menu_ul_mob .menu_title_mob {
    padding: 10px 39px 10px 60px;
}

.sbMenu .menu_li_mob .menu_a_mob {
    display: flex;
    padding: 10px 39px 10px 60px;
    font-size: 15px;
    line-height: 20px;
    color: #535659;
    position: relative;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    gap: 12px;
    align-items: center;
}

.sbMenu .genderTabs a {
    transition: opacity ease .3s;
}

.sbMenu .menu_li_mob .menu_showAll {
    color: #66DBFF;
}

.menu-count {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    padding: 4px 7px 3px;
    border-radius: 10px;
    background-color: rgba(129,138,145,.1);
    color: #818A91;
    margin-left: auto;
    flex: 0 0 auto;
    font-weight: 400;
}

.menu_a_desk .menu-count {
    background-color: #F7F8FA;
}

/*#endregion X. SB Menu -------------------------------------------*/

/*#region X. page head --------------------------------------------*/

.pageHead {
    background-color: #66DBFF;
    color: #fff;
}

    .pageHead.pageHead__violet {
        background-color: #9D7EED;
    }

    .pageHead h1 {
        font-weight: 400;
        margin: 0;
        padding: 0;
    }

    .pageHead.pageHead__cartPage {
        background-color: #C0E266;
        margin-bottom: 0;
    }

.pageHead_title__iconed {
    display: flex;
}

    .pageHead_title__iconed [class^="icon"] {
        border-radius: 50%;
        background-color: #fff;
        flex-shrink: 0;
        text-align: center;
    }

.pageHead.pageHead__violet .pageHead_title__iconed [class^="icon"] {
    color: #9D7EED;
}

/*#region X.X Crumbs */

.pageHead.pageHead__cartPage .crumbs {
    margin: 0;
}

.crumbs {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .crumbs li {
        list-style: none;
        margin: 0;
        padding: 0;
        font: 12px/14px 'Roboto', Arial, sans-serif;
        color: rgba(0,0,0,.35);
        position: relative;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .crumbs li:not(:first-child) {
            padding: 0 0 0 17px;
        }

            .crumbs li:not(:first-child) a {
                text-decoration: underline;
            }

                .crumbs li:not(:first-child) a:hover {
                    text-decoration: none;
                }

            .crumbs li:not(:first-child)::before {
                content: "\e81b";
                font: 9px 'Fontello';
                position: absolute;
                left: 4px;
                top: 50%;
                transform: translateY(-50%);
            }

    .crumbs .icon-home {
        font-size: 15px;
    }

    .crumbs a {
        text-decoration: none;
        color: rgba(0,0,0,.35);
        text-decoration-color: transparent;
    }

.pageHead .crumbs a {
    color: rgba(51,51,51,.35);
    transition: color ease .3s;
}

    .pageHead .crumbs a:hover {
        color: rgba(51,51,51,.7);
    }

/*#endregion X.X Crumbs */

/*#endregion X. page head -----------------------------------------*/

/*#region X. Page description -------------------------------------*/

.pageDesc {
    color: #666666;
}

.pageDesc_head {
    position: relative;
}

    .pageDesc_head h2 {
        font-weight: 400;
        cursor: pointer;
        transition: color ease .3s;
    }

    .pageDesc_head:hover h2,
    .pageDesc_head.active h2 {
        color: #66DBFF;
    }

.pageDesc_title_toggle {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid #666666;
    transition: border-color ease .3s;
    cursor: pointer;
}

.pageDesc_head:hover .pageDesc_title_toggle,
.pageDesc_head.active .pageDesc_title_toggle {
    border-color: #66DBFF;
}

.pageDesc_title_toggle::before,
.pageDesc_title_toggle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 1px;
    background-color: #666666;
    transition: background-color ease .3s, transform ease .3s;
}

.pageDesc_head:hover .pageDesc_title_toggle::before,
.pageDesc_head:hover .pageDesc_title_toggle::after,
.pageDesc_head.active .pageDesc_title_toggle::before,
.pageDesc_head.active .pageDesc_title_toggle::after {
    background-color: #66DBFF;
}

.pageDesc_title_toggle::after {
    transform: translate(-50%,-50%) rotate(90deg);
}

.pageDesc_head.active .pageDesc_title_toggle::after {
    transform: translate(-50%,-50%) rotate(0deg);
}

/*#endregion X. Page description ----------------------------------*/

/*#region X. Ellipsis ---------------------------------------------*/

.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
    vertical-align: bottom;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}

    .ellip-line.ellip-expand {
        white-space: normal;
    }

/*#endregion X. Ellipsis ------------------------------------------*/

/*#region X. Fake Select ------------------------------------------*/

.f-select {
    position: relative;
}

.f-select_prefix {
    flex-shrink: 0;
    white-space: nowrap;
    display: flex;
    padding: 0 0 0 15px;
    color: #818A91;
}

.f-select_head {
    color: #404040;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
    border-radius: 15px;
    line-height: 20px;
    transition: background-color ease .3s;
    border: 2px solid #EBEFF2;
    width: 100%;
}

.f-select__alt .f-select_head {
    padding: 8px 0;
    border-radius: 0;
    line-height: 20px;
    border: none;
    box-shadow: inset 0 -1px 0 0 #60666B;
    font-size: 15px;
    width: 100%;
}

.f-select:hover .f-select_head,
.f-select_head.active {
    background-color: #EBEFF2;
}

.f-select__alt:hover .f-select_head,
.f-select__alt .f-select_head.active {
    box-shadow: inset 0 -2px 0 0 #00C3FF;
    background: none;
}

.catalogSettings .f-select_head {
    width: 100%;
}

.f-select_placeholder {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    flex-grow: 1;
    padding: 0 40px 0 10px;
}

.f-select__alt .f-select_placeholder {
    padding-left: 0;
}

.f-select_placeholder::after {
    content: "\e819";
    font-family: 'Fontello', sans-serif;
    ;
    position: absolute;
    top: 0;
    transition: transform ease .3s;
    color: #666666;
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 9px;
    right: 0;
}

.f-select_head.active .f-select_placeholder::after {
    transform: rotate(180deg);
}

.f-select_list {
    position: absolute;
    left: 0;
    min-width: 100%;
    top: calc(100% + 2px);
    opacity: 0;
    visibility: hidden;
    transition: opacity ease .3s, visibility ease .3s;
    z-index: 50;
    background: #fff;
    box-shadow: 0 7px 20px rgba(0,0,0,.15);
    overflow-Y: auto;
    border-radius: 15px;
}

.f-select__alt .f-select_list {
    border-radius: 0 0 20px 20px;
}

.f-select_list.active {
    opacity: 1;
    visibility: visible;
}

.f-select_list {
    padding: 15px 0;
}

.f-select_item {
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 18px;
    padding: 6px 15px 6px 30px;
    position: relative;
}

.catalogSettings .f-select_item {
    white-space: nowrap;
}

.f-select_item:hover {
    background: #EBEFF2;
}

.f-select_item.selected::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #FF5D8A;
    margin: 0 8px 0 0;
}

/*#endregion X. Fake Select ---------------------------------------*/

/*#region X. Catalog ----------------------------------------------*/

/*#region X.X Catalog Settings */

.filterBtn {
    display: flex;
    cursor: pointer;
}

.filterBtn_title {
    font-weight: 500;
    text-transform: uppercase;
}

.filterBtn_count {
    display: none;
}

/*#endregion X.X Catalog Settings */

/*#region X.X Catalog item */

.catalogGrid_inner {
    margin-bottom: 50px;
}

.catalogGrid_catalogItem {
    position: relative;
}

.catalogItem_catalogItemTop {
    display: block;
    text-decoration: none;
    color: #666666;
    padding-top: 16px
}

.catalogItem_catalogItemTop {
    display: block;
    text-decoration: none;
    color: #666666;
    padding-top: 16px
}

.catalogItem_img-slide-link {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 15px;
    overflow: hidden;
    max-width: 190px;
    margin: 0 auto;
}

.catalogItem_img-slide-inner {
    padding: 50% 0;
    position: relative;
}

.catalogItem_img-slide-link img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

.catalogItem_img-slider .slick-dots {
    position: absolute;
    left: 0;
    bottom: 14px;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.catalogItem_img-slider.slick-not-init .catalogItem_img-slide-link:not(:first-child),
.catalogItem_img-slider.slick-not-init .slick-slide:not(.slick-current) {
    display: none;
}

.catalogItem_img-slider:not(.slick-not-init) .catalogItem_img-slide-link {
    display: block !important;
}

.catalogItem_img-slider .slick-dots button {
    font-size: 0;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(191, 191, 191, 1);
    width: 5px;
    height: 5px;
    margin: 0 7px;
    transition: all ease .2s;
    mix-blend-mode: luminosity;
}

.catalogItem_img-slider .slick-dots .slick-active button {
    background-color: rgba(191, 191, 191, 1);
    box-shadow: 0 0 0 3px rgba(191, 191, 191, 1);
}



.catalogItem_img {
    display: block;
    max-width: 190px;
    margin: 0 auto 15px;
}

.catalogItem_img-inner {
    display: block;
    padding: 50% 0;
    position: relative;
}

.catalogItem_img--slider {
    padding: 0;
    max-width: none;
    max-height: none;
}

.catalogItem_img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.catalogItem_badge {
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 10;
}

.catalogItem_badge-item {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.catalogItem_middle {
    margin: 0 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.no-comments {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.no-comments__icon {
    font-size: 16px;
    color: rgba(95,106,118,.7);
    margin-right: 5px;
    line-height: 1;
    transition: color ease .3s;
}

.no-comments__text {
    font-size: 13px;
    line-height: 14px;
    color: rgba(95,106,118,.7);
    transition: color ease .3s;
}

.no-comments:hover .no-comments__icon {
    color: #66DBFF;
}

.no-comments:hover .no-comments__text {
    color: #5F6A76;
}

.catalogItem_fav {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 2px 5px 2px 5px;
    border: 1.5px solid #E2E6E9;
    border-radius: 16px;
    cursor: pointer;
    text-decoration: none;
    z-index: 5;
    background-color: #fff;
}

.catalogItem_fav__icon {
    font-size: 24px;
    line-height: 1;
    color: rgba(129,138,145,.6);
}

.catalogItem_fav.active .catalogItem_fav__icon {
    color: #FF5D8A;
}

    .catalogItem_fav.active .catalogItem_fav__icon::before,
    .catalogItem_fav.smb-liked .catalogItem_fav__icon::before {
        content: "\e88b";
    }

.catalogItem_fav-val {
    font-size: 14px;
    line-height: 1;
    color: #60666B;
    display: none;
}

    .catalogItem_fav-val:not(:empty) {
        margin: 0 4px 0 5px;
    }

.catalogItem_fav.active .catalogItem_fav-val,
.catalogItem_fav.smb-liked .catalogItem_fav-val {
    display: block;
}

.catalogItem_fav:hover {
    background-color: #EBEFF2;
}

    .catalogItem_fav:hover .catalogItem_fav__icon::before {
        content: "\e88b";
    }

    .catalogItem_fav:hover .catalogItem_fav__icon {
        color: #F43E72;
    }

.catalogItem_fav.active:hover .catalogItem_fav__icon {
    color: rgba(129,138,145,.6);
}

.catalogItem_name {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(0,0,0,.7);
    font-size: 13px;
    line-height: 17px;
    height: 51px;
    overflow: hidden;
    margin: 0 0 14px;
    text-decoration: none;
}

.catalogItem_charList {
    margin: 0 0 5px;
    padding: 0;
    list-style: none;
}

.catalogItem_charList-item {
    font-size: 14px;
    line-height: 17px;
    color: rgba(95,106,118,.7);
    margin-bottom: 5px;
}

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

.itemRating {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.itemRating_stars {
    display: flex;
    margin: 0 5px 0 0;
}

    .itemRating_stars [class^="icon-"] {
        font-size: 14px;
        line-height: 16px;
        height: 16px;
    }

        .itemRating_stars [class^="icon-"]:not(:last-child) {
            margin: 0 1px 0 0;
        }

    .itemRating_stars .icon-star-empty {
        color: rgba(28,31,33, .15);
    }

.itemRating__yellow .icon-star-solid {
    color: #FFDD00;
    transition: color ease .3s;
}

.itemRating__white .icon-star-empty {
    color: rgba(255,255,255, .5);
}

.itemRating__white .icon-star-solid {
    color: #ffffff;
}

.itemRating_value {
    font-size: 13px;
    line-height: 1;
    color: rgba(95,106,118,.7);
    transition: color ease .3s;
}

.catalogItem_catalogItemTop .itemRating_value.active {
    color: #66DBFF;
    text-decoration: none;
}

    .catalogItem_catalogItemTop .itemRating_value.active:hover {
        text-decoration: underline;
    }

a.itemRating__yellow:hover .icon-star-solid {
    color: #FFC466;
}

a.itemRating__yellow:hover .itemRating_value {
    color: #5F6A76;
}

.catalogItem_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 12px;
}

    .catalogItem_footer .itemPrice {
        margin-bottom: 0;
        flex-shrink: 0;
    }

.catalogItem_buyBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    text-decoration: none;
    line-height: 1;
    background-color: rgba(192,226,102,.8);
    color: rgba(0,0,0,.6);
    padding: .333em .416em .333em .625em;
    border-radius: 2rem;
    min-width: 2.95em;
    flex-shrink: 0;
    transition: background-color ease .3s, color ease .3s, box-shadow ease .3s;
}

    .catalogItem_buyBtn:hover {
        background-color: #C0E266;
        color: rgba(0,0,0,.7);
    }

    .catalogItem_buyBtn:active {
        background-color: #97CF00;
        color: #fff;
    }

    .catalogItem_buyBtn.active {
        background-color: transparent;
        color: #B3D94C;
        box-shadow: inset 0 0 0 1.5px #B3D94C;
    }

        .catalogItem_buyBtn.active .catalogItem_buyBtn-icon::before {
            content: "\e827";
        }

        .catalogItem_buyBtn.active:hover {
            background-color: #FF5D8A;
            color: rgba(0,0,0,.6);
            box-shadow: none;
        }

            .catalogItem_buyBtn.active:hover .catalogItem_buyBtn-icon::before {
                content: "\e826";
            }

.itemPrice {
    margin: 0 0 12px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: center;
    min-height: 41px;
}

.itemPrice_item {
    position: relative;
    white-space: nowrap;
    display: flex;
}

.itemPrice_current {
    color: rgba(0,0,0,.7);
    padding-right: 20px;
    margin-right: 8px;
}

.itemPrice.itemPrice__discount .itemPrice_current {
    color: #F74D7D;
}

.itemPrice_current span {
    font-size: 24px;
    line-height: 1;
}

.itemPrice_current .icon-hryvna-400 {
    position: absolute;
    top: 1px;
    right: 9px;
    font-size: 10px;
}

.itemPrice_old {
    color: rgba(129,138,145,.6);
    padding-right: 10px;
    text-decoration: line-through;
    margin: 0 0 2px;
}

    .itemPrice_old span {
        font-size: 15px;
        line-height: 1;
    }

    .itemPrice_old .icon-hryvna-400 {
        position: absolute;
        top: 2px;
        right: 0;
        font-size: 8px;
    }

.buyInfo_watch-price {
    margin: 0 0 10px;
}

.item-availability {
    display: flex;
    align-items: center;
}

.buyInfo_availability {
    border-bottom: 1px dashed #C5C5C5;
    padding: 0 0 21px;
}

.item-availability-pre {
    margin: 0 4px 0 0;
    font-size: 14px;
    line-height: 1;
    color: #8F97A0;
}

.item-availability-label {
    color: rgba(0,0,0,.6);
    font-size: 13px;
    line-height: 15px;
    padding: 4px 9px;
    border-radius: 12px;
    margin: 0 5px 0 0;
    transition: background-color ease .3s, color ease .3s;
    text-decoration: none;
}

.item-availability--leavings .item-availability-label {
    /*background-color: #FFDD00;*/
    background-color: rgba(255, 221, 0, 0.7);
}

.item-availability--leavings-low .item-availability-label {
    background-color: #FFA3BD;
}

.item-availability--available .item-availability-label {
    /*background-color: #DBEFA8;*/
    background-color: rgba(219, 239, 168, 0.7);
}

.item-availability--unavailable .item-availability-label {
    background-color: #EBEFF2;
    color: rgba(95,106,118,.7);
    margin-right: auto;
}

.item-availability-icon {
    margin: 0 0 0 9px;
    color: rgba(95,106,118,.7);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #EBEFF2;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    transition: background-color ease .3s, color ease .3s, border ease .3s;
    text-decoration: none;
}

.item-availability--unavailable .item-availability-icon.active,
.item-availability--unavailable .item-availability-icon:hover {
    background-color: #66DBFF;
    border: 1px solid #66DBFF;
    color: #fff;
}

    .item-availability--unavailable .item-availability-icon.active::before,
    .item-availability--unavailable .item-availability-icon:hover::before {
        content: "\e88d";
    }

    .item-availability--unavailable .item-availability-icon.active:hover {
        background-color: #EBEFF2;
        color: rgba(95,106,118,.7);
        border: 1px solid #EBEFF2;
    }

        .item-availability--unavailable .item-availability-icon.active:hover::before {
            content: "\e872";
        }

.catalogGrid_catalogItem__unavailable .catalogItem_img img {
    opacity: .2;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.catalogGrid_catalogItem__unavailable .itemPrice {
    opacity: .25;
}

    .catalogGrid_catalogItem__unavailable .itemPrice.itemPrice__discount .itemPrice_current {
        color: rgba(0,0,0,.6);
    }

.unavailable-label_item {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 25px;
    background: #fff;
    border-radius: 20px;
    white-space: nowrap;
    text-transform: uppercase;
    color: rgba(129,138,145,.6);
    border: 1px solid rgba(129,138,145,.6);
    z-index: 1;
}

/*#region X.X.X labels */

.itemLabel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1;
}

.catalogGrid_catalogItem .itemLabel {
    position: absolute;
    top: 0;
    left: 0;
}

.catalogItemLabel_item {
    font-size: 13px;
    line-height: 18px;
    padding: 6px 15px;
    border-radius: 15px;
    font-weight: bold;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.label_new {
    background-color: #B89EFF;
    color: #fff;
}

.label_discount {
    background-color: #FF5D8A;
    color: #fff;
}

.label_discount-percent {
    background-color: #FF5D8A;
    color: #fff;
    padding: 6px;
    min-width: 30px;
    font-size: 16px;
    text-align: center;
}

.label_top {
    background-color: #FFC466;
    color: #fff;
}

    .label_top span:first-child {
        color: rgba(53,37,82,.6);
    }

.label_delivery-date {
    background-color: #66DBFF;
    color: #fff;
}

/*#endregion X.X.X labels */

/*#endregion X.X Catalog item */

/*#region X.X Catalog filter */

.catalogFilter--static {
    position: fixed;
    left: -320px;
    top: 0;
    width: 320px;
    background: #fff;
    z-index: 9999;
    min-height: 100%;
    transition: left cubic-bezier(.62,0,.46,1) .4s;
}

    .catalogFilter--static.active {
        left: 0;
    }

    .catalogFilter--static .catalogFilter_inner {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }

    .catalogFilter--static .catalogFilter_filterGroup {
        padding: 0 20px 0 37px;
    }

.catalogFilter_heading {
    display: flex;
    align-items: center;
    position: relative;
    padding: 25px 37px;
    font-size: 17px;
    line-height: 25px;
    text-transform: uppercase;
    background-color: #9BA3AC;
    color: #fff;
    font-weight: 500;
    margin: 0 0 45px;
}

    .catalogFilter_heading .icon-filter {
        font-size: 18px;
        margin: 0 10px 0 0;
    }

    .catalogFilter_heading .close-filter {
        position: absolute;
        right: 23px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 17px;
        line-height: 17px;
        width: 17px;
        height: 17px;
        cursor: pointer;
    }

        .catalogFilter_heading .close-filter::before {
            transition: transform ease .3s;
        }

        .catalogFilter_heading .close-filter:hover::before {
            transform: rotate(180deg);
        }

.catalogFilter_filterGroup {
    margin: 0 0 30px;
}

.filterGroup_title {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #404040;
    font-weight: 500;
    padding: 7px 0 7px 22px;
    position: relative;
    cursor: pointer;
}

    .filterGroup_title .icon-arrow-angle-s-t {
        font-size: 11.8px;
        width: 11.8px;
        height: 11.8px;
        line-height: 11.8px;
        position: absolute;
        left: 0;
        top: 15px;
        transform: translateY(-50%);
        color: #404040;
    }

        .filterGroup_title .icon-arrow-angle-s-t::before {
            transition: transform ease .3s;
            transform: rotate(180deg);
        }

    .filterGroup_title.collapsed .icon-arrow-angle-s-t::before {
        transform: rotate(90deg);
    }

.filterGroup_body {
    padding: 1px 0 4px 22px;
}

.filterGroup_filterItem {
    display: flex;
    margin: 0 0 4px;
    padding: 5px 0;
    cursor: pointer;
    position: relative;
}

    .filterGroup_filterItem.disabled {
        cursor: default;
        opacity: .5;
    }

    .filterGroup_filterItem::before {
        content: "";
        position: absolute;
        left: -20px;
        right: -20px;
        top: 50%;
        height: 100%;
        transform: translateY(-50%);
        border-radius: 15px;
        background-color: #fff;
        transition: background-color ease .3s;
    }

    .filterGroup_filterItem:last-child {
        margin: 0;
    }

    .filterGroup_filterItem input[type="checkbox"] {
        display: none;
    }

.filterItem_filterItemTitle {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

    .filterItem_filterItemTitle .icon-hryvna-400 {
        font-size: 9px;
        display: inline-block;
        vertical-align: baseline;
    }

.filterItemTitle_name {
    font-size: 15px;
    line-height: 20px;
    padding: 0 20px 0 0;
    color: #535659;
    transition: color ease .3s;
}

.filterItemTitle_quan {
    font: 14px/16px 'Roboto', Arial, sans-serif;
    background-color: rgba(235,239,242,.7);
    color: rgba(129,138,146,.6);
    padding: 2px 10px;
    border-radius: 11px;
    transition: color ease .3s, background-color ease .3s;
    ;
}

.filterItemTitle_clear {
    display: none;
}

.filterGroup_filterItem input[type="checkbox"]:checked ~ .filterItem_filterItemTitle .filterItemTitle_name {
    color: #00C3FF;
}

.filterGroup_filterItem:not(.disabled):hover::before {
    background-color: #f7f8f8;
}

.filterGroup_filterItem input[type="checkbox"]:checked ~ .filterItem_filterItemTitle .filterItemTitle_quan {
    display: none;
}

.filterGroup_filterItem input[type="checkbox"]:checked ~ .filterItem_filterItemTitle .filterItemTitle_clear {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: rgba(129,138,145,.6);
    transition: color ease .3s;
    color: #00C3FF;
}

.filterGroup_filterItem input[disabled] ~ .filterItem_filterItemTitle .filterItemTitle_name {
    color: #a1a7ad;
}

.filterGroup_filterRange {
    margin-bottom: 13px;
}

.filterRange_form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 13px 0 23px;
}

.filterRange_input {
    font-size: 14px;
    color: #666666;
    display: flex;
    align-items: center;
}

    .filterRange_input input {
        height: 31px;
        font-size: 14px;
        color: #9BA3AC;
        box-shadow: inset 0 -1px 0 0 rgba(129,138,145,.6);
        width: 70px;
        margin: 0 3px 0 4px;
    }

.filterGroup_filterRange.filterGroup__datepicker .filterRange_input input {
    width: 80px;
}

.filterRange_input input:focus {
    color: #404040;
}

.filterRange_controls .btn {
    width: 100%;
}

.filterRange_input .icon-hryvna-500 {
    font-size: 9px;
    width: 8px;
}

.filterItem_filterItemTitle .itemRating {
    align-self: center;
}

.filterItem_filterItemTitle .itemRating_value {
    display: none;
}

.filterGroup_expandMore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 12px;
    border-radius: 14px;
    box-shadow: inset 0 0 0 1.5px #ebeff2;
    color: #60666B;
    margin-top: 11px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background-color ease .2s;
}

    .filterGroup_expandMore:hover {
        background-color: #EBEFF2;
    }

.expandMore_text:not(.active) {
    display: none;
}

.filterGroup_expandMore [class^="icon-"] {
    color: #60666B;
    font-size: 9px;
    line-height: 1;
    margin-left: 9px;
    transition: transform ease .2s;
}

.filterGroup_expandMore.expanded [class^="icon-"] {
    transform: rotate(180deg);
}

.catalogFilter--static .catalogFilter_controls {
    padding: 0 20px 0 37px;
    margin: 0 0 30px;
}

    .catalogFilter--static .catalogFilter_controls .btn {
        width: 100%;
        margin: 0 0 16px;
    }

/*#endregion X.X Catalog filter */

/*#region X.X Catalog load more */

.catalogGrid_catalogloadMore {
    display: flex;
    justify-content: center;
}

.catalogloadMore_btn {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 16px 32px;
    display: inline-flex;
    align-items: center;
    border-radius: 28px;
    background-color: #F5F7F8;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 500;
    color: #818A91;
    transition: background-color ease .3s, color ease .3s;
}

    .catalogloadMore_btn:hover {
        color: #60666B;
        background-color: #EBEFF2;
    }

.catalogloadMore_icon {
    font-size: 18px;
    line-height: 1;
    margin: 0 12px 0 0;
}

/*#endregion X.X Catalog load more */

/*#region X.X Catalog pager */

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

    .catalogGrid_catalogPager .catalogPager__anchor,
    .catalogGrid_catalogPager .catalogPager__nav {
        text-decoration: none;
        width: 33px;
        height: 33px;
        line-height: 31px;
        text-align: center;
        border-radius: 50%;
        display: block;
        border: 1px solid #9BA3AC;
        transition: border ease .3s, background-color ease .3s, color ease .3s;
    }

.catalogPager__nav {
    font-size: 10px;
    margin: 0 5px;
    color: #9BA3AC;
}

    .catalogPager__nav.disabled {
        cursor: default;
        opacity: .3;
    }

    .catalogPager__nav:not(.disabled):hover {
        border: 1px solid #66DBFF;
        background-color: #66DBFF;
        color: #fff;
    }

.catalogGrid_catalogPager ul {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 0 6.5px;
}

.catalogPager_separator {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #66DBFF;
    position: relative;
    margin: 0 11.5px;
}

    .catalogPager_separator::before,
    .catalogPager_separator::after {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #66DBFF;
        top: 0;
    }

    .catalogPager_separator::before {
        left: -8px;
    }

    .catalogPager_separator::after {
        right: -8px;
    }

.catalogGrid_catalogPager li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalogPager__anchor {
    font-size: 14px;
    margin: 0 5px;
    color: #666666;
}

    .catalogPager__anchor.active {
        border: 1px solid #66DBFF;
        background: #66DBFF;
        color: #fff;
    }

    .catalogPager__anchor:not(.active):hover {
        border: 1px solid #66DBFF;
        background-color: #e7f9ff;
    }

/*#endregion X.X Catalog pager */

/*#region X.X Catalog Banner visa*/

.catalogItem__catalogTileVisa {
    border-radius: 30px;
    padding-bottom: 40px;
    background-color: #E70016;
}

.catalogTileVisa_img {
    width: 100%;
    position: relative;
    height: 0;
    padding: 50% 0;
    margin-bottom: 30px;
}

.catalogTileVisa_img-item {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px 30px 0 0;
}

.catalogTileVisa_text-img {
    padding: 0 10%;
    margin-bottom: 35px;
}

.catalogTileVisa_text-img-item {
    display: block;
    width: 100%;
}

.catalogTileVisa_controls {
    text-align: center;
}

/*#endregion X.X Catalog Banner visa*/

/*#region X.X Catalog Banner lego*/

.catalogItem__catalogLego {
    color: inherit;
    text-decoration: none;
    border-radius: 30px;
    overflow: hidden;
    background: radial-gradient(374px 541px at center 189px, #fff19a 0%, #feed32 15%, #fdc600 40%);
}

.catalogItem__catalogLego {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    align-items: center;
}

.catalogItem__catalogLego-bottom {
    padding: 0 0 50px;
}

.catalogItem__catalogLego-top-img,
.catalogItem__catalogLego-bottom-img {
    display: block;
    max-width: 100%;
}

/*#endregion X.X Catalog Banner lego*/

/*#region X.X Catalog Banner birthday magic*/

.catalogItem__catalogTileMagic {
    padding-bottom: 40px;
    border-radius: 30px;
}

.catalogItem__catalogTileMagic__boy {
    background-color: #33D0FF;
}

.catalogItem__catalogTileMagic__girl {
    background-color: #F43E72;
}

.catalogTileMagic_img {
    width: 100%;
    position: relative;
    height: 0;
    padding: 50% 0;
    margin-bottom: 25px;
}

.catalogTileMagic_img-item {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px 30px 0 0;
}

.catalogTileMagic_text-img {
    padding: 0 11%;
    margin-bottom: 15px;
}

.catalogTileMagic_text-img-item {
    display: block;
    width: 100%;
}

.catalogTileMagic_controls {
    text-align: center;
}

/*#endregion X.X Catalog Banner birthday magic*/

/*#region X.X Catalog Banner */

.catalogItem__catalogTileDiscount {
    display: block;
    text-decoration: none;
    border-radius: 13px;
    color: #fff;
}

.catalogTileDiscount_title {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    padding: 10px 10px 9px;
    text-transform: uppercase;
}

.catalogTileDiscount__dailyDiscount .catalogTileDiscount_title {
    font-size: 28px;
    line-height: 33px;
    padding: 14px 10px 15px;
}

.catalogTileDiscount__dailyDiscount .catalogTileDiscount_img {
    padding: 0 10px;
}

.catalogTileDiscount_img-item {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.catalogTileDiscount__dailyDiscount .catalogTileDiscount_img-item {
    height: auto;
    object-fit: unset;
}

.catalogTileDiscount_footer {
    padding: 12px 0 19px;
}

.catalogTileDiscount__dailyDiscount .catalogTileDiscount_footer {
    padding: 13px 0 24px;
}

.catalogTileDiscount_producerLogo {
    width: 150px;
    height: 62px;
    margin: 0 auto 5px;
}

.catalogTileDiscount_producerLogo-item {
    object-fit: contain;
    object-position: center;
    height: 100%;
    width: 100%;
}

.catalogTileDiscount_duration {
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    color: rgba(0,0,0,.6);
}

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

.catalogTileDiscount_price {
    display: inline-grid;
    text-align: left;
    margin: 0 0 17px;
}

.catalogTileDiscount_price-item__delta {
    font-weight: 500;
    line-height: 22px;
    height: 22px;
    color: #FFDD00;
}

    .catalogTileDiscount_price-item__delta .catalogTileDiscount_price-pre {
        text-transform: uppercase;
        font-size: 12px;
    }

    .catalogTileDiscount_price-item__delta .catalogTileDiscount_price-value {
        font-weight: 700;
        font-size: 18px;
    }

        .catalogTileDiscount_price-item__delta .catalogTileDiscount_price-value sup::before {
            font-size: 8px;
        }

.catalogTileDiscount_price-item__current {
    line-height: 30px;
    height: 30px;
    font-weight: bold;
}

.catalogTileDiscount_price-item__old {
    line-height: 20px;
    height: 20px;
}

    .catalogTileDiscount_price-item__old .catalogTileDiscount_price-value {
        text-decoration: line-through;
        color: #000;
        opacity: .3;
    }

        .catalogTileDiscount_price-item__old .catalogTileDiscount_price-value sup::before {
            text-decoration: none;
        }

.catalogTileDiscount_controls {
    text-align: center;
}

.catalogTileDiscount_buy-now {
    display: inline-grid;
    grid-template-columns: 50px 70px;
    align-items: center;
    background-color: #FFC466;
    text-decoration: none;
    color: rgba(0,0,0,.6);
    text-align: center;
    padding: 5px 15px;
    border-radius: 18px;
    transition: background-color .3s ease;
}

    .catalogTileDiscount_buy-now:hover {
        background-color: #FFDD00;
    }

    .catalogTileDiscount_buy-now:active {
        background-color: #FFB134;
    }

    .catalogTileDiscount_buy-now .icon-cart-attention {
        font-size: 23px;
        line-height: 1;
    }

    .catalogTileDiscount_buy-now span {
        font-size: 11px;
        line-height: 13px;
        text-transform: uppercase;
    }

/*#region colors */

.catalogTileDiscount__yellow {
    background-color: #FFDD00;
}

.catalogTileDiscount__orange {
    background-color: #FAA41B;
}

.catalogTileDiscount__deep-orange {
    background-color: #FF6600;
}

.catalogTileDiscount__brown {
    background-color: #7C4848;
}

.catalogTileDiscount__grey {
    background-color: #9BA3AC;
}

.catalogTileDiscount__pink {
    background-color: #FFA3BD;
}

.catalogTileDiscount__aqua {
    background-color: #66DBFF;
}

.catalogTileDiscount__light-blue {
    background-color: #33D0FF;
}

.catalogTileDiscount__turquoise {
    background-color: #7ED4D3;
}

.catalogTileDiscount__violet {
    background-color: #9D7EED;
}

.catalogTileDiscount__green {
    background-color: #97CF00;
}

.catalogTileDiscount__light-green {
    background-color: #C0E266;
}

.catalogTileDiscount__red {
    background-color: #F43E72;
}

.catalogTileDiscount__yellow .catalogTileDiscount_price-item__delta,
.catalogTileDiscount__orange .catalogTileDiscount_price-item__delta,
.catalogTileDiscount__light-green .catalogTileDiscount_price-item__delta {
    color: #F43E72;
}

.catalogTileDiscount__brown .catalogTileDiscount_price-item__old .catalogTileDiscount_price-value {
    color: #fff;
}

.catalogTileDiscount__brown .catalogTileDiscount_duration {
    color: rgba(255,255,255,.6);
}

/*#endregion colors */

/*#endregion X.X Catalog Banner */

/*#endregion X. Catalog -------------------------------------------*/

/*#region X.X CEO block -------------------------------------------*/

.ceoText {
    color: #666666;
    background-color: #FAFAFA;
}

    .ceoText p:last-child {
        margin: 0;
    }

.ceoText_more {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #00C3FF;
    text-decoration: none;
}

    .ceoText_more:hover {
        text-decoration: underline;
        text-decoration-style: dotted;
    }

/*#endregion X.X CEO block ----------------------------------------*/

/*#region X. footer -----------------------------------------------*/

.footer {
    background-color: #EBEFF2;
    color: #A6ADB4;
    border-top: 2px solid #ABB2B7;
}

.footer__footer-main-top {
    padding: 30px 0;
    border-bottom: 1px solid #DEE1E4;
}

.footer__logo {
    display: block;
    width: 116px;
    margin: 0 auto 28px;
}

.footer__logo-img {
    display: block;
    width: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .4;
    transition: opacity ease .3s, filter ease .3s, -webkit-filter ease .3s;
}

    .footer__logo-img:hover {
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        opacity: 1;
    }

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

.footer__social-item {
    font-size: 32px;
    line-height: 1;
    color: #9BA3AC;
    margin: 0 5px;
    transition: color ease .3s;
}

.footer__social-item--facebook:hover {
    color: #3B8BDB;
}

.footer__social-item--instagram:hover {
    color: #FFC466;
}

.footer__social-item--viber:hover {
    color: #9D7EED;
}

.footer__social-item--youtube:hover {
    color: #FF0000;
}


.footer__footer-main-bottom {
    padding: 30px 0 0;
}

.footer-main-bottom__container {
    max-width: 1920px;
}

.footer__rating {
    margin: 0 0 30px;
}

.footer__rating-item-img {
    display: block;
    width: 160px;
}

.footer__footer-nav {
    column-count: 2;
    column-gap: 20px;
    break-inside: avoid;
}

.footer__footer-group {
    font-size: 13px;
    line-height: 15px;
    display: inline-block;
    padding: 0 0 26px;
    min-width: 100%;
}

.footer__footer-group-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer__footer-group-list-item {
    margin: 0 0 10px;
}

.footer__footer-group-link {
    color: #9BA3AC;
    text-decoration: underline transparent;
    transition: color ease .3s, text-decoration ease .3s;
}

.footer__footer-group-link--disabled {
    opacity: .4;
    cursor: default;
}

.footer__footer-group-link:not(.footer__footer-group-link--disabled):hover {
    color: #66DBFF;
    text-decoration: underline #66DBFF;
}

.footer__footer-group-title {
    font-weight: bold;
    margin: 0 0 10px;
}

.footer__copyright {
    border-top: 1px solid rgba(170,170,170,.2);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 57px;
    font-size: 11px;
}

.footer__payment {
    display: flex;
    align-items: center;
    margin-right: 19px;
}

.footer__payment-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    min-height: 24px;
    border-right: 1px solid #707070;
    padding: 0 15px;
}

    .footer__payment-item:last-child {
        border: none;
    }

    .footer__payment-item [alt="visa"] {
        display: block;
        width: 30px;
    }

    .footer__payment-item [alt="mastercard"] {
        display: block;
        width: 95px;
    }


/*#endregion X. footer --------------------------------------------*/

/*#region X. Page summary -----------------------------------------*/

.pageSummary {
    display: flex;
    flex-shrink: 0;
}

.pageSummary_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

    .pageSummary_item:first-child {
        padding-left: 0;
    }

    .pageSummary_item:last-child {
        padding-right: 0;
    }

    .pageSummary_item:not(:last-child) {
        border-right: 1px solid #000;
    }

    .pageSummary_item span:first-of-type {
        color: rgba(69,73,77,.6);
        white-space: nowrap;
    }

    .pageSummary_item span:last-of-type {
        color: #fff;
        white-space: nowrap;
    }

    .pageSummary_item .itemRating_value {
        font-family: inherit;
    }

/*#endregion X. Page summary --------------------------------------*/

/*#region X. Carousel ---------------------------------------------*/

.itemCarousel_wrap,
.itemCarousel_wrap__alt {
    border-top: 1px solid rgba(129,138,145,.6);
}

.itemCarousel_inner h2 {
    max-width: 1488px;
    margin: 0 auto;
    font-weight: 400;
    text-transform: uppercase;
}

.itemCarousel_wrap__alt .itemCarousel_inner h2 {
    max-width: 1561px;
}

.itemCarousel_wrap__narrow .itemCarousel_inner h2 {
    margin: 0 auto;
    text-transform: none;
    font-weight: 400;
}

.itemCarousel .slick-arrow {
    position: absolute;
    visibility: hidden;
}

.itemCarousel .itemPrice {
    flex-wrap: wrap;
}

.itemCarousel_slide .itemLabel {
    position: absolute;
    left: 0;
    top: 0;
}

.itemCarousel_slide a {
    outline: none;
}

.itemCarousel_slide .catalogItem_catalogItemTop {
    position: relative;
    outline: none;
}

.itemCarousel_controls .btn {
    width: 100%;
    max-width: 230px;
}

/*#endregion X. Carousel ------------------------------------------*/

/*#region X. Index ------------------------------------------------*/

/*#region X.X Main slider */

.mainSlider {
    margin: 93px 0 30px 0;
}

.mainSlider_item_wrap {
    display: block;
    width: 100%;
    height: 49.202vw;
}
.pageAdditional__aboutImg .mainSlider_item_wrap {
    height: auto;
}

.mainSlider.slick-not-init .mainSlider_item:not(:first-child),
.mainSlider.slick-not-init .slick-slide:not(.slick-current) {
    display: none;
}

.mainSlider:not(.slick-not-init) .mainSlider_item {
    position: relative;
    display: block !important;
}

.mainSlider_item_img {
    display: block;
    width: 100%;
    height: auto;
}

.mainSlider_item_controls {
    text-align: center;
    position: absolute;
    z-index: 5;
    left: 0;
    width: 100%;
}

.mainSlider .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}

    .mainSlider .slick-dots li {
        font-size: 0;
        padding: 0;
        list-style: none;
    }

    .mainSlider .slick-dots button {
        font-size: 0;
        display: block;
        padding: 0;
        cursor: pointer;
        border: none;
        border-radius: 50%;
        outline: none;
        background: #fff;
        opacity: .35;
    }

    .mainSlider .slick-dots li.slick-active button {
        opacity: 1;
    }

.mainSlider_war {
    position: absolute;
    left: 0;
    top: 43.47%;
    text-align: center;
    width: 100%;
    padding: 0 30px;
}

.mainSlider_war-title {
    font-weight: 900;
    color: #ffffff;
    font-size: calc(25px + (38 - 25) * ((100vw - 360px) / (535 - 360)));
    line-height: 1;
    margin: 0 0 .8em;
}

.mainSlider_war-text {
    font-weight: 900;
    font-size: calc(16px + (24 - 16) * ((100vw - 360px) / (535 - 360)));
    line-height: 1;
    color: #000000;
}

/*#endregion X.X Main slider */

/*#region X.X Catalog Group Badges */

.badges-container {
    margin: 0 0 24px;
}

.badges-hr {
    margin: 8px 0;
    border: none;
    border-top: 1px solid #EBEFF2;
}

.groups-badges {
    margin: 0 0 8px;
}

.groups-badges__item {
    display: flex;
    align-items: center;
    border-radius: 16px;
    color: #45494D;
    text-decoration: none;
    margin: 0 8px 0 0;
    background-color: #F5F6F7;
    transition: background-color ease .3s;
    position: relative;
}

.groups-badges--alt .groups-badges__item {
    background-color: transparent;
}

.groups-badges__item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    z-index: 5;
    box-shadow: inset 0 0 0 1px #F5F6F7;
    transition: box-shadow ease .3s;
}

.groups-badges--alt .groups-badges__item {
    border-radius: 20px;
}

    .groups-badges--alt .groups-badges__item::after {
        border-radius: 20px;
        box-shadow: inset 0 0 0 1px #EBEFF2;
    }

.groups-badges__img-wrap {
    flex: 0 0 auto;
}

.groups-badges__img {
    display: block;
    width: 62px;
    min-height: 62px;
    align-self: stretch;
    object-fit: cover;
    border-radius: 16px 0 0 16px;
}

.groups-badges__item-title {
    white-space: nowrap;
    padding: 8px 12px 8px 8px;
    font-weight: 500;
    opacity: .8;
    font-size: 14px;
    line-height: 16px;
}

.groups-badges--alt .groups-badges__item-title {
    padding: 12px 16px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    opacity: 1;
}

.groups-badges__item:not(.groups-badges__item--active):hover {
    background-color: #EBEDEE;
}

.groups-badges--alt .groups-badges__item:not(.groups-badges__item--active):hover {
    background-color: #F2F3F4;
}

.groups-badges--alt .groups-badges__item--active:hover {
    background-color: #B2EDFF;
}

.groups-badges__item:not(.groups-badges__item--active):hover::after {
    box-shadow: inset 0 0 0 1px #EBEDEE;
}

.groups-badges--alt .groups-badges__item:not(.groups-badges__item--active):hover::after {
    box-shadow: inset 0 0 0 1px #F2F3F4;
}

.groups-badges__item--active {
    background-color: #D1F4FF;
}

    .groups-badges__item--active::after {
        box-shadow: inset 0 0 0 1px #D1F4FF;
    }

.groups-badges--alt .groups-badges__item--active {
    background-color: #D1F4FF;
}

    .groups-badges--alt .groups-badges__item--active::after {
        box-shadow: inset 0 0 0 1px #D1F4FF;
    }

/*#endregion X.X Catalog Group Badges */

/*#region X.X Catalog Grid Index */

.catalogGridIndex {
    margin: 0 0 72px;
}

    .catalogGridIndex:last-child {
        margin: 0 0 130px;
    }

.catalogGridIndex__title {
    font-weight: 500;
    color: #492093;
    margin: 0 0 40px;
}

/*#endregion X.X Catalog Grid Index */

/*#endregion X. Index ------------------------------------------------*/

/*#region X. Cart -------------------------------------------------*/

/*#region X.X Cart top */

.cartPageTop {
    background-color: #C0E266;
    color: #fff;
    margin: 0 0 30px;
}

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

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

    .cartPageCommon_l h1 {
        font-weight: 400;
        line-height: 1;
        margin: 0;
    }

.cartPageTop_cartPageCommon .pageSummary_item:not(:last-child) {
    border-right: 1px solid #fff;
}

.cartPageTop_cartPageCommon .pageSummary_item span:last-of-type {
    line-height: 20px;
}

.cartPageTop_cartPageCommon .itemTotalCount span:last-child {
    position: relative;
}

.cartPageTop_cartPageCommon .itemTotalCount .icon-hryvna-400 {
    position: absolute;
    right: 0;
    top: -3px;
}

/*#endregion X.X Cart top */

/*#region X.X Cart middle */

.cartPageMiddle h2 {
    font-weight: 400;
    color: #666666;
    transition: color ease .3s;
    line-height: 1;
}

.cartList {
    margin: 0 0 80px;
}

.cartList_item {
    display: grid;
}

.cartList_item_img {
    grid-area: pic;
}

    .cartList_item_img img {
        display: block;
        width: 100%;
        border-radius: 20px;
    }

.cartList_item_name {
    grid-area: name;
    display: grid;
    gap: 13px;
}

.cartList_item_name-title {
    color: #4C4C4C;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    transition: color ease .3s;
}

    .cartList_item_name-title:hover {
        color: #52D3FA;
    }

.cartList_item_name-additional {
    font-size: 14px;
    line-height: 16px;
    color: #9BA3AC;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

    .cartList_item_name-additional:hover {
        color: #52D3FA;
    }

.cartList_item_name-additional-icon {
    font-size: 18px;
    line-height: 1;
    margin: 0 4px 0 0;
}

.cartList_item_info {
    grid-area: info;
    display: flex;
    align-items: center;
}

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

.cartList_item_info .quanCounter {
    border-right: 1px dotted #9BA3AC;
}

.quanCounter [class^="icon-"] {
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #9BA3AC;
    color: #9BA3AC;
    transition: background-color ease .3s, box-shadow ease .3s;
    cursor: pointer;
    flex-shrink: 0;
    text-align: center;
}

    .quanCounter [class^="icon-"]:hover {
        background-color: #E6E8EA;
        box-shadow: none;
    }

.quanCounter_val {
    width: 30px;
    margin: 0 5px;
    text-align: center;
}

.cartList_item_total {
    margin: 0 30px 0 0;
    white-space: nowrap;
}

    .cartList_item_total sup {
        font-size: 40%;
        position: relative;
        top: -0.9em;
    }

.cartList_item_remove {
    border-radius: 50%;
    cursor: pointer;
    transition: background-color ease .3s, color ease .3s, box-shadow ease .3s;
    text-align: center;
    color: #8F9194;
    box-shadow: inset 0 0 0 1px #8F9194;
}

    .cartList_item_remove:hover {
        background-color: #FFA3BD;
        color: rgba(0,0,0,.6);
        box-shadow: none;
    }

.item-additional {
    grid-area: additional;
    border-top: 1px solid #EBEFF2;
}

/*#region X.X.X squared radio */

.squared_radio_item {
    cursor: pointer;
    margin: 0 0 10px;
    min-height: 80px;
    display: flex;
    align-items: center;
    padding: 15px 25px;
    border-radius: 15px;
    border: 2px solid #EBEFF2;
    background-color: #fff;
    position: relative;
}

.squared_radio_item__required {
    border: 2px solid #F43E72;
}

.squared_radio_toggler {
    margin: 0 0 0 auto;
}

    .squared_radio_toggler::before {
        content: "\e828";
        font: 18px/32px 'Fontello';
        width: 32px;
        height: 32px;
        border: 2px solid #EBEFF2;
        border-radius: 50%;
        text-align: center;
        display: block;
        z-index: 5;
        color: transparent;
        position: relative;
    }

.squared_radio_item:hover .squared_radio_toggler::before {
    border: 2px solid #33D0FF;
    color: #33D0FF;
}

.squared_radio_item input {
    display: none;
}

    .squared_radio_item input:checked ~ .squared_radio_toggler::before {
        background-color: #33D0FF;
        color: #fff;
        border: 2px solid #fff;
    }

    .squared_radio_item input:checked ~ .squared_radio_toggler::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #EBEFF2;
        border-radius: 13px;
        z-index: 4;
    }

.squared_radio_img {
    position: relative;
    z-index: 5;
    margin: 0 10px 0 0;
}

    .squared_radio_img img {
        display: block;
        height: 40px;
    }

        .squared_radio_img img[alt="privat"] {
            width: 102px;
        }

        .squared_radio_img img[alt="liqpay"] {
            width: 110px;
        }

        .squared_radio_img img[alt="gpay"] {
            width: 80px;
        }

        .squared_radio_img img[alt="applepay"] {
            width: 75px;
        }

        .squared_radio_img img[alt="payment_pod"] {
            width: 39px;
        }

        .squared_radio_img img[alt="payment_bill"] {
            width: 32px;
        }

        .squared_radio_img img[alt="payment_bankcard"] {
            width: 41px;
        }

.squared_radio_text {
    position: relative;
    z-index: 5;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    margin: 0 20px 0 0;
}

    .squared_radio_text i {
        display: block;
        font-size: 12px;
        line-height: 13px;
        font-weight: normal;
        color: #8F9194;
        text-transform: none;
        font-style: normal;
    }

/*#endregion X.X.X squared radio */

/*#region X.X.X Cart middle form*/

/*#region X.X.X Payment delivery*/

.pd-points {
    padding: 0 0 30px;
    border-bottom: 3px dotted #9BA3AC;
}

.userData .pd-points .pd-points__formRow {
    margin: 0;
}

.userData__pd-points {
    margin: 0 0 30px;
}

.paymentDelivery {
    padding: 28px 0 40px;
    background-color: #FAFAFA;
}

.pd_section {
    margin-bottom: 40px;
}

    .pd_section:last-child {
        margin: 0;
    }

    .pd_section h3 {
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 20px;
        color: #666;
    }

.userData {
    margin: 0 0 40px;
}

    .userData .formRow {
        margin: 0 0 20px;
    }

.pd_recipient_options .fakeCheckRadio {
    margin: 0;
}

.pd_recipient_options .fakeCheckRadio_text {
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px;
    color: #60666B;
}

.basket_recipient {
    flex-direction: column;
}

/*#region X.X.X.X pd del type */

.fake_textarea {
    padding-left: 23px;
    position: relative;
}

    .fake_textarea [class^="icon-"] {
        position: absolute;
        left: -3px;
        top: 7px;
        font-size: 21px;
        height: 21px;
        color: rgba(129,138,145,.6);
        text-align: center;
    }

    .fake_textarea .fake_textarea_field {
        font-size: 16px;
        line-height: 21px;
        color: #60666B;
        padding: 7px 0;
        border-bottom: 1px dotted #95989A;
    }

.fake_textarea_field.disabled {
    color: rgba(129,138,145,.6);
}

.formRow__adrHouse {
    width: 100px;
    margin-right: 20px;
}

.formRow__adrApartment {
    width: 150px;
}

.fake_textarea_field span {
    margin: 0 15px 0 0;
}

.fake_textarea_field a {
    color: #33D0FF;
}

.selfDate_date {
    webkit-appearance: none;
}

    .selfDate_date::-webkit-inner-spin-button,
    .selfDate_date::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none;
    }

.customTabs_content {
    display: none;
}

.formRow_delPoint {
    max-width: 410px;
}

/*#endregion X.X.X.X pd del type */

.pd_payment_border {
    margin: 20px 0 30px;
    border: none;
    border-top: 2px dashed rgba(155,163,172,.25);
}

/*#endregion X.X.X Cart middle form*/

/*#region X.X.X info notification */

.info-notification {
    border-radius: 15px;
    position: relative;
    border: 1px solid #52D3FA;
    padding: 20px 20px 16px;
}

    .info-notification *:last-child {
        margin-bottom: 0;
    }

    .info-notification .icon-info-large {
        width: 30px;
        height: 30px;
        position: absolute;
        left: -15px;
        top: -15px;
        border-radius: 50%;
        color: #52D3FA;
        background-color: #fff;
        line-height: 30px;
        text-align: center;
        font-size: 30px;
    }

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

/*#endregion X.X.X info notification */

.icon-spin::before {
    animation: spin 2s infinite ease-in-out;
    transform: rotate(0)
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(-360deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

/*#endregion X.X Cart middle */

/*#region X.X cart footer */

.cart_footer {
    padding: 24px 0 100px;
}

    .cart_footer h3 {
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 16px;
        color: #666;
    }

    .cart_footer textarea {
        width: 100%;
        display: block;
    }

/*#endregion X.X cart footer */

/*#region X.X cart summary*/

.cart-summary {
    position: fixed;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(219,239,168,1);
}

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

.cart-summary__title {
    color: #60666B;
    position: relative;
    padding: 0 22px 0 0;
    margin: 0;
}

.cart-summary__total {
    display: none;
    font-size: 27px;
    line-height: 32px;
    font-weight: 500;
}

    .cart-summary__total sup {
        font-size: 44%;
        position: relative;
        top: -.75em;
    }

.cart-summary__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cart-summary__list-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cart-summary__list-attr {
    color: #8F9294;
    font-size: 15px;
    line-height: 17px;
}

.cart-summary__list-val {
    white-space: nowrap;
    font-size: 19px;
    line-height: 1;
    font-weight: 500;
}

    .cart-summary__list-val sup {
        font-size: 47%;
        position: relative;
        top: -.65em;
    }

.cart-summary__list-item_total .cart-summary__list-val {
    font-size: 27px;
    line-height: 33px;
}

    .cart-summary__list-item_total .cart-summary__list-val sup {
        font-size: 44%;
        position: relative;
        top: -.75em;
    }

.cart-summary__footer {
    display: flex;
}

.cart-summary__note {
    font-size: 12px;
    line-height: 14px;
    color: #8F9294;
    padding: 15px 0 0;
    margin: 19px 0 0;
    border-top: 2px dotted #E8E7E7;
}

/*#endregion X.X cart summary*/

/*#endregion X. Cart ----------------------------------------------*/

/*#region X. itemCard ---------------------------------------------*/

/*#region X.X itemCard crumbs */

.itemCardCrumbs {
    margin: 0 0 32px;
}

/*#endregion X.X itemCard crumbs */

/*#region X.X itemCard top */

.itemCardTop {
    display: block;
    width: 100%;
    height: 93px;
    background-color: #66DBFF;
}

.clipboardMessage {
    display: none;
    position: absolute;
    white-space: nowrap;
    top: calc(100% + 9px);
    font-size: 12px;
    line-height: 14px;
    padding: 6px 15px;
    border-radius: 13px;
    background: #fffa65;
    color: rgba(0,0,0,.9);
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 6px rgba(0,0,0,.3);
}

    .clipboardMessage::before {
        content: "";
        width: 0;
        height: 0;
        border: 4px solid transparent;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-bottom-color: #DBEFA8;
    }

.itemPopCount span:last-child {
    font-weight: 500;
    text-transform: uppercase;
}

.itemCardCommon_r {
    display: flex;
}

    .itemCardCommon_r [class^="icon-"] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        background-color: rgba(235,239,242,.5);
        font-size: 22px;
        margin: 0 20px 0 0;
        cursor: pointer;
        transition: background-color ease .3s, color ease .3s;
        color: #fff;
        text-decoration: none;
    }

        .itemCardCommon_r [class^="icon-"]:hover {
            background-color: rgba(235,239,242,.8);
            color: #66DBFF;
        }

        .itemCardCommon_r [class^="icon-"]:last-child {
            margin: 0;
        }

    .itemCardCommon_r .itemCardCommon_fav:hover {
        color: #FF5D8A;
    }

    .itemCardCommon_r .itemCardCommon_fav.active::before {
        content: '\e834';
    }

    .itemCardCommon_r .itemCardCommon_fav.active {
        color: #FF5D8A;
    }

        .itemCardCommon_r .itemCardCommon_fav.active:hover {
            color: #F74D7D;
        }

/*#endregion X.X itemCard top */

/*#region X.X itemCard middle */

.itemCardMiddle_wrap {
    max-width: 1490px;
    margin: 0 auto 50px;
}

/*#region X.X.X itemCard photo */

.itemCardPhoto_top .catalogItem_fav {
    right: 12px;
    top: 12px;
}

.itemCardPhoto_top {
    position: relative;
    margin-bottom: 8px;
}

    .itemCardPhoto_top .itemLabel {
        position: absolute;
        z-index: 10;
    }

    .itemCardPhoto_top .itemCardPhoto_sliderControls {
        position: absolute;
        z-index: 10;
    }

.itemMainPhoto_item {
    overflow: hidden;
    outline: none;
    position: relative;
    padding: 50% 0;
    width: 100%;
    display: block !important;
}

.itemMainPhoto.slick-not-init .itemMainPhoto_item:not(:first-child) {
    display: none !important;
}

.itemMainPhoto .slick-slide {
    position: relative;
}

.itemMainPhoto_item__video {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    padding-bottom: 56.25%;
    border-radius: 25px;
    overflow: hidden;
}

    .itemMainPhoto_item__video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.itemMainPhoto_item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.itemMainPhoto .slick-arrow {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(0,0,0,.07);
    text-align: center;
    transition: opacity ease .3s, background-color ease .3s;
    color: #fff;
    padding: 0;
}

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

    .itemCardPhoto_sliderControls .sliderControls_item {
        border-radius: 7px;
        border: none;
        outline: none;
        background-color: rgba(51,51,51,.7);
        color: #fff;
        text-align: center;
        padding: 0;
        cursor: pointer;
        transition: background-color ease .3s;
        margin: 0 0 7px;
    }

        .itemCardPhoto_sliderControls .sliderControls_item:hover {
            background-color: #66DBFF;
        }

.itemMainPhoto .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}

    .itemMainPhoto .slick-dots li {
        font-size: 0;
        margin: 0 3.5px;
        padding: 0;
        list-style: none;
    }

    .itemMainPhoto .slick-dots button {
        font-size: 0;
        display: block;
        width: 8px;
        height: 8px;
        padding: 0;
        cursor: pointer;
        border: none;
        border-radius: 50%;
        outline: none;
        background: #EBEFF2;
        opacity: .5;
    }

    .itemMainPhoto .slick-dots li.slick-active button {
        width: 14px;
        height: 14px;
        background: #EBEFF2;
        opacity: 1;
    }


.itemCardPhoto_bottom {
    position: relative;
}

.itemThumbPhoto_item {
    padding-right: 1px;
    cursor: pointer;
    display: block !important;
    width: 55px;
}

.itemThumbPhoto.slick-not-init .itemThumbPhoto_item:not(:first-child) {
    display: none !important;
}

.slick-current .itemThumbPhoto_item {
    cursor: default;
}

.itemThumbPhoto_item .itemThumbPhoto_item_content {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    padding: 50% 0;
    width: 55px;
}

    .itemThumbPhoto_item .itemThumbPhoto_item_content::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 15px;
        transition: box-shadow ease .3s;
        z-index: 5;
    }

.slick-current .itemThumbPhoto_item_content::before {
    box-shadow: inset 0 0 0 3px #33CFFF;
}

.itemThumbPhoto_item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slick-slide img[data-lazy] {
    display: none;
}

.itemCardPhoto_showMore {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 15px;
    box-shadow: inset 0 0 0 1px #F5F5F5;
    padding: 0;
    outline: none;
    background-color: #fff;
    font-size: 16px;
    line-height: 18px;
    color: rgba(129,138,145,.6);
    cursor: pointer;
    border: none;
    transition: box-shadow ease .3s;
    width: 55px;
    height: 55px;
}

    .itemCardPhoto_showMore:hover {
        box-shadow: inset 0 0 0 3px #33CFFF;
        color: #33CFFF;
    }

/*#endregion X.X.X itemCard photo */

/*#region X.X.X Buy info payment */

.buyInfo_payment {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 0 7px;
}

.buyInfo_price__old {
    color: #B3B9BD;
    text-decoration: line-through;
}

.buyInfo_price__current {
    display: flex;
    align-items: flex-start;
    color: #666666;
}

    .buyInfo_price__current span {
        white-space: nowrap;
    }

.buyInfo_price.buyInfo_price__discount .buyInfo_price__current {
    color: #F74D7D;
}

.buyInfo_buyInfo-economy {
    border-radius: 8px;
    background-color: #FAFAFA;
    margin-left: 14px;
}

.buyInfo-economy_pre {
    color: #B1B7BB;
    text-transform: uppercase;
}

.buyInfo-economy_body {
    display: flex;
    align-items: flex-start;
    color: #FFC466;
}

.buyInfo_pay-method {
    background-color: #FAFAFA;
    padding: 20px 18px 14px 18px;
    border-radius: 20px;
    margin: 0 0 4px;
}

.pay-method_inner {
    display: flex;
    align-items: center;
}

.pay-method_pre {
    text-transform: uppercase;
    color: #9BA3AC;
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 10px;
}

.pay-method_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pay-method_item {
    display: flex;
    align-items: center;
    border-left: 1px solid #CDCDCD;
    padding: 0 4px;
}

    .pay-method_item:first-child {
        padding-left: 0;
        border-left: none;
    }

    .pay-method_item span {
        color: #9BA3AC;
    }

    .pay-method_item img {
        opacity: .7;
        height: 12px;
    }

.pay-method_item__cashless {
    display: flex;
    align-items: center;
    color: #9BA3AC;
    flex-shrink: 0;
    padding: 0;
    height: 24px;
    margin: 0 0 0 8px;
}

    .pay-method_item__cashless img {
        opacity: 1;
        width: 19px;
    }

    .pay-method_item__cashless span {
        margin: 0 0 0 8px;
        font-size: 14px;
        line-height: 17px;
    }

/*#endregion X.X.X Buy info payment */

/*#region X.X.X Buy info availability */

.buyInfo_availability {
    padding: 0 0 21px;
    margin: 0 0 30px;
    border-bottom: 1px dashed #C5C5C5;
}

/*#endregion X.X.X Buy info availability */

/*#region X.X.X Buy info settings */

.select-color_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    margin: 0 0 0 9px;
}

.f-select__select-color .f-select_placeholder {
    display: flex;
    align-items: center;
}

.select-color_icon__green {
    background-color: #C0E266;
}

.select-color_icon__red {
    background-color: #FF8181;
}

.select-color_icon__yellow {
    background-color: #FFDD00;
}

.item-settings-elem {
    display: flex;
    align-items: center;
}

.item-settings-elem_pre {
    font-size: 16px;
    color: #60666B;
    margin: 0 6px 0 0;
    flex-shrink: 0;
}

.item-settings-elem .f-select_head {
    width: 100%;
}

.item-settings-elem .f-select_head {
    padding: 8px 0;
    border-radius: 19px;
}

/*#endregion X.X.X Buy info settings */

/*#region X.X.X Buy info additional */

.buyInfo__item-additional {
    padding: 23px 0;
}

/*#endregion X.X.X Buy info additional */

/*#region X.X.X Buy info controls */

.buyInfo_controls {
    display: flex;
    margin: 0 0 30px;
}

/*#endregion X.X.X Buy info controls */

/*#region X.X.X delivery info item */

.delivery-info {
    max-width: 1490px;
    margin: 0 auto;
    background-color: #FAFAFA;
    border-radius: 20px;
}

.delivery-info_body {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    border-bottom: 1px solid #D6D9DD;
}

.delivery-info_body_inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.delivery-info_title {
    text-transform: uppercase;
    line-height: 15px;
    margin-bottom: 15px;
    color: #9BA3AC;
    flex-shrink: 0;
    width: 100%;
}

.delivery-info_img {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 47px;
    height: 47px;
    margin: 0 30px 0 0;
}

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

.delivery-info_date {
    position: relative;
    padding-left: 32px;
    line-height: 18px;
    padding-top: 2px;
    color: #60666B;
    font-weight: 500;
}

    .delivery-info_date .icon-clock-2 {
        position: absolute;
        font-size: 22px;
        line-height: 1;
        left: 0;
        top: 0;
        color: #9BA3AC;
    }

.delivery-info_price {
    padding-left: 32px;
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    color: #60666B;
}

    .delivery-info_price span {
        font-size: 16px;
        line-height: 20px;
    }

    .delivery-info_price [class^="icon-"] {
        font-size: 9px;
        margin: 0 0 0 2px;
    }

.delivery-info_price__free {
    color: #97CF00;
}

.delivery-info-note {
    flex-shrink: 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
}

    .delivery-info-note .icon-info-small {
        font-size: 18px;
        color: #B1B7BB;
        margin: 0 13px 0 3px;
    }

.delivery-info_note-text {
    color: #9BA3AC;
    padding-top: 3px;
}

    .delivery-info_note-text p {
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 5px;
    }

.itemCardMiddle_buyInfo .delivery-info {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 30px;
    margin: 30px 0;
}

.itemCardMiddle_buyInfo .delivery-info_item {
    width: 100%;
    margin: 0 0 30px;
}

    .itemCardMiddle_buyInfo .delivery-info_item:last-child {
        margin: 0;
    }

.itemCardMiddle_buyInfo .delivery-info_body:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

/*#endregion X.X.X delivery info item */

/*#region X.X.X delivery info alt */

.delivery-info-alt {
    background-color: #FAFAFA;
    border-radius: 20px;
    padding: 20px 20px 18px;
    margin: 0 0 30px;
}

.delivery-info-alt_title {
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    color: #9BA3AC;
    margin: 0 0 16px;
}

.delivery-info-alt_list {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #D5D8DC;
    list-style: none;
    color: #60666B;
}

.delivery-info-alt_item {
    margin: 0 0 14px;
}

.delivery-info-alt_attr {
    display: flex;
    align-items: center;
    font-size: 17px;
    line-height: 19px;
    margin: 0 0 8px;
}

.delivery-info-alt_attr-icon {
    font-size: 24px;
    margin: 0 10px 0 0;
    color: #9BA3AC;
}

b.delivery-info-alt_attr-text {
    font-weight: 500;
}

.delivery-info-alt_param {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 0 34px;
}

.delivery-info-alt_param-currency {
    font-size: 9px;
    line-height: 1;
}

.delivery-info-alt_note {
    display: flex;
    align-items: flex-start;
}

.delivery-info-alt_note-icon {
    font-size: 18px;
    margin: 0 15px 0 0;
    color: #B1B7BB;
}

.delivery-info-alt_text {
    font-size: 13px;
    line-height: 15px;
    padding: 3px 0 0;
    color: #9BA3AC;
}

.delivery-info-alt_text-free {
    display: block;
    margin: 0 0 5px;
}

.delivery-info-alt_text-more {
    line-height: 16px;
}

    .delivery-info-alt_text-more a {
        color: #52D3FA;
        text-decoration: underline;
    }

        .delivery-info-alt_text-more a:hover {
            text-decoration: none;
        }

/*#endregion X.X.X delivery info alt */

.buyInfo_discount-desc {
    margin: 0 0 20px;
}

/*#region X.X.X Buy info name */

.buyInfo_name {
    /*font-size: 26px;*/
    /*line-height: 1.1;*/
    font-size: 16px;
    line-height: 1.25;
    margin: 0 0 8px;
    font-weight: 500;
    color: #45494D;
}

.product-name-to-clipboard {
    cursor: pointer;
}

/*#endregion X.X.X Buy info name */

/*#region X.X.X Buy info discount */

.buyInfo_discount-desc {
    margin: 0 0 16px;
}

/*#endregion X.X.X Buy info discount */

/*#region X.X.X Buy info rating */

.buyInfo_rating {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .buyInfo_rating .itemRating {
        margin: 0 16px 0 0;
    }

    .buyInfo_rating .itemRating_stars [class^="icon-"] {
        font-size: 14px;
        line-height: 1;
        height: 14px;
        margin: 0 1px 0 0;
    }

    .buyInfo_rating .itemRating_value {
        font-size: 12px;
        line-height: 1;
        padding-top: 2px;
    }

    .buyInfo_rating .reviewsInfo {
        flex: 0 0 auto;
    }

.reviewsInfo {
    display: flex;
    white-space: nowrap;
    color: rgba(69,73,77,.6);
    font-size: 12px;
    line-height: 1;
    align-items: center;
}

.reviewsInfo__icon {
    margin: 0 5px 0 0;
}

.reviewsInfo__pre {
    margin: 0 .25em 0 0;
}

/*#endregion X.X.X Buy info rating */

/*region X.X.X variants*/

.buyInfo_product-variants {
    margin: 0 0 16px;
}

.product-variants__title {
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #60666B;
}

.product-variants__body.badges__body-inner {
    padding: 2px 40px;
    margin: 0 -40px;
}

.product-variants__item {
    margin: 0 8px 8px 0;
}

    .product-variants__item:last-child {
        margin: 0;
    }

.variant-card {
    text-decoration: none;
    color: #60666B;
    border-radius: 12px;
    border: 1px solid #EBEFF2;
}

.variant-card--active {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px #66DBFF;
}

.variant-card__img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin: 0 0 8px;
    border-radius: 12px 12px 0 0;
}

.variant-card--no-price .variant-card__img {
    border-radius: 12px;
    margin: 0;
}

.variant-card__price {
    display: flex;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
    font-weight: 500;
    padding: 0 10px 10px;
}

.variant-card__price--discount {
    color: #FF5D8A;
}

.variant-card__price-cur {
    display: inline-block;
    font-size: 8px;
    line-height: 1;
    vertical-align: text-top;
    margin: 2px 0 0 3px;
}

/*endregion X.X.X variants*/

/*#endregion X.X itemCard middle */

/*#region X.X.X item-card-set */

.item-card-set {
    padding: 32px 0;
    background-color: #F7F8FA;
}

/*#region X.X.X.X item-card-set complex*/

.item-card-set_complex {
    margin: 0 0 32px;
    padding: 0 0 32px;
    border-bottom: 1px solid rgba(155,163,172,.35);
}

.item-card-set__inner {
    padding: 0 13px;
    margin: 0 auto;
    max-width: 1592px;
}

.item-card-set_title {
    color: #666666;
    font-weight: 500;
    font-size: 19px;
    line-height: 25px;
    margin: 0 0 16px;
}

.item-card-set_products-img {
    display: flex;
    margin: 0 0 16px;
}

.item-card-set_products-img-holder {
    flex-shrink: 0;
    margin: 0 20px 0 0;
    position: relative;
}

    .item-card-set_products-img-holder::after {
        content: "\e855";
        font: 16px/28px 'Fontello';
        width: 28px;
        height: 28px;
        border-radius: 50%;
        color: #9BA3AC;
        text-align: center;
        background-color: #fff;
        position: absolute;
        top: 50%;
        right: -24px;
        transform: translateY(-50%);
        z-index: 15;
        box-shadow: 0 8px 12px rgba(146,179,195,.2);
    }

    .item-card-set_products-img-holder:last-child {
        margin: 0;
    }

        .item-card-set_products-img-holder:last-child::after {
            display: none;
        }

.item-card-set_products-img-item {
    width: 98px;
    height: 98px;
    display: block;
    object-fit: cover;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 12px rgba(146,179,195,.09);
}

.item-card-set_products-list {
    margin: 0 0 16px;
    padding: 0 0 13px;
    list-style: none;
    border-bottom: 1px solid #D7DBDF;
}

.item-card-set_products-list-item {
    display: flex;
    margin: 0 0 10px;
}

    .item-card-set_products-list-item:last-child {
        margin: 0;
    }

.item-card-set_products-list-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #DBDEE1;
    margin: 0 10px 0 0;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}

.item-card-set_products-list-icon__active {
    background-color: #33D0FF;
}

.item-card-set_products-list-link {
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    line-height: 21px;
}

.item-card-set_products-list-text {
    transition: color ease .3s;
}

.item-card-set_products-list-link:hover .item-card-set_products-list-text {
    color: #33D0FF;
}

.item-card-set_products-list-price {
    display: inline-flex;
    align-items: flex-start;
}

.item-card-set_products-list-price-val {
    white-space: nowrap;
    font-weight: 500;
}

.item-card-set_products-list-price-cur {
    font-size: 8px;
    line-height: 1;
    margin-top: 4px;
}

.item-card-set_products-total {
    text-align: center;
}

.item-card-set_products-total-inner {
    display: inline-block;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 15px 20px 16px;
    cursor: pointer;
    transition: background-color ease .3s;
}

    .item-card-set_products-total-inner:hover {
        background-color: #CAE388;
    }

.item-card-set_products-total-top {
    display: flex;
    justify-content: center;
    padding: 0 0 13px;
    border-bottom: 1px solid rgba(155,163,172,.35);
    margin: 0 0 11px;
}

.item-card-set_products-total-price {
    font-size: 32px;
    line-height: 1;
    display: flex;
    align-self: flex-start;
    margin: 0 6px;
    color: rgba(0,0,0,.7);
}

.item-card-set_products-total-price__old {
    opacity: .5;
    color: rgba(0,0,0,.6);
}

    .item-card-set_products-total-price__old .item-card-set_products-total-price-val {
        text-decoration: line-through;
    }

.item-card-set_products-total-price-val {
    white-space: nowrap;
}

.item-card-set_products-total-price-cur {
    font-size: 10px;
    line-height: 1;
    margin-top: 6px;
}

.item-card-set_products-total-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,.6);
}

.item-card-set_products-total-btn-icon {
    font-size: 30px;
    line-height: 1;
    margin: 0 8px 0 0;
}

.item-card-set_products-total-btn-text {
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
}

/*#endregion X.X.X.X item-card-set complex*/

/*#region X.X.X.X item-card-set recommended*/

/*#region X.X. product min*/

.product-tile-min {
    display: grid;
    grid-template-columns: repeat(auto-fit, 162px);
    grid-gap: 16px 9px;
}

.product-tile-min_item {
    position: relative;
    border-radius: 22px;
    background-color: #fff;
    box-shadow: 0 8px 12px rgba(146,179,195,.09);
    display: flex;
    flex-direction: column;
}

.product-tile-min_item__unavailable {
    background-color: rgba(255,255,255,.5);
    box-shadow: inset 0 0 0 1px #fff;
}

.product-tile-min_item .catalogItem_fav {
    right: 10px;
    top: 10px;
    padding: 1px 5px 1px 5px;
}

.product-tile-min_item .catalogItem_fav__icon {
    font-size: 20px;
}

.product-tile-min_item .catalogItem_fav-val:not(:empty) {
    margin: 0 3px 0 0;
    font-size: 11px;
}

.product-tile-min_item-top {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
}

.product-tile-min_item .itemLabel {
    position: absolute;
    left: 10px;
    top: 10px;
}

.product-tile-min_item .catalogItemLabel_item {
    font-size: 10px;
    line-height: 12px;
    min-width: 24px;
}

.product-tile-min_item .label_discount-percent {
    font-size: 12px;
}

.product-tile-min_img {
    margin: 0 0 10px;
    display: block;
}

.product-tile-min_img-item {
    display: block;
    width: 100%;
    height: 162px;
    object-fit: cover;
    border-radius: 22px 22px 0 0;
}

.product-tile-min_item__unavailable .product-tile-min_img-item {
    opacity: .35;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.product-tile-min_item .itemRating {
    margin: 0 0 10px;
}

.product-tile-min_item .itemRating_stars {
    margin: 0 4px 0 0;
}

    .product-tile-min_item .itemRating_stars [class^="icon-"],
    .product-tile-min_item .itemRating_value {
        font-size: 12px;
    }

.product-tile-min_item .no-comments {
    margin: 0 0 10px;
}

.product-tile-min_item .no-comments__icon {
    font-size: 12px;
    line-height: 16px;
    margin-right: 4px;
}

.product-tile-min_item .no-comments__text {
    font-size: 12px;
}

.product-tile-min_item-bottom {
    padding: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.product-tile-min_item-title {
    display: block;
    text-decoration: none;
    color: rgba(0,0,0,.7);
    font-size: 10px;
    line-height: 13px;
    height: 39px;
    overflow: hidden;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 9px;
}

.product-tile-min_item__unavailable .product-tile-min_item-title {
    opacity: .35;
}

.product-tile-min_item .itemPrice {
    min-height: 37px;
    justify-content: flex-start;
    margin: 0 0 13px;
}

.product-tile-min_item__unavailable .itemPrice {
    opacity: .35;
}

.product-tile-min_item .itemPrice_old {
    padding-right: 5px;
}

    .product-tile-min_item .itemPrice_old span {
        font-size: 13px;
        line-height: 1;
    }

    .product-tile-min_item .itemPrice_old .icon-hryvna-400 {
        top: 1px;
        font-size: 5px;
    }

.product-tile-min_item .itemPrice_current {
    padding-right: 10px;
}

    .product-tile-min_item .itemPrice_current span {
        font-size: 28px;
        line-height: 22px;
    }

    .product-tile-min_item .itemPrice_current .icon-hryvna-400 {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 8px;
    }

.product-tile-min_buyBtn {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: rgba(0,0,0,.6);
    padding: 11px 6px;
    background-color: #C2E06F;
    border-radius: 13px;
    transition: background-color ease .3s, color ease .3s, box-shadow ease .3s;
    justify-content: center;
}

    .product-tile-min_buyBtn:hover {
        background-color: #B3D94C;
        color: #fff;
    }

    .product-tile-min_buyBtn:active {
        color: #000;
    }

    .product-tile-min_buyBtn.active {
        background-color: transparent;
        color: #A6CC3D;
        box-shadow: inset 0 0 0 1.5px #A6CC3D;
    }

        .product-tile-min_buyBtn.active:hover {
            color: #F43E72;
            box-shadow: inset 0 0 0 1.5px #FF5D8A;
        }

.product-tile-min_buyBtn-icon {
    font-size: 21px;
    line-height: 1;
    margin-right: 4px;
    min-width: 43px;
    text-align: center;
    flex-shrink: 0;
}

.product-tile-min_buyBtn.active .product-tile-min_buyBtn-icon::before {
    content: "\e827";
}

.product-tile-min_buyBtn.active:hover .product-tile-min_buyBtn-icon::before {
    content: "\e826";
}

.product-tile-min_buyBtn-text {
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
}

.product-tile-min_item .item-availability {
    margin-top: auto;
}

.product-tile-min_item .item-availability-icon {
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
}

.product-tile-min_item .item-availability-label {
    font-size: 11px;
    line-height: 12px;
    padding: 3px 8px;
}

/*#endregion X.X. product min*/

/*#endregion X.X.X item-card-set */

.item-card-desc {
    color: #707070;
}

    /*.item-card-desc{*/
    /*  border-top: 1px solid rgba(129,138,145,.6);*/
    /*  background-color: #FAFAFA;*/
    /*}*/

    .item-card-desc h2 {
        font-weight: 400;
    }

    .item-card-desc h3 {
        font-weight: 400;
    }

    .item-card-desc h4 {
        font-weight: 400;
    }

    .item-card-desc ul:not([class]):not([id]) {
        list-style: none;
    }

        .item-card-desc ul:not([class]):not([id]) li {
            position: relative;
        }

            .item-card-desc ul:not([class]):not([id]) li::before {
                content: "\2022";
                position: absolute;
                left: 0;
            }

.item-card-desc--bottom {
    border-top: none;
    background-color: #F7F8FA;
}

    /*.item-card-desc__r {*/
    /*  background-color: #F5F5F5;*/
    /*}*/

    .item-card-desc--bottom .item-card-desc__r {
        background-color: transparent;
    }

.item-card-desc__r .downloads-list {
    display: flex;
    flex-wrap: wrap;
}

.downloads-list__item {
    display: inline-flex;
    align-items: flex-start;
    color: #60666B;
    text-decoration: none;
}

    .downloads-list__item:hover {
        color: #00C3FF;
    }

    .downloads-list__item:last-child {
        margin: 0;
    }

    .downloads-list__item .icon-download {
        width: 24px;
        height: 24px;
        font-size: 17px;
        line-height: 24px;
        text-align: center;
        margin: 0 10px 0 0;
        color: #9BA3AC;
    }

.item-card-desc__inner > *:first-child {
    margin-top: 0;
}

.item-card-desc__inner > *:last-child {
    margin-bottom: 0 !important;
}

/*#region X.X.X itemCard chars */

.accordion_item__chars {
    color: #60666B;
}

.accordion_head__chars {
    border-bottom: 1px solid #C1C6CB;
    position: relative;
    cursor: pointer;
    transition: color ease .3s, border-bottom-color ease .3s;
}

    .accordion_head__chars:hover {
        border-bottom-color: #52D3FA;
        color: #52D3FA;
    }

.accordion_head__chars {
    text-transform: uppercase;
}

.accordion_title__chars {
    font-weight: 500;
}

.accordion_toggler__chars {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
}

    .accordion_toggler__chars::before,
    .accordion_toggler__chars::after {
        content: "";
        position: absolute;
        background-color: #9BA3AC;
    }

    .accordion_toggler__chars::before {
        width: 1.5px;
        height: 100%;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        transition: transform ease .3s;
    }

    .accordion_toggler__chars::after {
        width: 100%;
        height: 1.5px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

.accordion_item:not(.collapsed) .accordion_toggler__chars::before {
    transform: translateX(-50%) rotate(90deg);
}

.chars-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chars-list_item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #DEE0E3;
    margin: 0;
    padding: 0;
    list-style: none;
}

.chars-list_attr,
.chars-list_param {
    width: 50%;
}

.chars-list_attr {
    padding-right: 20px;
}

/*#endregion X.X.X itemCard chars */

/*#endregion X.X itemCard bottom */

/*#region X.X Item Card Nav */

.itemCardNav {
    overflow: hidden;
    margin: 0 0 16px;
    box-shadow: inset 0 -1px 0 0 #DCDFE2;
}

    .itemCardNav.fixed {
        position: fixed;
        left: 0;
        top: 57px;
        width: 100%;
        z-index: 900;
        background-color: rgba(255,255,255,.55);
        backdrop-filter: blur(24px) brightness(1.4);
        -webkit-backdrop-filter: blur(24px) saturate(150%);
    }

.sidebarActive .itemCardNav.fixed {
    left: 320px;
}

.itemCardNav_list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .itemCardNav_list.badges__body-inner {
        padding: 0;
    }

.itemCardNav_list-item {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}

.itemCardNav_list-btn {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    color: #60666B;
    text-transform: uppercase;
    padding: 13px 16px;
    text-decoration: none;
    outline: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    transition: color ease .3s, border ease .3s, box-shadow ease .3s;
}

.itemCardNav_btn-count {
    color: #9BA3AC;
}

.itemCardNav_list-btn.scrollTo-anchor__active {
    box-shadow: inset 0 -1px 0 0 #33D0FF;
    border-bottom: 1px solid #33D0FF;
    color: #33D0FF;
}

/*#endregion X.X Item Card Nav */

/*#region X. Balloon tip ------------------------------------------*/

.balloon-tip {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.fakeCheckRadio .balloon-tip {
    margin: 4px 0 0 5px;
}

.balloon-tip .icon-help-empty {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: rgba(129,138,145,.6);
    transition: color ease .3s;
}

.balloon-tip:hover .icon-help-empty {
    color: #52D3FA;
}

/*#endregion X. Balloon tip ---------------------------------------*/

/*#region X. Info block -------------------------------------------*/

.infoBlock {
    text-align: center;
    color: #666666;
}

.infoBlock_img img {
    width: auto;
    display: block;
}

.infoBlock_body {
    max-width: 564px;
    margin: 0 auto;
}

    .infoBlock_body p {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 20px;
    }

.infoBlock_controls {
    display: flex;
}

    .infoBlock_controls .btn {
        padding: 17px 25px;
        border-radius: 25px;
    }

/*#endregion X. Info block ----------------------------------------*/

/*#region X. Search wrap ------------------------------------------*/

.search-active {
    color: rgba(69,73,77,.6);
    background-color: #fff;
}

    .search-active.header {
        z-index: 9997;
    }

    .search-active .header_menuBtn {
        color: rgba(69,73,77,.6);
    }

    .search-active .menuRight_item,
    .search-active .menuRight_item a {
        color: rgba(69,73,77,.6);
    }

    .search-active .menuDesk {
        border-left: 1px solid rgba(69,73,77,.6);
    }

    .search-active .header_menu .sbBlock_sbPartition,
    .search-active .header_menu .menu_title_desk {
        color: rgba(69,73,77,.6);
    }

        .search-active .header_menu .menu_title_desk::before,
        .search-active .header_menu .sbBlock_sbPartition::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -7px;
            width: 0;
            transform: translateX(-50%);
            height: 2px;
            background-color: #66DBFF;
            transition: width ease .3s;
        }

        .search-active .header_menu .menu_title_desk:hover::before,
        .search-active .header_menu .menu_title_desk.active::before,
        .search-active .header_menu .sbBlock_sbPartition:hover::before,
        .search-active .header_menu .sbBlock_sbPartition.active::before {
            width: 100%;
        }

.searchWrap {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    color: #535659;
}

    .searchWrap .container {
        display: block;
        max-width: 884px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

.searchWrap_title {
    font-size: 14px;
    line-height: 16px;
    color: #9BA3AC;
    text-transform: uppercase;
    margin: 0 0 16px;
}

.searchWrap_top {
    display: flex;
    align-items: center;
    width: 100%;
}

    .searchWrap_top input {
        height: 42px;
        flex-grow: 1;
    }

    .searchWrap_top .searchWrap_btn {
        width: 42px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        border: none;
        border-radius: 50%;
        background-color: #EBEFF2;
        color: #fff;
        font-size: 17px;
        transition: background-color ease .3s;
    }

        .searchWrap_top .searchWrap_btn:not(.disabled):hover {
            background-color: rgba(51,51,51,.27);
            cursor: pointer;
        }

.searchWrap_btn.icon-search:not(.disabled) {
    background-color: #66DBFF;
    color: #fff;
    transition: color ease .3s, background-color ease .3s;
}

    .searchWrap_btn.icon-search:not(.disabled):hover {
        color: #66DBFF;
        background-color: rgba(129,138,145,.2);
    }

.quickLinks_list {
    margin: 0 0 58px;
    padding: 0;
    list-style: none;
}

    .quickLinks_list li {
        margin: 0 -20px 2px;
        padding: 0;
        list-style: none;
    }

        .quickLinks_list li a {
            display: inline-block;
            line-height: 18px;
            color: #535659;
            border-radius: 16px;
            transition: ease background-color .3s;
            text-decoration: none;
        }

            .quickLinks_list li a:hover {
                background-color: #F5F5F5;
            }

.searchWrap_bottom__autocomplete {
    display: none;
}

.autocomplete_list {
    padding: 0;
    list-style: none;
}

.autocomplete_list_item {
    list-style: none;
}

.autocomplete_list_inner {
    display: block;
    padding: 15px;
    overflow: hidden;
    border-radius: 15px;
    text-decoration: none;
    transition: color ease .3s;
}

    .autocomplete_list_inner:hover {
        background-color: #FAFAFA;
    }

.autocomplete_list_item::after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.autocomplete_item_l {
    display: block;
    float: left;
    width: 100px;
}

    .autocomplete_item_l img {
        display: block;
        width: 100%;
        border-radius: 10px;
    }

.autocomplete_item_r {
    display: block;
}

.autocomplete_item_title {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(69,73,77,.6);
    text-decoration: none;
    transition: color ease .3s;
}

    .autocomplete_item_title b {
        color: #535659;
        transition: color ease .3s;
    }

.autocomplete_item_r .itemRating {
    display: flex;
    align-items: center;
}

.autocomplete_item_r .itemRating_stars {
    margin: 0 7px 0 0;
}

.autocomplete_item_r .itemRating_value {
    line-height: 16px;
    position: relative;
    top: 1px;
}

.autocomplete_item_hash {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .autocomplete_item_hash span {
        flex-shrink: 0;
        text-decoration: none;
        font-size: 13px;
        line-height: 15px;
        padding: 3px 10px;
        border-radius: 11px;
        color: #9BA3AC;
        background-color: #EBEFF2;
        margin: 0 5px 6px;
    }

.autocomplete_bottom {
    border-top: 1px solid #EBEFF2;
    font-size: 16px;
    line-height: 18px;
}

.autocomplete_quan {
    color: #9BA3AC;
}

.autocomplete_showAll {
    color: #00C3FF;
    text-decoration: underline;
}

    .autocomplete_showAll:hover {
        text-decoration: none;
    }

/*#endregion X. Search wrap ---------------------------------------*/

/*#region X. Additional page --------------------------------------*/

.pageAdditional {
    color: #60666B;
    font-size: 16px;
    line-height: 23px;
}

    .pageAdditional h2,
    .pageAdditional h3,
    .pageAdditional h4 {
        font-weight: 400;
    }

    .pageAdditional h2 {
        font-size: 26px;
        line-height: 29px;
        margin: 0 0 12px;
    }

    .pageAdditional h3 {
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 16px;
    }

    .pageAdditional h5 {
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
        text-transform: none;
        margin: 0 0 12px;
    }

    .pageAdditional p {
        margin: 0 0 23px;
    }

.pageAdditional_section {
    margin-bottom: 40px;
}

    .pageAdditional_section.pageAdditional_payment h2 {
        margin: 0 0 24px;
    }

.pageAdditional_img {
    width: 108px;
    margin: 32px auto;
}

    .pageAdditional_img img {
        display: block;
        width: 100%;
    }

.pageAdditional__deliveryLogo {
    display: flex;
    flex-wrap: wrap;
    gap: 27px;
    align-items: center;
    margin: 0 0 34px;
}

.pageAdditional__deliveryLogo_item img {
    display: block;
    object-fit: contain;
}

.pageAdditional__deliveryLogo_item [alt="NP"] {
    width: 126px;
}

.pageAdditional__deliveryLogo_item [alt="UP"] {
    width: 126px;
}

.pageAdditional_payment {
    background-color: #FAFAFA;
    padding: 32px 0;
}

.pageAdditional_payment_list {
    max-width: 844px;
    margin: 0 auto;
}

.pageAdditional_payment_item {
    background-color: #fff;
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 12px 20px 12px 12px;
    margin: 0 0 20px;
}

    .pageAdditional_payment_item:last-child {
        margin-bottom: 0;
    }

.pageAdditional_payment_item_l {
    flex-shrink: 0;
    margin-right: 13px;
}

.pageAdditional_payment_item_r {
    text-align: center;
    flex-grow: 1;
}

    .pageAdditional_payment_item_r b {
        font-size: 15px;
        line-height: 20px;
        display: block;
        color: #404040;
        text-transform: uppercase;
    }

    .pageAdditional_payment_item_r span {
        font-size: 13px;
        line-height: 15px;
        color: #60666B;
        display: block;
    }

.pageAdditional_payment_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 11px;
}

.pageAdditional_payment_logo__item {
    flex-shrink: 0;
    border-right: 1px solid #707070;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 7px;
    min-height: 20px;
}

    .pageAdditional_payment_logo__item:first-child {
        padding-left: 0;
    }

    .pageAdditional_payment_logo__item:last-child {
        padding-right: 0;
        border-right: none;
    }

    .pageAdditional_payment_logo__item img {
        flex-shrink: 0;
    }

    .pageAdditional_payment_logo__item [alt="mastercard"] {
        width: 23px;
    }

    .pageAdditional_payment_logo__item [alt="visa"] {
        width: 36px;
    }

    .pageAdditional_payment_logo__item [alt="apple-pay"] {
        width: 13px;
    }

    .pageAdditional_payment_logo__item [alt="google-pay"] {
        width: 14px;
    }

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

    .pageAdditional_content ul li {
        margin: 0 0 8px;
        padding: 0 0 0 16px;
        list-style: none;
        position: relative;
    }

        .pageAdditional_content ul li::before {
            content: "";
            top: 8px;
            position: absolute;
            left: 0;
            border-radius: 50%;
            background-color: #FFC466;
            width: 7px;
            height: 7px;
        }

.pageAdditional_section__contacts .container {
    max-width: 640px;
}

.contacts-info {
    margin: 20px 0 50px;
}

.contacts_list {
    margin: 0 0 33px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.contacts-map_item {
    margin: 0 0 42px;
}

.contacts-form_top {
    padding: 0 0 12px;
    margin: 14px 0 21px;
}

.contacts_list-link,
.contacts_list-item {
    display: inline-flex;
    color: #60666B;
    text-decoration: none;
    font-size: 20px;
    line-height: 25px;
}

    .contacts_list-item:not(:last-child) {
        margin: 0 0 14px;
    }

    .contacts_list-link [class^="icon-"],
    .contacts_list-item [class^="icon-"] {
        color: #A6ADB4;
        font-size: 21px;
        line-height: 25px;
        width: 21px;
        margin-right: 8px;
    }

    .contacts_list-link span,
    .contacts_list-item span {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .contacts_list-link:hover,
    .contacts_list-link:hover [class^="icon-"] {
        color: #66DBFF;
    }

.contacts_socials-pre {
    color: #60666B;
    font-weight: 500;
    font-size: 19px;
    line-height: 25px;
    margin: 0 0 12px;
}

.contacts_socials-list {
    display: flex;
    align-items: center;
    margin: 0 0 34px;
    padding: 0;
    list-style: none;
}

.contacts_socials-link {
    width: 45px;
    display: block;
    margin: 0 10px 0 0;
    width: 45px;
}

    .contacts_socials-link img {
        filter: grayscale(100%);
        transition: filter .3s ease;
        display: block;
        width: 100%;
    }

    .contacts_socials-link:hover img {
        filter: grayscale(0);
    }

.contacts_adress {
    display: flex;
}

    .contacts_adress [class^="icon-"] {
        color: #A6ADB4;
        line-height: 25px;
        font-size: 20px;
        width: 21px;
        margin-right: 10px;
    }

    .contacts_adress span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #60666B;
        font-size: 20px;
        line-height: 25px;
    }

.contacts-map_item {
    width: 100%;
    height: 450px;
}

.contacts-form {
    margin-bottom: 76px;
}

.contacts-form_top {
    border-bottom: 2px dashed rgba(155,163,172,.25);
}

.contacts-form input,
.contacts-form textarea {
    margin-bottom: 18px;
    width: 100%;
    display: block;
}

.contacts-form_controls {
    margin: 30px 0 0;
    text-align: right;
}

.pageAdditional__aboutImg {
    margin: 0 0 30px;
}

    .pageAdditional__aboutImg img {
        display: block;
        width: 100%;
    }

/*#endregion X. Additional page -----------------------------------*/

/*#region To top --------------------------------------------------*/

.contact-bar {
    position: fixed;
    z-index: 900;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.contact-bar_item {
    width: 50px;
    height: 50px;
    margin: 0 0 10px;
    position: relative;
}

.contact-bar_link {
    position: absolute;
    min-width: 100%;
    display: flex;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
    text-decoration: none;
    justify-content: center;
    top: 0;
    right: 0;
}

    /*.cart-page .contact-bar_link{*/
    /*  right: auto;*/
    /*  left: 0;*/
    /*}*/

    .contact-bar_link .contact-bar_link-desc {
        max-width: 0;
        overflow: hidden;
        transition: max-width ease .3s, margin ease .3s;
        font-size: 13px;
        line-height: 15px;
        white-space: nowrap;
        font-weight: bold;
        text-transform: uppercase;
    }

    .contact-bar_link:hover .contact-bar_link-desc {
        max-width: 300px;
        margin: 0 0 0 10px;
    }

.contact-bar_link__toTop {
    color: #fff;
    background: #66DBFF;
    transition: background-color ease .3s;
    font-size: 12px;
    line-height: 1;
    padding: 19px;
    box-shadow: 0 6px 15px rgba(0,0,0,.16);
}

#toTop {
    display: none;
    opacity: 0;
    transition: opacity ease .3s;
}

.contact-bar_link__get-in-touch {
    font-size: 22px;
    line-height: 1;
    color: #fff;
    background-color: #9D7EED;
    padding: 14px;
    box-shadow: 0 6px 15px rgba(0,0,0,.16);
}

.contact-bar_link__toTop:hover {
    background: #4cb0d8;
}

/*#endregion To top -----------------------------------------------*/

/*#region share popup ---------------------------------------------*/

.share-popup {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease .1s;
}

    .share-popup.active {
        visibility: visible;
        opacity: 1;
    }

.share-popup__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    overflow-y: auto;
}

.share-popup__container {
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 30px;
    box-shadow: 0 3px 30px rgba(0,0,0,.5);
    transition: width .3s ease, padding .3s ease;
}

.share-popup__header {
    position: relative;
    display: flex;
    justify-content: center;
}

.share-popup__header-icon {
    font-size: 43px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    color: #66DBFF;
    box-shadow: inset 0 0 0 2px #52D3FA;
    border-radius: 50%;
}

.icon-quit.share-popup__header-icon::before {
    position: relative;
    top: -4px;
}

.share-popup__close {
    font-size: 25px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: rgba(51,51,51,.17);
    transition: color .3s ease;
}

    .share-popup__close:hover {
        color: rgba(51,51,51,.27);
    }

.share-popup__link-value {
    width: 100%;
}

.share-popup__section_social {
    display: flex;
    flex-wrap: wrap;
}

.share-popup__social-subtitle {
    width: 100%;
    flex-shrink: 0;
    color: #60666B;
    font-size: 17px;
    line-height: 23px;
}

.share-popup__social-item {
    flex-shrink: 0;
    width: 50px;
}

.share-popup__social-img {
    display: block;
    width: 50px;
    height: auto;
}

.urlCopy {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    max-width: 284px;
    text-align: center;
    padding: 0 25px;
    min-height: 40px;
}

    .urlCopy .urlCopy_active-text {
        display: none;
    }

    .urlCopy.active {
        background-color: #C0E266;
        color: rgba(0,0,0,.6);
    }

    .urlCopy [class^="icon-"] {
        font-size: 24px;
        margin: 0 13px 0 0;
    }

    .urlCopy.active [class^="icon-"] {
        font-size: 17px;
        margin: 0 15px 0 0;
    }

        .urlCopy.active [class^="icon-"]::before {
            content: "\e828";
        }

    .urlCopy.active .urlCopy_active-text {
        display: block;
    }

    .urlCopy.active .urlCopy_default-text {
        display: none;
    }

/*#endregion share popup ------------------------------------------*/

/*#region login form ----------------------------------------------*/

.login-form {
    margin: 0 auto 30px;
}

.wrapper--login-page .login-form,
.wrapper--registration-page .login-form {
    max-width: 528px;
    margin: 0 auto 100px;
}

/*#region X.X login form note*/

.login-form_note {
    flex-shrink: 0;
    width: 100%;
    text-align: center;
    line-height: 18px;
    color: #9BA3AC;
    font-size: 13px;
}

    .login-form_note a {
        color: #FFC466;
    }

        .login-form_note a:hover {
            text-decoration: none;
        }

/*#endregion X.X login form note*/

/*#region X.X login form social*/

.login-form_login-social {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 22px;
}

.login-social_title {
    color: #60666B;
    text-align: center;
    width: 100%;
    flex-shrink: 0;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 19px;
}

.login-social_item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border-radius: 23px;
    padding: 0 15px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    width: calc(33% - 7px);
}

    .login-social_item::before,
    .login-social_item::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 23px;
    }

    .login-social_item::before {
        z-index: 3;
        opacity: 0;
        background: rgb(102,219,255);
        background: linear-gradient(164deg, rgba(102,219,255,1) 0%, rgba(124,46,230,1) 100%);
        -webkit-filter: blur(10px);
        filter: blur(10px);
        transition: opacity ease .3s;
    }

    .login-social_item::after {
        z-index: 4;
        background-color: #F5F7F8;
        transition: background-color ease .3s;
    }

    .login-social_item:hover::before {
        opacity: .3;
    }

    .login-social_item:hover::after {
        background-color: #fff;
    }

.login-social_logo {
    flex-shrink: 0;
    position: relative;
    z-index: 5;
}

.login-social_name {
    position: relative;
    z-index: 5;
    display: none;
}

.login-social_logo img {
    display: block;
    width: 30px;
    height: auto;
}

/*#endregion X.X login form social*/

/*#region X.X login form separator*/

.login-form_login-separator {
    font-size: 15px;
    line-height: 17px;
    color: #60666B;
    position: relative;
    text-align: center;
    margin: 22px 0;
}

    .login-form_login-separator::before {
        content: "";
        position: absolute;
        height: 0;
        width: 100%;
        left: 0;
        top: 50%;
        border-top: 1px solid #EBEFF2;
    }

.login-separator_text {
    position: relative;
    z-index: 3;
    background-color: #fff;
    display: inline-block;
    padding: 0 35px;
}

/*#endregion X.X login form separator*/

/*#region X.X login form body*/

.login-form_login-body .formRow {
    margin-bottom: 18px;
}

.fakeCheckRadio {
    margin: 20px 0;
}

.login-form_login-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .login-form_login-controls *:first-child:last-child,
    .login-form_login-controls .btn:first-child:last-child {
        margin: 0 auto;
    }

.login-controls__signin {
    margin: 30px 0 0;
}

.login-form_login-controls a:not([class]) {
    font-size: 14px;
    line-height: 15px;
    color: #52D3FA;
}

    .login-form_login-controls a:not([class]):hover {
        text-decoration: none;
    }

.login-form_login-controls .btn {
    margin: 0 10px;
}

    .login-form_login-controls .btn:last-child {
        margin-right: 0;
    }

    .login-form_login-controls .btn:first-child {
        margin-right: 0;
    }

.login-body_note {
    font-size: 13px;
    line-height: 15px;
    color: rgba(129,138,145,.6);
    margin: 30px 0;
}

    .login-body_note a {
        color: #52D3FA;
    }

        .login-body_note a:hover {
            text-decoration: none;
        }

/*#endregion X.X login form body*/

/*#endregion login form -------------------------------------------*/

/*#region recovery form -------------------------------------------*/

.recovery-form {
    margin: 0 auto 100px;
    max-width: 528px;
}

.recovery-form_note {
    font-size: 15px;
    line-height: 21px;
    color: #60666B;
    margin-bottom: 27px;
}

.recovery-form_controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 25px;
    background-image: linear-gradient(to right, #EBEFF2 30%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 11px 3px;
    background-repeat: repeat-x;
}

.confirm-message {
    max-width: 618px;
    margin: 0 auto 100px;
    background-color: #fff;
}

.confirm-message_head {
    display: none;
}

.confirm-message_img img {
    display: block;
    margin: 0 auto;
    width: 86px;
    height: auto;
}

.confirm-message_text {
    color: #60666B;
    font-size: 15px;
    line-height: 21px;
}

    .confirm-message_text a {
        color: #52D3FA;
    }

        .confirm-message_text a:hover {
            text-decoration: none;
        }

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

/*#endregion recovery form ----------------------------------------*/

/*#region not found -----------------------------------------------*/

.not-found_img-item {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.not-found_body {
    max-width: 564px;
    margin: 0 auto;
}

.not-found_text-title {
    text-align: center;
}

.not-found_search {
    display: flex;
    align-items: center;
    width: 100%;
}

    .not-found_search .not-found_search-input {
        height: 42px;
        flex-grow: 1;
    }

.not-found_search-btn {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: none;
    border-radius: 50%;
    background-color: #EBEFF2;
    color: #fff;
    font-size: 17px;
    transition: background-color ease .3s;
}

    .not-found_search-btn:hover {
        color: #fff;
        background-color: #66DBFF;
    }

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

/*#endregion not found --------------------------------------------*/

/*#region Blog ----------------------------------------------------*/

.masonry-grid {
    width: 100%;
}

.blog-grid__item {
    display: block;
    margin: 0 0 30px;
    position: relative;
    color: #404040;
    text-decoration: none;
}

    .blog-grid__item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 35px;
        z-index: 1;
        transition: filter .3s ease, opacity .3s ease, -webkit-filter .3s ease;
        opacity: 0;
        background: rgb(192,226,102);
        background: linear-gradient(45deg, rgba(192,226,102,1) 0%, rgba(102,219,255,1) 100%);
    }

    .blog-grid__item:hover::before {
        opacity: .5;
        filter: blur(20px);
        -webkit-filter: blur(20px);
    }

.blog-grid__item-inner {
    position: relative;
    z-index: 5;
    border-radius: 30px;
    border: 1px solid #dee4e8;
    background-color: #fff;
    transition: border .3s ease;
}

.blog-grid__item:hover .blog-grid__item-inner {
    border: 1px solid transparent;
}

.blog-grid__img {
    display: block;
    width: 100%;
    border-radius: 30px 30px 0 0;
}

.blog-grid__body {
    padding: .888em 1.666em 1.777em;
}

.blog-grid__title {
    font-size: .8888em;
    line-height: 1.3333;
    font-weight: 700;
    margin: 0 0 .8889em;
}

.blog-grid__desc {
    font-size: .7777em;
    line-height: 1.428;
    color: #818a92;
}

.blog-grid__footer {
    padding: 0 2.307em .769em;
}

.blog-grid__tags {
    display: flex;
    align-items: flex-start;
    padding: 0 0 1.538em;
    border-bottom: 1px dashed #cbd0d4;
}

.blog-grid__tags-item {
    line-height: 1.2307;
    padding: .307em 1.384em;
    margin: 0 .769em 0 0;
    border-radius: 11.99em;
    background-color: #f1f4f6;
    color: #818a92;
}

.blog__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 1.387em 0 0;
}

    .blog__meta [class^="icon-"] {
        margin: 0 .769em 0 0;
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        border-radius: 11px;
        color: rgba(255,255,255,.9);
        font-size: 14px;
    }

.blog__meta-item {
    display: flex;
    align-items: center;
    color: #515151;
    justify-content: center;
    margin: 0 0 .769em;
}

    .blog__meta-item span {
        line-height: 1.2307;
    }

.blog__meta-item--author {
    margin-right: auto;
    padding-right: 20px;
}

    .blog__meta-item--author [class^="icon-"] {
        background-color: #9d7eed;
    }

.blog__meta-item--date [class^="icon-"] {
    background-color: #c4d90b;
}

/*#endregion Blog -------------------------------------------------*/

/*#region Blog Post -----------------------------------------------*/

.pageHead--shared__share {
    flex-shrink: 0;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background-color: rgba(235,239,242,.5);
    font-size: 22px;
    cursor: pointer;
    transition: background-color ease .3s, color ease .3s;
    color: #fff;
}

    .pageHead--shared__share:hover {
        background-color: rgba(235,239,242,.8);
        color: #66DBFF;
    }

.blog-post__info {
    max-width: 1200px;
    min-width: 360px;
}

    .blog-post__info .blog__meta-item {
        margin: 0 20px .769em 0;
        padding: 0;
    }

.blog-post__img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*.blog-post__content{*/
/*  margin-bottom: 80px;*/
/*}*/

.blog-post__content .container {
    max-width: 1000px;
}

.blog-post__content ul,
.blog-post__content ol {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

    .blog-post__content ul ul,
    .blog-post__content ol ol,
    .blog-post__content ul ol,
    .blog-post__content ol ol {
        margin: 1.5rem 0;
    }

    .blog-post__content ul li,
    .blog-post__content ol li {
        list-style: none;
        position: relative;
    }

    .blog-post__content ul > li::before {
        content: "";
        position: absolute;
        left: 0;
        border-radius: 50%;
        background-color: #FFC466;
        width: 9px;
        height: 9px;
        top: 5px;
    }

.blog-post__content ol {
    counter-reset: list;
}

    .blog-post__content ol > li::before {
        counter-increment: list;
        content: counter(list) ".";
        position: absolute;
        left: 0;
        color: #FFC466;
        font-size: 1rem;
        font-weight: 700;
    }

    .blog-post__content ol ol > li::before,
    .blog-post__content ul ol > li::before {
        font-weight: 500;
        color: #B89EFF;
    }

    .blog-post__content ul ul > li::before,
    .blog-post__content ol ul > li::before {
        width: 7px;
        height: 7px;
        top: 6px;
        background-color: transparent;
        box-shadow: inset 0 0 0 2px #B89EFF;
    }

.blog-post__content .container a {
    color: #66dbff;
    text-decoration: underline;
}

    .blog-post__content .container a:hover {
        text-decoration: none;
    }

.blog-post__info--footer {
    max-width: 1000px;
}

.blog-post__share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid rgba(155,163,172,.35);
}

.blog-post__share-pre {
    font-size: 15px;
    line-height: 18px;
    width: 100%;
    flex-shrink: 0;
    margin-bottom: 15px;
    color: #515151;
}

.blog-post__share-item {
    text-decoration: none;
    margin: 0 10px 10px 0;
    flex-shrink: 0;
}

    .blog-post__share-item img {
        display: block;
        width: 36px;
    }

.video-wrapper {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    margin: 40px 0;
}

.video-wrapper__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-wrapper {
    margin: 40px 0;
}

.image-wrapper__item {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*#endregion Blog Post --------------------------------------------*/

/*#region Preloader -----------------------------------------------*/

:root {
    --duration: 1.5s;
    --container-size: 125px;
    --box-size: 16px;
    --box-border-radius: 50%;
}

.preloader-wrapper {
    background-color: rgba(0,0,0,.8);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 10000
}

.preloader-container {
    width: var(--container-size);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.box {
    width: var(--box-size);
    height: var(--box-size);
    position: relative;
    display: block;
    transform-origin: -50% center;
    border-radius: var(--box-border-radius);
}

    .box:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #C4D90B;
        border-radius: var(--box-border-radius);
        box-shadow: 0 0 10px 0 rgba(53, 57, 15, 0.25);
    }

    .box:nth-child(1) {
        animation: slide var(--duration) ease-in-out infinite alternate;
    }

        .box:nth-child(1):after {
            animation: color-change var(--duration) ease-in-out infinite alternate;
        }

    .box:nth-child(2) {
        animation: flip-1 var(--duration) ease-in-out infinite alternate;
    }

        .box:nth-child(2):after {
            animation: squidge-1 var(--duration) ease-in-out infinite alternate;
        }

    .box:nth-child(3) {
        animation: flip-2 var(--duration) ease-in-out infinite alternate;
    }

        .box:nth-child(3):after {
            animation: squidge-2 var(--duration) ease-in-out infinite alternate;
        }

    .box:nth-child(4) {
        animation: flip-3 var(--duration) ease-in-out infinite alternate;
    }

        .box:nth-child(4):after {
            animation: squidge-3 var(--duration) ease-in-out infinite alternate;
        }

    .box:nth-child(5) {
        animation: flip-4 var(--duration) ease-in-out infinite alternate;
    }

        .box:nth-child(5):after {
            animation: squidge-4 var(--duration) ease-in-out infinite alternate;
        }

@keyframes slide {
    0% {
        background-color: #C4D90B;
        transform: translatex(0vw);
    }

    100% {
        background-color: #C4D90B;
        transform: translateX(calc(var(--container-size) - (var(--box-size) * 1.25)));
    }
}

@keyframes color-change {
    0% {
        background-color: #C4D90B;
    }

    100% {
        background-color: #C4D90B;
    }
}

@keyframes flip-1 {
    0%, 15% {
        transform: rotate(0);
    }

    35%, 100% {
        transform: rotate(-180deg);
    }
}

@keyframes squidge-1 {
    5% {
        transform-origin: center bottom;
        transform: scaleX(1) scaleY(1);
    }

    15% {
        transform-origin: center bottom;
        transform: scaleX(1.3) scaleY(0.7);
    }

    25%, 20% {
        transform-origin: center bottom;
        transform: scaleX(0.8) scaleY(1.4);
    }

    55%, 100% {
        transform-origin: center top;
        transform: scaleX(1) scaleY(1);
    }

    40% {
        transform-origin: center top;
        transform: scaleX(1.3) scaleY(0.7);
    }
}

@keyframes flip-2 {
    0%, 30% {
        transform: rotate(0);
    }

    50%, 100% {
        transform: rotate(-180deg);
    }
}

@keyframes squidge-2 {
    20% {
        transform-origin: center bottom;
        transform: scaleX(1) scaleY(1);
    }

    30% {
        transform-origin: center bottom;
        transform: scaleX(1.3) scaleY(0.7);
    }

    40%, 35% {
        transform-origin: center bottom;
        transform: scaleX(0.8) scaleY(1.4);
    }

    70%, 100% {
        transform-origin: center top;
        transform: scaleX(1) scaleY(1);
    }

    55% {
        transform-origin: center top;
        transform: scaleX(1.3) scaleY(0.7);
    }
}

@keyframes flip-3 {
    0%, 45% {
        transform: rotate(0);
    }

    65%, 100% {
        transform: rotate(-180deg);
    }
}

@keyframes squidge-3 {
    35% {
        transform-origin: center bottom;
        transform: scaleX(1) scaleY(1);
    }

    45% {
        transform-origin: center bottom;
        transform: scaleX(1.3) scaleY(0.7);
    }

    55%, 50% {
        transform-origin: center bottom;
        transform: scaleX(0.8) scaleY(1.4);
    }

    85%, 100% {
        transform-origin: center top;
        transform: scaleX(1) scaleY(1);
    }

    70% {
        transform-origin: center top;
        transform: scaleX(1.3) scaleY(0.7);
    }
}

@keyframes flip-4 {
    0%, 60% {
        transform: rotate(0);
    }

    80%, 100% {
        transform: rotate(-180deg);
    }
}

@keyframes squidge-4 {
    50% {
        transform-origin: center bottom;
        transform: scaleX(1) scaleY(1);
    }

    60% {
        transform-origin: center bottom;
        transform: scaleX(1.3) scaleY(0.7);
    }

    70%, 65% {
        transform-origin: center bottom;
        transform: scaleX(0.8) scaleY(1.4);
    }

    100%, 100% {
        transform-origin: center top;
        transform: scaleX(1) scaleY(1);
    }

    85% {
        transform-origin: center top;
        transform: scaleX(1.3) scaleY(0.7);
    }
}

/*#endregion Preloader --------------------------------------------*/


/*MDS*/

.hidden_init {
    display: none;
}
/*MDS*/

/*#region badges --------------------------------------------------*/

.catalogGrid__badges {
    margin: 0 0 30px;
}

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

.badges__body {
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .badges__body::before,
    .badges__body::after {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 20px;
        z-index: 20;
    }

    .badges__body::before {
        left: 0;
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    }

    .badges__body::after {
        right: 0;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    }

.badges__body-inner {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    cursor: grab;
    padding: 0 20px;
}

.badges__total {
    flex-shrink: 0;
    white-space: nowrap;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    padding-right: 10px;
}

.badges__item {
    outline: none;
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #EBEFF2;
    font-size: 13px;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 5px 11px;
    border-radius: 16px;
    margin-right: 15px;
    transition: background-color ease .3s;
    color: #60666B;
    text-decoration: none;
}

    .badges__item:hover {
        background-color: #EBEFF2;
    }

.badges__text {
    white-space: nowrap;
}

.badges__pre-icon {
    color: #9BA3AC;
    font-size: 12px;
    margin-right: 3px;
}

.badges__post-icon {
    color: #9BA3AC;
    font-size: 16px;
    margin-left: 10px;
}

.badges__item--reset .badges__post-icon {
    color: #F43E72;
}

/*#endregion badges -----------------------------------------------*/

/*#region free delivery badge -------------------------------------*/

.contact-bar_item--delivery-label {
    width: auto;
    height: auto;
    color: #352552;
}

.delivery-badge__small {
    cursor: pointer;
    width: 70px;
    background-color: #FFDD00;
    padding: 8px 3px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,.16);
    transition: opacity ease .3s;
}

    .delivery-badge__small.hidden {
        opacity: 0;
    }

    .delivery-badge__small .delivery-badge_title {
        font-weight: 500;
        font-size: 8px;
        line-height: 1;
        text-align: center;
        margin-bottom: 3px;
    }

.delivery-badge_subtitle {
    font-size: 6px;
    line-height: 1;
    margin-bottom: 1px;
    text-align: center;
}

.delivery-badge_counter {
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

.delivery-badge_counter--30 {
    background: url("/img/misc/delivery-counter_30.svg") center / cover no-repeat;
}

.delivery-badge_counter--20 {
    background: url("/img/misc/delivery-counter_20.svg") center / cover no-repeat;
}

.delivery-badge_counter--10 {
    background: url("/img/misc/delivery-counter_10.svg") center / cover no-repeat;
}

.delivery-badge_counter--5 {
    background: url("/img/misc/delivery-counter_5.svg") center / cover no-repeat;
}

.delivery-badge_counter-val {
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
}

.delivery-badge_counter-unit {
    font-size: 8px;
    line-height: 1;
    margin-top: -1px;
}

.delivery-badge__large {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: 0 10px 20px rgba(0,0,0,.16);
    width: 334px;
    border-radius: 30px 30px 36px 36px;
}

.delivery-badge__close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 12px;
    background-color: rgba(51,51,51,.17);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transition: background-color ease .3s;
}

    .delivery-badge__close:hover {
        background-color: rgba(51,51,51,.3);
    }

.delivery-badge__top {
    background-color: #FFDD00;
    border-radius: 30px 30px 0 0;
    padding: 27px 18px 6px;
    margin-bottom: 2px;
    display: flex;
    flex-flow: row-reverse wrap;
    justify-content: space-between;
    align-items: center;
}

.delivery-badge_img {
    display: block;
    flex-shrink: 0;
    width: 139px;
}

.delivery-badge__large .delivery-badge_title {
    width: 145px;
    flex-shrink: 0;
    font-size: 21px;
    line-height: 23px;
    font-weight: 500;
}

.delivery-badge_note {
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    flex-shrink: 0;
    width: 100%;
    margin-top: 10px;
}

.delivery-badge__bottom {
    background-color: #FFDD00;
    padding: 12px;
    border-radius: 0 0 36px 36px;
}

.delivery-badge_btn {
    display: block;
    text-align: center;
    font-size: 25px;
    line-height: 28px;
    padding: 12px;
    border: 3px solid #fff;
    background-color: #F43E72;
    border-radius: 28px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    transition: background-color ease .3s, border ease .3s;
}

    .delivery-badge_btn:hover {
        background-color: #DE3666;
    }

    .delivery-badge_btn:active {
        border: 3px solid #DE3666;
    }

/*#endregion free delivery badge ----------------------------------*/

/*#region Light select --------------------------------------------*/

body.select-overlay {
    overflow: hidden;
}

    body.select-overlay::before {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(96,102,107,.79);
        opacity: 1;
        visibility: visible;
        z-index: 9999;
    }

.lightSelect {
    display: inline-flex;
    position: relative;
    width: 100%;
}

.lightSelect__title {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #60666b;
    cursor: pointer;
    transition: border-bottom ease .3s, box-shadow ease .3s;
}

.formRow__required .lightSelect__title {
    border-bottom: 1px solid #FF5D8A;
}

.lightSelect .lightSelect__title:hover,
.lightSelect .lightSelect__title--active {
    box-shadow: inset 0 -1px 0 0 #00c3ff;
    border-bottom: 1px solid #00C3FF;
}

.lightSelect__title--active .lightSelect__arrow-item {
    transform: translateY(-50%) rotate(180deg);
}

.lightSelect__title-text {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 36px;
    color: #404040;
}

.lightSelect--disabled .lightSelect__title,
.lightSelect--disabled .lightSelect__title:hover {
    cursor: default;
    border-bottom: 1px dotted #95989A;
    box-shadow: none;
}

.lightSelect--disabled .lightSelect__title-text {
    color: #9BA3AC;
}

.lightSelect__arrow {
    width: 24px;
    flex-shrink: 0;
    position: relative;
}

.lightSelect__arrow-item {
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 9px;
    line-height: 9px;
    text-align: center;
    transform: translateY(-50%);
    transition: transform ease .3s;
}

    .lightSelect__arrow-item::before {
        content: "\e819";
        font-family: "fontello", sans-serif;
        font-size: 9px;
        color: #666666;
    }

.lightSelect__dropdown {
    display: none;
    position: fixed;
    left: 50%;
    top: 25vh;
    width: 80%;
    max-width: 400px;
    transform: translate(-50%, 0);
    overflow-x: auto;
    padding: 10px 0 0;
    border-radius: 20px;
    z-index: 10000;
    background-color: #fff;
    box-shadow: 0 20px 20px rgba(0,0,0,.16);
}

.lightSelect__dropdown--visible {
    display: block;
}

.lightSelect__search-panel {
    padding: 0 16px 0;
    position: relative;
    z-index: 6;
    margin-bottom: 16px;
}

input[type='text'].lightSelect__search-control,
input[type='text'].lightSelect__search-control:focus {
    border-bottom: 1px solid #60666B;
    box-shadow: none;
}

.lightSelect__list {
    position: relative;
    max-height: 50vh;
    overflow-y: auto;
}

.lightSelect__preloader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 5;
    align-items: center;
    justify-content: center;
}

.lightSelect__preloader--active {
    display: flex;
}

.lightSelect__list-item {
    cursor: pointer;
    padding: 15px 16px;
    font-size: 16px;
    line-height: 20px;
    transition: padding ease .3s;
}

    .lightSelect__list-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #FF5D8A;
        opacity: 0;
        transition: left ease .3s, opacity ease .3s;
    }

    .lightSelect__list-item[data-disabled="true"] {
        display: none;
    }

.lightSelect__list-item--selected {
    position: relative;
    padding: 15px 16px 15px 32px;
}

    .lightSelect__list-item--selected::before {
        left: 16px;
        opacity: 1;
    }

.lightSelect__list-item:hover {
    background-color: #EBEFF2;
}

@keyframes spinner-rolling {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.spinner-rolling {
    width: 147px;
    height: 147px;
    display: inline-block;
    overflow: hidden;
    background: none;
}

.spinner-rolling__inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
}

    .spinner-rolling__inner div {
        box-sizing: content-box;
        position: absolute;
        width: 32.339999999999996px;
        height: 32.339999999999996px;
        border: 2.94px solid #4f7abe;
        border-top-color: transparent;
        border-radius: 50%;
        animation: spinner-rolling 1s linear infinite;
        top: 73.5px;
        left: 73.5px;
    }

/*#endregion Light select -----------------------------------------*/

/*MDS*/

.ceo-text-hidden {
    display: none;
}
/*MDS*/

.message-balloon {
    display: flex;
    align-items: center;
    padding: 19px 20px;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 3px 20px rgba(0,0,0,.2);
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    max-width: 320px;
    z-index: 9999;
}

.message-balloon__icon {
    flex: 0 0 48px;
    height: 48px;
    width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #33D0FF;
    color: #33D0FF;
    font-size: 22px;
    line-height: 1;
    margin: 0 16px 0 0;
}

.message-balloon__text {
    flex: 1 1 auto;
    font-size: 13px;
    line-height: 15px;
}

/*#region Categories Bubble ---------------------------------------*/

.categories-bubble__holder {
    display: flex;
    padding: 0 0 0 40px;
}

.categories-bubble--catalog {
    margin: 0 0 15px;
}

.categories-bubble--itemCard {
    margin: 24px 0;
}

.categories-bubble__link {
    flex-shrink: 0;
    color: rgba(96, 102, 107, .8);
    font-size: 13px;
    line-height: 20px;
    padding: 8px 11px;
    border-radius: 13px;
    text-decoration: none;
    transition: background-color ease .3s;
    background-color: rgba(155, 163, 172, .1);
    margin: 0 7px 0 0;
    white-space: nowrap;
    font-weight: 500;
}

.categories-bubble__link--yellow {
    background-color: rgba(255, 221, 0, .5);
}

.categories-bubble__link--orange {
    background-color: rgba(255, 196, 102, .5);
}

.categories-bubble__link--red {
    background-color: rgba(255, 93, 138, .3);
}

.categories-bubble__link--violet {
    background-color: rgba(157, 126, 237, .3);
}

.categories-bubble__link:last-child {
    margin: 0 40px 0 0;
}

/*.categories-bubble__link:hover{*/
/*  background-color: #fff;*/
/*}*/

/*#endregion Categories Bubble ------------------------------------*/

/*#region X.X new btn */

.btn__yellow--alt2 {
    background-color: #FFDD00;
    color: rgba(0,0,0,.6);
    transition: color ease .3s, background-color ease .3s;
}

    .btn__yellow--alt2:hover {
        background-color: #FFCC00;
        color: #fff !important;
    }

.btn__yellow--alt2-wired {
    background-color: transparent;
    color: #FFDD00;
    box-shadow: inset 0 0 0 1.5px #FFDD00;
    transition: color ease .3s, background-color ease .3s, box-shadow ease .3s;
}

    .btn__yellow--alt2-wired:hover {
        background-color: #FFDEA8;
        box-shadow: inset 0 0 0 1.5px #FFCC00;
        color: rgba(0,0,0,.6);
    }

/*#endregion X.X new btn */

/*#region X.X watch price */

.watch-price {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.watch-price_icon {
    font-size: 24px;
    line-height: 1;
    margin: 0 4px 0 0;
    color: #818a91;
    opacity: .6;
}

.watch-price_text {
    font-size: 14px;
    color: #5F6A76;
    opacity: .7;
}

.watch-price:hover .watch-price_icon,
.watch-price:hover .watch-price_text {
    color: #66DBFF;
}

.watch-price--active .watch-price_icon {
    color: #66DBFF;
}

/*#endregion X.X watch price */

/*#region cart alt 2 ----------------------------------------------*/

.pd_section__radio-tiles {
    margin: 0 0 30px;
}

.radio-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(276px, 1fr));
    grid-gap: 8px;
    align-items: start;
}

.radio-tiles--delivery .radio-tile {
    min-height: 230px;
}

.radio-tiles--payment .radio-tile {
    min-height: 214px;
}

.radio-tiles--delivery .radio-tile__head {
    min-height: 166px;
}

.radio-tiles--payment .radio-tile__title {
    margin: 0;
}

.radio-tiles--payment .radio-tile__note {
    margin: auto 0;
}

/*#endregion cart alt 2 -------------------------------------------*/

/*#region brand alphabet ------------------------------------------*/

.brandAlphabetContainer {
    max-width: 1610px;
}

.brandAlphabetTop {
    display: block;
    width: 100%;
    height: 93px;
    background-color: #66DBFF;
    margin: 0 0 16px;
}

.brandAlphabetCrumbs {
    margin: 0 0 50px;
}

.alphabetHead__search {
    margin: 0 0 24px;
    max-width: 415px;
}

.alphabetHead__alphabetNav {
    margin: 0 -40px 36px;
    padding: 0 40px 24px;
    border-bottom: 1px solid #B3B9BD;
}

.alphabetBody__alphabet {
    margin: 0 0 100px;
}

.alphabetHead__alphabetNav.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 9998;
    margin: 0;
    padding: 24px 40px;
}

/*#region X.X search panel */

.search-panel {
    position: relative;
    z-index: 10;
}

    .search-panel input[type='text'] {
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        border: 1px solid #EBEFF2;
        box-shadow: none;
        z-index: 3;
        background-color: #fff;
        font-size: 14px;
        transition: color .3s ease, border .3s ease, background-color ease .3s;
        color: #666;
        padding: 0 70px 0 18px;
    }

        .search-panel input[type='text']:hover {
            background-color: #F4F6F8;
        }

        .search-panel input[type='text']:focus {
            border: 1px solid #CDD0D3;
            background-color: transparent;
        }

.search-panel__submit {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    text-align: center;
    font-size: 15px;
    color: #8F9194;
    z-index: 4;
}

.search-panel__reset {
    position: absolute;
    right: 42px;
    top: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    color: #FF5D8A;
    display: none;
}

    .search-panel__reset::after {
        content: "";
        position: absolute;
        right: -6px;
        width: 1px;
        height: 100%;
        background-color: #9BA3AC;
    }

.alphabet-search-target {
    color: #66DBFF !important;
}

.search-panel__dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    flex-direction: column;
    background-color: white;
    padding: 12px;
    border-radius: 28px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 20px;
}

.search-panel__dropdown-link {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px;
    border-radius: 16px;
    color: #657481;
    text-decoration: none;
}

    .search-panel__dropdown-link:hover {
        background-color: #F6F7F8;
    }

/*#endregion X.X search panel */

/*#region X.X alphabet nav */

.alphabetNav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 10px 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.alphabetNav__link {
    font-size: 14px;
    line-height: 17px;
    color: inherit;
    text-decoration: none;
    transition: color ease .3s;
}

    .alphabetNav__link:hover {
        color: #66DBFF;
    }

/*#endregion X.X alphabet nav */

/*#region X.X alphabet */

.alphabet__item {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: start;
    padding: 20px 0;
    border-bottom: 1px solid #EBEFF2;
}

.alphabet__item-pre {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.alphabet__item-body {
    display: grid;
}

.alphabet__item-link {
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    text-decoration: none;
    transition: color ease .3s;
}

    .alphabet__item-link:hover {
        color: #66DBFF;
    }

/*#endregion X.X alphabet */

/*#endregion brand alphabet ---------------------------------------*/

/*#region X.X radio tile */

.radio-tile {
    border-radius: 15px;
    background-color: #ffffff;
    border: 2px solid #F5F5F5;
    transition: background-color ease .3s, box-shadow ease .3s, border ease .3s;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

    .radio-tile:not(.radio-tile--active):hover {
        border: 2px solid transparent;
        background-color: #ffffff;
        box-shadow: 0 10px 30px -15px rgba(171, 181, 204, .7), 0 20px 25px -9px rgba(171, 181, 204, .12), 0 30px 50px -15px rgba(171, 181, 204, .2), 0 40px 45px -15px rgba(171, 181, 204, .15);
    }

.radio-tile--active {
    border: 2px solid transparent;
    background-color: #F2F4F6;
    cursor: default;
}

.radio-tile__head {
    padding: 22px 22px 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.radio-tile__title {
    display: flex;
    align-items: center;
    margin: 0 0 auto;
}

.radio-tile__title-img {
    flex-shrink: 0;
    height: 40px;
    margin: 0 5px 0 0;
}

.radio-tile__title-text {
    margin: 0 0 0 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
}

.radio-tile__mark {
    margin: 0 0 0 auto;
    border: 2px solid rgba(129, 138, 145, .6);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border ease .3s, background-color ease .3s;
}

.radio-tile:not(.radio-tile--active):hover .radio-tile__mark {
    border: 2px solid #33D0FF;
}

.radio-tile--active .radio-tile__mark {
    border: 2px solid #ffffff;
    background-color: #33D0FF;
}

.radio-tile__mark-icon {
    font-size: 16px;
    color: transparent;
    transition: color ease .3s;
}

.radio-tile:not(.radio-tile--active):hover .radio-tile__mark-icon {
    color: #33D0FF;
}

.radio-tile--active .radio-tile__mark-icon {
    color: #ffffff;
}

.radio-tile__payment-methods {
    margin: 16px 0 0;
}

.radio-tile__note {
    font-size: 13px;
    line-height: 15px;
    color: #60666B;
    margin: 16px 0 8px;
}

    .radio-tile__note p {
        margin: 0 0 8px;
    }

        .radio-tile__note p:last-child {
            margin: 0;
        }

.radio-tile__date-row {
    display: flex;
    align-items: center;
    margin: 0 0 8px;
}

    .radio-tile__date-row:last-child {
        margin: 0;
    }

.radio-tile__date-icon {
    font-size: 24px;
    line-height: 1;
    margin: 0 8px 0 0;
    color: #9BA3AC;
}

.radio-tile__date-item {
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px 0 0;
}

.radio-tile__date-info {
    font-size: 18px;
    margin: 0 0 0 auto;
    color: #9BA3AC;
    text-decoration: none;
}

.radio-tile__body {
    padding: 16px 22px 10px;
    border-top: 3px dotted rgba(155, 163, 172, .5);
    display: none;
}

.radio-tile__body-toggle {
    padding: 0 0 19px;
    margin: 0 0 19px;
    border-bottom: 1.5px dotted rgba(69, 73, 77, .6);
}

    .radio-tile__body-toggle .fakeCheckRadio {
        margin: 0 0 12px;
    }

        .radio-tile__body-toggle .fakeCheckRadio:last-child {
            margin: 0;
        }

    .radio-tile__body-toggle .fakeCheckRadio_text {
        padding-top: 3px;
        font-size: 14px;
        line-height: 1.2;
    }

.radio-tile__body-content .formRow {
    margin-bottom: 16px;
}

.radio-tile__body-content .formRow--col2 .formRow__col-item {
    margin-right: 16px;
    max-width: calc(50% - 8px);
}

.radio-tile__footer {
    border-top: 3px dotted rgba(155, 163, 172, .5);
    padding: 14px 22px 22px;
    font-size: 16px;
}

.radio-tile__price-currency {
    font-size: 9px;
    margin: 0 0 0 .25em;
}

/*#endregion X.X radio tile */

/*#region iconed list */

.iconed-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.iconed-list-item {
    position: relative;
    padding: 0 0 0 34px;
}

.iconed-list__icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    line-height: 1;
    color: #9BA3AC;
}

/*#endregion iconed list */

/*#region delivery time*/

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

.del-time__formRow {
    max-width: 90px;
}

/*#endregion delivery time*/

/*#region self delivery */

.self-del__section {
    padding: 0 0 13px;
    border-bottom: 1.5px dotted #9BA3AC;
    margin: 0 0 20px;
}

    .self-del__section:last-child {
        padding: 0;
        margin: 0;
        border-bottom: none;
    }

.self-del__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 12px;
    color: #60666B;
}

.self-del__title--bigger {
    font-size: 16px;
    margin: 0 0 18px;
}

.self-del__iconed-list {
    margin: 0 0 11px;
}

.self-del__map-link {
    display: inline-flex;
    align-items: center;
    margin: 0 0 0 34px;
}

    .self-del__map-link:hover {
        text-decoration: none;
    }

.self-del__map-text {
    font-size: 14px;
    margin: 0 10px 0 0;
}

.self-del__map-icon {
    font-size: 15px;
    line-height: 1;
}

/*#endregion self delivery */

/*#region payment methods*/

.payment-methods {
    display: flex;
    justify-content: center;
}

.payment-methods__item {
    padding: 0 8px;
    border-right: 1px solid #9BA3AC;
    flex-shrink: 0;
    height: 26px;
    display: flex;
    align-items: center;
}

    .payment-methods__item:last-child {
        border: none;
    }

.payment-methods__img[alt="visa"] {
    width: 45px;
}

.payment-methods__img[alt="mastercard"] {
    width: 28px;
}

.payment-methods__img[alt="applePay"] {
    width: 34px;
}

.payment-methods__img[alt="googlePay"] {
    width: 38px;
}

/*#endregion payment methods*/

/*#region bank payment*/

.bank-payment__formRow {
    margin: 0 0 24px;
}

    .bank-payment__formRow .formRow_label {
        font-size: 10px;
        line-height: 1;
        text-transform: uppercase;
    }

.bank-payment__btn {
    display: flex;
    width: 100%;
    margin: 0 0 24px;
}

.bank-payment__iconed-list {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1.5px dotted #9BA3AC;
}

    .bank-payment__iconed-list .iconed-list__text {
        display: block;
        font-size: 16px;
        line-height: 18px;
        color: #9BA3AC;
        padding-top: 2px;
    }

/*#endregion bank payment*/

/*#region item additional*/

.cartList__item-additional {
    padding-top: 23px;
}

.item-additional__head {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: margin ease .3s;
}

.item-additional__head--active {
    margin: 0 0 23px;
}

.item-additional__icon {
    position: relative;
    width: 17px;
    height: 17px;
    margin: 0 10px 0 0;
}

    .item-additional__icon::before,
    .item-additional__icon::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 15px;
        height: 1px;
        background-color: #9BA3AC;
        transition: background-color ease .3s;
    }

    .item-additional__icon::before {
        transform: translate(-50%, -50%);
    }

    .item-additional__icon::after {
        transform: translate(-50%, -50%) rotate(90deg);
        transition: opacity ease .3s, transform ease .3s;
    }

.item-additional__head:hover .item-additional__icon::before,
.item-additional__head:hover .item-additional__icon::after {
    background-color: #00C3FF;
}

.item-additional__head--active .item-additional__icon::after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0);
}

.item-additional__title {
    text-transform: uppercase;
    color: #9BA3AC;
    font-size: 13px;
    line-height: 1;
    margin: 0 auto 0 0;
    transition: color ease .3s;
}

.item-additional__head:hover .item-additional__title {
    color: #00C3FF;
}

.item-additional__total-val {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
}

.item-additional__total-cur {
    font-size: 8px;
}

.item-additional__body {
    display: none;
}

.item-additional__inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(286px, 1fr));
    grid-gap: 16px;
}

.item-additional__option {
    border-radius: 15px;
    padding: 10px 24px 10px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: #ffffff;
    box-shadow: inset 0 0 0 2px rgba(235, 239, 242, .5);
    transition: box-shadow ease .3s;
}

    .item-additional__option:hover {
        box-shadow: inset 0 0 0 2px rgba(235, 239, 242, .5), 0 10px 30px -15px rgba(171, 181, 204, .7), 0 20px 25px -9px rgba(171, 181, 204, .12), 0 30px 50px -15px rgba(171, 181, 204, .2), 0 40px 45px -15px rgba(171, 181, 204, .15);
    }

.item-additional__option--active {
    background-color: rgba(235, 239, 242, .5);
}

.item-additional__option-img {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 6px;
    margin: 0 12px 0 0;
}

.item-additional__option-text {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 15px 0 0;
    text-transform: uppercase;
}

.item-additional__option-title:not(:last-child) {
    margin: 0 0 4px;
}

.item-additional__option-price {
    color: #60666B;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    display: none;
}

.item-additional__option--active .item-additional__option-price {
    display: block;
}

.item-additional__option-price-cur {
    font-size: 8px;
}

.item-additional__option-toggle {
    flex-shrink: 0;
    margin: 0 0 0 auto;
    width: 32px;
    height: 32px;
    border: 2px solid rgba(129, 138, 145, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    color: transparent;
    transition: border ease .3s, color ease .3s;
}

.item-additional__option:not(.item-additional__option--active):hover .item-additional__option-toggle {
    border: 2px solid #00C3FF;
    color: #00C3FF;
}

.item-additional__option--active .item-additional__option-toggle {
    background-color: #00C3FF;
    color: #ffffff;
    border: 2px solid #ffffff;
}

/*#endregion item additional*/

/*#region additional modal*/

.additional-modal {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
    background-color: rgba(0,0,0,.7);
    align-items: center;
    justify-content: center;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.additional-modal__body {
    width: 100%;
    max-height: 100%;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: -200vh;
    transform: translate(-50%,-50%);
    transition: top ease .3s;
}

.additional-modal__body--initialized {
    top: 50%;
}

.additional-slider {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 22px;
}

    .additional-slider .slick-list {
        cursor: grab;
        margin: 0 0 12px;
    }

    .additional-slider .slick-slide {
        padding: 0 10px;
        width: 300px;
    }

.additional-slider__slide {
    position: relative;
    width: 280px;
    background-color: #ffffff;
    border-radius: 25px;
    padding: 32px 32px 24px;
    filter: grayscale(100%);
    transform: scale(.9);
    transition: transform ease .3s;
    box-shadow: 0 17px 20px rgba(96, 102, 107,.03), 0 15px 10px rgba(96, 102, 107,.04), 0 5px 15px rgba(96, 102, 107,.04), 0 0 5px rgba(96, 102, 107,.05);
}

.additional-slider .slick-active .additional-slider__slide {
    filter: grayscale(0);
    transform: scale(1);
}

.additional-slider__rotate {
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 18px;
    color: #818B92;
    font-size: 21px;
    z-index: 5;
    transition: color ease .3s;
}

    .additional-slider__rotate:hover {
        color: #33D0FF;
    }

.additional-slider__image {
    width: 216px;
    height: 216px;
    position: relative;
    margin: 0 auto 20px;
}

.additional-slider__image-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
    transition: transform ease .2s;
}

.additional-slider__image-item--front {
    z-index: 5;
    transition-delay: .2s;
}

.additional-slider__image-item--back {
    transform: rotateY(90deg);
    transition-delay: 0s;
}

.additional-slider__image--rotate .additional-slider__image-item--front {
    transform: rotateY(90deg);
    transition-delay: 0s;
}

.additional-slider__image--rotate .additional-slider__image-item--back {
    transform: rotateY(0deg);
    transition-delay: .2s;
}

.additional-slider__title {
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.additional-slider__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0 0;
    border-top: 3px dotted #9BA3AC;
}

.additional-slider__price-val {
    font-size: 24px;
    line-height: 1;
}

.additional-slider__price-cur {
    font-size: 10px;
    display: inline-block;
    vertical-align: top;
}

.additional-slider__icon {
    font-size: 30px;
    line-height: 1;
    color: transparent;
    transition: color ease .3s;
}

.additional-slider .slick-active .additional-slider__icon {
    color: #33D0FF;
}

.additional-slider .slick-dots {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    font-size: 0;
}

    .additional-slider .slick-dots button {
        padding: 0;
        outline: none;
        cursor: pointer;
        border: none;
        background-color: rgba(129, 138, 145, .6);
        border-radius: 50%;
        width: 6px;
        height: 6px;
        margin: 0 8px;
        transition: background-color ease .3s, box-shadow ease .3s;
    }

.additional-slider .slick-active button {
    background-color: #ffffff;
    box-shadow: 0 0 0 2px #ffffff;
}

.additional-modal__form {
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 25px;
    margin: 0 auto 20px;
    max-width: 500px;
}

.additional-modal__formRow:last-child {
    margin: 0;
}

.additional-modal__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 20px;
}

.additional-modal__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0;
    outline: none;
    cursor: pointer;
    border: none;
    background-color: rgba(129, 138, 145, .6);
    color: #ffffff;
    font-size: 24px;
    border-radius: 50%;
    margin: 0 12px;
}

/*#endregion additional modal*/

/*#region Black Friday --------------------------------------------*/

/*#region X.X catalog banner */

.bf-catalog-banner {
    padding: 16px 0;
    margin: 0 0 10px;
    text-align: center;
    background: rgb(252,92,150);
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right bottom, rgba(252,92,150,1) 0%, rgba(106,130,251,1) 100%);
}

    .bf-catalog-banner::after {
        content: "";
        position: absolute;
        width: 212px;
        height: 209px;
        right: -73px;
        top: -22px;
        background: url("/img/black-friday/gift1.png") center / contain no-repeat;
    }

.bf-catalog-banner__title {
    position: relative;
    z-index: 10;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    margin: 0 0 6px;
    color: #FFDD00;
}

.bf-catalog-banner__subtitle {
    position: relative;
    z-index: 10;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    color: #66DBFF;
}

/*#endregion X.X catalog banner */

/*#region X.X timer */

.bf-timer {
    position: absolute;
    left: 36.3%;
    top: 37.83%;
    z-index: 5;
    color: #ffffff;
}

.timer {
    display: flex;
    align-items: center;
    color: #ffffff;
}

.bf-timer__title {
    font-size: 16px;
    line-height: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 0 5px;
}

.timer__block {
    min-width: 50px;
    flex: 0 0 50px;
    margin: 0 26px 0 0;
}

.timer__block-inner {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
}

    .timer__block-inner::after {
        content: ":";
        position: absolute;
        font-size: 32px;
        line-height: 1;
        top: 0;
        right: -16px;
        font-weight: bold;
    }

.timer__block:last-child {
    margin: 0;
}

    .timer__block:last-child .timer__block-inner::after {
        display: none;
    }

.timer__val {
    display: block;
    font-weight: bold;
    font-size: 32px;
    line-height: 1;
    margin: 0 0 3px;
}

.timer__post {
    display: block;
    font-size: 10px;
    line-height: 9px;
    text-transform: uppercase;
}

/*#endregion X.X timer */

/*#region X.X slider notify */

.bf-slider-notify {
    position: absolute;
    z-index: 5;
    top: 61.18%;
    left: 64%;
    transform: translate(-50%, 0);
    display: flex;
}

.bf-slider-notify__btn {
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    padding: 7px 16px;
    border-radius: 23px;
    white-space: nowrap;
    color: #352552;
    box-shadow: 0 3px 30px rgba(20, 0, 53, .46);
    font-weight: 500;
}

/*#endregion X.X slider notify */

/*#region X.X BF label */

.label_bf {
    padding: 0;
    display: flex;
}

.label_bf-img {
    display: block;
    height: 30px;
}

.label_bf-text {
    padding: 6px 6px 6px 0;
    border-radius: 0 6px 6px 0;
    font-weight: bold;
    background-color: #352552;
    color: #FFDD00;
    font-size: 16px;
}

/*#endregion X.X BF label */

/*#region X.X BF badge */

.contact-bar_item--bf-badge {
    width: auto;
    height: auto;
}

.bf-badge {
    width: 334px;
    position: relative;
}

.bf-badge__close {
    position: absolute;
    z-index: 6;
    width: 24px;
    height: 24px;
    background-color: rgba(255,255,255,.17);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    top: 15px;
    right: 15px;
    transition: background-color ease .3s;
}

    .bf-badge__close:hover {
        background-color: rgba(255,255,255,.3);
    }

.bf-badge__top {
    margin: 0 0 1px;
    border-radius: 30px 30px 0 0;
    min-height: 150px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 28px;
    color: #FFDD00;
    background-color: #2D253C;
    cursor: pointer;
}

.bf-badge__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px 30px 0 0;
}

.bf-badge__text {
    font-size: 29px;
    line-height: 1;
    font-weight: bold;
    position: relative;
    z-index: 5;
}

.bf-badge__bottom {
    padding: 15px;
    border-radius: 0 0 30px 30px;
    background: rgb(252,92,150);
    background: linear-gradient(33deg, rgba(252,92,150,1) 0%, rgba(106,130,251,1) 100%);
}

.bf-badge__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2D253C;
    padding: 18px 24px;
    border-radius: 28px;
    text-decoration: none;
}

.bf-badge__btn-text {
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
}

.bf-badge__btn-icon {
    font-size: 20px;
    line-height: 1;
    margin-right: 13px;
}

/*#endregion X.X BF badge */

/*#region X.X Catalog Banner BF*/

.catalogItem__catalogBF {
    display: flex;
    height: 100%;
    position: relative;
    border-radius: 30px;
    background: rgb(252,92,150);
    background: linear-gradient(142deg, rgba(252,92,150,1) 0%, rgba(106,130,251,1) 100%);
}

.catalogItem__catalogBF-bg {
    width: 100%;
    border-radius: 30px;
}

.catalogItem__catalogBF-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.catalogItem__catalogBF--before .catalogItem__catalogBF-content {
    padding: 0 0 10.6%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.catalogItem__catalogBF--during .catalogItem__catalogBF-content {
    padding: 0 0 14.13%;
}

.catalogItem__catalogBF-icon {
    color: #FFDD00;
    font-size: 70px;
    line-height: 1;
    margin: 0 0 6px;
    text-shadow: 0 3px 30px rgba(0,0,0,.5);
}

.catalogItem__catalogBF-btn {
    position: relative;
    z-index: 5;
    color: #2D253C;
    font-weight: 500;
    padding: 16px 24px;
    border-radius: 30px;
    box-shadow: 0 3px 30px rgba(0,0,0,.5);
}

.btn.catalogItem__catalogBF-btn:hover {
    color: #fff;
    background-color: #FAC000;
}

/*#endregion X.X Catalog Banner BF*/

/*#region X.X page head*/

.pageHead--bf {
    background-color: #2D253C;
    color: #FFDD00;
    margin: 0 !important;
}

    .pageHead--bf .pageHead_title__sub {
        display: inline-block;
        font-size: 24px;
        color: rgba(255,255,255,.2);
    }

    .pageHead--bf .crumbs a,
    .pageHead--bf .crumbs li {
        color: rgba(255,255,255,.35);
    }

        .pageHead--bf .crumbs a:hover {
            color: rgba(255,255,255,.5);
        }

/*#endregion X.X page head*/

/*#region X.X BF bubble*/

.categories-bubble__link--bf {
    background-color: #2D253C;
    color: #FFDD00;
}

/*#endregion X.X BF bubble*/

/*#region X.X BF economy badge*/

.buyInfo_buyInfo-economy--bf {
    background-color: #2D253C;
}

    .buyInfo_buyInfo-economy--bf .buyInfo-economy_pre,
    .buyInfo_buyInfo-economy--bf .buyInfo-economy_body {
        color: #FFDD00;
    }

.buyInfo_price__current--bf {
    color: #FFBF00 !important;
}

/*#endregion X.X BF economy badge*/

/*#region X.X BF buy info price*/

.buyInfo_price-bf-label {
    display: block;
    width: 86px;
}

.buyInfo_price--bf .buyInfo_price__old {
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.buyInfo_price__old-currency {
    font-size: 0.4em;
    line-height: 1;
    position: absolute;
    right: -1.2em;
    top: 0.2em;
}

/*#endregion X.X BF buy info price*/

/*#endregion Black Friday -----------------------------------------*/

/*#region Nicolas --------------------------------------------*/

/*#region X.X Nicolas slider */

.nicolas-slide__controls {
    position: absolute;
    z-index: 5;
    top: 72.64%;
    left: 73.71%;
    transform: translate(-50%,-50%);
}

.nicolas-slide__controls-btn {
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 26px;
    border-radius: 23px;
    white-space: nowrap;
    color: #2D253C;
    font-weight: 500;
}

/*#endregion X.X Nicolas slider */

/*#region X.X Catalog Banner Nicolas*/

.catalogItem__catalogNicolas {
    display: flex;
    height: 100%;
    position: relative;
    border-radius: 30px;
}

.catalogItem__catalogNicolas-bg {
    width: 100%;
    border-radius: 30px;
}

.catalogItem__catalogNicolas-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 0 0 22%;
}

.catalogItem__catalogNicolas-btn {
    position: relative;
    z-index: 5;
    color: #2D253C;
    font-weight: 500;
    padding: 19px 32px;
    border-radius: 30px;
    box-shadow: 0 3px 30px rgba(0,0,0,.5);
}

.btn.catalogItem__catalogNicolas-btn:hover {
    color: #fff;
    background-color: #FAC000;
}

/*#endregion X.X Catalog Banner Nicolas*/

/*#region X.X Nicolas label */

.label_nicolas {
    padding: 0;
    display: flex;
    border-radius: 15px;
    background-color: #1B1464;
    overflow: hidden;
}

.label_nicolas-img {
    display: block;
    height: 30px;
    margin: 0 0 0 3px;
}

    .label_nicolas-img:only-child {
        margin: 0 12px;
    }

.label_nicolas-text {
    border-radius: 0 6px 6px 0;
    font-weight: bold;
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    margin: 0 10px 0 0;
}

/*#endregion X.X Nicolas label */

/*#region X.X Nicolas page head*/

.pageHead--nicolas {
    background: url('/img/nicolas/header_bg.jpg');
    background-size: 480px auto;
    color: #66DBFF;
}

    .pageHead--nicolas .pageHead_title {
        font-weight: 500;
    }

    .pageHead--nicolas .pageHead_title__sub {
        font-weight: 400;
        display: inline-block;
        font-size: 24px;
        color: rgba(255,255,255,.3);
    }

    .pageHead--nicolas .crumbs a,
    .pageHead--nicolas .crumbs li {
        color: rgba(255,255,255,.35);
    }

        .pageHead--nicolas .crumbs a:hover {
            color: rgba(255,255,255,.5);
        }

/*#endregion X.X Nicolas page head*/

/*#region X.X BF bubble*/

.categories-bubble__link--nicolas {
    background-color: #1B1464;
    color: #66DBFF;
}

/*#endregion X.X BF bubble*/

/*#endregion Nicolas -----------------------------------------*/

/*#region New Year -------------------------------------------*/

.btn-new-year {
    position: relative;
    z-index: 5;
    background: linear-gradient(0deg, rgba(255,28,48, 1) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 55%, rgba(255,28,48, 1) 100%), url('/img/new_year/pattern2.png') center/contain, #FF1C30;
    box-shadow: inset 0 0 0 3px #fff, 0 16px 16px rgba(20,0,53,.46);
    border-radius: 30px;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    text-align: center;
    padding: 8px 24px;
}

    .btn-new-year:hover {
        color: #fff !important;
    }

/*#region X.X New Year slider */

.ny-slide__controls-btn {
    box-shadow: inset 0 0 0 1.5px #fff, 0 3px 30px rgba(0,0,0,.5);
}

.ny-slide__controls-icon {
    display: none;
}

.ny-slide__controls {
    position: absolute;
    z-index: 5;
    top: 70.28%;
    left: 72.427%;
    transform: translate(-50%,-50%);
}

.nicolas-slide__controls-btn {
    font-size: 15px;
    line-height: 16px;
    padding: 7px 18px;
    border-radius: 23px;
    font-weight: 500;
}

/*#endregion X.X New Year slider */

/*#region X.X Catalog Banner New Year */

.catalogItem__catalogNY {
    display: flex;
    height: 100%;
    position: relative;
    border-radius: 30px;
}

.catalogItem__catalogNY-bg {
    width: 100%;
    border-radius: 30px;
}

.catalogItem__catalogNY-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 0 0 23.18%;
}

.catalogItem__catalogNY-btn {
    min-width: 144px;
}

/*#endregion X.X Catalog Banner New Year */

/*#region X.X New Year bubble*/

.categories-bubble__link--ny {
    background: linear-gradient(0deg, rgba(255,28,48, 1) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 55%, rgba(255,28,48, 1) 100%), url('/img/new_year/pattern2.png') center/cover, #FF1C30;
    color: #fff;
}

/*#endregion X.X New Year bubble*/

/*#region X.X Nicolas page head*/

.pageHead--ny {
    background: url('/img/nicolas/header_bg.jpg');
    background-size: 480px auto;
    color: #FF1C30;
}

    .pageHead--ny .pageHead_title {
        font-weight: 500;
    }

    .pageHead--ny .pageHead_title__sub {
        font-weight: 400;
        display: inline-block;
        font-size: 24px;
        color: rgba(255,255,255,.3);
    }

    .pageHead--ny .crumbs a,
    .pageHead--ny .crumbs li {
        color: rgba(255,255,255,.35);
    }

        .pageHead--ny .crumbs a:hover {
            color: rgba(255,255,255,.5);
        }

/*#endregion X.X Nicolas page head*/

/*#region X.X New Year label */

.label_ny {
    padding: 3px 0 3px 3px;
    display: flex;
    border-radius: 15px;
    background: url('/img/new_year/pattern.png') center/cover, #FF1C30;
    overflow: hidden;
}

.label_nicolas-img {
    display: block;
    height: 24px;
    margin: 0 3px 0 0;
}

    .label_nicolas-img:only-child {
        margin: 0 12px;
    }

.label_nicolas-text {
    border-radius: 0 6px 6px 0;
    font-weight: bold;
    color: #fff;
    font-size: 21px;
    line-height: 24px;
    margin: 0 10px 0 0;
}

/*#endregion X.X New Year label */

/*#endregion New Year ----------------------------------------*/

/*#region X.X Delivery, Hot wheels, Mattel, Krayola banner */

.catalogItem__chicco,
.catalogItem__krayola,
.catalogItem__mattel,
.catalogItem__hot-wheels,
.catalogItem__delivery {
    display: flex;
    height: 100%;
    position: relative;
    border-radius: 30px;
}

.catalogItem__chicco-bg,
.catalogItem__krayola-bg,
.catalogItem__mattel-bg,
.catalogItem__hot-wheels-bg,
.catalogItem__delivery-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}

/*#endregion X.X Delivery, Hot wheels, Krayola banner */

/*#region X.X Categories */

.categories-tile {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.categories-tile_title {
    font-size: 17px;
    line-height: 20px;
    margin: 0 0 8px;
    font-weight: 500;
    color: #818A91;
}

.categories-tile_list {
    margin: 0 0 auto;
}

.categories-tile_item {
    margin: 0 0 8px;
}

.categories-tile_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #818A91;
    background-color: #F5F7F8;
    text-decoration: none;
    border: none;
    outline: none;
    padding: 17px;
    border-radius: 24px;
    cursor: pointer;
    transition: background-color ease .3s;
}

    .categories-tile_btn:hover {
        background-color: #EBEFF2;
    }

.categories-tile_btn-icon {
    font-size: 14px;
    line-height: 1;
}

.categories-tile_btn-text {
    font-size: 14px;
    line-height: 1;
    margin: 0 6px 0 0;
    text-transform: uppercase;
    font-weight: 500;
}

.category-item {
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 1px;
    color: #45494D;
    text-decoration: none;
    border-radius: 16px;
    background-color: #F5F6F7;
    transition: background-color ease .3s;
}

    .category-item:hover {
        background-color: #EBEDEE;
    }

.category-item_img {
    min-height: 62px;
    width: 62px;
    justify-self: stretch;
    object-fit: cover;
    border-radius: 15px 0 0 15px;
}

.category-item_text {
    margin: 7px 12px 7px 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    flex: 1 1 auto;
    opacity: .8;
    max-height: 48px;
    overflow: hidden;
}

    .category-item_text:first-child {
        text-align: center;
    }

.modal--categories {
    min-width: 340px;
}

    .modal--categories .modal_body {
        padding: 40px 16px 10px;
        margin: 0;
        border-bottom: 1px solid #EBEFF2;
    }

    .modal--categories .modal_footer {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 16px 24px;
    }

.category-grid_title {
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 20px;
    font-weight: 500;
    color: #666666;
}

.category-grid_body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.categories-grid_item {
    border-radius: 10px;
    min-height: 42px;
    margin: 0;
}

    .categories-grid_item .category-item_img {
        min-height: 40px;
        width: 40px;
        justify-self: stretch;
        object-fit: cover;
        border-radius: 8px 0 0 8px;
    }

    .categories-grid_item .category-item_text {
        margin: 4px 7px;
        font-size: 12px;
        line-height: 13px;
        max-height: 26px;
    }

/*#endregion X.X Categories */

/*#region X.X Discount desc */

.discount-desc {
    display: block;
    background: #FAFAFA;
    padding: 16px 56px 16px 16px;
    border-radius: 16px;
    position: relative;
    color: inherit;
    text-decoration: none;
    transition: background-color ease .3s;
}

    .discount-desc:hover {
        background: #E7E9EB;
    }

.discount-desc__arrow {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
}

.discount-desc__title {
    color: #F43E72;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 8px;
}

.discount-desc__body {
    font-size: 16px;
    line-height: 1.45;
    color: #60666B;
}

/*#endregion X.X Discount desc */