

/* Start:/local/templates/erolaif_2025/src/css/fonts.css?17581150584775*/

@font-face {
    font-family: 'Geologica Cursive';
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.eot');
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.woff2') format('woff2'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.woff') format('woff'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geologica Cursive';
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Black.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Black.woff2') format('woff2'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Black.woff') format('woff'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geologica Cursive';
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraLight.woff2') format('woff2'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraLight.woff') format('woff'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geologica Cursive';
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Bold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Bold.woff2') format('woff2'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Bold.woff') format('woff'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geologica Cursive';
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Medium.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Medium.woff2') format('woff2'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Medium.woff') format('woff'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geologica Cursive';
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraBold.woff2') format('woff2'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraBold.woff') format('woff'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geologica Cursive';
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.eot');
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.woff2') format('woff2'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.woff') format('woff'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geologica Cursive';
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.eot');
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.woff2') format('woff2'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.woff') format('woff'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geologica Cursive';
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.eot');
    src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.woff2') format('woff2'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.woff') format('woff'),
    url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* End */


/* Start:/local/templates/erolaif_2025/src/fonts/mulish_/mulish.css?17581844673748*/
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLight.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLight.woff') format('woff');
	font-weight: 1;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLightItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLightItalic.woff') format('woff');
	font-weight: 1;
	font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLight.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLightItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLightItalic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Light.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-LightItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Regular.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Italic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Medium.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-MediumItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-SemiBold.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-SemiBoldItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Bold.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-BoldItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraBold.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraBoldItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraBoldItalic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Black.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-BlackItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-BlackItalic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
    font-display: swap;
}

/* End */


/* Start:/local/templates/erolaif_2025/src/libs/slick/slick.css?17452638741895*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/erolaif_2025/static/css/separate-css/swiper.min.css?174526387413681*/
/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

/* End */


/* Start:/local/templates/erolaif_2025/static/css/separate-css/jquery.fancybox.css?174526387422411*/
body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99994;
}

@media only screen and (min-width: 768px) {
  .fancybox-gradient {
    height: 50vh;
  }
}

@media only screen and (max-width: 767px) {
  .fancybox-gradient {
    height: 200px;
  }
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.fancybox-inner {
  background-color: #FFFFFF;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background-color: rgba(74, 74, 80, 0.6);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  /*transition: opacity .25s ease, visibility 0s ease .25s;*/
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  /*transition: opacity .25s ease 0s, visibility 0s ease 0s;*/
  visibility: visible;
}

.fancybox-infobar {
  display: none;
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
}

@media only screen and (min-width: 1920px) {
  .fancybox-slide--image {
    padding: 120px 0 160px;
  }

  .fancybox-slide--video {
    padding-top: 96px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .fancybox-slide--image {
    padding: 80px 0 120px;
  }

  .fancybox-slide--video {
    padding-top: 56px;
  }
}

@media only screen and (max-width: 767px) {
  .fancybox-slide--image {
    padding: 64px 16px 80px;
  }

  .fancybox-slide--video {
    padding-top: 46px;
  }
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: none;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(.5, 0, .14, 1);
  -webkit-backface-visibility: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

@media only screen and (min-width: 1920px) {
  .fancybox-slide--image .fancybox-content {
    border-radius: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .fancybox-slide--image .fancybox-content {
    border-radius: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .fancybox-slide--image .fancybox-content {
    border-radius: 16px;
  }
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: none;
}

.fancybox-slide--map .fancybox-content {
  background: none;
}

.fancybox-slide--iframe .fancybox-content {
  background: none;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */

@media only screen and (max-width: 1279px) {
  .fancybox-navigation {
    display: none;
  }
}

.fancybox-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  margin: 0;
  position: relative;
  visibility: inherit;
  outline: none;
  padding: 0;
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}

.fancybox-button--arrow_left,
.fancybox-button--arrow_right {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
}

@media only screen and (min-width: 1920px) {
  .fancybox-button--arrow_left,
  .fancybox-button--arrow_right {
    width: 80px;
    height: 80px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .fancybox-button--arrow_left,
  .fancybox-button--arrow_right {
    width: 56px;
    height: 56px;
  }
}

@media only screen and (max-width: 1279px) {
  .fancybox-button--arrow_left,
  .fancybox-button--arrow_right {
    width: 48px;
    height: 48px;
  }
}

.fancybox-button--arrow_left svg,
.fancybox-button--arrow_right svg {
  stroke: currentColor;
}

.fancybox-button--arrow_left svg {
  transform: rotate(-180deg);
}

.fancybox-button--arrow_left[disabled],
.fancybox-button--arrow_right[disabled] {
  border-color: #8E7D82;
  cursor: not-allowed;
}

.fancybox-button--arrow_left[disabled],
.fancybox-button--arrow_left[disabled]:visited,
.fancybox-button--arrow_left[disabled]:link,
.fancybox-button--arrow_right[disabled],
.fancybox-button--arrow_right[disabled]:visited,
.fancybox-button--arrow_right[disabled]:link {
  color: #8E7D82;
}

.fancybox-button--arrow_left:not([disabled]),
.fancybox-button--arrow_right:not([disabled]) {
  border-color: #F27C96;
}

.fancybox-button--arrow_left:not([disabled]),
.fancybox-button--arrow_left:not([disabled]):visited,
.fancybox-button--arrow_left:not([disabled]):link,
.fancybox-button--arrow_right:not([disabled]),
.fancybox-button--arrow_right:not([disabled]):visited,
.fancybox-button--arrow_right:not([disabled]):link {
  color: #F27C96;
}

.fancybox-button--arrow_left:not([disabled]):hover,
.fancybox-button--arrow_right:not([disabled]):hover {
  border-color: #E9164D;
  color: #E9164D;
}

.fancybox-button--close svg {
  fill: currentColor;
}

@media only screen and (min-width: 1920px) {
  .fancybox-button--close svg {
    width: 48px;
    height: 48px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .fancybox-button--close svg {
    width: 36px;
    height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .fancybox-button--close svg {
    width: 24px;
    height: 24px;
  }
}

.fancybox-button--close {
  background: none;
  /*transition-property: width, height, background-color, padding;*/
}

@media only screen and (min-width: 768px) {
  .fancybox-button--close {
    padding: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .fancybox-button--close {
    padding: 8px;
  }
}

.fancybox-button--close,
.fancybox-button--close:visited,
.fancybox-button--close:link {
  color: #8E7D82;
}

.fancybox-button--close:hover {
  color: #E9164D;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: none;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  /*display: block;*/
  /*height: 100%;*/
  overflow: visible;
  /*position: relative;*/
  /*width: 100%;*/
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  display: none;
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
  top: 50%;
  transform: translateY(-50%);
}

.fancybox-navigation .fancybox-button div {
  padding: 0;
}

@media only screen and (min-width: 1920px) {
  .fancybox-navigation .fancybox-button--arrow_left {
    left: 64px;
  }

  .fancybox-navigation .fancybox-button--arrow_right {
    right: 64px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .fancybox-navigation .fancybox-button--arrow_left {
    left: 24px;
  }

  .fancybox-navigation .fancybox-button--arrow_right {
    right: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .fancybox-navigation .fancybox-button--arrow_left {
    left: 16px;
  }

  .fancybox-navigation .fancybox-button--arrow_right {
    right: 16px;
  }
}

/* Caption */

.fancybox-caption {
  display: none;
  background: linear-gradient(to top,
  rgba(0, 0, 0, .85) 0%,
  rgba(0, 0, 0, .3) 50%,
  rgba(0, 0, 0, .15) 65%,
  rgba(0, 0, 0, .075) 75.5%,
  rgba(0, 0, 0, .037) 82.85%,
  rgba(0, 0, 0, .019) 88%,
  rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}

/* Transition effects */

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }

  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}

/* Share */

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
  display: flex;
  justify-content: center;
  background: transparent;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  z-index: 99995;
}

@media only screen and (min-width: 1920px) {
  .fancybox-thumbs {
    padding-bottom: 48px;
  }
}

@media only screen and (max-width: 1919px) {
  .fancybox-thumbs {
    padding-bottom: 24px;
  }
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-thumbs-x::-webkit-scrollbar {
  display: none;
}

.fancybox-thumbs__list {
  /*width: 100% !important;*/
  display: flex;
  justify-content: center;
  font-size: 0;
  line-height: 1;
  height: auto;
  list-style: none;
  position: relative;
  white-space: nowrap;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*background-color: #CBC8C8;*/
  /*background-image: none !important;*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  /*max-height: calc(100% - 8px);*/
  /*max-width: calc(50% - 4px);*/
  outline: none;
  overflow: hidden;
  margin: 0 8px;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}

@media only screen and (min-width: 1920px) {
  .fancybox-thumbs__list a {
    width: 98px;
    height: 109px;
    border-radius: 32px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .fancybox-thumbs__list a {
    width: 80px;
    height: 91px;
    border-radius: 24px;
  }
}

@media only screen and (max-width: 1279px) {
  .fancybox-thumbs__list a {
    width: 12px;
    height: 12px;
    background-image: none !important;
    background-color: #F6E2E6;
    background-clip: content-box;
    border-radius: 50%;
    padding: 2px;
  }
}

.fancybox-thumbs__list a.fancybox-thumbs-active {
  opacity: 1;
}

@media only screen and (max-width: 1279px) {
  .fancybox-thumbs__list a.fancybox-thumbs-active {
    background-color: #E9164D;
    padding: 0;
  }
}

/* Styling for Small-Screen Devices */

/*@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}*/

/* End */


/* Start:/local/templates/erolaif_2025/src/css/c-form.css?17569975951967*/
.c-form{}
.c-form-row{
    display: flex;
    flex-direction: column;
}
.c-form-row:not(:last-child){
    margin-bottom: 12px;
}
.c-form-label {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #430315;
}
.c-form-input{
    color: #430315;
    border: 1px solid #F6E2E6;
    background-color: #FCF4F4;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    border-radius: 10px;
    outline: none;
    padding: 13px 20px;
    transition: all 0.25s;
}
.c-form-error{
    border-color: #EF3167;
}
.c-form-required{
    color: #EF3167;
}
.c-checkbox{
    position: relative;
    padding-left: 47px;
}
.c-checkbox__input{
    display: none;
}
.c-checkbox__mark{
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 15px;
    background-color: #fff;
    border: 1px solid #EF3167;
    border-radius: 7px;
    line-height: 0;
    transition: 0.3s;
}
.c-checkbox__mark:before{
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background-color: #EF3167;
    border-radius: 50%;
    left: 2px;
    top: 1px;
    transition: 0.3s;
}
.c-checkbox__input:checked + .c-checkbox__mark{
    background-color: #EF3167;
}
.c-checkbox__input:checked + .c-checkbox__mark:before{
    left: calc(100% - 13px);
    background-color: #fff;
}
.c-checkbox a{
    color: #EF3167;
}
.c-form-required-text{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #430315;
}
.c-form-btn{
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    background-color: #EF3167;
    border-radius: 10px;
    padding: 10px 20px;
    cursor: pointer;
}
.c-form-submit-block{
    text-align: center;
}
/* End */


/* Start:/local/templates/erolaif_2025/src/css/add.css?1766430984711*/
.action-label{
    position: absolute;
    display: flex;
    grid-gap: 6px;
}
.action-label div{
	padding: 5px 10px;
    border-radius: 3px;
    background-color: #65bd57;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;}
.cover-inner,
.promotion-item__img{
    position: relative;
}
.promotion-item__img .action-label{
    left: 30px;
    top: 30px;
}
.cover-inner .action-label{
    left: 32px;
    top: 0;
}
@media (max-width: 767px) {
    .cover-inner .action-label{
        left: 16px;
        top: -2px;
    }
}
@media (max-width: 620px) {
    .promotion-item__img .action-label{
        left: 10px;
        top: 10px;
    }
}
/* End */


/* Start:/local/templates/erolaif_2025/src/css/popup.css?17605953651418*/
.c-popup{
    display: none !important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(40, 40, 40, 0.60);
    z-index: 105;
    overflow-y: auto;
    width: 100vw;
    height: 100vh;
}
.c-popup-show{
    display: flex !important;
}
.c-popup-wrapper{
    max-width: 600px;
    margin: auto;
    padding: 40px 0;
    width: 100%;
}

.c-popup-form{
    background-color: #FFFFFF;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.c-popup-header{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #EF3167;
    padding: 16px;
}

.c-popup-header-close{
    position: absolute;
    right: 21px;
    top: 24px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-image: url("/local/templates/erolaif_2025/src/css/../img/popup/c-popup-close.svg");
    flex: 0 0 15px;
}
.c-popup-header-title{
    padding-right: 30px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
.c-popup-header-title svg{
    margin-right: 16px;
}
.c-popup-body{
    padding: 25px 37px;
}
#loading_screen {
    position: fixed;
    z-index: 1150;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    height: 64px;
}
/* End */


/* Start:/local/templates/erolaif_2025/styles.css?17895600001160*/
#catalog-section-items > div.section-description > h2{
    font-size: 26px !important;
}
#catalog-section-items > div.section-description > p{
    font-size: 16px !important;
}
#catalog-section-items .question-content {
    margin-left: 0;
}
#catalog-section-items .section-description {
    margin-top: calc(var(--indent-size) * 4);
}

#catalog-section-items .question-title {
    font-size: 45px;
    background: none;
    padding: 0;
    margin-top: calc(var(--indent-size) * 4);
}
#catalog-section-items .accordion-content {
    font-size: 16px;
}
#catalog-section-items .accordion-title {
    font-size: 26px;
}
@media only screen and (min-width: 1920px) {
    #catalog-section-items .accordion:not([class*=_big]) .accordion-content {
        padding-top: calc(var(--indent-size) * 3);
    }
    #catalog-section-items .accordion:not([class*=_big]):not(:last-child) {
        margin-bottom: calc(var(--indent-size) * 4);
    }
    #catalog-section-items .question-content {
        padding-top: calc(var(--indent-size) * 4);
    }
}

@media only screen and (max-width: 767px) {
    #catalog-section-items .question-title {
        font-size: 36px;
    }
}
/* End */


/* Start:/local/templates/erolaif_2025/static/css/main.css?1790167144659435*/
/*! 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.
 */
*{
  box-sizing: border-box;
}
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,
.h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
.img, .video {
  display: block;
  position: relative;
  height: 0;
}
/**
 * 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;
}

:root {
  --vh: 1vh;
  --vw: 1vw;
  --indent-size: 8px;
  --grid-size: 8px;
  --font-size: 18px;
  --box-size: 4px;
  --border-radius: 16px;
  --path-percent: 16%;
  --helloSliderHeight: 0px;
  --headerHeight: 0px;
}

html {
  height: 100%;
}

* {
  letter-spacing: normal;
}

html,
body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

html {
  -ms-overflow-style: scrollbar;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

button {
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.content {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .content {
    max-width: calc(1792px + calc(var(--grid-size) * 8));
    padding: 0 calc(var(--grid-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .content {
    max-width: calc(1792px + calc(var(--grid-size) * 6));
    padding: 0 calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .content {
    max-width: calc(1792px + calc(var(--grid-size) * 4));
    padding: 0 calc(var(--grid-size) * 2);
  }
}
.content-inner {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .content-inner {
    max-width: 1440px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .content-inner {
    max-width: 1056px;
  }
}
.content-inner--880 {
  max-width: 880px;
}
@media (max-width: 1280px) {
  .content-inner--880 {
    max-width: 720px;
  }
}
.content-inner--content {
  max-width: calc(100% - 128px);
}
@media (max-width: 1280px) {
  .content-inner--content {
    max-width: 100%;
  }
}

/**
 * Content elements
 */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
span,
ul,
ol {
  color: inherit;
}

article, .text {
  font-weight: 500;
}
article:first-child, .text:first-child {
  margin-top: 0;
}
article:last-child, .text:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  article h1,
  article .h1,
  article h2,
  article .h2,
  article h3,
  article .h3,
  article h4,
  article .h4,
  article h5,
  article .h5,
  article h6,
  article .h6, .text h1, .text .h1,
  .text h2,
  .text .h2,
  .text h3,
  .text .h3,
  .text h4,
  .text .h4,
  .text h5,
  .text .h5,
  .text h6,
  .text .h6 {
    margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article h1,
  article .h1,
  article h2,
  article .h2,
  article h3,
  article .h3,
  article h4,
  article .h4,
  article h5,
  article .h5,
  article h6,
  article .h6, .text h1, .text .h1,
  .text h2,
  .text .h2,
  .text h3,
  .text .h3,
  .text h4,
  .text .h4,
  .text h5,
  .text .h5,
  .text h6,
  .text .h6 {
    margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  article h1,
  article .h1,
  article h2,
  article .h2,
  article h3,
  article .h3,
  article h4,
  article .h4,
  article h5,
  article .h5,
  article h6,
  article .h6, .text h1, .text .h1,
  .text h2,
  .text .h2,
  .text h3,
  .text .h3,
  .text h4,
  .text .h4,
  .text h5,
  .text .h5,
  .text h6,
  .text .h6 {
    margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  article h1,
  article .h1,
  article h2,
  article .h2,
  article h3,
  article .h3,
  article h4,
  article .h4,
  article h5,
  article .h5,
  article h6,
  article .h6, .text h1, .text .h1,
  .text h2,
  .text .h2,
  .text h3,
  .text .h3,
  .text h4,
  .text .h4,
  .text h5,
  .text .h5,
  .text h6,
  .text .h6 {
    margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  article p, .text p {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 1919px) {
  article p, .text p {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
article p:first-child, .text p:first-child {
  margin-top: 0;
}
article p:last-child, .text p:last-child {
  margin-bottom: 0;
}
article p span, .text p span {
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  article ul, article ol, .text ul, .text ol {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 1919px) {
  article ul, article ol, .text ul, .text ol {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
article ul:first-child, article ol:first-child, .text ul:first-child, .text ol:first-child {
  margin-top: 0;
}
article ul:last-child, article ol:last-child, .text ul:last-child, .text ol:last-child {
  margin-bottom: 0;
}
article ul li, article ol li, .text ul li, .text ol li {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  article q, .text q {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  article q, .text q {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  article q, .text q {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
article q:first-child, .text q:first-child {
  margin-top: 0;
}
article q:last-child, .text q:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  article blockquote, .text blockquote {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  article blockquote, .text blockquote {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  article blockquote, .text blockquote {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
article blockquote:first-child, .text blockquote:first-child {
  margin-top: 0;
}
article blockquote:last-child, .text blockquote:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  article table, .text table {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  article table, .text table {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  article table, .text table {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
article table:first-child, .text table:first-child {
  margin-top: 0;
}
article table:last-child, .text table:last-child {
  margin-bottom: 0;
}

article {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  article {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  article {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  article {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  article {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  article {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  article {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
@media only screen and (min-width: 1280px) {
  article > :not([class]) {
    max-width: calc(1048 / 1440 * 100%);
    margin-left: auto;
  }
}
@media only screen and (min-width: 1920px) {
  article > [class]:not(.wow):not(.offset) {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article > [class]:not(.wow):not(.offset) {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  article > [class]:not(.wow):not(.offset) {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
@media only screen and (max-width: 767px) {
  article > [class]:not(.wow):not(.offset) {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 1920px) {
  article [class$=-s] {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article [class$=-s] {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  article [class$=-s] {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  article [class$=-s] {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
article > [class]:not(.wow):first-child, article [class$=-s]:first-child {
  margin-top: 0;
}
article > [class]:not(.wow):last-child, article [class$=-s]:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  article [class$=-box] {
    margin-left: calc(-1 * calc(var(--indent-size) * 8));
    margin-right: calc(-1 * calc(var(--indent-size) * 8));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  article [class$=-box] {
    margin-left: calc(-1 * calc(var(--indent-size) * 3));
    margin-right: calc(-1 * calc(var(--indent-size) * 3));
  }
}
@media only screen and (max-width: 767px) {
  article [class$=-box] {
    margin-left: calc(-1 * calc(var(--indent-size) * 2));
    margin-right: calc(-1 * calc(var(--indent-size) * 2));
  }
}
@media only screen and (min-width: 1280px) {
  article > .wow, article > .offset {
    max-width: calc(1048 / 1440 * 100%);
    margin-left: auto;
  }
}
@media only screen and (min-width: 1280px) {
  article .max-width {
    max-width: calc(1048 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  article ul li:not(:last-child), article ol li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  article ul li:not(:last-child), article ol li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
article ul:not(.list) li {
  padding-left: calc(var(--indent-size) * 6);
}
article ul:not(.list) li:before {
  position: absolute;
  left: 0;
  width: 26.827px;
  height: 19px;
  background-image: url("/local/templates/erolaif_2025/static/css/../img/content/icons/ul-list.svg");
  background-size: 100% 100%;
  content: "";
}
@media only screen and (min-width: 1920px) {
  article ul:not(.list) li:before {
    top: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  article ul:not(.list) li:before {
    top: 4px;
  }
}
@media only screen and (max-width: 767px) {
  article ul:not(.list) li:before {
    top: 6px;
  }
}
article ol:not(.list) {
  counter-reset: list-counter;
}
@media only screen and (min-width: 1920px) {
  article ol:not(.list) li {
    padding-left: calc(var(--indent-size) * 12);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article ol:not(.list) li {
    padding-left: calc(var(--indent-size) * 10);
  }
}
@media only screen and (max-width: 1279px) {
  article ol:not(.list) li {
    padding-left: calc(var(--indent-size) * 8);
  }
}
article ol:not(.list) > li {
  counter-increment: list-counter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  article ol:not(.list) > li {
    min-height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article ol:not(.list) > li {
    min-height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  article ol:not(.list) > li {
    min-height: calc(var(--box-size) * 12);
  }
}
article ol:not(.list) > li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #E9164D;
  border-radius: 50%;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  content: counters(list-counter, ".");
}
@media only screen and (min-width: 1920px) {
  article ol:not(.list) > li:before {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article ol:not(.list) > li:before {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  article ol:not(.list) > li:before {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
article a {
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  article blockquote {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article blockquote {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  article blockquote {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
@media only screen and (max-width: 767px) {
  article blockquote {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 1280px) {
  article blockquote {
    padding-left: calc(100% - calc(1048 / 1440 * 100%));
  }
}
@media only screen and (min-width: 1920px) {
  article blockquote {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article blockquote {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  article blockquote {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  article blockquote {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  article blockquote::before {
    font-size: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  article blockquote::before {
    font-size: 150px;
  }
}
@media only screen and (max-width: 767px) {
  article blockquote::before {
    font-size: 150px;
  }
}
@media only screen and (min-width: 1920px) {
  article table {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  article table {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  article table {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  article table {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}

@media only screen and (min-width: 1920px) {
  .text {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .text {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  .text {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
.text:not([data-type=article]) ul:not(.list) li:before {
  position: absolute;
  left: 0;
  width: calc(var(--box-size) / 2 * 3);
  height: calc(var(--box-size) / 2 * 3);
  background-color: #E9164D;
  border-radius: 50%;
  content: "";
}
@media only screen and (min-width: 768px) {
  .text:not([data-type=article]) ul:not(.list) li:before {
    top: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .text:not([data-type=article]) ul:not(.list) li:before {
    top: 9px;
  }
}
.text[data-type=article] ul:not(.list) li {
  padding-left: calc(var(--indent-size) * 6);
}
.text[data-type=article] ul:not(.list) li:before {
  position: absolute;
  left: 0;
  width: 26.827px;
  height: 19px;
  background-image: url("/local/templates/erolaif_2025/static/css/../img/content/icons/ul-list.svg");
  background-size: 100% 100%;
  content: "";
}
@media only screen and (min-width: 1920px) {
  .text[data-type=article] ul:not(.list) li:before {
    top: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .text[data-type=article] ul:not(.list) li:before {
    top: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .text[data-type=article] ul:not(.list) li:before {
    top: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .text ul li:not(:last-child), .text ol li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .text ul li:not(:last-child), .text ol li:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
@media only screen and (min-width: 1920px) {
  .text ul:not(.list) li, .text ol:not(.list) li {
    padding-left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .text ul:not(.list) li, .text ol:not(.list) li {
    padding-left: calc(var(--indent-size) * 2);
  }
}
.text ol:not(.list) {
  counter-reset: list-counter;
}
.text ol:not(.list) > li {
  counter-increment: list-counter;
}
.text ol:not(.list) > li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: currentColor;
  content: counters(list-counter, ".") ". ";
}
.text a {
  border-bottom: 1px solid currentColor;
  color: #E9164D;
}

.document {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .document h1,
  .document .h1,
  .document h2,
  .document .h2,
  .document h3,
  .document .h3,
  .document h4,
  .document .h4,
  .document h5,
  .document .h5,
  .document h6,
  .document .h6 {
    margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .document h1,
  .document .h1,
  .document h2,
  .document .h2,
  .document h3,
  .document .h3,
  .document h4,
  .document .h4,
  .document h5,
  .document .h5,
  .document h6,
  .document .h6 {
    margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .document h1,
  .document .h1,
  .document h2,
  .document .h2,
  .document h3,
  .document .h3,
  .document h4,
  .document .h4,
  .document h5,
  .document .h5,
  .document h6,
  .document .h6 {
    margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .document h1,
  .document .h1,
  .document h2,
  .document .h2,
  .document h3,
  .document .h3,
  .document h4,
  .document .h4,
  .document h5,
  .document .h5,
  .document h6,
  .document .h6 {
    margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .document p {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 1919px) {
  .document p {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
.document p:first-child {
  margin-top: 0;
}
.document p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  .document ul, .document ol {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 1919px) {
  .document ul, .document ol {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
.document ul:first-child, .document ol:first-child {
  margin-top: 0;
}
.document ul:last-child, .document ol:last-child {
  margin-bottom: 0;
}
.document ul li, .document ol li {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .document ul > li {
    padding-left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .document ul > li {
    padding-left: calc(var(--indent-size) * 2);
  }
}
.document ul > li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "-";
}
@media only screen and (min-width: 1920px) {
  .document ul > li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .document ul > li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.document ol {
  counter-reset: list-counter;
}
.document ol > li {
  counter-increment: list-counter;
}
@media only screen and (min-width: 1920px) {
  .document ol > li {
    padding-left: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .document ol > li {
    padding-left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .document ol > li {
    padding-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .document ol > li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .document ol > li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .document ol > li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.document ol > li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
  color: currentColor;
  content: counters(list-counter, ".") ". ";
}
@media only screen and (min-width: 1920px) {
  .document ol > li:before {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .document ol > li:before {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .document ol > li:before {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .document ol > li:before {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .document ol > li > :not(:first-child) {
    margin-left: calc(-1 * calc(var(--indent-size) * 6));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .document ol > li > :not(:first-child) {
    margin-left: calc(-1 * calc(var(--indent-size) * 3));
  }
}
@media only screen and (max-width: 767px) {
  .document ol > li > :not(:first-child) {
    margin-left: calc(-1 * calc(var(--indent-size) * 2));
  }
}

.text-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.text-item__count {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(var(--box-size) * 12);
  height: calc(var(--box-size) * 12);
  background-color: #E9164D;
  border-radius: 50%;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  margin: 0 calc(var(--indent-size) * 2) 0 0;
}
@media only screen and (min-width: 1920px) {
  .text-item__count {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .text-item__count {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .text-item__count {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.text-item--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.text-gray {
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .text-big {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .text-big {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .text-big {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.text-box {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .text-box {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .text-box {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .text-box {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .text-box {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .text-box {
    padding: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .text-box {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .text-box {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .text-box {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .text-info {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.text-info + * {
  margin-top: 0;
}
.text-info__item {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .text-info__item {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .text-info__item {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .text-info__item {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .text-info__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .text-info__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .text-info__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.text-info__title {
  display: block;
  margin: 0 0 var(--indent-size);
}
.text-media {
  position: relative;
}
.text-media__size {
  position: absolute;
  min-width: calc(656px / 1440px * 100%);
}
@media only screen and (min-width: 1920px) {
  .text-media__size {
    right: calc(var(--indent-size) * 6);
    bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .text-media__size {
    right: calc(var(--indent-size) * 3);
    bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .text-media__size {
    right: calc(var(--indent-size) * 2);
    bottom: calc(var(--indent-size) * 2);
  }
}
.text-media__size span {
  display: block;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .text-media__size span {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .text-media__size span {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .text-media__size span {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .text-media__size span {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
.text-media__size p:not(:first-child) {
  margin-top: 0;
}
.text-media .img {
  padding-top: 56.25%;
}
.text-media .video {
  padding-top: 56.25%;
}
.text-media .object-fit {
  background-color: #F2F2F2;
}
@media only screen and (min-width: 1920px) {
  .text-media .object-fit {
    border-radius: calc(var(--border-radius) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .text-media .object-fit {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .text-media .object-fit {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .text-media .object-fit {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .text-hint p {
    font-size: 48px;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .text-hint p {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .text-hint p {
    font-size: 30px;
    line-height: 1.2666666667;
  }
}
@media only screen and (max-width: 767px) {
  .text-hint p {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
.text-hint p:not(:last-child) {
  margin-bottom: calc(var(--indent-size) * 6);
}
.text-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1920px) {
  .text-buttons {
    margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (max-width: 1919px) {
  .text-buttons {
    margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (min-width: 1920px) {
  .text-buttons .btn {
    margin: calc(var(--grid-size) * 2) var(--grid-size);
  }
}
@media only screen and (max-width: 1919px) {
  .text-buttons .btn {
    margin: var(--grid-size) calc(var(--grid-size) / 2);
  }
}
.text-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 1920px) {
  .text-btn {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .text-btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .text-btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .text-btn .btn-outline {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .text-btn .btn-outline {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .text-btn .btn-outline {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .text-btn .btn-outline {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .text-btn .btn-outline {
    width: 420px;
    height: 204px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .text-btn .btn-outline {
    width: 340px;
    height: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .text-btn .btn-outline {
    width: 260px;
    height: 168px;
  }
}
@media only screen and (max-width: 767px) {
  .text-btn .btn-outline {
    width: 208px;
    height: 106px;
  }
}
@media only screen and (min-width: 1920px) {
  .text-btn .btn-outline span {
    min-width: 300px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .text-btn .btn-outline span {
    min-width: 210px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .text-btn .btn-outline span {
    min-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .text-btn .btn-outline span {
    min-width: 172px;
  }
}
.text-slider {
  color: #FFFFFF;
}
.text-slider .img .object-fit::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .text-arrows {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .text-arrows {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .text-arrows:not([data-type=static]) {
    height: 0;
  }
}
@media only screen and (max-width: 1919px) {
  .text-arrows:not([data-type=static]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  .text-arrows:not([data-type=static]) .text-arrow {
    position: absolute;
    top: 0;
    height: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .text-arrows:not([data-type=static]) .text-arrow[data-type=prev] {
    left: calc(-1 * (1792px - 1440px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  .text-arrows:not([data-type=static]) .text-arrow[data-type=next] {
    right: calc(-1 * (1792px - 1440px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  .text-arrows:not([data-type=static]) .text-pagination {
    display: none;
  }
}
.text-arrows[data-type=static] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .text-arrows[data-type=static] {
    margin-top: calc(var(--indent-size) * 4);
  }
}
.text-arrow {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1279px) {
  .text-row .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.text-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
  font-weight: 500;
}
.text-table th {
  width: 50%;
  text-align: left;
  font-weight: 500;
  color: #8E7D82;
  padding: 0 12px 24px;
}
.text-table th:first-child {
  padding-left: 0;
}
.text-table th:last-child {
  padding-right: 0;
}
.text-table td {
  padding: 12px 12px;
}
.text-table td:first-child {
  padding-left: 0;
}
.text-table td:last-child {
  padding-right: 0;
}
.text-table tbody tr:first-child td {
  padding-top: 0;
}
.text-table tbody tr:last-child td {
  padding-bottom: 0;
}

table:not([class]) {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
  font-weight: 600;
}
table:not([class]) thead {
  position: relative;
  z-index: 2;
}
table:not([class]) th {
  position: relative;
  background-color: #F6E2E6;
  text-align: left;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  table:not([class]) th {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) th {
    padding: var(--indent-size);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) th {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  table:not([class]) th:first-child {
    padding-left: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  table:not([class]) th:first-child {
    padding-left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) th:first-child {
    padding-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  table:not([class]) th:first-child {
    border-top-left-radius: calc(var(--border-radius) / 2 * 3);
    border-bottom-left-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) th:first-child {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  table:not([class]) th:last-child {
    padding-right: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  table:not([class]) th:last-child {
    padding-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) th:last-child {
    padding-right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  table:not([class]) th:last-child {
    border-top-right-radius: calc(var(--border-radius) / 2 * 3);
    border-bottom-right-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) th:last-child {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
}
table:not([class]) td {
  position: relative;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 768px) {
  table:not([class]) td {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) td {
    padding: var(--indent-size);
  }
}
@media only screen and (min-width: 1920px) {
  table:not([class]) td:first-child {
    padding-left: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  table:not([class]) td:first-child {
    padding-left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) td:first-child {
    padding-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  table:not([class]) td:last-child {
    padding-right: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  table:not([class]) td:last-child {
    padding-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) td:last-child {
    padding-right: calc(var(--indent-size) * 2);
  }
}
table:not([class]) tbody tr td {
  white-space: nowrap;
}
@media only screen and (min-width: 1920px) {
  table:not([class]) tbody tr:first-child td {
    padding-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  table:not([class]) tbody tr:first-child td {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) tbody tr:first-child td {
    padding-top: calc(var(--indent-size) * 2);
  }
}
table:not([class]) tbody tr:first-child td::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 768px) {
  table:not([class]) tbody tr:first-child td::before {
    top: calc(-1 * calc(var(--border-radius) / 2 * 3));
    height: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) tbody tr:first-child td::before {
    top: calc(-1 * var(--border-radius));
    height: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  table:not([class]) tbody tr:last-child td {
    padding-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  table:not([class]) tbody tr:last-child td {
    padding-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) tbody tr:last-child td {
    padding-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  table:not([class]) tbody tr:last-child td:first-child {
    border-bottom-left-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) tbody tr:last-child td:first-child {
    border-bottom-left-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 768px) {
  table:not([class]) tbody tr:last-child td:last-child {
    border-bottom-right-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  table:not([class]) tbody tr:last-child td:last-child {
    border-bottom-right-radius: calc(var(--border-radius) / 2 * 3);
  }
}

.table-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  /*&::-webkit-scrollbar {
    display: none;
  }*/
}
.table-scroll table {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

q {
  display: block;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  q {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  q {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  q {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  q {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
q::before, q::after {
  display: none;
}

blockquote {
  position: relative;
  min-width: 100%;
  font-weight: 600;
  color: #E9164D;
  border-top: calc(var(--box-size) / 2) solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  blockquote {
    padding: calc(var(--indent-size) * 6) 0 0 calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  blockquote {
    padding: calc(var(--indent-size) * 3) 0 0 calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  blockquote {
    padding: calc(var(--indent-size) * 2) 0 0 0;
  }
}
blockquote::before {
  content: '"';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  line-height: 1;
}
@media only screen and (min-width: 1920px) {
  blockquote::before {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1919px) {
  blockquote::before {
    font-size: 75px;
  }
}
@media only screen and (max-width: 767px) {
  blockquote::before {
    opacity: 0.1;
  }
}
blockquote:first-child {
  margin-top: 0;
}
blockquote:last-child {
  margin-bottom: 0;
}

figure {
  margin: 0;
}
@media only screen and (min-width: 1920px) {
  figure {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  figure {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  figure {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
figure figcaption {
  color: #8E7D82;
  margin: calc(var(--indent-size) * 2) 0 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin: calc(var(--indent-size) * 3) 0 calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin: calc(var(--indent-size) * 2) 0 var(--indent-size);
  }
}
h1:first-child,
.h1:first-child,
h2:first-child,
.h2:first-child,
h3:first-child,
.h3:first-child,
h4:first-child,
.h4:first-child,
h5:first-child,
.h5:first-child,
h6:first-child,
.h6:first-child {
  margin-top: 0;
}
h1:last-child,
.h1:last-child,
h2:last-child,
.h2:last-child,
h3:last-child,
.h3:last-child,
h4:last-child,
.h4:last-child,
h5:last-child,
.h5:last-child,
h6:last-child,
.h6:last-child {
  margin-bottom: 0;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
  color: inherit;
}
h1 sup,
.h1 sup,
h2 sup,
.h2 sup,
h3 sup,
.h3 sup,
h4 sup,
.h4 sup,
h5 sup,
.h5 sup,
h6 sup,
.h6 sup {
  top: 0;
  vertical-align: top;
  font-weight: 500;
}
h1 span:not([class]),
.h1 span:not([class]),
h2 span:not([class]),
.h2 span:not([class]),
h3 span:not([class]),
.h3 span:not([class]),
h4 span:not([class]),
.h4 span:not([class]),
h5 span:not([class]),
.h5 span:not([class]),
h6 span:not([class]),
.h6 span:not([class]) {
  font-weight: 400;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: 600;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 600;
}

@media only screen and (min-width: 1920px) {
  h1,
  .h1 {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  h1,
  .h1 {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  h1,
  .h1 {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 1920px) {
  h1 sup,
  .h1 sup {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  h1 sup,
  .h1 sup {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  h1 sup,
  .h1 sup {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  h1 sup,
  .h1 sup {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}

@media only screen and (min-width: 1920px) {
  h2,
  .h2 {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  h2,
  .h2 {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  h2,
  .h2 {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  h2,
  .h2 {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 1920px) {
  h2 sup,
  .h2 sup {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  h2 sup,
  .h2 sup {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  h2 sup,
  .h2 sup {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  h2 sup,
  .h2 sup {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}

@media only screen and (min-width: 1920px) {
  h3,
  .h3 {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  h3,
  .h3 {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  h3,
  .h3 {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  h3,
  .h3 {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 1920px) {
  h3 sup,
  .h3 sup {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  h3 sup,
  .h3 sup {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  h3 sup,
  .h3 sup {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}

@media only screen and (min-width: 1920px) {
  h4,
  .h4 {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  h4,
  .h4 {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  h4,
  .h4 {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  h4,
  .h4 {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}

@media only screen and (min-width: 1920px) {
  h5,
  .h5 {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  h5,
  .h5 {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  h5,
  .h5 {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}

@media only screen and (min-width: 1920px) {
  h6,
  .h6 {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  h6,
  .h6 {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  h6,
  .h6 {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}

.heading {
  position: relative;
  max-width: 1440px;
  text-align: center;
  /*&[class*='_level-1'],
  &[class*='_level-2'] {
    & + * {
      @include indent-margin-t-80;
    }
  }*/
}
.heading:first-child {
  margin-top: 0;
}
.heading:last-child {
  margin-bottom: 0;
}
.heading[class*=_level] {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1920px) {
  .heading_level-1 {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .heading_level-1 {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .heading_level-1 {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .heading_level-1 {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 1920px) {
  .heading_level-1 {
    margin: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .heading_level-1 {
    margin: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .heading_level-1 {
    margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .heading_level-1 {
    margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1920px) {
  .heading_level-2 {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .heading_level-2 {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .heading_level-2 {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .heading_level-2 {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 1920px) {
  .heading_level-2 {
    margin: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .heading_level-2 {
    margin: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .heading_level-2 {
    margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .heading_level-2 {
    margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1920px) {
  .heading_level-3 {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .heading_level-3 {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .heading_level-3 {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  .heading_level-3 {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 1920px) {
  .heading_level-4 {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .heading_level-4 {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .heading_level-4 {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .heading_level-4 {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .heading_level-5 {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .heading_level-5 {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .heading_level-5 {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .heading_level-6 {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .heading_level-6 {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .heading_level-6 {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}

.s {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .s {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
 .s {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .s {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  s {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
section.s_full, .s.s_full {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
section.s_white, .s.s_white {
  color: #FFFFFF;
}
@media only screen and (min-width: 1920px) {
  section.s_padding, .s.s_padding {
    padding: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  section.s_padding, .s.s_padding {
    padding: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  section.s_padding, .s.s_padding {
    padding: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  section.s_padding, .s.s_padding {
    padding: calc(var(--indent-size) * 4) 0;
  }
}
section.s__bg, .s.s__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
section.s__bg::after, .s.s__bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(67, 3, 21, 0.6);
}
section.s__bg video, .s.s__bg video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}
section.s__line, .s.s__line {
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  section.s__line, .s.s__line {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  section.s__line, .s.s__line {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  section.s__line, .s.s__line {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  section.s__line, .s.s__line {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
section.s__line:first-child, .s.s__line:first-child {
  margin-top: 0;
}
section.s__line:last-child, .s.s__line:last-child {
  margin-bottom: 0;
}

strong, b {
  font-weight: 600;
}

a {
  color: #430315;
  text-decoration: none;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
a:not([class]) svg {
  fill: currentColor;
}
p {
  margin: 0;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

.reset:first-child {
  margin-top: 0;
}
.reset:last-child {
  margin-bottom: 0;
}

/**
 * Form controls
 */
input,
textarea,
button {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {
  display: none;
}
input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

/**
 * hello
 */
.hello {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .hello {
    padding-bottom: calc(var(--indent-size) * 15);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .hello {
    padding-bottom: calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .hello {
    padding-bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (max-width: 767px) {
  .hello {
    padding-bottom: calc(var(--indent-size) * 4);
  }
}
.hello::before {
  content: "";
  position: absolute;
  top: -50%;
  bottom: 0;
  height: 150%;
  background-color: #FCF4F4;
  border-radius: 0 0 50% 50%/0px 0px 50% 50%;
}
@media only screen and (min-width: 1920px) {
  .hello::before {
    left: calc(-1 * var(--path-percent));
    right: calc(-1 * var(--path-percent));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .hello::before {
    left: calc(-1 * var(--path-percent) / 2 * 7);
    right: calc(-1 * var(--path-percent) / 2 * 7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .hello::before {
    left: calc(-1 * var(--path-percent) / 2 * 11);
    right: calc(-1 * var(--path-percent) / 2 * 11);
  }
}
@media only screen and (max-width: 767px) {
  .hello::before {
    left: calc(-1 * var(--path-percent) / 2 * 13);
    right: calc(-1 * var(--path-percent) / 2 * 13);
  }
}
.hello__line {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1279px) {
  .hello-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.hello-slider.swiper-container {
  overflow: visible;
}
.hello-slider:not(.swiper-container-initialized) .hello-arrows {
  opacity: 0;
}
.hello-slider__btn {
  position: relative;
}
.hello-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1280px) {
  .hello-slide:not(.swiper-slide-active) .poster-content {
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px);
    opacity: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .hello-slide:not(.swiper-slide-active) .poster-bg {
    -webkit-transform: translateX(32px);
    transform: translateX(32px);
    opacity: 0;
  }
}
.hello-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.hello-item {
  position: relative;
  padding-top: calc(var(--indent-size) * 10);
}
@media only screen and (max-width: 767px) {
  .hello-item {
    padding-top: calc(var(--indent-size) * 4);
  }
}
.hello-item .poster-base {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .hello-item .poster-base {
    max-width: calc(1440px + calc(var(--grid-size) * 8));
    padding: 0 calc(var(--grid-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .hello-item .poster-base {
    padding: 0 calc(var(--grid-size) * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .hello-item .poster-base {
    max-width: calc(1056px + calc(var(--grid-size) * 6));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .hello-item .poster-base {
    max-width: calc(576px + calc(var(--grid-size) * 6));
  }
}
@media only screen and (max-width: 767px) {
  .hello-item .poster-base {
    padding: 0 calc(var(--grid-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .hello-item .poster-content {
    -webkit-transition: 1.5s cubic-bezier(0.76, 0, 0.24, 1);
    transition: 1.5s cubic-bezier(0.76, 0, 0.24, 1);
  }
}
@media only screen and (min-width: 1280px) {
  .hello-item .poster-bg {
    -webkit-transition: 1.5s cubic-bezier(0.76, 0, 0.24, 1);
    transition: 1.5s cubic-bezier(0.76, 0, 0.24, 1);
  }
}
.hello-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hello-bg__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hello-counts {
  position: absolute;
  left: 0;
  top: calc(var(--indent-size) * 10);
  z-index: 1;
  width: 100%;
}
.hello-counts__inner {
  text-align: right;
}
.hello-arrows {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .hello-arrows {
    max-width: calc(1792px + calc(var(--grid-size) * 8));
    padding: 0 calc(var(--grid-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .hello-arrows {
    max-width: calc(1792px + calc(var(--grid-size) * 6));
    padding: 0 calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .hello-arrows {
    max-width: calc(1792px + calc(var(--grid-size) * 4));
    padding: 0 calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .hello-arrows {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .hello-pagination {
    display: none;
  }
}
.hello-arrow {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*&::before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: calc(250% + calc(var(--grid-size) * 4));
  }*/
}
@media only screen and (min-width: 768px) {
  .hello-arrow {
    position: absolute;
    top: 0;
    height: var(--helloSliderHeight);
  }
}
.hello-arrow[data-type=prev] {
  /*&::before {
    left: calc(-1 * calc(var(--grid-size) * 4));
    background: rgb(252,244,244);
    background: linear-gradient(90deg, rgba(252,244,244,1) 0%, rgba(252,244,244,0) 100%);
  }*/
}
@media only screen and (min-width: 1920px) {
  .hello-arrow[data-type=prev] {
    left: calc(var(--grid-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .hello-arrow[data-type=prev] {
    left: calc(var(--grid-size) * 3);
  }
}
.hello-arrow[data-type=next] {
  /*&::before {
    right: calc(-1 * calc(var(--grid-size) * 4));
    background: rgb(252,244,244);
    background: linear-gradient(270deg, rgba(252,244,244,1) 0%, rgba(252,244,244,0) 100%);
  }*/
}
@media only screen and (min-width: 1920px) {
  .hello-arrow[data-type=next] {
    right: calc(var(--grid-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .hello-arrow[data-type=next] {
    right: calc(var(--grid-size) * 3);
  }
}

/**
 * cover
 */
.cover {
  position: relative;
  background-color: #FCF4F4;
  overflow: hidden;
  color: #FFFFFF;
}
@media only screen and (min-width: 1920px) {
  .cover + * {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cover + * {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .cover + * {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.cover:not([class*=_static]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  border-radius: 0 0 50% 50%/0px 0px 50% 50%;
}
@media only screen and (min-width: 1920px) {
  .cover:not([class*=_static]) {
    width: calc(100% + var(--path-percent) * 2);
    margin: calc(-1 * var(--headerHeight)) calc(-1 * var(--path-percent)) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cover:not([class*=_static]) {
    width: calc(100% + var(--path-percent) / 2 * 7 * 2);
    margin: calc(-1 * var(--headerHeight)) calc(-1 * var(--path-percent) / 2 * 7) 0;
  }
}
@media only screen and (min-width: 1280px) {
  .cover:not([class*=_static]) {
    min-height: 95vh;
    min-height: calc(var(--vh, 1vh) * 95);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cover:not([class*=_static]) {
    min-height: calc(100vh - 128px);
    min-height: calc(var(--vh, 1vh) * 100 - 128px);
  }
}
@media only screen and (max-width: 767px) {
  .cover:not([class*=_static]) {
    min-height: calc(100vh - 112px);
    min-height: calc(var(--vh, 1vh) * 100 - 112px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cover:not([class*=_static]) {
    width: calc(100% + var(--path-percent) / 2 * 11 * 2);
    margin: calc(-1 * var(--headerHeight)) calc(-1 * var(--path-percent) / 2 * 11) 0;
  }
}
@media only screen and (min-width: 768px) {
  .cover:not([class*=_static]) {
    padding: var(--headerHeight) 0 calc(var(--indent-size) * 30);
  }
}
@media only screen and (max-width: 767px) {
  .cover:not([class*=_static]) {
    width: calc(100% + var(--path-percent) / 2 * 9 * 2);
    margin: calc(-1 * var(--headerHeight)) calc(-1 * var(--path-percent) / 2 * 9) 0;
    padding: var(--headerHeight) 0 180px;
  }
}
@media only screen and (min-width: 1920px) {
  .cover:not([class*=_static]) {
    padding-top: calc(var(--headerHeight) + 48px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cover:not([class*=_static]) {
    padding-top: calc(var(--headerHeight) + 40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cover:not([class*=_static]) {
    padding-top: calc(var(--headerHeight) + 24px);
  }
}
@media only screen and (max-width: 767px) {
  .cover:not([class*=_static]) {
    padding-top: calc(var(--headerHeight) + 8px);
  }
}
.cover:not([class*=_static]) .cover__bg {
  max-width: 100vw;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .cover:not([class*=_static]) .cover__bg {
    max-width: calc(var(--vw, 1vw) * 100 + calc(var(--border-radius) * 4));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cover:not([class*=_static]) .cover__bg {
    max-width: calc(var(--vw, 1vw) * 100 + calc(var(--border-radius) * 3));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cover:not([class*=_static]) .cover__bg {
    max-width: calc(var(--vw, 1vw) * 100 + calc(var(--border-radius) * 2));
  }
}
@media only screen and (max-width: 767px) {
  .cover:not([class*=_static]) .cover__bg {
    max-width: calc(var(--vw, 1vw) * 100 + var(--border-radius));
  }
}
.cover:not([class*=_static]) .cover-wrap {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: calc(var(--vw, 1vw) * 100);
  margin: 0 auto;
}
.cover:not([class*=_static]) .cover-inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cover:not([class*=_static]) .cover-bottom {
  margin-top: auto;
}
@media only screen and (min-width: 1920px) {
  .cover_static {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cover_static {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .cover_static {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1280px) {
  .cover_static {
    height: 0;
    padding-top: calc(810px / 1792px * 100%);
  }
}
.cover_static .cover-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 1920px) {
  .cover_static .cover-wrap {
    padding: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cover_static .cover-wrap {
    padding: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cover_static .cover-wrap {
    padding: calc(var(--indent-size) * 6) 0;
  }
}
@media only screen and (max-width: 767px) {
  .cover_static .cover-wrap {
    padding: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 1280px) {
  .cover_static .cover-wrap {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .cover_static .cover-wrap {
    position: relative;
  }
}
.cover__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.cover__bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.cover__bg-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.cover__bg-img {
  position: absolute;
  -o-object-position: center;
  object-position: center;
}
.cover-wrap {
  width: 100%;
  font-weight: 500;
}
.cover-wrap h1:not(:first-child),
.cover-wrap .h1:not(:first-child) {
  margin-top: calc(var(--indent-size) * 2);
}
@media only screen and (min-width: 1920px) {
  .cover-wrap p {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cover-wrap p {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .cover-wrap p {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1280px) {
  .cover-wrap p {
    max-width: 424px;
    margin: 0 0 0 19.3055555556%;
  }
}
.cover-inner {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .cover-inner {
    max-width: calc(1440px + calc(var(--grid-size) * 8));
    padding: 0 calc(var(--grid-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cover-inner {
    max-width: calc(1056px + calc(var(--grid-size) * 6));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cover-inner {
    padding: 0 calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .cover-inner {
    padding: 0 calc(var(--grid-size) * 2);
  }
}
.cover-title__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid currentColor;
  padding: var(--indent-size);
}
@media only screen and (min-width: 1920px) {
  .cover-title__icon {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cover-title__icon {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .cover-title__icon {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 1920px) {
  .cover-title__icon {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .cover-title__icon {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
.cover-title__icon svg {
  stroke: currentColor;
}
.cover-play {
  position: absolute;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  color: currentColor;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) {
  .cover-play {
    bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cover-play {
    bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .cover-play {
    bottom: calc(var(--indent-size) * 3);
  }
}
.cover-play__open {
  display: block;
  text-align: center;
  cursor: pointer;
  color: currentColor;
}
.cover-play__open:hover {
  color: currentColor;
}
.cover-play__open:hover .cover-play__icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.cover-play__icon {
  border: calc(var(--box-size) / 2) solid currentColor;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  margin: 0 auto;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .cover-play__icon {
    width: calc(var(--box-size) * 24);
    height: calc(var(--box-size) * 24);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cover-play__icon {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cover-play__icon {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .cover-play__icon {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
.cover-play__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
}
@media only screen and (min-width: 1920px) {
  .cover-play__icon::after {
    border-top: calc(var(--box-size) * 3) solid transparent;
    border-left: calc(var(--box-size) * 4) solid #FFFFFF;
    border-bottom: calc(var(--box-size) * 3) solid transparent;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cover-play__icon::after {
    border-top: calc(var(--box-size) * 2) solid transparent;
    border-left: calc(var(--box-size) * 3) solid #FFFFFF;
    border-bottom: calc(var(--box-size) * 2) solid transparent;
  }
}
@media only screen and (max-width: 767px) {
  .cover-play__icon::after {
    border-top: calc(var(--box-size) / 2 * 3) solid transparent;
    border-left: calc(var(--box-size) * 2) solid #FFFFFF;
    border-bottom: calc(var(--box-size) / 2 * 3) solid transparent;
  }
}
.cover-play__title {
  display: block;
  margin: calc(var(--indent-size) * 2) 0 0;
}
@media only screen and (min-width: 1920px) {
  .cover .categories-slide:not(:last-child) {
    margin-right: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cover .categories-slide:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
.cover .scroll-bottom {
  position: absolute;
  left: 50%;
  margin-left: -9.5px;
}
@media only screen and (min-width: 1920px) {
  .cover .scroll-bottom {
    bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cover .scroll-bottom {
    bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .cover .scroll-bottom {
    bottom: calc(var(--indent-size) * 3);
  }
}

/**
 * feedback
 */
@media only screen and (min-width: 1920px) {
  .feedback__title {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .feedback__title {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (max-width: 767px) {
  .feedback__title {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 1920px) {
  .feedback__title {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .feedback__title {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .feedback__title {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.feedback-form {
  position: relative;
}
.feedback-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 24px;
  position: absolute;
  right: 0;
  z-index: 1;
  background: none;
  border: 0 none;
  font-size: 0;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  outline: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: var(--indent-size);
}
.feedback-btn:hover svg {
  stroke: #F27C96;
}
.feedback-btn svg {
  stroke: #E9164D;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}

/**
 * adv
 */
@media only screen and (min-width: 1920px) {
  .advantages-item {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .advantages-item {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .advantages-item {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .advantages-item {
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .advantages-item__img-wrap {
    width: 50%;
    margin: 0 auto;
  }
}
.advantages-item__img .object-fit {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .advantages-item__content {
    padding-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .advantages-item__content {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .advantages-item__content {
    padding-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .advantages-item__content {
    max-width: 94.2238267148%;
  }
}
.advantages-item__content p:only-child {
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .advantages-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.advantages-row [class*=col-4] .advantages-item__img {
  padding-top: 100%;
}
@media only screen and (min-width: 768px) {
  .advantages-row [class*=col-6] .advantages-item__img {
    padding-top: 64.1203703704%;
  }
}
@media only screen and (max-width: 767px) {
  .advantages-row [class*=col-6] .advantages-item__img {
    padding-top: 100%;
  }
}

/**
 * cards
 */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cards-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .cards-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .cards-row .card-item__shopping .btn:not([class*=-circle]) {
    border-radius: calc(var(--border-radius) / 4 * 3);
    height: calc(var(--box-size) * 9);
    min-height: 1px;
    font-size: 0;
    line-height: 1;
  }
}
@media only screen and (max-width: 767px) {
  .cards-row .card-item__shopping .btn__text::before {
    content: attr(data-text);
    font-size: 11px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .cards-row .card-item .favorite svg {
    width: calc(var(--box-size) * 6);
    height: calc(var(--box-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .cards-row .card-item .minutiae-items {
    max-width: 65%;
  }
}
@media only screen and (min-width: 1280px) {
  .cards-categories:not([data-type=inversion]) .cards-category:nth-child(odd) .cards-category__info-wrap {
    left: 25%;
  }
}
@media only screen and (min-width: 1280px) {
  .cards-categories:not([data-type=inversion]) .cards-category:nth-child(even) .cards-category__info-wrap {
    left: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .cards-categories[data-type=inversion] .cards-category:nth-child(odd) .cards-category__info-wrap {
    left: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .cards-categories[data-type=inversion] .cards-category:nth-child(even) .cards-category__info-wrap {
    left: 25%;
  }
}
.cards-category {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .cards-category {
    margin: calc(var(--indent-size) * 10) calc(-1 * calc(var(--grid-size) * 2)) calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cards-category {
    margin: calc(var(--indent-size) * 8) calc(-1 * calc(var(--grid-size) / 2 * 3)) calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cards-category {
    margin: calc(var(--indent-size) * 6) calc(-1 * calc(var(--grid-size) / 2 * 3)) calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .cards-category {
    margin: calc(var(--indent-size) * 4) calc(-1 * calc(var(--grid-size) * 2)) calc(var(--indent-size) * 4);
  }
}
.cards-category:first-child {
  margin-top: 0;
}
.cards-category:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1280px) {
  .cards-category__title {
    display: block;
  }
}
@media only screen and (max-width: 1279px) {
  .cards-category__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.cards-category__title > span:not([class]) {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 1920px) {
  .cards-category__title > span:not([class]) {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cards-category__title > span:not([class]) {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cards-category__title > span:not([class]) {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  .cards-category__title > span:not([class]) {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (max-width: 1279px) {
  .cards-category__title > span:not([class]) {
    margin-right: var(--indent-size);
  }
}
.cards-category__title h3,
.cards-category__title .h3 {
  word-break: break-word;
}
@media only screen and (min-width: 1920px) {
  .cards-category__title h3,
  .cards-category__title .h3 {
    font-size: 48px;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cards-category__title h3,
  .cards-category__title .h3 {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
  .cards-category__title h3:not(:first-child),
  .cards-category__title .h3:not(:first-child) {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 767px) {
  .cards-category__title h3:not(:first-child),
  .cards-category__title .h3:not(:first-child) {
    margin-top: var(--indent-size);
  }
}
@media only screen and (max-width: 1279px) {
  .cards-category__title h3:not(:first-child),
  .cards-category__title .h3:not(:first-child) {
    margin-top: 0;
  }
}
.cards-category__title h3 span,
.cards-category__title .h3 span {
  font-weight: inherit;
}
@media only screen and (min-width: 1280px) {
  .cards-category__title h3 span,
  .cards-category__title .h3 span {
    border-bottom: 3px solid currentColor;
  }
}
@media only screen and (max-width: 1279px) {
  .cards-category__title h3 span,
  .cards-category__title .h3 span {
    border-bottom: 2px solid currentColor;
  }
}
@media only screen and (min-width: 1280px) {
  .cards-category__info {
    position: relative;
    height: 0;
    padding-top: 83%;
  }
}
@media only screen and (min-width: 1920px) {
  .cards-category__info-wrap {
    padding-left: calc(var(--grid-size) * 2);
    padding-right: calc(var(--grid-size) * 2);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cards-category__info-wrap {
    padding-left: calc(var(--grid-size) / 2 * 3);
    padding-right: calc(var(--grid-size) / 2 * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .cards-category__info-wrap {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    width: 25%;
    background-color: #FFFFFF;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cards-category__info-wrap {
    margin-left: calc(var(--indent-size) / 2 * 3);
    margin-right: calc(var(--indent-size) / 2 * 3);
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .cards-category__info-wrap {
    margin-left: calc(var(--indent-size) * 2);
    margin-right: calc(var(--indent-size) * 2);
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .cards-category__info-inner {
    padding-bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cards-category__info-inner {
    padding-bottom: calc(var(--indent-size) * 7);
  }
}
@media only screen and (min-width: 1280px) {
  .cards-category__info-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.cards-category__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FCF4F4;
  padding: var(--indent-size);
}
@media only screen and (min-width: 1920px) {
  .cards-category__icon {
    width: calc(var(--box-size) * 24);
    height: calc(var(--box-size) * 24);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cards-category__icon {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cards-category__icon {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .cards-category__icon {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (min-width: 1920px) {
  .cards-category__icon {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .cards-category__icon {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1279px) {
  .cards-category__icon {
    margin-right: 8px;
  }
}
.cards-category__icon svg {
  stroke: currentColor;
}
.cards-slider.swiper-container {
  overflow: visible;
}
@media only screen and (min-width: 1920px) {
  .cards-slide {
    padding: 0 calc(var(--grid-size) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cards-slide {
    padding: 0 calc(var(--grid-size) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .cards-slide {
    padding: 0 var(--grid-size);
  }
}
.cards-slide.swiper-slide {
  height: auto;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cards-slide.swiper-slide {
    width: calc(34vw + calc(var(--grid-size) * 6));
  }
}
@media only screen and (max-width: 767px) {
  .cards-slide.swiper-slide {
    width: calc(74vw + calc(var(--grid-size) * 4));
  }
}
.cards-arrows {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (min-width: 1280px) {
  .cards-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 1279px) {
  .cards-arrows {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .cards-arrow:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cards-arrow:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .cards-arrow:not(:last-child) {
    margin-right: calc(var(--indent-size) * 2);
  }
}

.card-gallery {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1280px) {
  .card-gallery:not(.active) .card-gallery__item[data-type=now] {
    opacity: 1;
  }
}
@media only screen and (min-width: 1280px) {
  .card-gallery.active .card-gallery__item[data-type=next] {
    opacity: 1;
  }
}
.card-gallery__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.card-gallery__item img {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
@media only screen and (max-width: 1279px) {
  .card-gallery__item[data-type=next] {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .card-gallery__item {
    opacity: 0;
  }
}
@media only screen and (max-width: 767px) {
  .card-gallery__item-catalog {
    height: unset;
  }
}
.card-gallery__arrows {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1279px) {
  .card-gallery__arrows {
    display: none;
  }
}
.card-gallery__arrow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
}
.card-gallery__arrow[data-type=now] {
  left: 0;
}
.card-gallery__arrow[data-type=next] {
  left: 50%;
}
.card-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 500;
}
@media only screen and (max-width: 1279px) {
  .card-item {
    position: relative;
    -webkit-transition: none;
    transition: none;
  }
}
@media only screen and (max-width: 1279px) {
  .card-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .card-item:hover .card-item__shopping {
    opacity: 1;
    bottom: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .card-item:hover img.lazy.anim {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.card-item__img {
  overflow: hidden;
  padding-top: 111.7924528302%;
}
.card-item__img .object-fit {
  background-color: white !important;
}
.card-item__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: calc(var(--indent-size) * 2) 0 0;
}
.card-item__content h5,
.card-item__content .h5 {
  overflow: hidden;
  font-weight: inherit;
}
@media only screen and (min-width: 1920px) {
  .card-item__content h5,
  .card-item__content .h5 {
    max-height: 68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-item__content h5,
  .card-item__content .h5 {
    max-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .card-item__content h5,
  .card-item__content .h5 {
    max-height: 56px;
  }
}
@media only screen and (min-width: 1920px) {
  .card-item__content h5,
  .card-item__content .h5 {
    max-width: 92.4528301887%;
  }
}
.card-item__content h5:not(:first-child),
.card-item__content .h5:not(:first-child) {
  margin-top: var(--indent-size);
}
.card-item__shopping {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .card-item__shopping {
    bottom: calc(-1 * (calc(var(--box-size) * 14) + calc(var(--indent-size) * 4)));
    padding: 0 calc(var(--indent-size) * 4) calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .card-item__shopping {
    bottom: calc(-1 * (calc(var(--box-size) * 12) + calc(var(--indent-size) / 2 * 3)));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-item__shopping {
    padding: 0 calc(var(--indent-size) / 2 * 3) calc(var(--indent-size) / 2 * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .card-item__shopping {
    opacity: 0;
  }
}
@media only screen and (max-width: 1279px) {
  .card-item__shopping {
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .card-item__shopping {
    padding: 0 var(--indent-size) var(--indent-size);
  }
}
@media only screen and (max-width: 767px) {
  .card-item__shopping-catalog {
    position: relative;
    z-index: 2;
    margin-top: 10px;
  }
}
.card-item__shopping .btn {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .card-item__shopping .btn:not([class*=-circle]) {
    padding: 4px 8px;
  }
}
.card-item .tags {
  position: absolute;
}
@media only screen and (min-width: 1920px) {
  .card-item .tags {
    left: calc(var(--indent-size) * 4);
    top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-item .tags {
    left: calc(var(--indent-size) / 2 * 3);
    top: calc(var(--indent-size) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .card-item .tags {
    left: var(--indent-size);
    top: var(--indent-size);
  }
}
.card-item .favorite {
  position: absolute;
  z-index: 1;
}
@media only screen and (min-width: 1920px) {
  .card-item .favorite {
    right: calc(var(--indent-size) * 4);
    top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-item .favorite {
    right: calc(var(--indent-size) / 2 * 3);
    top: calc(var(--indent-size) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .card-item .favorite {
    right: var(--indent-size);
    top: var(--indent-size);
  }
}
.card-item .price {
  margin: auto 0 0;
}
.card-bank {
  display: block;
  position: relative;
  height: 0;
  padding-top: 111.7924528302%;
}
.card-bank__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .card-bank__inner {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-bank__inner {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .card-bank__inner {
    border-radius: var(--border-radius);
  }
}
.card-bank__img {
  position: relative;
}
.card-bank__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.08;
}
.card-bank__title {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .card-bank__title {
    padding: 0 calc(var(--indent-size) * 4) calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-bank__title {
    padding: 0 calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .card-bank__title {
    padding: 0 calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
.card-bank__title h5,
.card-bank__title .h5 {
  font-weight: inherit;
}
.card-adv {
  display: block;
  position: relative;
  height: 0;
  padding-top: 111.7924528302%;
}
.card-adv__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .card-adv__inner {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-adv__inner {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .card-adv__inner {
    border-radius: var(--border-radius);
  }
}
.card-adv__icon {
  position: absolute;
  background-color: #F6E2E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
  line-height: 1;
  padding: 8px;
}
@media only screen and (min-width: 1920px) {
  .card-adv__icon {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .card-adv__icon {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .card-adv__icon {
    left: calc(var(--indent-size) * 4);
    top: calc(var(--indent-size) * 4);
    width: calc(var(--box-size) * 30);
    height: calc(var(--box-size) * 30);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .card-adv__icon {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .card-adv__icon {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-adv__icon {
    left: calc(var(--indent-size) * 3);
    top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .card-adv__icon {
    left: calc(var(--indent-size) * 2);
    top: calc(var(--indent-size) * 2);
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
.card-adv__icon svg {
  stroke: #8E7D82;
}
.card-adv__title {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .card-adv__title {
    padding: 0 calc(var(--indent-size) * 4) calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-adv__title {
    padding: 0 calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .card-adv__title {
    padding: 0 calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
.card-adv__title h5,
.card-adv__title .h5 {
  font-weight: inherit;
}
@media only screen and (max-width: 1279px) {
  .card-experts > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .card-experts {
    padding: 0 calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .card-experts.row {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1279px) {
  .card-experts.row > [class*=col-] {
    margin-top: 0;
  }
}
.card-experts__content {
  height: 100%;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .card-experts__content {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-experts__content {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .card-experts__content {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .card-experts__content {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .card-experts__content {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .card-experts__content {
    padding: calc(var(--indent-size) * 2);
  }
}

/**
 * basket
 */
.basket-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .basket-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.basket-item.is-hide {
  display: none;
}
@media only screen and (min-width: 1920px) {
  .basket-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .basket-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}

.basket-item[data-type=present] .basket-item__info h5,
.basket-item[data-type=present] .basket-item__info .h5 {
  min-width: 100%;
}
.basket-item[data-type=present] .radio {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.basket-item[data-type=present] .radio__box {
  background-clip: content-box;
  padding: 2px;
}
.basket-item__picture {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .basket-item__picture {
    width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__picture {
    width: 140px;
  }
}
@media only screen and (min-width: 768px) {
  .basket-item__img {
    padding-top: 111.875%;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__img {
    padding-top: 100%;
  }
}
.basket-item__img .object-fit {
  background-color: #F2F2F2;
}
@media only screen and (min-width: 1920px) {
  .basket-item__img .object-fit {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .basket-item__img .object-fit {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
.basket-item__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1920px) {
  .basket-item__content {
    padding-left: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-item__content {
    padding-left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__content {
    padding-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .basket-item__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 140px);
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__info .minutiae {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__info .minutiae-items {
    width: inherit;
  }
}
.basket-item__info h5,
.basket-item__info .h5 {
  overflow: hidden;
  font-weight: inherit;
}
@media only screen and (min-width: 1920px) {
  .basket-item__info h5,
  .basket-item__info .h5 {
    max-height: 68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-item__info h5,
  .basket-item__info .h5 {
    max-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__info h5,
  .basket-item__info .h5 {
    max-height: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .basket-item__info h5,
  .basket-item__info .h5 {
    max-width: 55.3217821782%;
  }
}
.basket-item__info h5:not(:first-child),
.basket-item__info .h5:not(:first-child) {
  margin-top: var(--indent-size);
}
@media only screen and (max-width: 767px) {
  .basket-item__info h5:not(:first-child),
  .basket-item__info .h5:not(:first-child) {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.basket-item__count {
  position: absolute;
  right: calc(-1 * calc(var(--indent-size) * 2));
  top: calc(-1 * calc(var(--indent-size) * 2));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: calc(var(--box-size) * 8);
  height: calc(var(--box-size) * 8);
  text-align: center;
  background-color: #E9164D;
  border: 3px solid #FCF4F4;
  border-radius: 50%;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0 calc(var(--indent-size) / 2);
}
@media only screen and (min-width: 1920px) {
  .basket-item__count {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-item__count {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__count {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.basket-item__height {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1920px) {
  .basket-item__height {
    padding: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-item__height {
    padding: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__height {
    padding: calc(var(--indent-size) * 2) 0;
  }
}
@media only screen and (min-width: 768px) {
  .basket-item__height {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__height {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.basket-item__events {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 1920px) {
  .basket-item__events {
    padding: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-item__events {
    padding: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__events {
    padding: calc(var(--indent-size) * 2) 0;
  }
}
@media only screen and (max-width: 767px) {
  .basket-item__events {
    padding: 0;
  }
}
.basket-item .tags {
  position: absolute;
  left: var(--indent-size);
  top: var(--indent-size);
}
.basket-favorites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .basket-favorites {
    margin: 0 calc(-1 * var(--grid-size));
  }
}
@media only screen and (max-width: 767px) {
  .basket-favorites {
    margin: 0 calc(-1 * calc(var(--grid-size) / 2));
  }
}
@media only screen and (min-width: 768px) {
  .basket-favorites_bg .basket-favorite {
    background-color: #F6E2E6;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .basket-favorites_bg .basket-favorite {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 768px) and (min-width: 1280px) and (max-width: 1919px) {
  .basket-favorites_bg .basket-favorite {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .basket-favorites_bg .basket-favorite {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 768px) and (min-width: 1920px) {
  .basket-favorites_bg .basket-favorite {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-favorites_bg .basket-favorite {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
.basket-favorite {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8E7D82;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 768px) {
  .basket-favorite {
    margin: 0 var(--grid-size);
  }
}
@media only screen and (max-width: 767px) {
  .basket-favorite {
    margin: 0 calc(var(--grid-size) / 2);
  }
}
.basket-favorite.active {
  color: #E9164D;
}
.basket-favorite svg {
  fill: currentColor;
}
@media only screen and (max-width: 767px) {
  .basket-favorite svg {
    width: calc(var(--box-size) * 6);
    height: calc(var(--box-size) * 6);
  }
}
.basket-quantity {
  font-size: 0;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .basket-quantity {
    margin-right: var(--indent-size);
  }
}
.basket-ordering {
  border-top: 2px solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .basket-ordering {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-ordering {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .basket-ordering {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.basket-ordering:not(.is-sticky) .basket-ordering__value {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .basket-ordering:not(.is-sticky) .basket-ordering__value-title {
    margin-right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .basket-ordering:not(.is-sticky) .basket-ordering__value-title {
    margin-right: var(--indent-size);
  }
}
.basket-ordering.is-sticky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.basket-ordering.is-sticky .basket-ordering__help {
  display: none;
}
.basket-ordering.is-sticky .basket-ordering__btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  .basket-ordering.is-sticky .basket-ordering__btn {
    margin-left: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-ordering.is-sticky .basket-ordering__btn {
    margin-left: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .basket-ordering.is-sticky .basket-ordering__btn {
    margin-left: calc(var(--indent-size) * 3);
  }
}
.basket-ordering.is-sticky .basket-ordering__values {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.basket-ordering.is-sticky .basket-ordering__value {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .basket-ordering.is-sticky .basket-ordering__value:not(:last-child) {
    display: none;
  }
}
.basket-ordering p {
  font-weight: 500;
}
.basket-ordering__value {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  margin: calc(var(--indent-size) / 2) calc(var(--indent-size) / 2) 0;
}
@media only screen and (max-width: 767px) {
  .basket-ordering__value {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.basket-ordering__value_plus .basket-ordering__value-sum {
  color: #7EE07B;
}
.basket-ordering__value_minus .basket-ordering__value-sum {
  color: #E9164D;
}
.basket-ordering__value-title {
  color: #8E7D82;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) {
  .basket-ordering__value-title {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .basket-ordering__value-title {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .basket-ordering__value-sum {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket-ordering__value-sum {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .basket-ordering__value-sum {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.basket-ordering__value span {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.basket-ordering__values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: calc(-1 * calc(var(--indent-size) / 2)) calc(-1 * calc(var(--indent-size) / 2)) 0;
}
@media only screen and (min-width: 768px) {
  .basket-ordering__values {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .basket-ordering__values {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.basket-ordering__help {
  color: #8E7D82;
}
@media only screen and (min-width: 768px) {
  .basket-ordering__btn {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
@media only screen and (max-width: 767px) {
  .basket-ordering__btn {
    margin: var(--indent-size) 0;
  }
}
.basket-ordering__btn .btn {
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .basket__group:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket__group:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .basket__group:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.basket__group p {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .basket__group p {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket__group p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .basket__group p {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1280px) {
  .basket__group p {
    max-width: 90.2542372881%;
  }
}
@media only screen and (min-width: 1920px) {
  .basket__group .basket-items {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .basket__group .basket-items {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .basket__group .basket-items {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.basket__present {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.basket__present::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.basket__present .btn {
  pointer-events: none;
}

/**
 * news
 */
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .news-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .news-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .news-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.news-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .news-item {
    text-align: center;
  }
}
@media only screen and (min-width: 1920px) {
  .news-item:hover .news-item__img .object-fit {
    border-radius: 50% 50% calc(var(--border-radius) * 2) calc(var(--border-radius) * 2)/50% 50% calc(var(--border-radius) * 2) calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .news-item:hover .news-item__img .object-fit {
    border-radius: 50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3)/50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .news-item:hover img.lazy.anim {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.news-item__img {
  padding-top: 111.7903930131%;
}
.news-item__img-wrap {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .news-item__img-wrap {
    width: 75%;
    margin: 0 auto;
  }
}
.news-item__img .object-fit {
  background-color: #8E7D82;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .news-item__img .object-fit {
    border-radius: 50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3)/50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .news-item__img .object-fit {
    border-radius: 50% 50% var(--border-radius) var(--border-radius)/50% 50% var(--border-radius) var(--border-radius);
  }
}
.news-item__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: calc(var(--indent-size) * 2) 0 0;
}
.news-item__content h5,
.news-item__content .h5 {
  overflow: hidden;
  font-weight: inherit;
}
@media only screen and (min-width: 1920px) {
  .news-item__content h5,
  .news-item__content .h5 {
    max-height: 68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .news-item__content h5,
  .news-item__content .h5 {
    max-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .news-item__content h5,
  .news-item__content .h5 {
    max-height: 56px;
  }
}
@media only screen and (min-width: 1280px) {
  .news-item__content h5,
  .news-item__content .h5 {
    max-width: 93.0131004367%;
  }
}
.news-item__content h5:not(:first-child),
.news-item__content .h5:not(:first-child) {
  margin-top: var(--indent-size);
}
.news-item .minutiae:last-child {
  margin-top: auto;
}

/**
 * guide
 */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .guide-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .guide-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.guide-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
}
@media only screen and (min-width: 1280px) {
  .guide-item:hover img.lazy.anim {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.guide-item__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: calc(var(--indent-size) * 2) 0 0;
}
.guide-item__content h4,
.guide-item__content .h4 {
  overflow: hidden;
  font-weight: inherit;
}
@media only screen and (min-width: 1920px) {
  .guide-item__content h4,
  .guide-item__content .h4 {
    max-height: 96px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .guide-item__content h4,
  .guide-item__content .h4 {
    max-height: 80px;
  }
}
@media only screen and (max-width: 1279px) {
  .guide-item__content h4,
  .guide-item__content .h4 {
    max-height: 64px;
  }
}
@media only screen and (min-width: 1920px) {
  .guide-item__content h4:not(:first-child),
  .guide-item__content .h4:not(:first-child) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1919px) {
  .guide-item__content h4:not(:first-child),
  .guide-item__content .h4:not(:first-child) {
    margin-top: calc(var(--indent-size) / 2);
  }
}
.guide-item__content h4:not(:last-child),
.guide-item__content .h4:not(:last-child) {
  margin-bottom: var(--indent-size);
}
.guide-item .object-fit {
  background-color: #8E7D82;
}
.guide-item .minutiae:last-child {
  margin-top: auto;
}
.guide-item:not([data-type=large]) .guide-item__video {
  padding-top: 56.25%;
}
@media only screen and (min-width: 1920px) {
  .guide-item:not([data-type=large]) .guide-item__content h4,
  .guide-item:not([data-type=large]) .guide-item__content .h4 {
    max-width: 95.4545454545%;
  }
}
.guide-item[data-type=large] .guide-item__video {
  padding-top: 56.1991869919%;
}
@media only screen and (min-width: 1920px) {
  .guide-item[data-type=large] .guide-item__content h4,
  .guide-item[data-type=large] .guide-item__content .h4 {
    max-width: 96.7479674797%;
  }
}
.guide-poster {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .guide-poster {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .guide-poster {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .guide-poster {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .guide-poster {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .guide-poster {
    padding: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .guide-poster {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .guide-poster {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .guide-poster {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .guide-poster {
    width: 100%;
    max-width: calc(1440px + calc(var(--grid-size) * 8) * 2);
    margin: 0 auto calc(var(--grid-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .guide-poster {
    max-width: calc(1120px + calc(var(--grid-size) * 4) * 2);
    margin: 0 auto calc(var(--grid-size) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .guide-poster {
    width: calc(100% + calc(var(--grid-size) * 3) * 2);
    margin: 0 calc(-1 * calc(var(--grid-size) * 3)) calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .guide-poster {
    width: calc(100% + calc(var(--grid-size) * 2) * 2);
    margin: 0 calc(-1 * calc(var(--grid-size) * 2)) calc(var(--grid-size) * 3);
  }
}
.guide-poster .row {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .guide-poster .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .guide-poster .row > [class*=col-]:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .guide-poster .row > [class*=col-]:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}
@media only screen and (max-width: 767px) {
  .guide-poster .card-item {
    max-width: 74%;
    margin: 0 auto;
  }
}

/**
 * stock
 */
@media only screen and (max-width: 767px) {
  .stock-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.promotion {
  /*&-text {
    ol, ul {
      color: $color5;
    }
  }*/
}
.promotion-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  .promotion-item:hover img.lazy.anim {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.promotion-item:not([data-type=small]) .promotion-item__img {
  padding-top: 56.25%;
}
@media only screen and (min-width: 1920px) {
  .promotion-item:not([data-type=small]) .promotion-item__img .object-fit {
    border-radius: calc(var(--border-radius) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .promotion-item:not([data-type=small]) .promotion-item__img .object-fit {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .promotion-item:not([data-type=small]) .promotion-item__img .object-fit {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .promotion-item:not([data-type=small]) .promotion-item__img .object-fit {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .promotion-item:not([data-type=small]) .promotion-item__content p {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .promotion-item:not([data-type=small]) .promotion-item__content p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .promotion-item:not([data-type=small]) .promotion-item__content p {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.promotion-item[data-type=small] .promotion-item__img {
  padding-top: 56.2737642586%;
}
@media only screen and (min-width: 1920px) {
  .promotion-item[data-type=small] .promotion-item__img .object-fit {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .promotion-item[data-type=small] .promotion-item__img .object-fit {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .promotion-item[data-type=small] .promotion-item__img .object-fit {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .promotion-item[data-type=small] .promotion-item__content p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .promotion-item[data-type=small] .promotion-item__content p {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.promotion-item__img .object-fit {
  background-color: #FFFFFF;
}
.promotion-item__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 1920px) {
  .promotion-item__content {
    padding-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .promotion-item__content {
    padding-top: var(--indent-size);
  }
}
.promotion-item__content h4,
.promotion-item__content .h4 {
  overflow: hidden;
  font-weight: inherit;
}
@media only screen and (min-width: 1920px) {
  .promotion-item__content h4,
  .promotion-item__content .h4 {
    max-height: 96px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .promotion-item__content h4,
  .promotion-item__content .h4 {
    max-height: 80px;
  }
}
@media only screen and (max-width: 1279px) {
  .promotion-item__content h4,
  .promotion-item__content .h4 {
    max-height: 64px;
  }
}
@media only screen and (min-width: 1280px) {
  .promotion-item__content h4,
  .promotion-item__content .h4 {
    max-width: 95.4545454545%;
  }
}
@media only screen and (min-width: 768px) {
  .promotion-item__content h4:not(:first-child),
  .promotion-item__content .h4:not(:first-child) {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .promotion-item__content h4:not(:first-child),
  .promotion-item__content .h4:not(:first-child) {
    margin-top: var(--indent-size);
  }
}
.promotion-item__content h5,
.promotion-item__content .h5 {
  overflow: hidden;
  font-weight: inherit;
}
@media only screen and (min-width: 1920px) {
  .promotion-item__content h5,
  .promotion-item__content .h5 {
    max-height: 68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .promotion-item__content h5,
  .promotion-item__content .h5 {
    max-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .promotion-item__content h5,
  .promotion-item__content .h5 {
    max-height: 56px;
  }
}
@media only screen and (min-width: 1280px) {
  .promotion-item__content h5,
  .promotion-item__content .h5 {
    max-width: 93.9163498099%;
  }
}
.promotion-item__content h5:not(:first-child),
.promotion-item__content .h5:not(:first-child) {
  margin-bottom: var(--indent-size);
}
@media only screen and (min-width: 768px) {
  .promotion-item__content h5:not(:first-child),
  .promotion-item__content .h5:not(:first-child) {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .promotion-item__content h5:not(:first-child),
  .promotion-item__content .h5:not(:first-child) {
    margin-top: var(--indent-size);
  }
}
.promotion-item_hot .minutiae {
  color: #E9164D;
}
.promotion-conditions {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .promotion-conditions {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .promotion-conditions {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .promotion-conditions {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .promotion-conditions {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .promotion-conditions {
    padding: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .promotion-conditions {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .promotion-conditions {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .promotion-conditions {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .promotion-conditions {
    margin: calc(var(--indent-size) * 8) calc(-1 * calc(var(--indent-size) * 8));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .promotion-conditions {
    margin: calc(var(--indent-size) * 6) calc(-1 * calc(var(--indent-size) * 6));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .promotion-conditions {
    margin: calc(var(--indent-size) * 4) calc(-1 * calc(var(--indent-size) * 4));
  }
}
@media only screen and (max-width: 767px) {
  .promotion-conditions {
    margin: calc(var(--indent-size) * 2) calc(-1 * calc(var(--indent-size) * 2));
  }
}
.promotion-conditions:first-child {
  margin-top: 0;
}
.promotion-conditions:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  .promotion-conditions__items {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .promotion-conditions__items {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .promotion-conditions__items {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .promotion-conditions__items .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .promotion-conditions__items .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/**
 * docs
 */
@media only screen and (max-width: 767px) {
  .docs-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.doc-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 500;
}
.doc-item__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  line-height: 1;
  color: #8E7D82;
}
.doc-item__icon svg {
  fill: currentColor;
}
@media only screen and (min-width: 1920px) {
  .doc-item__content {
    padding-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .doc-item__content {
    padding-left: var(--indent-size);
  }
}
.doc-item__content h4,
.doc-item__content .h4 {
  font-weight: inherit;
}
.doc-item__content h4:not(:last-child),
.doc-item__content .h4:not(:last-child) {
  margin-bottom: var(--indent-size);
}
.doc-item__content h4 span,
.doc-item__content .h4 span {
  border-bottom: calc(var(--box-size) / 2) solid currentColor;
  font-weight: inherit;
}
.doc-item__size {
  color: #8E7D82;
}

/**
 * poster
 */
.poster:not(.s) {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1920px) {
  .poster:not(.s) {
    margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 15);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .poster:not(.s) {
    margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .poster:not(.s) {
    margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 8);
  }
}
@media only screen and (max-width: 767px) {
  .poster:not(.s) {
    margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 6);
  }
}
.poster-base {
  position: relative;
}
.poster-base .poster-code {
  position: absolute;
}
@media only screen and (min-width: 1920px) {
  .poster-base .poster-code {
    left: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .poster-base .poster-code {
    left: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 1280px) {
  .poster-base .poster-code {
    bottom: calc(-1 * calc(var(--indent-size) * 6));
  }
}
@media only screen and (max-width: 1279px) {
  .poster-base .poster-code {
    bottom: calc(-1 * calc(var(--indent-size) * 4));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .poster-base .poster-code {
    right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .poster-base .poster-code {
    right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .poster-base .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .poster-base .row > [class*=col-]:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.poster-info {
  position: relative;
  z-index: 1;
  color: #E9164D;
}
.poster-info:not([class*=-center]) {
  text-align: right;
}
@media only screen and (min-width: 1920px) {
  .poster-info:not([class*=-center]) {
    max-width: 880px;
    padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .poster-info:not([class*=-center]) {
    max-width: 624px;
    padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) {
  .poster-info:not([class*=-center]) {
    margin: 0 25% 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .poster-info:not([class*=-center]) {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .poster-info:not([class*=-center]) {
    margin-top: var(--indent-size);
  }
}
.poster-info h4,
.poster-info .h4 {
  display: inline-block;
  vertical-align: top;
}
.poster-info h4:not(:first-child),
.poster-info .h4:not(:first-child) {
  margin-top: 0;
}
@media only screen and (min-width: 1920px) {
  .poster-info .poster-btn {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .poster-info .poster-btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .poster-info .poster-btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .poster-info .poster-btn .btn-outline {
    width: 290px;
    height: 142px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .poster-info .poster-btn .btn-outline {
    width: 210px;
    height: 102px;
  }
}
@media only screen and (max-width: 767px) {
  .poster-info .poster-btn .btn-outline {
    width: 198px;
    height: 96px;
  }
}
.poster-center {
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .poster-center {
    max-width: 1080px;
    padding: calc(var(--indent-size) * 35) 0 calc(var(--indent-size) * 35);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .poster-center {
    max-width: 624px;
    padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .poster-center {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .poster-center {
    margin-top: var(--indent-size);
  }
}
.poster-wrapper {
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .poster-wrapper .poster-img {
    position: absolute;
    width: 33.333333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .poster-wrapper .poster-img {
    width: calc(50% - calc(var(--grid-size) * 3));
    margin: 0 calc(var(--grid-size) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .poster-wrapper .poster-img {
    width: calc(50% - calc(var(--grid-size) * 2));
    margin: 0 var(--grid-size);
  }
}
@media only screen and (max-width: 1279px) {
  .poster-wrapper .poster-img__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .poster-wrapper .poster-img__wrap {
    margin: 0 calc(-1 * calc(var(--grid-size) / 2 * 3));
  }
}
@media only screen and (max-width: 767px) {
  .poster-wrapper .poster-img__wrap {
    margin: 0 calc(-1 * var(--grid-size));
  }
}
@media only screen and (min-width: 1280px) {
  .poster-wrapper .poster-img[data-type=left] {
    left: 0;
    top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .poster-wrapper .poster-img[data-type=right] {
    right: 0;
    bottom: 0;
  }
}
.poster-wrapper .poster-img .img {
  padding-top: 111.7903930131%;
}
.poster-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
}
@media only screen and (min-width: 1920px) {
  .poster-images {
    margin-right: calc(-1 * (1792px - 1440px) / 2);
  }
}
.poster-images .poster-img:first-child {
  width: 25%;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
@media only screen and (max-width: 1279px) {
  .poster-images .poster-img:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .poster-images .poster-img:first-child {
    margin-bottom: calc(-1 * 20%);
  }
}
.poster-images .poster-img:first-child .img {
  padding-top: 111.5%;
}
.poster-images .poster-img:last-child {
  width: 50%;
}
.poster-images .poster-img:last-child .img {
  padding-top: 111.6704805492%;
}
.poster-img {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .poster-img .object-fit {
    border-radius: 50% 50% calc(var(--border-radius) * 2) calc(var(--border-radius) * 2)/50% 50% calc(var(--border-radius) * 2) calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .poster-img .object-fit {
    border-radius: 50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3)/50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .poster-img .object-fit {
    border-radius: 50% 50% var(--border-radius) var(--border-radius)/50% 50% var(--border-radius) var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .poster-img p {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .poster-img p {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .poster-img p {
    max-width: 92.6605504587%;
  }
}
@media only screen and (max-width: 767px) {
  .poster-img p {
    display: none;
  }
}
.poster-bg {
  padding-top: 56.25%;
}
.poster-bg .object-fit {
  background-color: #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .poster-bg .object-fit {
    border-radius: calc(var(--border-radius) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .poster-bg .object-fit {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .poster-bg .object-fit {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .poster-bg .object-fit {
    border-radius: var(--border-radius);
  }
}
.poster-bg .object-fit--straight {
  border-radius: 0;
}
.poster-bg .object-fit--straight img {
  -o-object-fit: fill;
  object-fit: fill;
}
.poster-content {
  position: relative;
  z-index: 1;
  color: #E9164D;
  font-weight: 500;
}
@media only screen and (min-width: 1280px) {
  .poster-content {
    margin: 0 -25% 0 0;
  }
}
.poster-content:not([data-type=left]) p {
  margin: 0 auto;
}
@media only screen and (min-width: 1280px) {
  .poster-content:not([data-type=left]) p {
    text-align: center;
  }
}
@media only screen and (min-width: 1920px) {
  .poster-content[data-type=left] p {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .poster-content[data-type=left] p {
    margin-left: 15%;
  }
}
@media only screen and (min-width: 1920px) {
  .poster-content[data-type=left] .poster-btn {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .poster-content[data-type=left] .poster-btn {
    margin-left: 15%;
  }
}
@media only screen and (min-width: 1280px) {
  .poster-content[data-type=left] .poster-btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.poster-content h1,
.poster-content .h1, .poster-content h2, .poster-content .h2 {
  /*@include laptop-small-min {
    margin-right: -25%;
  }*/
}
.poster-content h1:not(:first-child),
.poster-content .h1:not(:first-child), .poster-content h2:not(:first-child), .poster-content .h2:not(:first-child) {
  margin-top: calc(var(--indent-size) * 2);
}
@media only screen and (min-width: 1920px) {
  .poster-content p {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .poster-content p {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .poster-content p {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1280px) {
  .poster-content p {
    max-width: 424px;
  }
}
@media only screen and (min-width: 1920px) {
  .poster-content .poster-btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .poster-content .poster-btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .poster-content .poster-btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.poster-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.poster-subtitle {
  display: block;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .poster-subtitle {
    font-size: 48px;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .poster-subtitle {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .poster-subtitle {
    font-size: 30px;
    line-height: 1.2666666667;
  }
}
@media only screen and (max-width: 767px) {
  .poster-subtitle {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (min-width: 1920px) {
  .poster-subtitle {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .poster-subtitle {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.poster-code {
  text-align: center;
}
.poster-code__value {
  background-color: #F6E2E6;
  border: 1px solid #E9164D;
  cursor: pointer;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  position: relative;
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .poster-code__value {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .poster-code__value {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 768px) {
  .poster-code__value {
    padding: var(--indent-size) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .poster-code__value {
    padding: calc(var(--indent-size) / 2) calc(var(--indent-size) * 2);
  }
}
.poster-code__hint {
  display: block;
  color: #F27C96;
  margin-top: calc(var(--indent-size) / 2);
}
@media only screen and (min-width: 1920px) {
  .poster-code__hint {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .poster-code__hint {
    font-size: 12px;
    line-height: 1.5;
  }
}
.poster .breadcrumb {
  color: #8E7D82;
  font-weight: 600;
}
.poster .breadcrumb-wrapper {
  margin: 0 0 calc(var(--indent-size) * 2);
}
.poster .scroll-bottom {
  color: #8E7D82;
}
@media only screen and (max-width: 767px) {
  .poster .scroll-bottom {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 1280px) {
  .poster .scroll-bottom:not([class*=_static]) {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 1279px) {
  .poster .scroll-bottom:not([class*=_static]) {
    position: relative;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1920px) {
  .poster .scroll-bottom:not([class*=_static]) {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1919px) {
  .poster .scroll-bottom:not([class*=_static]) {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 767px) {
  .poster .scroll-bottom:not([class*=_static]) {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.poster .scroll-bottom_static {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .poster .scroll-bottom_static {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .poster .scroll-bottom_static {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .poster .scroll-bottom_static {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .poster q {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .poster q {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .poster q {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
@media only screen and (max-width: 767px) {
  .poster q {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
.poster q:first-child {
  margin-top: 0;
}
.poster q:last-child {
  margin-bottom: 0;
}

/**
 * categories
 */
@media only screen and (min-width: 1920px) {
  .categories {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .categories {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  .categories {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
@media only screen and (min-width: 1920px) {
  .categories[data-type=slider] {
    margin-left: calc(-1 * (1792px - 1440px) / 2);
    margin-right: calc(-1 * (1792px - 1440px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  .categories[data-type=slider] .categories-slide:first-child {
    padding-left: calc((1792px - 1440px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  .categories[data-type=slider] .categories-slide:last-child {
    padding-right: calc((1792px - 1440px) / 2);
  }
}
.categories:first-child {
  margin-top: 0;
}
.categories:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1280px) {
  .categories-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.categories-slider:not(.swiper-lock) {
  /*& .categories {
    &-slide {
      &:first-child {
        @include desktop-large-laptop-small {
          padding-left: $indent-size-80;
        }
      }

      &:last-child {
        @include desktop-large-laptop-small {
          padding-right: $indent-size-80;
        }
      }
    }
  }*/
}
@media only screen and (min-width: 1920px) {
  .categories-slider:not(.swiper-lock) {
    min-height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .categories-slider:not(.swiper-lock) {
    min-height: calc(var(--box-size) * 14);
  }
}
.categories-slider:not(.swiper-container-initialized) .types-arrows {
  opacity: 0;
}
@media only screen and (min-width: 1280px) {
  .categories-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .categories-slide {
    color: #430315;
  }
}
@media only screen and (min-width: 1920px) {
  .categories-slide:not(:last-child) {
    margin-right: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .categories-slide:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .categories-slide:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .categories-slide:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .categories-slide.swiper-slide {
    width: auto;
  }
}
.categories-slide.active {
  color: #E9164D;
}
@media only screen and (min-width: 1280px) {
  .categories-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .categories-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 1279px) {
  .categories-arrows {
    display: none;
  }
}
.categories-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.categories-arrow[data-type=prev] {
  left: 0;
}
.categories-arrow[data-type=next] {
  right: 0;
}

.category-item {
  position: relative;
  font-weight: 500;
  color: inherit;
}
@media only screen and (max-width: 1279px) {
  .category-item {
    display: block;
  }
}
.category-item svg {
  fill: currentColor;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 1280px) {
  .category-item svg {
    display: none;
  }
}

/**
 * types
 */
.types-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1920px) {
  .types-tabs {
    margin-bottom: calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .types-tabs {
    margin-bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .types-tabs {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .types-tabs {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 1279px) {
  .types-tabs {
    overflow: hidden;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .types-tabs {
    margin-left: calc(-1 * calc(var(--grid-size) * 3));
    margin-right: calc(-1 * calc(var(--grid-size) * 3));
  }
}
@media only screen and (max-width: 767px) {
  .types-tabs {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
.types-tabs::-webkit-scrollbar {
  display: none;
}
.types-wrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.types-items {
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .types-items {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .types-items {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .types-items {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .types-items {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .types-items {
    padding-left: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .types-items {
    padding-left: calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .types-items::after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .types-items::after {
    width: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .types-items::after {
    width: calc(var(--grid-size) * 2);
  }
}

.type-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .type-item:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .type-item:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .type-item:not(:last-child) {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.type-item.active {
  color: #E9164D;
}

/**
 * catalog
 */
@media only screen and (max-width: 1279px) {
  .catalog-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .catalog-row > [class*=col-]:first-child {
    margin-top: 0;
  }
}
.catalog-empty__title {
  max-width: 75.3012048193%;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .catalog-empty__title {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog-empty__title {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .catalog-empty__title {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  .catalog-empty__title {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
.catalog-empty__icon {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 calc(var(--indent-size) * 2);
}
@media only screen and (min-width: 1920px) {
  .catalog-empty__icon {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .catalog-empty__icon {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .catalog-empty__icon {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  .catalog-empty__icon {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 1920px) {
  .catalog-empty__btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .catalog-empty__btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .catalog-empty__btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}

/**
 * filter
 */
@media only screen and (min-width: 1920px) {
  .filter-top {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-top {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .filter-top {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .filter-top {
    border-bottom: 1px solid #8E7D82;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .filter-top {
    padding-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .filter-top {
    padding-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .filter-top .choice {
    min-width: 138px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-top .choice {
    padding-top: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .filter-top .choice {
    padding-top: 8px;
  }
}
@media only screen and (min-width: 1280px) {
  .filter-top .btn {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .filter-top .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .filter-top .row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 1279px) {
  .filter-top .row > [class*=col-]:first-child {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .filter-top .row > [class*=col-]:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 1280px) {
  .filter-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.filter-sort__label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .filter-sort__label {
    margin-right: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-sort__label {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .filter-sort__label {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .filter-sort__label {
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (max-width: 1279px) {
  .filter-sort__label {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .filter-sort__items {
    margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2 * 3)) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .filter-sort__items {
    margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (min-width: 1280px) {
  .filter-sort__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.filter-sort__item {
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .filter-sort__item {
    margin: var(--grid-size) calc(var(--grid-size) / 2 * 3) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .filter-sort__item {
    margin: var(--grid-size) var(--grid-size) 0;
  }
}
@media only screen and (min-width: 1280px) {
  .filter-sort__item {
    display: inline-block;
    vertical-align: top;
  }
}
@media only screen and (max-width: 1279px) {
  .filter-sort__item {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-sort__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .filter-sort__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .filter-sort__item.active {
    font-weight: 600;
  }
}
@media only screen and (max-width: 1279px) {
  .filter-sort__item.active {
    color: #E9164D;
  }
}
.filter-sort__item svg {
  fill: currentColor;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 1280px) {
  .filter-sort__item svg {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .filter-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .filter-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.filter-item.is-open .filter-item__arrow svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.filter-item__title {
  position: relative;
  border-bottom: 3px solid currentColor;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 768px) {
  .filter-item__title {
    padding: 0 calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) 0;
  }
}
@media only screen and (max-width: 767px) {
  .filter-item__title {
    border-width: 2px;
    padding: 0 calc(var(--indent-size) * 4) var(--indent-size) 0;
  }
}
.filter-item__title h5:not(:last-child),
.filter-item__title .h5:not(:last-child) {
  margin-bottom: 0;
}
.filter-item__content {
  display: none;
}
@media only screen and (min-width: 1920px) {
  .filter-item__content {
    padding-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-item__content {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .filter-item__content {
    padding-top: calc(var(--indent-size) * 2);
  }
}
.filter-item__arrow {
  position: absolute;
  right: 0;
  z-index: 1;
  font-size: 0;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .filter-item__arrow {
    padding-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .filter-item__arrow {
    padding-bottom: var(--indent-size);
  }
}
.filter-item__arrow svg {
  fill: #8E7D82;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (max-width: 767px) {
  .filter-item__arrow svg {
    width: calc(var(--box-size) * 8);
  }
}
.filter-item__scroll {
  overflow: hidden;
  padding: calc(var(--indent-size) / 2) 0 calc(var(--indent-size) / 2);
}
@media only screen and (min-width: 1920px) {
  .filter-item__scroll {
    max-height: 244px;
  }
}
@media only screen and (max-width: 1919px) {
  .filter-item__scroll {
    max-height: 152px;
  }
}
.filter-item__scroll.is-open {
  overflow-y: auto;
}
.filter-item__scroll::-webkit-scrollbar {
  width: 4px;
}
.filter-item__scroll::-webkit-scrollbar-track {
  background-color: #F6E2E6;
  border-radius: 100px;
}
.filter-item__scroll::-webkit-scrollbar-thumb {
  background-color: #E9164D;
  border-radius: 100px;
}
.filter-clear {
  display: inline-block;
  font-weight: 500;
  color: #E9164D;
  cursor: pointer;
}
@media only screen and (min-width: 1920px) {
  .filter-clear {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-clear {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .filter-clear {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
.filter-price__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 calc(-1 * calc(var(--grid-size) * 2)) calc(var(--grid-size) * 2);
}
.filter-price__input {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 500;
  margin: 0 calc(var(--grid-size) * 2) 0;
}
@media only screen and (min-width: 1920px) {
  .filter-price__input {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-price__input {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .filter-price__input {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.filter-price__input input {
  padding-left: calc(var(--indent-size) * 4);
  padding-right: calc(var(--indent-size) * 4);
}
.filter-price__label {
  position: absolute;
  top: 0;
  z-index: 1;
  color: #8E7D82;
}
.filter-price__label:first-child {
  left: 0;
}
.filter-price__label:last-child {
  right: 0;
}
.filter-price__interval {
  padding: calc(var(--indent-size) * 2) 0;
}
.filter-load__btn {
  display: block;
  font-weight: 600;
  cursor: pointer;
}
@media only screen and (min-width: 1920px) {
  .filter-load__btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .filter-load__btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.filter-load__btn:not(.active) {
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .filter-load__btn:not(.active) {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-load__btn:not(.active) {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .filter-load__btn:not(.active) {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.filter-turn__btn {
  display: block;
  color: #8E7D82;
  font-weight: 600;
  cursor: pointer;
  margin: calc(var(--indent-size) * 3) 0 0;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .filter-turn__btn {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-turn__btn {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .filter-turn__btn {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.filter-search {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .filter-search {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .filter-search {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.filter-search:last-child {
  margin-bottom: 0;
}
.filter-search input {
  padding-right: calc(var(--indent-size) * 6);
}
.filter-search__btn {
  position: absolute;
  right: 0;
  z-index: 1;
  background: none;
  border: 0 none;
  font-size: 0;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  outline: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: var(--indent-size);
}
.filter-search__btn:hover svg {
  fill: #E9164D;
}
.filter-search__btn svg {
  fill: #8E7D82;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.filter-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1920px) {
  .filter-choice {
    margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-choice {
    margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .filter-choice {
    margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) calc(var(--indent-size) * 3);
  }
}
.filter-choice__item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .filter-choice__item {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .filter-choice__item {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .filter-choice__item {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .filter-choice__item {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .filter-choice__item:hover {
    border-radius: calc(var(--box-size) * 6);
  }
}
@media only screen and (max-width: 1919px) {
  .filter-choice__item:hover {
    border-radius: calc(var(--box-size) / 2 * 9);
  }
}
@media only screen and (min-width: 1920px) {
  .filter-choice__item {
    padding: calc(var(--indent-size) / 2 * 3) calc(var(--indent-size) * 6) calc(var(--indent-size) / 2 * 3) calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-choice__item {
    padding: var(--indent-size) calc(var(--indent-size) * 4) var(--indent-size) calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .filter-choice__item {
    margin: var(--grid-size) var(--grid-size) 0;
  }
}
@media only screen and (max-width: 767px) {
  .filter-choice__item {
    margin: var(--grid-size) calc(var(--grid-size) / 2) 0;
    padding: calc(var(--indent-size) / 2) calc(var(--indent-size) * 3) calc(var(--indent-size) / 2) var(--indent-size);
  }
}
.filter-choice__item:not([class*=_clear]) {
  background-color: #F6E2E6;
  color: #E9164D;
}
.filter-choice__item:not([class*=_clear]) svg {
  fill: #E9164D;
}
.filter-choice__item[class*=_clear] {
  background-color: #E9164D;
  color: #FFFFFF;
}
.filter-choice__item[class*=_clear] svg {
  fill: #FFFFFF;
}
.filter-choice__item-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
  line-height: 1;
  cursor: pointer;
}
@media only screen and (min-width: 1920px) {
  .filter-choice__item-icon {
    right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-choice__item-icon {
    right: var(--indent-size);
  }
}
@media only screen and (max-width: 767px) {
  .filter-choice__item-icon {
    right: calc(var(--indent-size) / 2);
  }
}
.filter-choice__item-icon svg {
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}

/**
 * title
 */
.title {
  position: relative;
  border-bottom: calc(var(--box-size) / 2) solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .title {
    padding: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .title {
    padding: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (max-width: 767px) {
  .title {
    padding: calc(var(--indent-size) * 3) 0 calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 1920px) {
  .title + .s {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .title + .s {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .title + .s {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.title-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (max-width: 1279px) {
  .title-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.title-content p {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .title-content p {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .title-content p {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .title-content p {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .title-content p {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .title-content p {
    margin-right: calc(var(--indent-size) * 3);
  }
}
.title-content img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /*@include desktop-large-min {
    margin-left: $indent-size-32;
  }
  @include desktop-large-laptop-small {
    margin-left: $indent-size-24;
  }*/
}
@media only screen and (min-width: 1280px) {
  .title-content img {
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .title-content img {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .title-content img {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.title-search {
  max-width: 640px;
}
@media only screen and (min-width: 1920px) {
  .title-search {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .title-search {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .title-search {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.title__label {
  display: block;
  color: #8E7D82;
}
.title h1:not(:first-child),
.title .h1:not(:first-child) {
  margin-top: calc(var(--indent-size) * 2);
}

/**
 * brands
 */
.brands-alphabet {
  position: absolute;
  right: calc(var(--grid-size) * 2);
  top: calc(var(--indent-size) * 4);
  text-transform: uppercase;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .brands-alphabet {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .brands-alphabet {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) {
  .brands-alphabet {
    display: none;
  }
}
.brands-alphabet a {
  display: block;
}
.brands-alphabet a:not(:last-child) {
  margin-bottom: calc(var(--indent-size) / 2);
}

@media only screen and (min-width: 1920px) {
  .brand-item {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .brand-item {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .brand-item {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  .brand-item {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
.brand-item:first-child {
  margin-top: 0;
}
.brand-item:last-child {
  margin-bottom: 0;
}
.brand-item__letter {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .brand-item__letter {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .brand-item__letter {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .brand-item__letter {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .brand-item__letter {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
.brand-item__list {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .brand-item__list {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .brand-item__list {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .brand-item__list {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) {
  .brand-item__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) {
  .brand-item__list li {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
  }
}
@media only screen and (min-width: 1920px) {
  .brand-item__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .brand-item__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .brand-item__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .brand-item .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/**
 * logos
 */
@media only screen and (min-width: 1920px) {
  .logos {
    margin-bottom: calc(var(--indent-size) * 30);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .logos-items .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media only screen and (max-width: 767px) {
  .logos-items .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.logo-item {
  display: block;
  font-weight: 500;
}
.logo-item:hover .logo-item__img .object-center {
  background-color: #F6E2E6;
}
.logo-item__img {
  padding-top: 66.0660660661%;
}
.logo-item__img .object-center {
  background-color: #FCF4F4;
  padding: 8px;
}
@media only screen and (min-width: 1920px) {
  .logo-item__img .object-center {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .logo-item__img .object-center {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .logo-item__content {
    padding-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .logo-item__content {
    padding-top: var(--indent-size);
  }
}
.logo-item__content h5,
.logo-item__content .h5 {
  font-weight: inherit;
}

/**
 * product
 */
@media only screen and (max-width: 1279px) {
  .product__row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.product__more {
  color: #E9164D;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  display: none;
}
@media only screen and (min-width: 1920px) {
  .product__more {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product__more {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .product__more {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1280px) {
  .product__more {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product__more {
    margin-top: 16px;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .product__more {
    margin-top: 8px;
    display: block;
  }
}
.product-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) {
  .product-label {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-label {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .product-label {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .product-label {
    padding-bottom: calc(calc(var(--indent-size) * 2) + calc(var(--indent-size) / 4));
  }
}
@media only screen and (min-width: 1280px) {
  .product-label::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: calc(var(--box-size) / 2);
    width: 100vw;
    background-color: #F6E2E6;
  }
}
.product-label__title {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-label .count {
  position: absolute;
  left: 100%;
  top: -10%;
}
@media only screen and (max-width: 1279px) {
  .product-tabs__label {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .product-tabs .tabs-wrap {
    margin: 0 0 calc(-1 * (calc(var(--indent-size) * 2) + calc(var(--indent-size) / 4)));
    padding-bottom: calc(var(--indent-size) / 4);
  }
}
.product-tabs .tabs-items {
  margin-bottom: calc(-1 * calc(var(--indent-size) / 4));
  padding-bottom: calc(var(--indent-size) / 4);
}
.product-tabs .tabs-item {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .product-tabs .tabs-item {
    padding-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .product-tabs .tabs-item {
    padding-bottom: var(--indent-size);
  }
}
.product-tabs .tabs-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(-1 * calc(var(--indent-size) / 4));
  width: 100%;
  height: calc(var(--box-size) / 2);
  background-color: #E9164D;
  opacity: 0;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .product-tabs .tabs-item:not(:last-child) {
    margin-right: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-tabs .tabs-item:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .product-tabs .tabs-item:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
.product-tabs .tabs-item.active {
  color: #E9164D;
}
.product-tabs .tabs-item.active::after {
  opacity: 1;
}
.product-tabs .tabs-item__span {
  margin: 0 5px 0 20px;
}
@media only screen and (max-width: 1279px) {
  .product-tabs .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
}
@media only screen and (max-width: 1279px) {
  .product-tabs .tab-pane:not(:last-child) {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .product-tab__label {
    display: none;
  }
}
@media (max-width: 1279px) {
  .product-tab__text[data-type=tab-1] .product-more__text {
    position: relative;
  }
  .product-tab__text[data-type=tab-1] .product-more__text:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(240, 249, 255, 0)), to(#fff));
    background: linear-gradient(to bottom, rgba(240, 249, 255, 0) 0, #fff 100%);
    z-index: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-tab__text[data-type=tab-1] .product-more__text:not(.is-open) {
    max-height: 252px;
  }
}
@media only screen and (max-width: 767px) {
  .product-tab__text[data-type=tab-1] .product-more__text:not(.is-open) {
    max-height: 288px;
  }
}
.product-tab__text[data-type=tab-1] .product-more__text.is-open:before {
  content: none;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-tab__text[data-type=tab-2] .product-more__text:not(.is-open) {
    max-height: 152px;
  }
}
@media only screen and (max-width: 767px) {
  .product-tab__text[data-type=tab-2] .product-more__text:not(.is-open) {
    max-height: 136px;
  }
}
@media only screen and (max-width: 1279px) {
  .product-more__text {
    overflow: hidden;
  }
}
.product-more__text.is-open ~ .product__more {
  display: none;
}
.product-top {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .product-top {
    margin-bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-top {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .product-top {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1279px) {
  .product-top nav.breadcrumbs {
    margin-bottom: 52px;
    overflow: hidden;
    overflow-x: scroll;
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-top nav.breadcrumbs {
    margin-left: auto;
    margin-right: auto;
  }
}
.product-main {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .product-main {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-main {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .product-main {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .product-main {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .product-main {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .product-main {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-main {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .product-main {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .product-main {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
.product-main .row {
  margin-top: calc(-1 * calc(var(--grid-size) * 3));
}
.product-main .row > [class*=col-] {
  margin-top: calc(var(--grid-size) * 3);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-main .row > [class*=col-]:not(:nth-child(2)) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-main .row > [class*=col-]:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.product-main__list {
  font-weight: 500;
  margin: var(--indent-size) 0;
}
.product-main__list:first-child {
  margin-top: 0;
}
.product-main__list:last-child {
  margin-bottom: 0;
}
.product-main__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-main__list li:not(:last-child) {
  margin: 0 0 var(--indent-size);
}
@media only screen and (max-width: 767px) {
  .product-main__list .list__item_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.product-main__list .list__item_center span {
  text-transform: lowercase;
}
.product-main__list a {
  color: #E9164D;
  border-bottom: 1px solid currentColor;
}
.product-main__list a:hover {
  border-bottom-color: currentColor;
}
.product-main__list svg:not([class*=help]) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  fill: #E9164D;
  margin: -1px calc(var(--indent-size) / 2);
}
.product-main__list svg:not([class*=help]):first-child {
  margin-left: 0;
}
.product-main__list svg:not([class*=help]):last-child {
  margin-right: 0;
}
.product-main__list_gray {
  color: #8E7D82;
}
.product-main__list_gray li svg:not(:only-child) {
  fill: #8E7D82;
}
.product-main__list_gray b {
  color: #430315;
}
.product-main__list_delivery li {
  position: relative;
  padding-left: calc(var(--indent-size) * 4);
}
.product-main__list-icon {
  position: absolute;
  left: 0;
  width: calc(var(--box-size) * 6);
  height: calc(var(--box-size) * 6);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 1920px) {
  .product-main__list-icon {
    top: -1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-main__list-icon {
    top: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .product-main__list-icon {
    top: -3px;
  }
}
.product-main__list .help {
  margin-left: calc(var(--indent-size) / 2);
  display: none;
}
@media only screen and (min-width: 768px) {
  .product-main__btn > *:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .product-main__btn > *:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
.product-main__btn .btn {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .product-main__btn-fixed {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .product-main__btn-fixed {
    position: fixed;
    left: 0;
    bottom: 48px;
    z-index: 98;
    width: 100%;
    background-color: #FFFFFF;
    border: solid #F6E2E6;
    border-width: 2px 0 2px;
    padding: var(--indent-size) calc(var(--grid-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .product-main__btn-fixed .btn__text span {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .product-main__btn-fixed .btn__text span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: var(--indent-size);
  }
}
@media only screen and (max-width: 767px) {
  .product-main__btn-fixed .btn__text span::after {
    content: "";
    width: var(--box-size);
    height: var(--box-size);
    background-color: currentColor;
    border-radius: 50%;
    margin-left: var(--indent-size);
  }
}
.product-main .price {
  font-weight: 600;
}
.product-info h3:not(:first-child),
.product-info .h3:not(:first-child) {
  margin-top: var(--indent-size);
}
.product-info h3:not(:last-child),
.product-info .h3:not(:last-child) {
  margin-bottom: var(--indent-size);
}
@media only screen and (min-width: 1920px) {
  .product-info .minutiae {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-info .minutiae {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .product-info .minutiae {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.product-info .rating {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .product-info .rating {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .product-info .rating {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .product-adv {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-adv {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .product-adv {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.product-adv__item {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .product-adv__item {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .product-adv__item {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .product-adv__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.product-adv__img {
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .product-adv__img {
    width: 48px;
  }
}
@media only screen and (min-width: 768px) {
  .product-adv__content {
    padding: var(--indent-size) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-adv .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .product-adv .row {
    margin-top: calc(-1 * var(--grid-size));
  }
}
@media only screen and (max-width: 767px) {
  .product-adv .row > [class*=col-] {
    margin-top: var(--grid-size);
  }
}
@media only screen and (max-width: 1279px) {
  .product-text {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-text .product-more__text:not(.is-open) {
    max-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .product-text .product-more__text:not(.is-open) {
    max-height: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .product-path {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .product-path {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.product-path .row {
  margin-top: calc(-1 * calc(var(--grid-size) * 3));
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-path .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.product-path .row > [class*=col-] {
  margin-top: calc(var(--grid-size) * 3);
}
.product-path__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .product-path__item {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .product-path__item {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .product-path__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .product-path__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.product-path__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc(var(--box-size) * 10);
  height: calc(var(--box-size) * 10);
  background-color: #F6E2E6;
  border-radius: 50%;
  overflow: hidden;
}
.product-path__img .img__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-path__content {
  padding: 0 0 0 calc(var(--indent-size) / 2 * 3);
}
.product-path__info {
  display: block;
  color: #8E7D82;
}
.product-share {
  color: #8E7D82;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .product-share {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .product-share {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .product-share {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .product-share {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .product-share {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
  }
}
.product-share__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.product-share__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .product-share__icons > *:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .product-share__icons > *:not(:last-child) {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.product-gallery {
  overflow: hidden;
  margin: 0 auto;
}
@media only screen and (max-width: 1279px) {
  .product-gallery {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-gallery {
    max-width: 480px;
  }
}
@media only screen and (min-width: 1920px) {
  .product-gallery__pagination {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-gallery__pagination {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .product-gallery__pagination {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .product-gallery__pagination {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .product-gallery__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.product-gallery__big {
  position: relative;
}
.product-gallery__big-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}
.product-gallery__big-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1280px) {
  .product-gallery__big-media:hover .product-gallery__zoom {
    opacity: 1;
  }
}
.product-gallery__big .object-fit {
  background-color: #F2F2F2;
}
@media only screen and (min-width: 1920px) {
  .product-gallery__big .object-fit {
    border-radius: calc(var(--border-radius) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .product-gallery__big .object-fit {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-gallery__big .object-fit {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .product-gallery__big .object-fit {
    border-radius: var(--border-radius);
  }
}
.product-gallery__big .tags {
  position: absolute;
  z-index: 1;
}
@media only screen and (min-width: 1920px) {
  .product-gallery__big .tags {
    left: calc(var(--indent-size) * 4);
    top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-gallery__big .tags {
    left: calc(var(--indent-size) * 3);
    top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .product-gallery__big .tags {
    left: calc(var(--indent-size) * 2);
    top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .product-gallery__big .product-gallery__icon {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .product-gallery__big .product-gallery__icon {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .product-gallery__big .product-gallery__icon {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 1280px) {
  .product-gallery__big .product-gallery__icon {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-gallery__big .product-gallery__icon {
    left: calc(var(--indent-size) * 3);
    bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .product-gallery__big .product-gallery__icon {
    left: calc(var(--indent-size) * 2);
    bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .product-gallery__big .product-gallery__icon::after {
    border-top-width: calc(var(--box-size) * 3);
    border-left-width: calc(var(--box-size) * 4);
    border-bottom-width: calc(var(--box-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-gallery__big .product-gallery__icon::after {
    border-top-width: calc(var(--box-size) * 2);
    border-left-width: calc(var(--box-size) * 3);
    border-bottom-width: calc(var(--box-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .product-gallery__big .product-gallery__icon::after {
    border-top-width: calc(var(--box-size) / 2 * 3);
    border-left-width: calc(var(--box-size) * 2);
    border-bottom-width: calc(var(--box-size) / 2 * 3);
  }
}
.product-gallery__small {
  position: relative;
  margin: calc(var(--indent-size) * 2) 0 0;
  padding: 0 calc(20% - calc(var(--indent-size) * 2));
}
@media only screen and (max-width: 1279px) {
  .product-gallery__small {
    display: none;
  }
}
.product-gallery__small-item {
  cursor: pointer;
}
.product-gallery__small-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  padding: 0 var(--indent-size);
}
.product-gallery__small-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.product-gallery__small-arrow {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-gallery__small-arrow[data-type=prev] {
  left: 0;
}
.product-gallery__small-arrow[data-type=next] {
  right: 0;
}
.product-gallery__small-btn.slider-btn {
  border-width: 0;
}
.product-gallery__small .object-fit {
  background-color: #F2F2F2;
}
.product-gallery__small .product-gallery__icon {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1920px) {
  .product-gallery__small .product-gallery__icon {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (max-width: 1919px) {
  .product-gallery__small .product-gallery__icon {
    width: calc(var(--box-size) * 9);
    height: calc(var(--box-size) * 9);
  }
}
@media only screen and (min-width: 768px) {
  .product-gallery__small .product-gallery__icon::after {
    border-top-width: calc(var(--box-size) / 2 * 3);
    border-left-width: calc(var(--box-size) * 2);
    border-bottom-width: calc(var(--box-size) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .product-gallery__small .product-gallery__icon::after {
    border-top-width: var(--box-size);
    border-left-width: calc(var(--box-size) / 2 * 3);
    border-bottom-width: var(--box-size);
  }
}
.product-gallery__icon {
  position: absolute;
  border: calc(var(--box-size) / 2) solid #E9164D;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.product-gallery__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: solid transparent;
  border-left: solid #E9164D;
  border-bottom: solid transparent;
}
.product-gallery__zoom {
  position: absolute;
  z-index: 1;
  font-size: 0;
  line-height: 1;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .product-gallery__zoom {
    left: calc(var(--indent-size) * 4);
    bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) {
  .product-gallery__zoom {
    opacity: 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .product-gallery__zoom {
    left: calc(var(--indent-size) * 3);
    bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .product-gallery__zoom {
    right: calc(var(--indent-size) * 3);
    bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .product-gallery__zoom {
    right: calc(var(--indent-size) * 2);
    bottom: calc(var(--indent-size) * 2);
  }
}
.product-gallery__zoom svg {
  fill: #8E7D82;
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .product-gallery__zoom svg {
    width: calc(var(--box-size) * 10);
    height: calc(var(--box-size) * 10);
  }
}
@media only screen and (max-width: 767px) {
  .product-gallery__zoom svg {
    width: calc(var(--box-size) * 8);
    height: calc(var(--box-size) * 8);
  }
}
@media only screen and (min-width: 1920px) {
  .product-char {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .product-char {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.product-char > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1279px) {
  .product-char > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.product-char span {
  display: inline-block;
  vertical-align: top;
}
.product-char span:nth-child(1) {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #8E7D82;
}
@media only screen and (min-width: 1280px) {
  .product-char span:nth-child(1) {
    width: 33.333333%;
  }
}
.product-char span:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (max-width: 1279px) {
  .product-reviews__row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .product-reviews__row > [class*=col-]:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.product__selection-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
}
.product__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
}
@media only screen and (max-width: 1280px) {
  .product__radio {
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .product__radio {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}
.product__radio-title {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  color: #430315;
}
@media only screen and (max-width: 1280px) {
  .product__radio-title {
    font-size: 16px;
  }
}
.product__radio-buttons-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
.product__radio-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product__radio-button input {
  display: none;
}
.product__radio-button label {
  padding: 8px 24px;
  background-color: #fcf4f4;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product__radio-button input:checked ~ label {
  background-color: #E9164D;
  color: #fff;
}
.product__radio-button input:disabled ~ label {
  cursor: default;
  background-color: #ebebe9;
  color: #cbc8c8;
}

/**
 * reviews
 */
.reviews-rating {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .reviews-rating {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .reviews-rating {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .reviews-rating {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .reviews-rating {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .reviews-rating {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .reviews-rating {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .reviews-rating {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .reviews-rating {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .reviews-rating {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.reviews-rating .row {
  margin-top: calc(-1 * calc(var(--grid-size) * 3));
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .reviews-rating .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.reviews-rating .row > [class*=col-] {
  margin-top: calc(var(--grid-size) * 3);
}
.reviews-rating__stars {
  color: #E9164D;
}
.reviews-rating__stars .rating {
  font-weight: 600;
}
.reviews-rating__hint {
  display: block;
  font-weight: 500;
  margin: 0 0 var(--indent-size);
}
.reviews-rating__btn .btn {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .reviews-rating .rating-star svg {
    width: calc(var(--box-size) * 8);
    height: calc(var(--box-size) * 8);
  }
}
@media only screen and (max-width: 1279px) {
  .reviews-companies .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.reviews__more {
  display: block;
  color: #E9164D;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .reviews__more {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .reviews__more {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .reviews__more {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}

.review-item {
  font-weight: 500;
}
.review-item:not(:last-child) {
  border-bottom: calc(var(--box-size) / 2) solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .review-item:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .review-item:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .review-item:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .review-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .review-item:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
.review-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .review-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1920px) {
  .review-top:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .review-top:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .review-top:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.review-top__left {
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .review-top__left {
    width: calc(var(--box-size) * 40);
  }
}
.review-top__right {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: calc(var(--indent-size) / 2) 0 0;
}
.review-top h5,
.review-top .h5 {
  word-break: break-word;
}
@media only screen and (min-width: 768px) {
  .review-top h5:not(:last-child),
  .review-top .h5:not(:last-child) {
    margin-bottom: calc(var(--indent-size) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .review-top h5:not(:last-child),
  .review-top .h5:not(:last-child) {
    margin-bottom: 0;
  }
}
.review-top time {
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .review-top time {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .review-top time {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.review-top p {
  word-break: break-word;
}
.review-top p:not(:first-child) {
  margin-top: 0;
}
.review-top .rating {
  font-weight: 600;
  margin: 0 0 calc(var(--indent-size) / 2 * 3);
}
.review-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) 0;
}
.review-img__item {
  display: block;
  margin: var(--grid-size) calc(var(--grid-size) / 2) 0;
}
@media only screen and (min-width: 1280px) {
  .review-img__item {
    width: calc(25% - var(--grid-size));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .review-img__item {
    width: calc(16.666667% - var(--grid-size));
  }
}
@media only screen and (max-width: 767px) {
  .review-img__item {
    width: calc(25% - var(--grid-size));
  }
}
.review-img__item:hover img.lazy.anim {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.review-img__item .object-fit {
  background-color: #F2F2F2;
}
@media only screen and (min-width: 1920px) {
  .review-img__item .object-fit {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .review-img__item .object-fit {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
.review-company {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #FCF4F4;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .review-company {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .review-company {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .review-company {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .review-company {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .review-company {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .review-company {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (max-width: 767px) {
  .review-company {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
@media only screen and (min-width: 1920px) {
  .review-company {
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 6) calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .review-company {
    padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .review-company {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
.review-company__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: calc(var(--box-size) / 2) solid rgba(246, 226, 230, 0.59);
}
@media only screen and (min-width: 1920px) {
  .review-company__bottom {
    padding-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .review-company__bottom {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .review-company__bottom {
    padding-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .review-company__bottom {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .review-company__bottom {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .review-company__bottom {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.review-company__count {
  display: inline-block;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .review-company__count {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .review-company__count {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .review-company__count {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .review-company__count {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
.review-company__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.review-company__rating-count {
  display: block;
  margin: var(--indent-size) 0 0;
}
@media only screen and (max-width: 767px) {
  .review-company__img {
    max-height: calc(var(--box-size) * 10);
  }
}
@media only screen and (max-width: 767px) {
  .review-company .rating-star svg {
    width: calc(var(--box-size) * 8);
    height: calc(var(--box-size) * 8);
  }
}

/**
 * delivery
 */
@media only screen and (max-width: 1279px) {
  .delivery-items .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.delivery-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .delivery-item {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .delivery-item {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .delivery-item {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .delivery-item {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .delivery-item {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .delivery-item {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .delivery-item {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
@media only screen and (min-width: 768px) {
  .delivery-item h5:not(:first-child),
  .delivery-item .h5:not(:first-child) {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .delivery-item h5:not(:first-child),
  .delivery-item .h5:not(:first-child) {
    margin-top: var(--indent-size);
  }
}
.delivery-item__img {
  min-height: calc(var(--box-size) * 14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
  line-height: 1;
}
.delivery-item__btn {
  margin: auto 0 0;
}

/**
 * payment
 */
@media only screen and (max-width: 1279px) {
  .payment-items .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.payment-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .payment-item {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .payment-item {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .payment-item {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .payment-item {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .payment-item {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .payment-item {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .payment-item {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
@media only screen and (min-width: 768px) {
  .payment-item h5:not(:first-child),
  .payment-item .h5:not(:first-child) {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .payment-item h5:not(:first-child),
  .payment-item .h5:not(:first-child) {
    margin-top: var(--indent-size);
  }
}
.payment-item__img {
  font-size: 0;
  line-height: 1;
}
.payment-item__btn {
  margin: auto 0 0;
}

/**
 * not-found
 */
.not-found {
  overflow: hidden;
}
@media only screen and (min-width: 1920px) {
  .not-found {
    margin-top: calc(var(--indent-size) * 25);
    margin-bottom: calc(var(--indent-size) * 30);
  }
}
.not-found__wrap {
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .not-found__wrap {
    max-width: 640px;
  }
}
@media only screen and (max-width: 767px) {
  .not-found__wrap {
    max-width: 320px;
  }
}
@media only screen and (min-width: 1920px) {
  .not-found__wrap p {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .not-found__wrap p {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .not-found__wrap p {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.not-found__wrap a {
  color: #E9164D;
}

/**
 * anonymity
 */
@media only screen and (min-width: 1920px) {
  .anonymity-s q:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .anonymity-s q:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .anonymity-s q:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .anonymity-s p {
    max-width: calc(1048 / 1440 * 100%);
  }
}
.anonymity-s a {
  color: #430315;
}
.anonymity-outline {
  text-align: center;
  font-size: 0;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .anonymity-outline {
    max-width: 240px;
    margin: 0 auto;
  }
}
.anonymity-outline .outline-line {
  width: 100%;
  max-width: 480px;
}
.anonymity-outline .outline-line svg {
  position: static;
}

/**
 * worksheet
 */
.worksheet {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .worksheet {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .worksheet {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .worksheet {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (min-width: 1920px) {
  .worksheet {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .worksheet {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .worksheet {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .worksheet {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
.worksheet:not([class*=_not-bg]) {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .worksheet:not([class*=_not-bg]) {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .worksheet:not([class*=_not-bg]) {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .worksheet:not([class*=_not-bg]) {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .worksheet-img {
    width: calc(var(--box-size) * 24);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .worksheet-img {
    width: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .worksheet-img {
    width: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .worksheet-img {
    width: calc(var(--box-size) * 14);
  }
}
@media only screen and (min-width: 1920px) {
  .worksheet-img {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .worksheet-img {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.worksheet-user {
  padding-top: 100%;
}
.worksheet-user .object-fit {
  background-color: #F6E2E6;
  border-radius: 50%;
}
@media only screen and (min-width: 1920px) {
  .worksheet .contacts-socials {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .worksheet .contacts-socials {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .worksheet .contacts-socials {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .worksheet .contacts-socials {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .worksheet .contacts-socials {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.worksheet p {
  color: #8E7D82;
}

/**
 * contacts
 */
@media only screen and (max-width: 767px) {
  .contacts-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .contacts-socials__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .contacts-socials__item:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
.contacts-social {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E9164D;
}
.contacts-social:hover {
  color: #F27C96;
}
.contacts-social__icon {
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .contacts-social__icon {
    margin: -1px calc(var(--indent-size) * 2) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .contacts-social__icon {
    margin: -1px var(--indent-size) 0 0;
  }
}
.contacts-social__icon svg {
  fill: currentColor;
}
@media only screen and (max-width: 1919px) {
  .contacts-social__icon svg {
    width: calc(var(--box-size) * 6);
    height: auto;
  }
}
.contacts-items {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .contacts-items {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .contacts-items {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .contacts-items {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
@media only screen and (max-width: 767px) {
  .contacts-items {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
.contacts-items:first-child {
  margin-top: 0;
}
.contacts-items:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  .contacts-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .contacts-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .contacts-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.contacts-item__label {
  display: block;
  color: #8E7D82;
}
@media only screen and (min-width: 768px) {
  .contacts-item__label {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .contacts-item__label {
    margin-bottom: var(--indent-size);
  }
}
@media only screen and (min-width: 1920px) {
  .contacts-item__info {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .contacts-item__info {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .contacts-item__info {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .contacts-item__info {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.contacts-requisites {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .contacts-requisites {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .contacts-requisites {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .contacts-requisites {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .contacts-requisites {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .contacts-requisites {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .contacts-requisites {
    padding: calc(var(--indent-size) * 2);
  }
}
.contacts-requisites h4,
.contacts-requisites .h4 {
  font-weight: inherit;
}
.contacts-requisites p {
  color: #8E7D82;
}

/**
 * questions
 */
@media only screen and (min-width: 1920px) {
  .questions-group {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .questions-group {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .questions-group {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
@media only screen and (max-width: 767px) {
  .questions-group {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
.questions-group:first-child {
  margin-top: 0;
}
.questions-group:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1279px) {
  .questions-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.question-title {
  background-color: #FCF4F4;
  font-weight: 600;
  padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 8);
}
@media only screen and (min-width: 1920px) {
  .question-title {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .question-title {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .question-title {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .question-title {
    font-size: 48px;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .question-title {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .question-title {
    font-size: 30px;
    line-height: 1.2666666667;
  }
}
@media only screen and (max-width: 767px) {
  .question-title {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (min-width: 1920px) {
  .question-title {
    padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .question-title {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .question-title {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .question-title {
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .question-content {
    padding-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .question-content {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .question-content {
    padding-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .question-content {
    margin-left: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .question-content {
    margin-left: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .question-content {
    margin-left: calc(var(--indent-size) * 3);
  }
}

/**
 * subscribe
 */
.subscribe {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1920px) {
  .subscribe {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .subscribe {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .subscribe {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
.subscribe-box {
  text-align: center;
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .subscribe-box {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .subscribe-box {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .subscribe-box {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-box {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
.subscribe-box:not(:only-child) {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .subscribe-box:not(:only-child) {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .subscribe-box:not(:only-child) {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .subscribe-box:not(:only-child) {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-box:not(:only-child) {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .subscribe-box:not(:only-child) {
    padding: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .subscribe-box:not(:only-child) {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .subscribe-box:not(:only-child) {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-box:not(:only-child) {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-box:not(:only-child) {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
.subscribe-box:first-child {
  margin-top: 0;
}
.subscribe-box:last-child {
  margin-bottom: 0;
}
.subscribe-box .outline-line {
  text-align: center;
}
@media only screen and (min-width: 1920px) {
  .subscribe-socials {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .subscribe-socials {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-socials {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.subscribe-socials .socials {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/**
 * addresses
 */
@media only screen and (max-width: 1279px) {
  .addresses-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .addresses-row > [class*=col-]:first-child {
    margin-top: 0;
  }
}
.addresses-items {
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .addresses-items {
    height: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .addresses-scroll {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 calc(calc(var(--indent-size) * 8) + 4px) 0 0;
  }
}
.addresses-scroll::-webkit-scrollbar {
  width: 4px;
}
.addresses-scroll::-webkit-scrollbar-track {
  background-color: #F6E2E6;
  border-radius: 100px;
}
.addresses-scroll::-webkit-scrollbar-thumb {
  background-color: #E9164D;
  border-radius: 100px;
}
.addresses .map {
  padding-top: 89.2857142857%;
}
@media only screen and (max-width: 767px) {
  .addresses .map {
    display: none;
  }
}

.address-item {
  position: relative;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1280px) {
  .address-item:hover {
    background-color: #F6E2E6;
  }
}
@media only screen and (min-width: 1280px) {
  .address-item:hover .arrow-btn {
    background-color: #E9164D;
    border-color: #E9164D;
    color: #FFFFFF;
  }
}
@media only screen and (min-width: 1920px) {
  .address-item {
    padding: calc(var(--indent-size) * 4) calc(calc(var(--indent-size) * 8) + calc(var(--box-size) * 14)) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .address-item {
    padding: calc(var(--indent-size) * 3) calc(calc(var(--indent-size) * 6) + calc(var(--box-size) * 12)) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .address-item {
    background-color: #FCF4F4;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1920px) {
  .address-item {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 1280px) and (min-width: 768px) and (max-width: 1919px) {
  .address-item {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 767px) {
  .address-item {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 768px) {
  .address-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .address-item:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
@media only screen and (max-width: 1279px) {
  .address-item:not(:last-child) {
    border-bottom: 1px solid #F6E2E6;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .address-item:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .address-item:not(:last-child) {
    padding-bottom: var(--indent-size);
  }
}
@media only screen and (min-width: 1280px) {
  .address-item__content {
    max-width: 63.3986928105%;
  }
}
.address-item__content h6:not(:last-child),
.address-item__content .h6:not(:last-child) {
  margin-bottom: var(--indent-size);
}
.address-item__map {
  color: #E9164D;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .address-item__map {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .address-item__map {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 768px) {
  .address-item__map {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .address-item__map {
    margin-top: var(--indent-size);
  }
}
@media only screen and (min-width: 1280px) {
  .address-item__map {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .address-item__map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.address-item__map svg {
  fill: currentColor;
  margin-right: calc(var(--indent-size) / 2);
}
.address-item__schedule {
  display: block;
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .address-item__schedule {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .address-item__schedule {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.address-item .arrow-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .address-item .arrow-btn {
    right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .address-item .arrow-btn {
    right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1279px) {
  .address-item .arrow-btn {
    display: none;
  }
}

/**
 * shop
 */
.shop-contacts {
  font-weight: 500;
}
@media only screen and (max-width: 1279px) {
  .shop-contact:not([class*=_big]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .shop-contact:not([class*=_big]):not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .shop-contact:not([class*=_big]):not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .shop-contact:not([class*=_big]) .shop-contact__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media only screen and (min-width: 1920px) {
  .shop-contact_big:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .shop-contact_big:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .shop-contact_big:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.shop-contact_big .shop-contact__info {
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .shop-contact_big .shop-contact__info {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .shop-contact_big .shop-contact__info {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .shop-contact_big .shop-contact__info {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  .shop-contact_big .shop-contact__info {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
.shop-contact__label {
  display: block;
  color: #8E7D82;
  margin-bottom: calc(var(--indent-size) / 2);
}
@media only screen and (max-width: 1279px) {
  .shop-contact__label {
    width: 126px;
    margin-bottom: 0;
  }
}
.shop-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .shop-img {
    margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop-img {
    margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) 0;
  }
}
.shop-img__plus {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1);
}
.shop-img__plus svg {
  fill: currentColor;
}
.shop-img__item {
  display: block;
}
.shop-img__item:hover .shop-img__plus {
  opacity: 1;
}
.shop-img__item:hover img.lazy {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (min-width: 768px) {
  .shop-img__item {
    margin: calc(var(--grid-size) * 2) var(--grid-size) 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop-img__item {
    margin: var(--grid-size) calc(var(--grid-size) / 2) 0;
  }
}
@media only screen and (min-width: 1280px) {
  .shop-img__item {
    width: calc(25% - calc(var(--grid-size) * 2));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .shop-img__item {
    width: calc(16.666667% - calc(var(--grid-size) * 2));
  }
}
@media only screen and (max-width: 767px) {
  .shop-img__item {
    width: calc(25% - var(--grid-size));
  }
}
.shop-img__item .object-fit {
  background-color: #F2F2F2;
}
@media only screen and (min-width: 1920px) {
  .shop-img__item .object-fit {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .shop-img__item .object-fit {
    border-radius: var(--border-radius);
  }
}
.shop-img__add {
  display: block;
  color: #E9164D;
  font-weight: 600;
  text-align: center;
}
@media only screen and (min-width: 1920px) {
  .shop-img__add {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .shop-img__add {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.shop-img__add:hover .shop-img__add-inner {
  border-radius: 50%;
}
.shop-img__add svg {
  stroke: currentColor;
}
.shop-img__add span {
  display: block;
}
@media only screen and (min-width: 768px) {
  .shop-img__add {
    margin: calc(var(--grid-size) * 2) var(--grid-size) 0;
  }
}
@media only screen and (max-width: 767px) {
  .shop-img__add {
    margin: var(--grid-size) calc(var(--grid-size) / 2) 0;
  }
}
@media only screen and (min-width: 1280px) {
  .shop-img__add {
    width: calc(25% - calc(var(--grid-size) * 2));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .shop-img__add {
    width: calc(16.666667% - calc(var(--grid-size) * 2));
  }
}
@media only screen and (max-width: 767px) {
  .shop-img__add {
    width: calc(25% - var(--grid-size));
  }
}
.shop-img__add-wrap {
  position: relative;
  height: 0;
  padding-top: 100%;
}
.shop-img__add-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #FCF4F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: calc(var(--indent-size) / 2);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .shop-img__add-inner {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .shop-img__add-inner {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1280px) {
  .shop-prev {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .shop-map h4,
  .shop-map .h4 {
    display: none;
  }
}

/**
 * credit
 */
.credit-date {
  color: #E9164D;
}
@media only screen and (max-width: 1279px) {
  .credit-date__row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .credit-date__items {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .credit-date__items {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .credit-date__items {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.credit-date__item {
  background-color: #F6E2E6;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) {
  .credit-date__item {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .credit-date__item {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .credit-date__item {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .credit-date__item {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .credit-date__item {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) {
  .credit-date__item {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .credit-date__item {
    padding: calc(var(--indent-size) * 2);
  }
}
.credit-conditions__desc {
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .credit-conditions__desc {
    padding-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .credit-conditions__desc {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .credit-conditions__desc {
    padding-top: calc(var(--indent-size) * 2);
  }
}
.credit-conditions__desc-icon {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
@media only screen and (min-width: 1920px) {
  .credit-conditions__desc-icon {
    font-size: 160px;
  }
}
@media only screen and (max-width: 1919px) {
  .credit-conditions__desc-icon {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1920px) {
  .credit-conditions__desc h2:not(:first-child),
  .credit-conditions__desc .h2:not(:first-child) {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .credit-conditions__desc h2:not(:first-child),
  .credit-conditions__desc .h2:not(:first-child) {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.credit-conditions__items {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .credit-conditions__items {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .credit-conditions__items {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .credit-conditions__items {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .credit-conditions__items {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .credit-conditions__items {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .credit-conditions__items {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .credit-conditions__items {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .credit-conditions__items {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
@media only screen and (min-width: 1920px) {
  .credit-conditions__item {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .credit-conditions__item {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .credit-conditions__item {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (min-width: 1920px) {
  .credit-conditions__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .credit-conditions__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .credit-conditions__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.credit-conditions__item-title {
  display: block;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .credit-conditions__item-title {
    font-size: 48px;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .credit-conditions__item-title {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .credit-conditions__item-title {
    font-size: 30px;
    line-height: 1.2666666667;
  }
}
@media only screen and (max-width: 767px) {
  .credit-conditions__item-title {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
.credit-conditions__item p {
  color: #8E7D82;
}
@media only screen and (min-width: 768px) {
  .credit-conditions__item p:not(:first-child) {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .credit-conditions__item p:not(:first-child) {
    margin-top: var(--indent-size);
  }
}

/**
 * cite
 */
.cite {
  color: #E9164D;
  text-align: center;
}
.cite-line {
  overflow: hidden;
}
@media only screen and (min-width: 1920px) {
  .cite-line {
    margin: calc(var(--indent-size) * 10) calc(-1 * calc(var(--grid-size) * 8));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .cite-line {
    margin: calc(var(--indent-size) * 8) calc(-1 * calc(var(--grid-size) * 4));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .cite-line {
    margin: calc(var(--indent-size) * 6) calc(-1 * calc(var(--grid-size) * 4));
  }
}
@media only screen and (max-width: 767px) {
  .cite-line {
    margin: calc(var(--indent-size) * 4) calc(-1 * calc(var(--grid-size) * 3));
  }
}
.cite-line:first-child {
  margin-top: 0;
}
.cite-line:last-child {
  margin-bottom: 0;
}
.cite-line:last-child .cite-line__item {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.cite-line__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 1920px) {
  .cite-line__item {
    padding: 0 calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .cite-line__item {
    padding: 0 calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .cite-line__item {
    padding: 0 calc(var(--indent-size) * 3);
  }
}
.cite-line__item.swiper-slide {
  height: auto;
}
@media only screen and (min-width: 768px) {
  .cite-line__item.swiper-slide {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .cite-line__item.swiper-slide {
    width: 33.333333vw;
  }
}
.cite-wrapper.swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

/**
 * discount
 */
@media only screen and (max-width: 1279px) {
  .discount-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1920px) {
  .discount-items {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .discount-items {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .discount-items {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  .discount-items {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
.discount-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #FCF4F4;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .discount-item {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .discount-item {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .discount-item {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .discount-item {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .discount-item {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .discount-item {
    padding: calc(var(--indent-size) * 2);
  }
}
.discount-item__count {
  display: inline-block;
  vertical-align: top;
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .discount-item__count {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .discount-item__count {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .discount-item__count {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .discount-item__count {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 1920px) {
  .discount-item__sum {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .discount-item__sum {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .discount-item__sum {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .discount-item__sum {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .discount-item__sum {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .discount-item__sum {
    margin-top: calc(var(--indent-size) * 3);
  }
}

/**
 * instruction
 */
.instruction-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (min-width: 1920px) {
  .instruction-item {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .instruction-item {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .instruction-item {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
@media only screen and (max-width: 767px) {
  .instruction-item {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (max-width: 1279px) {
  .instruction-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.instruction-item:first-child {
  margin-top: 0;
}
.instruction-item:last-child {
  margin-bottom: 0;
}
.instruction-item__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 1280px) {
  .instruction-item__left {
    width: calc(400px / 1440px * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .instruction-item__left {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .instruction-item__left {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.instruction-item__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
  .instruction-item__content h3:not(:last-child),
  .instruction-item__content .h3:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .instruction-item__content h3:not(:last-child),
  .instruction-item__content .h3:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
.instruction-item__count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background-color: #E9164D;
  border-radius: 50%;
  color: #FFFFFF;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .instruction-item__count {
    width: calc(var(--box-size) * 30);
    height: calc(var(--box-size) * 30);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .instruction-item__count {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .instruction-item__count {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .instruction-item__count {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 1920px) {
  .instruction-item__count {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .instruction-item__count {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .instruction-item__count {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  .instruction-item__count {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}

/**
 * callback
 */
.callback {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1920px) {
  .callback {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .callback {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .callback {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  .callback {
    margin: calc(var(--indent-size) * 6) 0;
  }
}
.callback-wrap {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .callback-wrap {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .callback-wrap {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .callback-wrap {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .callback-wrap {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .callback-wrap {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .callback-wrap {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .callback-wrap {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .callback-wrap {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
@media only screen and (max-width: 1279px) {
  .callback-wrap .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.callback-info p {
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .callback-info p {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .callback-info p {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .callback-info p {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .callback-img {
    width: calc(var(--box-size) * 24);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .callback-img {
    width: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .callback-img {
    width: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .callback-img {
    width: calc(var(--box-size) * 14);
  }
}
.callback-user {
  padding-top: 100%;
}
.callback-user .object-fit {
  background-color: #F6E2E6;
  border-radius: 50%;
}

/**
 * lk
 */
@media only screen and (max-width: 1279px) {
  .lk-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-menu {
    padding-left: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-menu {
    padding-left: calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .lk-menu::after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-menu::after {
    width: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-menu::after {
    width: calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .lk-menu__wrap {
    border-bottom: 2px solid #F6E2E6;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-menu__wrap {
    margin: 0 calc(-1 * calc(var(--grid-size) * 3)) calc(var(--indent-size) * 4);
    padding: 0 calc(var(--grid-size) * 3) calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .lk-menu__wrap {
    margin: 0 calc(-1 * calc(var(--grid-size) * 2)) calc(var(--indent-size) * 3);
    padding: 0 calc(var(--grid-size) * 2) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1279px) {
  .lk-menu__scroll {
    overflow: hidden;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-menu__scroll {
    margin-left: calc(-1 * calc(var(--grid-size) * 3));
    margin-right: calc(-1 * calc(var(--grid-size) * 3));
  }
}
@media only screen and (max-width: 767px) {
  .lk-menu__scroll {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
.lk-menu__scroll::-webkit-scrollbar {
  display: none;
}
.lk-menu__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 1920px) {
  .lk-menu__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-menu__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 1279px) {
  .lk-menu__item:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
.lk-menu__item_active .lk-menu__link {
  color: #E9164D;
  cursor: default;
}
.lk-menu__item_active .lk-menu__link svg {
  fill: #E9164D;
}
.lk-menu__item_logout .lk-menu__link {
  color: #8E7D82;
}
.lk-menu__link {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .lk-menu__link {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-menu__link {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .lk-menu__link {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.lk-menu__link span:not([class]) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lk-menu__link svg {
  fill: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .lk-menu__link .count {
    margin-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-menu__link .count {
    margin-left: var(--indent-size);
  }
}
.lk-menu__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  line-height: 1;
  margin-top: -1px;
}
@media only screen and (min-width: 1920px) {
  .lk-menu__icon {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-menu__icon {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.lk-banner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .lk-banner {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-banner {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-banner {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-banner {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-banner {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .lk-banner {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .lk-banner {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-banner {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-banner {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-banner {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-banner {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  .lk-banner {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
.lk-banner:first-child {
  margin-top: 0;
}
.lk-banner:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .lk-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.lk-banner.is-close {
  display: none;
}
.lk-banner.is-close + * {
  margin-top: 0;
}
.lk-banner:not([class*=_border]) {
  background-color: #FCF4F4;
}
.lk-banner:not([class*=_border]) .lk-icon {
  background-color: #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .lk-banner:not([class*=_border]):not(.is-close) + *:not([class*=-banner]) {
    margin-top: calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-banner:not([class*=_border]):not(.is-close) + *:not([class*=-banner]) {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-banner:not([class*=_border]):not(.is-close) + *:not([class*=-banner]) {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .lk-banner:not([class*=_border]):not(.is-close) + *:not([class*=-banner]) {
    margin-top: calc(var(--indent-size) * 4);
  }
}
.lk-banner_border {
  background-color: transparent;
  border: 1px solid #E9164D;
}
.lk-banner_border .lk-icon {
  background-color: #FCF4F4;
}
.lk-banner__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 1920px) {
  .lk-banner__icon {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-banner__icon {
    margin-right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .lk-banner__icon {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.lk-banner__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (min-width: 1920px) {
  .lk-banner__btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-banner__btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.lk-banner__close {
  position: absolute;
  right: calc(var(--indent-size) * 2);
  top: calc(var(--indent-size) * 2);
  font-size: 0;
  line-height: 1;
  color: #8E7D82;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.lk-banner__close:hover {
  color: #E9164D;
}
.lk-banner__close svg {
  fill: currentColor;
}
@media only screen and (max-width: 767px) {
  .lk-dashboard__row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.lk-card {
  height: 100%;
  position: relative;
  background-color: #FCF4F4;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .lk-card {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-card {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-card {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-card {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-card {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-card {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .lk-card__row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.lk-card__wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 1920px) {
  .lk-card__desc:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-card__desc:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-card__desc:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.lk-card__desc-info {
  font-weight: 600;
}
.lk-card__desc p {
  color: #8E7D82;
  margin: var(--indent-size) 0 var(--indent-size);
}
.lk-card__desc p:first-child {
  margin-top: 0;
}
.lk-card__desc p:last-child {
  margin-bottom: 0;
}
.lk-card__sum {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .lk-card__sum {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-card__sum {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-card__sum {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .lk-card__sum {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.lk-card__btn {
  margin: auto 0 0;
}
.lk-card__bonus {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 1920px) {
  .lk-card__bonus-sum {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-card__bonus-sum {
    padding-top: calc(var(--indent-size) * 2);
  }
}
.lk-card__bonus-sum p {
  max-width: 230px;
}
.lk-card__bonus-count {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .lk-card__bonus-count {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-card__bonus-count {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-card__bonus-count {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .lk-card__bonus-count {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
.lk-card__bonus-hint {
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .lk-card__bonus-hint {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .lk-card__bonus-hint {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.lk-card .lk-icon {
  background-color: #F6E2E6;
}
.lk-card .lk-user {
  background-color: #F6E2E6;
}
.lk-card h4,
.lk-card .h4 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lk-card h4:not(:first-child),
.lk-card .h4:not(:first-child) {
  margin-top: calc(var(--indent-size) * 2);
}
@media only screen and (min-width: 1920px) {
  .lk-card h4 .count,
  .lk-card .h4 .count {
    margin-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-card h4 .count,
  .lk-card .h4 .count {
    margin-left: var(--indent-size);
  }
}
.lk-empty {
  position: relative;
  background-color: #FCF4F4;
  font-weight: 500;
  color: #E9164D;
  margin: 8px 0;
}
@media only screen and (min-width: 1920px) {
  .lk-empty {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-empty {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-empty {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-empty {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-empty {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-empty {
    padding: calc(var(--indent-size) * 2);
  }
}
.lk-empty:first-child {
  margin-top: 0;
}
.lk-empty:last-child {
  margin-bottom: 0;
}
.lk-empty__title {
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .lk-empty__title {
    font-size: 48px;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-empty__title {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-empty__title {
    font-size: 30px;
    line-height: 1.2666666667;
  }
}
@media only screen and (max-width: 767px) {
  .lk-empty__title {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
.lk-empty__title span:not([class]) {
  font-weight: 400;
}
@media only screen and (min-width: 1920px) {
  .lk-empty__desc {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-empty__desc {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .lk-empty__desc {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) {
  .lk-empty__desc {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .lk-empty__desc {
    margin-top: var(--indent-size);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-empty__btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-empty__btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-empty__btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.lk-icon {
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 1920px) {
  .lk-icon {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-icon {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .lk-icon {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-icon {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-icon {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
.lk-icon svg {
  fill: #E9164D;
}
.lk-user {
  background-color: transparent;
  border-radius: 50%;
}
@media only screen and (min-width: 1920px) {
  .lk-user {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-user {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .lk-user {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 768px) {
  .lk-user {
    padding: var(--indent-size);
  }
}
@media only screen and (max-width: 767px) {
  .lk-user {
    padding: calc(var(--indent-size) / 2);
  }
}
.lk-user__img {
  padding-top: 100%;
}
.lk-user__img .object-fit {
  background-color: #F6E2E6;
  border-radius: 50%;
}
@media only screen and (min-width: 1920px) {
  .lk-group {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-group {
    margin: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (max-width: 767px) {
  .lk-group {
    margin: calc(var(--indent-size) * 3) 0;
  }
}
.lk-group:first-child {
  margin-top: 0;
}
.lk-group:last-child {
  margin-bottom: 0;
}
.lk-group__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .lk-group__head {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-group__head {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-group__head {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.lk-group__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.lk-group__title h4:not(:first-child),
.lk-group__title .h4:not(:first-child) {
  margin-top: 0;
}
.lk-group__title h4:not(:last-child),
.lk-group__title .h4:not(:last-child) {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  .lk-group__title .count {
    margin-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-group__title .count {
    margin-left: var(--indent-size);
  }
}
@media only screen and (min-width: 768px) {
  .lk-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .lk-arrows {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .lk-arrow:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-arrow:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-arrow:not(:last-child) {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.lk-box {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .lk-box {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-box {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-box {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-box {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-box {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-box {
    padding: calc(var(--indent-size) * 2);
  }
}
.lk-ordering {
  position: relative;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .lk-ordering {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-ordering {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-ordering {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-ordering {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-ordering {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .lk-ordering {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .lk-ordering {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-ordering {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-ordering {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .lk-ordering {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
.lk-ordering h5:not(:last-child),
.lk-ordering .h5:not(:last-child) {
  margin-bottom: calc(var(--indent-size) / 2);
}
.lk-ordering p {
  font-weight: 500;
}
.lk-ordering__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
}
@media only screen and (max-width: 1279px) {
  .lk-ordering__value {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.lk-ordering__value:not(:last-child) {
  margin: 0 0 var(--indent-size);
}
.lk-ordering__value_plus .lk-ordering__value-sum {
  color: #7EE07B;
}
.lk-ordering__value_minus .lk-ordering__value-sum {
  color: #E9164D;
}
.lk-ordering__value-title {
  color: #8E7D82;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) {
  .lk-ordering__value-title {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .lk-ordering__value-title {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 768px) {
  .lk-ordering__value-title {
    margin-right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .lk-ordering__value-title {
    margin-right: var(--indent-size);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-ordering__value-sum {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-ordering__value-sum {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .lk-ordering__value-sum {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.lk-ordering__value span {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 1920px) {
  .lk-ordering__values {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-ordering__values {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.lk-ordering__values_end {
  border-top: calc(var(--box-size) / 2) solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .lk-ordering__values_end {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-ordering__values_end {
    padding-top: calc(var(--indent-size) * 2);
  }
}
.lk-ordering__help {
  color: #8E7D82;
}
@media only screen and (min-width: 768px) {
  .lk-ordering__btn {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
@media only screen and (max-width: 767px) {
  .lk-ordering__btn {
    margin: var(--indent-size) 0;
  }
}
.lk-ordering__btn .btn {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .lk-basket {
    margin-right: calc(-1 * (1792px - 1440px) / 2);
  }
}
@media only screen and (max-width: 1279px) {
  .lk-basket .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .lk-slider__wrap {
    margin: 0 calc(-1 * calc(var(--grid-size) * 2));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-slider__wrap {
    margin: 0 calc(-1 * calc(var(--grid-size) / 2 * 3));
  }
}
@media only screen and (max-width: 767px) {
  .lk-slider__wrap {
    margin: 0 calc(-1 * var(--grid-size));
  }
}
@media only screen and (max-width: 1279px) {
  .lk-slider.swiper-container {
    overflow: visible;
  }
}
@media only screen and (min-width: 1920px) {
  .lk-slide {
    padding: 0 calc(var(--grid-size) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-slide {
    padding: 0 calc(var(--grid-size) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-slide {
    padding: 0 var(--grid-size);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-slide.swiper-slide {
    width: calc(54vw + calc(var(--grid-size) * 6));
  }
}
@media only screen and (max-width: 767px) {
  .lk-slide.swiper-slide {
    width: calc(74vw + calc(var(--grid-size) * 4));
  }
}
@media only screen and (min-width: 1920px) {
  .lk-accordion:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-accordion:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-accordion:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.lk-accordion_open .lk-accordion__title {
  background-color: #F6E2E6;
}
.lk-accordion_open .lk-accordion__title .arrow-btn {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.lk-accordion__title {
  position: relative;
  z-index: 1;
  background-color: #FCF4F4;
  border: 1px solid #FCF4F4;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .lk-accordion__title {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-accordion__title {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-accordion__title {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-accordion__title {
    min-height: calc(var(--box-size) * 30);
    padding: calc(var(--indent-size) * 4) calc(calc(var(--box-size) * 14) + calc(var(--indent-size) * 8)) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-accordion__title {
    min-height: calc(var(--box-size) * 24);
    padding: calc(var(--indent-size) * 3) calc(calc(var(--box-size) * 12) + calc(var(--indent-size) * 6)) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-accordion__title {
    min-height: calc(var(--box-size) * 20);
    padding: calc(var(--indent-size) * 2) calc(calc(var(--box-size) * 12) + calc(var(--indent-size) * 4)) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
.lk-accordion__title .arrow-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .lk-accordion__title .arrow-btn {
    right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-accordion__title .arrow-btn {
    right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-accordion__title .arrow-btn {
    right: calc(var(--indent-size) * 2);
  }
}
.lk-accordion__content {
  display: none;
  position: relative;
  overflow: hidden;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .lk-accordion__content {
    border-bottom-left-radius: calc(var(--border-radius) * 2);
    border-bottom-right-radius: calc(var(--border-radius) * 2);
    margin: calc(-1 * calc(var(--indent-size) * 4)) 0 0;
    padding: calc(var(--indent-size) * 8) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-accordion__content {
    border-bottom-left-radius: calc(var(--border-radius) / 2 * 3);
    border-bottom-right-radius: calc(var(--border-radius) / 2 * 3);
    margin: calc(-1 * calc(var(--indent-size) * 3)) 0 0;
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-accordion__content {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    margin: calc(-1 * calc(var(--indent-size) * 2)) 0 0;
    padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
.lk-purchases__group:not(:last-child) {
  border-bottom: calc(var(--box-size) / 2) solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .lk-purchases__group:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-purchases__group:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-purchases__group:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-purchases__group:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-purchases__group:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-purchases__group:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .lk-purchases__group .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.lk-purchases__group .link-next:not(:last-child) {
  margin-right: 16px;
}
@media only screen and (min-width: 1920px) {
  .lk-purchase__list:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-purchase__list:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.lk-purchase__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .lk-purchase__list li {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-purchase__list li {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .lk-purchase__list li {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 767px) {
  .lk-purchase__list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .lk-purchase__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .lk-purchase__list li:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
.lk-purchase__list li span {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .lk-purchase__list li span {
    width: 50%;
  }
}
.lk-purchase__list li span:first-child {
  color: #8E7D82;
}
.lk-purchase__head {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .lk-purchase__head {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-purchase__head {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .lk-purchase__head {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1279px) {
  .lk-purchase__head .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.lk-purchase__info li:not(:last-child) {
  margin: 0 0 var(--indent-size);
}
.lk-purchase__number {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .lk-purchase__number {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-purchase__number {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .lk-purchase__number {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.lk-purchase__status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  color: #E9164D;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) {
  .lk-purchase__status {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .lk-purchase__status {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .lk-purchase__status {
    margin: 5px 0 4px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-purchase__status {
    margin: 1px 0 4px;
  }
}
.lk-purchase__status > svg {
  fill: currentColor;
  margin: -1px var(--indent-size) 0 0;
}
.lk-purchase__status .help {
  margin-top: -1px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-bonuses .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .lk-bonuses .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.lk-bonus {
  font-weight: 500;
}
.lk-bonus__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .lk-bonus__top > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.lk-bonus__info-item {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .lk-bonus__info-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-bonus__info-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-bonus__info-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.lk-bonus__info-item_red .lk-bonus__info-title {
  color: #E9164D;
}
.lk-bonus__info-item p {
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .lk-bonus__info-item p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .lk-bonus__info-item p {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.lk-bonus__info-title {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  margin: 0 0 var(--indent-size);
}
@media only screen and (min-width: 1920px) {
  .lk-bonus__info-title {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-bonus__info-title {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-bonus__info-title {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .lk-bonus__info-title {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .lk-bonus__info-user {
    margin: calc(var(--indent-size) * 3) 0 var(--indent-size);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-bonus__info-user {
    margin: calc(var(--indent-size) * 2) 0 var(--indent-size);
  }
}
.lk-bonus__count {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .lk-bonus__count {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-bonus__count {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-bonus__count {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .lk-bonus__count {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
.lk-discount {
  position: relative;
  height: 0;
  background-color: #FCF4F4;
  overflow: hidden;
  padding-top: 56.2737642586%;
}
@media only screen and (min-width: 1920px) {
  .lk-discount {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-discount {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-discount {
    border-radius: var(--border-radius);
  }
}
.lk-discount__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.lk-discount__logo {
  position: absolute;
}
@media only screen and (min-width: 1920px) {
  .lk-discount__logo {
    left: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-discount__logo {
    left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-discount__logo {
    left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-discount__logo {
    top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-discount__logo {
    top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-discount__logo {
    top: calc(var(--indent-size) * 2);
  }
}
.lk-discount__user {
  position: absolute;
  background-color: transparent;
  border-radius: 50%;
}
@media only screen and (min-width: 1920px) {
  .lk-discount__user {
    left: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-discount__user {
    left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-discount__user {
    left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-discount__user {
    bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-discount__user {
    bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-discount__user {
    bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-discount__user {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-discount__user {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .lk-discount__user {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
.lk-discount__img {
  padding-top: 100%;
}
.lk-discount__img .object-fit {
  background-color: #F6E2E6;
  border-radius: 50%;
}
.lk-links li {
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .lk-links li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-links li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.lk-links a {
  border-bottom: 1px solid currentColor;
  color: #E9164D;
}
.lk-accrual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FCF4F4;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .lk-accrual {
    border-radius: calc(var(--border-radius) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-accrual {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-accrual {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .lk-accrual {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-accrual {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-accrual {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-accrual {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .lk-accrual:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-accrual:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-accrual:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.lk-accrual__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .lk-accrual__col:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-accrual__col:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .lk-accrual__col:not(:last-child) {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.lk-accrual__count {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .lk-accrual__count {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-accrual__count {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-accrual__count {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .lk-accrual__count {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.lk-accrual__icon {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
}
@media only screen and (min-width: 1920px) {
  .lk-accrual__icon {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-accrual__icon {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-accrual__icon {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .lk-accrual__icon {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .lk-mailing__btn {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-mailing__btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .lk-mailing__btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.lk-mailing__item {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .lk-mailing__item {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-mailing__item {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-mailing__item {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .lk-mailing__item {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .lk-mailing__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .lk-mailing__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .lk-mailing__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.lk-mailing__item-box {
  position: absolute;
  left: 0;
  width: calc(var(--box-size) * 15);
  height: calc(var(--box-size) * 8);
  background-color: #F27C96;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .lk-mailing__item-box {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .lk-mailing__item-box {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .lk-mailing__item-box {
    top: var(--indent-size);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-mailing__item-box {
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .lk-mailing__item-box {
    top: calc(var(--indent-size) / 2);
  }
}
.lk-mailing__item-box::before {
  content: "";
  position: absolute;
  left: calc(var(--indent-size) / 2);
  top: calc(var(--indent-size) / 2);
  width: calc(var(--box-size) * 6);
  height: calc(var(--box-size) * 6);
  background-color: #F6E2E6;
  border-radius: 50%;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.lk-mailing__item label:not(.error) {
  display: block;
  width: 100%;
  font-weight: 500;
  cursor: pointer;
  padding: 0 0 0 calc(var(--indent-size) * 10);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.lk-mailing__item input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: pointer;
}
.lk-mailing__item input:checked ~ label .lk-mailing__item-box {
  background-color: #E9164D;
}
.lk-mailing__item input:checked ~ label .lk-mailing__item-box::before {
  left: calc(var(--indent-size) * 4);
  background-color: #FFFFFF;
}
@media only screen and (max-width: 1279px) {
  .lk-row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .lk-profile__row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/**
 * ordering
 */
.ordering {
  position: relative;
  height: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1920px) {
  .ordering-left {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 8) calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .ordering-left {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ordering-left {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  .ordering-left {
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 2) 0;
  }
}
@media only screen and (min-width: 1280px) {
  .ordering-left {
    background-color: #FCF4F4;
    width: 50%;
  }
}
@media only screen and (max-width: 1279px) {
  .ordering-left {
    width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-right {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 8) calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .ordering-right {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ordering-right {
    padding: 0 calc(var(--indent-size) * 3) calc(var(--indent-size) * 10);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-right {
    padding: 0 calc(var(--indent-size) * 2) calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 1280px) {
  .ordering-right {
    width: 50%;
  }
}
@media only screen and (max-width: 1279px) {
  .ordering-right {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ordering-details {
    margin: 0 calc(-1 * calc(var(--grid-size) * 3)) calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-details {
    margin: 0 calc(-1 * calc(var(--grid-size) * 2)) calc(var(--indent-size) * 3);
  }
}
.ordering-details_open .ordering-details__title svg:last-child {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ordering-details__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E9164D;
  text-transform: uppercase;
}
.ordering-details__title svg {
  fill: currentColor;
  margin-top: -3px;
}
.ordering-details__title svg:first-child {
  margin-right: 4px;
}
.ordering-details__title svg:last-child {
  margin-left: 4px;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.ordering-details__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FCF4F4;
  border: solid #F6E2E6;
  border-width: 1px 0 1px;
  font-weight: 600;
  cursor: pointer;
}
@media only screen and (min-width: 1280px) {
  .ordering-details__head {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ordering-details__head {
    padding: calc(var(--indent-size) * 2) calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-details__head {
    padding: var(--indent-size) calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .ordering-details__content {
    background-color: #FCF4F4;
    border-bottom: 1px solid #F6E2E6;
    display: none;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ordering-details__content {
    padding: calc(var(--indent-size) * 3) calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-details__content {
    padding: calc(var(--indent-size) * 2) calc(var(--grid-size) * 2);
  }
}
.ordering-logo {
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 1920px) {
  .ordering-logo {
    margin-bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-logo {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-logo {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-groups {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-groups {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-groups {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-group:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-group:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-group:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-group__inputs {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-group__inputs {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-group__inputs {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.ordering-group h5,
.ordering-group .h5 {
  position: relative;
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .ordering-group h5 .form-input__hint,
  .ordering-group .h5 .form-input__hint {
    left: calc(50% + calc(var(--indent-size) * 3));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .ordering-group h5 .form-input__hint,
  .ordering-group .h5 .form-input__hint {
    left: calc(50% + var(--indent-size));
  }
}
@media only screen and (min-width: 1280px) {
  .ordering-group h5 .form-input__hint,
  .ordering-group .h5 .form-input__hint {
    top: var(--indent-size);
    width: auto;
    margin-top: 0;
  }
}
@media only screen and (max-width: 1279px) {
  .ordering-group h5 .form-input__hint,
  .ordering-group .h5 .form-input__hint {
    position: relative;
  }
}
@media only screen and (min-width: 1280px) {
  .ordering-basket__items {
    border-bottom: calc(var(--box-size) / 2) solid #F6E2E6;
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-basket__scroll {
    max-height: 649px;
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .ordering-basket__scroll {
    max-height: 649px;
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (min-width: 1280px) {
  .ordering-basket__scroll {
    overflow: hidden;
    overflow-y: auto;
  }
}
.ordering-basket__scroll::-webkit-scrollbar {
  width: 4px;
}
.ordering-basket__scroll::-webkit-scrollbar-track {
  background-color: #F6E2E6;
  border-radius: 100px;
}
.ordering-basket__scroll::-webkit-scrollbar-thumb {
  background-color: #E9164D;
  border-radius: 100px;
}
.ordering-basket__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .ordering-basket__title {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-basket__title {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-basket__title {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-basket__title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.ordering-basket__title h4:not(:last-child),
.ordering-basket__title .h4:not(:last-child) {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  .ordering-basket__title .btn-gift {
    margin-left: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-basket__title .btn-gift {
    margin-left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-back--top {
    margin-bottom: calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .ordering-back--top {
    margin-bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ordering-back--top {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-back--top {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 1279px) {
  .ordering-back--top {
    position: absolute;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ordering-back--top {
    top: calc(var(--indent-size) * 2);
    right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-back--top {
    top: calc(var(--indent-size) / 2 * 3);
    right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .ordering-back--bottom {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .ordering-back--bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #F6E2E6;
    margin: 24px 0 0;
    padding: 16px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .ordering-back--bottom {
    margin-top: 16px;
  }
}
.ordering-back .back-link {
  color: #8E7D82;
}
.ordering-back .back-link__icon {
  width: 32px;
  height: 32px;
}
.ordering-back .back-link__icon svg {
  width: 20px;
  height: auto;
}
@media only screen and (min-width: 1920px) {
  .ordering-bottom {
    padding-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-bottom {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-bottom {
    padding-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-bottom {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-bottom {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-bottom {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .ordering-bottom {
    border-top: calc(var(--box-size) / 2) solid #F6E2E6;
  }
}
.ordering-finish {
  background-color: #FCF4F4;
}
@media only screen and (min-width: 1920px) {
  .ordering-finish {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-finish {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-finish {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-finish {
    padding: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-finish {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-finish {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .ordering-finish {
    border: solid #F6E2E6;
    border-width: 1px 0 1px;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ordering-finish {
    margin-left: calc(-1 * calc(var(--grid-size) * 3));
    margin-right: calc(-1 * calc(var(--grid-size) * 3));
  }
}
@media only screen and (max-width: 767px) {
  .ordering-finish {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
.ordering-finish:not(:last-child) {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .ordering-finish:not(:last-child) {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-finish__btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-finish__btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-finish__btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.ordering-finish__btn .btn {
  width: 100%;
}
.ordering-finish__hint {
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .ordering-finish__hint {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .ordering-finish__hint {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) {
  .ordering-finish__hint {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-finish__hint {
    margin-top: var(--indent-size);
  }
}
.ordering-finish__hint a {
  color: #E9164D;
}
.ordering-finish__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 1920px) {
  .ordering-finish__list li {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-finish__list li {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .ordering-finish__list li {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 768px) {
  .ordering-finish__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-finish__list li:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
.ordering-finish__list li span {
  padding-right: 24px;
}
@media only screen and (min-width: 768px) {
  .ordering-finish__list li span {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .ordering-finish__list li b {
    text-align: right;
  }
}
.ordering-finish__sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 600;
  border-top: calc(var(--box-size) / 2) solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .ordering-finish__sum {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .ordering-finish__sum {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .ordering-finish__sum {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .ordering-finish__sum {
    padding-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .ordering-finish__sum {
    padding-top: var(--indent-size);
  }
}
@media only screen and (min-width: 768px) {
  .ordering-finish__sum {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .ordering-finish__sum {
    margin-top: var(--indent-size);
  }
}
.ordering-btn:not(.is-validate) + * {
  display: none;
}
.ordering-btn.is-validate {
  display: none;
}
.ordering-choice {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ordering-choice > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.ordering-choice__item:not(.active) {
  display: none;
}
.ordering-form__btn.btn {
  display: none;
}
@media only screen and (min-width: 1920px) {
  .ordering .logo-link {
    width: 160px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .ordering .logo-link {
    width: 120px;
  }
}
@media only screen and (max-width: 1279px) {
  .ordering .logo-link {
    width: 100px;
  }
}

/**
 * empty
 */
.empty {
  position: relative;
  color: #E9164D;
  font-weight: 500;
  margin: 8px 0;
}
.empty:first-child {
  margin-top: 0;
}
.empty:last-child {
  margin-bottom: 0;
}
.empty__title {
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .empty__title {
    font-size: 48px;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .empty__title {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .empty__title {
    font-size: 30px;
    line-height: 1.2666666667;
  }
}
@media only screen and (max-width: 767px) {
  .empty__title {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
.empty__title span:not([class]) {
  font-weight: 400;
}
@media only screen and (min-width: 1920px) {
  .empty__desc {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .empty__desc {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .empty__desc {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) {
  .empty__desc {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .empty__desc {
    margin-top: var(--indent-size);
  }
}
@media only screen and (min-width: 1920px) {
  .empty__btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .empty__btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .empty__btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}

/**
 * pickup
 */
.pickup-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.pickup-wrap .map {
  border-radius: 0;
  height: 100%;
  padding-top: 0;
}
.pickup-dropdown {
  text-transform: uppercase;
}
.pickup-item {
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.pickup-item:hover {
  color: #E9164D;
}
.pickup-item:not(:last-child) {
  border-bottom: 2px solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .pickup-item:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 3);
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .pickup-item:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 2);
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.pickup-item__more {
  margin: 24px 0 0;
}
@media only screen and (max-width: 767px) {
  .pickup-item__more {
    margin-top: 16px;
  }
}
.pickup-item__count_yellow {
  color: #EBB830;
}
.pickup-item__count_green {
  color: #33CC2E;
}
.pickup-item__count_red {
  color: #E9164D;
}
.pickup-item__map {
  color: #E9164D;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .pickup-item__map {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .pickup-item__map {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 768px) {
  .pickup-item__map {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .pickup-item__map {
    margin-bottom: var(--indent-size);
  }
}
@media only screen and (min-width: 1280px) {
  .pickup-item__map {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .pickup-item__map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.pickup-item__map svg {
  fill: currentColor;
  margin-right: calc(var(--indent-size) / 2);
}
.pickup-item__list {
  color: #430315;
}
@media only screen and (min-width: 1920px) {
  .pickup-item__list {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .pickup-item__list {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.pickup-item__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pickup-item__list li:not(:last-child) {
  margin-bottom: var(--indent-size);
}
.pickup-item__list li span {
  display: block;
}
.pickup-item__list-label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 96px;
  color: #8E7D82;
}
.pickup-item__list-desc {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.pickup-left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (max-width: 1279px) {
  .pickup-left {
    display: none;
  }
}
.pickup-right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 1920px) {
  .pickup-right {
    width: 440px;
    padding: calc(var(--indent-size) * 15) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .pickup-right {
    width: 380px;
    padding: calc(var(--indent-size) * 10) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1279px) {
  .pickup-right {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pickup-right {
    padding: calc(var(--indent-size) * 8) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .pickup-right {
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}

.ordering-choice__items {
  display: grid;
  gap: 32px;
}

@media (min-width: 1280px) {
  .filter-items__scroll {
    max-width: 328px !important;
  }
  .filter-items__scroll h5,
  .filter-items__scroll .h5 {
    font-size: 18px !important;
    line-height: 1.5555555556 !important;
  }
  .filter-items__scroll .filter-item {
    margin-bottom: 24px !important;
  }
  .filter-items__scroll .form-control, .filter-items__scroll .filter-price__label, .filter-items__scroll label, .filter-items__scroll .filter-load__btn {
    font-size: 13px !important;
    line-height: 1.5384615385 !important;
  }
  .filter-items__scroll .filter-item__title {
    padding-bottom: 8px !important;
  }
  .filter-items__scroll .checkbox__box {
    top: -3px !important;
  }
  .filter-items__scroll .checkbox {
    margin-bottom: 16px !important;
  }
  .filter-items__scroll .checkbox:last-child {
    margin-bottom: 0 !important;
  }
  .filter-items__scroll .color__box {
    top: -3px !important;
  }
  .filter-items__scroll .color {
    margin-bottom: 16px !important;
  }
  .filter-items__scroll .color:last-child {
    margin-bottom: 0 !important;
  }
  .filter-items__scroll .filter-load__btn {
    margin-top: 16px !important;
  }
  .filter-items__scroll .filter-item__content {
    padding-top: 16px !important;
  }
  .filter-items__scroll .filter-item__scroll {
    max-height: 152px !important;
  }
  .filter-items__scroll .filter-item__scroll.is-open {
    max-height: 248px !important;
  }
  .filter-items__scroll .filter-search {
    margin-bottom: 16px !important;
  }
}
.filter-items__scroll .filter-item__scroll.is-open {
  max-height: 248px !important;
}

.lk-percent__discount {
  display: inline-block;
  vertical-align: top;
  font-weight: 600;
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .lk-percent__discount {
    font-size: 96px;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .lk-percent__discount {
    font-size: 68px;
    line-height: 1.2941176471;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lk-percent__discount {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .lk-percent__discount {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media (max-width: 1919px) {
  .lk-percent__discount {
    font-size: 68px;
    line-height: 1.2941176471;
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    color: #e9164d;
  }
}
@media (max-width: 1279px) {
  .lk-percent__discount {
    font-size: 54px;
    line-height: 1.2962962963;
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    color: #e9164d;
  }
}
@media (max-width: 767px) {
  .lk-percent__discount {
    font-size: 28px;
    line-height: 1.4285714286;
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    color: #e9164d;
  }
}

.loading-ajax {
  opacity: 0.1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.product-gallery__big .object-fit {
  background-color: white !important;
}
.product-gallery__big .object-fit img {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.basket-item__info .dotdotdot, .basket-item__info h5, .basket-item__info .h5, .card-item__content .dotdotdot, .card-item__content h5, .card-item__content .h5 {
  overflow-wrap: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 102px;
  max-width: none;
  overflow: hidden;
}
@media (max-width: 1919px) {
  .basket-item__info .dotdotdot, .basket-item__info h5, .basket-item__info .h5, .card-item__content .dotdotdot, .card-item__content h5, .card-item__content .h5 {
    overflow: hidden;
    overflow-wrap: normal;
    max-height: 78px;
    max-width: none;
  }
}
@media (max-width: 1279px) {
  .basket-item__info .dotdotdot, .basket-item__info h5, .basket-item__info .h5, .card-item__content .dotdotdot, .card-item__content h5, .card-item__content .h5 {
    overflow: hidden;
    overflow-wrap: normal;
    max-height: 78px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .basket-item__info .dotdotdot, .basket-item__info h5, .basket-item__info .h5, .card-item__content .dotdotdot, .card-item__content h5, .card-item__content .h5 {
    overflow: hidden;
    overflow-wrap: normal;
    max-height: 84px;
    max-width: none;
  }
}

@media (max-width: 767px) {
  h5.dotdotdot.dotdotdot-catalog,
  .h5.dotdotdot.dotdotdot-catalog {
    max-height: 102px;
    max-width: none;
    font-size: 12px !important;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}

.basket-item__info h5,
.basket-item__info .h5, .basket-item__info .dotdotdot {
  margin-right: 8px;
}
@media (max-width: 1279px) {
  .basket-item__info {
    margin-right: 0;
  }
}

.basket-item__content {
  gap: 8px;
}
@media (max-width: 767px) {
  .basket-item__content {
    gap: 0;
  }
}

.basket-item__height {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 1280px) {
  .catalog-row .cards-row .col-4 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}

@media (min-width: 1280px) {
  .is-sticky-catalog {
    overflow: visible !important;
  }
  .is-sticky-catalog .catalog-row > .col.col-3 {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: sticky;
    top: 0;
  }
}

.basket-item h5,
.basket-item .h5, .basket-item .dotdotdot, .basket-item .price, .basket-item .price-now, .card-item h5, .card-item .h5, .card-item .dotdotdot, .card-item .price, .card-item .price-now {
  font-size: 20px !important;
  line-height: 1.2 !important;
}
@media (max-width: 1919px) {
  .basket-item h5,
  .basket-item .h5, .basket-item .dotdotdot, .basket-item .price, .basket-item .price-now, .card-item h5, .card-item .h5, .card-item .dotdotdot, .card-item .price, .card-item .price-now {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 1279px) {
  .basket-item h5,
  .basket-item .h5, .basket-item .dotdotdot, .basket-item .price, .basket-item .price-now, .card-item h5, .card-item .h5, .card-item .dotdotdot, .card-item .price, .card-item .price-now {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 767px) {
  .basket-item h5,
  .basket-item .h5, .basket-item .dotdotdot, .basket-item .price, .basket-item .price-now, .card-item h5, .card-item .h5, .card-item .dotdotdot, .card-item .price, .card-item .price-now {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
}
.basket-item .minutiae-item, .card-item .minutiae-item {
  font-size: 14px !important;
  line-height: 1.2 !important;
}
@media (max-width: 1919px) {
  .basket-item .minutiae-item, .card-item .minutiae-item {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 1279px) {
  .basket-item .minutiae-item, .card-item .minutiae-item {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 767px) {
  .basket-item .minutiae-item, .card-item .minutiae-item {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}
.basket-item .btn-shopping .btn__text, .card-item .btn-shopping .btn__text {
  font-size: 0 !important;
  line-height: 1.2 !important;
}
.basket-item .tag-item, .card-item .tag-item {
  font-size: 12px !important;
  line-height: 1.2 !important;
}
@media (max-width: 1919px) {
  .basket-item .tag-item, .card-item .tag-item {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 1279px !important) {
  .basket-item .tag-item, .card-item .tag-item {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 767px) {
  .basket-item .tag-item, .card-item .tag-item {
    margin-left: 2px !important;
    margin-right: 2px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    width: 34px !important;
    height: 34px !important;
  }
}
@media (max-width: 767px) {
  .basket-item .card-item__shopping.is-only-mobile, .card-item .card-item__shopping.is-only-mobile {
    padding: 0 !important;
    margin-top: 4px !important;
    display: block !important;
    position: static !important;
  }
}
@media (max-width: 767px) {
  .basket-item .card-item__content, .card-item .card-item__content {
    padding-top: 4px !important;
  }
}
@media (max-width: 767px) {
  .basket-item h5,
  .basket-item .h5, .basket-item .dotdotdot, .card-item h5, .card-item .h5, .card-item .dotdotdot {
    margin: 4px 0 0 0 !important;
  }
}
@media (max-width: 767px) {
  .basket-item .price, .card-item .price {
    margin-top: 8px !important;
  }
}

.news-item {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.styled-modal-window {
  position: absolute;
  bottom: 130%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #F6E2E6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 12px;
  border: 1px solid #E9164D;
  border-radius: 8px;
}

.dolyame-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FCF4F4;
  padding: 64px;
  border-radius: 32px;
  gap: 24px;
}
@media (max-width: 1280px) {
  .dolyame-row {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .dolyame-row {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .dolyame-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}
@media only screen and (min-width: 1920px) {
  .dolyame-row p {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .dolyame-row p {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dolyame-row p {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (max-width: 767px) {
  .dolyame-row p {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.dolyame-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  max-width: 1792px;
}
.dolyame-inner {
  max-width: 880px;
}
.dolyame-app__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}
.dolyame-app__text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  margin: 32px 0;
}
.dolyame-app__text-content h4,
.dolyame-app__text-content .h4 {
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 1920px) {
  .dolyame-app__text-content p {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .dolyame-app__text-content p {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .dolyame-app__text-content p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .dolyame-app__text-content p {
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
  }
}
.dolyame-app__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .dolyame-app__links {
    display: none;
  }
}
.dolyame-app__links--mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .dolyame-app__links--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.age {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8E7D82;
}
.age__text {
  display: inline-block;
  vertical-align: top;
  max-width: 200px;
  margin-left: calc(var(--indent-size) * 2);
}
.age__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 1;
}
.age__icon img,
.age__icon svg {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.accordion {
  position: relative;
}
.accordion:not([class*=_open]) > .accordion-title:hover {
  color: #E9164D;
}
.accordion_open > .accordion-title {
  color: #E9164D;
}
.accordion_open > .accordion-title .accordion-title__icon::after {
  opacity: 0;
}
@media only screen and (min-width: 1920px) {
  .accordion:not([class*=_big]):not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .accordion:not([class*=_big]):not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .accordion:not([class*=_big]):not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.accordion:not([class*=_big]) .accordion-title {
  min-height: calc(var(--box-size) * 3);
}
@media only screen and (min-width: 1920px) {
  .accordion:not([class*=_big]) .accordion-title {
    padding-left: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 1919px) {
  .accordion:not([class*=_big]) .accordion-title {
    padding-left: calc(var(--indent-size) * 3);
  }
}
.accordion:not([class*=_big]) .accordion-title__icon {
  width: calc(var(--box-size) * 3);
  height: calc(var(--box-size) * 3);
}
.accordion:not([class*=_big]) .accordion-title__icon::before {
  width: calc(var(--box-size) * 3);
  height: calc(var(--box-size) / 2);
}
.accordion:not([class*=_big]) .accordion-title__icon::after {
  width: calc(var(--box-size) / 2);
  height: calc(var(--box-size) * 3);
}
@media only screen and (min-width: 1920px) {
  .accordion:not([class*=_big]) .accordion-content {
    padding-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .accordion:not([class*=_big]) .accordion-content {
    padding-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .accordion:not([class*=_big]) .accordion-content {
    padding-top: calc(var(--indent-size) * 2);
  }
}
.accordion_big {
  border: solid currentColor;
}
@media only screen and (min-width: 1920px) {
  .accordion_big {
    padding-bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .accordion_big {
    padding-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .accordion_big {
    padding-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) {
  .accordion_big {
    border-width: 0 0 3px;
  }
}
@media only screen and (max-width: 767px) {
  .accordion_big {
    border-width: 0 0 2px;
  }
}
@media only screen and (min-width: 1920px) {
  .accordion_big:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .accordion_big:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .accordion_big:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.accordion_big .accordion-title {
  min-height: calc(var(--box-size) * 6);
}
@media only screen and (min-width: 1920px) {
  .accordion_big .accordion-title {
    padding-left: calc(var(--indent-size) * 8);
  }
}
@media only screen and (max-width: 1919px) {
  .accordion_big .accordion-title {
    padding-left: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) {
  .accordion_big .accordion-title__icon {
    width: calc(var(--box-size) * 6);
    height: calc(var(--box-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .accordion_big .accordion-title__icon {
    width: calc(var(--box-size) / 2 * 9);
    height: calc(var(--box-size) / 2 * 9);
  }
}
@media only screen and (min-width: 768px) {
  .accordion_big .accordion-title__icon::before {
    width: calc(var(--box-size) * 6);
    height: var(--box-size);
  }
}
@media only screen and (max-width: 767px) {
  .accordion_big .accordion-title__icon::before {
    width: calc(var(--box-size) / 2 * 9);
    height: calc(var(--box-size) / 2);
  }
}
@media only screen and (min-width: 768px) {
  .accordion_big .accordion-title__icon::after {
    width: var(--box-size);
    height: calc(var(--box-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .accordion_big .accordion-title__icon::after {
    width: calc(var(--box-size) / 2);
    height: calc(var(--box-size) / 2 * 9);
  }
}
@media only screen and (min-width: 1920px) {
  .accordion_big .accordion-content {
    padding-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .accordion_big .accordion-content {
    padding-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .accordion_big .accordion-content {
    padding-top: calc(var(--indent-size) * 3);
  }
}
.accordion-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.accordion-title__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
  line-height: 1;
}
.accordion-title__icon::before, .accordion-title__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: currentColor;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.accordion-title h3:not(:last-child),
.accordion-title .h3:not(:last-child), .accordion-title h5:not(:last-child), .accordion-title .h5:not(:last-child) {
  margin-bottom: 0;
}
.accordion-content {
  position: relative;
  display: none;
  overflow: hidden;
}

.accordion-wrap.accordion-wrap--border .accordion:not(:last-child) {
  margin-bottom: 28px;
  padding: 0 0 28px;
  border-bottom: 1px solid #e5e5e5;
}

.bg-cover {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-transform: uppercase;
  margin-top: calc(-1 * var(--grid-size));
}
@media only screen and (min-width: 1920px) {
  .breadcrumb {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .breadcrumb {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.breadcrumb-wrapper:first-child {
  margin-top: 0;
}
.breadcrumb-wrapper:last-child {
  margin-bottom: 0;
}
.breadcrumb-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  margin: var(--grid-size) calc(var(--indent-size) * 2) 0 0;
}
.breadcrumb-item:not(:last-child)::after {
  content: "";
  width: var(--box-size);
  height: var(--box-size);
  background-color: currentColor;
  border-radius: 50%;
  margin-left: calc(var(--indent-size) * 2);
}
.breadcrumb-item:last-child {
  margin-right: 0;
}
.breadcrumb-item a {
  color: inherit;
}



.back {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1920px) {
  .back {
    padding: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .back {
    padding: calc(var(--indent-size) * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  .back {
    padding: calc(var(--indent-size) * 2) 0;
  }
}
.back + * {
  margin-top: 0;
}
.back-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.back-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  color: #E9164D;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) {
  .back-link {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .back-link {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.back-link:hover {
  color: #F27C96;
}
.back-link__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid currentColor;
}
@media only screen and (min-width: 1920px) {
  .back-link__icon {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (max-width: 1919px) {
  .back-link__icon {
    width: calc(var(--box-size) * 9);
    height: calc(var(--box-size) * 9);
  }
}
@media only screen and (min-width: 768px) {
  .back-link__icon {
    margin-right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .back-link__icon {
    margin-right: var(--indent-size);
  }
}
.back-link__icon svg {
  stroke: currentColor;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.choice-label {
  position: relative;
  width: 100%;
  height: auto;
  font-weight: 500;
  color: currentColor;
  text-align: left;
  cursor: pointer;
  background-color: transparent;
  background-clip: padding-box;
  border: solid currentColor;
  border-width: 0 0 2px;
  padding: 0 0 var(--indent-size);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1280px) {
  .choice-label {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .choice-label {
    display: block;
  }
}
@media only screen and (min-width: 1920px) {
  .choice-label:not([class*=_small]) {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .choice-label:not([class*=_small]) {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (max-width: 767px) {
  .choice-label:not([class*=_small]) {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 1920px) {
  .choice-label_small {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .choice-label_small {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .choice-label_small {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.choice-label__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.choice-label__arrow {
  position: absolute;
  right: -3px;
  font-size: 0;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: var(--indent-size);
}
.choice-label__arrow svg {
  fill: currentColor;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (max-width: 1279px) {
  .choice-filter {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
  }
  .choice-filter::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1920px) {
  .choice-filter::before {
    height: calc(var(--box-size) * 24);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1919px) {
  .choice-filter::before {
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) {
  .choice-filter::before {
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 767px) {
  .choice-filter::before {
    height: calc(var(--box-size) * 14);
  }
}
.choice-filter__btn {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .choice-filter__btn {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .choice-filter__btn {
    padding: 0 calc(var(--grid-size) * 3) calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .choice-filter__btn {
    padding: 0 calc(var(--grid-size) * 2) calc(var(--grid-size) * 2);
  }
}
.choice-filter__btn .btn {
  width: 100%;
}
@media only screen and (max-width: 1279px) {
  .choice-filter__scroll {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .choice-filter__scroll {
    padding: calc(var(--indent-size) * 10) calc(var(--grid-size) * 3) calc(calc(var(--grid-size) * 3) * 2 + calc(var(--box-size) * 12));
  }
}
@media only screen and (max-width: 767px) {
  .choice-filter__scroll {
    padding: calc(var(--indent-size) * 8) calc(var(--grid-size) * 2) calc(calc(var(--grid-size) * 2) * 2 + calc(var(--box-size) * 12));
  }
}
.choice-filter__scroll::-webkit-scrollbar {
  display: none;
}
.choice-filter h3,
.choice-filter .h3 {
  color: #8E7D82;
}
@media only screen and (min-width: 1280px) {
  .choice-filter h3,
  .choice-filter .h3 {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .choice-items {
    font-weight: 500;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .choice-items {
    margin-top: calc(var(--indent-size) * 4);
    padding-right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .choice-items {
    margin-top: calc(var(--indent-size) * 3);
    padding-right: 4px;
  }
}
.choice-item {
  position: relative;
  display: block;
}
@media only screen and (min-width: 1920px) {
  .choice-item {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .choice-item {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .choice-item {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (min-width: 1920px) {
  .choice-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .choice-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .choice-item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.choice-item.active {
  color: #E9164D;
}
.choice-item svg {
  fill: currentColor;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 1280px) {
  .choice .modal__close {
    display: none;
  }
}
.choice-scroll {
  overflow-x: auto;
}
.choice-scroll .categories-wrapper-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.choice-scroll .categories-slide-scroll {
  text-wrap: nowrap;
  width: auto;
}

body.choiceActive .choice-filter.active {
  display: block !important;
  -webkit-animation: fadeInUpChoiceFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeInUpChoiceFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}
body.choiceActive .header {
  z-index: 1;
}
body.choiceActive .menu {
  z-index: 1;
}
body.choiceRemoving .choice-filter.active {
  -webkit-animation: fadeOutUpChoiceFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeOutUpChoiceFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}

@-webkit-keyframes fadeInUpChoiceFilter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUpChoiceFilter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutUpChoiceFilter {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutUpChoiceFilter {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .company {
    margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) * 2)) 0;
  }
}
@media only screen and (max-width: 767px) {
  .company {
    margin: calc(-1 * calc(var(--grid-size) / 2)) calc(-1 * var(--grid-size)) 0;
  }
}
.company__item {
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .company__item {
    margin: var(--grid-size) calc(var(--grid-size) * 2) 0;
  }
}
@media only screen and (max-width: 767px) {
  .company__item {
    max-width: 55px;
    margin: calc(var(--grid-size) / 2) var(--grid-size) 0;
  }
}

.count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: calc(var(--box-size) * 9);
  height: calc(var(--box-size) * 9);
  text-align: center;
  background-color: #E9164D;
  border-radius: 50%;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0 var(--indent-size);
  margin: 0 0 0 var(--indent-size);
}
@media only screen and (min-width: 1920px) {
  .count {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .count {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .count {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}

.creator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #8E7D82;
}
.creator__text {
  display: inline-block;
  vertical-align: top;
  margin-bottom: var(--indent-size);
}
.creator__logo {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 1;
}
.creator__logo:hover svg {
  fill: #430315;
}
.creator__logo svg {
  fill: #8E7D82;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.creator__logo img,
.creator__logo svg {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.dropdown {
  position: relative;
}
.dropdown .dropdown-menu {
  left: 0 !important;
  top: 100% !important;
  width: 100%;
  font-weight: 500;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
@media only screen and (min-width: 1920px) {
  .dropdown .dropdown-menu {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .dropdown .dropdown-menu {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .dropdown .dropdown-menu {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .dropdown .dropdown-menu {
    font-size: 12px;
    line-height: 1.5;
  }
}
.dropdown.show .dropdown-menu {
  display: block;
}
.dropdown.show .dropdown-label svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.dropdown_flags .dropdown-label {
  padding-left: calc(var(--indent-size) * 4);
}
.dropdown_flags .dropdown-label .dropdown-icon {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: var(--indent-size);
}
.dropdown_flags .dropdown-icon {
  width: 24px;
}
.dropdown_image {
  max-width: 328px;
}
.dropdown_image .dropdown-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-self: flex-start;
  border: 1px solid #e9164d;
  border-radius: 12px;
  padding: 4px 24px 4px 12px;
}
.dropdown_image .dropdown-label .dropdown-arrow {
  right: 6px;
}
.dropdown_image .dropdown-image {
  width: 60px;
  height: 60px;
  margin-right: 12px;
}
.dropdown-wrapper {
  position: relative;
}
.dropdown-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dropdown-wrap .dropdown-icon {
  margin-right: var(--indent-size);
}
.dropdown-label {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  font-weight: 500;
  color: currentColor;
  text-align: left;
  cursor: pointer;
  background-color: transparent;
  background-clip: padding-box;
  border: solid currentColor;
  border-width: 0 0 1px;
  padding: 0 calc(var(--indent-size) * 4) var(--indent-size) 0;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .dropdown-label {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .dropdown-label {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .dropdown-label {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.dropdown-label .dropdown-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dropdown-label .dropdown-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-label svg {
  fill: currentColor;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.dropdown-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  line-height: 1;
  margin-top: -2px;
}
.dropdown-arrow {
  position: absolute;
  right: -3px;
  font-size: 0;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: var(--indent-size);
}
.dropdown-value {
  background: none;
  border: 0 none;
  margin: 0;
  padding: 0;
  outline: none;
  font-size: inherit;
  font-weight: inherit;
  color: currentColor;
}
.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 10;
  background-color: #FFFFFF;
  border: 1px solid #E9164D;
  -webkit-box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04);
  margin-top: calc(var(--indent-size) / 2);
  padding: var(--indent-size);
}
.dropdown-menu.datepicker-dropdown {
  width: 292px;
}
.dropdown-menu.datepicker-dropdown::before {
  border-bottom-color: #E9164D;
}
.dropdown-menu ul {
  max-height: 272px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: calc(var(--indent-size) / 2);
}
.dropdown-menu ul::-webkit-scrollbar {
  width: 4px;
}
.dropdown-menu ul::-webkit-scrollbar-track {
  background-color: #F6E2E6;
  border-radius: 100px;
}
.dropdown-menu ul::-webkit-scrollbar-thumb {
  background-color: #E9164D;
  border-radius: 100px;
}
.dropdown-menu li {
  background-color: transparent;
  border-radius: calc(var(--border-radius) / 2);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: var(--indent-size);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.dropdown-menu li:hover {
  background-color: #FCF4F4;
}
.dropdown__checkbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  background: none;
  border: 0 none;
}

.dropdown-wrapper:not(.is-dynamic) .dropdown-menu ul[data-type=dynamic] {
  display: none;
}
.dropdown-wrapper.is-dynamic .dropdown-menu ul[data-type=all] {
  display: none;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 10000000;
}

.fancybox-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fancybox-gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99994;
}
@media only screen and (min-width: 768px) {
  .fancybox-gradient {
    height: 50vh;
  }
}
@media only screen and (max-width: 767px) {
  .fancybox-gradient {
    height: 200px;
  }
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.fancybox-inner {
  background-color: #FFFFFF;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background-color: rgba(74, 74, 80, 0.6);
  opacity: 0;
  -webkit-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  visibility: visible;
}

.fancybox-infobar {
  display: none;
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
}
@media only screen and (min-width: 1920px) {
  .fancybox-slide--image {
    padding: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .fancybox-slide--image {
    padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 15);
  }
}
@media only screen and (max-width: 767px) {
  .fancybox-slide--image {
    padding: calc(var(--indent-size) * 8) calc(var(--grid-size) * 2) calc(var(--indent-size) * 10);
  }
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: none;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
@media only screen and (min-width: 1920px) {
  .fancybox-slide--image .fancybox-content {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .fancybox-slide--image .fancybox-content {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .fancybox-slide--image .fancybox-content {
    border-radius: var(--border-radius);
  }
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: none;
}

.fancybox-slide--map .fancybox-content {
  background: none;
}

.fancybox-slide--iframe .fancybox-content {
  background: none;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
@media only screen and (max-width: 1279px) {
  .fancybox-navigation {
    display: none;
  }
}

.fancybox-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  margin: 0;
  position: relative;
  visibility: inherit;
  outline: none;
  padding: 0;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.fancybox-button--close {
  background: none;
}
@media only screen and (min-width: 768px) {
  .fancybox-button--close {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .fancybox-button--close {
    padding: var(--indent-size);
  }
}
.fancybox-button--close, .fancybox-button--close:visited, .fancybox-button--close:link {
  color: #8E7D82;
}
.fancybox-button--close:hover {
  color: #E9164D;
}
.fancybox-button--close svg {
  fill: currentColor;
}
@media only screen and (min-width: 1920px) {
  .fancybox-button--close svg {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .fancybox-button--close svg {
    width: calc(var(--box-size) * 9);
    height: calc(var(--box-size) * 9);
  }
}
@media only screen and (max-width: 767px) {
  .fancybox-button--close svg {
    width: calc(var(--box-size) * 6);
    height: calc(var(--box-size) * 6);
  }
}
.fancybox-button--arrow_left, .fancybox-button--arrow_right {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
}
@media only screen and (min-width: 1920px) {
  .fancybox-button--arrow_left, .fancybox-button--arrow_right {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .fancybox-button--arrow_left, .fancybox-button--arrow_right {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .fancybox-button--arrow_left, .fancybox-button--arrow_right {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
.fancybox-button--arrow_left:not([disabled]), .fancybox-button--arrow_right:not([disabled]) {
  border-color: #F27C96;
}
.fancybox-button--arrow_left:not([disabled]), .fancybox-button--arrow_left:not([disabled]):visited, .fancybox-button--arrow_left:not([disabled]):link, .fancybox-button--arrow_right:not([disabled]), .fancybox-button--arrow_right:not([disabled]):visited, .fancybox-button--arrow_right:not([disabled]):link {
  color: #F27C96;
}
.fancybox-button--arrow_left:not([disabled]):hover, .fancybox-button--arrow_right:not([disabled]):hover {
  border-color: #E9164D;
  color: #E9164D;
}
.fancybox-button--arrow_left[disabled], .fancybox-button--arrow_right[disabled] {
  border-color: #8E7D82;
  cursor: not-allowed;
}
.fancybox-button--arrow_left[disabled], .fancybox-button--arrow_left[disabled]:visited, .fancybox-button--arrow_left[disabled]:link, .fancybox-button--arrow_right[disabled], .fancybox-button--arrow_right[disabled]:visited, .fancybox-button--arrow_right[disabled]:link {
  color: #8E7D82;
}
.fancybox-button--arrow_left svg, .fancybox-button--arrow_right svg {
  stroke: currentColor;
}
.fancybox-button--arrow_left svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: none;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  overflow: visible;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  display: none;
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fancybox-navigation .fancybox-button div {
  padding: 0;
}

@media only screen and (min-width: 1920px) {
  .fancybox-navigation .fancybox-button--arrow_left {
    left: calc(var(--grid-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .fancybox-navigation .fancybox-button--arrow_left {
    left: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .fancybox-navigation .fancybox-button--arrow_left {
    left: calc(var(--grid-size) * 2);
  }
}

@media only screen and (min-width: 1920px) {
  .fancybox-navigation .fancybox-button--arrow_right {
    right: calc(var(--grid-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .fancybox-navigation .fancybox-button--arrow_right {
    right: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .fancybox-navigation .fancybox-button--arrow_right {
    right: calc(var(--grid-size) * 2);
  }
}

/* Caption */
.fancybox-caption {
  display: none;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1,
.fancybox-share .h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  z-index: 99995;
}
@media only screen and (min-width: 1920px) {
  .fancybox-thumbs {
    padding-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 1919px) {
  .fancybox-thumbs {
    padding-bottom: calc(var(--indent-size) * 3);
  }
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-thumbs-x::-webkit-scrollbar {
  display: none;
}

.fancybox-thumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
  line-height: 1;
  height: auto;
  list-style: none;
  position: relative;
  white-space: nowrap;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  outline: none;
  overflow: hidden;
  margin: 0 var(--indent-size);
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .fancybox-thumbs__list a {
    width: 98px;
    height: 109px;
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .fancybox-thumbs__list a {
    width: 80px;
    height: 91px;
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 1279px) {
  .fancybox-thumbs__list a {
    width: calc(var(--box-size) * 3);
    height: calc(var(--box-size) * 3);
    background-image: none !important;
    background-color: #F6E2E6;
    background-clip: content-box;
    border-radius: 50%;
    padding: 2px;
  }
}

.fancybox-thumbs__list a.fancybox-thumbs-active {
  opacity: 1;
}
@media only screen and (max-width: 1279px) {
  .fancybox-thumbs__list a.fancybox-thumbs-active {
    background-color: #E9164D;
    padding: 0;
  }
}

/* Styling for Small-Screen Devices */
/*@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}*/
.favorite {
  font-size: 0;
  line-height: 1;
}
.favorite:hover svg {
  fill: #E9164D;
}
.favorite.favorite.active svg {
  fill: #E9164D;
}
.favorite svg {
  fill: #8E7D82;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}

.figure {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  .figure:not([class*=_dynamic]):not([class*=_mob]) {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .figure[class*=_mob] {
    display: none;
  }
}
.figure-layer {
  position: relative;
  width: 100%;
  height: 100%;
}
.figure-vibe {
  position: absolute;
  font-size: 0;
  line-height: 1;
}
@media only screen and (max-width: 1279px) {
  .figure-vibe {
    width: 33.333333vw;
  }
}

@media only screen and (max-width: 1279px) {
  .filter-items {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
  }
  .filter-items::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1920px) {
  .filter-items::before {
    height: calc(var(--box-size) * 24);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1919px) {
  .filter-items::before {
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) {
  .filter-items::before {
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 767px) {
  .filter-items::before {
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .filter-items__scroll {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .filter-items__scroll {
    padding: calc(var(--indent-size) * 10) calc(var(--grid-size) * 3) calc(calc(var(--grid-size) * 3) * 2 + calc(var(--box-size) * 12));
  }
}
@media only screen and (max-width: 767px) {
  .filter-items__scroll {
    padding: calc(var(--indent-size) * 8) calc(var(--grid-size) * 2) calc(calc(var(--grid-size) * 2) * 2 + calc(var(--box-size) * 12));
  }
}
.filter-items__scroll::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 1920px) {
  .filter-items__title {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .filter-items__title {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .filter-items__title {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .filter-items__title {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .filter-items__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.filter-items__title h3:not(:last-child),
.filter-items__title .h3:not(:last-child) {
  margin-bottom: 0;
}


body.filterActive .filter-items {
  display: block !important;
  -webkit-animation: fadeInUpFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeInUpFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}
body.filterActive .header {
  z-index: 1;
}
body.filterActive .menu {
  z-index: 1;
}
body.filterRemoving .filter-items {
  -webkit-animation: fadeOutUpFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeOutUpFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}

@-webkit-keyframes fadeInUpFilter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUpFilter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutUpFilter {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutUpFilter {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
label.error {
  position: absolute;
  left: 0;
  width: 100%;
  display: block;
  color: #E9164D;
  font-weight: 600;
  text-align: left;
  margin-top: var(--indent-size);

}
@media only screen and (min-width: 1920px) {
  label.error {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  label.error {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  label.error {
    z-index: 2;
    background-color: #FFFFFF;
  }
}
label.error:not([style]) ~ .form-input__hint {
  opacity: 0;
}

.form-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1920px) {
  .form-inputs {
    margin: calc(-1 * calc(var(--grid-size) * 6)) calc(-1 * calc(var(--grid-size) * 3)) calc(var(--grid-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-inputs {
    margin: calc(-1 * calc(var(--grid-size) * 4)) calc(-1 * var(--grid-size)) calc(var(--grid-size) * 6.5);
  }
}
@media only screen and (max-width: 767px) {
  .form-inputs {
    margin: calc(-1 * calc(var(--grid-size) * 3)) calc(-1 * var(--grid-size)) calc(var(--grid-size) * 8.5);
  }
}
.form-inputs:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1920px) {
  .form-inputs .form-input {
    margin: calc(var(--grid-size) * 6) calc(var(--grid-size) * 3) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-inputs .form-input {
    margin: calc(var(--grid-size) * 4) var(--grid-size) 0;
  }
}
@media only screen and (max-width: 767px) {
  .form-inputs .form-input {
    margin: calc(var(--grid-size) * 3) var(--grid-size) 0;
  }
}
@media only screen and (min-width: 1920px) {
  .form-inputs .form-input:not([data-width]) {
    width: calc(100% - (calc(var(--grid-size) * 6)));
  }
}
@media only screen and (max-width: 1919px) {
  .form-inputs .form-input:not([data-width]) {
    width: calc(100% - (calc(var(--grid-size) * 2)));
  }
}
@media only screen and (min-width: 1920px) {
  .form-inputs .form-input[data-width="50"] {
    width: calc(50% - (calc(var(--grid-size) * 6)));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-inputs .form-input[data-width="50"] {
    width: calc(50% - (calc(var(--grid-size) * 2)));
  }
}
@media only screen and (max-width: 767px) {
  .form-inputs .form-input[data-width="50"] {
    width: calc(100% - (calc(var(--grid-size) * 2)));
  }
}
@media only screen and (min-width: 1920px) {
  .form-inputs .form-input[data-width="25"] {
    width: calc(25% - (calc(var(--grid-size) * 6)));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-inputs .form-input[data-width="25"] {
    width: calc(25% - (calc(var(--grid-size) * 2)));
  }
}
@media only screen and (max-width: 767px) {
  .form-inputs .form-input[data-width="25"] {
    width: calc(50% - (calc(var(--grid-size) * 2)));
  }
}
.form-checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1920px) {
  .form-checkboxes {
    margin: calc(-1 * calc(var(--grid-size) * 3)) calc(-1 * calc(var(--grid-size) * 3)) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-checkboxes {
    margin: calc(-1 * calc(var(--grid-size) * 3)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (max-width: 767px) {
  .form-checkboxes {
    margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (min-width: 1920px) {
  .form-checkboxes .form-checkbox {
    margin: calc(var(--grid-size) * 3) calc(var(--grid-size) * 3) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-checkboxes .form-checkbox {
    margin: calc(var(--grid-size) * 3) var(--grid-size) 0;
  }
}
@media only screen and (max-width: 767px) {
  .form-checkboxes .form-checkbox {
    margin: calc(var(--grid-size) * 2) var(--grid-size) 0;
  }
}
@media only screen and (min-width: 1920px) {
  .form-checkboxes .form-checkbox:not([data-width]) {
    width: calc(100% - (calc(var(--grid-size) * 6)));
  }
}
@media only screen and (max-width: 1919px) {
  .form-checkboxes .form-checkbox:not([data-width]) {
    width: calc(100% - (calc(var(--grid-size) * 2)));
  }
}
@media only screen and (min-width: 1920px) {
  .form-checkboxes .form-checkbox[data-width="50"] {
    width: calc(50% - (calc(var(--grid-size) * 6)));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-checkboxes .form-checkbox[data-width="50"] {
    width: calc(50% - (calc(var(--grid-size) * 2)));
  }
}
@media only screen and (max-width: 767px) {
  .form-checkboxes .form-checkbox[data-width="50"] {
    width: calc(100% - (calc(var(--grid-size) * 2)));
  }
}
.form-input {
  position: relative;
}
.form-input__label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  font-weight: 500;
  color: currentColor;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: text;
  padding: 0 0 var(--indent-size);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .form-input__label {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-input__label {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .form-input__label {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.form-input__label span {
  display: inline-block;
  vertical-align: top;
}
.form-input__hint {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  font-weight: 500;
  color: #8E7D82;
  margin-top: calc(var(--indent-size) / 2);
}
@media only screen and (min-width: 1920px) {
  .form-input__hint {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .form-input__hint {
    font-size: 12px;
    line-height: 1.5;
  }
}
.form-input__hint.apply-coupon-result {
  white-space: nowrap;
}
.form-input__hint a {
  color: #E9164D;
}
.form-input .link-next {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.form-control {
  display: block;
  width: 100%;
  height: auto;
  font-weight: 500;
  color: currentColor;
  text-align: left;
  background-color: transparent;
  background-clip: padding-box;
  border: solid currentColor;
  border-width: 0 0 1px;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 0 0 var(--indent-size);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .form-control {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-control {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .form-control {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.form-control.error {
  border-color: #E9164D;
}
.form-control.error ~ .form-input__label {
  color: #E9164D;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  outline: 0;
}

.form-control:focus ~ .form-input__label, .form-control.is-focus ~ .form-input__label {
  color: currentColor;
}
.form-control:focus.error, .form-control.is-focus.error {
  border-color: #E9164D;
  -webkit-box-shadow: 0 1px 0 0 #E9164D;
  box-shadow: 0 1px 0 0 #E9164D;
}
.form-control:focus.error ~ .form-input__label, .form-control.is-focus.error ~ .form-input__label {
  color: #E9164D;
}
.form-control:focus ~ .form-input__label, .form-control.is-focus ~ .form-input__label {
  top: calc(-1 * calc(var(--indent-size) * 2));
  height: auto;
  color: currentColor;
}
@media only screen and (min-width: 768px) {
  .form-control:focus ~ .form-input__label, .form-control.is-focus ~ .form-input__label {
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .form-control:focus ~ .form-input__label, .form-control.is-focus ~ .form-input__label {
    font-size: 10px;
  }
}
.form-control:focus[readonly], .form-control.is-focus[readonly] {
  color: #8E7D82;
  cursor: default;
}
.form-control::-webkit-input-placeholder {
  color: #8E7D82;
}
.form-control::-moz-placeholder {
  color: #8E7D82;
}
.form-control:-ms-input-placeholder {
  color: #8E7D82;
}
.form-control::-ms-input-placeholder {
  color: #8E7D82;
}
.form-control::placeholder {
  color: #8E7D82;
}
.form-control .form-control:disabled,
.form-control .form-control[readonly] {
  background-color: transparent;
  border-color: #8E7D82;
  opacity: 1;
}
.form-calendar {
  position: relative;
}
.form-calendar__icon {
  position: absolute;
  right: 0;
  z-index: 1;
  cursor: pointer;
  font-size: 0;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: var(--indent-size);
}
.form-calendar__icon svg {
  fill: currentColor;
}
.form-select {
  position: relative;
}
.form-select__icon {
  position: absolute;
  right: -3px;
  z-index: 1;
  font-size: 0;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: var(--indent-size);
}
.form-select__icon svg {
  fill: currentColor;
}
.form-select__flag {
  position: absolute;
  left: 0;
  font-size: 0;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: var(--indent-size);
}
.form-select_country .form-control {
  padding-left: calc(var(--indent-size) * 4);
}
.form-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .form-points__column {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .form-points__column:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.form-callback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.form-callback .form-input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (min-width: 1920px) {
  .form-callback .form-input {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-callback .form-input {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .form-callback .form-input {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.form-pass {
  position: relative;
}
.form-pass__icon {
  position: absolute;
  right: 0;
  z-index: 1;
  cursor: pointer;
  font-size: 0;
  line-height: 1;
  color: #8E7D82;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: var(--indent-size);
}
.form-pass__icon svg {
  fill: currentColor;
}
.form-agreement {
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .form-agreement {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .form-agreement {
    font-size: 12px;
    line-height: 1.5;
  }
}
.form-agreement a {
  color: #E9164D;
}
.form-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .form-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .form-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1920px) {
  .form-btn > *:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-btn > *:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .form-btn > *:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.form-btn a:not([class*=btn]) {
  font-weight: 500;
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .form-btn a:not([class*=btn]) {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .form-btn a:not([class*=btn]) {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.form-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .form-country {
    margin: calc(-1 * calc(var(--grid-size) * 4)) calc(-1 * calc(var(--grid-size) * 2)) 0;
  }
}
@media only screen and (max-width: 767px) {
  .form-country {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: calc(-1 * calc(var(--grid-size) * 3)) calc(-1 * var(--grid-size)) 0;
  }
}
.form-country__input {
  position: relative;
}
.form-country__input:first-child {
  min-width: 200px;
}
.form-country__input:not(:first-child) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
  .form-country__input {
    margin: calc(var(--grid-size) * 4) calc(var(--grid-size) * 2) 0;
  }
}
@media only screen and (max-width: 767px) {
  .form-country__input {
    margin: calc(var(--grid-size) * 3) var(--grid-size) 0;
  }
}
.form-file {
  position: relative;
}
.form-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-stars__items {
  font-size: 0;
  line-height: 1;
}
.form-stars__label {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .form-stars__label {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .form-stars__label {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .form-stars__label {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .form-stars__label {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .form-stars__label {
    margin-right: calc(var(--indent-size) * 2);
  }
}

@media only screen and (min-width: 768px) {
  .default-form .form-agreement {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .default-form .form-agreement {
    margin-top: var(--indent-size);
  }
}
.default-form .form-agreement a {
  color: #E9164D;
}
.default-form .max-width {
  max-width: 640px;
}
.default-form textarea {
  resize: none;
}
.default-form:not(.is-success) .form-finish {
  display: none;
}
.default-form.is-success .form-start {
  display: none;
}

@media only screen and (min-width: 768px) {
  .callback-form .form-agreement {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .callback-form .form-agreement {
    margin-top: var(--indent-size);
  }
}
.callback-form .form-agreement a {
  color: #E9164D;
}
.callback-form .max-width {
  max-width: 640px;
}
.callback-form textarea {
  resize: none;
}
.callback-form:not(.is-success) .form-finish {
  display: none;
}
.callback-form.is-success .form-start {
  display: none;
}

.file {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
  cursor: pointer;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .file {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .file {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.file input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  cursor: pointer;
}
.file__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FCF4F4;
  border-radius: calc(var(--border-radius) / 2);
  color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .file__icon {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1919px) {
  .file__icon {
    width: calc(var(--box-size) * 10);
    height: calc(var(--box-size) * 10);
  }
}
.file__icon svg {
  fill: currentColor;
}
.file-info {
  padding-left: calc(var(--indent-size) * 2);
}
.file__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.file__hint {
  color: #8E7D82;
}
@media only screen and (min-width: 768px) {
  .file-upload {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .file-upload {
    margin-top: var(--indent-size);
  }
}
.file-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .file-img {
    margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (max-width: 767px) {
  .file-img {
    margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) 0;
  }
}
.file-img__delete {
  position: absolute;
  z-index: 1;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .file-img__delete {
    right: var(--indent-size);
    top: var(--indent-size);
  }
}
@media only screen and (max-width: 767px) {
  .file-img__delete {
    right: calc(var(--indent-size) / 2);
    top: calc(var(--indent-size) / 2);
  }
}
.file-img__delete svg {
  fill: currentColor;
}
.file-img__item {
  position: relative;
  color: #FFFFFF;
  cursor: pointer;
}
.file-img__item:hover img.lazy {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (min-width: 768px) {
  .file-img__item {
    margin: calc(var(--grid-size) * 2) var(--grid-size) 0;
  }
}
@media only screen and (max-width: 767px) {
  .file-img__item {
    margin: var(--grid-size) calc(var(--grid-size) / 2) 0;
  }
}
@media only screen and (min-width: 1280px) {
  .file-img__item {
    width: calc(25% - calc(var(--grid-size) * 2));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .file-img__item {
    width: calc(16.666667% - calc(var(--grid-size) * 2));
  }
}
@media only screen and (max-width: 767px) {
  .file-img__item {
    width: calc(25% - var(--grid-size));
  }
}
.file-img__item .object-fit {
  background-color: #F2F2F2;
}
@media only screen and (min-width: 1920px) {
  .file-img__item .object-fit {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .file-img__item .object-fit {
    border-radius: var(--border-radius);
  }
}
.file label.error {
  top: 100%;
  font-weight: 400;
}

.color {
  position: relative;
}
.color:hover {
  color: #8E7D82;
}
.color__box {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(var(--box-size) * 6);
  height: calc(var(--box-size) * 6);
  background-color: #FFFFFF;
  border-radius: 50%;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.color__box svg {
  fill: #FFFFFF;
  opacity: 0;
  width: 11.141px;
  height: auto;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.color label:not(.error) {
  display: block;
  width: 100%;
  min-height: calc(var(--box-size) * 6);
  font-weight: 500;
  cursor: pointer;
  padding-left: calc(var(--indent-size) * 4);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.color input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: pointer;
}
.color input:checked ~ label {
  color: #E9164D;
}
.color input:checked ~ label .color__box svg {
  opacity: 1;
}
.color input.error ~ label .checkbox__box {
  border-color: #E9164D;
}
@media only screen and (min-width: 1920px) {
  .color:not([class*=_empty]) {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .color:not([class*=_empty]) {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .color:not([class*=_empty]) {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .color:not([class*=_empty]):not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .color:not([class*=_empty]):not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .color:not([class*=_empty]) .color__box {
    top: 1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .color:not([class*=_empty]) .color__box {
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .color:not([class*=_empty]) .color__box {
    top: -3px;
  }
}
.color_empty {
  font-size: 0;
  line-height: 1;
}
.color_empty label:not(.error) {
  padding-left: calc(var(--indent-size) * 3);
}
.color_empty .color__box {
  top: 0;
}
.color_white .color__box {
  border: 1px solid #8E7D82;
}
.color_white .color__box svg {
  fill: #8E7D82;
}

.btn {
  position: relative;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) {
  .btn {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .btn {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.btn > * {
  position: relative;
}
.btn:not(a) {
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.btn[disabled] {
  cursor: not-allowed;
}
.btn:not([class*=-stroke]) .btn__icon svg {
  fill: currentColor;
}
.btn-stroke .btn__icon svg {
  stroke: currentColor;
}
.btn:not(.border) {
  border: 0 none;
}
.btn.border {
  border: 1px solid transparent;
}
.btn:not([class*=-circle]) {
  padding: var(--indent-size) calc(var(--indent-size) * 3);
  /*&::before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    @include radius-size-16;
    transition: $basicTransition1;
  }*/
}
@media only screen and (min-width: 1920px) {
  .btn:not([class*=-circle]) {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .btn:not([class*=-circle]) {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .btn:not([class*=-circle]) {
    min-height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1919px) {
  .btn:not([class*=-circle]) {
    min-height: calc(var(--box-size) * 12);
  }
}
.btn:not([class*=-circle]):hover {
  /*&::before {
    left: 0;
    width: 100%;
  }*/
}
@media only screen and (min-width: 1920px) {
  .btn:not([class*=-circle]):hover {
    border-radius: calc(calc(var(--box-size) * 14) / 2);
  }
}
@media only screen and (max-width: 1919px) {
  .btn:not([class*=-circle]):hover {
    border-radius: calc(calc(var(--box-size) * 12) / 2);
  }
}
.btn:not([class*=-circle]):hover .btn__icon:last-child {
  left: calc(var(--indent-size) / 2);
}
.btn:not([class*=-circle]):active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.btn-circle {
  border-radius: 50%;
  padding: var(--indent-size) var(--indent-size);
}
@media only screen and (min-width: 1920px) {
  .btn-circle {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1919px) {
  .btn-circle {
    width: calc(var(--box-size) * 10);
    height: calc(var(--box-size) * 10);
  }
}
.btn.btn-red:not(.border) {
  background-color: #E9164D;
  color: #FFFFFF;
  /*&::before {
    background-color: rgba($color4, 0.5);
  }*/
}
.btn.btn-red:not(.border):hover {
  background-color: #E9164D;
  color: #FFFFFF;
}
.btn.btn-red.border {
  background-color: transparent;
  border-color: #E9164D;
  color: #E9164D;
}
.btn.btn-red.border:hover {
  background-color: transparent;
  border-color: #430315;
  color: #430315;
}
.btn.btn-light-red:not(.border) {
  background-color: #F6E2E6;
  color: #E9164D;
  /*&::before {
    background-color: rgba($color4, 0.3);
  }*/
}
.btn.btn-light-red:not(.border):hover {
  background-color: #F6E2E6;
  color: #E9164D;
}
.btn__text {
  position: relative;
  display: inline-block;
}
.btn__icon {
  position: relative;
  display: inline-block;
  font-size: 0;
  line-height: 1;
  margin-top: -1px;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 768px) {
  .btn__icon:not(:only-child):first-child {
    margin-right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .btn__icon:not(:only-child):first-child {
    margin-right: var(--indent-size);
  }
}
.btn__icon:not(:only-child):last-child {
  left: 0;
}
@media only screen and (min-width: 1920px) {
  .btn__icon:not(:only-child):last-child {
    margin-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .btn__icon:not(:only-child):last-child {
    margin-left: var(--indent-size);
  }
}
.btn-gift {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #F6E2E6;
  color: #E9164D;
  pointer-events: none;
  padding: var(--indent-size) calc(var(--indent-size) * 3);
}
@media only screen and (min-width: 1920px) {
  .btn-gift {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 1919px) {
  .btn-gift {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .btn-gift {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .btn-gift {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .btn-gift {
    min-height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1919px) {
  .btn-gift {
    min-height: calc(var(--box-size) * 12);
  }
}
@media only screen and (max-width: 767px) {
  .btn-gift {
    font-size: 0;
  }
}
.btn-gift .btn__text::before {
  content: attr(data-text);
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .btn-gift .btn__text::before {
    display: none;
  }
}
.btn-gift svg {
  fill: currentColor;
}

.t-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 12px;
  width: 100%;
  height: 48px;
  min-height: 24px;
  min-width: 102px;
  border: 1px solid transparent;
  background-color: #000;
  color: #fff;
  -webkit-filter: brightness(1);
  filter: brightness(1);
  will-change: filter;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.t-button:hover {
  -webkit-filter: brightness(0.7);
  filter: brightness(0.7);
}

.header_fixed .header-fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}
.header-fixed.headroom {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.header-fixed.headroom--not-top {
  background-color: #FFFFFF;
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .header-links {
    opacity: 0;
    pointer-events: none;
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .header-info {
    z-index: 1;
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .header-main {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  .header-fixed.headroom--not-top .header-main__nav {
    margin-left: calc(120px + calc(var(--indent-size) * 8));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .header-fixed.headroom--not-top .header-main__nav {
    margin-left: calc(100px + calc(var(--indent-size) * 6));
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .header-main__nav {
    height: inherit;
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .header-main .header__inner {
    height: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .header-fixed.headroom--not-top .header-event[data-type=search] {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .nav-menu {
    height: inherit;
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .nav-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: inherit;
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .nav-menu__item:not(:first-child) {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .nav-menu__item:first-child .nav-menu__link {
    height: inherit;
  }
}
@media only screen and (min-width: 1920px) {
  .header-fixed.headroom--not-top .nav-menu__item:first-child .nav-menu__link span:not([class]) {
    width: 194px;
    height: 44px;
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .header-fixed.headroom--not-top .nav-menu__item:first-child .nav-menu__link span:not([class]) {
    width: 156px;
    height: 36px;
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .nav-menu__item:first-child .nav-menu__link span:not([class]) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #E9164D;
    color: #FFFFFF;
    margin-top: -1px;
  }
}
@media only screen and (min-width: 1280px) {
  .header-fixed.headroom--not-top .nav-menu__link::after {
    height: 0;
  }
}
.header-fixed.headroom--pinned {
  -webkit-animation-name: slideDownHeadroom;
  animation-name: slideDownHeadroom;
}
.header-fixed.headroom--unpinned {
  -webkit-animation-name: slideUpHeadroom;
  animation-name: slideUpHeadroom;
}

@-webkit-keyframes slideDownHeadroom {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideDownHeadroom {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideUpHeadroom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideUpHeadroom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.help {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  line-height: 1;
  width: 24px;
  margin: -3px 0 0 calc(var(--indent-size) / 2);
}
@media only screen and (max-width: 1919px) {
  .help {
    width: 18px;
  }
}
.help:hover svg {
  fill: #E9164D;
}
.help:hover .help-tooltip {
  opacity: 1;
  pointer-events: all;
}
.help-tooltip {
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 1;
  width: 232px;
  opacity: 0;
  pointer-events: none;
  background-color: #FFFFFF;
  border: 1px solid #E9164D;
  font-weight: 500;
  color: #430315;
  -webkit-box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .help-tooltip {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .help-tooltip {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .help-tooltip {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .help-tooltip {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) {
  .help-tooltip {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .help-tooltip {
    padding: var(--indent-size);
  }
}
.help-tooltip a {
  color: #E9164D;
}
.help.help_active svg {
  fill: #E9164D;
}
.help svg {
  fill: #8E7D82;
  cursor: pointer;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}

.object-fit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .object-fit {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .object-fit {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .object-fit {
    border-radius: var(--border-radius);
  }
}
.object-fit img, .object-fit picture {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.object-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.img__inner, .video__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.img__inner:not([class*=object-]), .video__inner:not([class*=object-]) {
  overflow: hidden;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .img__inner:not([class*=object-]), .video__inner:not([class*=object-]) {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .img__inner:not([class*=object-]), .video__inner:not([class*=object-]) {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .img__inner:not([class*=object-]), .video__inner:not([class*=object-]) {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 767px) {
  .img-catalog, .video-catalog {
    height: unset;
  }
}

@media only screen and (min-width: 1920px) {
  .video:not([class$=_big]) .video-play__icon {
    width: calc(var(--box-size) * 24);
    height: calc(var(--box-size) * 24);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .video:not([class$=_big]) .video-play__icon {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .video:not([class$=_big]) .video-play__icon {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .video:not([class$=_big]) .video-play__icon {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (min-width: 1920px) {
  .video:not([class$=_big]) .video-play__icon::after {
    border-top: calc(var(--box-size) * 3) solid transparent;
    border-left: calc(var(--box-size) * 4) solid #FFFFFF;
    border-bottom: calc(var(--box-size) * 3) solid transparent;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .video:not([class$=_big]) .video-play__icon::after {
    border-top: calc(var(--box-size) * 2) solid transparent;
    border-left: calc(var(--box-size) * 3) solid #FFFFFF;
    border-bottom: calc(var(--box-size) * 2) solid transparent;
  }
}
@media only screen and (max-width: 767px) {
  .video:not([class$=_big]) .video-play__icon::after {
    border-top: calc(var(--box-size) / 2 * 3) solid transparent;
    border-left: calc(var(--box-size) * 2) solid #FFFFFF;
    border-bottom: calc(var(--box-size) / 2 * 3) solid transparent;
  }
}
@media only screen and (min-width: 1920px) {
  .video_big .video-play__icon {
    width: calc(var(--box-size) * 30);
    height: calc(var(--box-size) * 30);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .video_big .video-play__icon {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .video_big .video-play__icon {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .video_big .video-play__icon {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 1920px) {
  .video_big .video-play__icon::after {
    border-top: calc(var(--box-size) * 4) solid transparent;
    border-left: calc(var(--box-size) * 6) solid #FFFFFF;
    border-bottom: calc(var(--box-size) * 4) solid transparent;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .video_big .video-play__icon::after {
    border-top: calc(var(--box-size) * 2) solid transparent;
    border-left: calc(var(--box-size) * 3) solid #FFFFFF;
    border-bottom: calc(var(--box-size) * 2) solid transparent;
  }
}
@media only screen and (max-width: 767px) {
  .video_big .video-play__icon::after {
    border-top: calc(var(--box-size) / 2 * 3) solid transparent;
    border-left: calc(var(--box-size) * 2) solid #FFFFFF;
    border-bottom: calc(var(--box-size) / 2 * 3) solid transparent;
  }
}
.video.is-play .video-play {
  opacity: 0;
  z-index: -1;
}
.video.is-play iframe {
  opacity: 1;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.video video {
  width: 100% !important;
  height: auto !important;
}
.video-play {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.video-play:hover .video-play__icon {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.video-play::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.video-play__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: calc(var(--box-size) / 2) solid #FFFFFF;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.video-play__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
}

img, picture, .svg {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  background-color: #FCF4F4;
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}
.layer.layerActive {
  display: block !important;
  -webkit-animation: layerInUp 0.57s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  animation: layerInUp 0.57s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.layer.layerRemoving {
  -webkit-animation: layerOutUp 0.57s cubic-bezier(0.65, 0, 0.35, 1) forwards;
  animation: layerOutUp 0.57s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.layer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.layer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .layer__logo {
    width: calc(var(--box-size) * 30);
  }
}
.layer__logo-img {
  opacity: 1;
  font-size: 0;
  line-height: 1;
  -webkit-animation: logoOpacity 0.75s ease-in-out infinite alternate;
  animation: logoOpacity 0.75s ease-in-out infinite alternate;
}

body.loading {
  overflow: hidden;
}
body.loading .main-wrapper {
  opacity: 0;
}

@-webkit-keyframes layerInUp {
  from {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

@keyframes layerInUp {
  from {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@-webkit-keyframes layerOutUp {
  from {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
}
@keyframes layerOutUp {
  from {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
}
@-webkit-keyframes fadeInUpLayer {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUpLayer {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutUpLayer {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutUpLayer {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes logoOpacity {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes logoOpacity {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
img:not([src]):not([srcset]) {
  visibility: hidden;
}
img.lazy {
  opacity: 0;
  -webkit-transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
img.lazy:not([class*=anim]).loaded {
  opacity: 1;
}
@media only screen and (min-width: 1280px) {
  img.lazy.anim {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
img.lazy.anim.animated {
  opacity: 1;
}
@media only screen and (min-width: 1280px) {
  img.lazy.anim.animated {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.line {
  width: 100%;
  height: calc(var(--box-size) / 2);
  background-color: #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .line {
    margin: calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .line {
    margin: calc(var(--indent-size) * 10) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .line {
    margin: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (max-width: 767px) {
  .line {
    margin: calc(var(--indent-size) * 6) 0;
  }
}

.link-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E9164D;
  font-weight: 500;
}
@media only screen and (min-width: 1920px) {
  .link-next {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .link-next {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .link-next {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.link-next:hover {
  color: #F27C96;
}
.link-next:hover svg {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.link-next svg {
  stroke: currentColor;
  margin-left: var(--indent-size);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.load-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 1920px) {
  .load-btn {
    margin-top: calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .load-btn {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .load-btn {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .load-btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}

.logo {
  font-size: 0;
  line-height: 1;
  margin: 0 auto;
  /*&, &-link {
    transition: $basicTransition1;
  }*/
}
.logo-link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.logo img,
.logo svg {
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.logo svg {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.logo svg path {
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.logo svg .path-title {
  fill: #E9164D;
}
.logo svg .path-subtitle {
  fill: #8E7D82;
}

.map {
  position: relative;
  display: block;
  height: 0;
  padding-top: calc(800 / 1440 * 100%);
  overflow: hidden;
}
@media only screen and (min-width: 1920px) {
  .map {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .map {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .map {
    border-radius: var(--border-radius);
  }
}
.map__inner {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.map__inner > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.map [class*=ymaps-2][class*=-ground-pane] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
}

.minutiae {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8E7D82;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .minutiae {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .minutiae {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .minutiae {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.minutiae:first-child {
  margin-top: 0;
}
.minutiae:last-child {
  margin-bottom: 0;
}
.minutiae_right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.minutiae-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .minutiae-items {
    margin-top: calc(-1 * var(--grid-size));
  }
}
@media only screen and (max-width: 1919px) {
  .minutiae-items {
    margin-top: calc(-1 * calc(var(--grid-size) / 2));
  }
}
@media only screen and (min-width: 1920px) {
  .minutiae-items > * {
    margin: var(--grid-size) calc(var(--grid-size) * 2) 0 0;
  }
}
@media only screen and (max-width: 1919px) {
  .minutiae-items > * {
    margin: calc(var(--grid-size) / 2) var(--grid-size) 0 0;
  }
}
.minutiae-items > *:not(:last-child)::after {
  content: "";
  width: var(--box-size);
  height: var(--box-size);
  background-color: currentColor;
  border-radius: 50%;
}
@media only screen and (min-width: 1920px) {
  .minutiae-items > *:not(:last-child)::after {
    margin-left: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .minutiae-items > *:not(:last-child)::after {
    margin-left: var(--indent-size);
  }
}
.minutiae-items > *:last-child {
  margin-right: 0;
}
.minutiae-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
}
.minutiae-item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.minutiae-item svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  fill: currentColor;
}
@media only screen and (min-width: 1920px) {
  .minutiae-item svg {
    margin-right: var(--indent-size);
  }
}
@media only screen and (max-width: 1919px) {
  .minutiae-item svg {
    margin-right: calc(var(--indent-size) / 2);
  }
}
@media only screen and (min-width: 768px) {
  .minutiae-item svg {
    margin-top: -1px;
  }
}
@media only screen and (max-width: 767px) {
  .minutiae-item svg {
    margin-top: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .minutiae--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.outline {
  position: relative;
  white-space: nowrap;
}
.outline svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.outline path {
  stroke: #F27C96;
  stroke-width: 2px;
}
.outline-line {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.outline-line svg {
  display: block;
  width: calc(100% - calc(var(--box-size) * 8));
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .outline-line svg {
    position: absolute;
    left: calc(var(--indent-size) * 2);
    right: calc(var(--indent-size) * 2);
  }
}
.outline-line path {
  stroke: #F27C96;
}
@media only screen and (min-width: 768px) {
  .outline-line path {
    stroke-width: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .outline-line path {
    stroke-width: 2px;
  }
}

.btn-outline {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  text-align: center;
  color: #E9164D;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  /*&:not([class*='_h']) {
    path {
      &.path {
        &-3,
        &-4 {
          opacity: 0;
        }
      }
    }
  }*/
}
@media only screen and (min-width: 1920px) {
  .btn-outline {
    min-width: 222px;
    min-height: 108px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .btn-outline {
    min-width: 210px;
    min-height: 102px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .btn-outline {
    min-width: 200px;
    min-height: 108px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-outline {
    min-width: 188px;
    min-height: 92px;
  }
}
.btn-outline span {
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .btn-outline span {
    max-width: 172px;
  }
}
@media only screen and (max-width: 1919px) {
  .btn-outline span {
    max-width: 132px;
  }
}
.btn-outline svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  overflow: visible;
  /*& [class*='path-'] {
    transition: $basicTransition1;
  }*/
}
.btn-outline path {
  stroke: currentColor;
  stroke-width: 2px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.btn-outline path.path-opacity {
  opacity: 1;
}

[class*=outline] path {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 10000;
  stroke-dashoffset: 0;
  fill: none;
}
[class*=outline].animated path {
  -webkit-animation: dashOutline 15s ease;
  animation: dashOutline 15s ease;
}

@-webkit-keyframes dashOutline {
  from {
    stroke-dashoffset: 10000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dashOutline {
  from {
    stroke-dashoffset: 10000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .pagination-wrap {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .pagination-wrap {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .pagination-wrap {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.pagination-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 1920px) {
  .pagination-item {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (max-width: 1919px) {
  .pagination-item {
    width: calc(var(--box-size) * 9);
    height: calc(var(--box-size) * 9);
  }
}
@media only screen and (min-width: 768px) {
  .pagination-item {
    margin: 0 4px;
  }
}
.pagination-item.active .pagination-link {
  background-color: #FCF4F4;
  color: #E9164D;
}
.pagination-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 50%;
}
.pagination-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pagination-arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 1920px) {
  .pagination-arrow {
    margin: 0 calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .pagination-arrow {
    margin: 0 calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .pagination-arrow {
    margin: 0 calc(var(--indent-size) * 3);
  }
}
.pagination-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  outline: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .pagination-icon {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .pagination-icon {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .pagination-icon {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
.pagination-icon:not([class*=_disabled]) {
  border-color: #E9164D;
}
.pagination-icon:not([class*=_disabled]):hover {
  border-color: #F27C96;
}
.pagination-icon:not([class*=_disabled]):hover svg {
  stroke: #F27C96;
}
.pagination-icon:not([class*=_disabled]) svg {
  stroke: #E9164D;
}
.pagination-icon[class*=_disabled] {
  border-color: #8E7D82;
}
.pagination-icon[class*=_disabled] svg {
  stroke: #8E7D82;
}
.pagination-icon:not([class*=_disabled]) {
  cursor: pointer;
}
.pagination-icon[class*=_disabled] {
  opacity: 1;
  cursor: not-allowed;
}
.pagination-icon svg {
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.pagination-icon[data-type=prev] svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.pagination-icon[data-type=prev]:not([class*=_disabled]):hover svg {
  -webkit-transform: rotate(-180deg) translateX(4px);
  transform: rotate(-180deg) translateX(4px);
}
.pagination-icon[data-type=next]:not([class*=_disabled]):hover svg {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.modal__close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
  color: #8E7D82;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1280px) {
  .modal__close {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal__close {
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .modal__close {
    padding: calc(var(--indent-size) * 2);
  }
}
.modal__close:hover {
  color: #E9164D;
}
.modal__close svg {
  fill: currentColor;
}
@media only screen and (min-width: 1920px) {
  .modal__close svg {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal__close svg {
    width: calc(var(--box-size) * 9);
    height: calc(var(--box-size) * 9);
  }
}
@media only screen and (max-width: 767px) {
  .modal__close svg {
    width: calc(var(--box-size) * 6);
    height: calc(var(--box-size) * 6);
  }
}

.overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(74, 74, 80, 0.6);
}

@-webkit-keyframes fadeInUpOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUpOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutUpOverlay {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutUpOverlay {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*html {
  &.isScroll {
    .modal-open,
    .modalOpen {
      overflow: hidden;

      @include laptop-small-min {
        padding-right: 17px;
      }

      & .header {
        &-fixed {
          @include laptop-small-min {
            padding-right: 17px;
          }

          &.headroom {
            &--not-top {
              & .header {
                &-main {
                  @include laptop-small-min {
                    padding-right: 17px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}*/
@media only screen and (min-width: 1280px) {
  body.dis-scroll-full .header-fixed {
    padding-right: 17px;
  }
}
@media only screen and (min-width: 1280px) {
  body.dis-scroll-full .header-fixed.headroom--not-top .header-main {
    padding-right: 17px;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  padding-right: 0 !important;
}
.modal::-webkit-scrollbar {
  display: none;
}
.modal.fade .modal-dialog {
  -webkit-transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .modal:not([data-type=center]):not([data-size=big]) .modal-dialog {
    max-width: 880px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal:not([data-type=center]):not([data-size=big]) .modal-dialog {
    max-width: 640px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal:not([data-type=center]):not([data-size=big]) .modal-dialog {
    padding-left: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .modal:not([data-type=center]):not([data-size=big]) .modal-dialog {
    padding-left: calc(var(--grid-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .modal:not([data-type=center]):not([data-size=big]).fade .modal-dialog {
    -webkit-transform: translateX(880px);
    transform: translateX(880px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal:not([data-type=center]):not([data-size=big]).fade .modal-dialog {
    -webkit-transform: translateX(640px);
    transform: translateX(640px);
  }
}
@media only screen and (max-width: 1279px) {
  .modal:not([data-type=center]):not([data-size=big]).fade .modal-dialog {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.modal:not([data-type=center]):not([data-size=big]).show .modal-dialog {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 1920px) {
  .modal:not([data-type=center])[data-size=big] .modal-dialog {
    max-width: 1320px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal:not([data-type=center])[data-size=big] .modal-dialog {
    max-width: 1180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal:not([data-type=center])[data-size=big] .modal-dialog {
    padding-left: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .modal:not([data-type=center])[data-size=big] .modal-dialog {
    padding-left: calc(var(--grid-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .modal:not([data-type=center])[data-size=big].fade .modal-dialog {
    -webkit-transform: translateX(1320px);
    transform: translateX(1320px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal:not([data-type=center])[data-size=big].fade .modal-dialog {
    -webkit-transform: translateX(1180px);
    transform: translateX(1180px);
  }
}
@media only screen and (max-width: 1279px) {
  .modal:not([data-type=center])[data-size=big].fade .modal-dialog {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.modal:not([data-type=center])[data-size=big].show .modal-dialog {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.modal:not([data-type=center]) .modal-dialog {
  margin: 0 0 0 auto;
}
.modal:not([data-type=center]) .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
}
@media only screen and (min-width: 1920px) {
  .modal:not([data-type=center]) .modal-body {
    padding: calc(var(--indent-size) * 15) calc(var(--indent-size) * 15) calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal:not([data-type=center]) .modal-body {
    padding: calc(var(--indent-size) * 10) calc(var(--indent-size) * 8) calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal:not([data-type=center]) .modal-body {
    padding: calc(var(--indent-size) * 8) calc(var(--indent-size) * 6) calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal:not([data-type=center]) .modal-body {
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
.modal:not([data-type=center]) .modal-body::-webkit-scrollbar {
  width: 4px;
}
.modal:not([data-type=center]) .modal-body::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 100px;
}
.modal:not([data-type=center]) .modal-body::-webkit-scrollbar-thumb {
  background-color: #CBC8C8;
  border-radius: 100px;
}
@media only screen and (min-width: 768px) {
  .modal:not([data-type=center]) .logo-link {
    max-width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .modal:not([data-type=center]) .logo-link {
    max-width: 160px;
  }
}
@media only screen and (min-width: 1920px) {
  .modal:not([data-type=center]) h3 + p,
  .modal:not([data-type=center]) .h3 + p {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal:not([data-type=center]) h3 + p,
  .modal:not([data-type=center]) .h3 + p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .modal:not([data-type=center]) h3 + p,
  .modal:not([data-type=center]) .h3 + p {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1280px) {
  .modal:not([data-type=center]) h3 + p,
  .modal:not([data-type=center]) .h3 + p {
    max-width: 320px;
  }
}
.modal[data-type=center] .modal-dialog {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .modal[data-type=center] .modal-dialog {
    max-width: 880px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal[data-type=center] .modal-dialog {
    max-width: 640px;
  }
}
@media only screen and (max-width: 1279px) {
  .modal[data-type=center] .modal-dialog {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal[data-type=center] .modal-dialog {
    padding: 0 calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .modal[data-type=center] .modal-dialog {
    padding: 0 calc(var(--grid-size) * 2);
  }
}
.modal[data-type=center] .modal-content {
  text-align: center;
}
@media only screen and (min-width: 1920px) {
  .modal[data-type=center] .modal-content {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal[data-type=center] .modal-content {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .modal[data-type=center] .modal-content {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .modal[data-type=center] .modal-body {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal[data-type=center] .modal-body {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .modal[data-type=center] .modal-body {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal[data-type=center] .logo-link {
    width: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal[data-type=center] .logo-link {
    width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .modal[data-type=center] .logo-link {
    width: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .modal[data-type=center].fade .modal-dialog {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
  }
}
@media only screen and (max-width: 767px) {
  .modal[data-type=center].fade .modal-dialog {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
.modal[data-type=center].show .modal-dialog {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1920px) {
  .modal[data-type=center] h3 + p,
  .modal[data-type=center] .h3 + p {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal[data-type=center] h3 + p,
  .modal[data-type=center] .h3 + p {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .modal[data-type=center] h3 + p,
  .modal[data-type=center] .h3 + p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}

.modal-dialog {
  position: relative;
  height: 100%;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal-dialog-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 16px);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 16px);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 16px);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 16px);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  width: 100%;
  background-clip: padding-box;
  pointer-events: auto;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1);
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px 16px;
  border-bottom: 1px solid transparent;
}

.modal-close {
  position: absolute;
  z-index: 1;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.modal-close svg {
  fill: currentColor;
}

.modal-close:not(:disabled):not(.disabled):hover,
.modal-close:not(:disabled):not(.disabled):focus {
  outline: none;
  opacity: 0.75;
}

button.modal-close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  pointer-events: auto;
}

a.modal-close.disabled {
  pointer-events: none;
}

.modal-title {
  position: relative;
  width: 100%;
}

.modal-body {
  position: relative;
  width: 100%;
  height: 100%;
}

.modal-footer {
  position: relative;
  width: 100%;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog-scrollable {
    max-height: calc(100% - 16px);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 16px);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 16px);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 16px);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
/* *** */
.modal-backdrop {
  background-color: rgba(74, 74, 80, 0.6);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.fade.show {
  opacity: 1;
}

.modal-content {
  background-color: #FFFFFF;
}

.modal:not(.is-success) .modal-success {
  display: none;
}
.modal.is-success .modal-start {
  display: none;
}
.modal-steps:not(.is-success) {
  margin-left: 0;
}
.modal-steps.is-success {
  margin-left: -100%;
}

.modal-start {
  height: 100%;
  overflow: hidden;
}
.modal-finish {
  height: 100%;
}
.modal-steps {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200%;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.modal-step {
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal-empty {
  border-top: 2px solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .modal-empty {
    margin: calc(var(--indent-size) * 10) calc(-1 * calc(var(--indent-size) * 15)) 0;
    padding: calc(var(--indent-size) * 10) calc(var(--indent-size) * 15) 0;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal-empty {
    margin: calc(var(--indent-size) * 8) calc(-1 * calc(var(--indent-size) * 8)) 0;
    padding: calc(var(--indent-size) * 8) calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal-empty {
    margin: calc(var(--indent-size) * 6) calc(-1 * calc(var(--indent-size) * 6)) 0;
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 6) 0;
  }
}
@media only screen and (max-width: 767px) {
  .modal-empty {
    margin: calc(var(--indent-size) * 4) calc(-1 * calc(var(--indent-size) * 2)) 0;
    padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 2) 0;
  }
}
@media only screen and (min-width: 1920px) {
  .modal-text {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal-text {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal-text {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.modal-text:first-child {
  margin-top: 0;
}
.modal-text:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1280px) {
  .modal-text article > :not([class]) {
    min-width: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .modal-btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal-btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .modal-btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.modal-hint {
  position: relative;
  z-index: 1;
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .modal-hint {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal-hint {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .modal-hint {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 768px) {
  .modal-hint {
    margin: calc(var(--indent-size) * 2) 0;
  }
}
@media only screen and (max-width: 767px) {
  .modal-hint {
    margin: var(--indent-size) 0;
  }
}
.modal-hint:first-child {
  margin-top: 0;
}
.modal-hint:last-child {
  margin-bottom: 0;
}
.modal-hint_right {
  text-align: right;
}
.modal-hint a {
  color: inherit;
}
.modal-prev {
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .modal-prev {
    margin: 64px 0 calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal-prev {
    margin: 48px 0 calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal-prev {
    margin: 32px 0 calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .modal-prev {
    margin: 24px 0 calc(var(--indent-size) * 4);
  }
}
.modal-prev:first-child {
  margin-top: 0;
}
.modal-prev:last-child {
  margin-bottom: 0;
}
.modal-icon {
  display: block;
}
@media only screen and (min-width: 1920px) {
  .modal-icon {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal-icon {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal-icon {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  .modal-icon {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 1920px) {
  .modal-icon {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal-icon {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .modal-icon {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.modal-inner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 1920px) {
  .modal-inner {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal-inner {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal-inner {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.modal-inner:first-child {
  margin-top: 0;
}
.modal-inner:last-child {
  margin-bottom: 0;
}
.modal-agreement {
  margin: auto 0 0;
}
@media only screen and (min-width: 1920px) {
  .modal-static {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal-static {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal-static {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.modal-static .max-width {
  max-width: 640px;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .modal-form {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal-form {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal-form {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.modal-form:first-child {
  margin-top: 0;
}
.modal-form:last-child {
  margin-bottom: 0;
}
.modal-head {
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .modal .basket-items {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal .basket-items {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal .basket-items {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .modal .basket-items {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal .basket-items {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal .basket-items {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
.modal .basket-ordering {
  background-color: #FFFFFF;
}
@media only screen and (min-width: 1920px) {
  .modal .basket-ordering {
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 15);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal .basket-ordering {
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal .basket-ordering {
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .modal .basket-ordering {
    padding: var(--indent-size) calc(var(--indent-size) * 2);
  }
}
.modal .basket-ordering:not(.is-sticky) {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1920px) {
  .modal .basket-ordering:not(.is-sticky) {
    margin: auto calc(-1 * calc(var(--indent-size) * 15)) calc(-1 * calc(var(--indent-size) * 6));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .modal .basket-ordering:not(.is-sticky) {
    margin: auto calc(-1 * calc(var(--indent-size) * 8)) calc(-1 * calc(var(--indent-size) * 6));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .modal .basket-ordering:not(.is-sticky) {
    margin: auto calc(-1 * calc(var(--indent-size) * 6)) calc(-1 * calc(var(--indent-size) * 4));
  }
}
@media only screen and (max-width: 767px) {
  .modal .basket-ordering:not(.is-sticky) {
    margin: auto calc(-1 * calc(var(--indent-size) * 2)) calc(-1 * calc(var(--indent-size) * 2));
  }
}
.modal .basket-ordering.is-sticky {
  position: absolute;
  left: 0;
  right: 4px;
  bottom: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .modal .basket-ordering.is-sticky {
    padding-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .modal .basket-ordering.is-sticky {
    padding-bottom: var(--indent-size);
  }
}
@media only screen and (min-width: 1920px) {
  .modal .basket__groups {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal .basket__groups {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal .basket__groups {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .modal .basket__present {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1;
  }
}
@media only screen and (max-width: 1279px) {
  .modal .basket__present {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1920px) {
  .modal .search-city {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal .search-city {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal .search-city {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .modal .shop-map {
    margin-top: calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal .shop-map {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal .shop-map {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .modal .shop-contacts {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal .shop-contacts {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal .shop-contacts {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .modal .shop-img {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal .shop-img {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal .shop-img {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .modal .pickup-items {
    margin-top: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .modal .pickup-items {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 767px) {
  .modal .pickup-items {
    margin-top: calc(var(--indent-size) * 3);
  }
}
.modal .pickup-right {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.modal .pickup-right::-webkit-scrollbar {
  width: 4px;
}
.modal .pickup-right::-webkit-scrollbar-track {
  background-color: #F6E2E6;
  border-radius: 100px;
}
.modal .pickup-right::-webkit-scrollbar-thumb {
  background-color: #E9164D;
  border-radius: 100px;
}
.modal h3 + p,
.modal .h3 + p {
  color: #8E7D82;
}
.modal h3 + p a,
.modal .h3 + p a {
  color: #E9164D;
}

@supports (-webkit-touch-callout: none) {
  .modal-body {
    overscroll-behavior-y: none;
  }
}
.popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  right: -100%;
  top: calc(var(--indent-size) * 8);
  z-index: 1051;
  background-color: #FFFFFF;
  border: 1px solid #E9164D;
  font-weight: 500;
  -webkit-transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .popup {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .popup {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .popup {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .popup {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .popup {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .popup {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.popup.is-open {
  right: 0;
}
@media only screen and (min-width: 1920px) {
  .popup {
    width: 528px;
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 8) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .popup {
    width: 428px;
  }
}
@media only screen and (max-width: 1919px) {
  .popup {
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 4) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .popup {
    width: calc(100% - calc(var(--grid-size) * 4));
  }
}
@media only screen and (min-width: 1920px) {
  .popup:not([class*="--static"]) .popup-content h5,
  .popup:not([class*="--static"]) .popup-content .h5 {
    max-height: 68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .popup:not([class*="--static"]) .popup-content h5,
  .popup:not([class*="--static"]) .popup-content .h5 {
    max-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .popup:not([class*="--static"]) .popup-content h5,
  .popup:not([class*="--static"]) .popup-content .h5 {
    max-height: 56px;
  }
}
@media only screen and (min-width: 1920px) {
  .popup[class*="--static"] {
    padding-right: calc(var(--indent-size) * 3);
  }
}
.popup__close {
  position: absolute;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
  color: #8E7D82;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .popup__close {
    right: calc(var(--indent-size) * 2);
    top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .popup__close {
    right: var(--indent-size);
    top: var(--indent-size);
  }
}
.popup__close:hover {
  color: #E9164D;
}
.popup__close svg {
  fill: currentColor;
}
.popup-favorite, .popup-feedback-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: fixed;
  right: -100%;
  top: calc(var(--indent-size) * 8);
  z-index: 1051;
  background-color: #FFFFFF;
  border: 1px solid #E9164D;
  font-weight: 500;
  -webkit-transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .popup-favorite, .popup-feedback-success {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .popup-favorite, .popup-feedback-success {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .popup-favorite, .popup-feedback-success {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .popup-favorite, .popup-feedback-success {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .popup-favorite, .popup-feedback-success {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .popup-favorite, .popup-feedback-success {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.popup-favorite.is-open, .popup-feedback-success.is-open {
  right: 0;
}
@media only screen and (min-width: 1920px) {
  .popup-favorite, .popup-feedback-success {
    width: 528px;
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 8) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .popup-favorite, .popup-feedback-success {
    width: 428px;
  }
}
@media only screen and (max-width: 1919px) {
  .popup-favorite, .popup-feedback-success {
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 4) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .popup-favorite, .popup-feedback-success {
    width: calc(100% - calc(var(--grid-size) * 4));
  }
}
.popup-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.popup-picture {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .popup-picture {
    width: calc(var(--box-size) * 30);
  }
}
@media only screen and (max-width: 1919px) {
  .popup-picture {
    width: calc(var(--box-size) * 20);
  }
}
.popup-img {
  padding-top: 111.6666666667%;
}
.popup-img .object-fit {
  background-color: #F2F2F2;
}
@media only screen and (min-width: 1920px) {
  .popup-img .object-fit {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .popup-img .object-fit {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
.popup-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (min-width: 1920px) {
  .popup-content {
    padding-left: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .popup-content {
    padding-left: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .popup-content {
    padding-left: calc(var(--indent-size) * 2);
  }
}
.popup-content h5,
.popup-content .h5 {
  overflow: hidden;
  font-weight: inherit;
}
.popup-content h5:not(:first-child),
.popup-content .h5:not(:first-child) {
  margin-top: 0;
}
.popup-content h5:not(:last-child),
.popup-content .h5:not(:last-child) {
  margin-bottom: 0;
}
.popup-content a {
  color: #E9164D;
}

.audio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.audio span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.audio svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: -1px;
}
@media only screen and (min-width: 1920px) {
  .audio svg {
    margin-right: var(--indent-size);
  }
}
@media only screen and (max-width: 1919px) {
  .audio svg {
    margin-right: calc(var(--indent-size) / 2);
  }
}
.audio audio {
  display: none;
}

.player {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FCF4F4;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (min-width: 1920px) {
  .player {
    border-radius: calc(var(--border-radius) * 3);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .player {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .player {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .player {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 1920px) {
  .player {
    padding: calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .player {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .player {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .player {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
.player-play {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #E9164D;
  border-radius: 50%;
  cursor: pointer;
  color: #FFFFFF;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .player-play {
    width: calc(var(--box-size) * 28);
    height: calc(var(--box-size) * 28);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .player-play {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .player-play {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .player-play {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
.player-play:hover {
  background-color: #430315;
}
.player-play svg {
  fill: currentColor;
}
.player-volume {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
  line-height: 1;
}
.player-volume__btn {
  display: inline-block;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
  color: #8E7D82;
}
.player-volume__btn svg {
  width: 28px;
  height: auto;
  fill: currentColor;
}
@media only screen and (max-width: 767px) {
  .player-volume__btn svg {
    width: 32px;
  }
}
.player-volume__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 135px;
  background-color: rgba(67, 3, 21, 0.4);
  position: absolute;
  left: -1px;
  bottom: calc(var(--indent-size) * 4);
}
@media only screen and (min-width: 1920px) {
  .player-volume__controls {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .player-volume__controls {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
.player-volume__controls.top {
  left: -1px;
  bottom: calc(var(--indent-size) * 4);
}
.player-volume__controls.hidden {
  display: none;
}
.player-volume .slider {
  width: var(--box-size);
  margin: 16px 0;
}
.player-volume .progress {
  bottom: 0;
  height: 100%;
  width: 4px;
}
.player-volume .pin {
  left: -10px;
  top: -12px;
}
.player-info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (min-width: 1920px) {
  .player-info {
    margin: 0 calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .player-info {
    margin: 0 calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .player-info {
    margin: 0 calc(var(--indent-size) * 2);
  }
}
.player-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500;
  color: #8E7D82;
  margin: 4px 0 0;
}
@media only screen and (min-width: 1920px) {
  .player-time {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .player-time {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .player-time {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.player-progress {
  padding: var(--indent-size) 0;
}
.player-progress__line {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  cursor: pointer;
  background-color: #F6E2E6;
  border-radius: 500px;
}
.player-progress__line-size {
  position: absolute;
  background-color: #E9164D;
  border-radius: inherit;
  pointer-events: none;
}
.player-progress__pin {
  position: absolute;
  width: calc(var(--box-size) * 6);
  height: calc(var(--box-size) * 6);
  background-color: #E9164D;
  border: 3px solid #FCF4F4;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.player-progress__pin:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.player-progress .slider {
  height: var(--box-size);
}
.player-progress .progress {
  width: 0;
  height: 100%;
}
.player-progress .pin {
  right: -12px;
  top: -10px;
}
.player__title {
  font-weight: 600;
  margin: var(--indent-size) 0 var(--indent-size);
}
@media only screen and (min-width: 1920px) {
  .player__title {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .player__title {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 767px) {
  .player__title {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}
@media only screen and (min-width: 1920px) {
  .price:not([class*=_big]):not([class*=_small]) .price-now {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .price:not([class*=_big]):not([class*=_small]) .price-now {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .price:not([class*=_big]):not([class*=_small]) .price-now {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .price:not([class*=_big]):not([class*=_small]) .price-old {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .price:not([class*=_big]):not([class*=_small]) .price-old {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .price:not([class*=_big]):not([class*=_small]) .price-old {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 768px) {
  .price:not([class*=_big]):not([class*=_small]) > *:not(:last-child) {
    margin-right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .price:not([class*=_big]):not([class*=_small]) > *:not(:last-child) {
    margin-right: var(--indent-size);
  }
}
@media only screen and (min-width: 1920px) {
  .price[class*=_big] .price-now {
    font-size: 48px;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .price[class*=_big] .price-now {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .price[class*=_big] .price-now {
    font-size: 30px;
    line-height: 1.2666666667;
  }
}
@media only screen and (max-width: 767px) {
  .price[class*=_big] .price-now {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (min-width: 1920px) {
  .price[class*=_big] .price-old {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .price[class*=_big] .price-old {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .price[class*=_big] .price-old {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .price[class*=_big] > *:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .price[class*=_big] > *:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .price[class*=_big] > *:not(:last-child) {
    margin-right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .price[class*=_small] .price-now {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .price[class*=_small] .price-now {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .price[class*=_small] .price-now {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .price[class*=_small] .price-old {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .price[class*=_small] .price-old {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1920px) {
  .price[class*=_small] > *:not(:last-child) {
    margin-right: var(--indent-size);
  }
}
@media only screen and (max-width: 1919px) {
  .price[class*=_small] > *:not(:last-child) {
    margin-right: calc(var(--indent-size) / 2);
  }
}
.price-now {
  color: #430315;
}
.price-old {
  color: #8E7D82;
}
@media only screen and (max-width: 767px) {
  .price_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.quantity {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.quantity__nav {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  width: calc(var(--box-size) * 8);
  height: calc(var(--box-size) * 8);
  background-color: #F6E2E6;
  border-radius: 50%;
  color: #E9164D;
  font-weight: 600;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .quantity__nav {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .quantity__nav {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .quantity__nav {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.quantity__nav:hover {
  background-color: #F27C96;
  color: #FFFFFF;
}
.quantity__nav::before, .quantity__nav::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: currentColor;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.quantity__nav.el-minus::before {
  width: 12px;
  height: calc(var(--box-size) / 2);
}
.quantity__nav.el-plus::before {
  width: 12px;
  height: calc(var(--box-size) / 2);
}
.quantity__nav.el-plus::after {
  width: calc(var(--box-size) / 2);
  height: 12px;
}
.quantity__control {
  background: none;
  border: 0 none;
  width: calc(var(--box-size) * 12);
  margin: 0;
  padding: 0;
  outline: none;
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 1920px) {
  .quantity__control {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .quantity__control {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .quantity__control {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}

.rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.rating:not([data-type=rating]) .rating-stars {
  margin-right: 0;
}
.rating[data-type=rating] {
  color: #E9164D;
}
.rating[data-type=rating] a {
  color: inherit;
  border-bottom: 1px solid transparent;
}
.rating[data-type=rating] a:hover {
  border-bottom-color: currentColor;
}
.rating-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.rating-star {
  font-size: 0;
  line-height: 1;
}
.rating-star:last-child svg {
  margin-right: 0;
}
.rating:not([class*=_big]) .rating-stars {
  margin: 0 var(--indent-size) 0 0;
}
@media only screen and (min-width: 1920px) {
  .rating_big {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .rating_big {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .rating_big {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .rating_big {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.rating_big .rating-stars {
  margin: 0 calc(var(--indent-size) * 2) 0 0;
}
@media only screen and (max-width: 767px) {
  .rating_big .rating-star svg {
    width: calc(var(--box-size) * 8);
    height: calc(var(--box-size) * 8);
  }
}
.rating svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  fill: #E9164D;
  margin: -1px var(--indent-size) 0 0;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1920px) {
  .row {
    margin: calc(-1 * calc(var(--grid-size) * 8)) calc(-1 * calc(var(--grid-size) * 2)) 0;
  }
}
@media only screen and (max-width: 1919px) {
  .row {
    margin: calc(-1 * calc(var(--grid-size) * 4)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (min-width: 1920px) {
  .row[class*=_big] {
    margin-left: calc(-1 * calc(var(--grid-size) * 4));
    margin-right: calc(-1 * calc(var(--grid-size) * 4));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .row[class*=_big] {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
@media only screen and (max-width: 1279px) {
  .row[class*=_big] {
    margin-left: calc(-1 * var(--grid-size));
    margin-right: calc(-1 * var(--grid-size));
  }
}
@media only screen and (min-width: 1920px) {
  .row[class*=_big] > [class*=col-] {
    padding-left: calc(var(--grid-size) * 4);
    padding-right: calc(var(--grid-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .row[class*=_big] > [class*=col-] {
    padding-left: calc(var(--grid-size) * 2);
    padding-right: calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .row[class*=_big] > [class*=col-] {
    padding-left: var(--grid-size);
    padding-right: var(--grid-size);
  }
}
.row[class*=_near] {
  margin-left: 0;
  margin-right: 0;
}
.row[class*=_near] > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
@media only screen and (min-width: 1920px) {
  .col {
    margin: calc(var(--grid-size) * 8) 0 0;
    padding: 0 calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 1919px) {
  .col {
    margin: calc(var(--grid-size) * 4) 0 0;
    padding: 0 var(--grid-size);
  }
}
.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.col-20 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.share {
  font-size: 0;
  line-height: 1;
  display: none;
  background-color: transparent;
  border: none;
}
@media only screen and (max-width: 767px) {
  .share {
    display: block;
  }
}
.share-tooltiped {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .share-tooltiped {
    display: none;
  }
}
.share-tooltiped:hover .share-tooltip {
  opacity: 1;
  pointer-events: all;
}
.share-tooltiped svg {
  fill: #8E7D82;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.share-tooltiped .share-wrap {
  padding: 20px;
}
.share-tooltiped .share-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.share-tooltiped .share-item {
  font-size: 24px;
}
.share-tooltip {
  position: absolute;
  top: 25px;
  bottom: auto;
  right: 0;
  z-index: 101;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
  pointer-events: none;
  background-color: #FFFFFF;
  border: 1px solid #E9164D;
  font-weight: 500;
  color: #430315;
  -webkit-box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .share-tooltip {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .share-tooltip {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .share-tooltip {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .share-tooltip {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) {
  .share-tooltip {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .share-tooltip {
    padding: var(--indent-size);
  }
}
.share:hover svg {
  fill: #E9164D;
}
.share.share_active svg {
  fill: #E9164D;
}
.share svg {
  fill: #8E7D82;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.share-fixed {
  display: none;
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  border-top: 1px solid #E9164D;
  border-radius: 24px 24px 0 0;
  z-index: 101;
  width: 100%;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .share-fixed {
    height: 60%;
  }
}
@media only screen and (min-width: 1920px) {
  .share-wrap {
    padding: calc(var(--indent-size) * 30) 0 calc(var(--indent-size) * 30);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .share-wrap {
    padding: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 15);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .share-wrap {
    padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 10);
  }
}
@media only screen and (max-width: 767px) {
  .share-wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 8);
  }
}
.share-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 992px) {
  .share-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .share-items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 calc(-1 * var(--indent-size));
  }
}
@media only screen and (max-width: 767px) {
  .share-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 40%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 576px) {
  .share-items {
    width: 70%;
  }
}
.share-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: top;
  font-weight: 600;
  gap: 24px;
  background-color: transparent;
  border: none;
  color: #430315;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media only screen and (min-width: 1920px) {
  .share-item {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .share-item {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .share-item {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  .share-item {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
.share-item:hover {
  color: #E9164D;
  text-decoration: none;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.share-item:hover svg {
  fill: #E9164D;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.share-item svg {
  fill: #430315;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 992px) {
  .share-item {
    margin: 0 var(--indent-size);
  }
}
@media only screen and (max-width: 992px) {
  .share-item {
    margin: calc(var(--indent-size) / 2 * 3) 0;
  }
}

body.shareActive .share-fixed {
  display: block !important;
  -webkit-animation: fadeInUpShare 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeInUpShare 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}
@media only screen and (min-width: 768px) {
  body.shareActive .overlay {
    display: block !important;
    -webkit-animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
    animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  }
}
@media only screen and (max-width: 767px) {
  body.shareActive .overlay {
    display: block !important;
    z-index: 100;
    -webkit-animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
    animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  }
}
body.shareRemoving .share-fixed {
  -webkit-animation: fadeOutUpShare 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeOutUpShare 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}
@media only screen and (min-width: 768px) {
  body.shareRemoving .overlay {
    -webkit-animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
    animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  }
}

@-webkit-keyframes fadeInUpShare {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUpShare {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutUpShare {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutUpShare {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.slider-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  outline: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.slider-btn:not([class*=_white]):not(.swiper-button-disabled) {
  border-color: #F27C96;
}
.slider-btn:not([class*=_white]):not(.swiper-button-disabled):hover {
  border-color: #E9164D;
}
.slider-btn:not([class*=_white]):not(.swiper-button-disabled):hover svg {
  stroke: #E9164D;
}
.slider-btn:not([class*=_white]):not(.swiper-button-disabled) svg {
  stroke: #F27C96;
}
.slider-btn:not([class*=_white]).swiper-button-disabled {
  border-color: #8E7D82;
}
.slider-btn:not([class*=_white]).swiper-button-disabled svg {
  stroke: #8E7D82;
}
.slider-btn:not([class*=_white])[class*=_bg] {
  background-color: #FFFFFF;
}
.slider-btn[class*=_white] {
  background-color: rgba(255, 255, 255, 0.6);
  border-color: #FFFFFF;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.slider-btn[class*=_white]:not(.swiper-button-disabled):hover svg {
  stroke: #E9164D;
}
.slider-btn[class*=_white] svg {
  stroke: #FFFFFF;
}
@media only screen and (min-width: 1920px) {
  .slider-btn:not([class*=_big]) {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .slider-btn:not([class*=_big]) {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .slider-btn:not([class*=_big]) {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 1920px) {
  .slider-btn[class*=_big] {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .slider-btn[class*=_big] {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .slider-btn[class*=_big] {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
.slider-btn:not(.swiper-button-disabled) {
  cursor: pointer;
}
.slider-btn.swiper-button-disabled {
  opacity: 1;
  cursor: not-allowed;
}
.slider-btn svg {
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.slider-btn[data-type=prev] svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.slider-btn[data-type=prev]:not(.swiper-button-disabled):hover svg {
  -webkit-transform: rotate(-180deg) translateX(4px);
  transform: rotate(-180deg) translateX(4px);
}
.slider-btn[data-type=next]:not(.swiper-button-disabled):hover svg {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.slider-items {
  position: relative;
}
.slider-arrows {
  position: absolute;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .slider-arrows {
    width: calc(var(--box-size) * 16);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .slider-arrows {
    width: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1279px) {
  .slider-arrows {
    width: calc(var(--box-size) * 12);
  }
}
.slider-arrows[data-type=prev] {
  left: 0;
}
.slider-arrows[data-type=next] {
  right: 0;
}
.slider-pagination {
  font-size: 0;
  line-height: 1;
}
.slider-pagination .swiper-pagination-bullet {
  width: calc(var(--box-size) * 3);
  height: calc(var(--box-size) * 3);
  background-color: #F6E2E6;
  background-clip: content-box;
  opacity: 1;
  padding: 2px;
  margin: 0 var(--indent-size);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.slider-pagination .swiper-pagination-bullet-active {
  background-color: #E9164D;
  padding: 0;
}

.arrow-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid currentColor;
  cursor: pointer;
  padding: var(--indent-size) var(--indent-size);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .arrow-btn {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1919px) {
  .arrow-btn {
    width: calc(var(--box-size) * 10);
    height: calc(var(--box-size) * 10);
  }
}
.arrow-btn svg {
  stroke: currentColor;
}
.arrow-btn[data-type=prev] svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.socials_white .socials-icons__item svg {
  fill: #FFFFFF;
}
.socials_white .socials-icons__item:hover svg {
  fill: #F27C96;
}
.socials:not([class*=_white]) .socials-icons__item {
  border-color: #E9164D;
}
.socials:not([class*=_white]) .socials-icons__item svg {
  fill: #E9164D;
}
.socials:not([class*=_white]) .socials-icons__item:hover {
  border-color: #F27C96;
}
.socials:not([class*=_white]) .socials-icons__item:hover svg {
  fill: #F27C96;
}
@media only screen and (min-width: 1920px) {
  .socials_big .socials-icons {
    margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) * 2)) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .socials_big .socials-icons {
    margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2 * 3)) 0;
  }
}
@media only screen and (max-width: 767px) {
  .socials_big .socials-icons {
    margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (min-width: 1920px) {
  .socials_big .socials-icons__item {
    width: calc(var(--box-size) * 30);
    height: calc(var(--box-size) * 30);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .socials_big .socials-icons__item {
    width: calc(var(--box-size) * 20);
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .socials_big .socials-icons__item {
    width: calc(var(--box-size) * 16);
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .socials_big .socials-icons__item {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 1920px) {
  .socials_big .socials-icons__item {
    margin: var(--grid-size) calc(var(--grid-size) * 2) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .socials_big .socials-icons__item {
    margin: var(--grid-size) calc(var(--grid-size) / 2 * 3) 0;
  }
}
@media only screen and (max-width: 767px) {
  .socials_big .socials-icons__item {
    margin: var(--grid-size) var(--grid-size) 0;
  }
}
.socials:not([class*=_big]) .socials-icons {
  margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) 0;
}
.socials:not([class*=_big]) .socials-icons__item {
  margin: var(--grid-size) var(--grid-size) 0;
}
@media only screen and (min-width: 1920px) {
  .socials:not([class*=_big]) .socials-icons__item {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (max-width: 1919px) {
  .socials:not([class*=_big]) .socials-icons__item {
    width: calc(var(--box-size) * 9);
    height: calc(var(--box-size) * 9);
  }
}
.socials-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.socials-icons__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 50%;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.socials-icons__item:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.socials-icons__item svg {
  max-width: 50%;
  width: auto;
  height: auto;
  max-height: 50%;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.socials-label {
  display: inline-block;
  vertical-align: top;
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .socials-label {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .socials-label {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) {
  .socials-label {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .socials-label {
    margin-bottom: var(--indent-size);
  }
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1920px) {
  .tags:not([class*=_small]) {
	display: block;
	width: 40px;
    margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0;
  }
}
@media only screen and (max-width: 1919px) {
  .tags:not([class*=_small]) {
	display: block;
	width: 40px;
	margin: -14px 0 0 -10px;
  }
}
@media only screen and (min-width: 1920px) {
  .tags:not([class*=_small]) .tag-item {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1919px) {
  .tags:not([class*=_small]) .tag-item {
    width: calc(var(--box-size) * 10);
    height: calc(var(--box-size) * 10);
  }
}
@media only screen and (min-width: 1920px) {
  .tags:not([class*=_small]) .tag-item {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .tags:not([class*=_small]) .tag-item {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1920px) {
  .tags:not([class*=_small]) .tag-item {
    margin: calc(var(--grid-size) * 2) var(--grid-size) 0;
  }
}
@media only screen and (max-width: 1919px) {
  .tags:not([class*=_small]) .tag-item {
    margin: var(--grid-size) calc(var(--grid-size) / 2) 0;
  }
}
.tags_small {
  margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) 0;
}
.tags_small .tag-item {
  width: calc(var(--box-size) * 9);
  height: calc(var(--box-size) * 9);
  font-size: 11px;
  line-height: 1.4545454545;
  margin: var(--grid-size) calc(var(--grid-size) / 2) 0;
}

.tag-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  text-align: center;
  font-weight: 600;
  color: #FFFFFF;
  overflow: hidden;
}
.tag-item_new {
  background-color: #7EE07B;
}
.tag-item_discount {
  background-color: #E9164D;
}
.tag-item_installment-plan {
  background-color: #F7CF64;
}

.tabs-wrap {
  position: relative;
  z-index: 1;
}
.tabs-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.tabs-items--full {
  overflow: visible;
}
.tabs-item {
  white-space: nowrap;
  position: relative;
}
.tabs-item.active {
  cursor: default;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.fade {
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.wow {
  visibility: visible !important;
}

.burger {
  position: relative;
  z-index: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1280px) {
  .burger {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.burger_active .burger__line {
  background-color: #8E7D82;
}
.burger_active .burger__line:nth-child(1) {
  -webkit-transform: translate(0, 6px) rotate(-45deg);
  transform: translate(0, 6px) rotate(-45deg);
}
.burger_active .burger__line:nth-child(2) {
  opacity: 0;
}
.burger_active .burger__line:nth-child(3) {
  -webkit-transform: translate(0, -6px) rotate(45deg);
  transform: translate(0, -6px) rotate(45deg);
}
.burger:not([class*=_active]) .burger__line {
  background-color: #8E7D82;
}
.burger__line {
  position: relative;
  width: 20px;
  height: 2px;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.burger__line:not(:last-child) {
  margin-bottom: 4px;
}

.city {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  background-color: #FFFFFF;
  border: 1px solid #E9164D;
  font-weight: 500;
  color: #430315;
}
@media only screen and (min-width: 1920px) {
  .city {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .city {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (max-width: 767px) {
  .city {
    border-radius: var(--border-radius);
  }
}
@media only screen and (min-width: 768px) {
  .city {
    padding: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .city {
    padding: calc(var(--indent-size) * 2);
  }
}
.city.is-hide {
  display: none;
}
@media only screen and (min-width: 768px) {
  .city {
    min-width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .city {
    min-width: 223px;
    margin-top: var(--indent-size);
  }
}
@media only screen and (min-width: 1920px) {
  .city-btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .city-btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.city-btn .btn {
  width: 100%;
}
.city-btn .btn:not(:last-child) {
  margin-bottom: var(--indent-size);
}
.city__label {
  display: block;
  color: #8E7D82;
}
@media only screen and (min-width: 1920px) {
  .city__label {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .city__label {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .city__label {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.city__name {
  display: block;
}
@media only screen and (min-width: 1920px) {
  .city__name {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .city__name {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .city__name {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}

body.sidebarActive .header-main {
  -webkit-animation: slideInLeftSidebar 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: slideInLeftSidebar 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}
@media only screen and (max-width: 767px) {
  body.sidebarActive .header-info {
    background-color: #FFFFFF;
  }
}
@media only screen and (max-width: 767px) {
  body.sidebarActive .header-event[data-type=search] {
    background-color: rgba(255, 255, 255, 0.6);
  }
}
@media only screen and (max-width: 767px) {
  body.sidebarActive .header-fixed[class*="--not-top"] .header-event[data-type=search] {
    display: inline-block;
  }
}
body.sidebarActive .menu {
  z-index: 1;
}
body.sidebarRemoving .header-main {
  -webkit-animation: slideOutLeftSidebar 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: slideOutLeftSidebar 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}
@media only screen and (max-width: 767px) {
  body.sidebarRemoving .header-info {
    background-color: transparent;
  }
}
@media only screen and (max-width: 767px) {
  body.sidebarRemoving .header-event[data-type=search] {
    background-color: transparent;
  }
}
@media only screen and (max-width: 767px) {
  body.sidebarRemoving .header-fixed[class*="--not-top"] .header-event[data-type=search] {
    display: none;
  }
}

@-webkit-keyframes slideInLeftSidebar {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}

@keyframes slideInLeftSidebar {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@-webkit-keyframes slideOutLeftSidebar {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
@keyframes slideOutLeftSidebar {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.megaMenu {
  overflow: hidden;
  font-weight: 500;
  cursor: default;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  /*&-items {
    @include laptop-small-min {
      height: 100%;
    }
  }*/
}
@media only screen and (min-width: 1920px) {
  .megaMenu {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu {
    display: block !important;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu {
    display: block !important;
    position: fixed;
    left: 100%;
    top: 0;
    z-index: 1;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #FFFFFF;
  }
  .megaMenu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1920px) {
  .megaMenu::before {
    height: calc(var(--box-size) * 40);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1919px) {
  .megaMenu::before {
    height: calc(var(--box-size) * 30);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-all {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-all {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-all {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.megaMenu-all a {
  display: block;
}
.megaMenu-title {
  font-weight: 600;
}
@media only screen and (min-width: 1280px) {
  .megaMenu-title {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-title {
    font-size: 54px;
    line-height: 1.2962962963;
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-title {
    font-size: 24px;
    line-height: 1.4166666667;
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
.megaMenu-title__arrow {
  font-size: 0;
  line-height: 1;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-title__arrow {
    margin-right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-title__arrow {
    margin-right: var(--indent-size);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-title__arrow svg {
    width: calc(var(--box-size) * 8);
    height: calc(var(--box-size) * 8);
  }
}
.megaMenu-inner {
  background-color: #FFFFFF;
  overflow: hidden;
  -webkit-transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1);
  -webkit-transition-property: height, padding-top, padding-bottom;
  transition-property: height, padding-top, padding-bottom;
}

@media only screen and (min-width: 1920px) {
  .megaMenu-inner {
    padding: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 6);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-inner {
    padding: calc(var(--indent-size) * 3) 0 calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-inner{
    display: none;
  }
  .megaMenuActive .megaMenu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu-inner {
    height: 100%;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-inner {
    padding: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-inner {
    padding: 150px 0 84px;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-inner .content > .row {
    height: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu-inner .row > [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.megaMenu-inner::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog {
    height: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog__all {
    display: none;
  }
}
.megaMenu-catalog__link {
  display: block;
}
.megaMenu-catalog__link a {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 1920px) {
  .megaMenu-catalog__left {
    margin-right: -64px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-catalog__left {
    margin-right: -32px;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog__left {
    position: relative;
    height: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog__left::before {
    content: "";
    position: absolute;
    left: 0;
    background-color: #FCF4F4;
    border-radius: 0 50% 50% 0/0px 50% 50% 0px;
    pointer-events: none;
  }
}
@media only screen and (min-width: 1920px) {
  .megaMenu-catalog__left::before {
    top: calc(-1 * (calc(var(--indent-size) * 6) + var(--path-percent)));
    bottom: calc(-1 * (calc(var(--indent-size) * 6) + var(--path-percent)));
    right: 64px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-catalog__left::before {
    top: calc(-1 * (calc(var(--indent-size) * 3) + var(--path-percent)));
    bottom: calc(-1 * (calc(var(--indent-size) * 3) + var(--path-percent)));
    right: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog__left::after {
    content: "";
    position: absolute;
    right: 100%;
    width: calc(var(--vw, 1vw) * 100);
    background-color: #FCF4F4;
    pointer-events: none;
  }
}
@media only screen and (min-width: 1920px) {
  .megaMenu-catalog__left::after {
    top: calc(-1 * (calc(var(--indent-size) * 6) + var(--path-percent)));
    bottom: calc(-1 * (calc(var(--indent-size) * 6) + var(--path-percent)));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-catalog__left::after {
    top: calc(-1 * (calc(var(--indent-size) * 3) + var(--path-percent)));
    bottom: calc(-1 * (calc(var(--indent-size) * 3) + var(--path-percent)));
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog__list {
    position: relative;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog__list li {
    cursor: pointer;
  }
}
@media only screen and (min-width: 1920px) {
  .megaMenu-catalog__list li:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-catalog__list li:not(:last-child) {
    padding-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-catalog__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-catalog__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu-catalog__list a {
    position: relative;
    display: block;
  }
}
.megaMenu-catalog__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog__arrow {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-catalog__arrow svg {
    width: calc(var(--box-size) * 8);
    height: calc(var(--box-size) * 8);
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog .row {
    height: inherit;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-catalog .row > [class*=col-] {
    height: inherit;
  }
}
.megaMenu-item {
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1280px) {
  .megaMenu-item {
    position: relative;
    display: none;
    opacity: 0;
    left: calc(-1 * calc(var(--grid-size) * 2));
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu-item {
    position: fixed;
    left: 100%;
    top: 0;
    z-index: 98;
    width: 100%;
    height: 100vh;
    background-color: #FFFFFF;
    overflow: hidden;
    overflow-y: auto;
  }
  .megaMenu-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1920px) {
  .megaMenu-item::before {
    height: calc(var(--box-size) * 24);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-item::before {
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-item::before {
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 767px) {
  .megaMenu-item::before {
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-item {
    padding: calc(var(--indent-size) * 15) calc(var(--grid-size) * 3) calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-item {
    padding: 150px calc(var(--grid-size) * 2) 84px;
  }
}
.megaMenu-item::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .megaMenu-item.megaMenuActive {
    left: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-item.megaMenuItemActive {
    display: block !important;
    -webkit-animation: fadeInLeftMegaMenuItem 0.75s cubic-bezier(0.76, 0, 0.24, 1) forwards;
    animation: fadeInLeftMegaMenuItem 0.75s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-column {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-menu {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
  }
}
@media only screen and (min-width: 1920px) {
  .megaMenu-menu:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-menu:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-menu:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-menu:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.megaMenu-menu__title {
  display: block;
}
@media only screen and (min-width: 1920px) {
  .megaMenu-menu__title {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-menu__title {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu-menu__title {
    position: relative;
  }
}
@media only screen and (min-width: 1920px) {
  .megaMenu-menu__title:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-menu__title:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-menu__title:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-menu__title:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.megaMenu-menu__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  font-size: 0;
  line-height: 1;
}
@media only screen and (min-width: 1280px) {
  .megaMenu-menu__arrow {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-menu__arrow svg {
    width: calc(var(--box-size) * 8);
    height: calc(var(--box-size) * 8);
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu-menu.megaMenuActive .megaMenu-submenu {
    left: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-other {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
  }
}
@media only screen and (min-width: 1920px) {
  .megaMenu-other:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-other:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-other:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-other:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-other__list {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 1920px) {
  .megaMenu-other__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .megaMenu-other__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-other__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu-submenu {
    position: fixed;
    left: 100%;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100vh;
    background-color: #FFFFFF;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
    transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  }
  .megaMenu-submenu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1920px) {
  .megaMenu-submenu::before {
    height: calc(var(--box-size) * 24);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-submenu::before {
    height: calc(var(--box-size) * 20);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-submenu::before {
    height: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 767px) {
  .megaMenu-submenu::before {
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-submenu {
    padding: calc(var(--indent-size) * 15) calc(var(--grid-size) * 3) calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-submenu {
    padding: 150px calc(var(--grid-size) * 2) calc(var(--indent-size) * 4);
  }
}
.megaMenu-submenu::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .megaMenu-submenu__all {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-submenu__list {
    color: #8E7D82;
  }
}
@media only screen and (min-width: 1920px) {
  .megaMenu-submenu__list li:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-submenu__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-submenu__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-submenu__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.megaMenu-submenu__list a {
  color: inherit;
}
@media only screen and (min-width: 1280px) {
  .megaMenu-submenu__list a:hover {
    color: #E9164D;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-right {
    position: relative;
    height: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu-right {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-right::before, .megaMenu-right::after {
    content: "";
    position: absolute;
    background-color: #FCF4F4;
  }
}
@media only screen and (min-width: 1920px) {
  .megaMenu-right::before, .megaMenu-right::after {
    top: calc(-1 * (calc(var(--indent-size) * 12) + var(--path-percent)));
    bottom: calc(-1 * (calc(var(--indent-size) * 12) + var(--path-percent)));
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-right::before, .megaMenu-right::after {
    top: calc(-1 * (calc(var(--indent-size) * 8) + var(--path-percent)));
    bottom: calc(-1 * (calc(var(--indent-size) * 8) + var(--path-percent)));
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-right::before {
    left: 0;
    right: 0;
    border-radius: 50% 0 0 50%/50% 0px 0px 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .megaMenu-right::after {
    left: 100%;
    width: calc(var(--vw, 1vw) * 100);
  }
}
.megaMenu-right .card-item {
  position: relative;
}
.megaMenu-category {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #430315;
  /*@include desktop-large-min {
    min-height: 354px;
  }
  @include desktop-large-laptop-small {
    min-height: 302px;
  }*/
}
.megaMenu-category__inner {
  width: 100%;
}
.megaMenu-category__icon {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
}
@media only screen and (min-width: 1920px) {
  .megaMenu-category__icon {
    font-size: 48px;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .megaMenu-category__icon {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .megaMenu-category__icon {
    font-size: 30px;
    line-height: 1.2666666667;
  }
}
@media only screen and (max-width: 767px) {
  .megaMenu-category__icon {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
.megaMenu-category h4:not(:first-child),
.megaMenu-category .h4:not(:first-child) {
  margin-top: 0;
}
@media only screen and (max-width: 1279px) {
  .megaMenu .row {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1279px) {
  .megaMenu .row > [class*=col-] {
    margin-top: 0;
  }
}
.megaMenu .content {
  position: static;
}

@media only screen and (min-width: 1280px) {
  body.megaMenuActive .overlay {
    display: block !important;
    -webkit-animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
    animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  }
}
body.megaMenuActive .header-fixed {
  background-color: white;
  -webkit-animation: 0.3s ease all;
  animation: 0.3s ease all;
}
@media only screen and (min-width: 1280px) {
  body.megaMenuRemoving .overlay {
    -webkit-animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
    animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  }
}
body.megaMenuRemoving .header-fixed {
  background-color: transparent;
  -webkit-animation: 0.5s ease all;
  animation: 0.5s ease all;
}

@-webkit-keyframes fadeInUpMegaMenu {
  from {
    pointer-events: none;
  }
  to {
    pointer-events: all;
  }
}

@keyframes fadeInUpMegaMenu {
  from {
    pointer-events: none;
  }
  to {
    pointer-events: all;
  }
}
@-webkit-keyframes fadeOutUpMegaMenu {
  from {
    pointer-events: all;
  }
  to {
    pointer-events: none;
  }
}
@keyframes fadeOutUpMegaMenu {
  from {
    pointer-events: all;
  }
  to {
    pointer-events: none;
  }
}
@-webkit-keyframes fadeInLeftMegaMenuItem {
  from {
    opacity: 0;
    left: calc(-1 * calc(var(--grid-size) * 2));
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInLeftMegaMenuItem {
  from {
    opacity: 0;
    left: calc(-1 * calc(var(--grid-size) * 2));
  }
  to {
    opacity: 1;
    left: 0;
  }
}
.menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20%;
  font-weight: 500;
  text-align: center;
  padding: var(--indent-size);
}
@media only screen and (min-width: 768px) {
  .menu-item {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 767px) {
  .menu-item {
    font-size: 11px;
    line-height: 1.4545454545;
  }
}
.menu-item_active {
  color: #E9164D;
}
.menu-item__title {
  display: block;
}
.menu-item__icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 1;
}
.menu-item__icon svg {
  fill: currentColor;
}
@media only screen and (max-width: 767px) {
  .menu-item__icon svg {
    width: calc(var(--box-size) * 6);
    height: auto;
  }
}
.menu-item__count {
  position: absolute;
  right: calc(-1 * calc(var(--indent-size) / 2));
  top: calc(-1 * calc(var(--indent-size) / 2));
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: calc(var(--box-size) / 2 * 9);
  height: calc(var(--box-size) / 2 * 9);
  text-align: center;
  background-color: #E9164D;
  border-radius: 50%;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0 calc(var(--indent-size) / 2);
}

.nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1280px) {
  .nav-menu {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% + calc(var(--grid-size) * 2));
    margin: 0 calc(-1 * var(--grid-size));
    overflow-x: auto;
  }
}
@media only screen and (max-width: 1279px) {
  .nav-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.nav-menu__arrow {
  font-size: 0;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
@media only screen and (min-width: 1280px) {
  .nav-menu__arrow {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .nav-menu__arrow svg {
    width: calc(var(--box-size) * 8);
    height: calc(var(--box-size) * 8);
  }
}
.nav-menu__item {
  /*&:first-child {
    margin-left: 0;
  }

  &:last-child {
    margin-right: 0;
  }*/
  /*&[data-type='drop'] {
    &:hover {
      & .megaMenu {
        @include laptop-small-min {
          opacity: 1;
          pointer-events: all;
        }
      }
    }
  }*/
  /*&.megaMenuActive {
    & .megaMenu {
      @include laptop-small-min {
        display: block !important;
        animation: fadeInUpMegaMenu 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards;
      }
    }
  }*/
  /*&.megaMenuRemoving {
    & .megaMenu {
      @include laptop-small-min {
        animation: fadeOutUpMegaMenu 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards;
      }
    }
  }*/
}
@media only screen and (min-width: 1280px) {
  .nav-menu__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 48px;
    margin: 0 var(--grid-size);
  }
}
@media only screen and (max-width: 1279px) {
  .nav-menu__item.megaMenuActive .megaMenu {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .nav-menu__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .nav-menu__item:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (max-width: 1279px) {
  .nav-menu__item:not([class*=_catalog]) {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .nav-menu__item:not([class*=_active]):hover .nav-menu__link {
    color: #E9164D;
  }
}
@media only screen and (min-width: 1280px) {
  .nav-menu__item:not([class*=_active]):hover .nav-menu__link::after {
    opacity: 1;
  }
}
.nav-menu__item_active .nav-menu__link {
  cursor: default;
}
@media only screen and (min-width: 1280px) {
  .nav-menu__item_active .nav-menu__link {
    color: #E9164D;
  }
}
@media only screen and (min-width: 1280px) {
  .nav-menu__item_active .nav-menu__link::after {
    opacity: 1;
  }
}
@media only screen and (min-width: 1920px) {
  .nav-menu__item:not(.is-load) .megaMenu-inner {
    min-height: calc(var(--headerHeight) + 96px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .nav-menu__item:not(.is-load) .megaMenu-inner {
    min-height: calc(var(--headerHeight) + 48px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-menu__item.megaMenuHide .megaMenu-inner {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.nav-menu__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1280px) {
  .nav-menu__link {
    z-index: 2;
    height: 100%;
  }
}
@media only screen and (max-width: 1279px) {
  .nav-menu__link {
    font-weight: 600;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .nav-menu__link {
    font-size: 54px;
    line-height: 1.2962962963;
  }
}
@media only screen and (max-width: 767px) {
  .nav-menu__link {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 1280px) {
  .nav-menu__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #E9164D;
    height: 1px;
    opacity: 0;
    -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
    transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  }
}
.nav-menu__link span:not([class]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1280px) {
  .nav-menu__link span:not([class]) > svg {
    margin-right: var(--indent-size);
    margin-top: -1px;
  }
}
@media only screen and (max-width: 1279px) {
  .nav-menu__link span:not([class]) > svg {
    display: none;
  }
}
.nav-menu__link svg {
  fill: currentColor;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.search {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101;
  width: 100%;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 1279px) {
  .search {
    height: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .search-hint {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-hint {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .search-hint {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1920px) {
  .search-city .search-popular {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-city .search-popular {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .search-city .search-popular {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .search-city .search-hint {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .search-city .search-hint {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .search-top {
    padding: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 15);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .search-top {
    padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 10);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .search-top {
    padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 8);
  }
}
@media only screen and (max-width: 767px) {
  .search-top {
    padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 4);
  }
}
.search-bottom {
  border-top: 2px solid #F6E2E6;
}
@media only screen and (min-width: 1920px) {
  .search-bottom {
    padding: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-bottom {
    padding: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (max-width: 767px) {
  .search-bottom {
    padding: calc(var(--indent-size) * 3) 0;
  }
}
.search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.search-form:not(.is-active) .search-form__clear {
  display: none;
}
.search-form.is-active .search-form__btn {
  display: none;
}
.search-form__input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (min-width: 1920px) {
  .search-form__input {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-form__input {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .search-form__input {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.search-form__input input {
  display: block;
  width: 100%;
  height: auto;
  font-weight: 600;
  color: #430315;
  background: none;
  border: 0 none;
  outline: none;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .search-form__input input {
    font-size: 56px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .search-form__input input {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .search-form__input input {
    font-size: 36px;
    line-height: 1.2222222222;
  }
}
@media only screen and (max-width: 767px) {
  .search-form__input input {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
.search-form__input input::-webkit-input-placeholder {
  color: #CBC8C8;
}
.search-form__input input::-moz-placeholder {
  color: #CBC8C8;
}
.search-form__input input:-ms-input-placeholder {
  color: #CBC8C8;
}
.search-form__input input::-ms-input-placeholder {
  color: #CBC8C8;
}
.search-form__input input::placeholder {
  color: #CBC8C8;
}
.search-form__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .search-form__btns {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-form__btns {
    width: calc(var(--box-size) * 9);
    height: calc(var(--box-size) * 9);
  }
}
@media only screen and (max-width: 767px) {
  .search-form__btns {
    width: calc(var(--box-size) * 6);
    height: calc(var(--box-size) * 6);
  }
}
.search-form__clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FCF4F4;
  border-radius: 50%;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .search-form__clear {
    width: 32px;
    height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .search-form__clear {
    width: 24px;
    height: 24px;
  }
}
.search-form__clear svg {
  fill: #F27C96;
}
@media only screen and (min-width: 768px) {
  .search-form__clear svg {
    width: calc(var(--box-size) * 6);
    height: calc(var(--box-size) * 6);
  }
}
@media only screen and (max-width: 767px) {
  .search-form__clear svg {
    width: calc(var(--box-size) * 4);
    height: calc(var(--box-size) * 4);
  }
}
.search-form__btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: none;
  border: 0 none;
  font-size: 0;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  outline: none;
  color: #E9164D;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.search-form__btn:hover {
  color: #E9164D;
}
.search-form__btn svg {
  fill: currentColor;
}
@media only screen and (min-width: 1920px) {
  .search-form__btn svg {
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-form__btn svg {
    width: calc(var(--box-size) * 9);
    height: calc(var(--box-size) * 9);
  }
}
@media only screen and (max-width: 767px) {
  .search-form__btn svg {
    width: calc(var(--box-size) * 6);
    height: calc(var(--box-size) * 6);
  }
}
@media only screen and (min-width: 1920px) {
  .search-popular__list {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-popular__list {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .search-popular__list {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 1280px) {
  .search-popular__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) / 2 * 3);
  }
}
@media only screen and (max-width: 1279px) {
  .search-popular__list li:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .search-popular h6,
  .search-popular .h6 {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.search-results__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .search-results__top {
    margin-bottom: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-results__top {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .search-results__top {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.search-results__scroll {
  overflow: hidden;
  overflow-y: auto;
}
@media only screen and (min-width: 1920px) {
  .search-results__scroll {
    margin-bottom: calc(-1 * calc(var(--indent-size) * 8));
    padding: 0 calc(var(--indent-size) * 4) calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-results__scroll {
    margin-bottom: calc(-1 * calc(var(--indent-size) * 4));
    padding: 0 calc(var(--indent-size) * 3) calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) {
  .search-results__scroll {
    max-height: 392px;
  }
}
@media only screen and (max-width: 767px) {
  .search-results__scroll {
    max-height: calc(100vh - 196px);
    max-height: calc(var(--vh, 1vh) * 100 - 196px);
    margin-bottom: calc(-1 * calc(var(--indent-size) * 3));
    padding: 0 calc(var(--indent-size) * 2) calc(var(--indent-size) * 10) 0;
  }
}
.search-results__scroll::-webkit-scrollbar {
  width: 4px;
}
.search-results__scroll::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 100px;
}
.search-results__scroll::-webkit-scrollbar-thumb {
  background-color: #CBC8C8;
  border-radius: 100px;
}
.search-types {
  font-weight: 600;
}
.search-type {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .search-type:not(:last-child) {
    margin-right: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-type:not(:last-child) {
    margin-right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .search-type:not(:last-child) {
    margin-right: calc(var(--indent-size) * 2);
  }
}
.search-type.active {
  color: #E9164D;
}
.search-type__count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: calc(var(--box-size) * 6);
  height: calc(var(--box-size) * 6);
  text-align: center;
  background-color: #E9164D;
  border-radius: 50%;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0 calc(var(--indent-size) / 2);
  margin: 0 0 0 var(--indent-size);
}
@media only screen and (min-width: 1920px) {
  .search-type__count {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .search-type__count {
    font-size: 12px;
    line-height: 1.5;
  }
}
.search-cards[data-type=cards] .search-card__img {
  padding-top: 112.5%;
}
@media only screen and (min-width: 1920px) {
  .search-cards[data-type=cards] .search-card__img .object-fit {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .search-cards[data-type=cards] .search-card__img .object-fit {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
.search-cards[data-type=news] .search-card__img {
  padding-top: 112.5%;
}
@media only screen and (min-width: 1920px) {
  .search-cards[data-type=news] .search-card__img .object-fit {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .search-cards[data-type=news] .search-card__img .object-fit {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
.search-cards[data-type=guide] .search-card__img {
  padding-top: 56.25%;
}
.search-cards[data-type=guide] .search-card__img .object-fit {
  border-radius: calc(var(--border-radius) / 2);
}
.search-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .search-card {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-card {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
@media only screen and (max-width: 767px) {
  .search-card {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (min-width: 768px) {
  .search-card {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .search-card {
    margin-bottom: var(--indent-size);
  }
}
.search-card:hover .search-card__btn {
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .search-card:not(:last-child) {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .search-card:not(:last-child) {
    margin-bottom: var(--indent-size);
  }
}
.search-card__picture {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  .search-card__picture {
    width: calc(var(--box-size) * 16);
  }
}
@media only screen and (max-width: 767px) {
  .search-card__picture {
    width: calc(var(--box-size) * 14);
  }
}
.search-card__category {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FCF4F4;
}
@media only screen and (min-width: 768px) {
  .search-card__category {
    padding: calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .search-card__category {
    padding: var(--indent-size);
  }
}
.search-card__category svg {
  stroke: currentColor;
}
.search-card__img .object-fit {
  background-color: #F2F2F2;
}
.search-card__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media only screen and (min-width: 1920px) {
  .search-card__content {
    padding: 0 calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-card__content {
    padding: 0 calc(var(--indent-size) * 2);
  }
}
@media only screen and (max-width: 767px) {
  .search-card__content {
    padding-left: calc(var(--indent-size) / 2 * 3);
  }
}
.search-card__title {
  display: block;
}
.search-card__btn {
  background-color: #E9164D;
  color: #FFFFFF;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .search-card__btn {
    width: calc(var(--box-size) * 14);
    height: calc(var(--box-size) * 14);
  }
}
@media only screen and (max-width: 1919px) {
  .search-card__btn {
    width: calc(var(--box-size) * 10);
    height: calc(var(--box-size) * 10);
  }
}
@media only screen and (min-width: 1920px) {
  .search-card__btn {
    border-radius: var(--border-radius);
  }
}
@media only screen and (max-width: 1919px) {
  .search-card__btn {
    border-radius: calc(var(--border-radius) / 4 * 3);
  }
}
@media only screen and (min-width: 768px) {
  .search-card__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .search-card__btn {
    display: none;
  }
}
.search-card__btn svg {
  stroke: currentColor;
}
.search-card .price {
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .search__link-next {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background-color: #FFFFFF;
    border-top: 2px solid #F6E2E6;
    padding: var(--indent-size) calc(var(--grid-size) * 2);
  }
}
.search-empty__title {
  display: block;
}
@media only screen and (min-width: 1920px) {
  .search-empty__title {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .search-empty__title {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .search-empty__title {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .search-empty__title {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .search-empty__btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .search-empty__btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .search-empty__btn {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.search .max-width {
  max-width: 880px;
  margin: 0 auto;
}
.search .content {
  position: static;
}

body.searchActive .search {
  display: block !important;
  -webkit-animation: fadeInUpSearch 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeInUpSearch 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}
@media only screen and (min-width: 1280px) {
  body.searchActive .overlay {
    display: block !important;
    -webkit-animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
    animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  }
}
body.searchRemoving .search {
  -webkit-animation: fadeOutUpSearch 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeOutUpSearch 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}
@media only screen and (min-width: 1280px) {
  body.searchRemoving .overlay {
    -webkit-animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
    animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  }
}

@-webkit-keyframes fadeInUpSearch {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUpSearch {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutUpSearch {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutUpSearch {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.stories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .stories {
    padding-left: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .stories {
    padding-left: calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .stories::after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .stories::after {
    width: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .stories::after {
    width: calc(var(--grid-size) * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .stories-wrap {
    overflow: hidden;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .stories-wrap {
    margin-left: calc(-1 * calc(var(--grid-size) * 3));
    margin-right: calc(-1 * calc(var(--grid-size) * 3));
  }
}
@media only screen and (max-width: 767px) {
  .stories-wrap {
    margin-left: calc(-1 * calc(var(--grid-size) * 2));
    margin-right: calc(-1 * calc(var(--grid-size) * 2));
  }
}
.stories-wrap::-webkit-scrollbar {
  display: none;
}
.stories-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: nowrap;
  text-align: center;
  color: inherit;
  margin: 0 var(--indent-size);
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.stories-item:hover {
  color: #E9164D;
}
.stories-item:hover .stories-item__icon {
  border-color: #E9164D;
}
.stories-item_active {
  color: #E9164D;
}
.stories-item_active .stories-item__icon {
  border-color: currentColor;
}
.stories-item:first-child {
  margin-left: 0;
}
.stories-item:last-child {
  margin-right: 0;
}
.stories-item__icon {
  border: 1px solid #8E7D82;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
@media only screen and (min-width: 1920px) {
  .stories-item__icon {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .stories-item__icon {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .stories-item__icon {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .stories-item__icon {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1920px) {
  .stories-item__icon {
    width: 80px;
  }
}
@media only screen and (max-width: 1919px) {
  .stories-item__icon {
    width: 64px;
  }
}
@media only screen and (min-width: 768px) {
  .stories-item__icon {
    padding: calc(var(--indent-size) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .stories-item__icon {
    padding: calc(var(--indent-size) / 4);
  }
}
.stories-item__icon .img {
  border-radius: 50%;
  overflow: hidden;
}
.stories-item__icon .img__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
}
.stories-item__name {
  display: block;
  margin-top: 4px;
}
@media only screen and (min-width: 1920px) {
  .stories-item__name {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
@media only screen and (max-width: 1919px) {
  .stories-item__name {
    font-size: 12px;
    line-height: 1.5;
  }
}
.stories-icon {
  border: 1px solid transparent;
  border-radius: 50%;
  font-weight: 400;
  padding: 1px;
  -webkit-transition: 0.45s ease-out;
  transition: 0.45s ease-out;
}
@media only screen and (max-width: 767px) {
  .stories-icon {
    border-color: #E9164D;
    width: calc(var(--box-size) * 10);
    height: calc(var(--box-size) * 10);
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
.stories-icon__name {
  margin-left: var(--indent-size);
}
.stories-icon .img {
  border-radius: 50%;
  overflow: hidden;
}
.stories-icon .img__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
}
.stories-fixed {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.stories-fixed .logo-link {
  position: absolute;
  color: inherit;
}
@media only screen and (min-width: 1920px) {
  .stories-fixed .logo-link {
    left: calc(var(--grid-size) * 4);
    top: calc(var(--indent-size) * 3);
    width: 120px;
  }
}
@media only screen and (max-width: 1919px) {
  .stories-fixed .logo-link {
    top: calc(var(--indent-size) * 2);
    width: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-fixed .logo-link {
    left: calc(var(--grid-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .stories-fixed .logo-link {
    left: calc(var(--grid-size) * 2);
    display: none;
  }
}
.stories-fixed .logo-link svg .path-title {
  fill: currentColor;
}
.stories-fixed .modal__close {
  color: currentColor;
}
@media only screen and (max-width: 767px) {
  .stories-fixed .modal__close {
    top: calc(var(--indent-size) * 3);
  }
}
.stories-bg {
  position: absolute;
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
}
.stories-bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.stories-bg.object-fit {
  border-radius: 0;
}
.stories-bg img {
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
.stories-items {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1920px) {
  .stories-items {
    padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-items {
    padding: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 4);
  }
}
.stories-height {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1920px) {
  .stories-height {
    max-height: 952px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-height {
    max-height: 656px;
  }
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  .stories-height {
    height: 90vh;
    max-height: 660px;
  }
}
@media only screen and (max-width: 413px) {
  .stories-height {
    max-height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .stories-slide:not(.swiper-slide-active) .stories-box {
    cursor: pointer;
  }
}
@media only screen and (min-width: 768px) {
  .stories-slide:not(.swiper-slide-active) .stories-box::before {
    opacity: 1;
    pointer-events: all;
  }
}
@media only screen and (min-width: 1920px) {
  .stories-slide:not(.swiper-slide-active) .stories-box__content {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-slide:not(.swiper-slide-active) .stories-box__content {
    padding: var(--indent-size) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .stories-slide:not(.swiper-slide-active) .stories-box__top {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .stories-slide:not(.swiper-slide-active) .stories-icon {
    width: calc(var(--box-size) * 10);
    height: calc(var(--box-size) * 10);
    border-color: #8E7D82;
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 1920px) {
  .stories-slide:not(.swiper-slide-active) .stories-poster__title {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .stories-slide:not(.swiper-slide-active) .stories-poster__title {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .stories-slide:not(.swiper-slide-active) .stories-poster__title {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (min-width: 1920px) {
  .stories-slide:not(.swiper-slide-active) .stories-poster__desc {
    font-size: 18px;
    line-height: 1.5555555556;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .stories-slide:not(.swiper-slide-active) .stories-poster__desc {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .stories-slide:not(.swiper-slide-active) .stories-poster__desc {
    font-size: 16px;
    line-height: 1.75;
  }
}
@media only screen and (min-width: 768px) {
  .stories-slide:not(.swiper-slide-active) .stories-poster__desc {
    margin-top: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .stories-slide:not(.swiper-slide-active) .stories-poster__code {
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) {
  .stories-slide:not(.swiper-slide-active) .stories-lines {
    opacity: 0;
  }
}
@media only screen and (min-width: 1920px) {
  .stories-slide:not(.swiper-slide-active) {
    padding: calc(var(--indent-size) * 8) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-slide:not(.swiper-slide-active) {
    padding: calc(var(--indent-size) * 4) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-slide.swiper-slide-active .stories-box:not([data-type=poster]) .stories-box__content {
    padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-slide.swiper-slide-active .stories-box[data-type=poster] .stories-box__content {
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 1920px) {
  .stories-slide.swiper-slide-active .stories-box__content {
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 1920px) {
  .stories-slide.swiper-slide-active .stories-box__top {
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-slide.swiper-slide-active .stories-box__top {
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .stories-slide.swiper-slide-active .stories-icon {
    border-color: #E9164D;
    width: calc(var(--box-size) * 12);
    height: calc(var(--box-size) * 12);
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 1920px) {
  .stories-slide.swiper-slide-active .stories-poster__title {
    font-size: 32px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .stories-slide.swiper-slide-active .stories-poster__title {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .stories-slide.swiper-slide-active .stories-poster__title {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (min-width: 1920px) {
  .stories-slide.swiper-slide-active .stories-poster__desc {
    font-size: 24px;
    line-height: 1.4166666667;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  .stories-slide.swiper-slide-active .stories-poster__desc {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .stories-slide.swiper-slide-active .stories-poster__desc {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) {
  .stories-slide.swiper-slide-active .stories-poster__desc {
    margin-top: calc(var(--indent-size) * 2);
  }
}
.stories-slide.swiper-slide {
  -webkit-transition-property: padding, -webkit-transform;
  transition-property: padding, -webkit-transform;
  transition-property: transform, padding;
  transition-property: transform, padding, -webkit-transform;
  -webkit-transition-duration: 0.45s;
  transition-duration: 0.45s;
  width: 360px;
}
@media only screen and (min-width: 1920px) {
  .stories-slide.swiper-slide {
    width: 536px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-slide.swiper-slide {
    width: 372px;
  }
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  .stories-slide.swiper-slide {
    width: 372px;
  }
}
.stories-box {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  color: #430315;
  font-weight: 500;
}
.stories-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: 0.45s ease-out;
  transition: 0.45s ease-out;
  pointer-events: none;
}
@media only screen and (min-width: 1920px) {
  .stories-box {
    border-radius: calc(var(--border-radius) * 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-box {
    border-radius: calc(var(--border-radius) / 2 * 3);
  }
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  .stories-box {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .stories-box:not([data-type=poster]) .stories-box__content {
    padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
.stories-box[data-type=poster] {
  color: #E9164D;
}
@media only screen and (max-width: 767px) {
  .stories-box[data-type=poster] .stories-box__content {
    padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2);
  }
}
.stories-box__content {
  position: relative;
  background-color: #FFFFFF;
  -webkit-transition: 0.45s ease-out;
  transition: 0.45s ease-out;
  min-height: 150px;
}
.stories-box__content::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 50%;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .stories-box__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.stories-box__content h5,
.stories-box__content .h5 {
  overflow: hidden;
  font-weight: inherit;
}
@media only screen and (min-width: 1920px) {
  .stories-box__content h5,
  .stories-box__content .h5 {
    max-height: 68px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-box__content h5,
  .stories-box__content .h5 {
    max-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .stories-box__content h5,
  .stories-box__content .h5 {
    max-height: 56px;
  }
}
.stories-box__content h5:not(:first-child),
.stories-box__content .h5:not(:first-child) {
  margin-top: var(--indent-size);
}
@media only screen and (min-width: 1920px) {
  .stories-box__btn {
    margin-top: calc(var(--indent-size) * 4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1919px) {
  .stories-box__btn {
    margin-top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .stories-box__btn {
    margin-top: auto;
    padding-top: calc(var(--indent-size) * 2);
    position: relative;
    z-index: 1;
  }
}
@media only screen and (min-width: 1920px) {
  .stories-box .tags {
    margin-bottom: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .stories-box .tags {
    margin-bottom: calc(var(--indent-size) * 2);
  }
}
.stories-box__top {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  color: #FFFFFF;
  -webkit-transition: 0.45s ease-out;
  transition: 0.45s ease-out;
}
@media only screen and (max-width: 767px) {
  .stories-box__top {
    padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 6) calc(var(--indent-size) * 4) calc(var(--indent-size) * 2);
  }
}
.stories-box__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 1.5;
}
.stories-box__info-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
}
.stories-slider {
  width: 100%;
}
.stories-media {
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: #FFFFFF;
  width: calc(100% + var(--path-percent) * 6);
  min-height: 50%;
  margin: 0 calc(-1 * var(--path-percent) * 3) 0;
  aspect-ratio: 16/9;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.stories-media:not(:last-child) {
  border-radius: 0 0 50% 50%/0px 0px 50% 50%;
}
@media only screen and (max-width: 767px) {
  .stories-media:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.stories-media::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
.stories-event.with-btn .stories-box__btn{
  position: relative;
  z-index: 20;
}
.stories-left{
  left: 0;
}
.stories-right{
  right: 0;
}
.stories-left,
.stories-right{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
}
.stories-arrow-wrap {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  background: rgba(3, 3, 3, 0.4);
  transition: all 0.15s;
}
.stories-right .stories-arrow-wrap svg {
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.stories-left .stories-arrow-wrap svg {
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.stories-arrow-wrap svg {
  position: absolute;
  transition: all 0.15s;
}
.stories-right .stories-arrow-wrap {
  transform: translateX(50%);
}
.stories-left .stories-arrow-wrap {
  transform: translateX(-50%);
}
.stories-media__wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 52%;
  margin: 0 auto;
}
.stories-media__wrap-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.stories-media .object-fit {
  border-radius: 0;
}
.stories-media video {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.stories-poster__title {
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .stories-poster__title {
    font-size: 22px;
    line-height: 1.4545454545;
  }
}
@media only screen and (max-width: 767px) {
  .stories-poster__desc {
    font-size: 18px;
    line-height: 1.5555555556;
    margin-top: var(--indent-size);
  }
}
.stories-poster__code {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.45s ease-out;
  transition: 0.45s ease-out;
}
@media only screen and (min-width: 1280px) {
  .stories-poster__code {
    top: calc(-1 * calc(var(--indent-size) * 4));
  }
}
@media only screen and (max-width: 1279px) {
  .stories-poster__code {
    top: calc(-1 * calc(var(--indent-size) * 3));
  }
}
.stories-poster .poster-code {
  position: relative;
}
.stories-lines {
  position: absolute;
  z-index: 2;
  height: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.45s ease-out;
  transition: 0.45s ease-out;
}
@media only screen and (min-width: 1920px) {
  .stories-lines {
    left: calc(var(--indent-size) * 3);
    right: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 1919px) {
  .stories-lines {
    left: calc(var(--indent-size) * 2);
    right: calc(var(--indent-size) * 2);
  }
}
@media only screen and (min-width: 768px) {
  .stories-lines {
    top: calc(var(--indent-size) * 3);
  }
}
@media only screen and (max-width: 767px) {
  .stories-lines {
    top: calc(var(--indent-size) * 2);
  }
}
.stories-line {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 100px;
  overflow: hidden;
}
.stories-line:not(:last-child) {
  margin-right: 2px;
}
/*.stories-line.active .stories-line__progress {*/
/*  -webkit-animation-name: move;*/
/*  animation-name: move;*/
/*  -webkit-animation-duration: 15s;*/
/*  animation-duration: 15s;*/
/*  -webkit-animation-timing-function: linear;*/
/*  animation-timing-function: linear;*/
/*  -webkit-animation-fill-mode: forwards;*/
/*  animation-fill-mode: forwards;*/
/*}*/
.stories-line__progress {
  height: 100%;
  width: 0;
  background-color: #FFFFFF;
}
.stories-line.viewed .stories-line__progress {
  width: 100%;
}
.stories-events {
  position: relative;
  width: 100%;
  height: 100%;
}
.stories-event {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.stories-event:not(.active) {
  display: none;
}
@media only screen and (max-width: 767px) {
  .stories-event:after {
    content: "";
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.7371323529)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.7371323529) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 110px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .stories-text p {
    max-height: 96px;
    overflow: hidden;
  }
}
.stories-mute {
  position: absolute;
  left: 50%;
  top: 16px;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .stories-mute {
    top: auto;
    left: auto;
    right: 16px;
    bottom: 30px;
    color: #430315;
  }
}
.stories-mute:not(.active) .stories-mute__box--yes {
  display: none;
}
.stories-mute.active .stories-mute__box--not {
  display: none;
}
.stories-mute__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.stories-mute__icon {
  font-size: 0;
  line-height: 1;
}
.stories-mute__icon svg {
  fill: #fff;
}
.stories-mute span {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .stories-mute span {
    display: none;
  }
}

.stories-slide:not(.swiper-slide-active) .stories-media {
  min-height: auto;
}

@-webkit-keyframes move {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes move {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.storiesActive .stories-fixed {
  display: block !important;
  -webkit-animation: fadeInUpStories 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeInUpStories 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}
body.storiesRemoving .stories-fixed {
  -webkit-animation: fadeOutUpStories 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
  animation: fadeOutUpStories 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}

@-webkit-keyframes fadeInUpStories {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUpStories {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutUpStories {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutUpStories {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.scroll-bottom {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
  width: 19px;
  height: 121px;
  overflow: hidden;
  font-size: 0;
  line-height: 1;
}
.scroll-bottom__icon {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 0;
  line-height: 1;
  -webkit-transform: translateX(0) translateZ(0) scale(1);
  transform: translateX(0) translateZ(0) scale(1);
  -webkit-animation: dotTrail 1.7s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  animation: dotTrail 1.7s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.scroll-bottom__icon svg {
  height: 100%;
  width: auto;
  stroke: currentColor;
  stroke-width: 1px;
  -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}

@-webkit-keyframes dotTrail {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@keyframes dotTrail {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
/* End */


/* Start:/local/templates/erolaif_2025/src/css/style.css?179016769164976*/
:root {
  --vh: 1vh;
  --vw: 1vw;
  --indent-size: 8px;
  --grid-size: 8px;
  --font-size: 18px;
  --box-size: 4px;
  --border-radius: 16px;
  --path-percent: 16%;
  --helloSliderHeight: 0px;
  --headerHeight: 0px;
}
body {
  margin: 0 auto;
  padding: 0;
  position: relative;
  font-size: 14px;
  color: #430315;
  font-family: 'Mulish', sans-serif;
  /*overflow-x: hidden;*/
  /*max-width: 1920px;*/
  background: #ffffff;
}
body.modal-open{
  overflow: hidden;
}
p {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  transition: all 0.2s linear;
  color: #430315;
}
ul li {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  padding: 0;
}

.container {
  max-width: 1560px;
  margin: 0 auto;
  padding: 0 20px;
}

/**************************************************************************************/

.section_item {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
}
.section_item__left {
  text-align: left;
}
.page_catalog .section_item.related,
.page_catalog .section_item.in_product {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
}
.section_item h1 {
  font-size: 45px;
}

/**************************************************************************************/

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 40;
  transition: all 0.2s linear;
  background: #ffffff;
}
header.fixed .menu_wrap {
  display: none;
}
.header_top {
  background: #EF3167;
}
.header_top_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
}
.header_top_menu {
  display: flex;
  align-items: center;
  column-gap: 28px;
}
.header_top_menu a {
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
}

.header_top_contacts {
  display: flex;
  align-items: center;
  column-gap: 72px;
}
.header_top_contacts_links {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.header_top_contacts a {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 28px;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
}
.header_top_contacts a:before {
  content: '';
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
}
.header-event__inner{
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
}
.header-event__inner svg{
  margin-right: 13px;
}
.header_top_contacts a.phone:before {
  background: url(/local/templates/erolaif_2025/src/css/../img/phone_ico.svg) no-repeat;
}
.header_top_contacts a.email {
  padding-left: 0;
}
.header_top_contacts a.email:before {
  display: none;
}

.header_wrapper {
  border-bottom: 1px solid #F6E2E6;
}
.header_wrapper .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
}

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

.header_logo {
  margin-right: 38px;
}

.header_logo a {
  display: block;
  max-width: 180px;
}

.header_logo a img {
  width: 100%;
}

.menu_btn {
  width: 144px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 14px;
  background: #E73467;
  border-radius: 10px;
  cursor: pointer;
}

.menu_btn > div {
  display: flex;
  flex-direction: column;
  row-gap: 3.4px;
}

.menu_btn > div span {
  display: block;
  width: 15px;
  height: 1.6px;
  background: #ffffff;
  transition: all 0.2s linear;
}

.menu_btn.active > div span:nth-child(1) {
  transform: translate(-2px, 5px) rotate(45deg);
}

.menu_btn.active > div span:nth-child(2) {
  opacity: 0;
}

.menu_btn.active > div span:nth-child(3) {
  transform: translate(-2px, -5px) rotate(-45deg);
}

.menu_btn_close {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 45px;
  height: 45px;
  justify-content: center;
  align-items: center;
  column-gap: 14px;
  background: #E73467;
  border-radius: 10px;
  z-index: 5;
  display: none;
}

.menu_btn_close > div {
  display: flex;
  flex-direction: column;
  row-gap: 3.4px;
}

.menu_btn_close > div span {
  display: block;
  width: 15px;
  height: 1.6px;
  background: #ffffff;
  transition: all 0.2s linear;
}

.menu_btn_close > div span:nth-child(1) {
  transform: translate(0px, 2px) rotate(45deg);
}

.menu_btn_close > div span:nth-child(2) {
  transform: translate(0px, -3px) rotate(-45deg);
}


.menu_btn p {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
}

.header_search {
  position: relative;
  margin-left: 38px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  column-gap: 10px;
}
.header_search input {
  min-width: 110px;
  min-height: 18px;
  background: #ffffff;
  border: none;
  outline: none;
  font-family: 'Mulish', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #430315;
}
.header_search input::placeholder {
  font-size: 15px;
  font-weight: 300;
  color: #430315;
}
.header_search .submit {
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: url(/local/templates/erolaif_2025/src/css/../img/search_ico.svg) no-repeat;
  border: none;
}

.header_admin {
  display: flex;
  align-items: center;
  column-gap: 32px;
}
.header_admin a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #8E7D82;
}
.header_admin a:hover {
  color: #E73467;
}

.header_admin a:before {
  content: '';
  position: absolute;
  left: 0;
  width: 34px;
  height: 34px;
  transition: all 0.2s linear;
}
.header_admin a svg{
  margin-right: 10px;
}
.header_admin a path{
  transition: all 0.2s linear;
}
.header_admin a:hover path{
  fill: #E73467;
}

.menu_wrap {
  border-bottom: 1px solid #F6E2E6;
}
.menu_wrap .menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 37px;
}
.menu_wrap .menu a {
  font-size: 14px;
  font-weight: 500;
  color: #430315;
}
.menu_wrap .menu a:hover {
  color: #E73467;
}

.header_mob_phone {
  display: none;
  width: 45px;
  height: 45px;
  background: url(/local/templates/erolaif_2025/src/css/../img/phone_ico.svg) 50% 50% no-repeat #E73467;
  border-radius: 10px;
}

/**************************************************************************************/

.menu_catalog {
  padding-top: 120px;

}
.menu_catalog{
  overflow: hidden;
  overflow-x: auto;
}

.menu_catalog::-webkit-scrollbar {
  display: none;
}
.menu_catalog_wrap {
  display: flex;
  padding-top: 29px;
  padding-bottom: 35px;
  column-gap: 14px;
}
.menu_catalog .menu_catalog_item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  row-gap: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #430315;
}
.menu_catalog .menu_catalog_item:hover {
  color: #E73467;
}
.menu_catalog .menu_catalog_item .menu_catalog_img {
	width: 88px;
	height: 88px;
	border: 3px solid #ef3268;
    border-radius: 50%;
    box-sizing: border-box;
}
.menu_catalog .menu_catalog_item .menu_catalog_img .inner_cir {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #fff;
    box-sizing: border-box;
}
.menu_catalog .menu_catalog_item .menu_catalog_img img {
  width: 100%;
}
.menu_catalog_item span {
  font-size: 14px;
  font-weight: 400;
}

.menu_catalog_wrap .slick-dots {
  display: flex;
  justify-content: center;
  column-gap: 8px;
  padding: 0;
}

.menu_catalog_wrap .slick-dots li button {
  display: none;
}

.menu_catalog_wrap .slick-dots li {
  width: 12px;
  height: 12px;
  background: #F6E2E6;
  border-radius: 50px;
}
.menu_catalog_wrap .slick-dots li.slick-active {
  background: #E73467;
}
.stories-fixed {
	display: none;
}
.fade:not(.show) {
    opacity: 0;
}
.form-input {
	width:100%;
}
.socials-icons__item svg {
	fill:rgb(233, 22, 77);
}
.footer__list-label {
	display:none;
}

.menu_wrapper {
  position: fixed;
  width: 100%;
  top: 118px;
  padding-top: 20px;
  padding-bottom: 60px;
  z-index: -1;
  background: #ffffff;
  opacity: 0;
  border-bottom: 1px solid #F6E2E6;
}

.header.fixed ~ .menu_wrapper {
  top: 82px;
}

.menu_wrapper.active {
  opacity: 1;
  z-index: 40;
}

.menu_nav_top-list,
.menu_nav {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.menu_nav_top-list[data-type='info']{
  display: none;
}

.menu_nav_addr {
  min-height: 61px;
  font-size: 15px;
  font-weight: 500;
  display: none;
}
.header_search.header_search_menu {
  display: none;
}

.menu_nav_tabs {
  margin-top: 26px;
  position: relative;
  display: none;
  justify-content: space-between;
}

.menu_nav_tabs:before {
  content: '';
  position: absolute;
  top: 0;
  height: 51px;
  transform: translateX(-1px);
  width: -webkit-fill-available;
  inset: 0px 1px;
  padding: 3px;
  border-radius: 17px;
  background: linear-gradient(to bottom, #EF3167, #F27C96);
  mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: -1;
}

.menu_nav_tabs a {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 57px;
  background: transparent;
  border-radius: 17px;
  font-size: 17px;
  font-weight: 600;
  color: #430315;
}

.menu_nav_tabs a.active {
  background: #EF3167;
  color: #ffffff;
}

.menu_nav_top {
  display: flex;
}

.menu_nav_top:before {
  content: '';
  position: absolute;
  top: 0;
  left: 316px;
  width: 1px;
  height: 100%;
  background: #F6E2E6;
}

.menu_nav_btn {
  position: relative;
  width: 300px;
  display: flex;
  align-items: center;
  padding: 10px 16px 10px 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: #430315;
  background: #ffffff;
  border-radius: 7px;
  transition: all 0.2s linear;
  cursor: pointer;
}

.menu_nav_top.active .menu_nav_btn {
  background: #FCF4F4;
}

.menu_nav_btn:hover {
  background: #FCF4F4;
  color: #E9164D;
}

.menu_nav_btn:before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  left: 16px;
}
.menu_nav_btn.ico0:before {
	background: #ef3167;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 6px;
}
.menu_nav_btn:after {
  content: '';
  position: absolute;
  right: 12px;
  width: 7px;
  height: 14px;
  background: url(/local/templates/erolaif_2025/src/css/../img/menu_nav/menu_nav_btn_active.svg) no-repeat;
  opacity: 0;
}
.menu_nav_top.sub.active .menu_nav_btn:after {
  opacity: 1;
}

.menu_nav_list {
  position: absolute;
  height: 100%;
  top: 0;
  left: 375px;
  opacity: 0;
  transition: all 0.2s linear;
  z-index: 2;
}
.menu_sub-menu-list{
  display: flex;
  flex-wrap: wrap;
  column-gap: 81px;
  height: 100%;
  overflow-y: auto;
  padding-right: 15px;
}
.menu_sub-menu-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
}
.menu_sub-menu-list::-webkit-scrollbar-track {
  background: transparent;
}
.menu_sub-menu-list::-webkit-scrollbar-thumb {
  background-color: #E73467;
  border-radius: 4px;
}
.menu_nav_list ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.menu_nav_list ul li {
  display: flex;
  flex-direction: column;
}

.menu_nav_list.active {
  opacity: 1;
  z-index: 3;
}

.menu_nav_list a {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #430315;
  transition: all 0.2s linear;
}
.menu_nav_list a b {
  display: block;
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: 700;
  transition: all 0.2s linear;
}

.menu_nav_list a:hover,
.menu_nav_list a:hover b {
  color: #E9164D;
}
/**************************************************************************************/

.btn {
  position: relative;
  padding: 0 29px;
  height: 42px;
  display: flex;
  align-items: center;
  background: #E73467;
  border: 3px solid #E73467;
  border-radius: 10px;
  font-family: "Geologica Cursive", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s linear;
}
.btn:hover {
  border-radius: 50px;
}

.btn.glass {
  background: transparent;
  color: #E73467;
}
.btn.glass:hover {
  background: #E73467;
  color: #ffffff;
}

/**************************************************************************************/

.banner .banner_slider {
  padding-bottom: 38px;
}

.banner .banner_item {
  position: relative;
  border-radius: 25px;
  height: 344px;
  overflow: hidden;
  z-index: 4;
}
.banner-erid{
    position: absolute;
    bottom: 8px;
    left: 54px;
}

.banner .banner_item:before {
    content: '';
    position: absolute;
    left: -154px;
    background-color: #E73467;
    height: 950px;
    width: 914px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}
.banner .banner_img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: -1;
  width: 52%;
}
.banner .banner_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .banner_img picture{
  height: 100%;
  max-height: initial;
}
.banner_title {
  position: relative;
  max-width: 48%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 35px;
  padding-left: 54px;
  z-index: 2;
  color: #ffffff;
  justify-content: space-between;
    height: 100%;
}

.banner_title .title1 {
  width: 100%;
  font-size: 50px;
  font-weight: 700;
  line-height: 101%;
}
.banner_title .title2 {
  max-width: calc(100% - 240px);
  margin-top: 18px;
  font-size: 29px;
  font-weight: 400;
  width: 60%;
    margin-bottom: 25px;
}

.banner .banner_btn {
	width: 188px;
	height: 60px;
	margin-top: -16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: 500;
	color: #ffffff;
}

.banner .slick-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 3.7px;
  padding: 0;
  margin: 0;
}

.banner .slick-dots li button {
  display: none;
}
.banner .slick-dots li {
  width: 44px;
  height: 7px;
  background: #10182080;
  border-radius: 50px;
  cursor: pointer;
}
.banner .slick-dots li.slick-active {
  background: #EF3167;
}

/**************************************************************************************/

.category1 {
  margin-top: 62px;
}
.category_wrapper {
  margin-top: 36px;
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
  row-gap: 38px;
  flex-wrap: wrap;
}

.category1_item {
  position: relative;
  display: block;
  height: 15vw;
  max-height: 250px;
  overflow: hidden;
  border-radius: 17px;
}
.category1_item_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(153.45deg, #FCF4F6 8.33%, #FEC8D2 91.67%);
  border-radius: 17px;
  overflow: hidden;
  transition: all 0.2s linear;
}

.category1_item:hover .category1_item_wrap {
  background: linear-gradient(153.45deg, #FDEEF1 8.33%, #FB7497 91.67%);
}

.category1_item_wrap:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  height: 263px;
  background: url(/local/templates/erolaif_2025/src/css/../img/category1/category1_item_decor.svg) no-repeat;
  background-size: contain;
  opacity: 0.1;
  transition: all 0.2s linear;
}

.category1_item:hover .category1_item_wrap:before {
  opacity: 0.5;
}

.category1_item:nth-child(1) .category1_item_wrap:before {
  transform: translateX(-33%) translateY(10%);
}
.category1_item:nth-child(2) .category1_item_wrap:before {
  transform: translateX(12%) translateY(-22%);
  width: 90%;
}
.category1_item:nth-child(3) .category1_item_wrap:before {
  transform: translateX(70%) translateY(6%);
  width: 45%;
}
.category1_item:nth-child(4) .category1_item_wrap:before {
  transform: translateX(24%) translateY(18%);
  width: 80%;
}
.category1_item:nth-child(5) .category1_item_wrap:before {
  transform: translateX(10%) translateY(-28%);
  width: 100%;
}
.category1_item:nth-child(6) .category1_item_wrap:before {
  transform: translateX(46%) translateY(4%);
  width: 100%;
}
.category1_item:nth-child(7) .category1_item_wrap:before {
  transform: translateX(-6%) translateY(-20%);
  width: 92%;
}
.category1_item:nth-child(8) .category1_item_wrap:before {
  transform: translateX(-23%) translateY(-2%);
  width: 100%;
}
.category1_item:nth-child(9) .category1_item_wrap:before {
  transform: translateX(48%) translateY(4%);
  width: 100%;
}

.category1_item.category_item1 {
  width: 15%;
}
.category1_item.category_item2 {
  width: 32%;
}
.category1_item span {
  position: absolute;
  bottom: 0.8vw;
  left: 0.8vw;
  font-size: 20px;
  font-weight: 700;
  line-height: 112%;
  color: #430315;
  transition: all 0.2s linear;
}

.category1_item:hover span {
  color: #ffffff;
}

.category1_item .category1_img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 84%;
  z-index: 2;
}

.category1_item .category1_img img {
  width: 100%;
}
.category1_item:nth-child(2) .category1_img {
  max-width: 57%;
}
.category1_item:nth-child(3) .category1_img {
  max-width: 34%;
}
.category1_item:nth-child(4) .category1_img {
  max-width: 60%;
}
.category1_item:nth-child(5) .category1_img {
  max-width: 60%;
}
.category1_item:nth-child(6) .category1_img {
  top: auto;
  bottom: 0;
  max-width: 46%;
}
.category1_item:nth-child(8) .category1_img {
  max-width: 70%;
}
.category1_item:nth-child(9) .category1_img {
  max-width: 56%;
}

/**************************************************************************************/

.category2 {
  margin-top: 75px;
}
.category_wrapper {
  display: flex;
  justify-content: space-between;
}

.category2_item {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 27px;
  width: 27%;
  height: 118px;
  background: rgb(252, 244, 244);
  border: 1px solid #F6E2E6;
  border-radius: 17px;
  padding-left: 2vw;
  font-weight: 700;
  text-transform: uppercase;
  color: rgb(67, 3, 21);
  transition: all 0.2s linear;
}

.category2_item:hover {
  color: #EF3167;
}

.category2_item .category2_img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 80%;
}

.category2_item .category2_img img {
  width: 100%;
}

.category2_item:nth-child(1) .category2_img {
  max-width: 54%;
  transform: translateX(-6%);
}
.category2_item:nth-child(2) .category2_img {
  max-width: 68%;
  transform: translateX(6%);
}
.category2_item:nth-child(3) .category2_img {
  max-width: 47%;
  transform: translateX(-12%);
}

/**************************************************************************************/

.brands {
  margin-top: 72px;
}

.brands_wrapper {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 1vw;
  row-gap: 24px;
}
.brands_item {
  position: relative;
  width: 14%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.brands_item img {
  max-width: 90%;
  max-height: 90%;
  filter: grayscale(100%);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);

}
.brands_item img:hover{
  filter: grayscale(0%);
  transform: scale(110%);
}
@media (max-width: 780px){
  .brands_item img {
    filter: grayscale(0%);
  }
}

/**************************************************************************************/

.catalog {
  margin-top: 72px;
}

.tabs_wrap {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  column-gap: 50px;
}
.tabs_wrap a {
  font-size: 21px;
  font-weight: 400;
  color: #430315;
  border-bottom: 2px solid transparent;
}
.tabs_wrap a.active,
.tabs_wrap a:hover {
  color: #EF3167;
  border-color: #EF3167;
}

.catalog_wraper {
  display: none;
  margin-top: 36px;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 0.8vw;
  row-gap: 37px;
}
.catalog_wraper.active {
	display: flex;
}

.catalog .btn.all_news {
	display:none;
}
.catalog .btn.all_news.active {
	display:flex;
}

.catalog_block {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 18%;
}

.catalog_block_head {
  position: absolute;
  flex-direction: column;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  z-index: 2;
  row-gap: 10px;
}

.catalog_block_img {
  position: relative;
  width: 100%;
  height: 250px;
  border: 1px solid #F6E2E6;
  border-radius: 17px;
  overflow: hidden;
}
.catalog_block_img img {
  transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1);
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.catalog_block .catalog_cart {
  position: absolute;
  bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
  width: 86%;
  left: 50%;
  transform: translateX(-50%) translateY(60px);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.catalog_block .catalog_cart.catalog_cart-mob{
  display: none;
}
.catalog_block:hover .catalog_cart {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
.catalog_block:hover .catalog_block_img img{
  transform: scale(1.1);
}
.catalog_block .catalog_cart:before {
  content: '';
  position: relative;
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: url(/local/templates/erolaif_2025/src/css/../img/cart1_ico.svg) 50% 50% no-repeat;
  background-size: 20px;
  transition: all 0.2s linear;
}

.catalog_block_new {
  width: 50px;
  height: 19px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_new.png) no-repeat;
  background-size: contain;
}

.catalog_block_profit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  background: #AC4F98;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
}

.catalog_block_benefit {
  width: 50px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_benefit.png) no-repeat;
  background-size: contain;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
}

.catalog_fav {
  position: absolute;
  top: 12px;
  right: 14px;
  border: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-size: contain;
  z-index: 2;
  background-color: transparent;
}
.btn_fav.active path,
.catalog_fav.active path{
  fill: #EF3167;
}
.catalog_fav-mob{
  display: none;
}

.catalog_block_wrap {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.catalog_block_category {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #8E7D82;
}

.catalog_block_rating {
  position: relative;
  padding-left: 30px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #8E7D82;
}

.catalog_block_rating:before {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_rating.svg) 50% 50% no-repeat;
}

.catalog_block_title {
  margin-top: 6px;
  font-size: 17px;
  font-weight: 500;
  color: #430315;
}
.catalog_block_category{
  /*min-height: 28px;*/
}
.catalog_block_price {
  margin-top: 4px;
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.new_price {
  font-size: 20px;
  font-weight: 500;
  color: #430315;
}
.old_price {
  font-size: 15px;
  font-weight: 500;
  color: #8E7D82;
  text-decoration: line-through;
}

.all_news {
  position: relative;
  margin: 28px auto 0;
  width: fit-content;
}

/**************************************************************************************/

.articles {
  margin-top: 62px;
}

.articles_wrapper {
  display: none;
  justify-content: space-between;
  margin: 38px -15px -15px;
}
.articles_wrapper.active{
	display: flex;
}
.articles_item{
  flex: 0 0 20%;
  max-width: 20%;
  padding: 15px;
}
.articles_block {
  display: block;
  width: 100%;
  padding-bottom: 2px;
  overflow: hidden;
  transition: all 0.2s linear;
}

.articles_block:hover {
  border-radius: 200px 200px 0 0;
}

.articles_img {
  width: 100%;
  height: 277px;
  overflow: hidden;
  border-radius: 17px;
}
.articles_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: relative;
}

.articles_title {
  margin-top: 18px;
  font-size: 19px;
  font-weight: 500;
  line-height: 110%;
  color: #430315;
}

.articles_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

.articles_time {
  position: relative;
  padding-left: 29px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  color: #8E7D82;
}
.articles_time:before {
  content: '';
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/local/templates/erolaif_2025/src/css/../img/articles_time.svg) 50% 50% no-repeat;
  background-size: 20px;
}

.articles_date {
  position: relative;
  padding-left: 29px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  color: #8E7D82;
}
.articles_date:before {
  content: '';
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/local/templates/erolaif_2025/src/css/../img/articles_date.svg) 50% 50% no-repeat;
  background-size: 20px;
}

.all_articles {
  width: fit-content;
  margin: 25px auto 0;
}

.articles .btn.all_articles {
	display: none;
}
.articles .btn.all_articles.active {
	display: flex;
}

/**************************************************************************************/

.advant {
  margin-top: 58px;
}

.advant_wrapper {
  display: flex;
  justify-content: space-between;
  column-gap: 1vw;
}

.advant_block {
  display: flex;
  width: 31%;
  column-gap: 15px;
  padding: 0 24px;
  background: #FCF4F4;
  border: 1px solid #F6E2E6;
  border-radius: 17px;
}

.advant_img {
  width: 40%;
  max-width: 216px;
  height: 188px;
  overflow: hidden;
  border-radius: 17px;
}

.advant_img img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.advant_title {
  width: 62%;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  padding-top: 32px;
}

.advant_title b {
  font-size: 18px;
  font-weight: 700;
}
.advant_title span {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

/**************************************************************************************/

.offers {
  margin-top: 67px;
}
.offers_wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 55px 48px;
  background: #FCF4F4;
  border-radius: 17px;
}
.offers_wrapper b {
  font-size: 21px;
  font-weight: 700;
  color: #430315;
}
.offers_wrapper span {
  font-size: 20px;
  font-weight: 400;
}

/**************************************************************************************/

.offers2 {
  margin-top: 82px;
  padding-top: 114px;
}
.offers2_wrapper {
  display: flex;
  justify-content: center;
  align-items: end;
  column-gap: 117px;
  padding-bottom: 28px;
  border-bottom: 1px solid #F6E2E6;
}
.offers2_title {
  font-size: 28px;
  font-weight: 400;
  color: #430315;
  text-align: center;
}
.offers2_title span {
  position: relative;
  display: inline-block;
}
.offers2_title span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-45%);
  width: 100%;
  height: 140%;
  background: url(/local/templates/erolaif_2025/src/css/../img/offers2_title_decor.svg) 50% 50% no-repeat;
  background-size: 100%;
}

.offers2_wrap form {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #430315;
}

.offers2_wrap form input {
  width: 100%;
  border: none;
  background: transparent;
}
.offers2_wrap form input {
  font-size: 17px;
  font-weight: 500;
  color: #430315;
  outline: none;
}
.offers2_wrap form input::placeholder {
  font-size: 17px;
  font-weight: 500;
  color: #430315;
}

/**************************************************************************************/

.footer {
  padding-top: 34px;
  background: #FCF4F4;
}

.footer_wrapper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 37px;
  border-bottom: 1px solid #F6E2E6;
}

.footer_contacts {
  display: flex;
  flex-direction: column;
}
.footer_contacts .phone {
  font-size: 22px;
  font-weight: 400;
  color: #430315;
  margin-bottom: 19px;
}
.footer_contacts .mail {
  font-size: 22px;
  font-weight: 400;
  color: #430315;
}

.footer_contacts_social {
  margin-top: 24px;
}
.footer_contacts_social-list{
  display: flex;
  margin: 0 -8px;
}
.footer_contacts_social-item{
  padding: 0 8px;
}
.footer_contacts_social span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #8E7D82;
  margin-bottom: 6px;
}


.footer_contacts_social a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #E9164D;
  border-radius: 50px;
}

.footer_contacts_social a:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
}

.footer_contacts_social a.watsapp:before {
  background: url("/local/templates/erolaif_2025/src/css/../img/whatsapp.svg") 50% 50% no-repeat;
}
.footer_contacts_social a.viber:before {
  background: url("/local/templates/erolaif_2025/src/css/../img/viber.svg") 50% 50% no-repeat;
}
.footer_contacts_social a.telegram:before {
  background: url("/local/templates/erolaif_2025/src/css/../img/telegram.svg") 50% 50% no-repeat;
}
.footer_contacts_social a.vk:before {
  background: url("/local/templates/erolaif_2025/src/css/../img/vk.svg") 50% 50% no-repeat;
}
.footer_contacts_social a.instagram:before {
  background: url("/local/templates/erolaif_2025/src/css/../img/instagram.svg") 50% 50% no-repeat;
}
.footer_contacts_social a.youtube:before {
  background: url("/local/templates/erolaif_2025/src/css/../img/youtube.svg") 50% 50% no-repeat;
}

.footer_menu {
  display: flex;
  justify-content: right;
  column-gap: 6vw;
  width: 74%;
}
.footer_menu ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 11px;
}

.footer_menu ul li a {
  font-size: 18px;
  font-weight: 400;
  color: #430315;
  transition: all 0.2s linear;
}

.footer_menu ul li a:hover {
  color: #E73467;
}

.footer_bottom {
  padding-top: 20px;
  padding-bottom: 17px;
  display: flex;
}

.adult_materials {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 56px;
  font-size: 14px;
  font-weight: 400;
  color: #8E7D82;
}
.adult_materials:before {
  content: '';
  position: absolute;
  left: 0;
  width: 41px;
  height: 41px;
  background: url(/local/templates/erolaif_2025/src/css/../img/adult_materials.png) 50% 50% no-repeat;
}

.footer_bottom_wrap {
  display: flex;
  column-gap: 32px;
  align-items: center;
}

.footer_bottom_wrap {
  margin-left: 19%;
}

.footer_your {
  padding-top: 20px;
  padding-bottom: 24px;
  background: #ffffff;
}

.footer_your_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 20px;
}

.footer_your_block {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/*.footer_your_block:nth-child(1) {
  margin-left: 31%;
}*/
/*.footer_your_block:nth-child(2) {
  margin-left: 13%;
}*/

.footer_your_block a {
  font-size: 15px;
  font-weight: 300;
  color: #430315;
}
.footer_your_block a:hover {
  text-decoration: underline;
}

.copyright {
  font-size: 13px;
  font-weight: 400;
  color: #8E7D82;
  margin-top: 15px;
  border-top: 1px solid #f6e2e6;
  padding-top: 15px;
}

/**************************************************************************************/

.page_catalog {
}

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

.page_catalog .breadcrumbs {
  margin: 14px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page_catalog .breadcrumbs a {
  position: relative;
  display: block;
  padding-right: 12px;
  margin-right: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #A38E8E;
}
.page_catalog .breadcrumbs span{
    font-size: 16px;
}
.page_catalog .breadcrumbs a:before {
  content: '/';
  position: absolute;
  right: 0;
  font-size: 16px;
  font-weight: 400;
  color: #A38E8E;
}

/**************************************************************************************/

.page_catalog_category {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.4vw;
  row-gap: 10px;
  margin-bottom: 56px;
}

.page_catalog_category_block {
  display: flex;
  align-items: center;
  width: 15.1%;
  padding: 8px 0.4vw;
  border: 1px solid #F6E2E6;
  border-radius: 20px;
  transition: all 0.2s linear;
  word-break: break-word;
}

.age_catalog_category_img {
  min-width: 90px;
  height: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.age_catalog_category_img img {
	height: 100%;
	border-radius: 16px;
}
.age_catalog_category_img .img_none {
	width: 64px;
	height: 64px;
	background: #ebdee2;
	border-radius: 16px;
}

.page_catalog_category_block span {
  display: block;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  color: #430315;
}

.page_catalog_category_block:hover span {
  transition: all 0.2s linear;
  color: #EF3167;
}
.page_catalog_category_block:hover{
  border-color: #EF3167;
}

  /**************************************************************************************/

.page_catalog_wrapper {
  display: flex;
}

.page_catalog_left {
  min-width: 275px;
}
.page_catalog_nav {

  border: 1px solid #F6E2E6;
  border-radius: 10px;
}
.page_catalog_nav,
.page_catalog_filter{
  max-width: 275px;
}
.page_catalog_nav_head {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  background: #FEEBF0;
  min-height: 48px;
  padding-left: 18px;
}

.page_catalog_nav_block {
  margin: 4px 8px;
}

.page_catalog_nav_block:nth-child(2) {
  margin-top: 10px;
}
.page_catalog_nav_block:last-child {
  margin-bottom: 10px;
}

.page_catalog_nav_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #F6E2E6;
  border-radius: 10px;
  min-height: 37px;
  font-size: 14px;
  cursor: pointer;
}
.page_catalog_nav_btn-name{
  display: flex;
  align-items: center;
}
.page_catalog_nav_btn-ico{
  flex: 0 0 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page_catalog_nav_btn.active {
  background: #EF3167;
  border-color: #EF3167;
  color: #FFFFFF;
}
.page_catalog_nav_btn.active .page_catalog_nav_btn-ico path{
  fill: #fff;
}
.page_catalog_nav_arrow{
  margin-right: 10px;
  transition: all 0.25s;
  display: flex;
  align-items: center;
}
.page_catalog_nav_btn.active .page_catalog_nav_arrow{
    transform: rotate(180deg);
}
.page_catalog_nav_btn:hover .page_catalog_nav_arrow path{
  fill: #E73467;
}
.page_catalog_nav_btn.active .page_catalog_nav_arrow path{
  fill: #fff;
}

.page_catalog_nav_list {
  padding-top: 12px;
  padding-bottom: 12px;
  flex-direction: column;
  row-gap: 4px;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 400;
  display: none;
}
.page_catalog_nav_list a:hover{
  color: #E73467;
}

.page_catalog_nav_list.active {
  display: flex;
}

.page_catalog_nav_list a {
  color: #430315;
}

.page_catalog_filter {
  margin-top: 30px;
  border: 1px solid #F6E2E6;
  border-radius: 10px;
}
.page_catalog_filter_head {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  background: #FEEBF0;
  min-height: 48px;
  padding-left: 14px;
}

.page_catalog_filter_block {
  margin: 4px 8px;
}

.page_catalog_filter_block:nth-child(2) {
  margin-top: 10px;
}
.page_catalog_filter_block:last-child {
  margin-bottom: 10px;
}

.page_catalog_filter_block {
  padding: 6px 14px;
  border: 1px solid #F6E2E6;
  border-radius: 10px;
}

.page_catalog_filter_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
  font-size: 14px;
  cursor: pointer;
}
.page_catalog_filter_arrow {
  transition: all 0.25s;
  display: flex;
  align-items: center;
}
.page_catalog_filter_btn.active .page_catalog_filter_arrow{
  transform: rotate(180deg);
}
.page_catalog_filter_btn.active .page_catalog_filter_arrow path{
  fill: #EF3167;
}
.page_catalog_filter_btn:hover .page_catalog_filter_arrow path{
  fill: #E73467;
}

.page_catalog_left .btn {
  margin: 10px;
  display: flex;
  justify-content: center;
}

.page_catalog_filter_price {

  display: none;
}

.page_catalog_filter_price_wrap {
  display: flex;
  margin-top: 3.5px;
  justify-content: space-between;
  width: 100%;
}

.page_catalog_filter_price .page_catalog_filter_price-item {
  width: 48%;
}
.page_catalog_filter_price div span {
  font-size: 15px;
  font-weight: 400;
}
.page_catalog_filter_price div input {
  margin-top: 4px;
  width: -webkit-fill-available;
  border: none;
  background: #FCF4F4;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 400;
  outline: none;
  padding: 10px;
}

.page_catalog_filter_list {
  margin-top: 12px;
  margin-bottom: 10px;
  max-height: 250px;
  display: none;
  overflow: auto;
}

.page_catalog_filter_list::-webkit-scrollbar {
  width: 3px;               /* width of the entire scrollbar */
  border-radius: 3px;
}
.page_catalog_filter_list::-webkit-scrollbar-track {
  background: #F6E2E6;        /* color of the tracking area */
}
.page_catalog_filter_list::-webkit-scrollbar-thumb {
  background-color: #E9164D;    /* color of the scroll thumb */
  border-radius: 5px;       /* roundness of the scroll thumb */
}

.page_catalog_filter_list.active {
  display: block;
}

.filter_btn {
  display: flex;
  align-items: center;
  column-gap: 8px;
  cursor: pointer;
  margin-bottom: 10px;
  transition: all 0.2s linear;
}
.filter_btn:last-child{
  margin-bottom: 0;
}

.filter_btn:hover {
  color: #EF3167;
}

.filter_btn:last-child {
  margin-bottom: 0;
}
.filter_btn_container{
  padding-left: 23px;
  position: relative;
}
.filter_btn_container input{
  display: none;
}
.filter_btn_container a {
	color: #430315;
}

.filter_btn_checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #E5BDC5;
  border-radius: 5px;
}
.filter_btn_container input:checked ~ .filter_btn_checkmark {
  border-color: #EF3167;
}
.filter_btn_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.filter_btn_container input:checked ~ .filter_btn_checkmark:after {
  display: block;
}

.filter_btn_container .filter_btn_checkmark:after {
  left: 4px;
  top: 2px;
  width: 4px;
  height: 6px;
  border: solid #EF3167;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


.filter_btn_radio {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #E5BDC5;
  border-radius: 50%;
}
.filter_btn_container input:checked ~ .filter_btn_radio {
  border-color: #EF3167;
}
.filter_btn_radio:after {
  content: "";
  position: absolute;
  display: none;
}
.filter_btn_container input:checked ~ .filter_btn_radio:after {
  display: block;
}

.filter_btn_container .filter_btn_radio:after {
  left: 4px;
  top: 4px;
  width: 6px;
  height: 6px;
  background-color: #EF3167;
  border-radius: 50%;
}

.filter_btn p {
  font-size: 15px;
  font-weight: 400;
}

.filter_btn:hover p {
  color: #EF3167;
}

.page_catalog_filter_block .mCSB_scrollTools .mCSB_draggerRail {
  display: none;
}
.page_catalog_filter_block .mCSB_scrollTools {
  right: 5px;
  background: #F6E2E6;
  width: 2px;
  height: 100%;
}
.page_catalog_filter_block .mCSB_dragger_bar {
  width: 4px !important;
  height: 92px !important;
  right: 2px !important;
  background-color: #E9164D !important;
}

/**************************************************************************************/

.page_catalog_right {
  margin-left: 37px;
  width: 100%;
}
.page_catalog_sorting {
  display: flex;
  column-gap: 8px;
}
.page_catalog_sorting_price {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
  padding: 0 14px;
  background: #EF3167;
  border-radius: 7px;
  height: 44px;
  cursor: pointer;
}
.page_catalog_sorting_price span {
  display: flex;
  align-items: center;
  position: relative;
  width: 35px;
  height: 15px;
  background: #ffffff;
  border-radius: 50px;
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.page_catalog_sorting_price span:before {
  content: '';
  position: absolute;
  left: 2px;
  width: 11px;
  height: 11px;
  background: #000000;
  border-radius: 50px;
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.page_catalog_sorting_price.active span:before {
  left: calc(100% - 13px);
}
.page_catalog_sorting_price.active span{
  background-color: #000;
}
.page_catalog_sorting_price.active span:before{
  background-color: #fff;
}

.page_catalog_sorting_nav {
  position: relative;
}

.page_catalog_sorting_item {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding-left: 47px;
  padding-right: 38px;
  width: fit-content;
  min-width: 215px;
  height: 44px;
  border: 1px solid #F6E2E6;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.page_catalog_sorting_item:before {
  content: '';
  position: absolute;
  left: 16px;
  width: 14px;
  height: 11px;
  background: url(/local/templates/erolaif_2025/src/css/../img/page_catalog_sorting_item.svg) no-repeat;
  background-size: contain;
}

.page_catalog_sorting_item:after {
  content: '';
  position: absolute;
  right: 14px;
  width: 12px;
  height: 6px;
  background: url(/local/templates/erolaif_2025/src/css/../img/catalog_nav_btn_up.svg) no-repeat;
}

.page_catalog_sorting_item.active:after {
  background: url(/local/templates/erolaif_2025/src/css/../img/catalog_nav_btn_down_red.svg) no-repeat;
}

.page_catalog_sorting_list {
  position: absolute;
  width: -webkit-fill-available;
  top: 52px;
  background: #ffffff;
  border: 1px solid #F6E2E6;
  border-radius: 10px;
  padding: 11px 17px;
  display: none;
  z-index: 4;
}
.page_catalog_sorting_list.active {
  display: block;
}
.page_catalog_sorting_list .filter_btn{
  font-size: 15px;
}
.page_catalog_sorting_list .filter-sort__item{
  margin: 0;
}
.page_catalog_sorting_list .filter_btn_container:hover .filter-sort__item{
  color: #EF3167;
}
.page_catalog_sorting_list .filter_btn_container:hover .filter_btn_radio{
  border-color: #EF3167;
}
.filter-sort__item.active{
  font-weight: 400;
}
.page_catalog_sorting_title {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 700;
}

.page_catalog_wrap {
  margin-top: 46px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 2vw;
  row-gap: 26px;
}

.page_catalog .catalog_block {
  width: 21.8%;
}

.page_catalog_wrapper .page_catalog_all {
  margin: 64px auto 0;
  width: 178px;
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  font-size: 16px;
  font-weight: 700;
  color: #E9164D;
  background: transparent;
  cursor: pointer;
}

.nav_page {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 42px;
}

.nav_page ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  column-gap: 8px;
}
.nav_page ul li a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  color: #430315;
  border-radius: 50px;
}

.nav_page ul li a.active,
.nav_page ul li a:hover {
  background: #FCF4F4;
  color: #E9164D;
}

.nav_page button {
  width: 64px;
  height: 64px;
  border: 1px solid #E9164D;
  border-radius: 100px;
  background: transparent;
  cursor: pointer;
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.nav_page button svg{
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.nav_page button path{
  stroke: #E9164D;
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.nav_page button:hover {
  border-color: #F27C96;
}
.nav_page button:hover path{
  stroke: #F27C96;
}
.nav_page button:not([class*=_disabled]):hover svg{
  transform: translateX(-4px);
}
.nav_page button.nav_page_prev {

}
.nav_page button.nav_page_next {
  transform: rotate(180deg);
}

.nav_page span {
  position: relative;
  top: -10px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: end;
}

.nav_page button.nav_page_disabled{
  border: 1px solid #8E7D82;
  opacity: 1;
  cursor: not-allowed;
}
.nav_page button.nav_page_disabled path{
  stroke: #8E7D82;
}
/**************************************************************************************/

.page_products {
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
}

.page_products_gallery {
  width: 100%;
  max-width: 433px;
  position: relative;
}

.products_gallery {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.products_gallery  .products_gallery_img {
  border: 1px solid #F6E2E6;
  border-radius: 17px;
  overflow: hidden;
  height: 550px;
}
.products_gallery_img{
  display: flex!important;
  align-items: center;
  justify-content: center;
}
.products_gallery_img img {
  position: relative;
  width: 100%;
}

.products_gallery_thumb {
  margin-top: 32px;
  position: relative;
  width: 100%;
  padding: 0 72px;
}

.products_gallery_thumb_img {
  margin: 0 5px;
  border: 1px solid #F6E2E6;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
}
.products_gallery_thumb_img:hover,
.products_gallery_thumb_img.slick-current{
  border-color: #EF3167;
}

.products_gallery_thumb_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.products_gallery_thumb .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: 1px solid #8E7D82;
  border-radius: 100px;
  background: url(/local/templates/erolaif_2025/src/css/../img/gallery_btn.svg) 50% 50% no-repeat;
  background-size: 26px;
  font-size: 0;
  cursor: pointer;
  transition: all 0.2s linear;
}
.products_gallery_thumb .slick-arrow:hover {
  border-color: #E9164D;
  background: url(/local/templates/erolaif_2025/src/css/../img/gallery_btn_hov.svg) 50% 50% no-repeat;
}

.products_gallery_thumb .slick-arrow.slick-prev {
  left: 0;
}
.products_gallery_thumb .slick-arrow.slick-next {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}

.products_video {
  margin-top: 32px;
}
.products_video .btn {
  height: 56px;
  display: flex;
  justify-content: center;
  font-size: 17px;
  font-weight: 700;
  column-gap: 15px;
  border: 3px solid #E73467;
}

.products_video .btn:before {
  content: '';
  position: relative;
  display: block;
  width: 29px;
  height: 29px;
  background: url(/local/templates/erolaif_2025/src/css/../img/btn_video_ico.svg) no-repeat;
}
.products_video .btn:hover:before {
  background: url(/local/templates/erolaif_2025/src/css/../img/btn_video_ico_hov.svg) no-repeat;
}

.page_products_block {
  margin-left: 49px;
  width: 100%;
}
.page_products_item {
  font-size: 30px;
  font-weight: 700;
  color: #430315;
}
.page_products_item h1 {
  font-size: 30px;
  margin:0;
  padding:0;
}
.page_products_category {
  margin-top: 10px;
  font-size: 21px;
  font-weight: 500;
  text-transform: uppercase;
}
.page_products_category a {
	color: #430315;
}

.page_products_rating {
  margin-top: 12px;
  display: flex;
  align-items: center;
  column-gap: 16px;
}
.page_products_rating_wrap {
  display: flex;
  column-gap: 8px;
}
.page_products_rating_wrap > span {
  display: block;
  width: 24px;
  height: 24px;
}
.page_products_rating_wrap .rating_ico1 {
  background: url(/local/templates/erolaif_2025/src/css/../img/rating_ico1.svg) no-repeat;
}
.page_products_rating_wrap .rating_ico2 {
  background: url(/local/templates/erolaif_2025/src/css/../img/rating_ico2.svg) no-repeat;
}

.page_products_rating p {
  font-size: 16px;
  font-weight: 400;
  color: #EF3167;
}

.page_products_wrap {
  margin-top: 24px;
}

.page_products_tabs {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: 14px;
  row-gap: 10px;
}

.page_products_tabs_item {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 12px;
  padding: 0 40px;
  height: 40px;
  border: 1px solid #F6E2E6;
  background: #FCF4F4;
  border-radius: 17px;
  font-size: 15px;
  font-weight: 400;
  color: #8E7D82;
  text-transform: uppercase;
  cursor: pointer;
}
.page_products_tabs_item:before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  inset: -3px;
  padding: 3px;
  border-radius: 17px;
  background: linear-gradient(180deg, #EF3167 0%, #F27C96 100%);
  mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: 2;
  opacity: 0;
}
.page_products_tabs_item.active,
.page_products_tabs_item:hover {
  background: transparent;
  color: #430315;
}
.page_products_tabs_item.active:before,
.page_products_tabs_item:hover:before {
  opacity: 1;
}

.page_products_tabs_item span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  background: #EF3167;
  border-radius: 50px;
  font-size: 12px;
  color: #ffffff;
}

.page_products_content {
	display:none;
	margin-top: 18px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}
.page_products_content ol{
  list-style: decimal;
}
.page_products_content ul{
  list-style: disc;
}
.page_products_content ol,
.page_products_content ul{
  padding-left: 40px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.page_products_content.active {
	display:block;
}
.page_products_content p {
  margin-bottom: 16px;
}
.page_products_content ul {
  padding: 0;
  margin: 0;
  padding-left: 16px;
  margin-bottom: 16px;
}
.page_products_content ul li {
  list-style-type: disc;
  margin: 0;
}
.page_products_content a {
	text-decoration: underline;
}
.page_products_content a:hover {
	text-decoration: none;
}

.page_products_right {
  min-width: 380px;
  margin-left: 52px;

}
.page_products_right .sticky-block{
  position: sticky;
  top: 110px;
}
.page_products_right_head {
  display: flex;
  justify-content: space-between;
}
.page_products_article {
  font-size: 16px;
  font-weight: 400;
  color: #A38E8E;
}

.page_products_btns {
  display: flex;
  column-gap: 30px;
}

.page_products_btn {
  width: 24px;
  height: 24px;
  border: none;
  cursor: pointer;
  transition: all 0.2s linear;
}

.page_products_btns .btn_fav,
.page_products_btn.btn_link{
  background-color: transparent;
}
.page_products_btns .btn_fav path,
.page_products_btn.btn_link path{
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.page_products_btn.btn_fav:hover path,
.page_products_btn.btn_link:hover path{
    fill: #E73467;
}

.page_products_right_block {
  margin-top: 25px;
  padding: 30px;
  background: #FCF4F4;
  border: 1px solid #F6E2E6;
  border-radius: 17px;
}

.page_products_right_profit {
  font-size: 16px;
  font-weight: 400;
}
.page_products_right_profit span{
  position: relative;
  padding-left: 22px;
}
.page_products_right_profit span:before {
  content: '';
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/local/templates/erolaif_2025/src/css/../img/page_products_right_profit.svg) no-repeat;
}
.page_products_right_profit b {
  font-weight: 400;
  color: #EF3167;
}
.product-main__list {
	padding:0;
}
.product-main__list svg{
	display:none;
}
.product-main__list .help{
	display:none;
}

.page_products_right_price {
  font-size: 37px;
  font-weight: 700;
  margin-top: 10px;
}
.page_products_right_price .price-old {
    color: #a9959b;
    font-size: 30px;
}

.page_products_payments {
  position: relative;
}

.page_products_payments_btn {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 12px;
  height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: #430315;
  background: #ffffff;
  border-radius: 10px;
  padding: 0 22px;
  border: 1px solid #F6E2E6;
  cursor: pointer;
}
.page_products_payments_btn:hover {
  border-radius: 50px;
}

.page_products_payments_btn:after {
  content: '';
  position: absolute;
  right: 14px;
  width: 12px;
  height: 6px;
  background: url(/local/templates/erolaif_2025/src/css/../img/catalog_nav_btn_up.svg) no-repeat;
  transform: rotate(-90deg);
  transition: all 0.2s linear;
}

.page_products_payments_btn.active:after {
  transform: rotate(0deg);
}

.page_products_payments_list {
  position: absolute;
  top: 52px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #F6E2E6;
  width: -webkit-fill-available;
  padding: 22px;
  z-index: 2;
  margin: 0;
  flex-direction: column;
  row-gap: 8px;
  display: none;
}

.page_products_payments_list.active {
  display: flex;
}

.cart1 {
  position: relative;
  margin-top: 16px;
  width: -webkit-fill-available;
  display: flex;
  justify-content: center;
  column-gap: 12px;
  height: 44px;
  font-size: 13px;
}
.cart1:before {
  content: '';
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  background: url(/local/templates/erolaif_2025/src/css/../img/cart1_ico.svg) no-repeat;
}

.cart2 {
  position: relative;
  margin-top: 16px;
  width: -webkit-fill-available;
  display: flex;
  justify-content: center;
  column-gap: 12px;
  height: 44px;
  background: #F6E2E6;
  border-color: #F6E2E6;
  font-size: 13px;
  color: #EF3167;

}
.cart2:before {
  content: '';
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  background: url("/local/templates/erolaif_2025/src/css/../img/cart2_ico.svg") no-repeat;
}

.page_products_list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.page_products_list div,
.page_products_list a {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 28px;
  font-size: 14px;
  font-weight: 500;
}
.page_products_list a {
  text-decoration: underline;
  color: #EF3167;
}

.page_products_list div:before,
.page_products_list a:before {
  content: '';
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
}

.page_products_list .ico1 .product-main__list-icon {
	display:none;
}
.page_products_list .ico1:before {
  background: url(/local/templates/erolaif_2025/src/css/../img/products_list_ico1.svg) 50% 50% no-repeat;
}
.page_products_list .ico2:before {
  background: url(/local/templates/erolaif_2025/src/css/../img/products_list_ico2.svg) 50% 50% no-repeat;
}
.page_products_list .ico3:before {
  background: url(/local/templates/erolaif_2025/src/css/../img/products_list_ico3.svg) 50% 50% no-repeat;
}

.page_products_list li {
	list-style:none;
}
.page_products_list .help {
	display:none;
}

.page_products_bottom {
  margin-top: 18px;
  padding: 14px 32px;
  display: flex;
    flex-direction: column;
  justify-content: left;
  row-gap: 20px;
  background: #FCF4F4;
  border: 1px solid #F6E2E6;
  border-radius: 17px;
}
.page_products_bottom a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  row-gap: 3px;
  width: 100%;
  color: #430315;
  transition: all 0.2s linear;
}
.page_products_bottom a:hover {
  color: #EF3167;
}
.page_products_bottom a span.ico-category {
  display: block;
  width: 59px;
  height: 59px;
  border-radius: 100px;
    flex: 0 0 59px;
    margin-right: 12px;
}
.page_products_bottom .ico1 span.ico-category {
  background: url("/local/templates/erolaif_2025/src/css/../img/page_products_bottom_ico1.svg") 50% 50% no-repeat #F6E2E6;
  background-size: 16px;
}
.page_products_bottom .ico2 span.ico-category {
  background: url("/local/templates/erolaif_2025/src/css/../img/page_products_bottom_ico2.svg") 50% 50% no-repeat #F6E2E6;
  background-size: 18px;
}
.page_products_bottom .ico3 span.ico-category {
  background: url("/local/templates/erolaif_2025/src/css/../img/page_products_bottom_ico3.svg") 50% 50% no-repeat #F6E2E6;
  background-size: 18px;
}

/**************************************************************************************/

.products_related {
  margin-top: 38px;
}
.products_related_wrap {
  position: relative;
  margin-top: 32px;
}
.products_related_wrap .catalog_block {
  margin: 0 20px;
}

.products_related_wrap .slick-arrow {
  position: absolute;
  top: -82px;
  width: 50px;
  height: 50px;
  border: 1px solid #8E7D82;
  border-radius: 100px;
  background: url(/local/templates/erolaif_2025/src/css/../img/gallery_btn.svg) 50% 50% no-repeat;
  background-size: 26px;
  font-size: 0;
  cursor: pointer;
  transition: all 0.2s linear;
}

.products_related_wrap .slick-arrow:hover {
  background: url(/local/templates/erolaif_2025/src/css/../img/gallery_btn_hov.svg) 50% 50% no-repeat;
  border-color: #EF3167;
}

.products_related_wrap .slick-prev {
  right: 80px;
}

.products_related_wrap .slick-next {
  right: 0;
  transform: rotate(180deg);
}


/**********************************************/

.anim-item{
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}

/*anim 1*/
.btn-outline {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-align: center;
  color: #E9164D;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  width: 290px;
  height: 142px;
}
.btn-outline svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  overflow: visible;
}

.btn-outline path {
  stroke: currentColor;
  stroke-width: 2px;
  transform-origin: 50% 50%;
}

[class*=outline] path {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 10000;
  stroke-dashoffset: 0;
  fill: none;
}

[class*=outline].animated path {
  animation: dashOutline 15s ease;
}

@keyframes dashOutline {
  from {
    stroke-dashoffset: 10000;
  }

  to {
    stroke-dashoffset: 0;
  }
}
/*end anim 1*/

.banner_btn path {
  stroke: #ffffff;
}
.sticky-sidebar {
  will-change: min-height;
}
.sticky-sidebar__inner {
  transform: translate(0, 0);
  will-change: position, transform;
  padding-bottom: 20px;
}
.share-tooltip {
  position: absolute;
  top: 25px;
  bottom: auto;
  right: 0;
  z-index: 101;
  width: fit-content;
  opacity: 0;
  pointer-events: none;
  background-color: #FFFFFF;
  border: 1px solid #E9164D;
  font-weight: 500;
  color: #430315;
  box-shadow: 0 0 calc(4px* 6) calc(4px* 2) rgba(0, 0, 0, 0.04);
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  border-radius: 16px;
}
.share-tooltiped .share-wrap {
  padding: 20px;
}
.share-tooltiped .share-items {
  display: flex;
  flex-direction: column;
}
.share-tooltiped .share-item {
  font-size: 24px;
}
.share-item svg {
  fill: #430315;
  transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
  width: 40px;
  height: 40px;
}
.share-item:hover svg {
  fill: #E9164D;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.share-item:hover {
  color: #E9164D;
  text-decoration: none;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.share-item {
  display: flex;
  align-items: center;
  vertical-align: top;
  font-weight: 600;
  gap: 24px;
  background-color: transparent;
  border: none;
  color: #430315;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  margin: 0 8px;
  padding: 0;
}
.share-tooltiped:hover .share-tooltip {
  opacity: 1;
  pointer-events: all;
}
.mobile-bottom-menu{
  display: none;
}
.menu_nav-back,
.menu_nav .category2{
  display: none;
}
.page_catalog_mob_filter{
  display: none;
}
.page_products_wrap-mob,
.page_products_right_head-mob{
  display: none;
}
.favourites,
.cart{
  position: relative;
}
.favourit__count,
.cart__count{
  position: absolute;
  left: 8px;
  top: -7px;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #EF3167;
  border-radius: 50%;
  font-weight: 600;
  width: 18px;
  height: 18px;
  font-size: 11px;
  color: #FFFFFF;;
}
.e-container{
  overflow: hidden;
}
.articles_wrapper-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 38px -15px -15px;
}
.btn-outline{
  border: none;
  background-color: transparent;
  outline: none;
}

.radio input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: pointer;
}
.radio {
  position: relative;
}
.radio input:checked ~ label {
  color: #E9164D;
}
.radio label:not(.error) {
  display: block;
  width: 100%;
  min-height: calc(var(--box-size)* 6);
  font-weight: 500;
  cursor: pointer;
  padding-left: calc(var(--indent-size)* 4);
  -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
}
.radio input:checked ~ label .radio__box {
  background-color: #E9164D;
  border-color: #E9164D;
}
.radio__box {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(var(--box-size)* 6);
  height: calc(var(--box-size)* 6);
  background-color: #FFFFFF;
  border: 1px solid #707070;
  border-radius: 50%;
  -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
}
.radio__box svg {
  position: relative;
  fill: #FFFFFF;
  opacity: 0;
  width: 11.141px;
  height: auto;
  -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
}
.radio input:checked ~ label .radio__box svg {
  opacity: 1;
}
.radio:not([class*=_empty]) {
  font-size: 16px;
  line-height: 1.75;
}
.ordering .checkbox input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: pointer;
}
.ordering .checkbox:not([class*=_empty]) {
  font-size: 16px;
  line-height: 1.75;
}
.ordering .checkbox {
  position: relative;
}
.ordering .checkbox label:not(.error) {
  display: block;
  width: 100%;
  min-height: calc(var(--box-size)* 6);
  font-weight: 500;
  cursor: pointer;
  padding-left: calc(var(--indent-size)* 4);
  -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
}

.ordering .checkbox__box {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(var(--box-size)* 6);
  height: calc(var(--box-size)* 6);
  background-color: #FFFFFF;
  border: 1px solid #707070;
  border-radius: calc(var(--border-radius) / 4);
  -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
}
.ordering .checkbox__box svg {
  fill: #FFFFFF;
  opacity: 0;
  width: 11.141px;
  height: auto;
  -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
}
.ordering .checkbox input:checked ~ label .checkbox__box {
  background-color: #E9164D;
  border-color: #E9164D;
}
.ordering .checkbox input:checked ~ label .checkbox__box svg {
  opacity: 1;
}
.banner_btn span{
  max-width: initial;
}
.page_brand{
  margin-top: 20px;
}
.page_brand .page_catalog_filter{
  margin-top: 0;
}
.card-empty {
  opacity: .5;
}
.dropdown-menu.datepicker-dropdown{
  width: 200px;
}
.articles_block:hover .articles_title,
.e-search-product-item:hover .e-search-product-name a,
.catalog_block:hover .catalog_block_title{
  color: #E73467;
}
.ordering .btn{
  padding: 8px 50px;
}
.breadcrumbs a{
  margin-right: 10px;
}
.cards-categories  .catalog_block_img{
  display: flex;
  align-items: center;
  justify-content: center;
}
.cards-categories .catalog_block_img img{
  object-fit: contain;
  width: 95%;
  height: 95%;
}
.cards-slide .catalog_block_head{
  padding-left: 30px;
}
#modalBannerAge .modal-btn .btn.js-age-set, #modalBannerAge .modal-btn .btn.no18 {
  width: 200px;
  display: inline-block;
  height: 44px;
  line-height: 42px;
  font-size: 14px;
  padding: 0 29px;
  margin: 0 10px;
  background: #E73467;
  border: 3px solid #E73467;
  border-radius: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
}
#modalBannerAge .modal-btn .btn.no18 {
  background: #F6E2E6;
  border-color: #F6E2E6;
  color: #EF3167;
  font-size: 13px;
  padding: 0 20px;
}
.counter-block{
  position: relative;
}
.counter-block .favourit__count,
.counter-block .cart__count{
  left: 21px;
  background-color: #fff;
  color: #EF3167;
}
.counter-block .favourit__count{
  left: 30px;
}
.rating-change{
  display: flex;
}
.jq-star{
  cursor: pointer;
}
.jq-star svg{
  width: 100%;
  height: 100%;
}
.page_catalog_category-btn{
  display: flex;
  justify-content: center;
  margin-top: -30px;
  margin-bottom: 30px;
}
.page_catalog_left{
  z-index: 15;
}
.page_catalog_filter_block{
  position: relative;
}
.page_catalog_filter_modef .bx-filter-popup-result{
  display: flex;
  align-items: center;
  width: auto;
  padding: 0;
}
.bx-filter-popup-result-text{
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.page_catalog_filter_modef .bx-filter-popup-result svg {
  stroke: #E9164D;
  -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
  transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1);
}
.page_catalog_filter_modef .bx-filter-popup-result a{
  padding: 8px;
}
.banner_slider:not(.slick-initialized) .banner_item:not(:first-child){
  display: none;
}
.footer-block{
  margin-top: 120px;
  position: relative;
  overflow: hidden;
}
.footer-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-1* var(--path-percent));
  right: calc(-1* var(--path-percent));
  height: 100%;
  background-color: #FCF4F4;
  border-radius: 50% 50% 0 0px / 50% 50% 0px 0px;
  z-index: -1;
}
.shop-img .img-1by1, .shop-img .video-1by1 {
  padding-top: 100%;
}
.page_products_bottom-text{
  width: 100%;
}
/* End */


/* Start:/local/templates/erolaif_2025/src/css/media_style.css?178713958841420*/
@media screen and (max-width: 1880px) {
    .footer_menu {
        column-gap: 7vw;
    }
}

@media screen and (max-width: 1700px) {
    .banner_title .title1 {
        font-size: 46px;
    }
    .banner .banner_btn {
        margin-top: 15px;
    }

    .offers2 {
        background-position: 50% -2vw;
    }
}
@media screen and (max-width: 1580px) {
    .banner_title .title1 {
        font-size: 41px;
    }
    .banner_title .title2 {
        font-size: 26px;
    }
    .banner .banner_item {
        height: 326px;
    }
}
@media screen and (max-width: 1550px) {

    .banner_title .title2 {
        margin-top: 1vw;
        width: 100%;
    }
    .banner .banner_btn {
        margin-left: 0;
    }
    .banner .banner_item{
        height: 290px;
    }
    .banner .banner_item:before{
        left: -175px;
    }


    .category2_item .category2_img {
        max-width: 50%;
    }
    .category2_item:nth-child(1) .category2_img {
        transform: translateX(24%);
    }
    .articles_wrapper {
        flex-wrap: wrap;
        row-gap: 24px;
    }
    /*.articles_block {*/
    /*    width: 24%;*/
    /*}*/

    .advant_title b {
        font-size: 18px;
    }
    .advant_title span {
        font-size: 16px;
    }

    .advant_img img {
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
    }

    .offers {
        margin-top: 32px;
    }
    .offers_wrapper {
        row-gap: 18px;
        padding: 46px 28px;
    }
    .offers_wrapper b {
        font-size: 18px;
    }
    .offers_wrapper span {
        font-size: 16px;
    }

    .footer_menu {
        column-gap: 4vw;
    }

    .footer_contacts .phone {
        font-size: 24px;
    }
    .footer_contacts .mail {
        font-size: 20px;
    }
    .footer_menu ul li a {
        font-size: 16px;
    }

    .page_catalog_category_block {
        width: 17.1%;
    }

    .page_catalog .catalog_block {
        width: 31%;
    }

    .page_products {
        flex-wrap: wrap;
        row-gap: 24px;
    }
    .page_products_item {
        font-size: 26px;
    }
    .page_products_gallery {
        max-width: 25%;
    }
    .page_products_block {
        margin-left: 15px;
        max-width: 42%;
    }

    .page_products_right {
        margin-left: 30px;
        max-width: 20%;
    }
    .page_products_right{
        min-width: 380px;
        margin-right: 15px;
    }
    .page_products_content{
        font-size: 15px;
    }

    .page_products_bottom{
        padding: 14px 21px;
    }
    .page_products_right_block{
        padding: 30px 21px;
    }
    .page_products_payments_btn{
        font-size: 12px;
        padding: 0 11px;
    }
    .page_products_payments_btn img{
        width: 52px;
    }
    .page_products_payments_btn:after{
        right: 10px;
    }
    .cart1,
    .cart2{
        padding: 0 10px;
        font-size: 13px;
    }
    .products_related_wrap .catalog_block{
        margin: 0 12px;
    }
    .catalog_block_head{
        padding: 10px 5px;
    }
    .category_wrapper{
        column-gap: 1vw;
    }
}
@media screen and (max-width: 1530px) {
    .banner_title .title1 {
        font-size: 38px;
    }
    .banner_title .title2 {
        font-size: 24px;
    }
}
@media screen and (max-width: 1500px) {
    .banner .banner_img{
        width: 50%;
    }
    .banner_title {
        max-width: 50%;
    }
    .banner .banner_item:before {
        left: -165px;
    }
}
@media screen and (max-width: 1470px) {
    .banner .banner_item:before {
        left: -184px;
    }
}
@media screen and (max-width: 1440px) {
    .menu_wrap .menu a {
        font-size: 14px;
    }
    .banner_title .title1 {
        font-size: 36px;
    }
    .banner_title .title2 {
        margin-top: 16px;
        font-size: 24px;
    }

    .catalog_block_category {
        font-size: 12px;
    }
    .catalog_block_title {
        margin-top: 12px;
        font-size: 16px;
    }
    .new_price {
        font-size: 18px;
    }
    .old_price {
        font-size: 14px;
    }

    .menu_nav_list {
        left: 400px;
        column-gap: 4vw;
    }
    .page_products_bottom{
        flex-direction: column;
        row-gap: 13px;
    }
    .page_products_bottom a{
        flex-direction: row;
        width: 100%;
        text-align: left;
    }
    .page_products_bottom a span{
        margin-right: 10px;
    }
    .banner .banner_item:before {
        left: -200px;
    }
}
@media screen and (max-width: 1410px) {
    .banner .banner_item:before {
        left: -215px;
    }
    .banner .banner_item {
        height: 277px;
    }
}

@media (max-width: 1390px) {
    .page_products_block{
        max-width: 35%;
    }
}
@media screen and (max-width: 1380px) {
    .banner .banner_item:before {
        left: -232px;
    }
}
@media screen and (max-width: 1370px) {
    .catalog_block_profit{
        padding: 0 6px;
    }
    .catalog_block_benefit{
        width: 50px;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .catalog_block_profit_text{
        display: none;
    }
    .catalog_block_profit{
        line-height: 22px;
    }
    .offers2 {
        margin-top: 38px;
    }
    .page_catalog_category_block span {
        font-size: 14px;
    }

    .catalog_block {
        width: 24%;
    }
}
@media screen and (max-width: 1360px) {
    .banner .banner_item {
        height: 269px;
    }
    .banner .banner_item:before {
        left: -242px;
    }
}
@media screen and (max-width: 1330px) {
    .banner .banner_item {
        height: 262px;
    }
    .banner .banner_item:before {
        left: -258px;
    }
    .banner-erid {
        margin-top: 8px;
    }
}
@media screen and (max-width: 1315px) {
    .banner_title .title1 {
        font-size: 34px;
    }
    .banner_title .title2 {
        margin-top: 10px;
        font-size: 22px;
    }
    .banner_title{
        padding-left: 40px;
    }
    .banner-erid{
        left: 40px;
        font-size: 12px;
        bottom: 3px;
    }
    .banner .banner_btn{
        margin-top: -10px;
    }
    .banner .banner_item {
        height: 260px;
    }
    .banner .banner_item:before {
        left: -267px;
    }
}
@media screen and (max-width: 1290px) {
    .banner .banner_item {
        height: 254px;
    }
    .banner .banner_item:before {
        left: -280px;
    }
    .banner_title {
        padding-top: 25px;
    }
}
@media screen and (max-width: 1280px) {
    .products_video .btn{
        padding: 0 8px;
    }
    .products_related_wrap .catalog_block {
        margin: 0 6px;
    }
    .section_item {
        font-size: 38px;
    }
    .category1_item.category_item1 {
        width: 23%;
    }
    .category1_item.category_item2 {
        width: 48%;
    }

    .category1_item:nth-child(5) .category1_img {
        max-width: 48%;
        top: 50%;
        transform: translateY(-50%);
    }

    .catalog_block {
        width: 32%;
    }

    /*.articles_block {*/
    /*    width: 32%;*/
    /*}*/

    .offers2_wrapper {
        column-gap: 5vw;
    }
    .offers2_title {
        font-size: 20px;
    }

    .footer_menu ul li a {
        font-size: 14px;
    }

    .menu_wrap .menu a {
        font-size: 12px;
    }

    .page_catalog_category_block {
        width: 22.4%;
    }

    .page_catalog .catalog_block {
        width: 48%;
    }
    .category1_item {
        height: 17vw;
    }

    .category2_item{
        height: 100px;
        font-size: 24px;
    }
}
@media screen and (max-width: 1260px) {
    .banner .banner_item {
        height: 248px;
    }
    .banner .banner_item:before {
        left: -294px;
    }
    .banner .banner_btn{
        font-size: 18px;
    }
    .banner_title .title1 {
        font-size: 32px;
    }
    .banner_title .title2 {
        font-size: 20px;
    }
}
@media screen and (max-width: 1230px) {
    .banner .banner_item {
        height: 242px;
    }
    .banner .banner_item:before {
        left: -311px;
    }
    .banner .btn-outline {
        min-width: 150px;
        min-height: 80px;
    }
}
@media (max-width: 1200px) {
    .articles_img{
        height: 190px;
    }
    .articles_title{
        font-size: 16px;
    }
    .articles_date,
    .articles_time{
        font-size: 12px;
    }
    .articles_item{
        padding: 8px;
    }
    .articles_wrapper-list,
    .articles_wrapper{
        margin: 38px -8px -8px;
    }
    .banner .banner_item {
        height: 236px;
    }
    .banner .banner_item:before {
        left: -327px;
    }
}

@media screen and (max-width: 1178px) {
    /*.banner_title {*/
    /*    padding-top: 3vw;*/
    /*    padding-left: 3vw;*/
    /*}*/
    .header_admin a {
        font-size: 12px;
    }
    .header_search input {
        font-size: 12px;
    }

    .advant_block {
        padding: 0 8px;
    }
    .advant_title span {
        font-size: 14px;
    }

    .footer_bottom_wrap {
        margin-left: 8%;
    }
    .banner .banner_item {
        height: 230px;
    }
    .banner .banner_item:before {
        left: -339px;
    }
    .banner_title .title1 {
        font-size: 30px;
    }
}
@media (max-width: 1156px) {
    .page_products_block {
        max-width: 25%;
    }
    .banner .banner_item {
        height: 227px;
    }
    .banner .banner_item:before {
        left: -350px;
    }
}
@media screen and (max-width: 1130px) {
    .banner .banner_item {
        height: 220px;
    }
    .banner .banner_item:before {
        left: -363px;
    }
}
@media (max-width: 1120px) {
    .banner-erid{
        width: 100%;
    }

    .banner_title .title1 {
        font-size: 28px;
    }
    .banner_title .title2 {
        font-size: 18px;
    }
}
@media (max-width: 1030px) {
    .banner .banner_item {
        height: 240px;
    }
}
@media screen and (max-width: 1024px) {
    .page_products_block {
        max-width: 40%;
    }
}
@media (max-width: 1000px) {
    .banner .banner_img{
        width: 100%;
    }
    .banner .banner_img img{
        margin: 0;
        height: 100%;
    }
    .banner .banner_item:before {
        display: none;
    }
    .banner_slider:not(.slick-initialized) .banner_item:not(:first-child){
        display: none!important;
    }
    .banner .banner_item {
        display: flex !important;
        height: 96vw;
        flex-direction: column-reverse;
    }
    .banner_title {
        position: relative;
        margin-top: 0;
        padding: 2vw 5vw;
        max-width: 100%;
        z-index: 2;
    }
    .banner_img picture,
    .banner_img img{
        max-height: 110%;
        display: initial;
        object-fit: cover;
    }
    .banner_title:before {
        content: '';
        position: absolute;
        background-size: 100% 100%;
        z-index: -1;
        background-color: #E73467;
        height: 480px;
        width: 1200px;
        border-radius: 45% 45% 0 0;
        top: -75px;
        left: 50%;
        transform: translateX(-50%);
    }
    .banner_title .title1 {
        font-size: 4vw;
    }
    .banner_title .title2 {
        margin-top: 2vw;
        font-size: 3vw;
    }
    .banner .banner_img {
        position: relative;
        top: 15px;
    }
    .banner .banner_img img {
        position: relative;
        width: 100%;
    }
    .banner .banner_btn {
        margin: 2vw auto;
    }
    .banner .slick-dots {
        column-gap: 18px;
        bottom: -12px;
    }
    .banner .slick-dots li {
        width: 8px;
        height: 8px;
        background: #F6E2E6;
    }
    .banner .slick-dots li {
        width: 12px;
        height: 12px;
    }
    .banner-erid{
        margin-bottom: 10px;
        font-size: 11px;
    }
    .banner_title {
        justify-content: center;
    }
    .banner_title .title2 {
        max-width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .page_catalog_category-btn{
        display: none;
    }
    .page_catalog_nav, .page_catalog_filter{
        max-width: 100%;
    }
    .header {
        padding-top: 8px;
    }
    .header_wrapper .container {
        min-height: 58px;
    }
    .header_top {
        display: none;
    }
    .header_search {
        justify-content: flex-end;
        width: 100%;
        margin: 8px 0 0;
        padding: 12px 0;
        border-top: 1px solid #F6E2E6;
        order: 4;
    }
    .header_search input {
        flex-grow: 1;
    }
    .header_admin {
        display: none;
    }
    .header_wrap {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .header_logo {
        margin: 0;
        order: 2;
    }
    .header_mob_phone {
        display: block;
        order: 3;
    }
    .menu_btn {
        width: 45px;
        height: 45px;
    }
    .menu_btn p {
        display: none;
    }

    .menu_wrap {
        display: none;
    }
    .menu_nav {
        overflow-y: scroll;
        overflow-x: hidden;
        height: calc(100vh - 130px);
    }
    .menu_nav_list{
        display: none;
    }
    .menu_wrapper {
        top: auto;
        position: fixed;
        border-radius: 17px 17px 0 0;
        transform: translateY(100%);
        transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
        z-index: 14;
    }
    .menu_wrapper.active {
        transform: translateY(0);
        z-index: 14;

    }
    .menu_wrapper.active:before {
        content: '';
        position: absolute;
        top: -34vw;
        width: 100%;
        height: 100%;
        background: #00000080;
        z-index: -2;
    }

    .menu_wrapper:after {
        content: '';
        position: absolute;
        top: -0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: -2;
        border-radius: 17px 17px 0 0;
    }
    .menu_btn_close {
        display: flex;
    }

    .menu_btn.active > div span:nth-child(1) {
        transform: none;
    }

    .menu_btn.active > div span:nth-child(2) {
        opacity: 1;
    }

    .menu_btn.active > div span:nth-child(3) {
        transform: none;
    }

    .category1_item {
        height: 18vw;
        overflow: hidden;
    }

    .menu_catalog {
        padding-top: 19px;
        padding-bottom: 34px;
    }
    .menu_catalog_wrap {
        padding: 0;
    }

    /*.banner .banner_item {*/
    /*    height: 38vw;*/
    /*}*/
    /*.banner .banner_img{*/
    /*    width: 54%;*/
    /*}*/
    /*.banner .banner_img img{*/
    /*    height: 38vw;*/
    /*    object-fit: cover;*/
    /*}*/
    /*.banner_title .title1 {*/
    /*    font-size: 3vw;*/
    /*}*/
    /*.banner_title .title2 {*/
    /*    margin-top: 2vw;*/
    /*    font-size: 2.6vw;*/
    /*}*/
    /*.banner .banner_btn {*/
    /*    width: 146px;*/
    /*    height: 72px;*/
    /*    background-size: contain;*/
    /*    font-size: 19px;*/
    /*}*/
    .brands_item {
        position: relative;
        width: 24%;
    }

    .page_catalog_category_block span {
        font-size: 14px;
        text-align: center;
    }
    .page_catalog .page_catalog_category .page_catalog_category_block {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 129px;
        margin: 0 4px;
        justify-content: center;
    }
    .age_catalog_category_img{
        margin-bottom: 13px;
    }
    .page_catalog_category {
        padding: 0 20px;
        display: block;
        width: 100%;
    }
    .page_catalog_category .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        height: 18px;
        background: url(/local/templates/erolaif_2025/src/css/../img/btn_slide.svg) no-repeat;
        border: navajowhite;
        font-size: 0;
        z-index: 3;
    }
    .page_catalog_category .slick-prev {
        left: 0;
    }
    .page_catalog_category .slick-next {
        right: 0;
        transform: rotate(180deg);
    }

    .header{
        position: relative;
    }

    .mobile-bottom-menu{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #EF3167;
        z-index: 13;
        padding: 13px 20px;
    }
    .mobile-bottom-menu__list{
        display: flex;
        justify-content: space-between;
    }
    .mobile-bottom-menu__ico{
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-bottom-menu__name{
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        line-height: 13px;
        color: #FFFFFF;
    }
    .menu_nav_top-list{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin: 0 -5px;
        position: relative;
    }
    .menu_nav_top{
        box-sizing: border-box;
        width: 100%;
        max-width: 50%;
        padding: 0 5px;

    }
    .menu_nav_top.active .menu_nav_btn{
        background-color: transparent;
    }
    .menu_nav_top.active .menu_nav_btn:after{
        opacity: 0;
    }
    .menu_nav_btn{
        border: 1px solid #F6E2E6;
        border-radius: 7px;
        font-weight: 500;
        font-size: 15px;
        min-height: 35px;
        padding: 5px 16px 5px 16px;
        width: 100%;
    }
    .menu_nav_btn:hover {
        background: transparent;
        color: #430315;
    }
    .menu_nav_list{
        margin-top: 20px;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        transform: translateX(100%);
        transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
        background-color: #fff;
        padding: 0 5px;
        width: 100%;
    }

    .menu_sub-menu-list{
        margin-top: 15px;
    }
    .menu_nav_list.active{
        transform: translateX(0);
    }
    .menu_sub-menu-list,
    .menu_nav_list ul{
        row-gap: 0;
        margin-bottom: 10px;
    }
    .menu_nav_list ul li:last-child b,
    .menu_nav_list ul li:last-child {
        margin-bottom: 0;
    }

    .menu_nav-back{
        width: 100%;
        font-size: 20px;
        font-weight: 700;
    }
    .menu_sub-menu-list{
        display: none;
    }
    .menu_nav_list.active .menu_sub-menu-list{
        display: block;
    }
    .menu_nav_top-list{
        display: none;
    }
    .menu_nav_top-list.show{
        display: flex;
    }
    .menu_nav {
        margin-top: 0;
    }
    .menu_nav_tabs {
        display: flex;
    }
    .header_search.header_search_menu {
        position: relative;
        display: flex;
        flex-direction: row-reverse;
        justify-content: left;
        border: none;
        margin: 0;
        padding: 13px 0;
    }
    .header_search.header_search_menu:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        height: 1px;
        background: #F6E2E6;
    }
    .header_search.header_search_menu:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        height: 1px;
        background: #F6E2E6;
    }
    .menu_nav_top {
        margin-top: 20px;
    }

    .menu_nav_addr {
        display: flex;
    }
    .menu_nav {
        margin-top: 0;
        margin-right: -15px;
        padding-right: 15px;
    }

    .menu_nav_top:before {
        display: none;
    }
    .menu_nav_top-info-list{
        width: 100%;
    }
    .menu_nav_top-info-list ul{
        padding: 0 5px;
        margin: 20px 0 0;

    }
    .menu_nav_top-info-list a{
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 35px;
        color: #430315;
    }

    .catalog_fav{
        display: none;
    }
    .catalog_fav-mob{
        display: block;
        position: relative;
        top: auto;
        right: auto;
        width: 19px;
    }
    .catalog_block_price_block{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    .catalog_block_img .catalog_cart{
        display: none;
    }
    .catalog_block .catalog_cart{
        opacity: 1;
        transform: none;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }
    .catalog_block:hover .catalog_cart{
        transform: none;
    }
    .catalog_block .catalog_cart.catalog_cart-mob{
        display: block;
    }

    .catalog_block .catalog_cart:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 20px;
        height: 20px;
        transform: translate(-50%, -50%);
        background: url(/local/templates/erolaif_2025/src/css/../img/catalog_cart_ico.svg) 50% 50% no-repeat;
    }
    .catalog_block .catalog_cart span {
        display: none;
    }

    .category2 {
        margin-top: 45px;
    }

    .category2_item {
        height: 80px;
        font-size: 18px;
    }
    .menu_nav .category2{
        margin-top: 35px;
        display: block;
        width: 100%;
        padding: 0 5px;
    }
    .menu_nav-back{
        display: block;
    }

    .page_catalog_wrapper {
        flex-direction: column;
    }
    .page_catalog_nav {
        display: none;
        position: fixed;
        top: 20vw;
        left: 0;
        z-index: 4;
        background: #ffffff;
        overflow-y: scroll;
        height: 510px;
    }

    .page_catalog_filter {
        display: none;
    }
    .page_catalog_sorting {
        row-gap: 10px;
        flex-direction: column-reverse;
    }
    .page_catalog_wrapper {
        margin-top: 30px;
    }
    .page_catalog_right {
        margin: 0;
    }

    .page_catalog_all {
        margin: 28px auto 0;
    }

    /*.nav_page ul li:nth-child(4) {*/
    /*    display: none;*/
    /*}*/
    /*.nav_page ul li:nth-child(5) {*/
    /*    display: none;*/
    /*}*/
    /*.nav_page ul li:nth-child(6) {*/
    /*    display: none;*/
    /*}*/

    .page_catalog .section_item {
        text-align: center;
    }
    .nav_page {
        column-gap: 4px;
    }
    .page_products_tabs_item {
        padding: 0 9px;
        height: 36px;
        font-size: 12px;
        border-radius: 9px;
    }
    .page_products_tabs_item:before{
        border-radius: 9px;
    }
    .page_products_tabs_item.active,
    .page_products_tabs_item:hover{
        background: transparent;
        color: #430315;
    }
    .page_products_tabs_item:hover:before{
        content: none;
    }
    .page_products_tabs_item.active:before{
        content: '';
    }

    .page_products_tabs{
        column-gap: 6px;
    }
    .page_products_item {
        font-size: 24px;
    }

    .page_products {
        flex-direction: column;
    }
    .page_products_gallery {
        max-width: 440px;
        margin: 0 auto;
        order: 2;
    }
    .products_gallery .products_gallery_img{
        max-height: 440px;
    }
    .page_products_right .page_products_right_head,
    .page_products_wrap{
        display: none;
    }
    .page_products_right_head-mob{
        margin-top: 16px;
        display: flex;
        margin-bottom: 13px;
    }
    .page_products{
        row-gap: 0;
    }
    .page_products_right_price,
    .page_products_right_profit{
        text-align: center;
    }
    .page_products_right_price{
        margin-bottom: 16px;
    }
    .page_products_right_block{
        margin-top: 29px;
        margin-left: -20px;
        margin-right: -20px;
    }

    .page_products_payments_btn:hover {
        border-radius: 10px;
    }
    .cart2,
    .cart1{
        margin-top: 9px;
    }
    .page_products_bottom{
        margin: -20px -20px 0;
        border-top: none;
    }
    .page_products_wrap-mob{
        display: block;
        order: 4;
    }
    .page_products_block {
        margin-left: 0;
        max-width: 100%;
    }

    .page_products_right {
        order: 3;
        min-width: auto;
        max-width: initial;
        margin-left: 0;
    }
    .page_products_bottom {
        flex-direction: row;
    }
    .page_products_bottom a {
        flex-direction: column;
        text-align: center;
    }
    .page_products_bottom a span {
        margin-right: 0;
    }
    .catalog_block_img {
        height: 194px;
    }

    .products_related_wrap .catalog_block {
        margin: 0 12px;
    }

    .page_catalog_wrap{
        row-gap: initial;
        column-gap: initial;
        margin: 23px -7px 0;
    }
    .page_catalog .catalog_block {
        box-sizing: border-box;
        width: calc(100%/4);
        padding: 7px;
    }

    .catalog_block_head{
        padding: 15px;
    }
    .catalog_block_profit_text{
        display: none;
    }

    .catalog_block_new,
    .catalog_block_profit,
    .catalog_block_benefit{
        display: block;
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        box-sizing: border-box;
        padding: 0;
    }
    .catalog_block_benefit,
    .catalog_block_profit{
        padding: 0 8px;
    }
    .catalog_block_new{
        width: auto;
        padding: 0 10px;
    }
    .catalog_block_benefit{
        width: 49px;
        text-align: center;
        background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_benefit-mob.png) no-repeat;
        background-size: contain;
    }
    .catalog_block_new{
        text-align: center;
        background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_new-mob.png) no-repeat;
        background-size: contain;
        line-height: 18px;
    }

    .footer_bottom_wrap {
        margin-left: 20px;
    }
    footer{
        padding-bottom: 63px;
    }
    .page_catalog_left{
        display: none;
    }
    .page_catalog_category{
        margin-bottom: 26px;
    }

    .page_catalog_mob_filter{
        box-sizing: border-box;
        display: block;
        padding: 9px 13px;
        border: 1px solid #F6E2E6;
        border-radius: 10px;
        margin-left: 13px;
    }
    .page_catalog_mob_filter svg{
        width: 24px;
        height: 24px;
    }
    .page_catalog_sorting_nav{
        display: flex;
    }
    .page_catalog_sorting_item{
        width: 100%;
    }
    .page_catalog_sorting_item{
        height: 45px;
    }
    .page_catalog_sorting_list{
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 15;
        width: 100%;
        left: 0;
        right: 0;
        border: none;
        top: auto;
        transform: translateY(100%);
        transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
        border-radius: 17px 17px 0 0;
        box-sizing: border-box;
        padding: 15px 20px;
    }
    .page_catalog_sorting_list.active{
        transform: translateY(0);
    }

    .page_catalog_sorting_list.active:before {
        content: '';
        position: absolute;
        top: -95vh;
        width: 100%;
        height: 100vh;
        background: #00000080;
        z-index: -2;
        left: 0;
        right: 0;
    }
    .page_catalog_sorting_list.active:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: -2;
        border-radius: 17px 17px 0 0;
    }
    .page_catalog_sorting_title{
        display: none;
    }
    .page_catalog_sorting_list .filter_btn{
        font-size: 17px;
    }
    .page_catalog_sorting_list .filter_btn_container{
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 10px 15px;
    }
    .page_catalog_sorting_list .filter_btn_radio{
        display: none;
    }
    .filter_btn.active .filter_btn_container{
        background-color: #FCF4F4;
        border-radius: 7px;
    }
    .page_catalog_left{
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 15;
        bottom: 0;
        transform: translateY(100%);
        transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
        background-color: #fff;
    }
    .page_catalog_left.show{
        transform: translateY(0);
    }
    .page_catalog_left.show:before {
        content: '';
        position: absolute;
        top: -95vh;
        width: 100%;
        height: 100vh;
        background: #00000080;
        z-index: -2;
        left: 0;
        right: 0;
    }
    .page_catalog_left.show:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: -2;
        border-radius: 17px 17px 0 0;
    }
    .page_catalog_filter{
        display: block;
        margin: 0;
        background-color: #fff;
        border: none;
        max-height: calc(100vh - 150px);
        overflow: auto;
    }
    .page_catalog_filter_head{
        height: 62px;
    }
    .products_related_wrap .catalog_block{
        margin: 0 7px;
    }
    .page_products_payments_btn {
        font-size: 14px;
        padding: 0 11px;
    }
    .page_products_payments_btn img {
        width: 71px;
    }
    .header-event__inner{
        color: #430315;
    }
    .header-event__inner path{
        fill: #430315;
    }
    .menu_nav_addr{
        align-items: center;
    }
    .articles_wrap{
        flex-direction: column;
    }
    .articles_time{
        margin-bottom: 5px;
    }
    .articles_img {
        height: 180px;
    }
    .articles_wrapper-list .articles_item{
        flex: 0 0 calc(100%/3);
        max-width: calc(100%/3);
    }
    .page_catalog_category .slick-track,
    .page_catalog_category{
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
    }
    .page_catalog_category_block{
        min-width: 140px;
    }
    .page_products_bottom a span.ico-category{
        margin-right: 0;
    }
}


@media screen and (max-width: 769px) {
    .footer-block::before {
        left: calc(-1 * var(--path-percent) / 2 * 13);
        right: calc(-1 * var(--path-percent) / 2 * 13);
    }
    .menu_catalog {
        padding-bottom: 20px;
    }
    .menu_catalog_wrap{
        column-gap: 10px;
    }
    .menu_catalog_img img {
        width: 100%;
    }
    .menu_catalog_item span {
        text-align: center;
    }

    .category_wrapper {
        margin-top: 12px;
        row-gap: 22px;
        flex-wrap: wrap;
    }
    .category1_item.category_item1 {
        width: 48%;
    }
    .category1_item.category_item2 {
        width: 100%;
    }
    .category1_item span {
        bottom: 2vw;
        left: 2vw;
        font-size: calc(14px + 1vw);
    }
    .category1_item {
        height: 35vw;
    }
    .category2 {
        margin-top: 48px;
    }
    .category2_item {
        align-items: start;
        height: 105px;
        background: rgb(252, 244, 244);
        padding-top: 3vw;
    }
    .category2_item .category2_img {
        max-width: 100%;
    }
    .brands_item {
        width: 30%;
    }

    .tabs_wrap {
        column-gap: 20px;
    }
    .tabs_wrap a {
        box-sizing: border-box;
        padding: 18px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #FCF4F4;
        border: 1px solid #F6E2E6;
        border-radius: 15px;
        font-size: 15px;
    }
    .tabs_wrap a.active, .tabs_wrap a:hover {
        background: #E73467;
        border-color: #E73467;
        color: #ffffff;
    }

    .catalog .tabs_wrap a{
        width: 113px;
    }
    .catalog .tabs_wrap {
        column-gap: 5px;
    }
    .catalog_block {
        width: 48%;
    }
    /*.articles_block {*/
    /*    width: 48%;*/
    /*}*/
    .articles_img {
        height: 44vw;
    }
    .articles_title {
        margin-top: 10px;
        font-size: 16px;
    }
    .articles_time {
        font-size: 12px;
    }
    .articles_date {
        font-size: 12px;
    }

    .advant_wrapper {
        flex-wrap: wrap;
        row-gap: 14px;
    }
    .advant_block {
        width: 100%;
    }

    .offers2 {
        margin-top: 38px;
        padding-top: 8vw;
        background-size: auto 106%;
    }
    .offers2_wrapper {
        flex-direction: column;
        align-items: center;
    }

    .offers2_img {
        margin-top: 30px;
        width: 100%;
        height: 140px;
        border-radius: 25px;
        overflow: hidden;
    }

    .offers2_img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .footer_wrapper {
        flex-direction: column;
        padding-bottom: 0;
        border: none;
    }
    .footer_contacts {
        flex-wrap: wrap;
        flex-direction: initial;
        row-gap: 0;
    }
    .footer_contacts .phone {
        font-size: 20px;
        width: 100%;
    }
    .footer_contacts .mail {
        font-size: 20px;
        width: 100%;
    }
    .footer_menu {
        margin-top: 28px;
        justify-content: space-between;
        flex-wrap: wrap;
        column-gap: 4vw;
    }
    .footer_menu ul {
        width: 30%;
    }

    .footer_bottom {
        display: flex;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .footer_bottom_wrap {
        margin: 0;
    }
    .adult_materials {
        width: 100%;
        column-gap: 30px;
    }

    .footer_menu ul {
        width: 100%;
        border-bottom: 1px solid #F6E2E6;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
    }

    .footer_your_block:nth-child(1) {
        margin: 0;
    }
    .footer_your_wrap {
        width: 100%;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        row-gap: 30px;
    }
    .footer_your_block:nth-child(2) {
        margin: 0;
    }

    .menu_btn.active > div span:nth-child(1) {
        transform: none;
    }

    .menu_btn.active > div span:nth-child(2) {
        opacity: 1;
    }

    .menu_btn.active > div span:nth-child(3) {
        transform: none;
    }
    .page_catalog .catalog_block{
        width: 50%;
    }
    .page_catalog_wrapper .page_catalog_all{
        margin-top: 46px;
    }
    .banner .banner_btn{
        width: 120px;
        height: 50px;
    }
    .banner .banner_btn span{
        font-size: 12px;
        width: 70%;
    }
    .banner .banner_btn svg{
        width: 80%;
    }
    .banner .outline-line svg{
        display: none;
    }
    .cards-slide .catalog_block_head{
        padding-left: 20px;
    }
    .articles_wrapper-list .articles_item,
    .articles_item {
        flex: 0 0 50%;
        max-width: 50%;
    }

}
@media (max-width: 670px) {
    .banner_title:before{
        top: -12px;
    }
    .banner_title{
        padding: 3vw 5vw;
    }
    .banner-erid{
        left: 5vw;
        right: 5vw;
        width: auto;
        margin-bottom: 0;
    }
}
@media (max-width: 640px) {
    .products_related_wrap .slick-next{
        right: -5px;
    }
    .products_related_wrap .slick-prev{
        left: -5px;
    }
    .nav_page button{display:none;}
}

@media (max-width: 520px) {
    .products_related .section_item {
        font-size: 35px;

    }
    .products_related .section_item{
        padding: 0 50px;
    }
    .menu_catalog_item:last-child{
        padding-right: 20px;
    }
    .menu_catalog .menu_catalog_item .menu_catalog_img{
        width: 78px;
        height: 78px;
    }
    .menu_catalog_item span{
        font-size: 13px;
    }
    .banner .banner_slider{
        padding-bottom: 19px;
    }
    .category1{
        margin-top: 41px;
    }
    .category1_item {
        height: 43vw;
    }
    .category2_item{
        font-size: 15px;
        overflow: visible;
    }
    .category2_item:nth-child(1) .category2_img{
        max-width: max-content;
        width: 109px;
    }
    .category2_item:nth-child(1) .category2_img img{
        max-width: max-content;
        width: 100%;
    }
    .category2_item:nth-child(1) .category2_img{
        transform: translate(10%, 0);
    }

    .category2_item:nth-child(2) .category2_img{
        max-width: max-content;
        width: 135px;
    }
    .category2_item:nth-child(2) .category2_img img{
        max-width: max-content;
        width: 100%;
    }
    .category2_item:nth-child(2) .category2_img{
        transform: translate(28%, 0);
    }

    .category2_item:nth-child(3) .category2_img{
        max-width: max-content;
        width: 100px;
    }
    .category2_item:nth-child(3) .category2_img img{
        max-width: max-content;
        width: 100%;
    }
    .category2_item:nth-child(3) .category2_img{
        transform: translate(22%, 0);
    }
    .brands{
        margin-top: 43px;
    }
    .brands_wrapper{
        margin-top: 21px;
    }
    .catalog{
        margin-top: 24px;
    }
    .tabs_wrap{
        margin-top: 17px;
    }
    .catalog_wraper{
        margin-top: 17px;
    }

    .brands_item {
        width: 48%;
    }
    .catalog_block {
        display: flex;
        flex-direction: column;
    }
    .catalog_block_title {
        margin-top: 4px;
        font-size: 14px;
    }
    .catalog_block_rating {
        font-size: 12px;
    }
    .catalog_block_price {
        margin-top: 4px;
    }
    .catalog_wraper{
        row-gap: 22px;
    }

    .catalog .all_news{
        display: none;
    }
    .articles{
        margin-top: 30px;
    }
    .articles_block:hover{
        border-radius: inherit;
    }
    .articles_wrapper{
        margin-top: 17px;
    }
    .advant{
        margin-top: 36px;
    }
    .advant_img{
        height: 146px;
    }
    .advant_title{
        padding: 10px 0;
        row-gap: 5px;
        justify-content: center;
    }
    .footer_contacts_social-block{
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }
    .category2 {
        margin-top: 48px;
    }

    .catalog_block_head {
        padding: 5px;
    }
    .page_catalog_wrap .catalog_block_head{
        padding: 13px;
    }

    .page_products_gallery {
        max-width: 100%;
        margin: 0 auto;
        order: 2;
    }
    .products_gallery .products_gallery_img {
        max-height: 440px;
    }
    .products_gallery .products_gallery_img {
        max-height: 92vw;
    }
    .products_gallery_thumb_img{
        margin: 0;
        margin-right: 5px;
    }
    .catalog_block_img {
        height: 169px;
    }
    .slider-404{
        margin-top: 100px;
    }
    .nav_page span,
    .nav_page ul li a,
    .pagination-item {
        width: 23px;
    }
}
@media (max-width: 490px) {
    .footer_contacts_social a{
        width: 40px;
        height: 40px;
    }
    .footer_contacts_social-item{
        padding: 0 5px;
    }
    .footer_contacts_social-list{
        margin: 0 -5px;
    }
    .footer__list-wrapper{
        width: 100%;
    }
}
@media (max-width: 430px) {
    .products_related_wrap .slick-arrow{
        top: -96px;
    }
    .banner .banner_img{
        top: 0;
        height: auto;
    }
    .banner .banner_item {
        height: auto;
    }
    .banner_slider .slick-track{
        display: flex;
    }
    .banner_title{
        height: 100%;
    }
}
@media (max-width: 385px) {
    .menu_nav_btn{
        padding: 5px;
        font-size: 14px;
    }
    .menu_nav_btn:before{
        left: 5px;
    }

}
@media (max-width: 370px) {
    .footer_bottom_wrap{
        column-gap: 12px;
    }
}
@media (max-width: 340px) {
    .footer_bottom_wrap{
        column-gap: 8px;
    }
    .page_products_payments_btn{
        padding: 0 10px;
    }
    .page_products_payments_btn:after{
        right: 8px;
    }
    .cart2,
    .cart1{
        padding: 0 8px;
    }
}
/* End */


/* Start:/local/templates/erolaif_2025/components/reaspekt/reaspekt.geoip/top/style.css?17452638731092*/
.city {
    position: absolute;
    left: -100%;
    top: 110%;
    z-index: 1;
	min-width: 280px;
    background-color: #FFFFFF;
    border: 1px solid #E9164D;
    font-weight: 500;
    color: #430315;
	padding: 24px;
	border-radius: 24px;
	box-sizing: border-box;
}

.city__label {
    display: block;
	font-size: 14px;
	line-height: 1.7142857143;
    color: #8E7D82;
}

.city__name {
    display: block;
	font-size: 20px;
	line-height: 1.3;
}
.city-btn {
	margin-top: 20px;
}

.city-btn .btn:not(:last-child) {
    margin-bottom: var(--indent-size);
}
.btn.btn-light-red:not(.border) {
    background-color: #F6E2E6;
    color: #E9164D;
	border: 1px solid #F6E2E6;
}
.city-btn .btn {
    width: 100%;
}
.city-btn .btn:not(:last-child) {
    margin-bottom: 10px;
}

.btn:not([class*=-circle]) {
	min-height: 42px;
}

.btn__icon:not(:only-child):last-child {
	margin-left: var(--indent-size);
}

.btn__icon:not(:only-child):last-child {
    left: 0;
}

.btn.btn-red:not(.border) {
	background-color: #E9164D;
    color: #FFFFFF;
}
/* End */


/* Start:/local/templates/erolaif_2025/components/bitrix/news.list/header-stories/style.css?174549221755*/
.menu_catalog_img .inner_cir{
    overflow: hidden;
}
/* End */


/* Start:/local/templates/erolaif_2025/components/bitrix/sale.basket.basket/popup/style.css?1745263873322*/
.basket-favorites .js-delete {
	background:url(/local/templates/erolaif/static/img/minified-svg/remove.svg) no-repeat;
	background-size:82%;
	background-position:center;
	width:32px;
	height:32px;
}

@media only screen and (max-width: 767px) {
	.basket-favorites .js-delete {
		width:24px;
		height:24px;
	}
}
/* End */


/* Start:/local/templates/erolaif_2025/components/arturgolubev/search.title/main/style.css?17628540434485*/
.e-search{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 150;
	padding: 16px 0;
	box-shadow: 0 9px 11px rgba(0, 0, 0, .09);
	max-height: 100vh;
	height: auto;
}
.e-search-container{
	max-width: 95%;
	margin: 0 auto;
}
.e-search-form{
	display: flex;
	margin-bottom: 24px;
}
.e-search-input-block{
	position: relative;
	width: 100%;
	margin-right: 10px;
}
.e-search-loader{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
}
.e-search-input{
	width: 100%;
	padding: 8px 137px 8px 37px;
	border: 1px solid #e9164d;
	border-radius: 16px;
	font-size: 16px;
	line-height: 20px;
	outline: none;
	height: 48px;

	font-family: inherit;
}
.e-search-submit{
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background-color: #e9164d;
	border-radius: 16px;
	padding: 14px 35px;
	border: none;
	margin-right: 10px;
	font-family: inherit;
	height: 48px;
	cursor: pointer;
	transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1);
}
.e-search-close{
	font-size: 16px;
	font-weight: 700;
	color: #430315;
	background-color: transparent;
	padding: 14px 20px;
	border: none;
	font-family: inherit;
	cursor: pointer;
}
.e-search-more{
	font-size: 16px;
	font-weight: 700;
	color: #000;
	background-color: #fff;
	border-radius: 16px;
	padding: 14px 35px;
	border: 1px solid #e9164d;
	font-family: inherit;
	height: 48px;
	line-height: 1;
	cursor: pointer;
}
.e-search-show-more-block{
	display: flex;
	justify-content: center;
	padding-bottom: 80px;
}
.e-search-scroll{
	overflow-y: auto;
	max-height: calc(100vh - 140px);
}
.e-search-bottom{
	display: flex;
	overflow: hidden;
}
.e-search-title{
	font-weight: 700;
	line-height: 20px;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	color: #430315;
	margin-bottom: 4px;
    cursor: default;
}
.e-search-left{
	width: 320px;
	padding-right: 30px;
}
.e-search-right{
	width: 100%;
	height: 100%;
}
.e-search-other {
	margin-bottom: 20px;
}
.e-search-history-list,
.e-search-other-list {
	margin-bottom: 16px;
}
.e-search-history-list li,
.e-search-other-list li{
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	line-height: 20px;
	padding: 8px 0;
	word-break: break-all;
    cursor: pointer;
}
.e-search-history-list li:hover,
.e-search-other-list li:hover{
	background-color: #f6f6f6;
}

.e-search-product-list{
	display: flex;
	margin: 0 -10px;
	margin-top: 10px;
	flex-wrap: wrap;
}
.e-search-product-wrap{
	padding: 0 10px;
	margin-bottom: 24px;
}
.e-search-product-item{
	max-width: calc(100% / 4);
	width: 100%;
}
.e-search-product-img{
	height: 160px;
	margin-bottom: 8px;
}
.e-search-product-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.e-search-product-name{
	font-weight: 400;
	line-height: 18px;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	height: 54px;
	margin-bottom: 10px;
}
.e-search-product-name a{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.e-search-product-price{
	font-weight: 700;
	line-height: 20px;
	font-size: 16px;
	text-decoration: none;
	color: #430315;;
}
.e-search-product-link{
	border-radius: 16px;
	width: 100%;
	padding: 12px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #fff;
	border-color: #e9164d;
	background-color: #e9164d;
	margin-top: 10px;
	font-weight: 700;
	font-size: 16px;
}
.e-search-submit:hover,
.e-search-product-link:hover{
	color: #fff;
	border-radius: 25px;
}
.e-search-find-empty{
	padding: 15px;
	width: 100%;
	margin-bottom: 20px;
	background-color: #f6f6f6;
	border-radius: 16px;
	color: #430315;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.e-search-find-empty span{
	color: #e9164d;
}
.e-search-close-mob{
	display: none;
	background-color: transparent;
	border: none;
	outline: none;
	margin-right: 10px;
}
.e-search-close-mob svg{
	fill: #430315;
	opacity: .3;
}
@media (max-width: 980px) {
	.e-search-product-item{
		max-width: calc(100% / 2);
	}
}
@media (max-width: 720px) {
	.e-search-close,
	.e-search-left{
		display: none;
	}
	.e-search-close-mob{
		display: block;
	}
	.e-search-product-link,
	.e-search-product-price,
	.e-search-product-name{
		font-size: 14px;
		line-height: 16px;
	}
	.e-search-product-img{
		height: 140px;
	}
	.e-search-input{
		padding: 8px 50px 8px 16px;
	}
}
/* End */


/* Start:/local/templates/erolaif_2025/template_styles.css?178825859513504*/
.btn-up {
    position: fixed;
    right: 62px;
    bottom: 68px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 91px;
    height: 91px;
    z-index: 10;
}

.btn-up::before {
    content: "";
    position: absolute;
    width: 91px;
    height: 91px;
    background: url("/local/templates/erolaif_2025/img/btn_up.svg") no-repeat;
}

.btn-up_hide {
    display: none;
}

/*.header-info {*/
/*    position: relative;*/
/*}*/
/*.header-info::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    bottom: -8px;*/
/*    transform: translateX(32%);*/
/*    width: 75px;*/
/*    height: 36px;*/
/*    background: url(/local/templates/erolaif_2025/./img/header_before.svg) no-repeat;*/
/*    background-size: contain;*/
/*    transition: all 0.2s linear;*/
/*}*/
/*.header-info::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: -20px;*/
/*    bottom: -26px;*/
/*    width: 75px;*/
/*    height: 90px;*/
/*    background: url(/local/templates/erolaif_2025/./img/header_after.svg) no-repeat;*/
/*    background-size: contain;*/
/*    transition: all 0.2s linear;*/
/*}*/

/*.logo-link {*/
/*    position: relative;*/
/*}*/
/*.logo-link::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -20px;*/
/*    left: 50%;*/
/*    transform: translateX(-46%);*/
/*    width: 192px;*/
/*    height: 57px;*/
/*    background: url(/local/templates/erolaif_2025/./img/logo_before.svg) no-repeat;*/
/*    background-size: contain;*/
/*}*/
/*.logo-link:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    bottom: -30px;*/
/*    width: 108px;*/
/*    height: 32px;*/
/*    background: url(/local/templates/erolaif_2025/./img/logo_after.svg) no-repeat;*/
/*    background-size: contain;*/
/*    transition: all 0.2s linear;*/
/*}*/

/*.header_white-fixed .logo-link:after {*/
/*    bottom: -30px;*/
/*    width: 78px;*/
/*    background-size: contain;*/
/*}*/
/*.header_white-fixed .header-info::before {*/
/*    bottom: -5px;*/
/*    width: 64px;*/
/*    height: 36px;*/
/*}*/
/*.header_white-fixed .header-info::after {*/
/*    bottom: -6px;*/
/*    width: 64px;*/
/*}*/

/*@media screen and (max-width: 1919px) {*/
/*    .header-info::after {*/
/*        bottom: -114px;*/
/*    }*/
/*}*/

@media screen and (max-width: 1919px) {
    /*.header-info::after {*/
    /*    bottom: -58px;*/
    /*}*/
    .btn-up::before {
        width: 56px;
        height: 56px;
        background-size: contain;
    }
}

/*@media screen and (max-width: 1880px) {*/
/*    .logo-link::before {*/
/*        top: -12px;*/
/*        width: 148px;*/
/*    }*/
/*    .header-info::after {*/
/*        width: 56px;*/
/*    }*/
/*}*/

/*@media screen and (max-width: 1386px) {*/
/*    .header-info::after {*/
/*        display: none;*/
/*    }*/
/*}*/

@media screen and (max-width: 768px) {
    /*.logo-link::before {*/
    /*    top: -20px;*/
    /*    width: 208px;*/
    /*}*/
    /*.header-info::before {*/
    /*    transform: translateX(90%);*/
    /*}*/
    /*.header-info::after {*/
    /*    display: none;*/
    /*}*/
    /*.header-info .logo-link {*/
    /*    max-width: 130px;*/
    /*}*/
    .btn-up {
        right: 10px;
    }
    .btn-up::before {
        width: 48px;
        height: 48px;
    }
    /*.header_white-fixed .logo-link:after {*/
    /*    bottom: -14px;*/
    /*    width: 60px;*/
    /*    height: 20px;*/
    /*    background-size: contain;*/
    /*}*/
    /*.header_white-fixed .header-info::before {*/
    /*    transform: translateX(112%);*/
    /*    background-size: contain;*/
    /*    width: 45px;*/
    /*    top: 40px;*/
    /*    background-size: contain;*/
    /*}*/
}

@media screen and (max-width: 550px) {
    /*.header-info .logo-link {*/
    /*    max-width: 94px;*/
    /*}*/

    /*.logo-link::before {*/
    /*    top: -12px;*/
    /*    width: 132px;*/
    /*    background-size: contain;*/
    /*}*/

    /*.header-info::before {*/
    /*    transform: translateX(112%);*/
    /*    background-size: contain;*/
    /*    width: 56px;*/
    /*    top: 46px;*/
    /*}*/

    /*.logo-link:after {*/
    /*    bottom: -27px;*/
    /*}*/
}

.lk-form__save {
    color: green;
    margin-bottom: 20px;
}

.hide {
    display: none;
}

.basket-item__info {
    width: 100%;
}

.js-output {
    color: red;
    margin-bottom: 20px;
}
.js-output:empty {
    margin-top: 0;
}
.js-output.success {
    color: green;
}

.alert-danger {
    color: red;
}

.modal-empty .empty {
    width: auto;
    height: auto;
}

.bx-filter-parameters-box {
    position: relative;
}

.bx-filter-popup-result {
    display: none;
    position: absolute;
    left: 100%;
    z-index: 99;
    top: 40px;
    background: #fff;
    border: 1px solid;
    padding: 5px 10px;
    font-size: 12px;
    width: 100px;
}



.bx-soa-pp-inner-ps {
    display: none;
}

.bx-soa-coupon {
    display: none;
}

.bx-soa-coupon-remove {
    width: 12px;
    height: 12px;
    border: 1px solid;
    display: none;
}

.bx-soa-tooltip {
    text-transform: lowercase;
}

.js-active-delivery-2 .dropdown-menu li:not([data-delivery-2="Y"]) {
    display: none;
}

#bx-panel.bx-panel-fixed {
    bottom: 0 !important;
    top: auto !important;
}

#bx-panel-back {
    display: none !important;
}

.cover-play__open.hide {
    display: none;
}

.cover-play__icon {
    position: relative;
}

.categories--active-all .categories-slide {
    color: #e9164d;
}

#oneProduct[data-cart="Y"] {
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .callback-form2 .form-agreement {
        margin-top: calc(var(--indent-size)*2);
    }
}
.choice-filter__btn{
    display: none;
}
.activemodal{
    display: block !important;
}
@media only screen and (max-width: 767px) {
    .breadcrumbs--calalog-section {
        overflow: hidden;
        overflow-x: scroll;
        margin-left: -16px;
        margin-right: -16px;
        padding: 0 16px;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
    .categories-slider:not(.swiper-lock) .categories-slide:first-child {
        padding-left: calc(var(--indent-size) * 10);
    }
}
table:not([class]) thead{
    z-index: 3;
}
#input-div-21{
    display: none;
}
#soa-property-23{
    display: none;
}
#input-div-24{
    display: none;
}
#input-div-23{
    display: none;
}
.js-massage-error{
    color: red;
}
#wait_catalog-section-items{
    display: none !important;
}
.card-item__empty{
    opacity : .5;
}
.lazy{
    opacity: 1!important;
}
.s.cards .cards-category{
    overflow: hidden;
}
.header_white:not([class*=_white-fixed]) .logo svg path{
    fill: #fff;
}
.poster-content h1,
.cover-bottom h1{
    visibility: visible!important;
    opacity: 1!important;
}
.paysystem-auth{
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4166666667;
    font-weight: 500;
    color: rgb(142, 125, 130);
}
.paysystem-auth a{
    color: #E9164D;
}

input.error ~ .form-input__hint {
    opacity: 0;
}
img.card-gallery__item-gif{
    display: none;
}
.card-gallery:hover .is-gif img{
    display: none;
}
.card-gallery:hover img.card-gallery__item-gif{
    display: block;
}
.js-output{
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
    color: #E9164D;
    font-weight: 600;
    text-align: left;
    margin-top: calc(var(--indent-size) / 2);
}
.js-auth-notice{
    margin-top: 10px;
    color: #8E7D82;
    font-size: 16px;
}
.btn *{
    pointer-events: none;
}
.IPOL_FIVEPOST_pvzLair{
    display: none;
}
.bx-selected  .IPOL_FIVEPOST_pvzLair{
    display: block;
}
.mobile-bottom-menu {
    z-index: 15;
}
/* .modal{
    z-index: 100000000!important;
} */
@media only screen and (max-width: 1279px) {
    .ordering-back--top {
        position: absolute;
        left: 20px!important;
        top: 0!important;
    }
    .ordering{
        padding-top: 30px;
    }
}
.is-fancy-blur .fancybox-container img,
.is-fancy-blur .fancybox-thumbs__list a,
.blur img{
    filter: blur(10px);
}
.catalog-banner{


    margin-top: 10px;
    margin-bottom: 10px;
}
.catalog-banner-img{
    border-radius: 17px;
    overflow: hidden;
}
.catalog-banner-img img{
    width: 100%;
}
.catalog-banner-erid{
    margin-top: 10px;
    margin-left: 22px;
    color: #000000DB;
    font-size: 12px;
}
kinescope-iframe-player{
    width: 100%;
    height: 165%;
}

.fancybox-image, .fancybox-spaceball{
    object-fit: contain;
}
.ya-pay-widget {
    width: 100% !important;
    margin-top: 15px;
}

.catalog-banner-card{
    border: 1px solid #F6E2E6;
    border-radius: 17px;
    overflow: hidden;
    line-height: 0;
    padding: 0!important;
    height: 100%;
}
@media (max-width: 991px) {
    .catalog-banner-card {
        height: calc(100% - 10px);
    }
}
.catalog-banner-card img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    line-height: 0;
}

.catalog-reset-filter-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    font-weight: 400;
    font-size: 15px;
    color: #EF3167;
    padding: 0 14px;
    border-radius: 7px;
    height: 44px;
}
.is-detail-page.short-video .fancybox-content iframe{
    max-width: 500px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}
.header-consultation-btn-block{
    position: relative;
}

.header-consultation-btn{
    background-color: #EF3167;
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 18px;
    color: #FFFFFF;
    width: 250px;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
    padding: 0 28px;
    transition: all 0.25s;

    position: absolute;
    right: 20px;
    top: -149px;
}
.header-consultation-btn-ico{
    display: flex;
    align-items: center;
}
.header-consultation-btn:hover{
    background-color: #f34978;
}
.header-consultation-btn-text{
    text-align: center;
    width: 100%;
}
.header-consultation-btn-text-ico svg{
    position: relative;
    top: 4px;
}
.menu_catalog .container{
    position: relative;
}
@media (max-width: 1290px){
    .menu_catalog_wrap{
        padding-bottom: 84px;
    }
    .header-consultation-btn{
        bottom: 15px;
        right: auto;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}

.offers2_wrap form {
    flex-direction: column;
    border-bottom: none;

    .form-input {
        border-bottom: 1px solid #430315;
    }

    .feedback-btn {
        margin-top: -13px;
    }

    .c-form-row:has(.c-checkbox) {
        position: relative;
        top: 10px;
    }

    .c-checkbox {
        cursor: pointer;
    }
}

.brand-banner {
    margin-top: 32px;
    display: block;
    width: 100%;
}

.brand-banner__img {
    display: block;
    width: 100%;
    height: auto;
}

.cookies-banner {
    position: fixed;
    left: 50%;
    bottom: 42px;
    width: 100%;
    max-width: min(calc(100% - 32px), 844px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 17px;
    padding: 19px 70px;
    box-shadow: 0px 5px 15px 5px rgba(146, 146, 150, 0.5);
    border-radius: 28px;
    background-color: #fff;
    translate: -50% 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 15;
}

.cookies-banner:not(.is-active) {
    opacity: 0;
    pointer-events: none;
}

.cookies-banner__text {
    max-width: 742px;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -0.03em;
    color: #430315;
}

.cookies-banner .btn {
    flex-shrink: 0;
    height: auto;
    padding: 15px 36px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.03em;
}

@media (max-width: 768px) {
     .cookies-banner {
        bottom: 28px;
        padding: 24px 8px;
        flex-direction: column;
        align-items: center;
    }

    
    .cookies-banner__text {
        text-align: center;
    }

    .cookies-banner .btn {
        padding: 12px 44px;
        font-size: 16px;
    }
}

.catalog_block_new {
    --flag-border-width: 8px;
    --flag-color: #69b95c;

    position: relative;
    background: none;
    width: fit-content;
    background-color: var(--flag-color);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.catalog_block_new::before,
.catalog_block_new::after {
    content: '';
    position: absolute;
    left: calc(100% - 1px);
    border: var(--flag-border-width) solid transparent;
    border-left: var(--flag-border-width) solid var(--flag-color);
}

.catalog_block_new::before {
    top: 0;
    border-top: var(--flag-border-width) solid var(--flag-color);
}

.catalog_block_new::after {
    bottom: 0;
    border-bottom: var(--flag-border-width) solid var(--flag-color);
}

.banner_item-full_picture:before {
    display: none;
}

.banner_item-full_picture .banner_img {
    width: 100% !important;
}
/* End */


/* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1745263875974*/
.ReaspektPopupOverlay {
	height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
	background-color: #000;
	filter: alpha(opacity=60); 	/*Filter for IE*/
}
#ReaspektPopupBody {
    position: absolute !important;
    padding: 30px 50px;
    left: 0;
    top: 0;
    /*width: 500px;
    min-height: 100%;
    height: 1000px;*/
    z-index: 510;
    background-color: #fff;
	box-shadow: 0px 0px 15px #000000;
    box-sizing: border-box;
}
#ReaspektPopupBody .ReaspektClosePosition {
	position: relative;
}

#ReaspektPopupBody #ReaspektCloseBtn {
	position: absolute;
	right: -40px;
    top: -20px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background:url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat top;
}

#ReaspektPopupBody #ReaspektCloseBtn:hover {
	background: url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat 0 -24px;
}

#ReaspektPopupContainer {
	max-width: 900px;
}
/* End */
/* /local/templates/erolaif_2025/src/css/fonts.css?17581150584775 */
/* /local/templates/erolaif_2025/src/fonts/mulish_/mulish.css?17581844673748 */
/* /local/templates/erolaif_2025/src/libs/slick/slick.css?17452638741895 */
/* /local/templates/erolaif_2025/static/css/separate-css/swiper.min.css?174526387413681 */
/* /local/templates/erolaif_2025/static/css/separate-css/jquery.fancybox.css?174526387422411 */
/* /local/templates/erolaif_2025/src/css/c-form.css?17569975951967 */
/* /local/templates/erolaif_2025/src/css/add.css?1766430984711 */
/* /local/templates/erolaif_2025/src/css/popup.css?17605953651418 */
/* /local/templates/erolaif_2025/styles.css?17895600001160 */
/* /local/templates/erolaif_2025/static/css/main.css?1790167144659435 */
/* /local/templates/erolaif_2025/src/css/style.css?179016769164976 */
/* /local/templates/erolaif_2025/src/css/media_style.css?178713958841420 */
/* /local/templates/erolaif_2025/components/reaspekt/reaspekt.geoip/top/style.css?17452638731092 */
/* /local/templates/erolaif_2025/components/bitrix/news.list/header-stories/style.css?174549221755 */
/* /local/templates/erolaif_2025/components/bitrix/sale.basket.basket/popup/style.css?1745263873322 */
/* /local/templates/erolaif_2025/components/arturgolubev/search.title/main/style.css?17628540434485 */
/* /local/templates/erolaif_2025/template_styles.css?178825859513504 */
/* /local/css/reaspekt/reaspekt.geobase/style.css?1745263875974 */
