* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	-webkit-tap-highlight-color: transparent;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

*::before,
*::after {
	display: inline-block;
}

input,
button,
textarea {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background-color: transparent;
}

input,
textarea {
	width: 100%;
}

label {
	display: inline-block;
}

button,
select,
option {
	cursor: pointer;
}

a {
	display: inline-block;
	color: inherit;
	text-decoration: none;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}

.lazy-wrapper {
    position: relative;
    display: block;
}

#category-pagetitle {
	padding: 0;
	margin-bottom: 1rem
}

#category-pagetitle h1 {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1
}

.lazy-wrapper-inner {
    display: block;
}

.lazyloaded, .lazyloading, .lazyload, .lazy-load {
    transition: all .3s;
    display: block;
}

img.lazyloading, img.lazyload, .lazy-load:not(.is-loaded) {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

img.lazyloaded + .lazy-wrapper, .lazy-load.is-loaded + .lazy-wrapper {
    display: none;
}

.tooltipster-fall, .tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade.tooltipster-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading .4s
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }
    75% {
        transform: rotate(2deg)
    }
    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating .6s
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.6;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    transition: all 0.3s;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -15px;
    text-align: center;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-preloader {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin: -20px auto 0;
    opacity: 0.8;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.mfp-s-error .mfp-preloader {
    width: auto;
    height: auto;
    animation: none;
    background-color: transparent;
    opacity: 1;
}

.mfp-ready .mfp-figure {
    opacity: 0;
}

.mfp-zoom-in .mfp-s-loading .mfp-preloader {
    opacity: 1;
}

.mfp-zoom-in .mfp-with-anim, .mfp-zoom-in .mfp-figure {
    opacity: 0;
    transition: all 0.3s;
    transform: scale(0.7);
}

.mfp-zoom-in .mfp-ajax-holder .mfp-content, .mfp-zoom-in .mfp-iframe-holder .mfp-content {
    opacity: 0;
    transform: scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg);
    transition: all 0.5s;
}

.mfp-zoom-in .mfp-preloader {
    opacity: 0;
    transition: all 0.4s;
}

.mfp-zoom-in.mfp-image-loaded .mfp-figure {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready .mfp-ajax-holder .mfp-content, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-content {
    opacity: 1;
    transform: scale(1) translateY(0) perspective(600px) rotateX(0);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.6;
}

.mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim, .mfp-zoom-in.mfp-removing .mfp-figure {
    transform: scale(1.15);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing .mfp-ajax-holder .mfp-content, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-content {
    transform: scale(0.9);
    opacity: 0;
    transition: all 0.4s;
}

.mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0;
    transition: all 0.4s;
}

.mfp-zoom-in-gallery .mfp-with-anim, .mfp-zoom-in-gallery .mfp-figure, .mfp-zoom-in-gallery .mfp-iframe-holder .mfp-content {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(0.9);
}

.mfp-zoom-in-gallery.mfp-bg, .mfp-zoom-in-gallery .mfp-preloader {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in-gallery.mfp-image-loaded .mfp-figure {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in-gallery.mfp-ready .mfp-with-anim, .mfp-zoom-in-gallery.mfp-ready .mfp-iframe-holder .mfp-content {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in-gallery.mfp-ready.mfp-bg {
    opacity: 0.6;
}

.mfp-zoom-in-gallery.mfp-ready .mfp-preloader {
    opacity: 0.8;
}

.mfp-zoom-in-gallery.mfp-removing .mfp-with-anim, .mfp-zoom-in-gallery.mfp-removing .mfp-figure, .mfp-zoom-in-gallery.mfp-removing .mfp-iframe-holder .mfp-content {
    transform: scale(0.9);
    opacity: 0;
}

.mfp-zoom-in-gallery.mfp-removing.mfp-bg, .mfp-zoom-in-gallery.mfp-removing .mfp-preloader {
    opacity: 0;
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

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

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

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

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

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

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

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

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.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%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

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

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: 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;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.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-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, 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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-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;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-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-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

:root {
    --errorsColor: #DB001A;
    --errorsBg: #fff;
    --errorsTextColor: #333;
}

[type='color'].error, [type='date'].error, [type='datetime'].error, [type='datetime-local'].error, [type='email'].error, [type='month'].error, [type='number'].error, [type='password'].error, [type='search'].error, [type='tel'].error, [type='text'].error, [type='time'].error, [type='url'].error, [type='week'].error, select.error, textarea.error {
    border-color: var(--errorsColor);
}

select.select2-hidden-accessible {
    width: 100% !important;
}

select.error ~ .select2 .select2-selection--single {
    border-color: var(--errorsColor);
}

form:not(.disable-sfe,.style-near-field) .form-item--error-message {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
}

form.style-near-field .form-item--error-message {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
    color: var(--errorsColor);
    position: relative;
    margin-top: 3px;
    padding: 2px 2px 2px 17px;
    background: #fff;
    z-index: 1;
}

form.style-near-field .form-item--error-message:before {
    content: '';
    background: url(../image/ico-errors-2.svg) no-repeat center;
    background-size: contain;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    left: 0;
    top: 1px;
}

form.style-near-field .form-item--error-message strong {
    font-weight: 400;
}

.form-item-label-invisible.form-item-required.form-item--error:before {
    top: 1.63em;
}

.custom-error {
}

div.custom-error .tooltipster-box {
    background: var(--errorsBg);
    border-color: var(--errorsColor);
}

div.custom-error.tooltipster-sidetip .tooltipster-content {
    line-height: 1.25;
    font-size: 12px;
    color: var(--errorsTextColor);
    position: relative;
    padding: 0.5em 1em 0.5em 2.2em;
}

.custom-error.tooltipster-sidetip .tooltipster-content:before {
    content: '';
    background: url(../image/ico-errors-2.svg) no-repeat center;
    background-size: contain;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    left: 0.5em;
    top: 0.45em;
}

.custom-error.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: var(--errorsBg);
}

.custom-error.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: var(--errorsBg);
}

.custom-error.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: var(--errorsBg);
}

.custom-error.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-left-color: var(--errorsColor);
}

.custom-error.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-left-color: var(--errorsBg);
}

.label-has-error label {
    display: inline-flex !important;
    align-items: center;
}

.label-has-error label:before {
    content: none !important;
}

.label-has-error .form-item--error-message {
    display: none;
}

.label-has-error .error-wrapper {
    position: relative;
    font-size: 0;
    margin-left: 8px;
}

.label-has-error .error-wrapper:hover .error-message {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.label-has-error .error-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZ1ZXNheC9vdXRsaW5lL2luZm8tY2lyY2xlIj4KPGcgaWQ9ImluZm8tY2lyY2xlIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjAwMTMgMTguOTU4N0M1LjA1OTY0IDE4Ljk1ODcgMS4wNDI5NyAxNC45NDIgMS4wNDI5NyAxMC4wMDAzQzEuMDQyOTcgNS4wNTg2NiA1LjA1OTY0IDEuMDQxOTkgMTAuMDAxMyAxLjA0MTk5QzE0Ljk0MyAxLjA0MTk5IDE4Ljk1OTYgNS4wNTg2NiAxOC45NTk2IDEwLjAwMDNDMTguOTU5NiAxNC45NDIgMTQuOTQzIDE4Ljk1ODcgMTAuMDAxMyAxOC45NTg3Wk0xMC4wMDEzIDIuMjkxOTlDNS43NTEzIDIuMjkxOTkgMi4yOTI5NyA1Ljc1MDMzIDIuMjkyOTcgMTAuMDAwM0MyLjI5Mjk3IDE0LjI1MDMgNS43NTEzIDE3LjcwODcgMTAuMDAxMyAxNy43MDg3QzE0LjI1MTMgMTcuNzA4NyAxNy43MDk2IDE0LjI1MDMgMTcuNzA5NiAxMC4wMDAzQzE3LjcwOTYgNS43NTAzMyAxNC4yNTEzIDIuMjkxOTkgMTAuMDAxMyAyLjI5MTk5WiIgZmlsbD0iI0YwMjMyMyIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xMCAxMS40NTg3QzkuNjU4MzMgMTEuNDU4NyA5LjM3NSAxMS4xNzUzIDkuMzc1IDEwLjgzMzdWNi42NjY5OUM5LjM3NSA2LjMyNTMzIDkuNjU4MzMgNi4wNDE5OSAxMCA2LjA0MTk5QzEwLjM0MTcgNi4wNDE5OSAxMC42MjUgNi4zMjUzMyAxMC42MjUgNi42NjY5OVYxMC44MzM3QzEwLjYyNSAxMS4xNzUzIDEwLjM0MTcgMTEuNDU4NyAxMCAxMS40NTg3WiIgZmlsbD0iI0YwMjMyMyIvPgo8cGF0aCBpZD0iVmVjdG9yXzMiIGQ9Ik0xMC4wMDEzIDE0LjE2NjRDOS44OTI5NyAxNC4xNjY0IDkuNzg0NjQgMTQuMTQxNCA5LjY4NDY0IDE0LjA5OTdDOS41ODQ2NCAxNC4wNTgxIDkuNDkyOTcgMTMuOTk5NyA5LjQwOTY0IDEzLjkyNDdDOS4zMzQ2NCAxMy44NDE0IDkuMjc2MyAxMy43NTgxIDkuMjM0NjQgMTMuNjQ5N0M5LjE5Mjk3IDEzLjU0OTcgOS4xNjc5NyAxMy40NDE0IDkuMTY3OTcgMTMuMzMzMUM5LjE2Nzk3IDEzLjIyNDcgOS4xOTI5NyAxMy4xMTY0IDkuMjM0NjQgMTMuMDE2NEM5LjI3NjMgMTIuOTE2NCA5LjMzNDY0IDEyLjgyNDcgOS40MDk2NCAxMi43NDE0QzkuNDkyOTcgMTIuNjY2NCA5LjU4NDY0IDEyLjYwODEgOS42ODQ2NCAxMi41NjY0QzkuODg0NjQgMTIuNDgzMSAxMC4xMTggMTIuNDgzMSAxMC4zMTggMTIuNTY2NEMxMC40MTggMTIuNjA4MSAxMC41MDk2IDEyLjY2NjQgMTAuNTkzIDEyLjc0MTRDMTAuNjY4IDEyLjgyNDcgMTAuNzI2MyAxMi45MTY0IDEwLjc2OCAxMy4wMTY0QzEwLjgwOTYgMTMuMTE2NCAxMC44MzQ2IDEzLjIyNDcgMTAuODM0NiAxMy4zMzMxQzEwLjgzNDYgMTMuNDQxNCAxMC44MDk2IDEzLjU0OTcgMTAuNzY4IDEzLjY0OTdDMTAuNzI2MyAxMy43NTgxIDEwLjY2OCAxMy44NDE0IDEwLjU5MyAxMy45MjQ3QzEwLjUwOTYgMTMuOTk5NyAxMC40MTggMTQuMDU4MSAxMC4zMTggMTQuMDk5N0MxMC4yMTggMTQuMTQxNCAxMC4xMDk2IDE0LjE2NjQgMTAuMDAxMyAxNC4xNjY0WiIgZmlsbD0iI0YwMjMyMyIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==);
    background-size: contain;
    cursor: pointer;
}

.label-has-error .error-message {
    position: absolute;
    color: var(--errorsColor);
    text-align: center;
    font-size: 0.77778rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.24), 0px 16px 32px -4px rgba(145, 158, 171, 0.24);
    padding: 12px 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.5s;
    left: calc(100% + 5px);
    transform: translateY(50%);
    bottom: 50%;
    z-index: 2;
}

.label-has-error .error-message:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid #fff;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
}

.label-has-error.form-type-radio .error-wrapper {
    display: none;
}

@media screen and (min-width: 1199px) {
    .label-has-error .error-message {
        width: 257px !important;
        bottom: calc(100% + 5px);
        transform: translateX(-50%);
        left: 50%;
    }

    .label-has-error .error-message:before {
        border-bottom: none;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #fff;
        top: 100%;
        right: auto;
        transform: translateX(-50%);
        left: 50%;
    }
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: -1px;
}

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none;
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px;
}

[dir="rtl"] .ajax-progress {
    float: right;
}

.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 6px 2px;
    background: transparent url(../image/throbber-active.gif) no-repeat 0 center;
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px;
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px;
}

.ajax-progress-bar {
    width: 16em;
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1000;
    top: 48.5%;
    left: 49%;
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: 0.9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(../image/loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

[dir="rtl"] .ajax-progress-fullscreen {
    right: 49%;
    left: auto;
}

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

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

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

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

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.js input.form-autocomplete {
    background-image: url(../image/throbber-inactive.png);
    background-repeat: no-repeat;
    background-position: 100% center;
}

.js[dir="rtl"] input.form-autocomplete {
    background-position: 0% center;
}

.js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(../image/throbber-active.gif);
    background-position: 100% center;
}

.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0% center;
}

.fieldgroup {
    padding: 0;
    border-width: 0;
}

.container-inline div, .container-inline label {
    display: inline-block;
}

.container-inline .details-wrapper {
    display: block;
}

.container-inline .hidden {
    display: none;
}

.clearfix:after {
    display: table;
    clear: both;
    content: "";
}

.js details:not([open]) .details-wrapper {
    display: none;
}

.hidden {
    display: none;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}

.invisible {
    visibility: hidden;
}

.item-list__comma-list, .item-list__comma-list li {
    display: inline;
}

.item-list__comma-list {
    margin: 0;
    padding: 0;
}

.item-list__comma-list li:after {
    content: ", ";
}

.item-list__comma-list li:last-child:after {
    content: "";
}

.js .js-hide {
    display: none;
}

.js-show {
    display: none;
}

.js .js-show {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

.position-container {
    position: relative;
}

.progress {
    position: relative;
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff;
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 16px;
    background-color: #000;
}

.progress__description, .progress__percentage {
    overflow: hidden;
    margin-top: 0.2em;
    color: #555;
    font-size: 0.875em;
}

.progress__description {
    float: left;
}

[dir="rtl"] .progress__description {
    float: right;
}

.progress__percentage {
    float: right;
}

[dir="rtl"] .progress__percentage {
    float: left;
}

.progress--small .progress__track {
    height: 7px;
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px;
}

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.resize-none {
    resize: none;
}

.resize-vertical {
    min-height: 2em;
    resize: vertical;
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal;
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both;
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff;
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.system-status-counter__status-icon:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 16px;
}

.system-status-counter__status-icon--error:before {
    background-image: url(../image/error.svg);
}

.system-status-counter__status-icon--warning:before {
    background-image: url(../image/warning.svg);
}

.system-status-counter__status-icon--checked:before {
    background-image: url(../image/check.svg);
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.063);
}

@media screen and (min-width: 60em) {
    .system-status-report-counters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .system-status-report-counters__item--half-width {
        width: 49%;
    }

    .system-status-report-counters__item--third-width {
        width: 33%;
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc;
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc;
}

body.drag {
    cursor: move;
}

tr.region-title {
    font-weight: bold;
}

tr.region-message {
    color: #999;
}

tr.region-populated {
    display: none;
}

tr.add-new .tabledrag-changed {
    display: none;
}

.draggable a.tabledrag-handle {
    float: left;
    overflow: hidden;
    height: 1.7em;
    margin-left: -1em;
    cursor: move;
    text-decoration: none;
}

[dir="rtl"] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0;
}

a.tabledrag-handle:hover {
    text-decoration: none;
}

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: -0.4em 0.5em 0;
    padding: 0.42em 0.5em;
    background: #787878;
    -webkit-mask: url(../image/move.svg) no-repeat 6px 7px;
    mask: url(../image/move.svg) no-repeat 6px 7px;
}

a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle {
    background: #000;
}

@media (forced-colors: active) {
    a.tabledrag-handle .handle, a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle {
        background: canvastext;
    }
}

.touchevents .draggable td {
    padding: 0 10px;
}

.touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0;
}

.touchevents a.tabledrag-handle {
    width: 40px;
    height: 44px;
}

.touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: 40% 19px;
}

[dir="rtl"] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px;
}

.touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px;
}

.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

[dir="rtl"] .tabledrag-toggle-weight-wrapper {
    text-align: left;
}

.indentation {
    float: left;
    width: 20px;
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    padding: 0.42em 0 0.42em 0.6em;
}

[dir="rtl"] .indentation {
    float: right;
    margin: -0.4em -0.4em -0.4em 0.2em;
    padding: 0.42em 0.6em 0.42em 0;
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
}

.tablesort--asc {
    background-image: url(../image/twistie-down.svg);
}

.tablesort--desc {
    background-image: url(../image/twistie-up.svg);
}

div.tree-child {
    background: url(../image/tree.png) no-repeat 11px center;
}

div.tree-child-last {
    background: url(../image/tree-bottom.png) no-repeat 11px center;
}

[dir="rtl"] div.tree-child, [dir="rtl"] div.tree-child-last {
    background-position: -65px center;
}

div.tree-child-horizontal {
    background: url(../image/tree.png) no-repeat -11px center;
}

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

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

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

.views-view-grid .views-col {
    float: left;
}

.views-view-grid .views-row {
    float: left;
    clear: both;
    width: 100%;
}

.views-display-link + .views-display-link {
    margin-left: 0.5em;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none;
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)";
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../image/ui-icons_444444_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(../image/ui-icons_444444_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(../image/ui-icons_555555_256x240.png);
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(../image/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-image: url(../image/ui-icons_777620_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../image/ui-icons_cc0000_256x240.png);
}

.ui-button .ui-icon {
    background-image: url(../image/ui-icons_777777_256x240.png);
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)";
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666666;
    box-shadow: 0 0 5px #666666;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%, 100% {
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -ms-transform-origin: top center;
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn;
    animation-duration: .75s
}

@keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    100% {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    100% {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-name: bounceOut;
    animation-duration: .75s
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transition-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    animation-duration: .75s;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY;
    animation-duration: .75s
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    100% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible
    }
    100% {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        visibility: visible
    }
    100% {
        transform: translateX(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        visibility: visible
    }
    100% {
        transform: translateX(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        transform: translateY(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        transform: translateY(100%)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        transform: translateX(-100%)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        transform: translateX(100%)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        transform: translateY(-100%)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.noty_close {
    display: block !important
}

.noty_message {
    font: 12px/16px arial
}

.paragraph--unpublished {
    background-color: #fff4f4;
}

.ui-autocomplete .ui-menu-item-wrapper, .ui-autocomplete .ui-menu-item-wrapper .search_block_link {
    display: block;
}

:root {
    --grey-0: #F9FAFF;
    --grey-50: #EEEFF0;
    --grey-100: #DEDFE1;
    --grey-200: #B3B6B9;
    --grey-300: #81868C;
    --grey-400: #565D65;
    --grey-500: #2C353E;
    --grey-600: #232A32;
    --grey-700: #1A2025;
    --grey-800: #15191E;
    --grey-900: #101316
}

:root {
    --primary-50: #F3F0F3;
    --primary-100: #E8E1E6;
    --primary-200: #C9BAC7;
    --primary-300: #A68EA2;
    --primary-400: #886782;
    --primary-500: #6A4163;
    --primary-600: #55344F;
    --primary-700: #3F273B;
    --primary-800: #331F2F;
    --primary-900: #261724
}

:root {
    --secondary-50: #FCF3F6;
    --secondary-100: #F8E7EE;
    --secondary-200: #EFC9D8;
    --secondary-300: #E5A5BF;
    --secondary-400: #DD87A9;
    --secondary-500: #D46993;
    --secondary-600: #AA5476;
    --secondary-700: #7E3F58;
    --secondary-800: #653246;
    --secondary-900: #4C2635
}

:root {
    --label-1-1: #F02323;
    --label-1-2: #F34F4F;
    --label-2-1: #0F75E2;
    --label-2-2: #3F91E8;
    --label-3-1: #00CA8D;
    --label-3-2: #33D5A4
}

:root {
    --special-1: #FFC700
}

:root {
    --cover-Light-40: rgba(255, 255, 255, 0.4);
    --cover-Light-60: rgba(255, 255, 255, 0.6);
    --cover-Light-75: rgba(255, 255, 255, 0.75);
    --cover-Light-90: rgba(255, 255, 255, 0.9);
    --cover-Dark-40: rgba(25, 26, 29, 0.4);
    --cover-Dark-60: rgba(25, 26, 29, 0.6);
    --cover-Dark-75: rgba(25, 26, 29, 0.75);
    --cover-Dark-90: rgba(25, 26, 29, 0.9)
}

:root {
    --shadow-Light-1-2: 0 1px 2px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-8-16: 0px 8px 16px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-16-32: 0px 16px 32px -4px rgba(145, 158, 171, 0.24), 0px 0px 2px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-20-40: 0px 20px 40px -4px rgba(145, 158, 171, 0.24), 0px 0px 2px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-24-48: 0px 24px 48px 0px rgba(145, 158, 171, 0.24), 0px 0px 4px 0px rgba(145, 158, 171, 0.24);
    --shadow-Light-0-48: 0px 0px 48px 0px rgba(145, 158, 171, 0.24);
    --shadow-Dark-1-2: 0px 1px 2px 0px rgba(9, 9, 10, 0.30);
    --shadow-Dark-8-16: 0px 8px 16px 0px rgba(19, 20, 21, 0.40);
    --shadow-Dark-16-32: 0px 16px 32px -4px rgba(14, 14, 15, 0.40), 0px 0px 2px 0px rgba(17, 17, 18, 0.40);
    --shadow-Dark-20-40: 0px 20px 40px -4px rgba(15, 15, 16, 0.50), 0px 0px 2px 0px rgba(17, 18, 19, 0.50);
    --shadow-Dark-24-48: 0px 24px 48px 0px rgba(22, 24, 26, 0.70), 0px 0px 4px 0px rgba(20, 21, 23, 0.70);
    --shadow-Dark-0-48: 0px 0px 48px 0px rgba(14, 14, 15, 0.70)
}

:root {
    --inputHeight: 52px;
    --inputRadius: 8px;
    --inputBackground: #FFFFFF;
    --inputBorderColor: var(--primary-100);
    --inputColor: var(--grey-500);
    --inputPaddingVertical: 14px;
    --inputPaddingHorisontal: 18px;
    --inputPaddingIconSpace: 35px;
    --itemRadius: 8px;
    --buttonRadius: 70px;
    --mainColor: var(--secondary-500);
    --secondaryColor: var(--primary-500);
    --whiteColor: #FFFFFF
}

@media screen and (min-width: 1200px) {
    :root {
        --inputHeight: 3.2rem;
        --inputRadius: 0.5rem;
        --inputPaddingVertical: 0.85rem;
        --inputPaddingHorisontal: 1.15rem;
        --inputPaddingIconSpace: 2rem;
        --buttonRadius: 3.5rem;
        --itemRadius: 0.5rem
    }
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.ttf") format("ttf");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.ttf") format("ttf");
    font-weight: 500;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.ttf") format("ttf");
    font-weight: 600;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.ttf") format("ttf");
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Cormorant";
    src: url("../fonts/Cormorant-Bold.woff2") format("woff2"), url("../fonts/Cormorant-Bold.ttf") format("ttf");
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "Cuprum";
    src: url("../fonts/Cuprum-Regular.woff2") format("woff2"), url("../fonts/Cuprum-Regular.ttf") format("ttf");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.woff?v3") format("woff"), url("../fonts/icomoon.ttf?v3") format("ttf");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.text-formatted {
    line-height: 1.5
}

.text-formatted h6, .text-formatted h5, .text-formatted h4, .text-formatted h3, .text-formatted h2, .text-formatted h1 {
    margin: 1em 0;
    display: flex
}

@media screen and (min-width: 1200px) {
    .text-formatted h6, .text-formatted h5, .text-formatted h4, .text-formatted h3, .text-formatted h2, .text-formatted h1 {
        margin: 1.2em 0
    }
}

.text-formatted h6:first-child, .text-formatted h5:first-child, .text-formatted h4:first-child, .text-formatted h3:first-child, .text-formatted h2:first-child, .text-formatted h1:first-child {
    margin-top: 0
}

.text-formatted h6:last-child, .text-formatted h5:last-child, .text-formatted h4:last-child, .text-formatted h3:last-child, .text-formatted h2:last-child, .text-formatted h1:last-child {
    margin-bottom: 0
}

.text-formatted blockquote {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 15px;
    background: var(--secondary-500);
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    min-width: 20%;
    margin: 1rem 0
}

@media screen and (min-width: 1200px) {
    .text-formatted blockquote {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .text-formatted blockquote {
        padding: 1.5rem
    }
}

.text-formatted blockquote:before {
    display: none
}

.text-formatted blockquote:first-child {
    margin-top: 0
}

.text-formatted blockquote:last-child {
    margin-bottom: 0
}

.text-formatted hr {
    clear: both;
    border: none
}

.text-formatted hr + img {
    margin-top: 0 !important
}

.text-formatted ol, .text-formatted ul {
    margin: 1em 0
}

.text-formatted ol:first-child, .text-formatted ul:first-child {
    margin-top: 0
}

.text-formatted ol:last-child, .text-formatted ul:last-child {
    margin-bottom: 0
}

.text-formatted ol li, .text-formatted ul li {
    margin: 0 0 16px;
    min-width: 200px
}

@media screen and (min-width: 1200px) {
    .text-formatted ol li, .text-formatted ul li {
        margin-bottom: 0.8rem
    }
}

.text-formatted ol li:last-of-type, .text-formatted ul li:last-of-type {
    margin-bottom: 0
}

.text-formatted ul li {
    overflow: hidden;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left
}

@media screen and (min-width: 1200px) {
    .text-formatted ul li {
        padding: 0 0 0 30px
    }
}

.text-formatted ul li:before {
    content: "";
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    position: absolute;
    left: 0;
    top: 0.75em;
    margin-top: -7px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .text-formatted ul li:before {
        font-size: 0.95rem
    }
}

@media screen and (min-width: 1200px) {
    .text-formatted ul li:before {
        margin-top: -0.5rem
    }
}

.text-formatted ol {
    counter-reset: list
}

.text-formatted ol li {
    overflow: hidden;
    padding: 0 0 0 1.5em;
    position: relative;
    text-align: left
}

.text-formatted ol li:before {
    counter-increment: list;
    content: counters(list, ".") ".";
    position: absolute;
    left: 0
}

.text-formatted ol li li {
    padding-left: 2em
}

.text-formatted table {
    width: 100% !important;
    border-collapse: collapse;
    float: none;
    border: none;
    margin: 1em 0
}

.text-formatted table:first-child {
    margin-top: 0
}

.text-formatted table:last-child {
    margin-bottom: 0
}

.text-formatted table th, .text-formatted table td {
    border: none;
    padding: 15px
}

.text-formatted table th {
    font-size: 1rem;
    font-weight: 700;
    background: var(--secondary-500);
    color: #FFFFFF;
    vertical-align: bottom
}

.text-formatted table tr {
    border: none
}

.text-formatted table tr:nth-child(even) {
    background: var(--grey-100)
}

.text-formatted table td {
    vertical-align: top;
    font-size: 0.8rem;
    background: none
}

.text-formatted .youtube-container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    clear: both
}

.text-formatted .align-left, .text-formatted .align-right, .text-formatted .align-center {
    float: none;
    margin-bottom: 15px;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 1200px) {
    .text-formatted .align-left, .text-formatted .align-right, .text-formatted .align-center {
        margin: 1rem 1.5rem
    }
}

.text-formatted .align-left:first-child, .text-formatted .align-right:first-child, .text-formatted .align-center:first-child {
    margin-top: 0
}

@media screen and (min-width: 1200px) {
    .text-formatted .align-left, .text-formatted .align-right {
        max-width: 50%
    }
}

.text-formatted .align-left {
    margin-left: 0
}

@media screen and (min-width: 1200px) {
    .text-formatted .align-left {
        float: left
    }
}

.text-formatted .align-right {
    margin-right: 0
}

@media screen and (min-width: 1200px) {
    .text-formatted .align-right {
        float: right
    }
}

.text-formatted .align-center {
    margin-left: auto;
    margin-right: auto
}

.text-formatted .site-style-h1 {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h1 {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h2 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h2 {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h3 {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h3 {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h4 {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h4 {
        font-size: 1rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h5 {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h5 {
        font-size: 0.85rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-h6 {
    font-size: 0.75rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-h6 {
        font-size: 0.7rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.text-formatted .site-style-button {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-button {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.text-formatted .site-style-regular {
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-regular {
        font-size: 1rem;
        font-weight: 400
    }
}

.text-formatted .site-style-regular-small {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-regular-small {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.text-formatted .site-style-subtitle {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-subtitle {
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.text-formatted .site-style-overline {
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.25em
}

@media screen and (min-width: 1200px) {
    .text-formatted .site-style-overline {
        font-size: 0.7rem;
        font-weight: 400;
        letter-spacing: 0.3em
    }
}

.text-formatted .align-left + h1, .text-formatted .align-left + h2, .text-formatted .align-left + h3, .text-formatted .align-left + h4, .text-formatted .align-left + h5, .text-formatted .align-right + h1, .text-formatted .align-right + h2, .text-formatted .align-right + h3, .text-formatted .align-right + h4, .text-formatted .align-right + h5 {
    margin-top: 0
}

.text-formatted a {
    color: var(--mainColor);
    background: linear-gradient(to right, currentColor 0%, currentColor 100%) no-repeat 0 bottom;
    background-size: 100% 1px;
    text-decoration: none;
    transition-duration: 0.2s
}

.text-formatted a:hover {
    background-size: 0 1px
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-layout {
        display: flex;
        margin: 1.2rem -0.6rem
    }

    .text-formatted .x-ck-layout:last-child {
        margin-bottom: 0
    }
}

.text-formatted .x-ck-layout__col:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-layout__col:not(:last-child) {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-layout__col {
        flex-grow: 1;
        width: 50%;
        padding: 0 0.6rem
    }
}

.text-formatted .x-ck-top-text {
    margin: 0 auto 24px;
    text-align: center
}

.text-formatted .x-ck-top-text:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-top-text {
        max-width: 43.75rem;
        margin: 0 auto 1.2rem
    }
}

.text-formatted .x-ck-text-block {
    margin: 0 auto
}

@media screen and (min-width: 1200px) {
    .text-formatted .x-ck-text-block {
        max-width: 48.5rem
    }
}

.text-formatted .template-1 {
    display: flex;
    flex-direction: column
}

.text-formatted .template-1:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .text-formatted .template-1:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .text-formatted .template-1 {
        flex-direction: row;
        margin-left: -0.6rem;
        margin-right: -0.6rem
    }
}

.text-formatted .template-1 > *:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width: 1200px) {
    .text-formatted .template-1 > *:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

.text-formatted .template-1 img {
    width: 100%;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 992px) {
    .text-formatted .template-1__first {
        width: 50%;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

@media screen and (min-width: 992px) {
    .text-formatted .template-1__second {
        width: 50%;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.text-formatted .template-1__second--left {
    order: 10
}

@media screen and (min-width: 992px) {
    .text-formatted .template-1__second--left {
        order: initial
    }
}

.text-formatted > *:last-child {
    margin-bottom: 0
}

.node .text-formatted {
    line-height: 1.5;
    display: inline-block
}

.x-ck-layout {
    margin: 30px -15px
}

@media screen and (min-width: 992px) {
    .x-ck-layout {
        display: flex
    }
}

.x-ck-top-text {
    max-width: 875px;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 18px
}

.cke_editable img {
    display: block
}

.cke_editable .x-ck-layout {
    margin: 15px 0
}

.cke_editable .x-ck-layout__col {
    border: 1px solid #ddd;
    padding: 15px
}

.x-ck-layout__col {
    flex-grow: 1;
    padding: 0 15px
}

@media screen and (min-width: 992px) {
    .x-ck-layout__col {
        width: 50%
    }
}

.x-ck-text-block {
    max-width: 970px;
    margin: 0 auto
}

.template-1 {
    display: flex;
    flex-direction: column;
    margin: 1em 0
}

.template-1:first-child {
    margin-top: 0
}

.template-1:last-child {
    margin-bottom: 0
}

.template-1 img {
    width: 100%;
    border-radius: 10px;
    margin: 10px auto 0
}

.template-1__second--left {
    order: 10
}

@media screen and (min-width: 992px) {
    .template-1 {
        flex-direction: row;
        margin-left: -15px;
        margin-right: -15px
    }

    .template-1__first {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }

    .template-1__second {
        padding-left: 15px;
        padding-right: 15px;
        width: 50%
    }

    .template-1__second--left {
        order: initial
    }
}

* {
    outline: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

*:before, *:after {
    box-sizing: border-box
}

.wait-load * {
    transition-duration: 0s !important
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px
}

@media screen and (min-width: 1200px) {
    html {
        font-size: 1.0416666667vw
    }
}

@media screen and (min-width: 1600px) {
    html {
        font-size: 20px
    }
}

body {
    font-family: "Montserrat", "Arial", "Helvetica", sans-serif;
    line-height: 1.25;
    width: 100%;
    height: 100%;
    color: var(--grey-500);
    background: #FFFFFF;
    font-size: 1rem;
    position: relative;
    min-width: 360px;
    font-feature-settings: "lnum" 1;
    -webkit-overflow-scrolling: touch
}

body::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem
}

body::-webkit-scrollbar-track {
    background: var(--primary-200)
}

body::-webkit-scrollbar-thumb {
    background: var(--secondary-500);
    cursor: pointer
}

body::-webkit-scrollbar-thumb:hover {
    background: var(--primary-500)
}

body.is-hidden {
    overflow: hidden
}

body.maintenance-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

body.maintenance-page .layout-container {
    padding-top: 2.5em
}

body.maintenance-page main {
    margin-top: 15px
}

@media screen and (min-width: 1200px) {
    body.maintenance-page main {
        margin-top: 1.5rem
    }
}

body.maintenance-page h1 {
    font-size: 2rem;
    margin-bottom: 0.2em
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

a {
    color: inherit;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

p {
    margin: 0 0 0.75em
}

@media screen and (min-width: 1200px) {
    p {
        margin: 0 0 0.8em
    }
}

p:last-child {
    margin-bottom: 0
}

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

h1 {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h1 {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h2 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h2 {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h3 {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h3 {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h4 {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h4 {
        font-size: 1rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h5 {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h5 {
        font-size: 0.85rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

h6 {
    font-size: 0.75rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    h6 {
        font-size: 0.7rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

form .confirmation-message {
    text-align: center
}

form:not(.form-style-2) .form-submit {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    form:not(.form-style-2) .form-submit {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    form:not(.form-style-2) .form-submit {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    form:not(.form-style-2) .form-submit {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

form:not(.form-style-2) .form-submit:hover {
    background: var(--primary-600)
}

form:not(.form-style-2) .form-submit:disabled, form:not(.form-style-2) .form-submit.disabled {
    background: var(--primary-200)
}

form.form-style-2 .form-submit {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 17px 20px;
    min-height: 52px;
    background: none;
    color: var(--secondaryColor);
    border: 1px solid var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    form.form-style-2 .form-submit {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    form.form-style-2 .form-submit {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    form.form-style-2 .form-submit {
        padding: 1.05rem 1.2rem;
        min-height: 3.2rem
    }
}

form.form-style-2 .form-submit:hover {
    color: var(--secondary-600);
    border-color: var(--secondary-600)
}

form.form-style-2 .form-submit:disabled, form.form-style-2 .form-submit.disabled {
    color: var(--secondary-300);
    border-color: var(--secondary-300)
}

form .form-item {
    margin: 0 0 10px;
    position: relative
}

form .form-item-required.form-item-label-invisible::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--mainColor);
    border-radius: 100%;
    margin-left: -3px;
    top: 50%;
    margin-top: -3px;
    z-index: 1
}

form .form-item-required:not(.form-item-label-invisible) > label {
    position: relative
}

form .form-item-required:not(.form-item-label-invisible) > label::before {
    content: "*";
    position: absolute;
    color: var(--label-1-1);
    margin-right: -10px;
    top: 0;
    right: 0;
    margin-top: -3px;
    z-index: 1
}

form .form-item:not(.form-item-label-invisible) label {
    margin-bottom: 12px;
    display: inline-block
}

form .form-item.form-type-password-confirm {
    margin-bottom: 0
}

form .form-item.form-type-password-confirm.form-item-required:before {
    display: none
}

.form-type-password {
    position: relative
}

.form-type-password .show-password {
    position: absolute;
    right: 14px;
    bottom: calc(var(--inputHeight) / 2);
    transform: translateY(50%);
    font-size: 0;
    border: none;
    background: none;
    cursor: pointer
}

.form-type-password .show-password:before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--primary-200)
}

@media screen and (min-width: 1200px) {
    .form-type-password .show-password:before {
        font-size: 1.2rem
    }
}

.form-type-password .show-password.is-show:before {
    content: ""
}

.form-type-password.form-item-label-invisible .show-password {
    bottom: unset;
    top: calc(var(--inputHeight) / 2);
    transform: translateY(-50%)
}

.form-type-password .description a {
    color: inherit;
    transition: all 0.3s
}

.form-type-password .description a:hover {
    color: var(--secondary-500)
}

.form--grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px -10px
}

.form--grid .form-item {
    padding: 0 7px
}

.form--grid.grid-2 .form-item {
    width: 50%
}

.form--grid.grid-3 .form-item {
    width: 33.333%
}

.js-form-autosubmit .form-actions, .auto-submit .form-actions {
    display: none
}

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button, input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    margin: 0
}

input[type=time], input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    -o-appearance: textfield;
    -ms-appearance: textfield
}

input[type="time"]::-webkit-clear-button {
    display: none
}

input[type="time"]::-moz-clear-button {
    display: none
}

[type="color"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea {
    padding: var(--inputPaddingVertical) var(--inputPaddingHorisontal);
    background: var(--inputBackground);
    border: 1px solid var(--inputBorderColor);
    box-sizing: border-box;
    border-radius: var(--inputRadius);
    height: var(--inputHeight);
    width: 100%;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 400 1rem "Montserrat", arial, sans-serif;
    line-height: 1.25;
    color: var(--inputColor);
    transition-duration: 0.2s;
    min-width: 0
}

[type="color"][disabled="disabled"], [type="date"][disabled="disabled"], [type="datetime"][disabled="disabled"], [type="datetime-local"][disabled="disabled"], [type="email"][disabled="disabled"], [type="month"][disabled="disabled"], [type="number"][disabled="disabled"], [type="password"][disabled="disabled"], [type="search"][disabled="disabled"], [type="tel"][disabled="disabled"], [type="text"][disabled="disabled"], [type="time"][disabled="disabled"], [type="url"][disabled="disabled"], [type="week"][disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {
    opacity: 0.5
}

[type="color"]:-webkit-autofill, [type="color"]:-webkit-autofill:hover, [type="color"]:-webkit-autofill:focus, [type="color"]:-webkit-autofill:active, [type="date"]:-webkit-autofill, [type="date"]:-webkit-autofill:hover, [type="date"]:-webkit-autofill:focus, [type="date"]:-webkit-autofill:active, [type="datetime"]:-webkit-autofill, [type="datetime"]:-webkit-autofill:hover, [type="datetime"]:-webkit-autofill:focus, [type="datetime"]:-webkit-autofill:active, [type="datetime-local"]:-webkit-autofill, [type="datetime-local"]:-webkit-autofill:hover, [type="datetime-local"]:-webkit-autofill:focus, [type="datetime-local"]:-webkit-autofill:active, [type="email"]:-webkit-autofill, [type="email"]:-webkit-autofill:hover, [type="email"]:-webkit-autofill:focus, [type="email"]:-webkit-autofill:active, [type="month"]:-webkit-autofill, [type="month"]:-webkit-autofill:hover, [type="month"]:-webkit-autofill:focus, [type="month"]:-webkit-autofill:active, [type="number"]:-webkit-autofill, [type="number"]:-webkit-autofill:hover, [type="number"]:-webkit-autofill:focus, [type="number"]:-webkit-autofill:active, [type="password"]:-webkit-autofill, [type="password"]:-webkit-autofill:hover, [type="password"]:-webkit-autofill:focus, [type="password"]:-webkit-autofill:active, [type="search"]:-webkit-autofill, [type="search"]:-webkit-autofill:hover, [type="search"]:-webkit-autofill:focus, [type="search"]:-webkit-autofill:active, [type="tel"]:-webkit-autofill, [type="tel"]:-webkit-autofill:hover, [type="tel"]:-webkit-autofill:focus, [type="tel"]:-webkit-autofill:active, [type="text"]:-webkit-autofill, [type="text"]:-webkit-autofill:hover, [type="text"]:-webkit-autofill:focus, [type="text"]:-webkit-autofill:active, [type="time"]:-webkit-autofill, [type="time"]:-webkit-autofill:hover, [type="time"]:-webkit-autofill:focus, [type="time"]:-webkit-autofill:active, [type="url"]:-webkit-autofill, [type="url"]:-webkit-autofill:hover, [type="url"]:-webkit-autofill:focus, [type="url"]:-webkit-autofill:active, [type="week"]:-webkit-autofill, [type="week"]:-webkit-autofill:hover, [type="week"]:-webkit-autofill:focus, [type="week"]:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--inputColor);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px var(--inputBackground)
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: var(--grey-500);
    transition: all 0.3s
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: var(--grey-500);
    transition: all 0.3s
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: var(--grey-500);
    transition: all 0.3s
}

input:focus, textarea:focus {
    border-color: var(--secondary-500);
    background: #fff
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0
}

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

textarea {
    height: 130px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    resize: none !important;
    display: block
}

@media screen and (min-width: 1200px) {
    textarea {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
        height: 10rem
    }
}

select {
    padding-right: var(--inputPaddingIconSpace);
    background-image: url("../image/select-arrow.svg");
    background-position: right 15px center;
    background-repeat: no-repeat
}

@media screen and (min-width: 1200px) {
    select {
        background-position: right 0.75rem center
    }
}

.ui-slider-horizontal {
    height: 8px;
    background: var(--grey-0);
    border-radius: 100px;
    border: none !important;
    margin-bottom: 12px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .ui-slider-horizontal {
        margin-bottom: 0.85rem
    }
}

.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    background: var(--mainColor);
    border-radius: 100px;
    position: absolute
}

.ui-slider-horizontal .ui-widget-header {
    border: none
}

.ui-slider-horizontal .ui-slider-handle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--mainColor);
    box-shadow: 0 8px 16px rgba(145, 158, 171, 0.24);
    outline: none;
    top: calc(50% - 9px);
    border: 3px solid var(--whiteColor);
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    display: block;
    position: absolute
}

.ui-slider-horizontal .ui-slider-handle:nth-of-type(2) {
    margin-left: -18px
}

.gl-devel {
    font-family: "Cuprum", serif;
    padding-left: 20px;
    text-align: left;
    position: relative;
    display: table;
    text-transform: uppercase;
    line-height: 1.25;
    white-space: nowrap;
    margin: 0 auto
}

@media screen and (min-width: 1200px) {
    .gl-devel {
        width: 15.65rem;
        margin: 0;
        padding-left: 1.45rem
    }
}

.gl-devel-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--secondary-500);
    width: 0%
}

.gl-devel-mask--title {
    left: 0
}

.gl-devel-mask--role {
    background: var(--primary-500);
    right: 0
}

.gl-devel-title {
    font-size: 1.0625rem;
    display: table;
    position: relative
}

@media screen and (min-width: 1200px) {
    .gl-devel-title {
        font-size: 1.2rem
    }
}

.gl-devel-title svg, .gl-devel-title img {
    position: absolute;
    right: 99%;
    width: auto;
    top: 10%;
    margin-right: 5px
}

@media screen and (min-width: 1200px) {
    .gl-devel-title svg, .gl-devel-title img {
        margin-right: 0.5rem
    }
}

.gl-devel-name {
    position: relative;
    transform: scale(0)
}

.gl-devel-name svg {
    width: 0.95rem
}

@media screen and (min-width: 1200px) {
    .gl-devel-name svg {
        width: 1.05rem
    }
}

.gl-devel-role {
    font-size: 0.875rem;
    letter-spacing: 3px;
    display: table;
    position: relative
}

@media screen and (min-width: 1200px) {
    .gl-devel-role {
        font-size: 0.8rem
    }
}

.gl-devel-role a {
    text-decoration: none;
    position: relative;
    display: block;
    transform: scale(0);
    color: inherit
}

.gl-devel-role a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transition-duration: 0.2s
}

.gl-devel-role a:hover:after {
    transform: scaleX(1)
}

.gl-devel.is-animate .gl-devel-title img, .gl-devel.is-animate .gl-devel-title svg {
    animation: glyanec_img 5s infinite
}

.gl-devel.is-animate .gl-devel-mask {
    animation-delay: 0.5s
}

.gl-devel.is-animate .gl-devel-mask--title {
    animation: mainBlock 1s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards
}

.gl-devel.is-animate .gl-devel-mask--role {
    animation: mainBlockRight 1s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards
}

.gl-devel.is-animate .gl-devel-name {
    font-size: 1.0625rem
}

.gl-devel.is-animate .gl-devel-name a {
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .gl-devel.is-animate .gl-devel-name {
        font-size: 1.2rem
    }
}

.gl-devel.is-animate .gl-devel-role a, .gl-devel.is-animate .gl-devel-name {
    transition: 0s ease 0.5s;
    transform: scale(1)
}

@keyframes mainBlock {
    0% {
        width: 0%;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    100% {
        width: 0;
        left: 100%
    }
}

@keyframes mainBlockRight {
    0% {
        width: 0%;
        right: 0
    }
    50% {
        width: 100%;
        right: 0
    }
    100% {
        width: 0;
        right: 100%
    }
}

@keyframes glyanec_img {
    0% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
    20% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
    40% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
    60% {
        transform: rotate3d(0, 10, 0, 180deg)
    }
    80% {
        transform: rotate3d(10, 0, 0, 0deg)
    }
}

@keyframes secBlock {
    0% {
        width: 0%;
        left: 0
    }
    50% {
        width: 100%;
        left: 0
    }
    100% {
        width: 0;
        left: 100%
    }
}

@keyframes mainFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes popIn {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1;
        bottom: 45px
    }
    65% {
        bottom: 0px;
        width: 15px
    }
    80% {
        bottom: 20px
    }
    100% {
        bottom: 2px;
        transform: scale(1)
    }
}

@keyframes secFadeIn {
    0% {
        opacity: 0
    }
    15% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes top {
    0% {
        opacity: 0;
        bottom: -80px
    }
    100% {
        opacity: 1;
        bottom: 0px
    }
}

@keyframes icon {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: scale(1.3) rotate(-2deg)
    }
    100% {
        opacity: 1;
        bottom: 0px
    }
}

.personal-new-page-title {
    margin-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .personal-new-page-title {
        margin-bottom: 1.5rem
    }
}

.personal-new-page-title .total_rows {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .personal-new-page-title .total_rows {
        font-size: 1rem;
        font-weight: 400
    }
}

.page-node-14 .personal-new-page-title {
    text-align: center
}

.page-front .personal-new-page-title, .page-node-14138 .personal-new-page-title, .page-node-33044 .personal-new-page-title {
    display: none
}

.site-content {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 40px;
    padding-bottom: 50px
}

@media screen and (min-width: 1200px) {
    .site-content {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-content {
        max-width: 81.75rem
    }
}

@media screen and (min-width: 1200px) {
    .site-content {
        padding-top: 2rem;
        padding-bottom: 3.25rem
    }
}

.site-content__top {
    padding: 10px 0
}

@media screen and (min-width: 1200px) {
    .site-content__top {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem
    }
}

.site-content__top .region-content-top {
    padding-left: 24px;
    padding-right: 24px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .site-content__top .region-content-top {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-content__top .region-content-top {
        max-width: 81.75rem
    }
}

.site-middle .block:not(.personal-new-content):not(.personal-new-page-title) {
    padding: 50px 0
}

@media screen and (min-width: 1200px) {
    .site-middle .block:not(.personal-new-content):not(.personal-new-page-title) {
        padding: 3.25rem 0
    }
}

.block .block__title {
    margin-bottom: 30px;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .block .block__title {
        margin-bottom: 1.5rem;
        text-align: left
    }
}

.block .block__title--main {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .block .block__title--main {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.block .block__title--sub {
    margin-top: 0.2rem;
    line-height: 1.5
}

.view:not(.no-grid) {
    position: relative
}

.view:not(.no-grid) .view-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px -30px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid) .view-content {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
        margin-bottom: -1.5rem
    }
}

.view:not(.no-grid) .views-row {
    padding: 0 12px;
    margin: 0 0 30px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid) .views-row {
        margin-bottom: 1.5rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.view:not(.no-grid):not(.modific-more-link) .more-link {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.view:not(.no-grid):not(.modific-more-link) .more-link a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid):not(.modific-more-link) .more-link a {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid):not(.modific-more-link) .more-link a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid):not(.modific-more-link) .more-link a {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.view:not(.no-grid):not(.modific-more-link) .more-link a:hover {
    background: var(--primary-600)
}

.view:not(.no-grid):not(.modific-more-link) .more-link a:disabled, .view:not(.no-grid):not(.modific-more-link) .more-link a.disabled {
    background: var(--primary-200)
}

.view:not(.no-grid).modific .view-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px -30px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).modific .view-content {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
        margin-bottom: -1.5rem
    }
}

.view:not(.no-grid).modific .views-row {
    padding: 0 12px;
    margin: 0 0 30px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).modific .views-row {
        margin-bottom: 1.5rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.view:not(.no-grid).grid-space-min .view-content {
    margin: 0 -8px -16px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-min .view-content {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
        margin-bottom: -1.5rem
    }
}

.view:not(.no-grid).grid-space-min .views-row {
    padding: 0 8px;
    margin: 0 0 16px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-min .views-row {
        margin-bottom: 1.5rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.view:not(.no-grid).grid-space-max .view-content {
    margin: 0 -8px -16px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-max .view-content {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
        margin-bottom: -1.5rem
    }
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid).grid-space-max .view-content {
        margin-bottom: -2.5rem
    }
}

.view:not(.no-grid).grid-space-max .views-row {
    padding: 0 8px;
    margin: 0 0 16px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-max .views-row {
        margin-bottom: 1.5rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .view:not(.no-grid).grid-space-max .views-row {
        margin-bottom: 2.5rem
    }
}

.view:not(.no-grid).grid-space-mod .view-content {
    margin: 0 -13px -26px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-mod .view-content {
        margin-left: -1.35rem;
        margin-right: -1.35rem;
        margin-bottom: -2.7rem
    }
}

.view:not(.no-grid).grid-space-mod .views-row {
    padding: 0 13px;
    margin: 0 0 26px
}

@media screen and (min-width: 768px) {
    .view:not(.no-grid).grid-space-mod .views-row {
        margin-bottom: 2.7rem;
        padding-left: 1.35rem;
        padding-right: 1.35rem
    }
}

.grid-1 .views-row {
    width: 100%
}

.grid-2 .views-row {
    width: 100%
}

@media screen and (min-width: 768px) {
    .grid-2 .views-row {
        width: 50%
    }
}

.grid-2-2 .views-row {
    width: 50%
}

.grid-3 .views-row {
    width: 100%
}

@media screen and (min-width: 480px) {
    .grid-3 .views-row {
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .grid-3 .views-row {
        width: 33.333%
    }
}

.grid-2-3 .views-row {
    width: 50%
}

@media screen and (min-width: 768px) {
    .grid-2-3 .views-row {
        width: 33.33%
    }
}

body.page-sidebar .grid-2-3-leftbar .views-row {
    width: 50%
}

@media screen and (min-width: 768px) {
    body.page-sidebar .grid-2-3-leftbar .views-row {
        width: 33.33%
    }
}

body:not(.page-sidebar) .grid-2-3-leftbar .views-row {
    width: 50%
}

@media screen and (min-width: 768px) {
    body:not(.page-sidebar) .grid-2-3-leftbar .views-row {
        width: 33.33%
    }
}

@media screen and (min-width: 1200px) {
    body:not(.page-sidebar) .grid-2-3-leftbar .views-row {
        width: 25%
    }
}

.grid-4 .views-row {
    width: 100%
}

@media screen and (min-width: 480px) {
    .grid-4 .views-row {
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .grid-4 .views-row {
        width: 33.33%
    }
}

@media screen and (min-width: 1200px) {
    .grid-4 .views-row {
        width: 25%
    }
}

.grid-2-4 .views-row {
    width: 50%
}

@media screen and (min-width: 768px) {
    .grid-2-4 .views-row {
        width: 33.33%
    }
}

@media screen and (min-width: 1200px) {
    .grid-2-4 .views-row {
        width: 25%
    }
}

.grid-5 .views-row {
    width: 100%
}

@media screen and (min-width: 480px) {
    .grid-5 .views-row {
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .grid-5 .views-row {
        width: 33.33%
    }
}

@media screen and (min-width: 1200px) {
    .grid-5 .views-row {
        width: 20%
    }
}

.grid-3-7--mod .views-row {
    width: auto;
    max-width: 33.333%
}

@media screen and (min-width: 480px) {
    .grid-3-7--mod .views-row {
        max-width: 25%
    }
}

@media screen and (min-width: 768px) {
    .grid-3-7--mod .views-row {
        max-width: 20%
    }
}

@media screen and (min-width: 992px) {
    .grid-3-7--mod .views-row {
        max-width: calc(100% / 6)
    }
}

@media screen and (min-width: 1200px) {
    .grid-3-7--mod .views-row {
        max-width: calc(100% / 7)
    }
}

.linear-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.swiper-hand {
    position: absolute;
    background: url("/themes/personal_new/images/icons/hand.svg") center center;
    width: 38px;
    height: 36px;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: 5
}

@media screen and (min-width: 1200px) {
    .swiper-hand {
        display: none
    }
}

.swiper-lock .swiper-hand {
    display: none
}

.swiper-button {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    -webkit-tap-highlight-color: transparent;
    z-index: 5;
    color: var(--grey-300)
}

.swiper-button:before {
    display: none
}

.swiper-button::after {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .swiper-button::after {
        font-size: 1.1rem
    }
}

.swiper-button-prev {
    left: 0
}

.swiper-button-prev::after {
    content: ""
}

.swiper-button-next {
    right: 0
}

.swiper-button-next::after {
    content: ""
}

.swiper-button.swiper-smart-position-hidden {
    display: none
}

.swiper-button:hover {
    color: var(--secondary-500)
}

.swiper-button.swiper-button-disabled {
    pointer-events: initial;
    cursor: auto
}

.swiper-button-lock {
    display: none
}

.swiper-arrow-style-2 .swiper-button {
    position: absolute;
    top: 50%;
    border-radius: var(--itemRadius);
    background: var(--primary-100);
    color: var(--primary-500)
}

.swiper-arrow-style-2 .swiper-button::after {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-style-2 .swiper-button::after {
        font-size: 1.1rem
    }
}

.swiper-arrow-style-2 .swiper-button:hover {
    background: var(--primary-500);
    color: var(--whiteColor)
}

.swiper-arrow-style-2.swiper-arrow-style-min .swiper-button {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    padding: 5px
}

.swiper-arrow-style-2:not(.swiper-arrow-style-min) .swiper-button {
    padding: 11px 14px;
    width: 46px;
    height: 52px;
    margin-top: -12px
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-style-2:not(.swiper-arrow-style-min) .swiper-button {
        width: 3.5rem;
        height: 3.2rem
    }
}

.swiper-arrow-header .swiper-button {
    position: static;
    margin: 0
}

.swiper-arrow-header .swiper-navigation {
    position: absolute;
    gap: 1.2rem;
    left: 0;
    top: 0;
    display: none
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-header .swiper-navigation {
        display: flex;
        bottom: calc(100% + 1.8rem);
        right: 0;
        left: auto;
        top: auto
    }
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-header.swiper-arrow-style-2 .swiper-navigation {
        gap: 0.4rem
    }
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-right .swiper-button {
        top: auto;
        margin: 0 !important;
        position: static
    }
}

@media screen and (min-width: 1200px) {
    .swiper-arrow-right .swiper-navigation {
        position: absolute;
        top: 30%;
        display: flex;
        flex-direction: column;
        gap: 8px;
        right: -1.5rem
    }
}

@media screen and (min-width: 1750px) {
    .swiper-arrow-right .swiper-navigation {
        left: calc(100% + 1.2rem)
    }
}

.swiper-pagination {
    position: relative
}

.swiper-pagination.swiper-pagination-bullets {
    margin: 0 -5px;
    width: auto
}

@media screen and (min-width: 1200px) {
    .swiper-pagination.swiper-pagination-bullets {
        margin: 0 -0.55rem
    }
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    background: none;
    position: relative;
    border-radius: 50%
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--mainColor);
    width: 50%;
    height: 50%;
    border-radius: 50%
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 1200px) {
    .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 0.7rem;
        height: 0.7rem;
        margin: 0 0.55rem
    }
}

.field--type-fivestar {
    margin-bottom: 10px
}

.form-type-fivestar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

div.fivestar-widget, div.fivestar-widget-static {
    font-size: 0;
    display: flex;
    gap: 4px
}

@media screen and (min-width: 1200px) {
    div.fivestar-widget, div.fivestar-widget-static {
        gap: 0.25rem
    }
}

div.fivestar-widget .star, div.fivestar-widget-static .star {
    margin: 0;
    background: url("/themes/personal_new/images/ico-stars.svg") no-repeat 0 0 !important;
    background-size: 100% !important;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

@media screen and (min-width: 1200px) {
    div.fivestar-widget .star, div.fivestar-widget-static .star {
        width: 1.2rem;
        height: 1.2rem
    }
}

div.fivestar-widget .star a, div.fivestar-widget .star span.off, div.fivestar-widget-static .star a, div.fivestar-widget-static .star span.off {
    background: url("/themes/personal_new/images/ico-stars.svg") no-repeat 0 0 !important;
    background-size: 20px !important;
    width: 100%;
    height: 100%;
    display: block
}

@media screen and (min-width: 1200px) {
    div.fivestar-widget .star a, div.fivestar-widget .star span.off, div.fivestar-widget-static .star a, div.fivestar-widget-static .star span.off {
        background-size: 1.2rem !important
    }
}

div.fivestar-widget .star.hover a, div.fivestar-widget .star.on a, div.fivestar-widget .star span.on, div.fivestar-widget-static .star.hover a, div.fivestar-widget-static .star.on a, div.fivestar-widget-static .star span.on {
    height: 100%;
    display: block;
    background: url("/themes/personal_new/images/ico-stars.svg") no-repeat 0 bottom !important;
    background-size: 100% !important
}

div.fivestar-widget .star span[style^="width:50%"], div.fivestar-widget-static .star span[style^="width:50%"] {
    background-size: 200% !important
}

.fivestar-default {
    display: flex;
    align-items: center
}

.fivestar-default .fivestar-rate {
    margin: 0 0 0 10px;
    font-size: 1.125rem;
    font-weight: 700
}

.vote-widget--like-and-dislike {
    display: flex
}

.vote-widget--like-and-dislike a {
    background: none;
    width: auto;
    height: auto;
    text-indent: unset;
    font-size: 0;
    text-decoration: none;
    margin-right: 0.25rem
}

.vote-widget--like-and-dislike a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    display: block;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .vote-widget--like-and-dislike a:before {
        font-size: 1.2rem
    }
}

.vote-widget--like-and-dislike .count {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--grey-400)
}

@media screen and (min-width: 1200px) {
    .vote-widget--like-and-dislike .count {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.vote-like {
    display: flex;
    align-items: center;
    margin: 0 10px 0 0
}

@media screen and (min-width: 1200px) {
    .vote-like {
        margin-right: 0.75rem
    }
}

.vote-like a {
    color: var(--secondary-500);
    cursor: pointer
}

.vote-like a:before {
    content: ""
}

.vote-like a:hover:before {
    transform: translateY(-5px)
}

.vote-like a:active:before {
    transform: translateY(-3px)
}

.vote-like .count:before {
    content: "("
}

.vote-like .count:after {
    content: ")"
}

.vote-dislike {
    display: flex;
    align-items: center
}

.vote-dislike a {
    color: var(--secondary-500);
    cursor: pointer
}

.vote-dislike a:before {
    content: ""
}

.vote-dislike a:hover:before {
    transform: translateY(5px)
}

.vote-dislike a:active:before {
    transform: translateY(3px)
}

.vote-dislike .count:before {
    content: "("
}

.vote-dislike .count:after {
    content: ")"
}

.drupal_package_like_button {
    display: inline-block;
    font-size: 0;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}

.drupal_package_like_button::before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .drupal_package_like_button::before {
        font-size: 1.2rem
    }
}

.drupal_package_like_button.compare_button::before {
    content: ""
}

.drupal_package_like_button.compare_button.active:before {
    color: var(--mainColor)
}

.drupal_package_like_button.favorite_button::before {
    content: "";
    color: var(--secondaryColor)
}

.drupal_package_like_button.favorite_button.active::before {
    content: ""
}

.addto_basket_button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--whiteColor);
    background: var(--mainColor);
    white-space: nowrap;
    flex-wrap: nowrap
}

@media screen and (min-width: 1200px) {
    .addto_basket_button {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .addto_basket_button {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .addto_basket_button {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.addto_basket_button:hover {
    background: var(--primary-600)
}

.addto_basket_button:disabled, .addto_basket_button.disabled {
    background: var(--primary-200)
}

.basket-warehouses {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--whiteColor);
    background: var(--secondaryColor);
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media screen and (min-width: 1200px) {
    .basket-warehouses {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .basket-warehouses {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .basket-warehouses {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.basket-warehouses:hover {
    background: var(--mainColor);
    color: var(--whiteColor)
}

.basket-warehouses:disabled, .basket-warehouses.disabled {
    background: var(--primary-200)
}

.basket_item_count {
    width: 101px;
    height: 52px;
    background: var(--inputBackground);
    border: 1px solid var(--inputBorderColor);
    display: flex;
    border-radius: var(--inputRadius);
    flex-shrink: 0;
    justify-content: center
}

@media screen and (min-width: 1200px) {
    .basket_item_count {
        width: 7rem;
        height: 3.2rem
    }
}

.basket_item_count .arrow {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    text-decoration: none;
    transition: color 0.3s;
    color: var(--secondary-500);
    -webkit-tap-highlight-color: transparent
}

.basket_item_count .arrow:hover {
    color: var(--primary-500)
}

.basket_item_count .arrow::before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .basket_item_count .arrow::before {
        font-size: 1.1rem
    }
}

.basket_item_count .arrow.min::before {
    content: ""
}

.basket_item_count .arrow.plus::before {
    content: ""
}

.basket_item_count .count_input {
    font-size: 1rem;
    font-weight: 400;
    border: none;
    min-height: 0;
    padding: 0;
    height: 100%;
    background: transparent;
    -moz-appearance: textfield;
    text-align: center;
    width: 33.333%
}

@media screen and (min-width: 1200px) {
    .basket_item_count .count_input {
        font-size: 1rem;
        font-weight: 400
    }
}

.select-style-params {
    margin: 0 -2px -10px
}

@media screen and (min-width: 1200px) {
    .select-style-params {
        margin: 0 -0.65rem -0.5rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) {
    display: flex;
    align-items: center;
    padding: 0 2px
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) {
        padding: 0 0.65rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) label {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1;
    color: var(--grey-500);
    margin-right: 4px;
    margin-bottom: 0;
    display: flex
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) label {
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) label {
        margin-right: 0.4rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) label:after {
    content: ":"
}

.select-style-params .form-type-select:not(.form-item-label-invisible) select {
    display: none
}

.select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single {
    height: 14px;
    padding: 0 15px 0 0;
    border: none;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    background: none
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single {
        padding-right: 1.25rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .color-code {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 0
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .color-code {
        width: 1rem;
        height: 1rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-size: 4px;
    right: 0
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .select2-selection__arrow {
        background-size: 0.3rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible).form-item-params-field-variants-size .select2-container {
    padding-left: 17px;
    margin-left: -17px
}

@media screen and (min-width: 1200px) {
    .select-style-params .form-type-select:not(.form-item-label-invisible).form-item-params-field-variants-size .select2-container {
        padding-left: 0.85rem;
        margin-left: -0.85rem
    }
}

.select-style-params .form-type-select:not(.form-item-label-invisible).form-item-params-field-variants-color .select2-container {
    padding-left: 0.75rem;
    margin-left: -0.75rem
}

.select-style-params .form-type-select:not(.form-item-label-invisible).form-item-params-field-variants-color .select2-container--default .select2-selection--single {
    font-size: 0
}

.share {
    padding: 0 !important
}

.share .block__title {
    margin: 0
}

.share .block__title--main {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    font-family: "Montserrat"
}

@media screen and (min-width: 1200px) {
    .share .block__title--main {
        font-size: 1rem;
        font-weight: 600
    }
}

.share .block__layout {
    display: flex;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .share .block__layout {
        gap: 1.2rem
    }
}

.a2a_kit.a2a_default_style {
    display: flex;
    align-items: center;
    margin: 0 -0.1rem
}

@media screen and (min-width: 1200px) {
    .a2a_kit.a2a_default_style {
        margin: 0 -0.2rem
    }
}

.a2a_kit.a2a_default_style a {
    margin: 0 0.1rem;
    width: 30px;
    height: 30px;
    padding: 0 !important
}

@media screen and (min-width: 1200px) {
    .a2a_kit.a2a_default_style a {
        width: 2.2rem;
        height: 2.2rem;
        margin: 0 0.2rem
    }
}

.a2a_kit.a2a_default_style a:before {
    content: "";
    background: no-repeat center;
    background-size: contain;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    display: block;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.a2a_kit.a2a_default_style a:hover:before {
    animation-name: zoomIn
}

.a2a_kit.a2a_default_style a span {
    display: none
}

.a2a_kit.a2a_default_style a.a2a_button_facebook:before {
    background-image: url("../image/ico-share-1.svg")
}

.a2a_kit.a2a_default_style a.a2a_button_telegram:before {
    background-image: url("../image/ico-share-2.svg")
}

.a2a_kit.a2a_default_style a.a2a_button_whatsapp:before {
    background-image: url("../image/ico-share-3.svg")
}

.a2a_kit.a2a_default_style a.a2a_button_viber:before {
    background-image: url("../image/ico-share-4.svg")
}

.a2a_kit.a2a_default_style a.a2a_button_twitter:before {
    background-image: url("../image/ico-share-5.svg")
}

.share-section {
    clear: both;
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .share-section {
        margin-top: 1.65rem
    }
}

.share-section__title {
    font-size: 1rem;
    font-weight: 600;
    margin-right: 16px
}

@media screen and (min-width: 1200px) {
    .share-section__title {
        font-size: 1rem;
        font-weight: 600
    }
}

@media screen and (min-width: 1200px) {
    .share-section__title {
        margin-right: 1.2rem
    }
}

.mfp-zoom-in .mfp-with-anim:not(.basket_popup_view) {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8)
}

.mfp-zoom-in .mfp-with-anim.basket_popup_view {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: translateX(100%)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim:not(.basket_popup_view) {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready .mfp-with-anim.basket_popup_view {
    opacity: 1;
    transform: translateX(0)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.55
}

.mfp-zoom-in.mfp-removing .mfp-with-anim:not(.basket_popup_view) {
    transform: scale(0.8);
    opacity: 0
}

.mfp-zoom-in.mfp-removing .mfp-with-anim.basket_popup_view {
    opacity: 0;
    transform: translateX(100%)
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-bg {
    background: #262626;
    opacity: 0.3
}

.mfp-container {
    padding: 0
}

.mfp-container .b-product-comments__form, .mfp-container .magnific-popup, .mfp-container .magnific-content {
    background: #fff;
    width: 400px;
    max-width: 95%;
    margin: 0 auto;
    position: relative;
    padding: 30px 24px;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 1200px) {
    .mfp-container .b-product-comments__form, .mfp-container .magnific-popup, .mfp-container .magnific-content {
        width: 33rem;
        padding: 1.5rem 1.25rem
    }
}

.mfp-container .b-product-comments__form > .block, .mfp-container .magnific-popup > .block, .mfp-container .magnific-content > .block {
    position: static
}

.mfp-container .b-product-comments__form.basket_add_popup .magnific-popup__title, .mfp-container .magnific-popup.basket_add_popup .magnific-popup__title, .mfp-container .magnific-content.basket_add_popup .magnific-popup__title {
    text-align: center;
    margin-left: 1.5rem
}

@media screen and (min-width: 1200px) {
    .mfp-container .b-product-comments__form.basket_add_popup, .mfp-container .magnific-popup.basket_add_popup, .mfp-container .magnific-content.basket_add_popup {
        width: 35rem
    }
}

.mfp-container .basket_popup_view {
    margin: 0 0 0 auto;
    height: 100vh;
    max-height: 100svh;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    padding: 24px;
    border-radius: 0
}

@media screen and (min-width: 1200px) {
    .mfp-container .basket_popup_view {
        width: 33.65rem;
        padding: 1.2rem 0.7rem 0.7rem
    }
}

.mfp-container .basket_popup_view .views-element-container, .mfp-container .basket_popup_view .view, .mfp-container .basket_popup_view .magnific-popup__content {
    height: 100%
}

.mfp-container .basket_popup_view .magnific-popup__title {
    margin-bottom: 8px
}

@media screen and (min-width: 1200px) {
    .mfp-container .basket_popup_view .magnific-popup__title {
        border-bottom: 1px solid var(--grey-100);
        padding: 0 1.7rem 1.1rem 0.5rem;
        margin: 0
    }
}

.mfp-container .basket_popup_view .view {
    height: calc(100% - 40px);
    padding-right: 20px;
    margin-right: -20px;
    overflow: hidden;
    overflow-y: auto
}

.mfp-container .basket_popup_view .view::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.mfp-container .basket_popup_view .view::-webkit-scrollbar-track {
    background: var(--secondary-100);
    border-radius: 7px
}

.mfp-container .basket_popup_view .view::-webkit-scrollbar-thumb {
    background: var(--secondary-600);
    border-radius: 7px;
    cursor: pointer
}

.mfp-container .basket_popup_view .view::-webkit-scrollbar-thumb:hover {
    background: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .mfp-container .basket_popup_view .view {
        padding-right: 0.65rem;
        margin-right: -0.65rem;
        height: calc(100% - 2.8rem)
    }
}

.mfp-container .basket_popup_view .mfp-close {
    top: 27px
}

@media screen and (min-width: 1200px) {
    .mfp-container .basket_popup_view .mfp-close {
        right: 1.2rem;
        top: 1.4rem
    }
}

.mfp-container .magnific-popup__title, .mfp-container .magnific-content-title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 1.25rem;
    margin-right: 1.5rem
}

@media screen and (min-width: 1200px) {
    .mfp-container .magnific-popup__title, .mfp-container .magnific-content-title {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.mfp-container .form-actions .form-submit {
    width: 100%
}

.mfp-container .mfp-close {
    right: 25px;
    top: 35px;
    width: auto;
    height: 1.25rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    color: var(--grey-600)
}

@media screen and (min-width: 1200px) {
    .mfp-container .mfp-close {
        right: 1.25rem;
        top: 1.5rem;
        height: 1.25rem
    }
}

.mfp-container .mfp-close::before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .mfp-container .mfp-close::before {
        font-size: 1.2rem
    }
}

.mfp-container .mfp-close.is-white {
    right: 15px;
    top: 11px;
    color: #FFFFFF
}

html[style*="margin-right: 15px"] {
    margin-right: 0.5rem !important
}

html[style*="margin-right: 15px"] .site-header {
    right: 0.5rem
}


.b-rating {
    position: relative;
    display: inline-block;
    width: 85px;
    height: 17px;
    vertical-align: middle;
    background: url("../image/star-noactive-new.svg") left center repeat-x;
    background-size: 17px auto
}

@media screen and (min-width: 1200px) {
    .b-rating {
        width: 6rem;
        height: 1.2rem;
        background-size: 1.2rem auto
    }
}

.b-rating__inner {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: url("../image/star-active-new.svg") left center repeat-x;
    background-size: 17px auto
}

@media screen and (min-width: 1200px) {
    .b-rating__inner {
        background-size: 1.2rem auto
    }
}

.b-rating-small {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 12px;
    vertical-align: middle;
    background: url("../image/star-noactive-new.svg") left center repeat-x;
    background-size: 12px auto
}

@media screen and (min-width: 1200px) {
    .b-rating-small {
        width: 4.75rem;
        height: 0.95rem;
        background-size: 0.95rem auto
    }
}

.b-rating-small__inner {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: url("../image/star-active-new.svg") left center repeat-x;
    background-size: 12px auto
}

@media screen and (min-width: 1200px) {
    .b-rating-small__inner {
        background-size: 0.95rem auto
    }
}

.b-rating-big {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 20px;
    vertical-align: middle;
    background: url("../image/star-noactive-new.svg") left center repeat-x;
    background-size: 20px auto
}

@media screen and (min-width: 1200px) {
    .b-rating-big {
        width: 7rem;
        height: 1.4rem;
        background-size: 1.4rem auto
    }
}

.b-rating-big__inner {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: url("../image/star-active-new.svg") left center repeat-x;
    background-size: 20px auto
}

@media screen and (min-width: 1200px) {
    .b-rating-big__inner {
        background-size: 1.4rem auto
    }
}

.site-page {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden
}

.site-page .site-footer, .site-page .site-header {
    flex-shrink: 0
}

.site-page .site-main {
    flex-grow: 1;
    /* overflow: hidden; */
    padding-top: 129px
}

@media screen and (min-width: 1200px) {
    .site-page .site-main {
        padding-top: 11.45rem
    }
}

.l {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width: 1200px) {
    .l {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .l {
        max-width: 81.75rem
    }
}

.site-container {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 1200px) {
    .site-container {
        margin-left: -0.75rem;
        margin-right: -0.75rem
    }
}

@media screen and (min-width: 1200px) {
    .site-container {
        flex-wrap: nowrap
    }
}

.site-middle {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    flex-grow: 1;
    min-width: 0;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1200px) {
    .site-middle {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
}

.site-leftbar {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    order: -1;
    margin-bottom: 20px;
    width: 100%;
    flex-shrink: 0
}

@media screen and (min-width: 1200px) {
    .site-leftbar {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
}

@media screen and (min-width: 1200px) {
    .site-leftbar {
        width: 25%
    }
}

.site-rightbar {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    display: none;
    order: 1;
    flex-shrink: 0
}

@media screen and (min-width: 1200px) {
    .site-rightbar {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
}

.page-promotions .personal-new-page-title__container {
    display: flex;
    align-items: center
}

.page-promotions .personal-new-page-title__container:before {
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor);
    margin-right: 5px
}

@media screen and (min-width: 1200px) {
    .page-promotions .personal-new-page-title__container:before {
        font-size: 1.5rem
    }
}

.block-type-stop-block {
    background: #FFFFFF;
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.block-type-stop-block .block__content {
    display: flex;
    align-items: center;
    width: 100%
}

.block-type-stop-block .field-block-image-multi .field__item {
    display: none
}

.block-type-stop-block .field-block-image-multi .field__item:first-of-type {
    display: block
}

.block-type-stop-block .field-block-image-multi .field__item:first-of-type img {
    height: 100vh;
    width: 52vw;
    object-fit: cover
}

.block-type-stop-block .stop_block_img img {
    height: 100vh;
    width: 52vw;
    object-fit: cover
}

.block-type-stop-block .info_wrapper {
    padding: 2.5rem;
    text-align: center;
    width: 48vw
}

.block-type-stop-block .field-block-title {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-title {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.block-type-stop-block .field-block-text {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    max-width: 22.5rem;
    margin: 15px auto 3.9rem
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-text {
        font-size: 0.85rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.block-type-stop-block .field-block-subtitle {
    margin-top: 15px;
    font-size: 1rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-subtitle {
        font-size: 1rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.block-type-stop-block .field-block-link {
    margin-top: 15px
}

.block-type-stop-block .field-block-link a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.block-type-stop-block .field-block-link a:hover {
    background: var(--primary-600)
}

.block-type-stop-block .field-block-link a:disabled, .block-type-stop-block .field-block-link a.disabled {
    background: var(--primary-200)
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a {
        min-height: 3rem
    }
}

.block-type-stop-block .field-block-link a::before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-right: 10px
}

@media screen and (min-width: 1200px) {
    .block-type-stop-block .field-block-link a::before {
        font-size: 1.2rem
    }
}

.warehouses-inform-form {
    display: flex;
    flex-direction: column
}

.warehouses-inform-form .mess {
    font-size: 0.75rem;
    margin-bottom: 10px
}

.warehouses-inform-form.is-submitted .mess {
    margin-top: 0;
    font-size: 1rem;
    font-weight: 400;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .warehouses-inform-form.is-submitted .mess {
        font-size: 1rem;
        font-weight: 400
    }
}

.basket-add-popup-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 -0.5rem -0.5rem;
    text-align: center;
    flex-direction: row-reverse
}

.basket-add-popup-links a {
    margin: 0 0.5rem 0.5rem
}

.basket-add-popup-links-order {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-order {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-order {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-order {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.basket-add-popup-links-order:hover {
    background: var(--primary-600)
}

.basket-add-popup-links-order:disabled, .basket-add-popup-links-order.disabled {
    background: var(--primary-200)
}

.basket-add-popup-links-close {
    transition-duration: 0.2s;
    position: relative;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

.basket-add-popup-links-close:after {
    background: var(--secondary-500);
    transition-duration: 0.2s;
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transform: scaleX(0);
    content-visibility: auto
}

.basket-add-popup-links-close:hover:after {
    transform: scaleX(1)
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-close {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.basket-add-popup-links-close::before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--secondary-500);
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

@media screen and (min-width: 1200px) {
    .basket-add-popup-links-close::before {
        font-size: 1.2rem
    }
}

.basket-add-popup-links-close:after {
    left: calc(24px + 0.5rem)
}

.basket-add-popup-links-close:hover:before {
    animation-name: fadeOutLeft
}

.basket_add_popup_params .basket_add_button_wrap {
    display: flex;
    align-items: center;
    margin: 0 -5px
}

.basket_add_popup_params .addto_basket_button, .basket_add_popup_params .basket_item_count {
    margin: 0 5px
}

svg, img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
    width: auto;
    height: auto;
    image-rendering: smooth
}

video {
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    width: 100%;
    height: auto
}

.text-center {
    text-align: center
}

ol, ul {
    margin: 0;
    padding: 0
}

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

table {
    border-collapse: collapse
}

.responsive-table-text {
    overflow-x: auto;
    overflow-y: hidden
}

iframe {
    border: none;
    vertical-align: middle
}

.ajax-progress-throbber, .ajax-progress-fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150;
    background: rgba(35, 34, 34, 0.85);
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: none;
    border-radius: 0
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--secondary-500);
    margin: -4px 0 0 -4px
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.btn--std {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .btn--std {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.swiper-slide {
    height: auto
}

#drupal-live-announce {
    display: none
}

.ui-datepicker.ui-widget-content {
    border-radius: 0;
    box-shadow: 0px 4px 15px rgba(79, 79, 79, 0.2);
    color: var(--grey-500);
    border: none;
    font-size: 14px;
    width: 320px;
    font-family: "Montserrat";
    padding: 0 15px
}

.ui-datepicker.ui-widget-content .ui-datepicker-header {
    padding: 0 15px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--grey-200);
    box-shadow: none;
    background: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    margin: 0 -15px
}

.ui-datepicker.ui-widget-content .ui-datepicker-header:after, .ui-datepicker.ui-widget-content .ui-datepicker-header:before {
    display: none
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a {
    outline: none;
    height: auto;
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    outline: none;
    height: auto;
    background: #fff;
    border-radius: 0;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--grey-500)
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a span {
    display: none
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .ui-datepicker.ui-widget-content .ui-datepicker-header a:before {
        font-size: 1.2rem
    }
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a.ui-datepicker-prev:before {
    content: ""
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a.ui-datepicker-next {
    order: 10
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a.ui-datepicker-next:before {
    content: ""
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a:hover {
    color: var(--primary-300)
}

.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-datepicker-title {
    margin: 0 18px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    line-height: 1.4;
    flex-grow: 1;
    min-width: 0
}

.ui-datepicker.ui-widget-content .ui-datepicker-header select {
    font-size: 1rem;
    width: 46%;
    margin: 0 2%;
    padding-left: 10px;
    padding-right: 30px;
    vertical-align: top;
    height: 40px;
    background-position: right 12px center;
    font-family: "Montserrat"
}

@media screen and (min-width: 1200px) {
    .ui-datepicker.ui-widget-content .ui-datepicker-header select {
        height: 2rem;
        font-size: 0.7rem
    }
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar {
    font-size: 16px;
    margin: 0
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar thead th {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--secondary-500);
    padding: 5px;
    height: 40px
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td {
    border: none;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 14.2%;
    vertical-align: middle
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td span, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td a {
    border: none;
    color: var(--grey-500);
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    margin: 0 auto
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td.ui-datepicker-today span, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td.ui-datepicker-today a {
    background: #F1F4F6;
    color: var(--grey-500)
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day span, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td:hover span, .ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody tr td:hover a {
    background: var(--secondary-500);
    color: #fff
}

.ui-menu.ui-autocomplete {
    border: none;
    font: 0.9rem "Montserrat";
    max-height: 362px;
    overflow-x: hidden;
    z-index: 9999;
    margin: 0;
    border-radius: 0;
    background: #fff;
    max-width: 100%
}

.ui-menu.ui-autocomplete::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.ui-menu.ui-autocomplete::-webkit-scrollbar-track {
    background: var(--secondary-100);
    border-radius: 7px
}

.ui-menu.ui-autocomplete::-webkit-scrollbar-thumb {
    background: var(--secondary-500);
    border-radius: 7px;
    cursor: pointer
}

.ui-menu.ui-autocomplete::-webkit-scrollbar-thumb:hover {
    background: var(--secondaryColor)
}

.ui-menu.ui-autocomplete .ui-menu-item {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--grey-300)
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper {
    display: block;
    padding: 10px 15px;
    color: var(--grey-500);
    text-decoration: none;
    border: none;
    background: none !important;
    margin: 0;
    transition-duration: 0.2s;
    font-weight: 400
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper .views-field-field-product-images {
    width: 70px;
    min-width: 70px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper a {
    margin: -10px -15px;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    color: inherit
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper .empty {
    display: block;
    text-align: center
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper .search_block_link {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: normal
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    background: var(--secondary-500) !important;
    color: #fff
}

.sliding-popup-bottom {
    bottom: 0;
    will-change: transform;
    transform: translateY(0);
    position: fixed;
    left: 0;
    z-index: 99;
    transition-duration: 1s;
    transition-delay: 2s
}

.wait-load .sliding-popup-bottom {
    transform: translateY(100%)
}

.sliding-popup-bottom .popup-content {
    content-visibility: auto
}

.eu-cookie-compliance-content {
    max-width: 100%;
    margin: 0;
    padding: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (min-width: 480px) {
    .eu-cookie-compliance-content {
        flex-wrap: nowrap
    }
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content {
        padding: 1.25rem 3.75rem
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-message {
    margin: 0;
    float: none
}

.eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
        margin-bottom: 0.25rem
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-message p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    display: inline
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-message p {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-message button {
    transition-duration: 0.2s;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    line-height: 1.25;
    text-decoration: underline;
    font-family: inherit;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    color: var(--secondary-500)
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-message button {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-message button:hover {
    color: var(--secondaryColor)
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons {
    margin: 1rem -0.5rem 0;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    flex-direction: row-reverse
}

@media screen and (min-width: 480px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-buttons {
        margin-top: 0
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons button {
    margin: 0 0.5rem;
    transition-duration: 0.2s;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
    text-decoration: underline;
    cursor: pointer
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
    background: none;
    border: none;
    text-shadow: unset;
    color: var(--secondary-500);
    transition-duration: 0.2s;
    position: relative;
    text-decoration: none;
    padding: 0;
    box-shadow: none
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:after {
    background: currentColor;
    transition-duration: 0.2s;
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transform: scaleX(0);
    content-visibility: auto
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:hover:after {
    transform: scaleX(1)
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--whiteColor);
    background: var(--mainColor);
    text-shadow: unset;
    box-shadow: none
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button:hover {
    background: var(--primary-600)
}

.eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button:disabled, .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button.disabled {
    background: var(--primary-200)
}

.custom-error {
    pointer-events: none !important
}

.webform-confirmation__message {
    text-align: center
}

.basket_finish__id {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    text-align: center;
    color: var(--primary-500)
}

@media screen and (min-width: 1200px) {
    .basket_finish__id {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

#noty_topRight_layout_container li {
    background: #fff !important;
    border-color: var(--secondary-500) !important;
    border-radius: 5px !important;
    color: var(--secondary-500) !important
}

#noty_topRight_layout_container .noty_message {
    padding: 10px 25px 10px 15px !important
}

#noty_topRight_layout_container .noty_close {
    background: none !important;
    width: 16px !important;
    top: 5px !important;
    right: 5px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 16px !important;
    opacity: 1 !important
}

#noty_topRight_layout_container .noty_close:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--secondary-500)
}

@media screen and (min-width: 1200px) {
    #noty_topRight_layout_container .noty_close:before {
        font-size: 1.2rem
    }
}

#noty_topRight_layout_container .noty_bar:not(.noty_type_error) .noty_message {
    font-size: 1rem;
    line-height: 1.25
}

@media screen and (min-width: 1200px) {
    #noty_topRight_layout_container .noty_bar:not(.noty_type_error) .noty_message {
        font-size: 0.9rem
    }
}

#noty_topRight_layout_container .noty_type_error {
    color: var(--label-1-1) !important
}

.site-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
	background: var(--whiteColor);
	transition: all 0.5s ease;
}

.site-header.is-scrolled {
    box-shadow: var(--shadow-Light-0-48)
}

.site-header.is-scrolled .header-content__bottom {
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 1200px) {
    .site-header.is-scrolled .site-header__top {
        min-height: 5rem
    }
		.site-header.is-scrolled .header-content__wrapper {
			min-height: 5rem;
			padding: 0.5rem 0;
		}
}

.site-header.is-scrolled .site-header__menu {
    top: 56px
}

@media screen and (min-width: 1200px) {
    .site-header.is-scrolled .site-header__menu {
        top: 5rem
    }
}

.site-header__wrapper {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width: 1200px) {
    .site-header__wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-header__wrapper {
        max-width: 81.75rem
    }
}

.site-header__top {
    min-height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    gap: 15px;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 1200px) {
    .site-header__top {
        min-height: 7rem;
        padding: 1rem 0;
        gap: 1.5rem
    }
}

.site-header__top--left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 15px;
    max-width: calc(50% - 75px)
}

@media screen and (min-width: 1200px) {
    .site-header__top--left {
        max-width: calc(50% - 7.5rem);
        gap: 1.5rem
    }
}

.site-header__top--left .region {
    display: flex;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .site-header__top--left .region {
        gap: 1.5rem
    }
}

.site-header__top--right {
    width: 100%;
    max-width: calc(50% - 75px)
}

@media screen and (min-width: 1200px) {
    .site-header__top--right {
        max-width: calc(50% - 7.5rem)
    }
}

.site-header__top--right .region {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .site-header__top--right .region {
        gap: 1.5rem
    }
}

.header-content__bottom {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    z-index: -1;
    transition: all 0.5s ease;
    background: var(--grey-0)
}

/* .site-header__bottom .region {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width: 1200px) {
    .site-header__bottom .region {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-header__bottom .region {
        max-width: 81.75rem
    }
} */

.site-header__menu {
    position: fixed;
    left: 0;
    top: 86px;
    bottom: 0;
    z-index: 101;
    width: 100%;
    max-width: 300px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    background: var(--whiteColor);
    padding: 30px 24px;
    transform: translateX(-110%);
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: var(--shadow-Light-16-32)
}

.site-header__menu::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.site-header__menu::-webkit-scrollbar-track {
    background: var(--secondary-100);
    border-radius: 7px
}

.site-header__menu::-webkit-scrollbar-thumb {
    background: var(--secondary-500);
    border-radius: 7px;
    cursor: pointer
}

.site-header__menu::-webkit-scrollbar-thumb:hover {
    background: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .site-header__menu {
        max-width: 19.35rem;
        top: 11.45rem;
        padding: 2.5rem 2.5rem 2.5rem 1.25rem
    }
}

@media screen and (min-width: 1600px) {
    .site-header__menu {
        max-width: calc(19.35rem + (100vw - 81.75rem) / 2);
        padding-left: calc(1.2rem + (100vw - 81.75rem) / 2)
    }
}

.site-header__menu.active-catalog {
    overflow: hidden
}

.site-header__menu.is-open {
    opacity: 1;
    visibility: visible;
    transform: none
}

.site-header__menu .region {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}

.site-header__menu .region > *:not(:last-child) {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--primary-100)
}

.logo-new {
    max-width: 124px;
    margin-top: -6px
}

@media screen and (min-width: 1200px) {
    .logo-new {
        max-width: 13.5rem;
        margin-top: -0.75rem
    }
}

.site-header-btn {
    cursor: pointer
}

@media (any-hover: hover) {
    .site-header-btn {
        transition: 0.2s
    }

    .site-header-btn:hover {
        color: var(--mainColor)
    }
}

.site-header-btn:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .site-header-btn:before {
        font-size: 1.2rem
    }
}

.site-header-btn.is-open:before {
    content: ""
}

.search .search-block {
    position: fixed;
    top: 80px;
    left: 15px;
    right: 15px;
    z-index: 15;
    opacity: 0;
    visibility: visible;
    transform: scale(0.8);
    transition-duration: 0.2s;
    pointer-events: none;
    border-radius: var(--itemRadius);
    box-shadow: var(--shadow-Light-8-16)
}

@media screen and (min-width: 1200px) {
    .search .search-block {
        top: 7.4rem;
        left: 30%;
        right: 30%
    }
}

.wait-load .search .search-block {
    display: none
}

.search .search-block .form-item {
    margin-bottom: 0
}

.search .search-block input {
    border-radius: var(--itemRadius);
    border: none;
    background-image: none !important;
    height: auto;
    padding-right: 40px
}

@media screen and (min-width: 1200px) {
    .search .search-block input {
        padding-right: 3rem
    }
}

.search .search-block .ui-menu.ui-autocomplete {
    top: 60px !important
}

.search .search-block .si-wrapper {
    position: relative
}

.search .search-block .si-wrapper .clear, .search .search-block .si-wrapper .si-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background: none;
    border: none;
    cursor: pointer
}

@media (any-hover: hover) {
    .search .search-block .si-wrapper .clear, .search .search-block .si-wrapper .si-btn {
        transition: 0.2s
    }

    .search .search-block .si-wrapper .clear:hover, .search .search-block .si-wrapper .si-btn:hover {
        color: var(--mainColor)
    }
}

@media screen and (min-width: 1200px) {
    .search .search-block .si-wrapper .clear, .search .search-block .si-wrapper .si-btn {
        right: 0.75rem
    }
}

.search .search-block .si-wrapper .clear:before, .search .search-block .si-wrapper .si-btn:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .search .search-block .si-wrapper .clear:before, .search .search-block .si-wrapper .si-btn:before {
        font-size: 1.2rem
    }
}

.search .search-block .si-wrapper .clear:before {
    content: ""
}

.search .search-block .si-wrapper .si-btn:before {
    content: ""
}

.search__btn {
    font-size: 0;
    cursor: pointer
}

.search__btn:before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .search__btn:before {
        font-size: 1.2rem
    }
}

.search__btn.is-open:before {
    content: ""
}

.search.is-open .search-block {
    animation-name: bounceIn;
    animation-duration: 1s;
    animation-iteration-count: unset;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto
}

.search .form-actions {
    margin: 0
}

.search .form-actions .form-submit {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background: none !important;
    border: none;
    cursor: pointer;
    padding: 0;
    min-height: unset;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .search .form-actions .form-submit {
        right: 0.75rem
    }
}

@media (any-hover: hover) {
    .search .form-actions .form-submit {
        transition: 0.2s
    }

    .search .form-actions .form-submit:hover {
        color: var(--secondaryColor)
    }
}

.search .form-actions .form-submit:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .search .form-actions .form-submit:before {
        font-size: 1.2rem
    }
}

.language-list {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    position: relative;
    display: inline-flex
}

@media screen and (min-width: 1200px) {
    .language-list {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.language-list__current {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.language-list__current:after {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-left: 5px
}

@media screen and (min-width: 1200px) {
    .language-list__current:after {
        font-size: 1.2rem
    }
}

.language-list__current.is-open:after {
    content: ""
}

.language-list__items {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background: #FFFFFF;
    padding: 10px;
    border-radius: var(--itemRadius);
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    box-shadow: var(--shadow-Light-8-16);
    z-index: 5;
    width: 100%
}

.language-list__item.active-lang {
    display: none
}

.language-list__item a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    text-align: center
}

@media (any-hover: hover) {
    .language-list__item a {
        transition: 0.2s
    }

    .language-list__item a:hover {
        color: var(--mainColor)
    }
}

.language-list.is-open .language-list__items {
    opacity: 1;
    visibility: visible
}

.b-user-login__item.type-login a {
    font-size: 0;
    text-decoration: none;
    display: inline-flex
}

.b-user-login__item.type-login a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .b-user-login__item.type-login a:before {
        font-size: 1.2rem
    }
}

@media (any-hover: hover) {
    .b-user-login__item.type-login a {
        transition: 0.2s
    }

    .b-user-login__item.type-login a:hover {
        color: var(--mainColor)
    }
}

.basket-count .count-link {
    font-size: 0;
    text-decoration: none;
    display: inline-flex;
    position: relative
}

@media screen and (min-width: 1200px) {
    .basket-count .count-link {
        align-items: center;
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1;
        gap: 0.25rem;
        padding: 0.75rem 1rem;
        background: var(--mainColor);
        color: var(--whiteColor);
        border-radius: var(--itemRadius)
    }
}

@media (any-hover: hover) {
    .basket-count .count-link {
        transition: 0.2s
    }

    .basket-count .count-link:hover {
        background: var(--secondaryColor)
    }
}

.basket-count .count-link:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .basket-count .count-link:before {
        font-size: 1.2rem
    }
}

.basket-count .count-link.is-active:after {
    width: 6px;
    height: 6px;
    background: var(--mainColor);
    border-radius: 50%;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(75%, -75%)
}

.header-block-new .block__content {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between
}

@media screen and (min-width: 1200px) {
    .header-block-new .block__content {
        gap: 1.5rem
    }
}

.header-block-new__item:not(.modific) a {
    text-decoration: none;
    font-size: 0
}

.header-block-new__item:not(.modific) a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .header-block-new__item:not(.modific) a:before {
        font-size: 1.2rem
    }
}

@media (any-hover: hover) {
    .header-block-new__item:not(.modific) a {
        transition: 0.2s
    }

    .header-block-new__item:not(.modific) a:hover {
        color: var(--secondary-500)
    }
}

@media screen and (min-width: 1200px) {
    .header-block-new__item.type-favorites {
        order: -1
    }
}

.header-block-new__item.type-favorites a {
    position: relative;
    display: inline-flex
}

.header-block-new__item.type-favorites a:before {
    content: ""
}

.header-block-new__item.type-favorites a .count {
    font-size: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mainColor);
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(75%, -75%)
}

.header-block-new__item.type-search a:before {
    content: ""
}

.header-block-new__item.type-search a.is-open:before {
    content: ""
}

.catalog-menu-new {
    margin: 0 -24px;
    padding: 0 24px;
    overflow: auto;
    display: flex
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new {
        overflow: initial;
        margin: 0;
        padding: 0;
        display: block
    }
}

.catalog-menu-new::-webkit-scrollbar {
    display: none;
    opacity: 0;
    visibility: hidden
}

.catalog-menu-new > .menu {
    display: flex;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new > .menu {
        justify-content: space-between;
        gap: 0.75rem
    }
}

.catalog-menu-new > .menu > li {
    position: relative
}

.catalog-menu-new > .menu > li:nth-child(n+7) > .menu {
    left: unset;
    right: 0
}

@media (any-hover: hover) {
    .catalog-menu-new > .menu > li:hover > a {
        color: var(--mainColor)
    }

    .catalog-menu-new > .menu > li:hover > .menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(calc(100% + 0.5rem))
    }
}

.catalog-menu-new > .menu > li > a {
    white-space: nowrap;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 5px 0;
    min-height: 43px;
    transition: 0.2s
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new > .menu > li > a {
        padding: 0.5rem 0;
        min-height: 2.45rem;
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.catalog-menu-new > .menu > li > a[href*="/promotions"] {
    color: var(--mainColor);
    gap: 5px
}

.catalog-menu-new > .menu > li > a[href*="/promotions"]:before {
    font-family: "icomoon";
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new > .menu > li > a[href*="/promotions"]:before {
        font-size: 1.2rem
    }
}

.catalog-menu-new > .menu .menu {
    display: none
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new > .menu .menu {
        display: block;
        position: absolute;
        bottom: 0;
        left: -1.6rem;
        padding: 1.6rem;
        background: var(--whiteColor);
        border-radius: 1rem;
        box-shadow: var(--shadow-Light-16-32);
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%);
        transition: 0.2s;
        width: 17.3rem
    }

    .catalog-menu-new > .menu .menu:before {
        content: "";
        width: 100%;
        height: 0.5rem;
        top: 0;
        left: 0;
        position: absolute;
        transform: translateY(-100%)
    }

    .catalog-menu-new > .menu .menu li {
        display: flex;
        align-items: flex-start
    }

    .catalog-menu-new > .menu .menu li:not(:last-child) {
        margin-bottom: 15px
    }

    .catalog-menu-new > .menu .menu li::before {
        content: "";
        font-family: "icomoon";
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        color: inherit;
        margin-top: -0.1em;
        margin-right: 0.25rem;
        color: var(--mainColor)
    }

    .catalog-menu-new > .menu .menu li a {
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .catalog-menu-new > .menu .menu li::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .catalog-menu-new > .menu .menu li a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
    .catalog-menu-new > .menu .menu li a {
        transition: 0.2s
    }

    .catalog-menu-new > .menu .menu li a:hover {
        color: var(--mainColor)
    }
}

.catalog-menu-new-hide .menu li, .main-menu-new .menu li {
    display: flex;
    align-items: flex-start
}

.catalog-menu-new-hide .menu li:not(:last-child), .main-menu-new .menu li:not(:last-child) {
    margin-bottom: 15px
}

.catalog-menu-new-hide .menu li::before, .main-menu-new .menu li::before {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-top: -0.15em;
    margin-right: 5px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new-hide .menu li::before, .main-menu-new .menu li::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new-hide .menu li::before, .main-menu-new .menu li::before {
        margin-top: 0;
        margin-right: 0.25rem
    }
}

.catalog-menu-new-hide .menu li a, .catalog-menu-new-hide .menu li span, .main-menu-new .menu li a, .main-menu-new .menu li span {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .catalog-menu-new-hide .menu li a, .catalog-menu-new-hide .menu li span, .main-menu-new .menu li a, .main-menu-new .menu li span {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .catalog-menu-new-hide .menu li a, .main-menu-new .menu li a {
        transition: 0.2s
    }

    .catalog-menu-new-hide .menu li a:hover, .main-menu-new .menu li a:hover {
        color: var(--mainColor)
    }
}

.catalog-menu-mod-new {
    position: initial
}

.m-cMenu__item:not(:last-child) {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .m-cMenu__item:not(:last-child) {
        margin-bottom: 0.75rem
    }
}

.m-cMenu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .m-cMenu__link {
        transition: 0.2s
    }

    .m-cMenu__link:hover {
        color: var(--mainColor)
    }
}

.m-cMenu__link.has-childs:after {
    font-family: "icomoon";
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-left: 5px;
    content: ""
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link.has-childs:after {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link.has-childs:after {
        content: "";
        font-size: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link.is-active:after {
        content: ""
    }
}

.m-cMenu__link-wrapper {
    display: flex;
    align-items: flex-start
}

.m-cMenu__link-wrapper::before {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-top: -0.15em;
    margin-right: 5px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link-wrapper::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__link-wrapper::before {
        margin-top: 0;
        margin-right: 0.25rem
    }
}

.m-cMenu__back {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--primary-100)
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back {
        display: none
    }
}

.m-cMenu__back--all {
    display: flex;
    align-items: flex-start
}

.m-cMenu__back--all::before {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-top: -0.15em;
    margin-right: 5px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back--all::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back--all::before {
        margin-top: 0;
        margin-right: 0.25rem
    }
}

.m-cMenu__back--link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back--link {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.m-cMenu__back--btn {
    font-size: 0
}

.m-cMenu__back--btn:before {
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .m-cMenu__back--btn:before {
        font-size: 1.2rem
    }
}

.m-cMenu__dropdown {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 24px;
    transition: 0.3s;
    transform: translateX(110%);
    background: #fff
}

@media screen and (max-width: 1199px) {
    .m-cMenu__dropdown {
        overflow: auto
    }

    .m-cMenu__dropdown::-webkit-scrollbar {
        width: 7px;
        height: 7px
    }

    .m-cMenu__dropdown::-webkit-scrollbar-track {
        background: var(--secondary-100);
        border-radius: 7px
    }

    .m-cMenu__dropdown::-webkit-scrollbar-thumb {
        background: var(--secondary-500);
        border-radius: 7px;
        cursor: pointer
    }

    .m-cMenu__dropdown::-webkit-scrollbar-thumb:hover {
        background: var(--secondaryColor)
    }
}

@media screen and (min-width: 1200px) {
    .m-cMenu__dropdown {
        position: relative;
        top: unset;
        left: unset;
        bottom: unset;
        padding: 0.5rem 0 0 0;
        transform: none;
        display: none;
        transition: none
    }
}

.m-cMenu__dropdown.is-active {
    transform: none
}

@media screen and (min-width: 1200px) {
    .m-cMenu__dropdown.is-active {
        display: block
    }
}

.m-dMenu {
    padding-right: 10px
}

@media screen and (min-width: 1200px) {
    .m-dMenu {
        padding-right: 0;
        padding-left: 1.45rem
    }
}

.m-dMenu__item:not(:last-child) {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .m-dMenu__item:not(:last-child) {
        margin-bottom: 0.25rem
    }
}

.m-dMenu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .m-dMenu__link {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .m-dMenu__link {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .m-dMenu__link {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .m-dMenu__link {
        transition: 0.2s
    }

    .m-dMenu__link:hover {
        color: var(--mainColor)
    }
}

.m-dMenu__link-wrapper {
    display: flex;
    align-items: flex-start
}

.m-dMenu__link-wrapper::before {
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-top: -0.15em;
    margin-right: 5px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .m-dMenu__link-wrapper::before {
        font-size: 1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .m-dMenu__link-wrapper::before {
        margin-top: 0;
        margin-right: 0.25rem;
        display: none
    }
}

.m-dMenu__childs {
    padding-left: 29px;
    padding-top: 5px
}

@media screen and (min-width: 1200px) {
    .m-dMenu__childs {
        padding-left: 0.75rem;
        padding-top: 0.25rem
    }
}

.m-dMenu__child:not(:last-child) {
    margin-bottom: 5px
}

@media screen and (min-width: 1200px) {
    .m-dMenu__child:not(:last-child) {
        margin-bottom: 0.25rem
    }
}

.m-dMenu__child a {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .m-dMenu__child a {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .m-dMenu__child a {
        transition: 0.2s
    }

    .m-dMenu__child a:hover {
        color: var(--mainColor)
    }
}

.page-user .site-header__top_line {
    display: none
}

.page-user .site-header__bottom {
    display: none
}

.page-user .site-header__menu {
    top: 56px
}

@media screen and (min-width: 1200px) {
    .page-user .site-header__menu {
        top: 7rem
    }
}

.page-user .site-main {
    padding-top: 56px
}

@media screen and (min-width: 1200px) {
    .page-user .site-main {
        padding-top: 7rem
    }
}

.page-user.toolbar-horizontal.toolbar-fixed .site-header__menu {
    top: calc(39px + 7rem)
}

.page-user.toolbar-horizontal.toolbar-fixed.toolbar-tray-open .site-header__menu {
    top: calc(79px + 7rem)
}

.site-footer {
    color: var(--whiteColor);
    text-align: center
}

@media screen and (min-width: 1200px) {
    .site-footer {
        padding: 2.5rem 0 1.5rem;
        text-align: left
    }
}

.site-footer.footer-active .site-footer__content--inside {
    opacity: 1;
    visibility: visible;
    transform: none
}

.site-footer__anim {
    display: flex;
    justify-content: center;
    align-self: center
}

.site-footer__anim--svg {
    width: 312px;
    height: 312px;
    position: relative
}

@media screen and (min-width: 1200px) {
    .site-footer__anim--svg {
        width: 17.3rem;
        height: 17.3rem
    }
}

.site-footer__anim--text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 1;
    background: url("../image/footer_anim_text.svg") center no-repeat;
    background-size: contain
}

.site-footer__anim--logo {
    width: 110px;
    height: 110px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: url("../image/footer_anim_logo.svg") center no-repeat;
    background-size: contain
}

@media screen and (min-width: 1200px) {
    .site-footer__anim--logo {
        width: 6.05rem;
        height: 6.05rem
    }
}

.site-footer__anim--bg {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    background: var(--primary-700);
    transition: 1s ease;
    border-radius: 50%
}

.site-footer__content--inside {
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    transform: translateY(25%);
    position: relative;
    z-index: 4
}

@media screen and (min-width: 1200px) {
    .site-footer__content--inside {
        gap: 2.5rem;
        padding-bottom: 1.5rem
    }
}

.site-footer__content--inside > *:not(:last-child):not(.modific) {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}

@media screen and (min-width: 1200px) {
    .site-footer__content--inside > *:not(:last-child):not(.modific) {
        padding-bottom: 2.5rem
    }
}

.site-footer__wrapper {
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (min-width: 1200px) {
    .site-footer__wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .site-footer__wrapper {
        max-width: 81.75rem
    }
}

.site-footer__top .region {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .site-footer__top .region {
        flex-direction: row;
        justify-content: space-between;
        gap: 1.5rem
    }
}

@media screen and (min-width: 1200px) {
    .site-footer__middle .region {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1.5rem
    }
}

.site-footer__bottom {
    padding-top: 15px
}

@media screen and (min-width: 1200px) {
    .site-footer__bottom {
        padding-top: 0
    }
}

.site-footer__bottom .region {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px
}

@media screen and (min-width: 1200px) {
    .site-footer__bottom .region {
        flex-direction: row;
        justify-content: space-between;
        gap: 1.5rem
    }
}

.site-footer__popup {
    display: none
}

.catalog-menu-footer, .footer-menu {
    display: none
}

@media screen and (min-width: 1200px) {
    .catalog-menu-footer, .footer-menu {
        display: block;
        max-width: 29.7rem
    }
}

.catalog-menu-footer .block__title, .footer-menu .block__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 1200px) {
    .catalog-menu-footer .block__title, .footer-menu .block__title {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.catalog-menu-footer .menu, .footer-menu .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.catalog-menu-footer .menu li, .footer-menu .menu li {
    display: flex;
    align-items: flex-start;
    width: calc(50% - 0.75rem)
}

.catalog-menu-footer .menu li::before, .footer-menu .menu li::before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-right: 0.25rem;
    margin-top: -0.1em;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .catalog-menu-footer .menu li::before, .footer-menu .menu li::before {
        font-size: 1.2rem
    }
}

.catalog-menu-footer .menu li a, .footer-menu .menu li a {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .catalog-menu-footer .menu li a, .footer-menu .menu li a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .catalog-menu-footer .menu li a, .footer-menu .menu li a {
        transition: 0.2s
    }

    .catalog-menu-footer .menu li a:hover, .footer-menu .menu li a:hover {
        color: var(--mainColor)
    }
}

@media screen and (min-width: 1200px) {
    .block-logo-footer {
        max-width: 13.5rem
    }
}

.copyright {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .copyright {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.block-type-contacts .field-block-link-img-multi__items, .block-type-contacts .field-block-soc-net-link-other__items {
    display: flex;
    align-items: center;
    margin: 0 -2px
}

.block-type-contacts .field-block-link-img-multi__item, .block-type-contacts .field-block-soc-net-link-other__item {
    padding: 0 2px
}

.block-type-contacts .field-block-link-img-multi__item a, .block-type-contacts .field-block-soc-net-link-other__item a {
    display: flex
}

@media screen and (min-width: 1200px) {
    .block-type-contacts .field-block-link-img-multi__item a, .block-type-contacts .field-block-soc-net-link-other__item a {
        max-width: 2rem
    }
}

@media (any-hover: hover) {
    .block-type-contacts .field-block-link-img-multi__item a, .block-type-contacts .field-block-soc-net-link-other__item a {
        transition: 0.2s
    }

    .block-type-contacts .field-block-link-img-multi__item a:hover, .block-type-contacts .field-block-soc-net-link-other__item a:hover {
        transform: translateY(-3px)
    }
}

.block-type-contacts .field-block-email a {
    text-decoration: none
}

.block-type-contacts .field-block-email a span {
    font-weight: 700
}

.block-type-contacts .field-block-link-add__item a {
    text-decoration: none;
    color: var(--secondaryColor);
    border-bottom: 1px solid currentColor
}

.block-type-contacts .field-block-text {
    line-height: 1.5
}

.block-type-contacts .field-block-text p {
    margin-bottom: 0
}

.block-type-contacts .field-block-link {
    display: flex;
    align-items: center;
    gap: 12px
}

@media screen and (min-width: 1200px) {
    .block-type-contacts .field-block-link {
        gap: 0.6rem
    }
}

.block-type-contacts .field-block-link:before {
    content: "";
    font-family: "icomoon";
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .block-type-contacts .field-block-link:before {
        font-size: 1.1rem
    }
}

.block-type-contacts .field-block-link a {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    border-bottom: 1px solid currentColor
}

@media screen and (min-width: 1200px) {
    .block-type-contacts .field-block-link a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .block-type-contacts .field-block-link a {
        transition: 0.2s
    }

    .block-type-contacts .field-block-link a:hover {
        border-color: transparent
    }
}

@media screen and (min-width: 1200px) {
    .contacts-footer {
        width: 100%;
        max-width: 15.65rem
    }
}

.contacts-footer .block__title {
    display: none
}

@media screen and (min-width: 1200px) {
    .contacts-footer .block__title {
        display: block;
        margin-bottom: 1.5rem
    }
}

.contacts-footer .block__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .contacts-footer .block__content {
        align-items: flex-start
    }
}

.contacts-footer .block__content > *:not(:last-child):not(.field-block-phones) {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .contacts-footer .block__content > *:not(:last-child):not(.field-block-phones) {
        margin-bottom: 1.5rem
    }
}

.contacts-footer .field-block-phones__item a {
    font-size: 1.125rem;
    font-weight: 600;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .contacts-footer .field-block-phones__item a {
        font-size: 1.5rem
    }
}

.contacts-footer .field-block-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .contacts-footer .field-block-text {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.header-contacts .block__content {
    display: flex;
    flex-direction: column
}

.header-contacts .block__content > *:not(:last-child):not(.field-block-phones) {
    margin-bottom: 15px
}

.header-contacts .field-block-phones__item a {
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .header-contacts .field-block-phones__item a {
        font-size: 1rem;
        font-weight: 600
    }
}

.header-contacts .field-block-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .header-contacts .field-block-text {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.header-contacts .field-block-address {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 15px
}

@media screen and (min-width: 1200px) {
    .header-contacts .field-block-address {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.contacts-page {
    padding-top: 0 !important
}

.contacts-page .block__content {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media screen and (min-width: 1200px) {
    .contacts-page .block__content {
        gap: 1.875rem
    }
}

.contacts-page .group_info {
    display: flex;
    flex-direction: column;
    gap: 15px
}

@media screen and (min-width: 992px) {
    .contacts-page .group_info {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .group_info {
        gap: 1.5rem
    }
}

.contacts-page .group_info .field__label {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 4px;
    color: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .contacts-page .group_info .field__label {
        font-size: 0.7rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.contacts-page .group_info .field__label:after {
    content: ":"
}

.contacts-page .field-block-phones__items {
    display: flex;
    flex-wrap: wrap;
    gap: 0 15px
}

@media screen and (min-width: 992px) {
    .contacts-page .field-block-phones__items {
        flex-direction: column
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-phones__items {
        flex-direction: row;
        gap: 0 0.75rem
    }
}

.contacts-page .field-block-phones__item a {
    text-decoration: none
}

.contacts-page .group_map {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media screen and (min-width: 992px) {
    .contacts-page .group_map {
        flex-direction: row
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .group_map {
        gap: 1.2rem
    }
}

@media screen and (min-width: 992px) {
    .contacts-page .field-block-map {
        flex: 1
    }
}

.contacts-page .field-block-map .geolocation-map-wrapper {
    height: 420px;
    border-radius: var(--itemRadius);
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .contacts-page .field-block-map .geolocation-map-wrapper {
        height: 100%;
        min-height: 420px
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-map .geolocation-map-wrapper {
        min-height: 29.3rem
    }
}

.contacts-page .field-block-form {
    padding: 24px;
    box-shadow: var(--shadow-Light-8-16);
    background: var(--whiteColor);
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 992px) {
    .contacts-page .field-block-form {
        width: 100%;
        max-width: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-form {
        padding: 2rem;
        max-width: 18.9rem
    }
}

.contacts-page .field-block-form__label {
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 4px
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-form__label {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.contacts-page .field-block-form .form-item-subtitle {
    text-align: center;
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-form .form-item-subtitle {
        margin-bottom: 1.2rem
    }
}

.contacts-page .field-block-form .webform-confirmation {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .contacts-page .field-block-form .webform-confirmation {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.contacts-page .field-block-form .form-submit {
    width: 100%
}

.leaflet-marker-pane img {
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    border-radius: 50%
}

.leaflet-marker-pane img:before {
    background: var(--mainColor)
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 123, 1, 0.5)
    }
    80% {
        box-shadow: 0 0 0 14px rgba(255, 123, 1, 0)
    }
}

.item_click_wraper {
    z-index: 555;
    pointer-events: none
}

.item_click {
    z-index: 555
}

.page-full .field-page-img {
    margin: 0 0 25px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .page-full .field-page-img {
        max-width: 50%;
        margin: 0 0 1rem 1.5rem;
        float: right
    }
}

.page-full .field-page-img img {
    border-radius: 5px
}

.basket-pages-finish {
    text-align: center
}

.basket-pages-finish .text-align-center {
    justify-content: center
}

.view-empty, .view_search_query_info {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .view-empty, .view_search_query_info {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.view_search_query_info {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .view_search_query_info {
        margin-bottom: 1.5rem
    }
}

.banner-teaser {
    height: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

@media screen and (min-width: 1200px) {
    .banner-teaser {
        border-radius: 1rem
    }
}

.banner-teaser .field-banner-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0
}

.banner-teaser .field-banner-img picture, .banner-teaser .field-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.view-has-slider .swiper {
    flex: 1
}


.basket-pages-finish--info h6, .basket-pages-finish--info h5, .basket-pages-finish--info h4, .basket-pages-finish--info h3, .basket-pages-finish--info h2, .basket-pages-finish--info h1 {
    margin: 1em 0;
    display: flex
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info h6, .basket-pages-finish--info h5, .basket-pages-finish--info h4, .basket-pages-finish--info h3, .basket-pages-finish--info h2, .basket-pages-finish--info h1 {
        margin: 1.2em 0
    }
}

.basket-pages-finish--info h6:first-child, .basket-pages-finish--info h5:first-child, .basket-pages-finish--info h4:first-child, .basket-pages-finish--info h3:first-child, .basket-pages-finish--info h2:first-child, .basket-pages-finish--info h1:first-child {
    margin-top: 0
}

.basket-pages-finish--info h6:last-child, .basket-pages-finish--info h5:last-child, .basket-pages-finish--info h4:last-child, .basket-pages-finish--info h3:last-child, .basket-pages-finish--info h2:last-child, .basket-pages-finish--info h1:last-child {
    margin-bottom: 0
}

.basket-pages-finish--info blockquote {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 15px;
    background: var(--secondary-500);
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    min-width: 20%;
    margin: 1rem 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info blockquote {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info blockquote {
        padding: 1.5rem
    }
}

.basket-pages-finish--info blockquote:before {
    display: none
}

.basket-pages-finish--info blockquote:first-child {
    margin-top: 0
}

.basket-pages-finish--info blockquote:last-child {
    margin-bottom: 0
}

.basket-pages-finish--info hr {
    clear: both;
    border: none
}

.basket-pages-finish--info hr + img {
    margin-top: 0 !important
}

.basket-pages-finish--info ol, .basket-pages-finish--info ul {
    margin: 1em 0
}

.basket-pages-finish--info ol:first-child, .basket-pages-finish--info ul:first-child {
    margin-top: 0
}

.basket-pages-finish--info ol:last-child, .basket-pages-finish--info ul:last-child {
    margin-bottom: 0
}

.basket-pages-finish--info ol li, .basket-pages-finish--info ul li {
    margin: 0 0 16px;
    min-width: 200px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info ol li, .basket-pages-finish--info ul li {
        margin-bottom: 0.8rem
    }
}

.basket-pages-finish--info ol li:last-of-type, .basket-pages-finish--info ul li:last-of-type {
    margin-bottom: 0
}

.basket-pages-finish--info ul li {
    overflow: hidden;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info ul li {
        padding: 0 0 0 30px
    }
}

.basket-pages-finish--info ul li:before {
    content: "";
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    position: absolute;
    left: 0;
    top: 0.75em;
    margin-top: -7px;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info ul li:before {
        font-size: 0.95rem
    }
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info ul li:before {
        margin-top: -0.5rem
    }
}

.basket-pages-finish--info ol {
    counter-reset: list
}

.basket-pages-finish--info ol li {
    overflow: hidden;
    padding: 0 0 0 1.5em;
    position: relative;
    text-align: left
}

.basket-pages-finish--info ol li:before {
    counter-increment: list;
    content: counters(list, ".") ".";
    position: absolute;
    left: 0
}

.basket-pages-finish--info ol li li {
    padding-left: 2em
}

.basket-pages-finish--info table {
    width: 100% !important;
    border-collapse: collapse;
    float: none;
    border: none;
    margin: 1em 0
}

.basket-pages-finish--info table:first-child {
    margin-top: 0
}

.basket-pages-finish--info table:last-child {
    margin-bottom: 0
}

.basket-pages-finish--info table th, .basket-pages-finish--info table td {
    border: none;
    padding: 15px
}

.basket-pages-finish--info table th {
    font-size: 1rem;
    font-weight: 700;
    background: var(--secondary-500);
    color: #FFFFFF;
    vertical-align: bottom
}

.basket-pages-finish--info table tr {
    border: none
}

.basket-pages-finish--info table tr:nth-child(even) {
    background: var(--grey-100)
}

.basket-pages-finish--info table td {
    vertical-align: top;
    font-size: 0.8rem;
    background: none
}

.basket-pages-finish--info .youtube-container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    clear: both
}

.basket-pages-finish--info .align-left, .basket-pages-finish--info .align-right, .basket-pages-finish--info .align-center {
    float: none;
    margin-bottom: 15px;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .align-left, .basket-pages-finish--info .align-right, .basket-pages-finish--info .align-center {
        margin: 1rem 1.5rem
    }
}

.basket-pages-finish--info .align-left:first-child, .basket-pages-finish--info .align-right:first-child, .basket-pages-finish--info .align-center:first-child {
    margin-top: 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .align-left, .basket-pages-finish--info .align-right {
        max-width: 50%
    }
}

.basket-pages-finish--info .align-left {
    margin-left: 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .align-left {
        float: left
    }
}

.basket-pages-finish--info .align-right {
    margin-right: 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .align-right {
        float: right
    }
}

.basket-pages-finish--info .align-center {
    margin-left: auto;
    margin-right: auto
}

.basket-pages-finish--info .site-style-h1 {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h1 {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h2 {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h2 {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h3 {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h3 {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h4 {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h4 {
        font-size: 1rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h5 {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h5 {
        font-size: 0.85rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-h6 {
    font-size: 0.75rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-h6 {
        font-size: 0.7rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-button {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-button {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-regular {
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-regular {
        font-size: 1rem;
        font-weight: 400
    }
}

.basket-pages-finish--info .site-style-regular-small {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-regular-small {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.basket-pages-finish--info .site-style-subtitle {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-subtitle {
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.basket-pages-finish--info .site-style-overline {
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.25em
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .site-style-overline {
        font-size: 0.7rem;
        font-weight: 400;
        letter-spacing: 0.3em
    }
}

.basket-pages-finish--info .align-left + h1, .basket-pages-finish--info .align-left + h2, .basket-pages-finish--info .align-left + h3, .basket-pages-finish--info .align-left + h4, .basket-pages-finish--info .align-left + h5, .basket-pages-finish--info .align-right + h1, .basket-pages-finish--info .align-right + h2, .basket-pages-finish--info .align-right + h3, .basket-pages-finish--info .align-right + h4, .basket-pages-finish--info .align-right + h5 {
    margin-top: 0
}

.basket-pages-finish--info a {
    color: var(--mainColor);
    background: linear-gradient(to right, currentColor 0%, currentColor 100%) no-repeat 0 bottom;
    background-size: 100% 1px;
    text-decoration: none;
    transition-duration: 0.2s
}

.basket-pages-finish--info a:hover {
    background-size: 0 1px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-layout {
        display: flex;
        margin: 1.2rem -0.6rem
    }

    .basket-pages-finish--info .x-ck-layout:last-child {
        margin-bottom: 0
    }
}

.basket-pages-finish--info .x-ck-layout__col:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-layout__col:not(:last-child) {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-layout__col {
        flex-grow: 1;
        width: 50%;
        padding: 0 0.6rem
    }
}

.basket-pages-finish--info .x-ck-top-text {
    margin: 0 auto 24px;
    text-align: center
}

.basket-pages-finish--info .x-ck-top-text:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-top-text {
        max-width: 43.75rem;
        margin: 0 auto 1.2rem
    }
}

.basket-pages-finish--info .x-ck-text-block {
    margin: 0 auto
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .x-ck-text-block {
        max-width: 48.5rem
    }
}

.basket-pages-finish--info .template-1 {
    display: flex;
    flex-direction: column
}

.basket-pages-finish--info .template-1:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .template-1:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .basket-pages-finish--info .template-1 {
        flex-direction: row;
        margin-left: -0.6rem;
        margin-right: -0.6rem
    }
}

.basket-pages-finish--info .template-1 > *:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width: 1200px) {
    .basket-pages-finish--info .template-1 > *:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

.basket-pages-finish--info .template-1 img {
    width: 100%;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 992px) {
    .basket-pages-finish--info .template-1__first {
        width: 50%;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

@media screen and (min-width: 992px) {
    .basket-pages-finish--info .template-1__second {
        width: 50%;
        padding-left: 0.6rem;
        padding-right: 0.6rem
    }
}

.basket-pages-finish--info .template-1__second--left {
    order: 10
}

@media screen and (min-width: 992px) {
    .basket-pages-finish--info .template-1__second--left {
        order: initial
    }
}

@media screen and (max-width: 1199px) {
    .page-basket-order .site-header {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    .page-basket-order .site-content__top {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    .page-basket-order .site-main {
        padding-top: 0
    }
}


.block-type-payments .field-block-images__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px
}

@media screen and (min-width: 1200px) {
    .block-type-payments .field-block-images__items {
        gap: 0.4rem
    }
}

.block-type-payments .field-block-images__item {
    max-width: 56px
}

@media screen and (min-width: 1200px) {
    .block-type-payments .field-block-images__item {
        max-width: 3.45rem
    }
}


.block-type-icon-title-text-list .field-block-paragraph__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -30px
}

@media screen and (min-width: 1200px) {
    .block-type-icon-title-text-list .field-block-paragraph__items {
        margin: 0 -0.6rem -1.5rem
    }
}

.block-type-icon-title-text-list .field-block-paragraph__item {
    padding: 0 5px;
    margin-bottom: 30px;
    width: 50%
}

@media screen and (min-width: 768px) {
    .block-type-icon-title-text-list .field-block-paragraph__item {
        width: 33.333%
    }
}

@media screen and (min-width: 1200px) {
    .block-type-icon-title-text-list .field-block-paragraph__item {
        padding: 0 0.6rem;
        margin-bottom: 1.5rem
    }
}

.paragraph--type--icon-title-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text {
        align-items: flex-start;
        text-align: left;
        gap: 0.5rem
    }
}

.paragraph--type--icon-title-text .field-paragraph-image {
    max-width: 40px
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text .field-paragraph-image {
        max-width: 2.5rem
    }
}

.paragraph--type--icon-title-text .field-paragraph-title {
    font-size: 0.875rem;
    font-weight: 600
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text .field-paragraph-title {
        font-size: 1rem
    }
}

.paragraph--type--icon-title-text .field-paragraph-text {
    display: none;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text .field-paragraph-text {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media screen and (min-width: 1200px) {
    .paragraph--type--icon-title-text .field-paragraph-text {
        display: block
    }
}


@media screen and (min-width: 1200px) {
    .page-blog .personal-new-page-title {
        max-width: 50%
    }
}

.view-block-blog .view-blog .more-link {
    display: none
}

@media screen and (min-width: 1200px) {
    .view-block-blog .view-blog .more-link {
        display: block;
        position: absolute;
        right: 0;
        margin-top: 0;
        margin-bottom: 1.5rem;
        bottom: 100%
    }

    .view-block-blog .view-blog .more-link a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        gap: 0.6rem
    }

    .view-block-blog .view-blog .more-link a:after {
        font-family: "icomoon";
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        color: inherit;
        content: "";
        color: var(--mainColor)
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .view-block-blog .view-blog .more-link a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
    .view-block-blog .view-blog .more-link a:hover {
        color: var(--mainColor)
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .view-block-blog .view-blog .more-link a:after {
        font-size: 1.2rem
    }
}

.view-blog.view-display-id-page_1.modific .view-content {
    margin-bottom: -30px
}

@media screen and (min-width: 1200px) {
    .view-blog.view-display-id-page_1.modific .view-content {
        display: grid;
        grid-template-columns:repeat(4, 1fr)
    }
}

.view-blog.view-display-id-page_1.modific .views-row {
    margin-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .view-blog.view-display-id-page_1.modific .views-row {
        width: 100%
    }

    .view-blog.view-display-id-page_1.modific .views-row.modific {
        grid-row: span 2;
        grid-column: span 2
    }
}

.view-blog.view-display-id-page_1 .views-row:not(:last-child) .node {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--primary-100)
}

@media screen and (min-width: 480px) {
    .view-blog.view-display-id-page_1 .views-row:not(:last-child) .node {
        border: none;
        padding-bottom: 0
    }
}

.view-blog .view-filters {
    margin-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters {
        margin-bottom: 1.5rem
    }
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] {
    display: flex;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 -25px;
    padding: 0 25px;
    gap: 3px
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-category-target-id"] {
        gap: 0.3rem;
        padding: 0 0 0 1.5rem;
        margin: 0 0 1.5rem;
        position: absolute;
        right: 0;
        bottom: 100%;
        max-width: 50%;
        z-index: 2
    }
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"]::-webkit-scrollbar {
    display: none
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item {
    margin: 0
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    border-radius: var(--itemRadius);
    border: 1px solid var(--secondaryColor);
    font-size: 0.75rem;
    padding: 5px 20px;
    color: var(--secondaryColor);
    white-space: nowrap
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label {
        min-height: 2.5rem;
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label {
        transition: 0.2s
    }

    .view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label:hover {
        background: var(--mainColor);
        border-color: var(--mainColor);
        color: var(--whiteColor)
    }
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label:before {
    position: relative;
    border: none;
    width: unset;
    height: unset;
    left: unset;
    top: unset;
    border-radius: 0;
    background: none
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item label:after {
    display: none
}

.view-blog .view-filters div[id*="edit-field-blog-category-target-id"] .form-item input:checked + label {
    background: var(--mainColor);
    color: var(--whiteColor);
    border-color: var(--mainColor)
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] {
    display: flex;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 15px -25px 0;
    padding: 15px 25px 0;
    gap: 10px;
    position: relative;
    border-top: 1px solid var(--primary-100)
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] {
        gap: 0.75rem 2.5rem;
        flex-wrap: wrap;
        overflow: initial;
        padding: 1.5rem 0 0;
        margin: 0
    }
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"]::-webkit-scrollbar {
    display: none
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item {
    margin: 0
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    font-size: 0.625rem;
    font-weight: 400;
    color: var(--primary-200);
    position: relative;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label {
        transition: 0.2s
    }

    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:hover:after {
        opacity: 0;
        visibility: hidden
    }
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:before {
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    background: none;
    border: none;
    border-radius: 0;
    position: relative;
    color: var(--mainColor);
    margin-right: 3px;
    width: auto;
    height: auto;
    left: unset;
    top: unset
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:before {
        font-size: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:before {
        margin-right: 0.4rem
    }
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: unset;
    left: unset;
    height: 1px;
    border-radius: 0;
    margin: 0;
    width: calc(100% - 18px);
    opacity: 1;
    transform: none;
    background: currentColor;
    transition: 0.2s
}

@media screen and (min-width: 1200px) {
    .view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item label:after {
        width: calc(100% - 1.4rem)
    }
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item input:checked + label {
    color: var(--grey-500)
}

.view-blog .view-filters div[id*="edit-field-blog-tags-target-id"] .form-item input:checked + label:after {
    opacity: 0;
    visibility: hidden
}

.view-blog.view-has-slider .swiper {
    margin: 0 -25px;
    padding: 0 25px
}

@media screen and (min-width: 1200px) {
    .view-blog.view-has-slider .swiper {
        margin: 0;
        padding: 0
    }
}

.blog-teaser-mod {
    position: relative
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod {
        overflow: hidden;
        border-radius: var(--itemRadius);
        color: var(--whiteColor);
        height: 100%;
        display: flex;
        align-items: flex-end;
        min-height: 31.9rem
    }
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
    .blog-teaser-mod {
        transition: 0.2s
    }

    .blog-teaser-mod:hover .field-blog-img img {
        transform: scale(1.1)
    }
}

.blog-teaser-mod .field-blog-img {
    margin-bottom: 10px
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        z-index: -1;
        margin: 0
    }

    .blog-teaser-mod .field-blog-img:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        z-index: 2;
        background: linear-gradient(180deg, rgba(26, 32, 37, 0) 46%, #1A2025 100%)
    }
}

.blog-teaser-mod .field-blog-img img {
    transition: 0.2s;
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.blog-teaser-mod .field-blog-tags {
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start
}

.blog-teaser-mod .field-blog-tags:before {
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor);
    margin-right: 3px;
    margin-top: -0.05em
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-tags:before {
        font-size: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-tags:before {
        margin-right: 0.4rem;
        margin-top: 0.15em
    }
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-tags {
        margin-bottom: 0
    }
}

.blog-teaser-mod .field-blog-tags__items {
    display: flex;
    flex-wrap: wrap
}

.blog-teaser-mod .field-blog-tags__item {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-tags__item {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.blog-teaser-mod .field-blog-tags__item:not(:last-child):after {
    content: ",";
    margin-right: 0.25em
}

.blog-teaser-mod__title a {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod__title a {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.blog-teaser-mod__title a:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 2;
    content: ""
}

.blog-teaser-mod .field-blog-short-desc {
    display: none
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod .field-blog-short-desc {
        display: block
    }
}

@media screen and (min-width: 1200px) {
    .blog-teaser-mod__info {
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem
    }
}

.blog-full {
    padding-bottom: 50px
}

@media screen and (min-width: 1200px) {
    .blog-full {
        padding-bottom: 3.25rem
    }
}

.blog-full__title {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 32px;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .blog-full__title {
        font-size: 2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.blog-full__title.pc {
    display: none
}

@media screen and (min-width: 1200px) {
    .blog-full__title.mob {
        display: none
    }

    .blog-full__title.pc {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .blog-full__columns {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media screen and (min-width: 1200px) {
    .blog-full__columns {
        flex-direction: row;
        align-items: flex-start;
        gap: 1.2rem
    }

    .blog-full__columns:not(.has-contents) {
        justify-content: center
    }
}

.blog-full__contents {
    margin-bottom: 40px
}

@media screen and (min-width: 1200px) {
    .blog-full__contents {
        width: 100%;
        max-width: 23.8636363636%;
        margin-bottom: 0
    }
}

.blog-full__contents--title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .blog-full__contents--title {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 768px) {
    .blog-full__contents--title {
        text-align: center
    }
}

@media screen and (min-width: 1200px) {
    .blog-full__contents--title {
        text-align: left;
        margin-bottom: 2rem
    }
}

.blog-full__contents--title:after {
    content: ":"
}

.blog-full__contents--items {
    counter-reset: contents
}

@media screen and (min-width: 768px) {
    .blog-full__contents--items {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }
}

@media screen and (min-width: 1200px) {
    .blog-full__contents--items {
        align-items: flex-start;
        text-align: left
    }
}

.blog-full__contents--item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    counter-increment: contents
}

@media screen and (min-width: 1200px) {
    .blog-full__contents--item {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.blog-full__contents--item:before {
    content: counter(contents) "."
}

.blog-full__contents--item:not(:last-child) {
    margin-bottom: 16px
}

.blog-full__contents--item span {
    border-bottom: 1px solid currentColor;
    cursor: pointer
}

@media (any-hover: hover) {
    .blog-full__contents--item span {
        transition: 0.2s
    }

    .blog-full__contents--item span:hover {
        color: var(--mainColor)
    }
}

@media screen and (min-width: 768px) {
    .blog-full__main {
        width: 100%;
        max-width: 768px
    }
}

@media screen and (min-width: 1200px) {
    .blog-full__main {
        max-width: 49.1792929293%
    }
}

.blog-full .field-blog-img {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .blog-full .field-blog-img {
        margin-bottom: 1.2rem
    }
}

.blog-full .field-blog-img img {
    border-radius: var(--itemRadius)
}

.blog-full .field-blog-section__item:not(:last-child) {
    margin-bottom: 48px
}

@media screen and (min-width: 1200px) {
    .blog-full .field-blog-section__item:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

.paragraph--type--blog-section .field-paragraph-title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .paragraph--type--blog-section .field-paragraph-title {
        font-size: 1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .paragraph--type--blog-section .field-paragraph-title {
        margin-bottom: 1.2rem
    }
}

.paragraph--type--blog-section .field-paragraph-text:not(:last-child) {
    margin-bottom: 48px
}

@media screen and (min-width: 1200px) {
    .paragraph--type--blog-section .field-paragraph-text:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

@media screen and (min-width: 992px) {
    .paragraph--type--blog-section .field-paragraph-text .template-1 {
        flex-direction: column
    }

    .paragraph--type--blog-section .field-paragraph-text .template-1__first, .paragraph--type--blog-section .field-paragraph-text .template-1__second {
        width: 100%
    }
}

.personal-new-views-block-brands-block-1 {
    padding: 0 !important
}

.brand-teaser {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.brand-teaser__link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 2;
    opacity: 0
}


@media screen and (min-width: 1200px) {
    .block-type-main-slider-new {
        padding: 0.7rem 0 0.5rem
    }
}

.block-type-main-slider-new .block__layout {
    margin: 0 -14px
}

@media screen and (min-width: 1600px) {
    .block-type-main-slider-new .block__layout {
        position: relative;
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        padding: 0 1.2rem
    }
}

.block-type-main-slider-new .block__content {
    position: relative
}

.block-type-main-slider-new .field-block-paragraph:has(.swiper-navigation) {
    position: relative;
    padding-bottom: 30px
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .field-block-paragraph:has(.swiper-navigation) {
        padding-bottom: 2.25rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new, .block-type-main-slider-new .paragraph--type--slide-new {
    border-radius: 10px;
    overflow: hidden;
    background: var(--mainColor);
    color: var(--whiteColor);
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new, .block-type-main-slider-new .paragraph--type--slide-new {
        flex-direction: row;
        align-items: stretch;
        text-align: left
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new, .block-type-main-slider-new .paragraph--type--slide-new {
        border-radius: 1rem;
        margin: 0
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .group_info, .block-type-main-slider-new .paragraph--type--slide-new .group_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 30px 20px
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .group_info, .block-type-main-slider-new .paragraph--type--slide-new .group_info {
        align-items: flex-start;
        justify-content: center;
        flex: 1
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .group_info, .block-type-main-slider-new .paragraph--type--slide-new .group_info {
        gap: 0.75rem;
        padding: 3rem 0.5rem 3rem 1.5rem
    }
}

@media screen and (min-width: 1665px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .group_info, .block-type-main-slider-new .paragraph--type--slide-new .group_info {
        padding-left: calc((100vw - 81.75rem) / 2)
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-title, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-title {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-title, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-title {
        font-size: 4rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-text, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-text, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-text {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-node, .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-node, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link {
    width: 100%
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-node:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-node:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link:not(:first-child) {
    margin-top: 15px
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-node:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-node:not(:first-child), .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link:not(:first-child) {
        margin-top: 1.25rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--mainColor);
    background: var(--whiteColor);
    border: 1px solid var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a:hover, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a:hover {
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
    color: var(--whiteColor)
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a:disabled, .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a.disabled, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a:disabled, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a.disabled {
    background: var(--primary-200)
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a:after, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a:after {
    content: "";
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-link a:after, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-link a:after {
        font-size: 0.95rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image {
    overflow: hidden;
    position: relative;
    margin: 0 -15%;
    padding: 0 15%;
    border-radius: 50% / 73% 73% 0 0
}

@media screen and (min-width: 480px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image {
        border-radius: 50% / 98% 98% 0 0
    }
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image {
        width: 100%;
        max-width: 50%;
        border-radius: 63% 0 0 63% / 50%;
        margin: -15% 0;
        padding: 15% 0
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image picture, .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image img, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image picture, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image picture, .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image img, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image picture, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        z-index: 2
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__wrap, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__wrap {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__wrap, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__wrap {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__wrap:after, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__wrap:after {
        content: "";
        width: 200%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        border: 1.5rem solid #fff;
        border-radius: 30% 0 0 30% / 50%
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__wrap:after, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__wrap:after {
        border-width: 2rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__svg, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__svg {
    width: 100%;
    aspect-ratio: 1;
    background: url("../image/anim_decor_new.svg") center no-repeat;
    background-size: contain;
    animation: 25s rotate_anim_decor linear infinite
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__svg, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__svg {
        width: auto;
        height: 100%
    }
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__img, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__img {
        position: relative;
        width: 100%;
        height: 100%
    }

    .block-type-main-slider-new .paragraph--type--slide-product-new .field-paragraph-image .anim_decor__img:before, .block-type-main-slider-new .paragraph--type--slide-new .field-paragraph-image .anim_decor__img:before {
        content: "";
        display: flex;
        padding-bottom: 66.0256410256%
    }
}

.block-type-main-slider-new .paragraph--type--slide-banner-new {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .paragraph--type--slide-banner-new {
        border-radius: 1rem
    }
}

.block-type-main-slider-new .paragraph--type--slide-banner-new .field-paragraph-link a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    opacity: 0;
    font-size: 0;
    text-decoration: none;
    z-index: 2
}

.block-type-main-slider-new .swiper-navigation {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%
}

.block-type-main-slider-new .swiper-pagination {
    bottom: 0
}

@media screen and (min-width: 768px) {
    .block-type-main-slider-new .swiper-pagination {
        padding: 0 20px
    }
}

@media screen and (min-width: 1200px) {
    .block-type-main-slider-new .swiper-pagination {
        padding: 0 1.5rem
    }
}

@media screen and (min-width: 1665px) {
    .block-type-main-slider-new .swiper-pagination {
        padding-left: calc((100vw - 81.75rem) / 2)
    }
}


.block-type-message-slider {
    background: var(--secondaryColor)
}

.block-type-message-slider .field--name-field-block-paragraph {
    width: 100%
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
    position: relative;
    background: var(--secondaryColor);
    text-align: center;
    color: var(--whiteColor);
    font-size: 0.625rem
}

@media screen and (min-width: 1200px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
        transition: 0.2s
    }

    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message:has(.field-paragraph-link a):hover {
        background: var(--mainColor)
    }
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .group_container {
    padding-left: 24px;
    padding-right: 24px;
    min-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .group_container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1600px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .group_container {
        max-width: 81.75rem
    }
}

@media screen and (min-width: 1200px) {
    .block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .group_container {
        min-height: 2rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem
    }
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .field-paragraph-text {
    width: 100%;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message .field-paragraph-link a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 2;
    opacity: 0;
    font-size: 0
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    border: 0;
    border-radius: 0.25rem;
    background: transparent;
    box-shadow: 0 0 1rem -0.25rem #232429;
}

.ui-dialog:focus {
    outline: 2px dotted transparent;
    box-shadow: 0 0 0 3px #26a769;
}

@media all and (max-width: 48em) {
    .ui-dialog:not(.ui-dialog-off-canvas) {
        min-width: 92%;
        max-width: 92%;
    }
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
    box-sizing: border-box;
    padding: 1rem 4rem 1rem 1.5rem;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #232429;
    line-height: 2rem;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar {
    padding-right: 1.5rem;
    padding-left: 4rem;
}

.ui-dialog .ui-dialog-title {
    -webkit-font-smoothing: antialiased;
    font-size: 1.424rem;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 50%;
    right: 0;
    box-sizing: border-box;
    width: 2rem;
    height: 2rem;
    margin: 0 1.5rem;
    padding: 0;
    transition: all 0.1s;
    transform: translateY(-50%);
    border: 2px solid transparent;
    border-radius: 50%;
    background: none;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
    right: auto;
    left: 0;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    border-color: #fff;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
    border-color: #26a769;
    outline: 2px dotted transparent;
    box-shadow: none;
}

.ui-dialog .ui-icon.ui-icon-closethick {
    width: 100%;
    height: 100%;
    margin: 0;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='%23D3D4D9' stroke-width='1.5'/%3e%3c/svg%3e") no-repeat 50%;
}

.ui-dialog > .ui-dialog-content {
    overflow: auto;
    padding: 1rem 1.5rem;
    color: #232429;
    background: #fff;
}

.ui-dialog > .ui-dialog-buttonpane {
    color: #232429;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #f3f4f9;
}

.ui-dialog-buttonpane .ui-dialog-buttonset {
    justify-content: flex-end;
    margin: 0 0.75rem;
}

.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: static;
}

.ui-dialog .ui-dialog-content .form-actions {
    margin: 0;
    padding: 0;
}

.ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
    background: none;
}

@media screen and (-ms-high-contrast: active) {
    .ui-dialog .ui-icon.ui-icon-closethick {
        background: none;
    }

    .ui-dialog .ui-icon.ui-icon-closethick::before, .ui-dialog .ui-icon.ui-icon-closethick::after {
        position: relative;
        display: block;
        width: 50%;
        height: 100%;
        content: "";
    }

    .ui-dialog .ui-icon.ui-icon-closethick::before {
        top: -40%;
        left: 60%;
        transform: rotate(45deg);
        border-bottom: 2px white solid;
    }

    .ui-dialog .ui-icon.ui-icon-closethick::after {
        top: -78%;
        left: 60%;
        transform: rotate(-45deg);
        border-top: 2px white solid;
    }
}

#drupal-off-canvas .form-type--boolean {
    margin-left: 0;
}

#drupal-off-canvas .form-item .form-item__description {
    color: #f3f4f9;
    font-size: 0.75rem;
}


.view-catalog.view-has-slider .swiper {
    margin: 0 -25px;
    padding: 0 25px
}

@media screen and (min-width: 1200px) {
    .view-catalog.view-has-slider .swiper {
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width: 768px) {
    .view-catalog.view-display-id-block_8 .swiper {
        padding: 0;
        margin: 0
    }
}

.view-catalog.view-display-id-block_8 .swiper-navigation {
    display: none
}

@media screen and (min-width: 1200px) {
    .view-catalog.view-display-id-block_8 .swiper-navigation {
        display: flex
    }
}

.view-catalog.view-display-id-block_3 .view-header {
    display: none
}

.view-catalog.swiper-arrow-style-2.swiper-modific .swiper-button-prev {
    transform: translate(-50%, -50%);
    margin: 0
}

.view-catalog.swiper-arrow-style-2.swiper-modific .swiper-button-next {
    transform: translate(50%, -50%);
    margin: 0
}

.personal-new-views-block-catalog-block-2 .block__title, .personal-new-views-block-catalog-block-9 .block__title, .personal-new-views-block-catalog-block-10 .block__title, .personal-new-viewed-products .block__title {
    text-align: left
}

.product-status {
    position: absolute;
    left: 5px;
    top: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    z-index: 2;
    pointer-events: none
}

@media screen and (min-width: 1200px) {
    .product-status {
        gap: 0.5rem;
        left: 0.5rem;
        top: 0.5rem;
        align-items: center
    }
}

.product-status__item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.5rem;
    font-weight: 600;
    color: #FFFFFF;
    padding: 6px 7px;
    border-radius: 16px;
    background: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .product-status__item {
        border-radius: 3.25rem;
        padding: 0.65rem 0.75rem;
        min-width: 3rem;
        font-size: 0.6rem
    }
}

.product-status__item--new {
    border-radius: 50%
}

.product-status__item--top {
    background: var(--secondaryColor)
}

.product-status__item--promotion {
    min-height: 32px;
    min-width: 32px;
    border-radius: 50%
}

@media screen and (min-width: 1200px) {
    .product-status__item--promotion {
        min-height: 3rem;
        min-width: 3rem
    }
}

.product-status__item--olya_chooses {
    padding: 6px 3px;
    border-radius: 5px
}

@media screen and (min-width: 1200px) {
    .product-status__item--olya_chooses {
        padding: 0.75rem 0.35rem;
        border-radius: 0.25rem
    }
}

.params_product .form-wrapper {
    margin-bottom: 0
}

.params_product .form-wrapper:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .params_product .form-wrapper:not(:last-child) {
        margin-bottom: 1.2rem
    }
}

.params_product .form-wrapper .fieldset-legend {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--grey-500)
}

@media screen and (min-width: 1200px) {
    .params_product .form-wrapper .fieldset-legend {
        font-size: 0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.params_product .form-wrapper .fieldset-wrapper > div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.params_product .form-wrapper .fieldset-wrapper > div .icon {
    display: none
}

.params_product .form-wrapper .fieldset-wrapper > div input:checked ~ .option {
    background: var(--mainColor);
    color: var(--whiteColor)
}

.params_product .form-wrapper .fieldset-wrapper > div input:disabled ~ .option {
    background: var(--grey-50);
    color: var(--grey-200)
}

.params_product .form-wrapper .fieldset-wrapper > div .option {
    font-size: 1rem;
    font-weight: 600;
    color: var(--mainColor);
    padding: 9px 19px;
    background: var(--primary-50);
    border-radius: calc(var(--itemRadius) / 2);
    margin: 0;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .params_product .form-wrapper .fieldset-wrapper > div .option {
        font-size: 1rem;
        font-weight: 600
    }
}

.params_product .form-wrapper .fieldset-wrapper > div .option:hover {
    background: var(--mainColor);
    color: var(--whiteColor)
}

.params_product .form-wrapper .fieldset-wrapper > div .form-item {
    margin: 0
}

.product-min {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 768px) {
    .product-min {
        align-items: flex-start
    }
}

@media screen and (min-width: 1200px) {
    .product-min {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem
    }
}

.product-min .addto_basket_button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 44px;
    color: var(--mainColor);
    background: var(--whiteColor);
    border: 1px solid var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .product-min .addto_basket_button {
        gap: 0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .product-min .addto_basket_button {
        font-size: 0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .product-min .addto_basket_button {
        padding: 0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.product-min .addto_basket_button:hover {
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
    color: var(--whiteColor)
}

.product-min .addto_basket_button:disabled, .product-min .addto_basket_button.disabled {
    background: var(--primary-200)
}

.product-min .addto_basket_button:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .product-min .addto_basket_button:before {
        font-size: 1.2rem
    }
}

.product-min .b-price .price {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-min .b-price .price {
        font-size: 1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.product-min .b-price .old-price {
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: line-through
}

.view-block-catalog .block__title {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .block__title {
        margin-bottom: 1.2rem;
        max-width: 50%
    }
}

.view-block-catalog:has(.view-filters) .block__title {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .view-block-catalog:has(.view-filters) .block__title {
        margin-bottom: 1.7rem
    }
}

.view-block-catalog .view-filters {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .view-filters {
        position: absolute;
        right: 0;
        bottom: 100%;
        margin-bottom: 1.5rem;
        max-width: 50%;
        padding-left: 1.5rem;
        align-items: flex-end
    }
}

.view-block-catalog .view-filters .form-item-category-all {
    display: none
}

.view-block-catalog .view-filters form {
    display: inline-flex;
    flex-direction: column;
    max-width: 100%
}

.view-block-catalog .view-filters .form-checkboxes {
    display: flex;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 -25px;
    padding: 0 25px;
    gap: 6px
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .view-filters .form-checkboxes {
        margin: 0;
        padding: 0;
        gap: 0.3rem
    }
}

.view-block-catalog .view-filters .form-checkboxes::-webkit-scrollbar {
    display: none
}

.view-block-catalog .view-filters .form-checkboxes .form-item {
    flex-shrink: 0;
    margin: 0
}

.view-block-catalog .view-filters .form-checkboxes .form-item .option {
    padding: 10px 15px;
    margin: 0;
    background: var(--whiteColor);
    border: 1px solid var(--primary-500);
    display: flex;
    align-items: center;
    border-radius: var(--itemRadius);
    min-height: 40px;
    gap: 15px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--secondaryColor);
    white-space: nowrap
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .view-filters .form-checkboxes .form-item .option {
        padding: 0.5rem 1rem;
        min-height: 2.5rem;
        line-height: 1.5
    }
}

@media (any-hover: hover) {
    .view-block-catalog .view-filters .form-checkboxes .form-item .option {
        transition: 0.2s
    }

    .view-block-catalog .view-filters .form-checkboxes .form-item .option:hover {
        background: var(--mainColor);
        color: var(--whiteColor);
        border-color: var(--mainColor)
    }
}

.view-block-catalog .view-filters .form-checkboxes .form-item .option:before, .view-block-catalog .view-filters .form-checkboxes .form-item .option:after {
    content: none
}

.view-block-catalog .view-filters .form-checkboxes .form-item input[type="checkbox"]:checked ~ label {
    background: var(--mainColor);
    color: var(--whiteColor);
    border-color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .more-link-wrapper {
        position: absolute;
        right: 0;
        bottom: calc(100% + 2.25rem)
    }
}

.view-block-catalog .more-link-wrapper a {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .more-link-wrapper a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.view-block-catalog .more-link-wrapper a:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--mainColor);
    vertical-align: -2px;
    margin-left: 12px
}

@media screen and (min-width: 1200px) {
    .view-block-catalog .more-link-wrapper a:after {
        font-size: 1.2rem
    }
}

.view-block-catalog .swiper {
    width: 100%
}

@media screen and (min-width: 1200px) {
    .view-display-id-basket_views_block_1 .view-content {
        margin-bottom: -2.4rem
    }
}

@media screen and (min-width: 1200px) {
    .view-display-id-basket_views_block_1 .view-content .views-row {
        margin-bottom: 2.4rem
    }
}



.form-type-checkbox {
    position: relative
}

.form-type-checkbox.form-disabled {
    opacity: 0.5
}

input[type="checkbox"] {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal
}

input[type="checkbox"] ~ label {
    /* display: inline-block;
    padding-left: 1.75em; */
    cursor: pointer;
    /* margin-bottom: 0 !important;
    transition-duration: 0.2s;
    position: relative */
}

input[type="checkbox"] ~ label::before, input[type="checkbox"] ~ label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.1em;
    width: 1.2em;
    height: 1.2em;
    transition-duration: 0.2s
}

input[type="checkbox"] ~ label::before {
    background: #fff;
    border: 1px solid var(--grey-100);
    border-radius: calc(var(--itemRadius) / 2)
}

input[type="checkbox"] ~ label::after {
    background: url("../image/check.svg") no-repeat center center;
    background-size: 58.3333333333% auto;
    opacity: 0;
    transform: scale(0.5)
}

input[type="checkbox"]:checked ~ label::before {
    background: var(--secondaryColor);
    border-color: var(--secondaryColor)
}

input[type="checkbox"]:checked ~ label::after {
    opacity: 1;
    transform: none
}

@keyframes gin-throbber {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

.ajax-progress__throbber, .ajax-progress__throbber--fullscreen, .ui-dialog .ajax-progress__throbber, .media-library-item .ajax-progress__throbber {
    border: 3px solid var(--gin-color-primary);
}

[dir="ltr"] .ajax-progress__throbber, [dir="ltr"] .ajax-progress__throbber--fullscreen, [dir="ltr"] .ui-dialog .ajax-progress__throbber, [dir="ltr"] .media-library-item .ajax-progress__throbber {
    border-right: 3px dotted transparent;
}

[dir="rtl"] .ajax-progress__throbber, [dir="rtl"] .ajax-progress__throbber--fullscreen, [dir="rtl"] .ui-dialog .ajax-progress__throbber, [dir="rtl"] .media-library-item .ajax-progress__throbber {
    border-left: 3px dotted transparent;
}

.ajax-progress .ajax-progress__message {
    color: var(--gin-color-text);
}

[dir].gin--dark-mode .ajax-progress--fullscreen {
    background-color: var(--gin-color-primary);
    border-color: transparent;
    box-shadow: 0 2px 6px 0 var(--gin-bg-app);
}

[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber, [dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen {
    border: 3px solid var(--gin-bg-app);
    border-right: 3px dotted transparent;
}

.media-library-widget .ajax-progress__throbber, .media-library-widget .ajax-progress__throbber--fullscreen {
    border: 2px solid var(--gin-color-primary);
}

[dir="ltr"] .media-library-widget .ajax-progress__throbber, [dir="ltr"] .media-library-widget .ajax-progress__throbber--fullscreen {
    border-right: 2px dotted transparent;
}

[dir="rtl"] .media-library-widget .ajax-progress__throbber, [dir="rtl"] .media-library-widget .ajax-progress__throbber--fullscreen {
    border-left: 2px dotted transparent;
}

.ui-dialog .ajax-progress-throbber {
    padding: var(--gin-spacing-xs);
    background: var(--gin-bg-app);
    border-radius: 50%;
    box-shadow: 0 2px 6px 0 rgba(34, 35, 48, .1);
    border: 1px solid rgba(216, 217, 224, .8);
}

.gin--dark-mode .ui-dialog .ajax-progress-throbber {
    background-color: var(--gin-color-primary);
    border-color: transparent;
    box-shadow: 0 2px 6px 0 var(--gin-bg-app);
}

.ui-dialog .ajax-progress-throbber::before, .contextual-links .ajax-progress-throbber::before {
    content: "";
    display: block;
    position: absolute;
    top: var(--gin-spacing-xs);
    width: 1.125rem;
    height: 1.125rem;
    border: 2px solid var(--gin-color-primary);
    border-radius: 50%;
    animation: gin-throbber .75s linear infinite;
}

[dir="ltr"] .ui-dialog .ajax-progress-throbber::before, [dir="ltr"] .contextual-links .ajax-progress-throbber::before {
    left: var(--gin-spacing-xs);
    border-right: 2px dotted transparent;
}

[dir="rtl"] .ui-dialog .ajax-progress-throbber::before, [dir="rtl"] .contextual-links .ajax-progress-throbber::before {
    right: var(--gin-spacing-xs);
    border-left: 2px dotted transparent;
}

.gin--dark-mode .ui-dialog .ajax-progress, .gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress {
    background-color: var(--gin-bg-app);
    border-color: var(--gin-bg-app);
}

.contextual-links li {
    position: relative;
}

.contextual-links .ajax-progress-throbber {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
}

[dir="ltr"] .contextual-links .ajax-progress-throbber {
    right: var(--gin-spacing-xxs);
}

[dir="rtl"] .contextual-links .ajax-progress-throbber {
    left: var(--gin-spacing-xxs);
}

.contextual-links .ajax-progress-throbber::before {
    top: 0;
}

[dir="ltr"] .contextual-links .ajax-progress-throbber::before {
    left: .25em;
}

[dir="rtl"] .contextual-links .ajax-progress-throbber::before {
    right: .25em;
}

.claro-autocomplete__message {
    color: var(--gin-color-primary);
}

.ui-dialog:not(.ui-dialog-off-canvas) {
    max-width: 1280px;
    border: 0 none !important;
    border-radius: var(--gin-border-m);
    background: var(--gin-bg-layer);
}

@media (forced-colors: active) {
    .ui-dialog:not(.ui-dialog-off-canvas) {
        border: 1px solid buttonBorder !important;
    }
}

.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-content:first-of-type {
    border-top-left-radius: var(--gin-border-m);
    border-top-right-radius: var(--gin-border-m);
}

.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
    position: absolute;
    bottom: 0;
    top: auto;
}

[dir="ltr"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
    left: var(--gin-spacing-m);
    right: auto;
}

[dir="rtl"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
    right: var(--gin-spacing-m);
    left: auto;
}

.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-secondary {
    width: 100%;
}

.ui-dialog:not(.ui-dialog-off-canvas) .views-exposed-form.views-exposed-form, .ui-dialog:not(.ui-dialog-off-canvas) .views-displays {
    border: 1px solid var(--gin-border-color-layer);
}

@media (max-width: 47.99em) {
    .ui-dialog:not(.ui-dialog-off-canvas) {
        min-width: 92%;
        max-width: 92%;
    }
}

.ui-dialog {
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--gin-font);
    outline: none;
}

.ui-dialog, .ui-dialog:focus, .ui-dialog:focus:active, .ui-dialog:focus:hover {
    box-shadow: var(--gin-shadow-l1);
}

.ui-dialog .ui-dialog-titlebar {
    line-height: 1.2;
    padding: var(--gin-spacing-m) var(--gin-spacing-l);
    background: #1b1b1d;
    border: 0 none;
    border-radius: var(--gin-border-m) var(--gin-border-m) 0 0;
    position: relative;
}

@media (forced-colors: active) {
    .ui-dialog .ui-dialog-titlebar {
        border-bottom: 1px solid buttonBorder;
    }
}

.ui-dialog .ui-dialog-title {
    font-size: var(--gin-font-size-l);
    font-weight: var(--gin-font-weight-normal);
    color: #fff;
    width: 100%;
    box-sizing: border-box;
}

[dir="ltr"] .ui-dialog .ui-dialog-title {
    padding-right: var(--gin-spacing-xl);
}

[dir="rtl"] .ui-dialog .ui-dialog-title {
    padding-left: var(--gin-spacing-xl);
}

.ui-dialog .ui-dialog-content {
    color: var(--gin-color-text);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
    padding: var(--gin-spacing-s) var(--gin-spacing-l);
    border-top: 1px solid var(--gin-border-color-layer);
    border-bottom-left-radius: var(--gin-border-m);
    border-bottom-right-radius: var(--gin-border-m);
    background: var(--gin-bg-app);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button {
    font-weight: var(--gin-font-weight-heavy);
    margin-top: 0;
    margin-bottom: 0;
}

[dir="ltr"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
    margin-right: 0;
}

[dir="rtl"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
    margin-left: 0;
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger, .ui-dialog [data-drupal-selector*=-remove-form] .button.button--danger {
    border-color: var(--gin-color-danger) !important;
}

.ui-dialog .ui-dialog-buttonset {
    margin-top: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 50%;
    width: 2rem;
    height: 2rem;
    opacity: .8;
    margin: 0 var(--gin-spacing-m);
    transform: translateY(-50%);
    background: none;
    border: none;
}

[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close {
    left: auto;
    right: 0;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
    right: auto;
    left: 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    transform: none;
    background: #fff;
    -webkit-mask-image: url(../image#close-view);
    mask-image: url(../image#close-view);
    -webkit-mask-size: var(--gin-icon-size-close) var(--gin-icon-size-close);
    mask-size: var(--gin-icon-size-close) var(--gin-icon-size-close);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
}

[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    left: 0;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    right: 0;
}

@media (forced-colors: active) {
    .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
        background: linktext;
    }
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    opacity: 1;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
    padding-left: var(--gin-spacing-l);
    padding-right: var(--gin-spacing-l);
    background: var(--gin-bg-layer);
}

.ui-dialog .gin-layer-wrapper {
    margin-bottom: var(--gin-spacing-l);
}

.erl-overlay, .layout-paragraphs-dialog {
    position: fixed !important;
    top: 50% !important;
    width: calc(100% - var(--gin-spacing-xl)) !important;
}

[dir="ltr"] .erl-overlay, [dir="ltr"] .layout-paragraphs-dialog {
    left: 50% !important;
    transform: translate(-50%, -50%);
}

[dir="rtl"] .erl-overlay, [dir="rtl"] .layout-paragraphs-dialog {
    right: 50% !important;
    transform: translate(50%, -50%);
}

@media (min-width: 64em) {
    .erl-overlay, .layout-paragraphs-dialog {
        width: calc(100% - var(--gin-spacing-xxxl)) !important;
    }
}

ul.paragraphs-add-dialog-list {
    margin: var(--gin-spacing-l) 0;
}

.ui-widget-overlay {
    opacity: .9;
    background: var(--gin-bg-layer2);
}

.views-ui-dialog .views-offset-bottom {
    border-top: 1px solid var(--gin-border-color);
}

@media (forced-colors: active) {
    .views-ui-dialog .views-offset-bottom {
        border-top: none;
    }
}

.ui-widget-content a {
    color: var(--gin-color-primary);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas {
    --gin-offcanvas-active: var(--gin-color-primary);
    background: #444;
    border: 0 none;
    box-shadow: 0 0 48px rgba(0, 0, 0, .075);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
    background: #1b1b1d;
    border-radius: 0;
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-resizable-w {
    border: 0 none;
    background-color: transparent;
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .fieldset {
    color: var(--gin-color-text);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas #drupal-off-canvas .button--primary[type=submit] {
    background: var(--gin-offcanvas-active);
}

.ui-dialog .ui-widget-content.ui-dialog-content {
    overflow: auto;
}

.ui-dialog.webform-off-canvas .ui-widget-content.ui-dialog-content {
    background: var(--gin-bg-layer);
}

table.treetable tr.branch {
    background-color: transparent;
}

.ui-dialog .gin-layer-wrapper {
    margin-bottom: var(--gin-spacing-l);
    margin-top: var(--gin-spacing-l);
}

.form-type-radio {
    position: relative
}

input[type="radio"] {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal
}

input[type="radio"]~label {
    /* display: inline-block;
    position: relative;
    padding-left: 1.75em; */
    cursor: pointer;
    /* margin-bottom: 0 !important;
    transition-duration: 0.2s */
}

/* input[type="radio"]~label::before,input[type="radio"]~label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-radius: 50%;
    transition-duration: 0.2s
} */

/* input[type="radio"]~label::before {
    width: 1.25em;
    height: 1.25em;
    background: #fff;
    border: 1px solid rgba(78,84,92,0.4)
} */

/* input[type="radio"]~label::after {
    background: var(--secondary-500);
    width: 0.65em;
    height: 0.65em;
    margin-top: 0.3em;
    margin-left: 0.3em;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.3s
} */

/* input[type="radio"]:checked~label::after {
    opacity: 1;
    transform: scale(1)
}

input[type="radio"]:checked~label::before {
    border-color: var(--secondary-500)
} */

.rating-box__radio input[type="radio"]~label::before,
.rating-box__radio input[type="radio"]~label::after {
    display: none;
}

.b-pMenu__list.level-0 {
    display: flex;
    flex-direction: column
}

.b-pMenu__item.level-0.is-active {
    order: -1
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper {
    position: relative
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link {
    text-decoration: none;
    border-radius: var(--itemRadius);
    padding: 15px 24px;
    background: var(--grey-0);
    display: flex;
    align-items: center;
    min-height: 64px;
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link {
        font-size:1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link {
        padding:0.75rem 1.2rem;
        min-height: 3.2rem
    }
}

@media (any-hover: hover) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link {
        transition:0.2s
    }

    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link:hover {
        background: var(--mainColor);
        color: var(--whiteColor)
    }

    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .b-pMenu__link:hover+.arrow {
        color: var(--whiteColor)
    }
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper:has(.arrow) .b-pMenu__link {
    padding-right: 70px
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper:has(.arrow) .b-pMenu__link {
        padding-right:3.5rem
    }
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s;
    cursor: pointer
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow {
        right:1.2rem
    }
}

@media (any-hover: hover) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow:hover {
        color:var(--secondaryColor)
    }
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow:before {
        font-size:1.2rem
    }
}

.b-pMenu__item.level-0>.b-pMenu__link-wrapper .arrow.is-open:before {
    content: ""
}

.b-pMenu__item:not(:last-child) {
    margin-bottom: 8px
}

@media screen and (min-width: 1200px) {
    .b-pMenu__item:not(:last-child) {
        margin-bottom:0.4rem
    }
}

.b-pMenu__list.level-1 {
    padding: 32px 24px 24px;
    display: none
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 {
        padding:1.6rem 1.2rem 1.2rem
    }
}

.b-pMenu__list.level-1 .b-pMenu__link {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding-left: 29px;
    position: relative;
    min-height: 24px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    font-family: "Cormorant"
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 .b-pMenu__link {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 .b-pMenu__link {
        padding-left:1.45rem;
        min-height: 1.2rem
    }
}

@media (any-hover: hover) {
    .b-pMenu__list.level-1 .b-pMenu__link {
        transition:0.2s
    }

    .b-pMenu__list.level-1 .b-pMenu__link:hover {
        color: var(--mainColor)
    }
}

.b-pMenu__list.level-1 .b-pMenu__link::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 9px;
    top: 0.5em;
    background: var(--primary-500)
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 .b-pMenu__link::before {
        width:0.4rem;
        height: 0.4rem;
        left: 0.45rem
    }
}

.b-pMenu__list.level-1 .b-pMenu__item.is-open .b-pMenu__link {
    color: var(--mainColor)
}

.b-pMenu__list.level-1 .b-pMenu__item.is-open .b-pMenu__link:before {
    background: var(--mainColor)
}

.b-pMenu__list.level-1 .b-pMenu__item:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (min-width: 1200px) {
    .b-pMenu__list.level-1 .b-pMenu__item:not(:last-child) {
        margin-bottom:1rem
    }
}

.is-open .b-pMenu__list.level-1 {
    display: block
}

.b-pMenu__list.level-2 {
    display: none
}

.mobile-apply-filter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 2000;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: var(--secondary-500);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 500
}



.personal-new-catalog-filter .block__title {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 1199px) {
    .personal-new-catalog-filter .block__title {
        display:none
    }
}

.personal-new-catalog-filter .block__title--main {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .block__title--main {
        font-size:1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.personal-new-catalog-filter form .form-item-price {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.personal-new-catalog-filter form .form-item-price label {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    line-height: 1.5;
    order: -1
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form .form-item-price label {
        font-size:1rem;
        font-weight: 600
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form .form-item-price label {
        margin-bottom:1.35rem
    }
}

.personal-new-catalog-filter form .form-item-price .ui_slider_init_price {
    width: 100%;
    order: -1
}

.personal-new-catalog-filter form .form-item-price .js-form-type-number {
    width: 70px;
    margin: 0
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form .form-item-price .js-form-type-number {
        width:4rem
    }
}

.personal-new-catalog-filter form .form-item-price .js-form-type-number input {
    background: var(--grey-0);
    border-color: var(--grey-0);
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    height: 43px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form .form-item-price .js-form-type-number input {
        height:2.7rem
    }
}

.personal-new-catalog-filter form details,.personal-new-catalog-filter form>.form-item:not(.form-item-price) {
    padding: 24px;
    border-radius: var(--itemRadius);
    background: var(--whiteColor);
    box-shadow: var(--shadow-Light-8-16)
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details,.personal-new-catalog-filter form>.form-item:not(.form-item-price) {
        padding:1.6rem
    }
}

.personal-new-catalog-filter form details:not(:last-child),.personal-new-catalog-filter form>.form-item:not(.form-item-price):not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details:not(:last-child),.personal-new-catalog-filter form>.form-item:not(.form-item-price):not(:last-child) {
        margin-bottom:1.2rem
    }
}

.personal-new-catalog-filter form details summary,.personal-new-catalog-filter form details>label,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details summary,.personal-new-catalog-filter form details>label,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label {
        font-size:1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media (any-hover: hover) {
    .personal-new-catalog-filter form details summary,.personal-new-catalog-filter form details>label,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label {
        transition:0.2s
    }

    .personal-new-catalog-filter form details summary:hover,.personal-new-catalog-filter form details>label:hover,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary:hover,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label:hover {
        color: var(--mainColor)
    }

    .personal-new-catalog-filter form details summary:hover:after,.personal-new-catalog-filter form details>label:hover:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary:hover:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label:hover:after {
        color: var(--mainColor)
    }
}

.personal-new-catalog-filter form details summary::-webkit-details-marker,.personal-new-catalog-filter form details>label::-webkit-details-marker,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary::-webkit-details-marker,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label::-webkit-details-marker {
    display: none
}

.personal-new-catalog-filter form details summary::after,.personal-new-catalog-filter form details>label::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label::after {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--primary-500);
    transition: 0.2s
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details summary::after,.personal-new-catalog-filter form details>label::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label::after {
        font-size:1.2rem
    }
}

.personal-new-catalog-filter form details summary[aria-expanded="false"]::after,.personal-new-catalog-filter form details>label[aria-expanded="false"]::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary[aria-expanded="false"]::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label[aria-expanded="false"]::after {
    content: ""
}

.personal-new-catalog-filter form details summary[aria-expanded="true"]::after,.personal-new-catalog-filter form details>label[aria-expanded="true"]::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary[aria-expanded="true"]::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label[aria-expanded="true"]::after {
    content: ""
}

.personal-new-catalog-filter form details summary.is-open::after,.personal-new-catalog-filter form details>label.is-open::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) summary.is-open::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>label.is-open::after {
    content: ""
}

.personal-new-catalog-filter form details .details-wrapper,.personal-new-catalog-filter form details>.items_wrap,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .details-wrapper,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>.items_wrap {
    margin-top: 12px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .details-wrapper,.personal-new-catalog-filter form details>.items_wrap,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .details-wrapper,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>.items_wrap {
        margin-top:0.6rem
    }
}

.personal-new-catalog-filter form details>.items_wrap,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>.items_wrap {
    display: none
}

.personal-new-catalog-filter form details>.items_wrap.is-open,.personal-new-catalog-filter form>.form-item:not(.form-item-price)>.items_wrap.is-open {
    display: block
}

.personal-new-catalog-filter form details .filter-more,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 14px 16px;
    min-height: 44px;
    background: none;
    color: var(--secondaryColor);
    border: 1px solid var(--secondaryColor);
    cursor: pointer
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .filter-more,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .filter-more,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .filter-more,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more {
        padding:0.9rem 1rem;
        min-height: 2.8rem
    }
}

.personal-new-catalog-filter form details .filter-more:hover,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more:hover {
    color: var(--secondary-600);
    border-color: var(--secondary-600)
}

.personal-new-catalog-filter form details .filter-more:disabled,.personal-new-catalog-filter form details .filter-more.disabled,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more:disabled,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more.disabled {
    color: var(--secondary-300);
    border-color: var(--secondary-300)
}

.personal-new-catalog-filter form details .filter-more:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more:after {
    content: "";
    font-family: "icomoon";
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .filter-more:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more:after {
        font-size:0.95rem
    }
}

.personal-new-catalog-filter form details .filter-more span,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more span {
    display: contents
}

.personal-new-catalog-filter form details .filter-more.open::after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .filter-more.open::after {
    content: ""
}

.personal-new-catalog-filter form details .color,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .color {
    font-size: 0;
    display: inline-block;
    border-radius: calc(var(--itemRadius) / 2);
    vertical-align: top;
    width: 1rem;
    height: 1rem
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .color,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .color {
        width:1.1rem;
        height: 1.1rem
    }
}

.personal-new-catalog-filter form details .color[style="background:#FFFFFF;"],.personal-new-catalog-filter form>.form-item:not(.form-item-price) .color[style="background:#FFFFFF;"] {
    border: 1px solid var(--grey-100)
}

.personal-new-catalog-filter form details .option,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .option {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.personal-new-catalog-filter form details .count,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .count {
    color: var(--grey-300);
    font-size: 1rem;
    font-weight: 400
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .count,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .count {
        font-size:1rem;
        font-weight: 400
    }
}

.personal-new-catalog-filter form details .form-item,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .form-item {
    margin-bottom: 12px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .form-item,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .form-item {
        margin-bottom:0.6rem
    }
}

.personal-new-catalog-filter form details .form-item label,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .form-item label {
    margin-bottom: 0
}

.personal-new-catalog-filter form details .form-item:last-child,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .form-item:last-child {
    margin-bottom: 0
}

.personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--secondaryColor);
    width: 100%;
    margin-bottom: 16px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.personal-new-catalog-filter form details .btn-more-link:hover,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link:hover {
    background: var(--mainColor);
    color: var(--whiteColor)
}

.personal-new-catalog-filter form details .btn-more-link:disabled,.personal-new-catalog-filter form details .btn-more-link.disabled,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link:disabled,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link.disabled {
    background: var(--primary-200)
}

.personal-new-catalog-filter form details .btn-more-link:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link:after,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link:after {
        font-size:1.1rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter form details .btn-more-link,.personal-new-catalog-filter form>.form-item:not(.form-item-price) .btn-more-link {
        margin-bottom:1.2rem
    }
}

.personal-new-catalog-filter .js-form-type-textfield {
    position: relative
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .js-form-type-textfield {
        margin-bottom:0.75rem
    }
}

.personal-new-catalog-filter .js-form-type-textfield:before {
    content: "";
    font-family: "icomoon";
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    position: absolute;
    left: 15px;
    top: calc(50% - 8px);
    color: var(--primary-200)
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .js-form-type-textfield:before {
        font-size:1rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .js-form-type-textfield:before {
        left:0.75rem;
        top: calc(50% - 0.5rem)
    }
}

.personal-new-catalog-filter .search_checkboxes {
    height: 44px;
    padding-left: 35px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .search_checkboxes {
        height:2.8rem;
        padding-left: 2rem
    }
}

.personal-new-catalog-filter .reset-form-button {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1;
    color: var(--secondaryColor);
    cursor: pointer;
    transition-duration: 0.2s;
    position: relative;
    text-decoration: none;
    display: inline-block
}

.personal-new-catalog-filter .reset-form-button:after {
    background: currentColor;
    transition-duration: 0.2s;
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transform: scaleX(0);
    content-visibility: auto
}

.personal-new-catalog-filter .reset-form-button:after {
    transform: scaleX(1)
}

.personal-new-catalog-filter .reset-form-button:hover:after {
    transform: scaleX(0)
}

.personal-new-catalog-filter .form-actions {
    text-align: center
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .form-actions {
        text-align:left;
        margin-top: 1.2rem
    }
}

.personal-new-catalog-filter .all_brands {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor);
    width: 100%;
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.personal-new-catalog-filter .all_brands:hover {
    background: var(--primary-600)
}

.personal-new-catalog-filter .all_brands:disabled,.personal-new-catalog-filter .all_brands.disabled {
    background: var(--primary-200)
}

.personal-new-catalog-filter .all_brands:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands:after {
        font-size:1.1rem
    }
}

@media screen and (min-width: 1200px) {
    .personal-new-catalog-filter .all_brands {
        margin-bottom:1.2rem
    }
}




.sort_wrap,.checkeds_wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: "Cormorant"
}

@media screen and (min-width: 1200px) {
    .sort_wrap,.checkeds_wrap {
        margin-top:0;
        gap: 1.8rem
    }
}

.sort_wrap .label,.checkeds_wrap .label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--grey-300)
}

@media screen and (min-width: 1200px) {
    .sort_wrap .label,.checkeds_wrap .label {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.sort_wrap .items,.checkeds_wrap .items {
    display: flex;
    align-items: center;
    gap: 12px
}

@media screen and (min-width: 1200px) {
    .sort_wrap .items,.checkeds_wrap .items {
        gap:1.8rem
    }
}

.checkeds_wrap .items {
    flex-wrap: wrap
}

@media screen and (min-width: 1200px) {
    .checkeds_wrap .items {
        gap:1.5rem
    }
}

.checkeds_wrap .item label {
    white-space: nowrap
}

@media screen and (min-width: 1200px) {
    .sort_wrap {
        order:10
    }
}

.sort_wrap .item {
    position: relative;
    display: flex
}

.sort_wrap .item input {
    display: none
}

.sort_wrap .item input.sort_ASC~label::before {
    color: var(--secondary-500)
}

.sort_wrap .item input.sort_DESC~label::after {
    color: var(--secondary-500)
}

.sort_wrap .item label {
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer
}

@media screen and (min-width: 1200px) {
    .sort_wrap .item label {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.sort_wrap .item label:after,.sort_wrap .item label:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    order: -10;
    color: var(--grey-300);
    width: auto;
    height: auto;
    background: none;
    border: none;
    opacity: 1;
    transform: none;
    position: static;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 1200px) {
    .sort_wrap .item label:after,.sort_wrap .item label:before {
        font-size:1.1rem
    }
}

.sort_wrap .item label:before {
    content: ""
}

.sort_wrap .item label:after {
    content: "";
    margin-right: 8px
}

@media screen and (min-width: 1200px) {
    .sort_wrap .item label:after {
        margin-right:0.6rem
    }
}

.views_style_switch_wrap {
    display: none
}


.view-catalog .view-header {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

@media screen and (min-width: 1200px) {
    .view-catalog .view-header {
        gap:1.5rem 3.4rem;
        margin-bottom: 1.5rem
    }
}

.view-catalog .view-header .total_rows {
    display: none
}



.catalog-filter-btn {
    font-size: 0.75rem;
    display: inline-flex;
    align-self: center;
    font-weight: 600;
    gap: 5px;
    font-family: "Cormorant"
}

@media screen and (min-width: 1200px) {
    .catalog-filter-btn {
        display:none
    }
}

.catalog-filter-btn:before {
    font-family: "icomoon";
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .catalog-filter-btn:before {
        font-size:1.2rem
    }
}


.region-sidebar-left {
    padding: 24px 24px 60px
}

@media screen and (min-width: 1200px) {
    .region-sidebar-left {
        padding:0
    }
}

.region-sidebar-left .region_title {
    margin: -24px -24px 24px;
    background: var(--mainColor);
    padding: 14px 24px;
    color: var(--whiteColor);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .region-sidebar-left .region_title {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .region-sidebar-left .region_title {
        display:none
    }
}

.page-node-type-product .site-content {
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .page-node-type-product .site-content {
        padding-top:40px
    }
}

@media screen and (min-width: 1200px) {
    .page-node-type-product .site-content {
        padding-top:2.5rem
    }
}

@media screen and (min-width: 768px) {
    .product-full__top {
        display:flex;
        gap: 2rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__top {
        gap:4rem
    }
}

.product-full__top--left {
    position: relative
}

@media screen and (min-width: 768px) {
    .product-full__top--left {
        max-width:39.5202020202%;
        flex: 1
    }
}

@media screen and (min-width: 1200px) {
    .product-full__top--left:has(.product-gl__thumbs) .product-full__links {
        right:6.45rem
    }
}

.product-full__top--right {
    margin-top: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

@media screen and (min-width: 768px) {
    .product-full__top--right {
        margin-top:0;
        flex: 1;
        align-items: flex-start
    }
}

@media screen and (min-width: 1200px) {
    .product-full__top--right {
        gap:0.75rem
    }
}

.product-full__title {
    font-size: 1rem;
    font-family: "Cormorant";
    font-weight: 700;
    line-height: 1.1;
    text-align: center
}

@media screen and (min-width: 768px) {
    .product-full__title {
        text-align:left
    }
}

@media screen and (min-width: 1200px) {
    .product-full__title {
        font-size:2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.product-full__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
}

@media screen and (min-width: 1200px) {
    .product-full__tags {
        margin-top:-0.45rem;
        gap: 1.2rem
    }
}

.product-full__category {
    font-size: 0.625rem;
    color: var(--grey-200)
}

@media screen and (min-width: 1200px) {
    .product-full__category {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full .b-product__stock {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

@media screen and (min-width: 1200px) {
    .product-full .b-product__stock {
        gap:0.4rem
    }
}

.product-full .b-product__stock:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--secondaryColor)
}

@media screen and (min-width: 1200px) {
    .product-full .b-product__stock:before {
        font-size:1.2rem
    }
}

.product-full .b-product__stock--in-stock:before {
    content: ""
}

.product-full .b-product__stock--out-stock:before {
    content: "";
    color: var(--label-1-1)
}

.product-full__avail {
    font-size: 0.625rem;
    display: inline-flex
}

@media screen and (min-width: 1200px) {
    .product-full__avail {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full .product-status {
    left: -9px;
    top: 15px
}

@media screen and (min-width: 768px) {
    .product-full .product-status {
        left:15px
    }
}

@media screen and (min-width: 1200px) {
    .product-full .product-status {
        left:0.75rem;
        top: 0.75rem
    }
}

.product-full__code {
    font-size: 0.625rem
}

@media screen and (min-width: 1200px) {
    .product-full__code {
        font-size:0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.product-full__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

@media screen and (min-width: 768px) {
    .product-full__info {
        flex-direction:row
    }
}

@media screen and (min-width: 1200px) {
    .product-full__info {
        gap:0.8rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__rating .b-product__rating {
        display:flex;
        align-items: center;
        gap: 0.8rem
    }
}

.product-full__rating .b-product__rating--value {
    display: none
}

@media screen and (min-width: 1200px) {
    .product-full__rating .b-product__rating--value {
        display:inline-flex;
        font-size: 0.7rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.product-full__rating .b-product__rating--count {
    display: none
}

@media screen and (min-width: 1200px) {
    .product-full__rating .b-product__rating--count {
        display:inline-flex;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .product-full__rating .b-product__rating--count {
        font-size:0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.product-full__links {
    position: absolute;
    right: -9px;
    top: 15px;
    font-size: 0;
    display: flex;
    gap: 10px;
    z-index: 2
}

@media screen and (min-width: 768px) {
    .product-full__links {
        right:15px
    }
}

@media screen and (min-width: 1200px) {
    .product-full__links {
        right:0.75rem;
        top: 0.75rem
    }
}

.product-full__links a:before {
    font-size: 18px
}

@media screen and (min-width: 1200px) {
    .product-full__links a:before {
        font-size:1.1rem
    }
}

.product-full__price .b-price {
    display: flex;
    align-items: center;
    gap: 5px
}

@media screen and (min-width: 1200px) {
    .product-full__price .b-price {
        gap:0.6rem
    }
}

.product-full__price .price {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-full__price .price {
        font-size:2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.product-full__price .old-price {
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: line-through;
    font-size: 0.625rem;
    color: var(--grey-200)
}

@media screen and (min-width: 1200px) {
    .product-full__price .old-price {
        font-size:0.85rem;
        font-weight: 400;
        text-decoration: line-through
    }
}

.product-full__count {
    line-height: 1.5;
    transition-duration: 0.2s;
    position: relative;
    text-decoration: none
}

.product-full__count:after {
    background: currentColor;
    transition-duration: 0.2s;
    content: "";
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
    transform: scaleX(0);
    content-visibility: auto
}

.product-full__count:after {
    transform: scaleX(1)
}

.product-full__count:hover:after {
    transform: scaleX(0)
}

.product-full__basket .basket_add_button_wrap {
    display: flex;
    align-items: center;
    gap: 4px
}

.product-full__basket .addto_basket_button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat";
    line-height: 1.25;
    border-radius: var(--itemRadius);
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    overflow: hidden;
    transition-duration: 0.2s;
    border: none;
    gap: 12px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    padding: 12px 20px;
    min-height: 52px;
    color: var(--whiteColor);
    background: var(--mainColor)
}

@media screen and (min-width: 1200px) {
    .product-full__basket .addto_basket_button {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__basket .addto_basket_button {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .product-full__basket .addto_basket_button {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.product-full__basket .addto_basket_button:hover {
    background: var(--primary-600)
}

.product-full__basket .addto_basket_button:disabled,.product-full__basket .addto_basket_button.disabled {
    background: var(--primary-200)
}

.product-full__basket .addto_basket_button:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .product-full__basket .addto_basket_button:before {
        font-size:1.2rem
    }
}

.product-full__basket--params .params_product .form-item:last-of-type {
    margin-bottom: 0
}

.product-full__basket--label {
    margin-top: 12px;
    color: var(--grey-500);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .product-full__basket--label {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full__basket--one_click {
    margin-top: 12px
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .webform-submission-basket-one-click-form {
        display:flex;
        align-items: center;
        gap: 0.4rem
    }
}

.product-full__basket--one_click .form-item-phone {
    position: relative
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .form-item-phone {
        margin-bottom:0;
        max-width: 14rem
    }
}

.product-full__basket--one_click .form-item-phone:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    position: absolute;
    left: 18px;
    color: var(--primary-200);
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    pointer-events: none
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .form-item-phone:after {
        font-size:1.1rem
    }
}

.product-full__basket--one_click .form-item-phone [type="text"] {
    padding-left: 42px
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .form-item-phone [type="text"] {
        padding-left:2.75rem
    }
}

.product-full__basket--one_click .form-actions {
    margin-top: 8px
}

@media screen and (min-width: 1200px) {
    .product-full__basket--one_click .form-actions {
        margin-top:0
    }
}

.product-full__installment .field-block-link-img-multi {
    display: flex;
    align-items: center;
    gap: 5px
}

@media screen and (min-width: 1200px) {
    .product-full__installment .field-block-link-img-multi {
        gap:0.75rem
    }
}

.product-full__installment .field-block-link-img-multi .field__label {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-full__installment .field-block-link-img-multi .field__label {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.product-full__installment .field-block-link-img-multi__items {
    display: flex;
    align-items: center;
    gap: 5px
}

@media screen and (min-width: 1200px) {
    .product-full__installment .field-block-link-img-multi__items {
        gap:0.75rem
    }
}

.product-full__installment .field-block-link-img-multi__item img {
    max-width: 24px
}

@media screen and (min-width: 1200px) {
    .product-full__installment .field-block-link-img-multi__item img {
        max-width:1.8rem
    }
}

.product-full__promotion {
    padding: 15px 10px;
    border-radius: var(--itemRadius);
    background: var(--grey-0);
    width: 100%;
    margin-top: 15px
}

@media screen and (min-width: 1200px) {
    .product-full__promotion {
        padding:0.75rem;
        margin-top: 0.75rem
    }
}

.product-full__promotion--title {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .product-full__promotion--title {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.product-full__promotion--title:not(:last-child) {
    margin-bottom: 15px
}

@media screen and (min-width: 1200px) {
    .product-full__promotion--title:not(:last-child) {
        margin-bottom:0.75rem
    }
}

.product-full__promotion .field-promotion-description__label {
    display: none
}

.product-full__promotion .field-promotion-description__item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .product-full__promotion .field-promotion-description__item {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full__bottom {
    margin-top: 25px
}

.product-full__bottom .field__label {
    border-radius: var(--itemRadius);
    background: var(--grey-0);
    padding: 15px 24px;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .product-full__bottom .field__label {
        font-size:1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .product-full__bottom .field__label {
        padding:0.95rem 1.2rem;
        margin-bottom: 0.8rem;
        gap: 0.75rem
    }
}

.product-full__bottom .field__label--toggle {
    cursor: pointer
}

@media (any-hover: hover) {
    .product-full__bottom .field__label--toggle {
        transition:0.2s
    }

    .product-full__bottom .field__label--toggle:hover {
        background: var(--mainColor);
        color: var(--whiteColor)
    }
}

.product-full__bottom .field__label--toggle:not(.is-open) {
    margin-bottom: 0
}

.product-full__bottom .field__label--toggle:after {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .product-full__bottom .field__label--toggle:after {
        font-size:1.2rem
    }
}

.product-full__bottom .field__label--toggle.is-open:after {
    content: ""
}

.product-full__bottom--items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -20px
}

@media screen and (min-width: 1200px) {
    .product-full__bottom--items {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        margin: 0 -0.75rem -1rem
    }
}

.product-full__bottom--item {
    flex-grow: 1;
    width: 100%;
    margin: 25px 0;
    padding: 0 15px
}

@media screen and (min-width: 1200px) {
    .product-full__bottom--item {
        padding:0 0.75rem;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .product-full__bottom--item:first-child:last-child {
        grid-column: 1 / span 2
    }
}

.product-full__bottom--item.product-full__comments {
    width: 100%
}

@media screen and (min-width: 1200px) {
    .product-full__desc {
        grid-row:1 / span 3
    }
}

.product-full__desc .field__item {
    padding: 0 12px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .product-full__desc .field__item {
        padding:0 1.2rem;
        font-size: 1rem;
        font-weight: 400
    }
}

.product-full__specs--items {
    border-radius: var(--itemRadius);
    overflow: hidden
}

.product-full__specs--item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .product-full__specs--item {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.product-full__specs--item:nth-of-type(odd) {
    background: var(--grey-0)
}

.product-full__specs--item .double-field-first {
    width: 50%;
    padding: 17px 16px;
    flex-shrink: 0
}

@media screen and (min-width: 1200px) {
    .product-full__specs--item .double-field-first {
        padding:0.8rem 0.65rem
    }
}

.product-full__specs--item .double-field-second {
    flex-grow: 1;
    padding: 17px 16px;
    border-left: 1px solid #fff
}

.product-full__specs--item .double-field-second a {
    text-decoration: none;
    color: var(--mainColor);
    background: linear-gradient(to right,currentColor 0%,currentColor 100%) no-repeat 0 bottom;
    background-size: 0 1px;
    text-decoration: none;
    transition-duration: 0.2s
}

.product-full__specs--item .double-field-second a:hover {
    background-size: 100% 1px
}

@media screen and (min-width: 1200px) {
    .product-full__specs--item .double-field-second {
        padding:0.8rem 0.65rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__composition {
        order:10
    }
}

.product-full__composition--items {
    display: none
}

.product-full__composition--items.is-open {
    display: block
}

.product-full__composition--items .field__label {
    padding: 0;
    background: none
}

.product-full__composition--items>* {
    padding: 0 12px
}

@media screen and (min-width: 1200px) {
    .product-full__composition--items>* {
        padding:0 1.2rem
    }
}

.product-full__composition--items>*:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width: 1200px) {
    .product-full__composition--items>*:not(:last-child) {
        margin-bottom:1.2rem
    }
}

.product-full__composition--items .field__item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .product-full__composition--items .field__item {
        font-size:1rem;
        font-weight: 400
    }
}

.product-full__comments {
    flex: 100%
}

.product-full__comments .field-product-comment__label {
    position: relative
}

.product-full__comments .field-product-comment__label:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--whiteColor);
    background: var(--mainColor);
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    padding: 20px;
    border-radius: var(--itemRadius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .product-full__comments .field-product-comment__label:after {
        font-size:1.1rem
    }
}

@media screen and (min-width: 1200px) {
    .product-full__comments .field-product-comment__label:after {
        padding:1.2rem
    }
}

.product-full__comments .field-product-comment__label.is-active:after {
    transform: rotateX(180deg)
}

.product-full__comments .field-product-comment__item {
    display: none
}

.product-full__comments .field-product-comment__item.is-open {
    display: flex
}

.fivestar-default {
    display: flex;
    align-items: center;
    gap: 12px
}

@media screen and (min-width: 1200px) {
    .fivestar-default {
        gap:0.8rem
    }
}

.fivestar-default .fivestar-widget-static:after {
    content: none
}

.fivestar-default .fivestar-numeric-rating {
    font-size: 1rem;
    font-weight: 600;
    display: none
}

@media screen and (min-width: 1200px) {
    .fivestar-default .fivestar-numeric-rating {
        font-size:1rem;
        font-weight: 600
    }
}

.product-full__top .fivestar-default .fivestar-numeric-rating {
    display: block
}

@media screen and (min-width: 1200px) {
    .product-gl {
        display:flex;
        gap: 1.2rem
    }
}

.product-gl .swiper-hand {
    display: none
}

.product-gl__images {
    margin: 0 -24px;
    background: var(--grey-0)
}

@media screen and (min-width: 768px) {
    .product-gl__images {
        margin:0;
        border-radius: var(--itemRadius);
        overflow: hidden
    }
}

@media screen and (min-width: 1200px) {
    .product-gl__images {
        flex:1;
        display: flex
    }
}

.product-gl__images .swiper {
    height: 454px
}

@media screen and (min-width: 1200px) {
    .product-gl__images .swiper {
        width:100%;
        height: auto;
        max-height: 100%;
        min-height: 34.35rem
    }
}

.product-gl__images .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px
}

@media screen and (min-width: 1200px) {
    .product-gl__images .swiper-slide {
        padding:0.5rem
    }
}

.product-gl__images .swiper-slide .js-fancybox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--itemRadius);
    background: var(--whiteColor);
    padding: 10px;
    overflow: hidden
}

.is-admin .product-gl__images .swiper-slide .js-fancybox {
    background: none
}

@media screen and (min-width: 1200px) {
    .product-gl__images .swiper-slide .js-fancybox {
        padding:0.5rem
    }
}

.product-gl__images .swiper-slide img {
    border-radius: var(--itemRadius);
    max-height: 454px
}

@media screen and (min-width: 1200px) {
    .product-gl__images .swiper-slide img {
        max-height:100%
    }
}

.product-gl__images .item:hover .media-video:before {
    opacity: 1
}

.product-gl__images .media--type-product-video {
    position: relative
}

.product-gl__images .media--type-product-video .js-fancybox {
    height: 100%;
    display: block
}

.product-gl__images .media--type-product-video .field-media-video-file {
    height: 100%
}

.product-gl__images .media--type-product-video .field-media-video-file video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    height: 100%
}

.product-gl__images .media--type--3d-product {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-gl__images .media--type--3d-product a {
    display: block
}

.product-gl__images .media--type--3d-product a span {
    display: block
}

.product-gl__images .media,.product-gl__images .item {
    height: 100%
}

.product-gl__thumbs {
    position: relative;
    margin-top: 10px
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs {
        width:100%;
        max-width: 4.5rem;
        margin: 0;
        height: 34.35rem
    }
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .swiper {
        height:100%
    }
}

.product-gl__thumbs .swiper-button-next {
    right: -15px
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .swiper-button-next {
        right:initial;
        left: 50%;
        top: initial;
        bottom: 0;
        transform: translate(-50%,50%);
        margin: 0 !important
    }

    .product-gl__thumbs .swiper-button-next:after {
        content: ""
    }
}

.product-gl__thumbs .swiper-button-prev {
    left: -15px
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .swiper-button-prev {
        left:50%;
        top: 0;
        transform: translate(-50%,-50%);
        margin: 0 !important
    }

    .product-gl__thumbs .swiper-button-prev:after {
        content: ""
    }
}

.product-gl__thumbs .item {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: calc(var(--itemRadius) / 2);
    background: var(--grey-0);
    padding: 5px;
    height: 100%
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .item {
        padding:0.25rem
    }
}

.product-gl__thumbs .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 1;
    background: rgba(25,26,29,0.2);
    transition-duration: 0.2s;
    opacity: 0
}

.product-gl__thumbs .item:hover:before {
    opacity: 1
}

.product-gl__thumbs .item img {
    border-radius: calc(var(--itemRadius) / 2);
    max-height: 100%
}

.product-gl__thumbs .media-type--product-video:after {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    color: var(--whiteColor);
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1
}

@media screen and (min-width: 1200px) {
    .product-gl__thumbs .media-type--product-video:after {
        font-size:1.2rem
    }
}

.product-gl__thumbs .swiper-slide-thumb-active .item {
    position: relative
}

.product-gl__thumbs .swiper-slide-thumb-active .item:before {
    opacity: 1
}

.delivery-node {
    border-radius: var(--itemRadius);
    background: var(--primary-50);
    padding: 24px !important;
    margin-top: 24px
}

@media screen and (min-width: 1200px) {
    .delivery-node {
        display:none;
        margin-top: 1.6rem;
        padding: 1.2rem 2.2rem !important
    }
}

.product-full__top--right .delivery-node {
    display: none
}

@media screen and (min-width: 1200px) {
    .product-full__top--right .delivery-node {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .delivery-node .field-block-paragraph__items {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.delivery-node .field-block-paragraph__item:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width: 1200px) {
    .delivery-node .field-block-paragraph__item:not(:last-child) {
        margin-bottom:0
    }
}

.delivery-node .paragraph--type--delivery-node .field-group-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px
}

.delivery-node .paragraph--type--delivery-node .field-media-image {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--itemRadius);
    background: var(--primary-100);
    flex-shrink: 0
}

.delivery-node .paragraph--type--delivery-node .field-paragraph-title {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--mainColor);
    font-weight: 500;
    line-height: 1.1;
    text-decoration-line: underline
}

@media screen and (min-width: 1200px) {
    .delivery-node .paragraph--type--delivery-node .field-paragraph-title {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.delivery-node .paragraph--type--delivery-node .field-paragraph-text {
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (min-width: 1200px) {
    .delivery-node .paragraph--type--delivery-node .field-paragraph-text {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

@media screen and (min-width: 1200px) {
    .delivery-node .paragraph--type--delivery-node .field-paragraph-text {
        margin-top:0.8rem
    }
}

.media-video {
    color: var(--whiteColor);
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0
}

.media-video:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    background: rgba(25,26,29,0.4);
    z-index: 1;
    opacity: 0;
    transition-duration: 0.5s
}

.media-video__play {
    width: 100px;
    height: 100px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 5;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: none
}

.media-video__play:before {
    content: "";
    font-family: "icomoon";
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .media-video__play:before {
        font-size:2.1rem
    }
}

.media-video--ended .media-video__play {
    display: flex
}

.media-video__pause {
    width: 100px;
    height: 100px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 5;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.media-video__pause:before {
    content: "";
    font-family: "icomoon";
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .media-video__pause:before {
        font-size:2.1rem
    }
}

.media-video--ended .media-video__pause {
    display: none
}

.media-video__mute {
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 16px;
    border-radius: var(--itemRadius);
    background: var(--grey-800);
    line-height: 1;
    z-index: 5;
    cursor: pointer
}

.media-video__mute:before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .media-video__mute:before {
        font-size:1.2rem
    }
}

.media-video__mute.hidden {
    display: none
}

.media-video__unmute {
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 16px;
    border-radius: var(--itemRadius);
    background: var(--grey-800);
    line-height: 1;
    z-index: 5;
    cursor: pointer
}

.media-video__unmute:before {
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 1200px) {
    .media-video__unmute:before {
        font-size:1.2rem
    }
}

.media-video__unmute.hidden {
    display: none
}

.media-video:not(.video-active) .media-video__pause {
    display: none
}

.media-video:not(.video-active) .media-video__play {
    display: flex
}


.block-type-message-slider {
    background: var(--secondaryColor)
}

.block-type-message-slider .field--name-field-block-paragraph {
    width: 100%
}

.block-type-message-slider .field--name-field-block-paragraph .paragraph--type--message {
    position: relative;
    background: var(--secondaryColor);
    text-align: center;
    color: var(--whiteColor);
    font-size: 0.625rem
}


.b-comment {
    padding: 16px;
    margin-bottom: 8px;
    background: var(--whiteColor);
    border-radius: var(--itemRadius);
    box-shadow: var(--shadow-Light-8-16)
}

@media screen and (min-width: 1200px) {
    .b-comment {
        padding:1.2rem;
        margin-bottom: 0.8rem
    }
}

.b-comment__top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px
}

@media screen and (min-width: 1200px) {
    .b-comment__top {
        flex-wrap:nowrap;
        justify-content: space-between
    }
}

.b-comment__name {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
    flex: 100%
}

@media screen and (min-width: 1200px) {
    .b-comment__name {
        flex:unset;
        gap: 1.5rem
    }
}

.b-comment__name-author {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .b-comment__name-author {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.b-comment__date {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--grey-300)
}

@media screen and (min-width: 1200px) {
    .b-comment__date {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.b-comment__commented {
    margin-top: 16px
}

@media screen and (min-width: 1200px) {
    .b-comment__commented {
        margin-top:0.8rem
    }
}

.b-comment__commented--link:not(.img) {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--mainColor);
    background: linear-gradient(to right,currentColor 0%,currentColor 100%) no-repeat 0 bottom;
    background-size: 0 1px;
    text-decoration: none;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .b-comment__commented--link:not(.img) {
        font-size:0.85rem;
        font-weight: 400;
        line-height: 1.5
    }
}

.b-comment__commented--link:not(.img):hover {
    background-size: 100% 1px
}

.b-comment__commented--link.img {
    max-width: 75px;
    aspect-ratio: 1;
    border-radius: var(--itemRadius);
    background: var(--grey-0);
    padding: 5px;
    display: flex
}

@media screen and (min-width: 1200px) {
    .b-comment__commented--link.img {
        max-width:5rem;
        padding: 0.25rem
    }
}

@media (any-hover: hover) {
    .b-comment__commented--link.img {
        transition:0.2s
    }

    .b-comment__commented--link.img:hover {
        background: var(--secondary-100)
    }
}

.b-comment__commented--link.img img {
    border-radius: var(--itemRadius);
    max-height: 100%
}

.b-comment__commented--img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--itemRadius);
    background: var(--whiteColor);
    padding: 5px
}

@media screen and (min-width: 1200px) {
    .b-comment__commented--img {
        padding:0.25rem
    }
}

.b-comment .field-comment-text {
    margin-top: 16px
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-text {
        margin-top:0.8rem
    }
}

.b-comment .field-comment-img {
    margin: 16px -16px 0;
    overflow: hidden
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img .js-fancybox {
        position:relative;
        display: flex
    }

    .b-comment .field-comment-img .js-fancybox:after {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        display: flex;
        visibility: hidden;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        content: "";
        transition: 0.3s;
        transform: translate(-50%,-75%);
        opacity: 0;
        border-radius: 50%;
        background: rgba(var(--secondary-500),0.75);
        will-change: transform
    }

    .b-comment .field-comment-img .js-fancybox:before {
        font-family: "icomoon";
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        color: inherit;
        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        display: flex;
        visibility: hidden;
        align-items: center;
        justify-content: center;
        width: 1.7rem;
        height: 1.7rem;
        font-size: 0.9rem !important;
        content: "";
        transition: 0.3s;
        transform: translate(-50%,-25%);
        opacity: 0;
        color: #FFFFFF;
        border-radius: 50%;
        background: var(--mainColor);
        will-change: transform
    }

    .b-comment .field-comment-img .js-fancybox:hover:after,.b-comment .field-comment-img .js-fancybox:hover:before {
        visibility: visible;
        transform: translate(-50%,-50%);
        opacity: 1
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .b-comment .field-comment-img .js-fancybox:before {
        font-size:1.2rem
    }
}

.b-comment .field-comment-img .swiper {
    padding: 0 16px
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img.pc-swiper-disable .swiper-wrapper {
        flex-wrap:wrap
    }
}

.b-comment .field-comment-img__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img__items {
        margin:0 -0.5rem -1rem
    }
}

.b-comment .field-comment-img__item {
    width: 50%;
    padding: 0 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

.b-comment .field-comment-img__item .item {
    position: relative;
    border-radius: var(--itemRadius);
    overflow: hidden
}

.b-comment .field-comment-img__item img {
    border-radius: var(--itemRadius)
}

@media screen and (min-width: 480px) {
    .b-comment .field-comment-img__item {
        width:33.333%
    }
}

@media screen and (min-width: 768px) {
    .b-comment .field-comment-img__item {
        width:25%
    }
}

@media screen and (min-width: 992px) {
    .b-comment .field-comment-img__item {
        width:calc(100% / 6)
    }
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img__item {
        padding:0 0.5rem;
        margin-bottom: 1rem
    }

    .b-comment .field-comment-img__item.is-hide {
        display: none
    }
}

.b-comment .field-comment-img__more {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    justify-content: center;
    align-items: center;
    z-index: 5;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    color: var(--whiteColor);
    background: var(--cover-Dark-40);
    display: none
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img__more {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-comment .field-comment-img__more {
        display:flex
    }
}

@media (any-hover: hover) {
    .b-comment .field-comment-img__more {
        transition:0.2s
    }

    .b-comment .field-comment-img__more:hover {
        color: var(--mainColor)
    }
}

.b-comment__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
    gap: 15px
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom {
        margin-top:1rem;
        gap: 1.5rem
    }
}

.b-comment__bottom-links {
    margin-bottom: -10px
}

.b-comment__bottom-links ul {
    display: inline
}

.b-comment__bottom-links ul li {
    display: inline;
    margin: 0;
    padding: 0
}

.b-comment__bottom-links a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 10px 0;
    color: var(--mainColor);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a {
        transition-duration:0.2s;
        position: relative;
        text-decoration: none
    }

    .b-comment__bottom-links a:after {
        background: var(--secondary-500);
        transition-duration: 0.2s;
        content: "";
        position: absolute;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        will-change: transform;
        transform: scaleX(0);
        content-visibility: auto
    }

    .b-comment__bottom-links a:hover:after {
        transform: scaleX(1)
    }
}

.b-comment__bottom-links a:after {
    left: 1.8rem
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a {
        margin-right:1.25rem
    }
}

.b-comment__bottom-links a:before {
    font-family: "icomoon";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-right: 12px;
    color: var(--secondary-500);
    vertical-align: middle;
    display: inline-block
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a:before {
        font-size:1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .b-comment__bottom-links a:before {
        margin-right:0.6rem
    }
}

.b-comment__bottom-links a:hover {
    color: var(--secondary-500)
}

.b-comment__bottom-links .js-ajax-comments-reply:before {
    content: ""
}

.b-comment__bottom-links .js-ajax-comments-delete:before {
    content: ""
}

.b-comment__bottom-links .js-ajax-comments-edit:before {
    content: ""
}

.b-comment__answers {
    color: var(--mainColor);
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .b-comment__answers {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .b-comment__answers {
        transition-duration:0.2s;
        position: relative;
        text-decoration: none;
        margin-top: 0
    }

    .b-comment__answers:before {
        background: var(--secondary-500);
        transition-duration: 0.2s;
        content: "";
        position: absolute;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        will-change: transform;
        transform: scaleX(0);
        content-visibility: auto
    }

    .b-comment__answers:hover:before {
        transform: scaleX(1)
    }
}

.b-comment__answers:after {
    content: "";
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    margin-left: 12px;
    display: inline-block;
    transition-duration: 0.2s
}

@media screen and (min-width: 1200px) {
    .b-comment__answers:after {
        font-size:1.2rem
    }
}

.b-comment__answers:before {
    right: 1.6rem
}

.b-comment__answers.is-open:after {
    transform: rotate(180deg)
}

.b-comment__likes {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: auto
}

.b-comment.unpublished {
    background: rgba(var(--mainColor),0.1)
}

.b-comment.has-parent .comment-reply {
    display: none
}

.b-comment.has-parent .field-comment-name:before {
    content: "";
    font-family: "icomoon";
    font-size: 16px;
    font-weight: 400;
    padding-right: 5px;
    vertical-align: -2px;
    color: var(--secondary-500)
}

.field-product-comment .comment-form-wrapper {
    padding: 2.25rem 2rem;
    border-radius: var(--itemRadius);
    box-shadow: var(--shadow-Light-8-16)
}

.comments-list {
    margin: 0 0 25px;
    width: 100%;
    flex-grow: 1;
    padding: 0 0.75rem
}

.comment-form-container {
    width: 100%;
    padding: 0 0.75rem
}

@media screen and (min-width: 1200px) {
    .comment-form-container {
        width:33.333%;
        flex-shrink: 0
    }
}

.comment-form-title {
    font-size: 1.1875rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1;
    text-align: center;
    margin: 0 0 1.2rem
}

@media screen and (min-width: 1200px) {
    .comment-form-title {
        font-size:1.2rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.comment-form .field--name-field-comment-img summary {
    display: none
}

.comment-form .field--name-field-comment-img .tabledrag-toggle-weight-wrapper {
    display: none
}

.comment-form .field--name-field-comment-img .draggable a.tabledrag-handle {
    display: none
}

.comment-form .field--name-field-comment-img .image-widget .form-submit {
    display: none
}

.comment-form .field--name-field-comment-img table {
    width: 100%;
    margin-bottom: 10px;
    font-size: 0
}

.comment-form .field--name-field-comment-img table tbody {
    display: flex;
    flex-wrap: wrap;
    margin: -2px
}

.comment-form .field--name-field-comment-img table tbody tr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    padding: 2px
}

@media screen and (min-width: 768px) {
    .comment-form .field--name-field-comment-img table tbody tr {
        width:calc(100% / 12)
    }
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img table tbody tr {
        width:calc(20%);
        border-radius: 0.25rem;
        padding: 0.25rem
    }
}

.comment-form .field--name-field-comment-img table tbody tr td {
    padding: 0
}

.comment-form .field--name-field-comment-img table tbody tr td:first-child {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    border-radius: var(--itemRadius);
    border: 1px solid var(--grey-100)
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img table tbody tr td:first-child {
        padding:0.25rem
    }
}

.comment-form .field--name-field-comment-img table .image-widget-data {
    display: none
}

.comment-form .field--name-field-comment-img table .image-widget img {
    border-radius: var(--itemRadius)
}

.comment-form .field--name-field-comment-img table button {
    position: absolute;
    z-index: 2;
    top: -4px;
    right: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    border: none;
    border-radius: 15px;
    background: var(--secondary-500);
    min-height: unset;
    gap: unset
}

.comment-form .field--name-field-comment-img table button:before {
    font-family: "icomoon";
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "";
    color: #FFFFFF
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img table button:before {
        font-size:1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img table button:before {
        font-size:0.7rem
    }
}

@media (any-hover: hover) {
    .comment-form .field--name-field-comment-img table button {
        transition:0.2s
    }

    .comment-form .field--name-field-comment-img table button:hover {
        background: var(--secondaryColor)
    }
}

.comment-form .field--name-field-comment-img .form-managed-file input.form-file {
    display: none
}

.comment-form .field--name-field-comment-img .form-type-managed-file label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
    padding: var(--inputPaddingVertical) var(--inputPaddingHorisontal);
    background: var(--inputBackground);
    border: 1px solid var(--inputBorderColor);
    border-radius: var(--inputRadius);
    min-height: var(--inputHeight);
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-img .form-type-managed-file label {
        transition:0.2s
    }

    .comment-form .field--name-field-comment-img .form-type-managed-file label:hover {
        color: var(--secondary-500)
    }
}

.comment-form .field--name-field-comment-img details {
    margin: 0;
    border: none
}

.comment-form .field--name-field-comment-img details .details-wrapper {
    padding: 0
}

.comment-form .field--name-field-comment-img details .details-wrapper>.form-item--error-message {
    display: none
}

.comment-form .field--name-field-comment-img details .description {
    display: none;
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center
}

.comment-form .fivestar-average-stars .form-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0
}

.comment-form .fivestar-average-stars .form-item label {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .comment-form .fivestar-average-stars .form-item label {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.comment-form .field--name-field-comment-rating>.fieldgroup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px
}

.comment-form .field--name-field-comment-rating>.fieldgroup>label {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-rating>.fieldgroup>label {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.comment-form .field--name-field-comment-rating>.fieldgroup>label:after {
    display: none
}

.comment-form .field--name-field-comment-rating .form-radios {
    display: flex;
    font-size: 0
}

.comment-form .field--name-field-comment-rating .form-type-radio {
    width: auto;
    margin: 0
}

.comment-form .field--name-field-comment-rating .form-type-radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.comment-form .field--name-field-comment-rating .form-type-radio.is-active label,.comment-form .field--name-field-comment-rating .form-type-radio input:checked+label {
    background: url("/themes/personal_new/images/star-active-new.svg") no-repeat;
    background-size: contain
}

.comment-form .field--name-field-comment-rating .form-type-radio input {
    width: auto
}

.comment-form .field--name-field-comment-rating .form-type-radio label {
    display: inline-block;
    width: 22px;
    height: 18px;
    margin: 0;
    padding: 0 !important;
    font-size: 0 !important;
    cursor: pointer;
    transition: none !important;
    background: url("/themes/personal_new/images/star-noactive-new.svg") no-repeat;
    background-size: contain
}

@media screen and (min-width: 1200px) {
    .comment-form .field--name-field-comment-rating .form-type-radio label {
        width:1.4rem;
        height: 1.15rem
    }
}

.comment-form .field--name-field-comment-rating .form-type-radio label::before,.comment-form .field--name-field-comment-rating .form-type-radio label::after {
    content: none !important
}

.comment-form .field--type-fivestar {
    margin: 20px 0
}

.comment-form .form-actions .form-submit {
    width: 100%
}

.b-product-comments__form_wrapper {
    display: none
}

.b-product-comments__form .form-actions .form-submit {
    margin-top: 10px;
    width: 100%
}

.b-product-comments__form--title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--grey-800)
}

.b-product-comments__form input[readonly] {
    pointer-events: none;
    border: none;
    padding: 0;
    background: transparent
}


.view-reviews.view-display-id-block_1 .view-header {
    margin-bottom: 16px
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header {
        margin-bottom:0.8rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--itemRadius);
    background: var(--grey-0);
    padding: 15px 24px
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__top {
        padding:0.95rem 1.2rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__left {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__title {
        font-size:1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__button {
    margin: -13px -22px -13px 24px
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button {
        margin:-0.75rem -0.95rem -0.75rem 1.2rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
    width: 58px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    text-decoration: none;
    border-radius: var(--itemRadius);
    background: var(--mainColor);
    color: var(--whiteColor)
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
        position:relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: "Montserrat";
        line-height: 1.25;
        border-radius: var(--itemRadius);
        text-align: center;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        user-select: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        overflow: hidden;
        transition-duration: 0.2s;
        border: none;
        gap: 12px;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.1;
        padding: 12px 20px;
        min-height: 52px;
        color: var(--whiteColor);
        background: var(--mainColor);
        width: auto;
        height: auto
    }

    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:hover {
        background: var(--primary-600)
    }

    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:disabled,.view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review.disabled {
        background: var(--primary-200)
    }

    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:before {
        display: none
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-product-comments__button .js-add-review:before {
        font-size:1.2rem
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-review-info {
    display: none
}

.view-reviews.view-display-id-block_1 .view-header .b-review-info__rating {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-review-info__rating {
        font-size:1rem;
        font-weight: 600;
        line-height: 1.1
    }
}

.view-reviews.view-display-id-block_1 .view-header .b-review-info__count {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-review-info__count {
        font-size:0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-header .b-review-info {
        display:inline-flex;
        align-items: center;
        gap: 0.5rem
    }
}

.view-reviews.view-display-id-block_1 .view-empty {
    padding: 0 24px
}

@media screen and (min-width: 1200px) {
    .view-reviews.view-display-id-block_1 .view-empty {
        padding:0 1.2rem
    }
}

.d-flex{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}


.blog-comments__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--grey-0);
    border-radius: var(--itemRadius);
    padding: 2px 2px 2px 24px;
    gap: 10px;
    margin-bottom: 16px
}

@media screen and (min-width: 1200px) {
    .blog-comments__top {
        margin-bottom:0.75rem;
        gap: 1.5rem;
        padding: 0.2rem 0.2rem 0.2rem 1.2rem
    }
}

.blog-comments__top .b-review-info {
    display: none
}

@media screen and (min-width: 1200px) {
    .blog-comments__top .b-review-info {
        display:block
    }
}

.blog-comments__top .b-review-info__count {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .blog-comments__top .b-review-info__count {
        font-size:0.7rem;
        font-weight: 400;
        line-height: 1.1
    }
}

.blog-comments__left {
    display: flex;
    align-items: center
}

@media screen and (min-width: 1200px) {
    .blog-comments__left {
        gap:1.5rem
    }
}

.blog-comments__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Cormorant";
    line-height: 1.1
}

@media screen and (min-width: 1200px) {
    .blog-comments__title {
        font-size:1.5rem;
        font-weight: 700;
        font-family: "Cormorant";
        line-height: 1.1
    }
}

.blog-comments__button .js-add-comment {
    width: 58px;
    height: 52px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    border-radius: var(--itemRadius);
    background: var(--mainColor);
    color: var(--whiteColor);
    text-decoration: none
}

.blog-comments__button .js-add-comment:before {
    font-family: "icomoon";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: ""
}

@media screen and (min-width: 1200px) {
    .blog-comments__button .js-add-comment:before {
        font-size:1.2rem
    }
}

@media screen and (min-width: 1200px) {
    .blog-comments__button .js-add-comment {
        position:relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: "Montserrat";
        line-height: 1.25;
        border-radius: var(--itemRadius);
        text-align: center;
        text-decoration: none;
        background-color: transparent;
        outline: none;
        user-select: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        overflow: hidden;
        transition-duration: 0.2s;
        border: none;
        gap: 12px;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.1;
        padding: 12px 20px;
        min-height: 44px;
        color: var(--whiteColor);
        background: var(--mainColor);
        height: auto;
        width: auto
    }

    .blog-comments__button .js-add-comment:hover {
        background: var(--primary-600)
    }

    .blog-comments__button .js-add-comment:disabled,.blog-comments__button .js-add-comment.disabled {
        background: var(--primary-200)
    }

    .blog-comments__button .js-add-comment:before {
        display: none
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .blog-comments__button .js-add-comment {
        gap:0.6rem
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .blog-comments__button .js-add-comment {
        font-size:0.85rem;
        font-weight: 600;
        line-height: 1.1
    }
}

@media screen and (min-width: 1200px) and (min-width:1200px) {
    .blog-comments__button .js-add-comment {
        padding:0.9rem 1.2rem;
        min-height: 3.2rem
    }
}


/* ----------Breadcrumb start--------- */

.site-content-top .container {
	position: relative;
}

.breadcrumb ol {
	margin: 0 -25px;
	padding: 0 25px;
	display: flex;
	align-items: center;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

.breadcrumb ol::-webkit-scrollbar {
	display: none;
}

.breadcrumb ol li {
	list-style: none;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.breadcrumb ol li:before {
	content: "\e918";
	font-family: "icomoon";
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin: 0 5px;
	color: var(--grey-400);
}

.breadcrumb ol li a {
	text-decoration: none;
	display: flex;
}

.breadcrumb ol li a:hover {
	color: var(--mainColor);
}

.breadcrumb ol li:first-of-type {
	display: inline-block;
	vertical-align: middle;
}

.breadcrumb ol li:first-of-type:before {
	display: none;
}

.breadcrumb ol li:first-of-type a {
	font-size: 0;
	background: none;
	color: var(--secondary-500);
	text-decoration: none;
}

.breadcrumb ol li:first-of-type a:before {
	content: "\e901";
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

@media screen and (min-width: 1200px) {
	.breadcrumb {
		display: flex;
		align-items: center;
        margin-top: 7px;
	}

	.breadcrumb ol {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.breadcrumb ol li:before {
		font-size: 0.9rem;
	}

	.breadcrumb ol li:first-of-type a:before {
		font-size: 1.2rem;
	}
}

.breadcrumb.breadcrumb-inside-section {
	position: absolute;
	width: 100%;
	z-index: 2;
	left: 0;
	top: 14px;
	color: var(--whiteColor);
	padding: 0 24px;
}

.breadcrumb.breadcrumb-inside-section ol li:before {
	color: var(--whiteColor);
}

.breadcrumb.breadcrumb-inside-section ol li:first-of-type a:before {
	color: var(--whiteColor);
}

@media screen and (min-width: 768px) {
	.breadcrumb.breadcrumb-inside-section {
		max-width: 50%;
	}
}

@media screen and (min-width: 1200px) {
	.breadcrumb.breadcrumb-inside-section {
		top: 2.6rem;
		padding: 0 1.2rem;
	}
}
/* ----------Breadcrumb end--------- */



/* ----------Header start--------- */
.container {
	padding-left: 24px;
	padding-right: 24px;
}
@media screen and (min-width: 1200px) {
	.container {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		width: 100%;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1600px) {
	.container {
		max-width: 81.75rem;
	}
}


.header-top__slider {
	background-color: var(--primary-500);
}
.header-top__slide.swiper-slide {
	height: auto;
}
.header-top__slide a {
	background-color: var(--primary-500);

	width: 100%;
	height: 100%;

	padding-left: 24px;
	padding-right: 24px;
	min-height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;

	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;

	color: #fff;

	font-size: 0.625rem;
	text-decoration: none;

	transition: all 0.5s ease;
}
.header-top__slide a p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header-top__slide a:hover {
	background-color: var(--mainColor);
}
@media screen and (min-width: 1200px) {
	.header-top__slide a {
		font-size: 0.85rem;

		min-height: 2rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
}
.header-content__wrapper {
	min-height: 56px;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;

	padding: 12px 0;
	gap: 15px;
	position: relative;
	z-index: 2;

	transition: all 0.5s ease;
}
.site-header.is-scrolled .header-content__wrapper {
	min-height: 56px;
}
.site-header__top {
	min-height: 56px;
}
.header-right__content {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 15px;
}
.header-center a {
	display: block;
	max-width: 124px;
	margin-top: -6px;
}
.header-center a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (min-width: 1200px) {
	.header-content__wrapper {
		min-height: 7rem;
		padding: 1.5rem 0;
		gap: 1.5rem;
	}

	.header-right__content {
		gap: 1.5rem;
	}

	.header-center a {
		display: inline-block;
		max-width: 13.5rem;
		margin-top: -0.75rem;
	}
}
.header-content__bottom {
	background: var(--grey-0);
	transition: all 0.5s ease;
}
.header-menu-wrapper {
	margin: 0 -24px;
	padding: 0 24px;
	overflow: auto;
	display: flex;
}
.header-menu-wrapper::-webkit-scrollbar {
	display: none;
	opacity: 0;
	visibility: hidden;
}
.header-menu {
	display: flex;
	align-items: center;
	gap: 15px;
}
.header-menu>li {
	position: relative;
}
.header-menu>li:nth-child(n + 7)>.drop-down-menu {
	left: unset;
	right: 0;
}
.header-menu>li>a {
	white-space: nowrap;
	text-decoration: none;
	font-size: 0.75rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	padding: 5px 0;
	min-height: 43px;
	transition: 0.2s;
}
.header-menu>li:first-child>a {
	color: var(--mainColor);
	gap: 5px;
}
.header-menu>li:first-child>a:before {
	font-family: "icomoon";
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e931";
}

.header-menu .drop-down-menu {
	display: none;
}

@media (any-hover: hover) {
	.header-menu>li:hover>a {
		color: var(--mainColor);
	}

	.header-menu>li:hover>.drop-down-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(calc(100% + 0.5rem));
	}
}

@media screen and (min-width: 1200px) {
	.header-menu-wrapper {
		overflow: initial;
		margin: 0;
		padding: 0;
		display: block;
	}

	.header-menu {
		justify-content: space-between;
		gap: 0.75rem;
	}

	.header-menu>li>a {
		padding: 0.5rem 0;
		min-height: 2.45rem;
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.header-menu>li:first-child>a:before {
		font-size: 1.2rem;
	}

	.header-menu .drop-down-menu {
		display: block;
		position: absolute;
		bottom: 0;
		left: -1.6rem;
		padding: 1.6rem;
		background: var(--whiteColor);
		border-radius: 1rem;
		box-shadow: var(--shadow-Light-16-32);
		opacity: 0;
		visibility: hidden;
		transform: translateY(100%);
		transition: 0.2s;
		width: 17.3rem;
	}

	.header-menu .drop-down-menu:before {
		content: "";
		width: 100%;
		height: 0.5rem;
		top: 0;
		left: 0;
		position: absolute;
		transform: translateY(-100%);
	}

	.header-menu .drop-down-menu li {
		display: flex;
		align-items: flex-start;
	}

	.header-menu .drop-down-menu li:not(:last-child) {
		margin-bottom: 15px;
	}

	.header-menu .drop-down-menu li::before {
		content: "\e912";
		font-family: "icomoon";
		font-size: 20px;
		font-weight: 400;
		line-height: 1;
		color: inherit;
		margin-top: -0.1em;
		margin-right: 0.25rem;
		color: var(--mainColor);
	}

	.header-menu .drop-down-menu li a {
		text-decoration: none;
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.header-menu .drop-down-menu li::before {
		font-size: 1.2rem;
	}

	.header-menu .drop-down-menu li a {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
	.header-menu .drop-down-menu li a {
		transition: 0.2s;
	}

	.header-menu .drop-down-menu li a:hover {
		color: var(--mainColor);
	}
}

.header-left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	gap: 15px;
}

@media screen and (min-width: 1200px) {
	.header-left {
		gap: 1.5rem;
	}
}

.header-left-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: space-between;
}

.type-favorites {
	text-decoration: none;
	font-size: 0;
}

.type-favorites:before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

.type-favorites {
	position: relative;
	display: inline-flex;
}

.type-favorites:before {
	content: "\e903";
}

.type-favorites .count {
	display: none;
	font-size: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--mainColor);
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(75%, -75%);
}

.type-favorites.is-active .count {
	display: block;
}

@media screen and (min-width: 1200px) {
	.header-left-wrapper {
		gap: 1.5rem;
	}

	.type-favorites:before {
		font-size: 1.2rem;
	}

	.type-favorites {
		order: -1;
	}
}

@media (any-hover: hover) {
	.type-favorites {
		transition: all 0.5s ease;
	}

	.type-favorites:hover {
		color: var(--secondary-500);
	}
}

.language-list {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	position: relative;
	display: inline-flex;
}

.language-list__current {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.language-list__current:after {
	content: "\e933";
	font-family: "icomoon";
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-left: 5px;
}

.language-list__current.is-open:after {
	content: "\e936";
}

.language-list__items {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	background: #ffffff;
	padding: 10px;
	border-radius: var(--itemRadius);
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 100%);
	box-shadow: var(--shadow-Light-8-16);
	z-index: 5;
	width: 100%;
}

.language-list__item.active-lang {
	display: none;
}

.language-list__item a {
	text-decoration: none;
	display: flex;
	justify-content: center;
	text-align: center;
}

.language-list.is-open .language-list__items {
	opacity: 1;
	visibility: visible;
}

@media screen and (min-width: 1200px) {
	.language-list {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.language-list__current:after {
		font-size: 1.2rem;
	}
}

@media (any-hover: hover) {
	.language-list__item a {
		transition: 0.2s;
	}

	.language-list__item a:hover {
		color: var(--mainColor);
	}
}

.aside-menu-button {
	cursor: pointer;
	transition: all 0.5s ease;
}

.aside-menu-button:before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e92e";
}

.aside-menu-button.is-open:before {
	content: "\e90b";
}

@media screen and (min-width: 1200px) {
	.aside-menu-button:before {
		font-size: 1.2rem;
	}
}

@media (any-hover: hover) {
	.aside-menu-button:hover {
		color: var(--mainColor);
	}
}

.header-login-button {
	font-size: 0;
	text-decoration: none;
	display: inline-flex;
}

.header-login-button:before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e900";
}

@media screen and (min-width: 1200px) {
	.header-login-button:before {
		font-size: 1.2rem;
	}
}

@media (any-hover: hover) {
	.header-login-button {
		transition: 0.2s;
	}

	.header-login-button:hover {
		color: var(--mainColor);
	}
}

.basket-button {
	font-size: 0;
	text-decoration: none;
	display: inline-flex;
	position: relative;
}

@media screen and (min-width: 1200px) {
	.basket-button {
		align-items: center;
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
		gap: 0.25rem;
		padding: 0.75rem 1rem;
		background: var(--mainColor);
		color: var(--whiteColor);
		border-radius: var(--itemRadius);
	}
}

@media (any-hover: hover) {
	.basket-button {
		transition: 0.2s;
	}

	.basket-button:hover {
		background: var(--secondaryColor);
	}
}

.basket-button:before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e932";
}

@media screen and (min-width: 1200px) {
	.basket-button:before {
		font-size: 1.2rem;
	}
}

.basket-button.is-active:after {
	width: 6px;
	height: 6px;
	background: var(--mainColor);
	border-radius: 50%;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(75%, -75%);
}

.aside-menu {
	position: fixed;
	left: 0;
	top: 86px;
	bottom: 0;
	z-index: 101;
	width: 100%;
	max-width: 300px;
	opacity: 0;
	visibility: hidden;
	transition: 0.2s;
	background: var(--whiteColor);
	padding: 30px 24px;
	transform: translateX(-110%);
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: var(--shadow-Light-16-32);
}

.aside-menu::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.aside-menu::-webkit-scrollbar-track {
	background: var(--secondary-100);
	border-radius: 7px;
}

.aside-menu::-webkit-scrollbar-thumb {
	background: var(--secondary-500);
	border-radius: 7px;
	cursor: pointer;
}

.aside-menu::-webkit-scrollbar-thumb:hover {
	background: var(--secondaryColor);
}

.aside-menu.active-catalog {
	overflow: hidden;
}

.aside-menu.is-open {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.aside-menu-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.aside-menu-wrapper>*:not(:last-child) {
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--primary-100);
}

.site-header.is-scrolled .aside-menu {
	top: 56px;
}

@media screen and (min-width: 1200px) {
	.aside-menu {
		max-width: 19.35rem;
		top: 11.45rem;
		padding: 2.5rem 2.5rem 2.5rem 1.25rem;
	}
	.site-header.is-scrolled .aside-menu {
		top: 5rem;
	}
}

@media screen and (min-width: 1600px) {
	.aside-menu {
		max-width: calc(19.35rem + (100vw - 81.75rem) / 2);
		padding-left: calc(1.2rem + (100vw - 81.75rem) / 2);
	}
}

.aside-items {
	width: 100%;
}

.aside-item:not(:last-child) {
	margin-bottom: 15px;
}

.aside-item__title {
	display: flex;
	align-items: center;
}

.aside-item__title::before {
	content: "\e912";
	font-family: "icomoon";
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-top: 0;
	margin-right: 5px;
	color: var(--mainColor);
}

.aside-item__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	width: 100%;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;

	transition: all 0.5s ease;
}

.aside-item__link.has-childs::after {
	font-family: "icomoon";
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-left: 5px;
	content: "\e918";

	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.aside-item:not(:last-child) {
		margin-bottom: 0.75rem;
	}

	.aside-item__title::before {
		font-size: 1.2rem;
		margin-top: 0;
		margin-right: 0.25rem;
	}

	.aside-item__link {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.aside-item__link.has-childs::after {
		content: "\e91a";
		font-size: 1rem;
	}

	.aside-item__link.is-active::after {
		transform: rotate(180deg);
	}
}

@media (any-hover: hover) {
	.aside-item__link:hover {
		color: var(--mainColor);
	}
}

.aside-item__dropdown {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 24px;
	transition: 0.3s;
	transform: translateX(110%);
	background: #fff;
}

.aside-item__dropdown.is-active {
	transform: none;
}

@media screen and (max-width: 1199px) {
	.aside-item__dropdown {
		overflow: auto;
	}

	.aside-item__dropdown::-webkit-scrollbar {
		width: 7px;
		height: 7px;
	}

	.aside-item__dropdown::-webkit-scrollbar-track {
		background: var(--secondary-100);
		border-radius: 7px;
	}

	.aside-item__dropdown::-webkit-scrollbar-thumb {
		background: var(--secondary-500);
		border-radius: 7px;
		cursor: pointer;
	}

	.aside-item__dropdown::-webkit-scrollbar-thumb:hover {
		background: var(--secondaryColor);
	}
}

@media screen and (min-width: 1200px) {
	.aside-item__dropdown {
		position: relative;
		top: unset;
		left: unset;
		bottom: unset;
		padding: 0.5rem 0 0 0;
		transform: none;
		display: none;
		transition: none;
	}

	.aside-item__dropdown.is-active {
		display: block;
	}
}

.aside-item__back {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--primary-100);
}

.aside-item__back--all {
	display: flex;
	align-items: flex-start;
}

.aside-item__back--all::before {
	content: "\e912";
	font-family: "icomoon";
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-top: -0.15em;
	margin-right: 5px;
	color: var(--mainColor);
}

.aside-item__back--link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	width: 100%;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
}

.aside-item__back--btn {
	font-size: 0;
}

.aside-item__back--btn:before {
	font-family: "icomoon";
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e917";
}

@media screen and (min-width: 1200px) {
	.aside-item__back {
		display: none;
	}

	.aside-item__back--all::before {
		font-size: 1.2rem;
	}

	.aside-item__back--all::before {
		margin-top: 0;
		margin-right: 0.25rem;
	}

	.aside-item__back--link {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.aside-item__back--btn:before {
		font-size: 1.2rem;
	}
}

.aside-item__list {
	padding-right: 10px;
}

.aside-item__list>li:not(:last-child) {
	margin-bottom: 12px;
}

.aside-item__list>li>a {
	display: flex;
	align-items: center;
	text-decoration: none;
	width: 100%;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;

	transition: all 0.5s ease;
}

.aside-item__list>li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.aside-item__list>li>a::before {
	content: "\e912";
	font-family: "icomoon";
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-top: 0;
	margin-right: 5px;
	color: var(--mainColor);
}

.aside-item__childs {
	padding-left: 29px;
	padding-top: 5px;
}

.aside-item__childs>li:not(:last-child) {
	margin-bottom: 5px;
}

.aside-item__childs>li>a {
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.aside-item__list {
		padding-right: 0;
		padding-left: 1.45rem;
	}

	.aside-item__list>li:not(:last-child) {
		margin-bottom: 0.25rem;
	}

	.aside-item__list>li>a {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.aside-item__list>li>a::before {
		font-size: 1.2rem;
		margin-top: 0;
		margin-right: 0.25rem;
		display: none;
	}

	.aside-item__childs {
		padding-left: 0.75rem;
		padding-top: 0.25rem;
	}

	.aside-item__childs>li:not(:last-child) {
		margin-bottom: 0.25rem;
	}

	.aside-item__childs>li>a {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

@media (any-hover: hover) {
	.aside-item__list>li>a:hover {
		color: var(--mainColor);
	}

	.aside-item__childs>li>a:hover {
		color: var(--mainColor);
	}
}

.aside-pages__list li {
	display: flex;
	align-items: center;
}

.aside-pages__list li:not(:last-child) {
	margin-bottom: 15px;
}

.aside-pages__list li::before {
	content: "\e912";
	font-family: "icomoon";
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-right: 5px;
	color: var(--mainColor);
}

.aside-pages__list li a,
.aside-pages__list li span {
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.aside-pages__list li::before {
		font-size: 1.2rem;
		margin-top: 0;
		margin-right: 0.25rem;
	}

	.aside-pages__list li a,
	.aside-pages__list li span {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media (any-hover: hover) {
	.aside-pages__list li a:hover {
		color: var(--mainColor);
	}
}

.contacts-block {
	display: flex;
	flex-direction: column;
}

.aside-contacts .contacts-block>*:not(:last-child) {
	margin-bottom: 15px;
}

.aside-contacts .contacts-block__phones a {
	display: block;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
}

.contacts-block__work-hours,
.contacts-block__address {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

.contacts-block__work-hours p {
    margin-bottom: 0px;
}

.contacts-block__socials {
	display: flex;
	align-items: center;
	margin: 0 -2px;
}

.contacts-block__social {
	padding: 0 2px;
}

.contacts-block__social a {
	display: flex;
	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.aside-contacts .contacts-block__phones a {
		font-size: 1rem;
		font-weight: 600;
	}

	.contacts-block__work-hours,
	.contacts-block__address {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.contacts-block__social a {
		max-width: 2rem;
	}
}

@media (any-hover: hover) {
	.contacts-block__social a:hover {
		transform: translateY(-3px);
	}
}

.contacts-block__map {
	display: flex;
	align-items: center;
	gap: 12px;
}

.contacts-block__map:before {
	content: "\e906";
	font-family: "icomoon";
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

.contacts-block__map a {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	transition: all 0.3s ease;
}

@media screen and (min-width: 1200px) {
	.contacts-block__map {
		gap: 0.6rem;
	}

	.contacts-block__mapk:before {
		font-size: 1.1rem;
	}

	.contacts-block__map a {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media (any-hover: hover) {
	.contacts-block__map a:hover {
		border-color: transparent;
	}
}

.search__btn {
	font-size: 0;
	cursor: pointer;
}

.search__btn:before {
	content: "\e905";
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

.search__btn.is-open:before {
	content: "\e90b";
}

@media screen and (min-width: 1200px) {
	.search__btn:before {
		font-size: 1.2rem;
	}
}

.search-form {
	position: fixed;
	top: 80px;
	left: 15px;
	right: 15px;
	z-index: 15;
	opacity: 0;
	visibility: visible;
	transform: scale(0.8);
	transition-duration: 0.2s;
	pointer-events: none;
	border-radius: var(--itemRadius);
	box-shadow: var(--shadow-Light-8-16);
}

@media screen and (min-width: 1200px) {
	.search-form {
		top: 7.4rem;
		left: 30%;
		right: 30%;
	}
}

.wait-load .search-form {
	display: none;
}

.search-form__wrapper {
	position: relative;
	margin-bottom: 0;
}

.search-form__wrapper input {
	border-radius: var(--itemRadius);
	border: none;
	background-image: none !important;
	height: auto;
	padding-right: 40px;
}

@media screen and (min-width: 1200px) {
	.search-form__wrapper input {
		padding-right: 3rem;
	}
}

.search-block.is-open .search-form {
	animation-name: bounceIn;
	animation-duration: 1s;
	animation-iteration-count: unset;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	pointer-events: auto;
}

@keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		transform: scale3d(0.97, 0.97, 0.97);
	}

	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	animation-name: bounceIn;
	animation-duration: 0.75s;
}

.search-form-button {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
	background: none !important;
	border: none;
	cursor: pointer;
	padding: 0;
	min-height: unset;
	color: var(--mainColor);
}

.search-form-button:before {
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e905";
}

@media screen and (min-width: 1200px) {
	.search-form-button {
		right: 0.75rem;
	}

	.search-form-button:before {
		font-size: 1.2rem;
	}
}

@media (any-hover: hover) {
	.search-form-button {
		transition: 0.2s;
	}

	.search-form-button:hover {
		color: var(--secondaryColor);
	}
}

.search-items {
	position: absolute;
	top: 60px !important;
	border: none;
	font: 0.9rem "Montserrat";
	max-height: 362px;
	overflow-x: hidden;
	z-index: 9999;
	margin: 0;
	border-radius: 0;
	background: #fff;
	max-width: 100%;
}

.search-items::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.search-items::-webkit-scrollbar-track {
	background: var(--secondary-100);
	border-radius: 7px;
}

.search-items::-webkit-scrollbar-thumb {
	background: var(--secondary-500);
	border-radius: 7px;
	cursor: pointer;
}

.search-items::-webkit-scrollbar-thumb:hover {
	background: var(--secondaryColor);
}

.search-items li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--grey-300);
}

.search-items li a {
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: normal;

	padding: 10px 15px;
	color: var(--grey-500);
	text-decoration: none;
	border: none;
	background: none !important;
	margin: 0;
	transition-duration: 0.2s;
	font-weight: 400;

	transition: all 0.5s ease;
}

.search-items li a img {
	flex: 0 0 70px;
	width: 70px;
	height: 70px;
	margin-right: 10px;

	object-fit: contain;
}

.search-items li a:hover {
	background: var(--secondary-500) !important;
	color: #fff;
}

/* ------Header end-------- */

/* ------Footer start-------- */

.footer {
	color: var(--whiteColor);
	text-align: center;
}

@media screen and (min-width: 1200px) {
	.footer {
		padding: 2.5rem 0 1.5rem;
		text-align: left;
	}
}

.footer__wrapper {
	padding-left: 24px;
	padding-right: 24px;
}

@media screen and (min-width: 1200px) {
	.footer__wrapper {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1600px) {
	.footer__wrapper {
		max-width: 81.75rem;
	}
}

.footer.footer-active .footer__content--inside {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.footer__anim {
	display: flex;
	justify-content: center;
	align-self: center;
}

.footer__anim--svg {
	width: 312px;
	height: 312px;
	position: relative;
}

@media screen and (min-width: 1200px) {
	.footer__anim--svg {
		width: 17.3rem;
		height: 17.3rem;
	}
}

.footer__anim--text {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	z-index: 1;
	background: url("/catalog/view/theme/default/image/footer-anim-text.svg") center no-repeat;
	background-size: contain;
}

.footer__anim--logo {
	width: 110px;
	height: 110px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	background: url("/catalog/view/theme/default/image/footer-anim-logo.svg") center no-repeat;
	background-size: contain;
}

@media screen and (min-width: 1200px) {
	.footer__anim--logo {
		width: 6.05rem;
		height: 6.05rem;
	}
}

.footer__anim--bg {
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	background: var(--primary-700);
	transition: 1s ease;
	border-radius: 50%;
}

.footer__content--inside {
	padding-bottom: 50px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease;
	transform: translateY(25%);
	position: relative;
	z-index: 4;
}

@media screen and (min-width: 1200px) {
	.footer__content--inside {
		gap: 2.5rem;
		padding-bottom: 1.5rem;
	}
}

.footer__content--inside>*:not(:last-child):not(.modific) {
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

@media screen and (min-width: 1200px) {
	.footer__content--inside>*:not(:last-child):not(.modific) {
		padding-bottom: 2.5rem;
	}
}

.footer__top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

@media screen and (min-width: 1200px) {
	.footer__top {
		flex-direction: row;
		justify-content: space-between;
		gap: 1.5rem;
	}
}

/* -------------- */

.payments {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.payment-item {
	max-width: 56px;
}

@media screen and (min-width: 1200px) {
	.payments {
		gap: 0.4rem;
	}

	.payment-item {
		max-width: 3.45rem;
	}
}

/* -------------- */

@media screen and (min-width: 1200px) {
	.footer__middle {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 1.5rem;
	}
}

.footer-menu {
	display: none;
}

.footer-menu__title {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	margin-bottom: 1.5rem;
}

.footer-menu__items {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}

.footer-menu__items li {
	display: flex;
	align-items: flex-start;
	width: calc(50% - 0.75rem);
}

.footer-menu__items li::before {
	content: "\e912";
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-right: 0.25rem;
	margin-top: -0.1em;
	color: var(--mainColor);
}

.footer-menu__items li a {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	text-decoration: none;
	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.footer-menu {
		display: block;
		max-width: 29.7rem;
	}

	.footer-menu__title {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.footer-menu__items li::before {
		font-size: 1.2rem;
	}

	.footer-menu__items li a {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media (any-hover: hover) {
	.footer-menu__items li a:hover {
		color: var(--mainColor);
	}
}

/* -------------- */
.footer-contacts__title {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.footer-contacts__title {
	display: none;
}

.footer-contacts .contacts-block {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer-contacts .contacts-block>*:not(:last-child) {
	margin-bottom: 15px;
}

.footer-contacts .contacts-block__phones a {
	display: block;
	font-size: 1.125rem;
	font-weight: 600;
	text-decoration: none;
}

.footer-contacts .contacts-block__work-hours {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

.footer-contacts .contacts-block__work-hours p {
    margin-bottom: 0px;
}

@media screen and (min-width: 1200px) {
	.footer-contacts__title {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.footer-contacts {
		width: 100%;
		max-width: 15.65rem;
	}

	.footer-contacts__title {
		display: block;
		margin-bottom: 1.5rem;
	}

	.footer-contacts .contacts-block {
		align-items: flex-start;
	}

	.footer-contacts .contacts-block>*:not(:last-child) {
		margin-bottom: 1.5rem;
	}

	.footer-contacts .contacts-block__phones a {
		font-size: 1.5rem;
	}

	.footer-contacts .contacts-block__work-hours {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

/* -------------- */

.footer__bottom {
	padding-top: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

.copyright {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (min-width: 1200px) {
	.footer__bottom {
		padding-top: 0;
		flex-direction: row;
		justify-content: space-between;
		gap: 1.5rem;
	}

	.copyright {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.site-footer__popup {
	display: none;
}
/* ------Footer end-------- */


/* -------Mein slider start------- */
@media screen and (min-width: 1200px) {
	.main-slider {
		padding: 0.7rem 0 0.5rem;
	}
}

.main-slider-body {
	margin: 0 -14px;
}

@media screen and (min-width: 1600px) {
	.main-slider-body {
		position: relative;
		width: 100vw;
		left: 50%;
		margin-left: -50vw;
		padding: 0 1.2rem;
	}
}

.main-slider-content {
	position: relative;
}

.main-slider-content:has(.swiper-navigation) {
	position: relative;
	padding-bottom: 30px;
}

@media screen and (min-width: 1200px) {
	.main-slider-content:has(.swiper-navigation) {
		padding-bottom: 2.25rem;
	}
}

.main-slider-item {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

@media screen and (min-width: 1200px) {
	.main-slider-item {
		border-radius: 1rem;
	}
}

.main-slider .swiper-navigation {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
}

.main-slider .swiper-pagination {
	bottom: 0;
}

@media screen and (min-width: 768px) {
	.main-slider .swiper-pagination {
		padding: 0 20px;
	}
}

@media screen and (min-width: 1200px) {
	.main-slider .swiper-pagination {
		padding: 0 1.5rem;
	}
}

@media screen and (min-width: 1665px) {
	.main-slider .swiper-pagination {
		padding-left: calc((100vw - 81.75rem) / 2);
	}
}
/* -------Main slider end------- */

.page-title {
	padding: 50px 0;
}
@media screen and (min-width: 1200px) {
	.page-title {
		padding: 3.25rem 0;
	}
}

/* -------Brand slider------ */
.brand-logos__body {
	position: relative;
}
.brand-logos__body .swiper {
	margin: 0 -25px;
	padding: 0 25px;
}
.brand-logos__slider .swiper-slide {
	width: auto !important;
	height: auto !important;
	max-width: 33.333%;

	padding: 0 13px;
}
@media screen and (min-width: 1200px) {
	.brand-logos__body {
		width: 100vw;
		left: 50%;
		margin-left: -50vw;
	}

	.brand-logos__body .swiper {
		margin: 0;
		padding: 0;
	}
}
@media screen and (min-width: 480px) {
	.brand-logos__slider .swiper-slide {
		max-width: 25%;
	}
}
@media screen and (min-width: 768px) {
	.brand-logos__slider .swiper-slide {
		max-width: 20%;
	}
}
@media screen and (min-width: 992px) {
	.brand-logos__slider .swiper-slide {
		max-width: calc(100% / 6);
	}
}
@media screen and (min-width: 1200px) {
	.brand-logos__slider .swiper-slide {
		max-width: calc(100% / 7);
	}
}
.brand-logos__body .swiper-wrapper {
	transition-timing-function: linear !important;
}
.brand-logo-item {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	aspect-ratio: 1/1;
}
.brand-logo-item img {
	aspect-ratio: 1/1;

	width: 100%;
	height: 100%;
	object-fit: contain;
}
.brand-logos__content {
	display: flex;
	flex-wrap: wrap;
	margin: 0 !important;
}
@media screen and (min-width: 768px) {
	.brand-logos__slider .swiper-slide {
		padding-left: 1.35rem;
		padding-right: 1.35rem;
	}
}
/* -------Brand slider end------- */

.section-padding {
	padding: 50px 0;
}
@media screen and (min-width: 1200px) {
	.section-padding {
		padding: 3.25rem 0;
	}
}

/* -------Products block start------- */
.section-title {
	margin-bottom: 15px;
}

@media screen and (min-width: 1200px) {
	.section-title {
		margin-bottom: 1.7rem;
	}
}

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

.products-block__title h2 {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.products-block__title {
		text-align: left;
	}

	.products-block__title h2 {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.products-block__content {
	position: relative;
}

.products-block__filters {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media screen and (min-width: 1200px) {
	.products-block__filters {
		position: absolute;
		right: 0;
		bottom: 100%;
		margin-bottom: 1.5rem;
		max-width: 50%;
		padding-left: 1.5rem;
		align-items: flex-end;
	}
}

.products-block-form {
	display: inline-flex;
	flex-direction: column;
	max-width: 100%;
}

.products-block-checkboxes {
	display: flex;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin: 0 -25px;
	padding: 0 25px;
	gap: 6px;
}

@media screen and (min-width: 1200px) {
	.products-block-checkboxes {
		margin: 0;
		padding: 0;
		gap: 0.3rem;
	}
}

.products-block-checkboxes::-webkit-scrollbar {
	display: none;
}

.products-block-checkbox {
	flex-shrink: 0;
	margin: 0;
}

.products-block-checkbox label {
	padding: 10px 15px;
	margin: 0;
	background: var(--whiteColor);
	border: 1px solid var(--primary-500);
	display: flex;
	align-items: center;
	border-radius: var(--itemRadius);
	min-height: 40px;
	gap: 15px;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--secondaryColor);
	white-space: nowrap;

	transition: all 0.5s ease;
}
.products-block-checkbox label::before,
.products-block-checkbox label::after {
	display: none;
}

@media screen and (min-width: 1200px) {
	.products-block-checkbox label {
		padding: 0.5rem 1rem;
		min-height: 2.5rem;
		line-height: 1.5;
	}
}

@media (any-hover: hover) {
	.products-block-checkbox label:hover {
		background: var(--mainColor);
		color: var(--whiteColor);
		border-color: var(--mainColor);
	}
}

.products-block-checkbox label:before,
.products-block-checkbox label:after {
	content: none;
}

.products-block-checkbox input[type="checkbox"]:checked~label {
	background: var(--mainColor);
	color: var(--whiteColor);
	border-color: var(--mainColor);
}

.products-block__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 16px;
	row-gap: 16px;
}

@media screen and (min-width: 768px) {
	.products-block__items {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 1.5rem;
		column-gap: 1.2rem;
	}
}

@media screen and (min-width: 1200px) {
	.products-block__items {
		grid-template-columns: repeat(4, 1fr);
		row-gap: 2.5rem;
	}
}
/* -------Products block end------- */

/* -------Products card start------- */

.product-card.out-stock {
	opacity: 0.35;
}

.product-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
}

.product-card__top {
	position: relative;
	background: var(--grey-0);
	padding: 10px;
	border-radius: 5px;
	overflow: hidden;
}

@media screen and (min-width: 1200px) {
	.product-card__top {
		border-radius: 1rem;
	}
}

.product-card__image {
	position: relative;
}

.product-card__image:before {
	content: "";
	display: block;
	padding: 0 0 127.027027027%;
}

@media screen and (min-width: 1200px) {
	.product-card__image:before {
		padding: 0 0 126.9841269841%;
	}
}

.product-card__image a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	padding: 5px;
	overflow: hidden;
	background: var(--whiteColor);
}

.is-admin .product-card__image a {
	background: none;
}

@media screen and (min-width: 1200px) {
	.product-card__image a {
		border-radius: 1rem;
		padding: 0.5rem;
	}
}

.product-card__image picture {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-card__image img {
	border-radius: 5px;
	max-height: 100%;
	object-fit: contain;
}

@media screen and (min-width: 1200px) {
	.product-card__image img {
		border-radius: 1rem;
	}
}

/* ---------- */
.product-card__like {
	position: absolute;
	top: 5px;
	right: 5px;
	display: flex;
}

@media screen and (min-width: 1200px) {
	.product-card__like {
		top: 1rem;
		right: 1rem;
	}
}

/* ---------- */
.product-card__main {
	padding: 10px 5px 0;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 7px;
	flex-grow: 1;
}

@media screen and (min-width: 1200px) {
	.product-card__main {
		padding: 0.75rem 0.6rem 0;
		gap: 0.75rem;
	}
}

/* ---------- */
.product-card__title {
	flex-grow: 1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.product-card__title a {
	display: block;
	font-size: 0.625rem;
	line-height: 1.1;
	text-decoration: none;
	font-weight: 600;
	transition-duration: 0.2s;
}

@media screen and (min-width: 1200px) {
	.product-card__title a {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

.product-card__title a:hover {
	color: var(--mainColor);
}

/* ---------- */

.product-card .b-review-info {
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-card .b-review-info__count {
	display: none;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.product-card .b-review-info {
		gap: 0.5rem;
	}

	.product-card .b-review-info__count {
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1.1;
	}

	.product-card .b-review-info__count {
		display: block;
	}
}

/* ---------- */

.b-rating-small {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 12px;
	vertical-align: middle;
	background: url("/catalog/view/theme/default/image/star-noactive-new.svg") left center repeat-x;
	background-size: 12px auto;
}

.b-rating-small__inner {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: url("/catalog/view/theme/default/image/star-active-new.svg") left center repeat-x;
	background-size: 12px auto;
}

@media screen and (min-width: 1200px) {
	.b-rating-small {
		width: 4.75rem;
		height: 0.95rem;
		background-size: 0.95rem auto;
	}

	.b-rating-small__inner {
		background-size: 0.95rem auto;
	}
}

/* ---------- */

.product-card__price .b-price {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
	gap: 12px;
}

.product-card__price .price {
	font-size: 1rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.product-card__price .old-price {
	font-size: 0.625rem;
	text-decoration: line-through;
	color: var(--grey-200);
	line-height: 1.5;
}

@media screen and (min-width: 1200px) {
	.product-card__price .b-price {
		gap: 0.6rem;
	}

	.product-card__price .price {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.product-card__price .old-price {
		font-size: 0.85rem;
	}
}

/* ---------- */

.product-card .add-to-basket {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat";
	line-height: 1.25;
	border-radius: var(--itemRadius);
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	overflow: hidden;
	transition-duration: 0.2s;
	border: none;
	gap: 12px;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	padding: 12px 20px;
	min-height: 44px;
	color: var(--mainColor);
	background: var(--whiteColor);
	border: 1px solid var(--mainColor);
	width: 100%;
}

.product-card .add-to-basket:hover {
	background: var(--secondaryColor);
	border-color: var(--secondaryColor);
	color: var(--whiteColor);
}

.product-card .add-to-basket:disabled,
.product-card .add-to-basket.disabled {
	background: var(--primary-200);
}

@media screen and (min-width: 1200px) {
	.product-card .add-to-basket {
		gap: 0.6rem;

		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;

		padding: 0.9rem 1.2rem;
		min-height: 3.2rem;
	}

	.product-card .add-to-basket {
		position: relative;
		z-index: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-family: "Montserrat";
		line-height: 1.25;
		border-radius: var(--itemRadius);
		text-align: center;
		text-decoration: none;
		background-color: transparent;
		outline: none;
		user-select: none;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		overflow: hidden;
		transition-duration: 0.2s;
		border: none;
		gap: 12px;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
		padding: 12px 20px;
		min-height: 52px;
		color: var(--mainColor);
		background: var(--whiteColor);
		border: 1px solid var(--mainColor);
		width: 100%;
	}

	.product-card .add-to-basket:hover {
		background: var(--secondaryColor);
		border-color: var(--secondaryColor);
		color: var(--whiteColor);
	}

	.product-card .add-to-basket:disabled,
	.product-card .add-to-basket.disabled {
		background: var(--primary-200);
	}
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.product-card .add-to-basket {
		gap: 0.6rem;
	}
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.product-card .add-to-basket {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.product-card .add-to-basket {
		padding: 0.9rem 1.2rem;
		min-height: 3.2rem;
	}
}

/* Product status */
.product-status {
	position: absolute;
	left: 5px;
	top: 5px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	z-index: 2;
	pointer-events: none;
}

.product-status__item {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 0.5rem;
	font-weight: 600;
	color: #ffffff;
	padding: 6px 7px;
	border-radius: 16px;
	background: var(--secondaryColor);
}

.product-status__item--new {
	border-radius: 50%;
}

.product-status__item--top {
	background: var(--secondaryColor);
}

.product-status__item--promotion {
	min-height: 32px;
	min-width: 32px;
	border-radius: 50%;
}

.product-status__item--olya_chooses {
	padding: 6px 3px;
	border-radius: 5px;
}

@media screen and (min-width: 1200px) {
	.product-status {
		gap: 0.5rem;
		left: 0.5rem;
		top: 0.5rem;
		align-items: center;
	}

	.product-status__item {
		border-radius: 3.25rem;
		padding: 0.65rem 0.75rem;
		min-width: 3rem;
		font-size: 0.6rem;
	}

	.product-status__item--promotion {
		min-height: 3rem;
		min-width: 3rem;
	}

	.product-status__item--olya_chooses {
		padding: 0.75rem 0.35rem;
		border-radius: 0.25rem;
	}
}

/* Add to wishlist */
.add-to-favorite {
	display: inline-block;
	font-size: 0;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
}

.add-to-favorite::before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e903";
	color: var(--secondaryColor);
}

.add-to-favorite.active::before {
	content: "\e904";
}

@media screen and (min-width: 1200px) {
	.add-to-favorite::before {
		font-size: 1.2rem;
	}
}

/* Banner */
.product-card-banner {
	height: 100%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.product-banner-image {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
}

.product-card-banner .product-banner-image picture,
.product-card-banner .product-banner-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (min-width: 1200px) {
	.product-card-banner {
		border-radius: 1rem;
	}
}

/* -------Products card end------- */

/* Instagram media block  start */

video {
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: middle;
	width: 100%;
	height: auto;
}

.instagram-media__title {
	margin-bottom: 15px;
	text-align: center;
}

.instagram-media__title h2 {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.instagram-media__header {
	margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
	.instagram-media__title {
		text-align: left;
		max-width: 40.2rem;
		padding-right: 1.2rem;
		margin-bottom: 1.5rem;
	}

	.instagram-media__title h2 {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.instagram-media__wrapper {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-top: -8.1rem;
	}

	.instagram-media__header {
		margin-bottom: 0;
		padding-top: 8.1rem;
	}
}

/*-----------*/

.instagram-media__links {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.instagram-media__link_tag {
	display: none;
}

.instagram-media__link_btn {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat";
	line-height: 1.25;
	border-radius: var(--itemRadius);
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	overflow: hidden;
	transition-duration: 0.2s;
	border: none;
	gap: 12px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	padding: 12px 20px;
	min-height: 52px;
	color: var(--whiteColor);
	background: var(--mainColor);
}

@media screen and (min-width: 1200px) {
	.instagram-media__links {
		flex-direction: column-reverse;
		gap: 1.5rem;
	}

	.instagram-media__link_tag {
		display: block;
		font-size: 6rem;
		font-weight: 700;
		font-family: "Cormorant";
		color: var(--primary-100);
		line-height: 1;
		text-transform: uppercase;
		writing-mode: vertical-lr;
		transform: rotate(180deg);
	}

	.instagram-media__link_btn {
		gap: 0.6rem;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
		padding: 0.9rem 1.2rem;
		min-height: 3.2rem;
	}
}

.instagram-media__link_btn:hover {
	background: var(--primary-600);
}

.instagram-media__link_btn:disabled,
.instagram-media__link_btn.disabled {
	background: var(--primary-200);
}

.instagram-media__link_btn:after {
	content: "\e90a";
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

.instagram-media__link_btn:after {
	order: -1;
}

@media screen and (min-width: 1200px) {
	.instagram-media__link_btn:after {
		font-size: 1.1rem;
	}
}

/* ------- */

.instagram-media__items {
	column-count: 2;
	gap: 0;
	margin: -8px;
}

@media screen and (min-width: 768px) {
	.instagram-media__items {
		column-count: 3;
	}
}

@media screen and (min-width: 1200px) {
	.instagram-media__items {
		width: 100%;
		max-width: 65.8rem;
		display: grid;
		grid-template-columns: repeat(1312, 0.05rem);
		grid-template-rows: repeat(1211, 0.05rem);
		gap: 0;
		margin: 0;
	}
}

.instagram-media__item {
	padding: 8px;
}

@media screen and (min-width: 1200px) {
	.instagram-media__item {
		position: relative;
		padding: 0;
	}

	.instagram-media__item:nth-child(1) {
		grid-column: 134/512;
		grid-row: 162/504;
	}

	.instagram-media__item:nth-child(2) {
		grid-column: 536/914;
		grid-row: 1/504;
	}

	.instagram-media__item:nth-child(3) {
		grid-column: 936/1314;
		grid-row: 1/504;
	}

	.instagram-media__item:nth-child(4) {
		grid-column: 1/378;
		grid-row: 528/1032;
	}

	.instagram-media__item:nth-child(5) {
		grid-column: 402/914;
		grid-row: 528/1211;
	}

	.instagram-media__item:nth-child(6) {
		grid-column: 936/1314;
		grid-row: 528/1032;
	}
}

@media (any-hover: hover) {
	.instagram-media__item:has(a) {
		transition: 0.2s;
	}

	.instagram-media__item:has(a):hover {
		transform: rotate(2deg);
	}
}

.instagram-media__item video,
.instagram-media__item img {
	border-radius: var(--itemRadius);
}

@media screen and (min-width: 1200px) {

	.instagram-media__item video,
	.instagram-media__item img {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		font-size: 0;
		z-index: 1;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}

.instagram-media__inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.instagram-media__content {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	padding: 10px;
	pointer-events: none;
}

@media screen and (min-width: 1200px) {
	.instagram-media__content {
		padding: 1rem;
	}
}

.instagram-media__insights {
	display: flex;
	align-items: center;
	gap: 15px;
	color: var(--whiteColor);
}

@media screen and (min-width: 1200px) {
	.instagram-media__insights {
		gap: 1rem;
	}
}

.instagram-media__insights_like {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.instagram-media__insights_like:before {
	font-family: "icomoon";
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "";
}

@media screen and (min-width: 1200px) {
	.instagram-media__insights_like:before {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1200px) {
	.instagram-media__insights_like:before {
		font-size: 0.8rem;
	}
}

.instagram-media__insights_comments {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.instagram-media__insights_comments:before {
	font-family: "icomoon";
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "";
}

@media screen and (min-width: 1200px) {
	.instagram-media__insights_comments:before {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1200px) {
	.instagram-media__insights_comments:before {
		font-size: 0.8rem;
	}
}

/* Instagram media block  end */

/* Benefits start */
.benefits__title {
	margin-bottom: 30px;
	text-align: center;
}

.benefits__title h2 {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.benefits__title {
		margin-bottom: 1.5rem;
		text-align: left;
	}

	.benefits__title h2 {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.benefits__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 10px;
	row-gap: 30px;
}

@media screen and (min-width: 1200px) {
	.benefits__items {
		column-gap: 1.2rem;
		row-gap: 1.5rem;
	}
}

@media screen and (min-width: 768px) {
	.benefits__items {
		grid-template-columns: repeat(3, 1fr);
	}
}

.benefit-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
}

.benefit-item__image {
	max-width: 40px;
}

.benefit-item__title {
	font-size: 0.875rem;
	font-weight: 600;
}

.benefit-item__text {
	display: none;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (min-width: 1200px) {
	.benefit-item {
		align-items: flex-start;
		text-align: left;
		gap: 0.5rem;
	}

	.benefit-item__image {
		max-width: 2.5rem;
	}

	.benefit-item__title {
		font-size: 1rem;
	}

	.benefit-item__text {
		display: block;
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

/* Benefits end */

/* Seo block start */
.seo-section__content {
	max-height: 21em;
	overflow: auto;
	padding-right: 15px;
	margin-right: -15px;
}

.seo-section__content::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.seo-section__content::-webkit-scrollbar-track {
	background: var(--secondary-100);
	border-radius: 7px;
}

.seo-section__content::-webkit-scrollbar-thumb {
	background: var(--secondary-500);
	border-radius: 7px;
	cursor: pointer;
}

.seo-section__content::-webkit-scrollbar-thumb:hover {
	background: var(--secondaryColor);
}

@media screen and (min-width: 1200px) {
	.seo-section__content {
		padding-right: 0.75rem;
		margin-right: -0.75rem;
		max-height: 12em;
	}
}

.seo-section__content ul {
	margin: 0 0 0.8em;
}

.seo-section__content ul li {
	position: relative;
	padding-left: 22px;
}

.seo-section__content ul li::before {
	content: "\e912";
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-right: 0.25rem;
	color: var(--mainColor);
	position: absolute;
	top: -2px;
	left: 0;
}

.seo-section__content ol {
	margin: 0 0 0.8em;
	padding-left: 20px;
}

.seo-section__content ol li {
	list-style-type: decimal;
}

.seo-section__content h2,
.seo-section__content h3,
.seo-section__content h4,
.seo-section__content h5,
.seo-section__content h6 {
	margin: 1em 0 0.6em 0;
}

.seo-section__content p {
	margin: 0 0 0.75em;
}

@media screen and (min-width: 1200px) {
	.seo-section__content p {
		margin: 0 0 0.8em;
	}
}

/* Seo block end */

/* News block start */
.news-section__title {
	margin-bottom: 30px;
	text-align: center;
}

.news-section__subtitle {
	margin-top: 0.2rem;
	line-height: 1.5;
}

.news-section__title h2 {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.news-section__content {
	position: relative;
}

.news-section__more-link {
	display: none;
}

@media screen and (min-width: 1200px) {
	.news-section__more-link {
		display: block;
		position: absolute;
		right: 0;
		margin-top: 0;
		margin-bottom: 1.5rem;
		bottom: 100%;
	}

	.news-section__more-link a {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
		display: inline-flex;
		align-items: center;
		text-decoration: none;
		gap: 0.6rem;
	}

	.news-section__more-link a:after {
		font-family: "icomoon";
		font-size: 20px;
		font-weight: 400;
		line-height: 1;
		color: inherit;
		content: "\e91f";
		color: var(--mainColor);
	}
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.news-section__more-link a {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
	.news-section__more-link a:hover {
		color: var(--mainColor);
	}
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.news-section__more-link a:after {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1200px) {
	.news-section__title {
		margin-bottom: 1.5rem;
		text-align: left;
	}

	.news-section__title h2 {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.news-card>span {
	display: block;
}

.news-section__slider .swiper-wrapper {
	display: flex;
}

.news-section__slider {
	margin: 0 -8px -16px;
}

@media screen and (min-width: 768px) {
	.news-section__slider {
		margin-left: -0.6rem;
		margin-right: -0.6rem;
		margin-bottom: -1.5rem;
	}
}

.news-section__slider .swiper-slide {
	flex: 0 0 auto;
	padding: 0 8px;
	margin: 0 0 16px;
}

.news-section__slider .swiper {
	overflow: visible;
}

@media screen and (min-width: 768px) {
	.news-section__slider .swiper-slide {
		margin-bottom: 1.5rem;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}
}

@media screen and (min-width: 1200px) {
	.news-section__slider .swiper {
		overflow: hidden;
	}

	.news-section__slider .swiper-slide {
		flex: 0 0 25%;
	}
}

.news-card {
	position: relative;
	text-decoration: none;
}

.news-card__image {
	margin-bottom: 10px;
	position: relative;
	aspect-ratio: 378/212;
}

.news-card__image picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

@media screen and (min-width: 1200px) {
	.news-card__image {
		margin-bottom: 0.6rem;
	}
}

.news-card__image img {
	border-radius: var(--itemRadius);
}

/*------*/
.news-card__tag {
	margin-bottom: 5px;
	display: flex !important;
	align-items: flex-start;
}

.news-card__tag:before {
	font-family: "icomoon";
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "";
	color: var(--mainColor);
	margin-right: 3px;
	margin-top: -0.05em;
}

@media screen and (min-width: 1200px) {
	.news-card__tag {
		margin-bottom: 0.4rem;
	}

	.news-card__tag:before {
		font-size: 1rem;
		margin-right: 0.4rem;
	}
}

.news-card__tag span {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.news-card__tag span {
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1.1;
	}
}

.news-card__tag span:not(:last-child):after {
	content: ",";
	margin-right: 0.25em;
}

/*------*/
.news-card__title {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	text-decoration: none;

	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.news-card__title {
		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

@media (any-hover: hover) {
	.news-card:hover .news-card__title {
		color: var(--mainColor);
	}
}

/* News block end */


/* Promotion start */
.promotion-block.pink-promotion-block .promotion-block__content {
	background: var(--mainColor);
	color: var(--whiteColor);
}

.promotion-block.pink-promotion-block .promotion-block__title {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.promotion-block.pink-promotion-block .promotion-block__title {
		font-size: 4rem;
	}
}

.promotion-block.pink-promotion-block .promotion-block__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	padding: 86px 20px 30px 20px;
}

@media screen and (min-width: 768px) {
	.promotion-block.pink-promotion-block .promotion-block__info {
		align-items: flex-start;
		justify-content: center;
		flex: 1;
		padding-left: 14px;
		padding-top: 50px;
	}
}

@media screen and (min-width: 1200px) {
	.promotion-block.pink-promotion-block .promotion-block__info {
		gap: 0.75rem;
		padding: 4.25rem 0.5rem 4.25rem 1.5rem;
	}
}

@media screen and (min-width: 1665px) {
	.promotion-block.pink-promotion-block .promotion-block__info {
		padding-left: calc((100vw - 81.75rem) / 2);
	}
}



.promotion-block__body {
	margin: 0 -14px;
}

.promotion-block__content {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

@media screen and (min-width: 1600px) {
	.promotion-block__body {
		position: relative;
		width: 100vw;
		left: 50%;
		margin-left: -50vw;
		padding: 0 1.2rem;
	}
}

@media screen and (min-width: 768px) {
	.promotion-block__content {
		display: flex;
		align-items: stretch;
	}
}

@media screen and (min-width: 1200px) {
	.promotion-block__content {
		border-radius: 1rem;
		margin: 0;
	}
}

/*----*/
.promotion-block__bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	z-index: -1;
}

.promotion-block__bg picture,
.promotion-block__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*----*/

.promotion-block__info {
	padding: 43px 20px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: var(--whiteColor);
}

@media screen and (min-width: 768px) {
	.promotion-block__info {
		align-items: flex-start;
		justify-content: center;
		text-align: left;
		padding: 20px 25px;
		flex: 1;
	}
}

@media screen and (min-width: 1200px) {
	.promotion-block__info {
		padding: 1.5rem;
	}
}

@media screen and (min-width: 1665px) {
	.promotion-block__info {
		padding-left: calc((100vw - 81.75rem) / 2);
	}
}

/*----*/
.promotion-block__title .site-style-h1 {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.promotion-block__title .site-style-h1 {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) {
	.block-type-front-promotion-new .field-block-title {
		font-size: 5rem;
	}
}

.promotion-block__title {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.promotion-block__title h3 {
	display: flex;
}

@media screen and (min-width: 768px) {
	.promotion-block__title {
		-webkit-line-clamp: 3;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}
}

.promotion-block__title:not(:first-child) {
	margin-top: 5px;
}

@media screen and (min-width: 1200px) {
	.promotion-block__title:not(:first-child) {
		margin-top: 0.75rem;
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.promotion-block__link:not(:first-child) {
	margin-top: 30px;
}

@media screen and (min-width: 1200px) {
	.promotion-block__link:not(:first-child) {
		margin-top: 2rem;
	}
}

.promotion-block__link a {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat";
	line-height: 1.25;
	border-radius: var(--itemRadius);
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	overflow: hidden;
	transition-duration: 0.2s;
	border: none;
	gap: 12px;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	padding: 12px 20px;
	min-height: 44px;
	color: var(--mainColor);
	background: var(--whiteColor);
	border: 1px solid var(--mainColor);
	border: none;
}

@media screen and (min-width: 1200px) {
	.promotion-block__link a {
		gap: 0.6rem;
	}
}

@media screen and (min-width: 1200px) {
	.promotion-block__link a {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) {
	.promotion-block__link a {
		padding: 0.9rem 1.2rem;
		min-height: 3.2rem;
	}
}

.promotion-block__link a:hover {
	background: var(--secondaryColor);
	border-color: var(--secondaryColor);
	color: var(--whiteColor);
}

.promotion-block__link a:disabled,
.promotion-block__link a.disabled {
	background: var(--primary-200);
}

.promotion-block__link a:after {
	content: "";
	font-family: "icomoon";
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

@media screen and (min-width: 1200px) {
	.promotion-block__link a:after {
		font-size: 0.95rem;
	}
}

/*-----*/
.promotion-block__image {
	overflow: hidden;
	position: relative;
	margin: 0 -15%;
	padding: 0 15%;
	border-radius: 50% / 73% 73% 0 0;
}

.promotion-block__image picture,
.promotion-block__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.promotion-block__image .anim_decor__wrap {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}

@media screen and (min-width: 480px) {
	.promotion-block__image {
		border-radius: 50% / 98% 98% 0 0;
	}
}

@media screen and (min-width: 768px) {
	.promotion-block__image {
		width: 100%;
		max-width: 50%;
		border-radius: 63% 0 0 63% / 50%;
		margin: -15% 0;
		padding: 15% 0;
	}

	.promotion-block__image picture,
	.promotion-block__image img {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		font-size: 0;
		z-index: 2;
	}

	.promotion-block__image .anim_decor__wrap {
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
}

.promotion-block__image .anim_decor__svg {
	width: 100%;
	aspect-ratio: 1;
	/* background: url("/catalog/view/theme/default/image/promotion-decore.svg") center no-repeat;
	background-size: contain; */
	animation: 25s rotate_anim_decor linear infinite;
}

@media screen and (min-width: 768px) {
	.promotion-block__image .anim_decor__svg {
		width: auto;
		height: 100%;
	}

	.promotion-block__image .anim_decor__img {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.promotion-block__image .anim_decor__img:before {
		content: "";
		display: flex;
		padding-bottom: 66.0256410256%;
	}
}

.promotion-block.has-overlay .promotion-block__bg:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	z-index: 2;
	background: var(--cover-Dark-75);
}

@keyframes rotate_anim_decor {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* Promotion end */
/* ----- Brands start ----- */
.brands-filters {
	margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
	.brands-filters {
		margin-bottom: 2.5rem;
	}
}

.brands-filters-radios {
	display: flex;
	gap: 3px;
	overflow: auto;
	margin: 0 -24px;
	padding: 0 24px;
}
.brands-filters-radios>a {
	text-decoration: none;
}

@media screen and (min-width: 1200px) {

	.brands-filters-radios {
		overflow: initial;
		margin: 0;
		padding: 0;
		gap: 0.5rem;
	}
	.brands-filters-radios > a{
		flex: 1;
	}
}

@media (any-hover: hover) {
	.brands-filters-radios>a:hover label{
		background: var(--mainColor);
		color: var(--whiteColor);
	}
}

.brands-filters-radios::-webkit-scrollbar {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.brands-filter {
	margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
	.brands-filter {
		flex: 1;
	}
}

.brands-filter.filter-disabled {
	opacity: 0.3;
	pointer-events: none;
}

.brands-filter label {
	padding: 2px 5px;
	height: 30px;
	min-width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	text-align: center;
	border-radius: 5px;
	background: var(--primary-50);
	border: 1px solid var(--primary-100);
	margin: 0;
	white-space: nowrap;

	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.brands-filter label {
		width: 100%;
		padding: 0.1rem 0.25rem;
		height: 2.5rem;
		border-radius: 0.5rem;
		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

@media (any-hover: hover) {
	.brands-filter label:hover {
		background: var(--mainColor);
		color: var(--whiteColor);
	}
}

.brands-filter label:before,
.brands-filter label:after {
	display: none;
}

.brands-filter input:checked+label {
	background: var(--mainColor);
	color: var(--whiteColor);
}

.brands-filter-submit {
	display: none;
}

/* ------ */

.brands-items {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px -30px;
}

.brands-item {
	padding: 0 12px;
	margin: 0 0 30px;
}

@media screen and (min-width: 768px) {
	.brands-items {
		margin-left: -0.6rem;
		margin-right: -0.6rem;
		margin-bottom: -1.5rem;
	}

	.brands-item {
		margin-bottom: 1.5rem;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}
}

.brands-item {
	width: 100%;
}

@media screen and (min-width: 480px) {
	.brands-item {
		width: 50%;
	}
}

@media screen and (min-width: 768px) {
	.brands-item {
		width: 33.33%;
	}
}

@media screen and (min-width: 1200px) {
	.brands-item {
		width: 25%;
	}
}

/* ------ */
.brands-item__wrapper {
	position: relative;
	z-index: 1;
	border-radius: var(--itemRadius);
	background: var(--whiteColor);
	box-shadow: var(--shadow-Light-8-16);
	padding: 25px 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media screen and (min-width: 1200px) {
	.brands-item__wrapper {
		padding: 1.25rem 1rem;
	}
}

/* ------ */
.brands-item__image {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	z-index: -1;
	opacity: 0.05;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
}

.brands-item__image img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media screen and (min-width: 1200px) {
	.brands-item__image {
		padding: 0.75rem;
	}
}

/* ------ */

.brands-item__name {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.brands-item__name:not(:last-child) {
	margin-bottom: 25px;
}

@media screen and (min-width: 1200px) {
	.brands-item__name {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.brands-item__name:not(:last-child) {
		margin-bottom: 1.25rem;
	}
}

/* ------ */

.brands-item__categories:not(:last-child) {
	margin-bottom: 25px;
}

@media screen and (min-width: 1200px) {
	.brands-item__categories:not(:last-child) {
		margin-bottom: 1.25rem;
	}
}

/* ------ */

.brands-item__link {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	transition: all 0.5s ease;
}

.brands-item__link:after {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e91f";
	color: var(--mainColor);
	margin-left: 5px;
}

@media screen and (min-width: 1200px) {
	.brands-item__link {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.brands-item__link:after {
		font-size: 1.2rem;
	}
}

@media (any-hover: hover) {
	.brands-item__link:hover {
		color: var(--mainColor);
	}
}

/* ------ */
.brands-item__category:not(:last-child) {
	margin-bottom: 7px;
}

.brands-item__category a {
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	display: inline-flex;
	align-items: center;

	transition: all 0.5s ease;
}

.brands-item__category a:before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e937";
	color: var(--mainColor);
	margin-right: 5px;
}

@media screen and (min-width: 1200px) {
	.brands-item__category a {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.brands-item__category a:before {
		font-size: 1.2rem;
	}
}

@media (any-hover: hover) {
	.brands-item__category a:hover {
		color: var(--mainColor);
	}
}
/* ----- Brands end ----- */

/* ------ */
/* ----- Page pagination start ----- */

.page-pagination {
	clear: both;
	text-align: center;
	font-weight: normal;
	margin-top: 30px;
	position: relative;
}

@media screen and (min-width: 768px) {
	.page-pagination {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

@media screen and (min-width: 1200px) {
	.page-pagination {
		margin-top: 2.1rem;
	}
}

.page-pagination__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
	position: relative;
	margin-top: 12px;
}

@media screen and (min-width: 768px) {
	.page-pagination__list {
		margin-top: 0;
	}
}

.page-pagination__item {
	list-style: none;
	padding: 0;
}

.page-pagination__item a {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	transition-duration: 0.2s;
	display: flex;
	text-decoration: none;
	min-width: 32px;
	height: 32px;
	position: relative;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--primary-100);
	color: var(--mainColor);
	border-radius: calc(var(--itemRadius) / 2);
}

.page-pagination__item.page-pagination__item--prev a {
    color: initial;
    border: none;
}

@media screen and (min-width: 1200px) {
	.page-pagination__item a {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.page-pagination__item a {
		min-width: 1.8rem;
		height: 1.8rem;
	}
}

/*-----*/
.page-pagination__item a:hover {
	color: var(--whiteColor);
	background: var(--mainColor);
}

.page-pagination__item.is-active a {
	color: var(--whiteColor);
	background: var(--mainColor);
}

.page-pagination__item--last,
.page-pagination__item--first {
	display: none;
}

.page-pagination__item--previous,
.page-pagination__item--next {
	width: auto;
}

.page-pagination__item--previous a,
.page-pagination__item--next a {
	border: none;
	color: var(--grey-500);
}

.page-pagination__item--previous a:hover,
.page-pagination__item--next a:hover {
	color: var(--secondary-500);
	background: none;
}

.page-pagination__item--ellipsis {
	line-height: 1.5;
}

.page-pagination__item--previous {
	margin-right: 3px;
}

.page-pagination__item--next {
	margin-left: 3px;
}

@media screen and (min-width: 768px) {
	.page-pagination__showmore {
		order: 10;
	}
}

.page-pagination__showmore a {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat";
	line-height: 1.25;
	border-radius: var(--itemRadius);
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	overflow: hidden;
	transition-duration: 0.2s;
	border: none;
	gap: 12px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	padding: 12px 20px;
	min-height: 52px;
	color: var(--whiteColor);
	background: var(--mainColor);
	width: 100%;
	background: var(--secondary-50);
	color: var(--mainColor);
}

@media screen and (min-width: 1200px) {
	.page-pagination__showmore a {
		gap: 0.6rem;
	}
}

@media screen and (min-width: 1200px) {
	.page-pagination__showmore a {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;

		padding: 0.9rem 1.2rem;
		min-height: 3.2rem;
	}
}

.page-pagination__showmore a:hover {
	background: var(--primary-600);
}

.page-pagination__showmore a:disabled,
.page-pagination__showmore a.disabled {
	background: var(--primary-200);
}

.page-pagination__showmore a:after {
	content: "\e913";
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;

	transition: all 0.5s ease;
}

.page-pagination__showmore a:hover {
	color: var(--whiteColor);
	background: var(--mainColor);
}

.page-pagination__showmore a:hover:after {
	transform: rotate(360deg);
}

@media screen and (min-width: 1200px) {
	.page-pagination__showmore a:after {
		font-size: 1.1rem;
	}
}

@media screen and (min-width: 480px) {
	.page-pagination__showmore a {
		width: auto;
	}
}
/* ----- Page pagination end ----- */

/* .pager .pager__load_more_items.load_more_auto {
// 	width: 100%;
// }

// .pager .pager__load_more_items.load_more_auto li a {
// 	width: 100px;
// 	height: 50px;
// 	background: url("/catalog/view/theme/default/image/infinite-spinner.svg") center no-repeat;
// 	background-size: contain;
// 	display: inline-flex;
// }

// .pager .pager__load_more_items.load_more_auto li a img {
// 	display: none;
// }

// .pager .pager__load_more_items.load_more_auto li a:before,
// .pager .pager__load_more_items.load_more_auto li a:after {
// 	display: none;
// } */

/* ----- Specials page start ----- */

.specials__items {
	margin: 0 -12px -30px;

	display: grid;
	grid-template-columns: repeat(1, 1fr);
}

.specials__item {
	padding: 0 12px;
	margin: 0 0 30px;
}

@media screen and (min-width: 768px) {
	.specials__items {
		margin-left: -0.6rem;
		margin-right: -0.6rem;
		margin-bottom: -1.5rem;
	}

	.specials__item {
		margin-bottom: 1.5rem;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}
}

@media screen and (min-width: 479px) {
	.specials__items {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 992px) {
	.specials__items {
		grid-template-columns: repeat(3, 1fr);
	}
}

.special-card {
	position: relative;
	display: block;
}

.special-card__top {
	position: relative;
	border-radius: var(--itemRadius) var(--itemRadius) 0 0;
	overflow: hidden;
	margin-bottom: 12px;
}

@media screen and (min-width: 1200px) {
	.special-card__top {
		margin-bottom: 0.6rem;
	}
}

.special-card__image {
	position: relative;
	aspect-ratio: 512/360;
}

.special-card__image picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.special-card__image img {
	width: 100%;
	height: 100%;
}

.special-card__datetime {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.special-card__datetime .b-counter {
	border-radius: var(--itemRadius) 0 0 0;
}

.special-card__title {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	text-decoration: none;
	transition: all 0.5s ease;
}

.special-card:hover .special-card__title {
	color: var(--mainColor);
}

@media screen and (min-width: 1200px) {
	.special-card__title {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

/*----*/
.b-counter {
	width: 100%;
	max-width: 240px;
	background: var(--secondary-100);
	color: var(--mainColor);
}

@media screen and (min-width: 1200px) {
	.b-counter {
		max-width: 15rem;
		padding: 0 0.75rem;
	}
}

.b-counter__list {
	display: flex;
}

.b-counter__item {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 48px;
	padding: 5px 10px;
	position: relative;
}

@media screen and (min-width: 1200px) {
	.b-counter__item {
		min-height: 3.2rem;
		padding: 0.25rem 0.5rem;
	}
}

.b-counter__item:not(:last-child):after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: var(--mainColor);
	opacity: 0.2;
	z-index: 2;
}

.b-counter__item .number {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.b-counter__item .number {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

.b-counter__item .text {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.1;
	text-transform: uppercase;
}

@media screen and (min-width: 1200px) {
	.b-counter__item .text {
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1.1;
	}
}

/* ----- Specials page end ----- */

/* ----- Special single start ----- */

@media screen and (min-width: 768px) {
	.special-single__body {
		margin-bottom: -12px;
	}

	.special-single__body:after {
		content: "";
		clear: both;
		display: flex;
	}
}

@media screen and (min-width: 1200px) {
	.special-single__body {
		margin-bottom: -0.6rem;
	}
}

.special-single__image-wrapper {
	position: relative;
	border-radius: var(--itemRadius) var(--itemRadius) 0 0;
	overflow: hidden;
	margin-bottom: 12px;
}

@media screen and (min-width: 768px) {
	.special-single__image-wrapper {
		width: 100%;
		max-width: 45%;
		float: left;
		margin-right: 24px;
	}
}

@media screen and (min-width: 1200px) {
	.special-single__image-wrapper {
		max-width: 39rem;
		margin-right: 1.2rem;
		margin-bottom: 0.6rem;
	}
}

.special-single__image {
	position: relative;
	aspect-ratio: 780/550;
}

.special-single__image picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.special-single__image img {
	width: 100%;
	height: 100%;
}

.special-single__datetime {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.special-single__datetime .b-counter {
	border-radius: var(--itemRadius) 0 0 0;
}

.special-single__title {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.special-single__title {
		font-size: 3rem;
		line-height: 1;
		font-weight: 700;
		font-family: "Cormorant";
	}
}

@media screen and (min-width: 768px) {
	.special-single__info {
		margin-bottom: 12px;
	}
}

@media screen and (min-width: 1200px) {
	.special-single__info {
		margin-bottom: 0.6rem;
	}
}

.special-single__info>*:not(:last-child) {
	margin-bottom: 12px;
}

@media screen and (min-width: 1200px) {
	.special-single__info>*:not(:last-child) {
		margin-bottom: 1.5rem;
	}
}

.special-single__text {
	display: block;
}

/* ----- Special single end ----- */

/* ----- Payment delivery start ----- */

.payment-delivery {
	padding: 24px 0;
}

.payment-delivery__title {
	margin-bottom: 30px;
	text-align: center;
}

.payment-delivery__items {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px -30px;
}

@media screen and (min-width: 1200px) {
	.payment-delivery {
		padding: 1.2rem 0;
	}

	.payment-delivery__title {
		margin-bottom: 1.5rem;
	}

	.payment-delivery__items {
		margin: 0 -0.6rem -1.5rem;
	}
}

/*-----*/
.payment-delivery__item {
	padding: 0 12px;
	margin-bottom: 30px;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.payment-delivery__item {
		width: 50%;
	}
}

@media screen and (min-width: 1200px) {
	.payment-delivery__item {
		width: 25%;
		padding: 0 0.6rem;
		margin-bottom: 1.5rem;
	}
}

/*-----*/
.payment-delivery__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 15px;
}

.payment-delivery__info {
	text-align: center;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

.payment-delivery__info p {
	margin: 0 0 0.75em;
}

@media screen and (min-width: 1200px) {
	.payment-delivery__wrapper {
		gap: 0.75rem;
	}

	.payment-delivery__info {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.payment-delivery__info p {
		margin: 0 0 0.8em;
	}
}
/* ----- Payment delivery end ----- */

/* ----- About start ----- */

/* ----- About end ----- */

/* ----- Product start ----- */

@media screen and (min-width: 768px) {
	.product-full__top {
		display: flex;
		gap: 2rem;
	}
}

@media screen and (min-width: 1200px) {
	.product-full__top {
		gap: 4rem;
	}
}

/* -------------- */

.product-full__top--left {
	position: relative;
}

@media screen and (min-width: 768px) {
	.product-full__top--left {
		max-width: 39.5202020202%;
		flex: 1;
	}
}

@media screen and (min-width: 1200px) {
	.product-full__top--left:has(.product-gl__thumbs) .product-full-like {
		right: 6.45rem;
	}
}

/* -------------- */

.product-full__top--right {
	margin-top: 15px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

@media screen and (min-width: 768px) {
	.product-full__top--right {
		margin-top: 0;
		flex: 1;
		align-items: flex-start;
	}
}

@media screen and (min-width: 1200px) {
	.product-full__top--right {
		gap: 0.75rem;
	}
}

/* -------------- */

.product-full__title {
	font-size: 1rem;
	font-family: "Cormorant";
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.product-full__title {
		text-align: left;
	}
}

@media screen and (min-width: 1200px) {
	.product-full__title {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

/* -------------- */
.product-full__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

@media screen and (min-width: 1200px) {
	.product-full__tags {
		margin-top: -0.45rem;
		gap: 1.2rem;
	}
}

/* -------------- */
.product-full__category {
	font-size: 0.625rem;
	color: var(--grey-200);
}

@media screen and (min-width: 1200px) {
	.product-full__category {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

/* -------------- */
.product-full .b-product__stock {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.product-full .b-product__stock:before {
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	color: var(--secondaryColor);
}

.product-full .b-product__stock--in-stock:before {
	content: "\e914";
}

.product-full .b-product__stock--out-stock:before {
	content: "\e90b";
	color: var(--label-1-1);
}

.product-full__avail {
	font-size: 0.625rem;
	display: inline-flex;
}

@media screen and (min-width: 1200px) {
	.product-full .b-product__stock {
		gap: 0.4rem;
	}

	.product-full .b-product__stock:before {
		font-size: 1.2rem;
	}

	.product-full__avail {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

/* -------------- */

.product-full .product-status {
	left: -9px;
	top: 15px;
}

@media screen and (min-width: 768px) {
	.product-full .product-status {
		left: 15px;
	}
}

@media screen and (min-width: 1200px) {
	.product-full .product-status {
		left: 0.75rem;
		top: 0.75rem;
	}
}

/* -------------- */
.product-full__info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

@media screen and (min-width: 768px) {
	.product-full__info {
		flex-direction: row;
	}
}

@media screen and (min-width: 1200px) {
	.product-full__info {
		gap: 0.8rem;
	}
}

/* -------------- */
.product-full__code {
	font-size: 0.625rem;
}

@media screen and (min-width: 1200px) {
	.product-full__code {
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1.1;
	}
}

/* -------------- */

.product-full__rating .b-product__rating--value {
	display: none;
}

.product-full__rating .b-product__rating--count {
	display: none;
}

@media screen and (min-width: 1200px) {
	.product-full__rating .b-product__rating {
		display: flex;
		align-items: center;
		gap: 0.8rem;
	}

	.product-full__rating .b-product__rating--value {
		display: inline-flex;
		font-size: 0.7rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.product-full__rating .b-product__rating--count {
		display: inline-flex;
		font-size: 0.75rem;
		font-weight: 400;
		line-height: 1.1;
		text-decoration: underline;
	}
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.product-full__rating .b-product__rating--count {
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1.1;
	}
}

/* --------------- */
.product-full-like {
	position: absolute;
	right: -9px;
	top: 15px;
	font-size: 0;
	display: flex;
	gap: 10px;
	z-index: 2;
}

.product-full-like a::before {
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e903";
	color: var(--secondaryColor);
}

@media screen and (min-width: 768px) {
	.product-full-like {
		right: 15px;
	}
}

@media screen and (min-width: 1200px) {
	.product-full-like {
		right: 0.75rem;
		top: 0.75rem;
	}

	.product-full-like a::before {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1200px) {
	.product-full-like a:before {
		font-size: 1.1rem;
	}
}

/* --------------- */

.product-full__price .b-price {
	display: flex;
	align-items: center;
	gap: 5px;
}

.product-full__price .price {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.product-full__price .old-price {
	font-size: 0.875rem;
	font-weight: 400;
	text-decoration: line-through;
	font-size: 0.625rem;
	color: var(--grey-200);
}

@media screen and (min-width: 1200px) {
	.product-full__price .b-price {
		gap: 0.6rem;
	}

	.product-full__price .price {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.product-full__price .old-price {
		font-size: 0.85rem;
		font-weight: 400;
		text-decoration: line-through;
	}
}

/* --------------- */
.product-full__basket .basket_add_button_wrap {
	display: flex;
	align-items: center;
	gap: 4px;
}

.product-full__basket .addto_basket_button {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat";
	line-height: 1.25;
	border-radius: var(--itemRadius);
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	overflow: hidden;
	transition-duration: 0.2s;
	border: none;
	gap: 12px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	padding: 12px 20px;
	min-height: 52px;
	color: var(--whiteColor);
	background: var(--mainColor);
}

.product-full__basket .addto_basket_button:hover {
	background: var(--primary-600);
}

.product-full__basket .addto_basket_button:disabled,
.product-full__basket .addto_basket_button.disabled {
	background: var(--primary-200);
}

.product-full__basket .addto_basket_button:before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e932";
}

@media screen and (min-width: 1200px) {
	.product-full__basket .addto_basket_button {
		gap: 0.6rem;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
		padding: 0.9rem 1.2rem;
		min-height: 3.2rem;
	}

	.product-full__basket .addto_basket_button:before {
		font-size: 1.2rem;
	}
}

/* --------------- */

.product-installment__wrapper {
	display: flex;
	align-items: center;
	gap: 5px;
}

.product-installment__label {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
}

.product-installment__items {
	display: flex;
	align-items: center;
	gap: 5px;
}

.product-installment__item img {
	max-width: 24px;
}

@media screen and (min-width: 1200px) {
	.product-installment__wrapper {
		gap: 0.75rem;
	}

	.product-installment__label {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.product-installment__items {
		gap: 0.75rem;
	}

	.product-installment__item img {
		max-width: 1.8rem;
	}
}

/* --------------- */

.product-promotion {
	padding: 15px 10px;
	border-radius: var(--itemRadius);
	background: var(--grey-0);
	width: 100%;
	margin-top: 15px;
}

.product-promotion__title {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
}

.product-promotion__title:not(:last-child) {
	margin-bottom: 15px;
}

.product-promotion__item {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (min-width: 1200px) {
	.product-promotion {
		padding: 0.75rem;
		margin-top: 0.75rem;
	}

	.product-promotion__title {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.product-promotion__title:not(:last-child) {
		margin-bottom: 0.75rem;
	}

	.product-promotion__item {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.product-bottom {
	margin-top: 25px;
}

/* --------- Ready --------- */

.product-label {
	border-radius: var(--itemRadius);
	background: var(--grey-0);
	padding: 15px 24px;
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	margin-bottom: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

.product-label.product-label-toggle {
	cursor: pointer;
	transition: all 0.5s ease;
}

.product-label.product-label-toggle:not(.is-open) {
	margin-bottom: 0;
}

.product-label.product-label-toggle:after {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e91a";
}

.product-label.product-label-toggle.is-open:after {
	content: "\e919";
}

@media screen and (min-width: 1200px) {
	.product-label {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;

		padding: 0.95rem 1.2rem;
		margin-bottom: 0.8rem;
		gap: 0.75rem;
	}

	.product-label.product-label-toggle:after {
		font-size: 1.2rem;
	}
}

@media (any-hover: hover) {
	.product-label.product-label-toggle:hover {
		background: var(--mainColor);
		color: var(--whiteColor);
	}
}

/* --------------- */

.product-bottom__items {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px -20px;
}

.product-bottom__item {
	flex-grow: 1;
	width: 100%;
	margin: 25px 0;
	padding: 0 15px;
}

@media screen and (min-width: 1200px) {
	.product-bottom__items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin: 0 -0.75rem -1rem;
	}

	.product-bottom__item {
		padding: 0 0.75rem;
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
	}

	.product-bottom__item:first-child:last-child {
		grid-column: 1 / span 2;
	}
}

/* --------------- */

.product-bottom__item.product-full__comments {
	width: 100%;
}

.product-description__item {
	padding: 0 12px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (min-width: 1200px) {
	.product-description {
		grid-row: 1 / span 3;
	}

	.product-description__item {
		padding: 0 1.2rem;
		font-size: 1rem;
		font-weight: 400;
	}
}

/* ------------- */

.product-specs__items {
	border-radius: var(--itemRadius);
	overflow: hidden;
}

.product-specs__item {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	display: flex;
	align-items: center;
}

.product-specs__item:nth-of-type(odd) {
	background: var(--grey-0);
}

.product-specs__item>div:first-child {
	width: 50%;
	padding: 17px 16px;
	flex-shrink: 0;
}

.product-specs__item>div:last-child {
	flex-grow: 1;
	padding: 17px 16px;
	border-left: 1px solid #fff;
}

.product-specs__item>div:last-child a {
	text-decoration: none;
	color: var(--mainColor);
	background: linear-gradient(to right, currentColor 0%, currentColor 100%) no-repeat 0 bottom;
	background-size: 0 1px;
	text-decoration: none;
	transition-duration: 0.2s;
}

.product-specs__item>div:last-child a:hover {
	background-size: 100% 1px;
}

@media screen and (min-width: 1200px) {
	.product-specs__item {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.product-specs__item>div:first-child {
		padding: 0.8rem 0.65rem;
	}

	.product-specs__item>div:last-child {
		padding: 0.8rem 0.65rem;
	}
}

/* -------------- */

@media screen and (min-width: 1200px) {
	.product-composition {
		order: 10;
	}
}

.product-composition__items {
	display: none;
}

.product-composition__items.is-open {
	display: block;
}

.product-composition__label {
	padding: 0;
	background: none;
}

.product-composition__items>* {
	padding: 0 12px;
}

.product-composition__items>*:not(:last-child) {
	margin-bottom: 24px;
}

.product-composition__item {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (min-width: 1200px) {
	.product-composition__items>* {
		padding: 0 1.2rem;
	}

	.product-composition__items>*:not(:last-child) {
		margin-bottom: 1.2rem;
	}

	.product-composition__item {
		font-size: 1rem;
		font-weight: 400;
	}
}

/*
 .product-full__comments {
 	flex: 100%;
 }
 .product-full__comments .field-product-comment__label {
 	position: relative;
 }
 .product-full__comments .field-product-comment__label:after {
 	content: "";
 	font-family: "icomoon";
 	font-size: 18px;
 	font-weight: 400;
 	line-height: 1;
 	color: inherit;
 	color: var(--whiteColor);
 	background: var(--mainColor);
 	position: absolute;
 	top: 2px;
 	right: 2px;
 	bottom: 2px;
 	padding: 20px;
 	border-radius: var(--itemRadius);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	cursor: pointer;
 	transition-duration: 0.2s;
 }
 @media screen and (min-width: 1200px) {
 	.product-full__comments .field-product-comment__label:after {
 		font-size: 1.1rem;
 	}
 }
 @media screen and (min-width: 1200px) {
 	.product-full__comments .field-product-comment__label:after {
 		padding: 1.2rem;
 	}
 }
 .product-full__comments .field-product-comment__label.is-active:after {
 	transform: rotateX(180deg);
 }
 .product-full__comments .field-product-comment__item {
 	display: none;
 }
 .product-full__comments .field-product-comment__item.is-open {
 	display: flex;
 }
*/
/* ----------------- */
.basket_item_count {
	width: 101px;
	height: 52px;
	background: var(--inputBackground);
	border: 1px solid var(--inputBorderColor);
	display: flex;
	border-radius: var(--inputRadius);
	flex-shrink: 0;
	justify-content: center;
}

.basket_item_count .arrow {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	text-decoration: none;
	transition: color 0.3s;
	color: var(--secondary-500);
	-webkit-tap-highlight-color: transparent;
}

.basket_item_count .arrow:hover {
	color: var(--primary-500);
}

.basket_item_count .arrow::before {
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

@media screen and (min-width: 1200px) {
	.basket_item_count {
		width: 7rem;
		height: 3.2rem;
	}

	.basket_item_count .arrow::before {
		font-size: 1.1rem;
	}
}

.basket_item_count .arrow.min::before {
	content: "\e912";
}

.basket_item_count .arrow.plus::before {
	content: "\e911";
}

.basket_item_count .count_input {
	font-size: 1rem;
	font-weight: 400;
	border: none;
	min-height: 0;
	padding: 0;
	height: 100%;
	background: transparent;
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
	text-align: center;
	width: 33.333%;
}

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

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

@media screen and (min-width: 1200px) {
	.basket_item_count .count_input {
		font-size: 1rem;
		font-weight: 400;
	}
}

/* ------------------ */

.product-gl .swiper-hand {
	display: none;
}

.product-gl__images {
	margin: 0 -24px;
	background: var(--grey-0);
}

.product-gl__images .swiper {
	height: 454px;
}

.product-gl__images .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.product-gl__images .swiper-slide a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--itemRadius);
	background: var(--whiteColor);
	padding: 10px;
	overflow: hidden;
}

.is-admin .product-gl__images .swiper-slide a {
	background: none;
}

.product-gl__images .swiper-slide img {
	border-radius: var(--itemRadius);
	max-height: 454px;
}

@media screen and (min-width: 768px) {
	.product-gl__images {
		margin: 0;
		border-radius: var(--itemRadius);
		overflow: hidden;
	}
}

@media screen and (min-width: 1200px) {
	.product-gl {
		display: flex;
		gap: 1.2rem;
	}

	.product-gl__images {
		flex: 1;
		display: flex;
	}

	.product-gl__images .swiper {
		width: 100%;
		height: auto;
		max-height: 100%;
		min-height: 34.35rem;
	}

	.product-gl__images .swiper-slide {
		padding: 0.5rem;
	}

	.product-gl__images .swiper-slide a {
		padding: 0.5rem;
	}

	.product-gl__images .swiper-slide img {
		max-height: 100%;
	}
}

/* ------------------ */

.product-gl__thumbs {
	position: relative;
	margin-top: 10px;
}

.product-gl__thumbs .swiper-navigation-icon {
	display: none;
}

.product-gl__thumbs .item {
	cursor: pointer;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: calc(var(--itemRadius) / 2);
	background: var(--grey-0);
	padding: 5px;
	height: 100%;
}

.product-gl__thumbs .item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	z-index: 1;
	background: rgba(25, 26, 29, 0.2);
	transition-duration: 0.2s;
	opacity: 0;
}

.product-gl__thumbs .item:hover:before {
	opacity: 1;
}

.product-gl__thumbs .item img {
	border-radius: calc(var(--itemRadius) / 2);
	max-height: 100%;
}

.product-gl__thumbs .swiper-slide-thumb-active .item {
	position: relative;
}

.product-gl__thumbs .swiper-slide-thumb-active .item:before {
	opacity: 1;
}

@media screen and (min-width: 1200px) {
	.product-gl__thumbs {
		width: 100%;
		max-width: 4.5rem;
		margin: 0;
		height: 34.35rem;
	}

	.product-gl__thumbs .swiper {
		height: 100%;
	}

	.product-gl__thumbs .item {
		padding: 0.25rem;
	}
}

/* ----------- */
.swiper-button-prev::after {
	content: "\e91e";
}

.swiper-button-next::after {
	content: "\e91f";
}

.product-gl__thumbs .swiper-button-next {
	right: -15px;
}

.product-gl__thumbs .swiper-button-prev {
	left: -15px;
}

.product-gl__thumbs .swiper-button {
	position: absolute;
	top: 50%;
	border-radius: var(--itemRadius);
	background: var(--primary-100);
	color: var(--primary-500);
}

.product-gl__thumbs .swiper-button::after {
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

.product-gl__thumbs .swiper-button {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	padding: 5px;

	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.product-gl__thumbs .swiper-button-next {
		right: initial;
		left: 50%;
		top: initial;
		bottom: 0;
		transform: translate(-50%, 50%);
		margin: 0 !important;
	}

	.product-gl__thumbs .swiper-button-prev {
		left: 50%;
		top: 0;
		transform: translate(-50%, -50%);
		margin: 0 !important;
	}

	.product-gl__thumbs .swiper-button-next:after {
		content: "\e91c";
	}

	.product-gl__thumbs .swiper-button-prev:after {
		content: "\e91d";
	}

	.product-gl__thumbs .swiper-button::after {
		font-size: 1.1rem;
	}
}

.product-gl__thumbs .swiper-button:hover {
	background: var(--primary-500);
	color: var(--whiteColor);
}

/*-------------------*/

.b-rating {
	position: relative;
	display: inline-block;
	width: 85px;
	height: 17px;
	vertical-align: middle;
	background: url("/catalog/view/theme/default/image/star-noactive-new.svg") left center repeat-x;
	background-size: 17px auto;
}

@media screen and (min-width: 1200px) {
	.b-rating {
		width: 6rem;
		height: 1.2rem;
		background-size: 1.2rem auto;
	}
}

.b-rating__inner {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: url("/catalog/view/theme/default/image/star-active-new.svg") left center repeat-x;
	background-size: 17px auto;
}

@media screen and (min-width: 1200px) {
	.b-rating__inner {
		background-size: 1.2rem auto;
	}
}

/*-------------------*/
/*
.b-product-comments__form_wrapper {
 	display: none;
 }

 .b-product-comments__form .form-actions .form-submit {
 	margin-top: 10px;
 	width: 100%;
 }

 .b-product-comments__form--title {
 	margin-bottom: 20px;
 	text-align: center;
 	font-size: 1.5rem;
 	font-weight: 700;
 	color: var(--grey-800);
 }

 .b-product-comments__form input[readonly] {
 	pointer-events: none;
 	border: none;
 	padding: 0;
 	background: transparent;
 }
*/
/*-------------------*/

.product-reviews__header {
	margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
	.product-reviews__header {
		margin-bottom: 0.8rem;
	}
}

.product-reviews__header .b-product-comments__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: var(--itemRadius);
	background: var(--grey-0);
	padding: 15px 24px;
}

@media screen and (min-width: 1200px) {
	.product-reviews__header .b-product-comments__top {
		padding: 0.95rem 1.2rem;
	}
}

.product-reviews__header .b-product-comments__left {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.product-reviews__header .b-product-comments__title {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.product-reviews__header .b-product-comments__title {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.product-reviews__header .b-product-comments__button {
	margin: -13px -22px -13px 24px;
}

@media screen and (min-width: 1200px) {
	.product-reviews__header .b-product-comments__button {
		margin: -0.75rem -0.95rem -0.75rem 1.2rem;
	}
}

.product-reviews__header .b-product-comments__button > button {
	width: 58px;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0;
	text-decoration: none;
	border-radius: var(--itemRadius);
	background: var(--mainColor);
	color: var(--whiteColor);
}

@media screen and (min-width: 1200px) {
	.product-reviews__header .b-product-comments__button > button {
		position: relative;
		z-index: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-family: "Montserrat";
		line-height: 1.25;
		border-radius: var(--itemRadius);
		text-align: center;
		text-decoration: none;
		background-color: transparent;
		outline: none;
		user-select: none;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		overflow: hidden;
		transition-duration: 0.2s;
		border: none;
		gap: 12px;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
		padding: 12px 20px;
		min-height: 52px;
		color: var(--whiteColor);
		background: var(--mainColor);
		width: auto;
		height: auto;
	}

	.product-reviews__header .b-product-comments__button > button:hover {
		background: var(--primary-600);
	}

	.product-reviews__header .b-product-comments__button > button:disabled,
	.product-reviews__header .b-product-comments__button > button.disabled {
		background: var(--primary-200);
	}

	.product-reviews__header .b-product-comments__button > button:before {
		display: none;
	}
}

/*-------------------*/

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.product-reviews__header .b-product-comments__button > button {
		gap: 0.6rem;
	}
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.product-reviews__header .b-product-comments__button > button {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.product-reviews__header .b-product-comments__button > button {
		padding: 0.9rem 1.2rem;
		min-height: 3.2rem;
	}
}

.product-reviews__header .b-product-comments__button > button:before {
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e911";
}

@media screen and (min-width: 1200px) {
	.product-reviews__header .b-product-comments__button > button:before {
		font-size: 1.2rem;
	}
}

.product-reviews__header .b-review-info {
	display: none;
}

.product-reviews__header .b-review-info__rating {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.product-reviews__header .b-review-info__rating {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

.product-reviews__header .b-review-info__count {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.product-reviews__header .b-review-info__count {
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) {
	.product-reviews__header .b-review-info {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
	}
}

/*-------------------*/

.b-comment {
	padding: 16px;
	margin-bottom: 8px;
	background: var(--whiteColor);
	border-radius: var(--itemRadius);
	box-shadow: var(--shadow-Light-8-16);
}

@media screen and (min-width: 1200px) {
	.b-comment {
		padding: 1.2rem;
		margin-bottom: 0.8rem;
	}
}

.b-comment__top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}

@media screen and (min-width: 1200px) {
	.b-comment__top {
		flex-wrap: nowrap;
		justify-content: space-between;
	}
}

.b-comment__name {
	display: flex;
	align-items: center;
	gap: 4px;
	justify-content: space-between;
	flex: 100%;
}

@media screen and (min-width: 1200px) {
	.b-comment__name {
		flex: unset;
		gap: 1.5rem;
	}
}

.b-comment__name-author {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.b-comment__name-author {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

.b-comment__date {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--grey-300);
}

@media screen and (min-width: 1200px) {
	.b-comment__date {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.b-comment__commented {
	margin-top: 16px;
}

@media screen and (min-width: 1200px) {
	.b-comment__commented {
		margin-top: 0.8rem;
	}
}

.b-comment__commented--link:not(.img) {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--mainColor);
	background: linear-gradient(to right, currentColor 0%, currentColor 100%) no-repeat 0 bottom;
	background-size: 0 1px;
	text-decoration: none;
	transition-duration: 0.2s;
}

@media screen and (min-width: 1200px) {
	.b-comment__commented--link:not(.img) {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.b-comment__commented--link:not(.img):hover {
	background-size: 100% 1px;
}

.b-comment__commented--link.img {
	max-width: 75px;
	aspect-ratio: 1;
	border-radius: var(--itemRadius);
	background: var(--grey-0);
	padding: 5px;
	display: flex;
}

@media screen and (min-width: 1200px) {
	.b-comment__commented--link.img {
		max-width: 5rem;
		padding: 0.25rem;
	}
}

@media (any-hover: hover) {
	.b-comment__commented--link.img {
		transition: 0.2s;
	}

	.b-comment__commented--link.img:hover {
		background: var(--secondary-100);
	}
}

.b-comment__commented--link.img img {
	border-radius: var(--itemRadius);
	max-height: 100%;
}

.b-comment__commented--img {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--itemRadius);
	background: var(--whiteColor);
	padding: 5px;
}

@media screen and (min-width: 1200px) {
	.b-comment__commented--img {
		padding: 0.25rem;
	}
}

/* ---------------------- */
.b-comment__text {
	margin-top: 16px;
}

@media screen and (min-width: 1200px) {
	.b-comment__text {
		margin-top: 0.8rem;
	}
}

/* ---------------------- */

.b-comment__images {
	margin: 16px -16px 0;
	overflow: hidden;
}

@media screen and (min-width: 1200px) {
	.b-comment__images .js-fancybox {
		position: relative;
		display: flex;
	}

	.b-comment__images .js-fancybox:after {
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		display: flex;
		visibility: hidden;
		align-items: center;
		justify-content: center;
		width: 2.25rem;
		height: 2.25rem;
		content: "";
		transition: 0.3s;
		transform: translate(-50%, -75%);
		opacity: 0;
		border-radius: 50%;
		background: rgba(var(--secondary-500), 0.75);
		will-change: transform;
	}

	.b-comment__images .js-fancybox:before {
		font-family: "icomoon";
		font-size: 20px;
		font-weight: 400;
		line-height: 1;
		color: inherit;
		position: absolute;
		z-index: 3;
		top: 50%;
		left: 50%;
		display: flex;
		visibility: hidden;
		align-items: center;
		justify-content: center;
		width: 1.7rem;
		height: 1.7rem;
		font-size: 0.9rem !important;
		content: "\e905";
		transition: 0.3s;
		transform: translate(-50%, -25%);
		opacity: 0;
		color: #ffffff;
		border-radius: 50%;
		background: var(--mainColor);
		will-change: transform;
	}

	.b-comment__images .js-fancybox:hover:after,
	.b-comment__images .js-fancybox:hover:before {
		visibility: visible;
		transform: translate(-50%, -50%);
		opacity: 1;
	}
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
	.b-comment__images .js-fancybox:before {
		font-size: 1.2rem;
	}
}

.b-comment__images .swiper {
	padding: 0 16px;
}

@media screen and (min-width: 1200px) {
	.b-comment .field-comment-img.pc-swiper-disable .swiper-wrapper {
		flex-wrap: wrap;
	}
}

.b-comment__images .swiper {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px;
}

@media screen and (min-width: 1200px) {
	.b-comment__images .swiper {
		margin: 0 -0.5rem -1rem;
	}
}

.b-comment__image-slide {
	width: 50%;
	padding: 0 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	aspect-ratio: 240/136;
}

.b-comment__image-item {
	position: relative;
	width: 100%;
	height: 100%;
}

.b-comment__image-item a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.b-comment__image-item a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.b-comment__image-slide {
	position: relative;
	border-radius: var(--itemRadius);
	overflow: hidden;
}

.b-comment__image-slide img {
	border-radius: var(--itemRadius);
}

@media screen and (min-width: 480px) {
	.b-comment__image-slide {
		width: 33.333%;
	}
}

@media screen and (min-width: 768px) {
	.b-comment__image-slide {
		width: 25%;
	}
}

@media screen and (min-width: 992px) {
	.b-comment__image-slide {
		width: calc(100% / 6);
	}
}

@media screen and (min-width: 1200px) {
	.b-comment__image-slide {
		padding: 0 0.5rem;
		margin-bottom: 1rem;
	}

	.b-comment__image-slide.is-hide {
		display: none;
	}
}

.b-comment .field-comment-img__more {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	justify-content: center;
	align-items: center;
	z-index: 5;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	text-decoration: none;
	color: var(--whiteColor);
	background: var(--cover-Dark-40);
	display: none;
}

@media screen and (min-width: 1200px) {
	.b-comment .field-comment-img__more {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) {
	.b-comment .field-comment-img__more {
		display: flex;
	}
}

@media (any-hover: hover) {
	.b-comment .field-comment-img__more {
		transition: 0.2s;
	}

	.b-comment .field-comment-img__more:hover {
		color: var(--mainColor);
	}
}

/* ----------- */
.b-comment__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 15px;
	gap: 15px;
}

@media screen and (min-width: 1200px) {
	.b-comment__bottom {
		margin-top: 1rem;
		gap: 1.5rem;
	}
}

/* ----------- */
.b-comment-answer {
	margin-top: 16px;
}

@media screen and (min-width: 1200px) {
	.b-comment-answer {
		margin-top: 0.8rem;
	}
}

.indented {
	/* display: none; */
	margin-left: 25px;
}

@media screen and (min-width: 1200px) {
	.indented {
		margin-left: 6.7rem;
	}
}

/* ----------- */

.b-comment__bottom-links {
	margin-bottom: -10px;
}

.b-comment__bottom-links ul {
	display: inline;
}

.b-comment__bottom-links ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

.b-comment__bottom-links a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 10px 0;
	color: var(--mainColor);
	text-decoration: none;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.b-comment__bottom-links a {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.b-comment__bottom-links a {
		transition-duration: 0.2s;
		position: relative;
		text-decoration: none;
	}

	.b-comment__bottom-links a:after {
		background: var(--secondary-500);
		transition-duration: 0.2s;
		content: "";
		position: absolute;
		height: 1px;
		bottom: 0;
		left: 0;
		right: 0;
		will-change: transform;
		transform: scaleX(0);
		content-visibility: auto;
	}

	.b-comment__bottom-links a:hover:after {
		transform: scaleX(1);
	}
}

@media screen and (min-width: 1200px) {}

.b-comment__bottom-links a:after {
	left: 1.8rem;
}

.b-comment__bottom-links a:before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-right: 12px;
	color: var(--secondary-500);
	vertical-align: middle;
	display: inline-block;
}

@media screen and (min-width: 1200px) {
	.b-comment__bottom-links a {
		margin-right: 1.25rem;
	}

	.b-comment__bottom-links a:before {
		font-size: 1.2rem;
		margin-right: 0.6rem;
	}
}

.b-comment__bottom-links a:hover {
	color: var(--secondary-500);
}

.b-comment__bottom-links .reply-comment:before {
	content: "\e907";
}

.b-comment__bottom-links .delete-comment:before {
	content: "\e925";
}

.b-comment__bottom-links .edit-comment:before {
	content: "\e924";
}

/* ----------- */

.b-comment__answers {
	color: var(--mainColor);
	display: flex;
	align-items: center;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.b-comment__answers {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) {
	.b-comment__answers {
		transition-duration: 0.2s;
		position: relative;
		text-decoration: none;
		margin-top: 0;
	}

	.b-comment__answers:before {
		background: var(--secondary-500);
		transition-duration: 0.2s;
		content: "";
		position: absolute;
		height: 1px;
		bottom: 0;
		left: 0;
		right: 0;
		will-change: transform;
		transform: scaleX(0);
		content-visibility: auto;
	}

	.b-comment__answers:hover:before {
		transform: scaleX(1);
	}
}

.b-comment__answers:after {
	content: "\e91a";
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	margin-left: 12px;
	display: inline-block;
	transition-duration: 0.2s;
}

@media screen and (min-width: 1200px) {
	.b-comment__answers:after {
		font-size: 1.2rem;
	}
}

.b-comment__answers:before {
	right: 1.6rem;
}

.b-comment__answers.is-open:after {
	transform: rotate(180deg);
}

.b-comment__likes {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-left: auto;
}

.b-comment.unpublished {
	background: rgba(var(--mainColor), 0.1);
}

.b-comment.has-parent .comment-reply {
	display: none;
}

.b-comment.has-parent .field-comment-name:before {
	content: "";
	font-family: "icomoon";
	font-size: 16px;
	font-weight: 400;
	padding-right: 5px;
	vertical-align: -2px;
	color: var(--secondary-500);
}

/* ------------ */
.vote-widget--like-and-dislike {
	display: flex;
}

.vote-widget--like-and-dislike a {
	background: none;
	width: auto;
	height: auto;
	text-indent: unset;
	font-size: 0;
	text-decoration: none;
	margin-right: 0.25rem;
}

.vote-widget--like-and-dislike a:before,
.vote-widget--like-and-dislike button:before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	display: block;
	transition-duration: 0.2s;
}

@media screen and (min-width: 1200px) {

	.vote-widget--like-and-dislike a:before,
	.vote-widget--like-and-dislike button:before {
		font-size: 1.2rem;
	}
}

.vote-widget--like-and-dislike .count {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--grey-400);
}

@media screen and (min-width: 1200px) {
	.vote-widget--like-and-dislike .count {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.vote-like {
	display: flex;
	align-items: center;
	margin: 0 10px 0 0;
}

@media screen and (min-width: 1200px) {
	.vote-like {
		margin-right: 0.75rem;
	}
}

.vote-like a {
	color: var(--secondary-500);
	cursor: pointer;
}

.vote-like a:before,
.vote-like button:before {
	content: "\e90c";
}

.vote-like a:hover:before,
.vote-like button:hover:before {
	transform: translateY(-5px);
}

.vote-like a:active:before,
.vote-like button:active:before {
	transform: translateY(-3px);
}

.vote-like .count:before {
	content: "(";
}

.vote-like .count:after {
	content: ")";
}

.vote-dislike {
	display: flex;
	align-items: center;
}

.vote-dislike a,
.vote-dislike button {
	color: var(--secondary-500);
	cursor: pointer;
}

.vote-dislike a:before,
.vote-dislike button:before {
	content: "\e90d";
}

.vote-dislike a:hover:before,
.vote-dislike button:hover:before {
	transform: translateY(5px);
}

.vote-dislike a:active:before,
.vote-dislike button:active:before {
	transform: translateY(3px);
}

.vote-dislike .count:before {
	content: "(";
}

.vote-dislike .count:after {
	content: ")";
}

/* ------------ */
.products-block-slider__title {
	margin-bottom: 15px;
	text-align: center;
}

.products-block-slider__title h2 {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.products-block-slider__title {
		margin-bottom: 1.2rem;
		max-width: 50%;
		text-align: left;
	}

	.products-block-slider__title h2 {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.products-block-slider__content {
	position: relative;
}

.products-block-slider__swiper {
	margin: 0 -8px -16px;
}

.products-block-slider__swiper .swiper {
	margin: 0 -25px;
	padding: 0 25px;
}

@media screen and (min-width: 1200px) {
	.products-block-slider__swiper .swiper {
		margin: 0;
		padding: 0;
	}
}

@media screen and (min-width: 768px) {
	.products-block-slider__swiper {
		margin-left: -0.6rem;
		margin-right: -0.6rem;
		margin-bottom: -1.5rem;
	}
}

.products-block-slider__swiper .swiper-slide {
	padding: 0 8px;
	margin: 0 0 16px;
}

@media screen and (min-width: 768px) {
	.products-block-slider__swiper .swiper-slide {
		margin-bottom: 1.5rem;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}
}

.products-block-slider-navigation.swiper-navigation {
	position: absolute;
	gap: 1.2rem;
	left: 0;
	top: 0;
	display: none;
}

.products-block-slider-navigation .swiper-button {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	-webkit-tap-highlight-color: transparent;
	z-index: 5;
	color: var(--grey-300);
}

.products-block-slider-navigation .swiper-navigation-icon {
	display: none;
}

.products-block-slider-navigation .swiper-button {
	position: static;
	margin: 0;
}

.products-block-slider-navigation .swiper-button::after {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

.products-block-slider-navigation .swiper-button-prev::after {
	content: "\e91e";
}

.products-block-slider-navigation .swiper-button-next::after {
	content: "\e91f";
}

@media screen and (min-width: 1200px) {
	.products-block-slider-navigation.swiper-navigation {
		display: flex;
		bottom: calc(100% + 1.8rem);
		right: 0;
		left: auto;
		top: auto;
	}

	.products-block-slider-navigation .swiper-button::after {
		font-size: 1.1rem;
	}
}

/* ------------ */

/* ----- Product end ----- */

/* ----- Loyalty system start ----- */

.loyalty-system {
	padding-top: 0 !important;
}

.loyalty-system__body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.loyalty-system__content:not(:last-child) {
	margin-bottom: 16px;
}

.loyalty-system__items {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px -16px;
}

.loyalty-system-item {
	padding: 0 8px 16px;
	flex: 1;
	min-width: 50%;
}

.loyalty-system-item__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
	padding: 15px;
	background: var(--whiteColor);
	border-radius: 10px;
	box-shadow: var(--shadow-Light-8-16);
}

.loyalty-system-item__percent {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	color: var(--mainColor);
}

.loyalty-system-item__title {
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
}

.loyalty-system-item__text {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (min-width: 1200px) {
	.loyalty-system__content:not(:last-child) {
		margin-bottom: 1.2rem;
	}

	.loyalty-system__items {
		margin: 0 -0.6rem -1.2rem;
	}

	.loyalty-system-item {
		padding: 0 0.6rem 1.2rem;
	}

	.loyalty-system-item:nth-child(1) {
		margin-left: 0.5rem;
	}

	.loyalty-system-item:nth-child(2) {
		margin-right: 0.5rem;
	}

	.loyalty-system-item__wrapper {
		padding: 1.5rem 0.75rem;
		border-radius: 0.5rem;
		gap: 0.6rem;
	}

	.loyalty-system-item__percent {
		font-size: 3rem;
		line-height: 1;
		font-weight: 700;
		font-family: "Cormorant";
	}

	.loyalty-system-item__title {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.loyalty-system-item__text {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

@media screen and (min-width: 992px) {
	.loyalty-system__items {
		justify-content: center;
	}

	.loyalty-system-item {
		width: 100%;
		max-width: 33.333%;
		min-width: unset;
		flex: unset;
	}
}

.loyalty-system__bottom {
	text-align: center;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	padding-top: 40px;
	position: relative;
}

.loyalty-system__bottom p {
	margin: 0 0 0.75em;
}

.loyalty-system__bottom:before {
	font-family: "icomoon";
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e93c";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	color: var(--mainColor);
}

@media screen and (min-width: 1200px) {
	.loyalty-system__bottom {
		padding-top: 0;
		padding-left: 2rem;

		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.loyalty-system__bottom:before {
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.5rem;
	}

	.loyalty-system__bottom p {
		margin: 0 0 0.8em;
	}
}

/* ----- Loyalty system end ----- */

/* ----- Blog start ----- */

.blog__body {
	position: relative;
}

.blog-filters {
	margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
	.blog-filters {
		margin-bottom: 1.5rem;
	}
}

.blog-filters__categories {
	display: flex;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin: 0 -25px;
	padding: 0 25px;
	gap: 3px;
}

@media screen and (min-width: 1200px) {
	.blog-filters__categories {
		gap: 0.3rem;
		padding: 0 0 0 1.5rem;
		margin: 0 0 1.5rem;
		position: absolute;
		right: 0;
		bottom: 100%;
		max-width: 50%;
		z-index: 2;
	}
}

.blog-filters__tags {
	display: flex;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin: 15px -25px 0;
	padding: 15px 25px 0;
	gap: 10px;
	position: relative;
	border-top: 1px solid var(--primary-100);
}

@media screen and (min-width: 1200px) {
	.blog-filters__tags {
		gap: 0.75rem 2.5rem;
		flex-wrap: wrap;
		overflow: initial;
		padding: 1.5rem 0 0;
		margin: 0;
	}
}

.blog-filter-category {
	position: relative;
	margin: 0;
}

.blog-filter-category label {
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	border-radius: var(--itemRadius);
	border: 1px solid var(--secondaryColor);
	font-size: 0.75rem;
	padding: 5px 20px;
	color: var(--secondaryColor);
	white-space: nowrap;

	transition: all 0.5s ease;
}

.blog-filter-category input:checked+label {
	background: var(--mainColor);
	color: var(--whiteColor);
	border-color: var(--mainColor);
}

@media screen and (min-width: 1200px) {
	.blog-filter-category label {
		min-height: 2.5rem;
		padding: 0.5rem 1rem;
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media (any-hover: hover) {
	.blog-filter-category label:hover {
		background: var(--mainColor);
		border-color: var(--mainColor);
		color: var(--whiteColor);
	}
}

.blog-filter-tag {
	position: relative;
	margin: 0;
}

.blog-filter-tag label {
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	font-size: 0.625rem;
	font-weight: 400;
	color: var(--primary-200);
	position: relative;
	padding: 0;
	margin: 0;
	transition: all 0.5s ease;
}

.blog-filter-tag input:checked+label {
	color: var(--grey-500);
}

.blog-filter-tag input:checked+label:after {
	opacity: 0;
	visibility: hidden;
}

@media screen and (min-width: 1200px) {
	.blog-filter-tag label {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.blog-filter-tag label:before {
	font-family: "icomoon";
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e938";
	background: none;
	border: none;
	border-radius: 0;
	position: relative;
	color: var(--mainColor);
	margin-right: 3px;
	width: auto;
	height: auto;
	left: unset;
	top: unset;
}

@media screen and (min-width: 1200px) {
	.blog-filter-tag label:before {
		margin-right: 0.4rem;
		font-size: 1rem;
	}
}

.blog-filter-tag label:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	top: unset;
	left: unset;
	height: 1px;
	border-radius: 0;
	margin: 0;
	width: calc(100% - 18px);
	opacity: 1;
	transform: none;
	background: currentColor;
	transition: 0.2s;
}

@media screen and (min-width: 1200px) {
	.blog-filter-tag label:after {
		width: calc(100% - 1.4rem);
	}
}

@media (any-hover: hover) {
	.blog-filter-tag label:hover:after {
		opacity: 0;
		visibility: hidden;
	}
}

/* ---------- */
.blog__content {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px -30px;
}

@media screen and (min-width: 768px) {
	.blog__content {
		margin-left: -0.6rem;
		margin-right: -0.6rem;
		margin-bottom: -1.5rem;
	}
}

@media screen and (min-width: 1200px) {
	.blog__content {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
}

.blog-item {
	margin-bottom: 30px;
	padding: 0 12px;
	margin: 0 0 30px;
	width: 100%;
}

@media screen and (min-width: 480px) {
	.blog-item {
		width: 50%;
	}
}

@media screen and (min-width: 768px) {
	.blog-item {
		margin-bottom: 1.5rem;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
		width: 33.33%;
	}
}

@media screen and (min-width: 1200px) {
	.blog-item.blog-item-big {
		grid-row: span 2;
		grid-column: span 2;
	}

	.blog-item {
		width: 100%;
	}
}

.blog-item__wrapper {
	position: relative;
}

@media screen and (min-width: 1200px) {
	.blog-item.blog-item-big .news-card {
		overflow: hidden;
		border-radius: var(--itemRadius);
		color: var(--whiteColor);
		height: 100%;
		display: flex;
		align-items: flex-end;
		min-height: 31.9rem;
	}
}

.blog-item.blog-item-big .news-card .news-card__image {
	margin-bottom: 10px;
}

.blog-item.blog-item-big .news-card .news-card__image picture {
	width: 100%;
	height: 100%;
}

.blog-item.blog-item-big .news-card .news-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.blog-item.blog-item-big .news-card .news-card__image {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		font-size: 0;
		z-index: -1;
		margin: 0;
		width: 100%;
		height: 100%;
	}

	.blog-item.blog-item-big .news-card .news-card__image:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		font-size: 0;
		z-index: 2;
		background: linear-gradient(180deg, rgba(26, 32, 37, 0) 46%, #1a2025 100%);
	}
}

@media screen and (min-width: 1200px) and (any-hover: hover) {
	.blog-item.blog-item-big .news-card:hover .news-card__image img {
		transform: scale(1.1);
	}

	.blog-item.blog-item-big .news-card:hover .news-card__title {
		color: var(--whiteColor);
	}
}

.blog-item.blog-item-big .news-card .news-card__tag {
	margin-bottom: 5px;
}

@media screen and (min-width: 1200px) {
	.blog-item.blog-item-big .news-card .news-card__tag {
		margin-bottom: 0;
	}
}

.blog-item.blog-item-big .news-card .news-card__tag span {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.blog-item.blog-item-big .news-card .news-card__tag span {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.blog-item.blog-item-big .news-card .news-card__title {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	text-decoration: none;
}

@media screen and (min-width: 1200px) {
	.blog-item.blog-item-big .news-card .news-card__title {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.blog-item.blog-item-big .news-card__info {
		padding: 1.5rem;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}
}

.blog-item.blog-item-big .news-card .news-card__text {
	display: none;
}

@media screen and (min-width: 1200px) {
	.blog-item.blog-item-big .news-card .news-card__text {
		display: block;
	}
}

/* ----- Blog end ----- */

/* ----- Article start ----- */

.article__body {
	padding-bottom: 50px;
}

@media screen and (min-width: 1200px) {
	.article__body {
		padding-bottom: 3.25rem;
	}
}

.article__title {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	margin-bottom: 32px;
	text-align: center;
}

@media screen and (min-width: 1200px) {
	.article__title {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.article__columns {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media screen and (min-width: 1200px) {
	.article__columns {
		flex-direction: row;
		align-items: flex-start;
		gap: 1.2rem;
	}
}

.article__list {
	margin-bottom: 40px;
}

@media screen and (min-width: 1200px) {
	.article__list {
		position: sticky;
		left: 0;
		top: calc(var(--header-height, 100px) + 25px);

		width: 100%;
		max-width: 23.8636363636%;
		margin-bottom: 0;
	}
}

.article-sticky__title {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
	.article-sticky__title {
		text-align: center;
	}
}

@media screen and (min-width: 1200px) {
	.article-sticky__title {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;

		text-align: left;
		margin-bottom: 2rem;
	}
}

.article-sticky__items {
	counter-reset: contents;
}

@media screen and (min-width: 768px) {
	.article-sticky__items {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

@media screen and (min-width: 1200px) {
	.article-sticky__items {
		align-items: flex-start;
		text-align: left;
	}
}

.article-sticky__item:not(:last-child) {
	margin-bottom: 16px;
}

.article-sticky__item {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	counter-increment: contents;
	transition: all 0.5s ease;
}

.article-sticky__item:before {
	content: counter(contents) ".";
}

.article-sticky__item span {
	border-bottom: 1px solid currentColor;
	cursor: pointer;
}

@media screen and (min-width: 1200px) {
	.article-sticky__item {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

@media (any-hover: hover) {
	.article-sticky__item:hover span {
		color: var(--mainColor);
	}

	.article-sticky__item:hover:before {
		color: var(--mainColor);
	}
}

@media screen and (min-width: 768px) {
	.article-main {
		width: 100%;
		max-width: 768px;
	}
}

@media screen and (min-width: 1200px) {
	.article-main {
		max-width: 49.1792929293%;
	}
}

@media screen and (min-width: 1200px) {}

.article-main__title {
	display: none;

	margin-bottom: 32px;
	text-align: center;
}

@media screen and (min-width: 1200px) {
	.article-main__title {
		display: block;

		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.article-main__image {
	margin-bottom: 24px;
	aspect-ratio: 780/400;
}

.article-main__image picture {
	width: 100%;
	height: 100%;
}

.article-main__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--itemRadius);
}

@media screen and (min-width: 1200px) {
	.article-main__image {
		margin-bottom: 1.2rem;
	}
}

@media (max-width: 480px) {
	.article-main__image {
		margin-bottom: 24px;
		aspect-ratio: 327/294;
	}
}

.article-main__info>h2 {
	margin-bottom: 24px;
}

.article-main__item:not(:last-child) {
	margin-bottom: 48px;
}

@media screen and (min-width: 1200px) {
	.article-main__item:not(:last-child) {
		margin-bottom: 2.4rem;
	}
}

.article-main__item img {
	aspect-ratio: 780/520;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 480px) {
	.article-main__item img {
		aspect-ratio: 327/220;
	}
}

/* ----- Article end ----- */

/* ----- Ingridients start ----- */

.ingridients__content {
	margin-bottom: -15px;
}

@media screen and (min-width: 1200px) {
	.ingridients__content {
		margin-bottom: -1.5rem;
	}
}

.ingridients-group {
	width: 100%;
	margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
	.ingridients-group {
		margin-bottom: 1.5rem;
	}
}

.ingridients-group__header {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.ingridients-group__header {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.ingridient-item {
	border-bottom: 2px solid var(--grey-50);
}

.ingridient-item__name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	cursor: pointer;

	padding: 10px 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	text-transform: uppercase;

	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.ingridient-item__name {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;

		padding: 0.75rem 0;

		gap: 1.5rem;
	}
}

.ingridient-item__name:after {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e911";
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	background: var(--mainColor);
	color: var(--whiteColor);
	border-radius: 5px;
}

@media screen and (min-width: 1200px) {
	.ingridient-item__name:after {
		width: 2rem;
		height: 2rem;
		border-radius: 0.25rem;

		font-size: 1.2rem;
	}
}

.ingridient-item__description {
	display: none;
	padding-bottom: 10px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;

	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.ingridient-item__description {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;

		padding-bottom: 0.75rem;
	}
}

.ingridient-item.is-open .ingridient-item__description {
	display: block;
}

.ingridient-item.is-open .ingridient-item__name:after {
	content: "\e912";
	background: var(--secondaryColor);
}

/* ----- Ingridients end ----- */

/* ----- cosmetology-trichology/result start ----- */

.cosmetology-trichology img {
	display: block;
	margin-top: 0;

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

	float: none;
	margin-bottom: 15px;
	border-radius: var(--itemRadius);
}

@media screen and (min-width: 1200px) {
	.cosmetology-trichology img {
		margin: 1rem 1.5rem;
	}
}

.results__body>*:not(:last-child) {
	margin-bottom: 48px;
}

@media screen and (min-width: 1200px) {
	.results__body>*:not(:last-child) {
		margin-bottom: 2.4rem;
	}
}

.results__title {
	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.results__title:not(:last-child) {
	margin-bottom: 32px;
}

@media screen and (min-width: 1200px) {
	.results__title {
		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.results__title:not(:last-child) {
		margin-bottom: 2rem;
	}
}

.result-info__items {
	counter-reset: counter;
}

.result-info__item:not(:last-child) {
	margin-bottom: 32px;
}

.result-info__item {
	counter-increment: counter;
}

@media screen and (min-width: 1200px) {
	.result-info__item:not(:last-child) {
		margin-bottom: 2rem;
	}
}

.result-info__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.result-info__title {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	display: inline-flex;
}

.result-info__title:before {
	content: counter(counter) ". ";
	min-width: 32px;
	text-align: center;
	display: inline-flex;
	justify-content: center;
}

@media screen and (min-width: 1200px) {
	.result-info__title {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.result-info__title:before {
		min-width: 2rem;
	}
}

.link-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.link-price:has(.promotion-block__link) {
	align-items: center;
}

@media screen and (min-width: 1200px) {
	.link-price {
		flex-direction: row;
		align-items: center;
		gap: 0.75rem;
	}
}

.link-price__wrapper {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
}

.link-price__wrapper span {
	display: inline-block;
}

.link-price__wrapper span:first-child {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.link-price__wrapper span:last-child {
	font-size: 0.875rem;
	font-weight: 400;
	text-decoration: line-through;
}

.link-price>a {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat";
	line-height: 1.25;
	border-radius: var(--itemRadius);
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	overflow: hidden;
	transition-duration: 0.2s;
	border: none;
	gap: 12px;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	padding: 12px 20px;
	min-height: 44px;
	color: var(--whiteColor);
	background: var(--mainColor);
	width: 100%;
	transition: all 0.5s ease;
}

.link-price>a:after {
	content: "\e91f";
	font-family: "icomoon";
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

@media screen and (min-width: 1200px) {
	.link-price>a {
		padding: 0.9rem 1.2rem;
		min-height: 3.2rem;

		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;

		gap: 0.6rem;
	}

	.link-price__wrapper span:first-child {
		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.link-price>a:after {
		font-size: 0.95rem;
	}
}

.link-price>a:hover {
	background: var(--primary-600);
}

.result-slider-image {
	border-radius: 10px;
	border: 1px solid var(--primary-100);
	overflow: hidden;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width: 1200px) {
	.result-slider-image {
		border-radius: 0.5rem;
	}
}

@media (any-hover: hover) {
	.result-slider-image a:after {
		font-family: "icomoon";
		font-size: 20px;
		font-weight: 400;
		line-height: 1;
		color: inherit;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -40%);
		width: 3rem;
		height: 3rem;
		display: flex;
		justify-content: center;
		align-items: center;
		content: "\e905";
		background: var(--mainColor);
		color: var(--whiteColor);
		border-radius: 50%;
		box-shadow: var(--shadow-Light-16-32);
		opacity: 0;
		visibility: hidden;
		transition: all 0.5s ease;
	}
}

@media screen and (any-hover: hover) and (min-width: 1200px) {
	.result-slider-image a:after {
		font-size: 1.2rem;
	}
}

@media (any-hover: hover) {
	.result-slider-image a:hover:after {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, -50%);
	}
}

.results__body .products-block-slider__title {
	text-align: left;
}

/* ----- cosmetology-trichology/result end ----- */

/* ----- contacts start ----- */

.contacts-page {
	padding-top: 0 !important;
}

.contacts-page__body {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media screen and (min-width: 1200px) {
	.contacts-page__body {
		gap: 1.875rem;
	}
}

.contacts-page__top {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

@media screen and (min-width: 992px) {
	.contacts-page__top {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

@media screen and (min-width: 1200px) {
	.contacts-page__top {
		gap: 1.5rem;
	}
}

.contacts-page__label {
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 4px;
	color: var(--secondaryColor);
}

@media screen and (min-width: 1200px) {
	.contacts-page__label {
		font-size: 0.7rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

.contacts-page__items {
	display: flex;
	flex-wrap: wrap;
	gap: 0 15px;
}

.contacts-page__items .contacts-page__item a {
    text-decoration: none;
}

.contacts-page__items .contacts-page__item p {
    margin-bottom: 0px;
}

@media screen and (min-width: 992px) {
	.contacts-page__items {
		flex-direction: column;
	}
}

@media screen and (min-width: 1200px) {
	.contacts-page__items {
		flex-direction: row;
		gap: 0 0.75rem;
	}
}

.gps {
	text-decoration: none;
	color: var(--secondaryColor);
	border-bottom: 1px solid currentColor;
}

.leaflet-marker-pane img {
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	border-radius: 50%;
}

.leaflet-marker-pane img:before {
	background: var(--mainColor);
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 123, 1, 0.5);
	}

	80% {
		box-shadow: 0 0 0 14px rgba(255, 123, 1, 0);
	}
}

.contacts-page__content {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media screen and (min-width: 992px) {
	.contacts-page__content {
		flex-direction: row;
	}
}

@media screen and (min-width: 1200px) {
	.contacts-page__content {
		gap: 1.2rem;
	}
}

.contacts-page__map {
	height: 420px;

	border-radius: var(--itemRadius);
	overflow: hidden;
}

@media screen and (min-width: 992px) {
	.contacts-page__map {
		min-height: 420px;
		flex: 1;
	}
}

@media screen and (min-width: 1200px) {
	.contacts-page__map {
		min-height: 29.3rem;
	}
}

.contacts-page__form {
	padding: 24px;
	box-shadow: var(--shadow-Light-8-16);
	background: var(--whiteColor);
	border-radius: var(--itemRadius);
}

@media screen and (min-width: 992px) {
	.contacts-page__form {
		width: 100%;
		max-width: 300px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

@media screen and (min-width: 1200px) {
	.contacts-page__form {
		padding: 2rem;
		max-width: 18.9rem;
	}
}

.form-contacts__title {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	margin-bottom: 4px;
}

.form-contacts__top {
	position: relative;
	text-align: center;
	margin-bottom: 24px;
}

@media screen and (min-width: 1200px) {
	.form-contacts__title {
		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.form-contacts__top {
		margin-bottom: 1.2rem;
	}
}

.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	word-wrap: normal;
}

.form-box {
	margin: 0 0 10px;
	position: relative;
}

.box-required::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background: var(--mainColor);
	border-radius: 100%;
	margin-left: -3px;
	top: 50%;
	/* top: 1.63em;*/

	margin-top: -3px;
	z-index: 1;
}

.textarea-noresize {
	min-height: 2em;
	resize: vertical;
}

textarea {
	height: 130px;
	padding-top: 1rem;
	padding-bottom: 1rem;
	resize: none !important;
	display: block;
}

@media screen and (min-width: 1200px) {
	textarea {
		padding-top: 0.625rem;
		padding-bottom: 0.625rem;
		height: 10rem;
	}
}

.submit-button {
	width: 100%;
}

.submit-button {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat";
	line-height: 1.25;
	border-radius: var(--itemRadius);
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	overflow: hidden;
	transition-duration: 0.2s;
	border: none;
	gap: 12px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	padding: 12px 20px;
	min-height: 52px;
	color: var(--whiteColor);
	background: var(--mainColor);
	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.submit-button {
		padding: 0.9rem 1.2rem;
		min-height: 3.2rem;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
		gap: 0.6rem;
	}
}

.submit-button:hover {
	background: var(--primary-600);
}

/* ----- contacts end ----- */

/* ----- catalog start ----- */

.site-leftbar {
	display: none;

	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	order: -1;
	margin-bottom: 0px;
	width: 100%;
	flex-shrink: 0;
}

@media screen and (min-width: 1200px) {
	.site-leftbar {
		display: block;

		width: 25%;

		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
}

.page-title.catalog-title {
	padding: 0;
	margin-bottom: 1rem;
}

.page-title-hidden {
    display: none;
    visibility: hidden;
}

.catalog-title h1 {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.catalog-page__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 16px;
	column-gap: 16px;
}

@media screen and (min-width: 768px) {
	.catalog-page__content {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 30px;
		column-gap: 24px;
	}
}

.catalog-page__top {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

@media screen and (min-width: 1200px) {
	.catalog-page__top {
		gap: 1.5rem 3.4rem;
		margin-bottom: 1.5rem;
	}
}

.catalog-filter-btn {
	font-size: 0.75rem;
	display: inline-flex;
	align-self: center;
	font-weight: 600;
	gap: 5px;
	font-family: "Cormorant";
}

.catalog-filter-btn:before {
	font-family: "icomoon";
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e93b";
	color: var(--mainColor);
}

@media screen and (min-width: 1200px) {
	.catalog-filter-btn {
		display: none;
	}
}

.catalog-sort,
.catalog-checkboxes {
	display: flex;
	align-items: center;
	gap: 15px;
	font-family: "Cormorant";
}

@media screen and (min-width: 1200px) {

	.catalog-sort,
	.catalog-checkboxes {
		margin-top: 0;
		gap: 1.8rem;
	}

	.catalog-sort {
		order: 10;
	}
}

.catalog-sort__label {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--grey-300);
}

@media screen and (min-width: 1200px) {
	.catalog-sort__label {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

.catalog-sort__items,
.catalog-checkboxes__items {
	display: flex;
	align-items: center;
	gap: 12px;
}

.catalog-checkboxes__items {
	flex-wrap: wrap;
}

@media screen and (min-width: 1200px) {
	.catalog-sort__items {
		gap: 1.8rem;
	}

	.catalog-checkboxes__items {
		gap: 1.5rem;
	}
}

.catalog-sort__item {
	position: relative;
	display: flex;
}

.catalog-sort__item label {
	display: inline-flex;
	align-items: center;
	padding: 0;
	font-size: 0.75rem;
	font-weight: 600;
	cursor: pointer;
}

@media screen and (min-width: 1200px) {
	.catalog-sort__item label {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

.catalog-sort__item label:after,
.catalog-sort__item label:before {
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	order: -10;
	color: var(--grey-300);
	width: auto;
	height: auto;
	background: none;
	border: none;
	opacity: 1;
	transform: none;
	position: static;
	margin: 0;
	padding: 0;
	transition: all 0.5s ease;
}

.catalog-sort__item label:before {
	content: "\e91b";
}

.catalog-sort__item label:after {
	content: "\e920";
	margin-right: 8px;
}

.catalog-sort__item input:checked+label::after {
	color: var(--secondary-500);
}

@media screen and (min-width: 1200px) {

	.catalog-sort__item label:after,
	.catalog-sort__item label:before {
		font-size: 1.1rem;
	}

	.catalog-sort__item label:after {
		margin-right: 0.6rem;
	}
}

.catalog-checkboxes__item label {
	white-space: nowrap;
}

.catalog-checkboxes__item input+label {
	display: inline-block;
	padding-left: 1.75em;
	cursor: pointer;
	margin-bottom: 0 !important;
	transition-duration: 0.2s;
	position: relative;
}

.catalog-checkboxes__item input+label::before {
	background: #fff;
	border: 1px solid var(--grey-100);
	border-radius: calc(var(--itemRadius) / 2);
}

.catalog-checkboxes__item input+label::before,
.catalog-checkboxes__item input+label::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 1.2em;
	height: 1.2em;
	transition-duration: 0.2s;
}

.catalog-checkboxes__item input+label::after {
	background: url("/catalog/view/theme/default/image/check.svg") no-repeat center center;
	background-size: 58.3333333333% auto;
	opacity: 0;
	transform: scale(0.5);
}

.catalog-checkboxes__item input:checked+label::before {
	background: var(--secondaryColor);
	border-color: var(--secondaryColor);
}

.catalog-checkboxes__item input:checked+label::after {
	opacity: 1;
	transform: none;
}

/* ----- catalog end ----- */

/* ----- select2 start ----- */
.select-style-params .checkout-form-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single {
	height: 14px;
	padding: 0 15px 0 0;
	border: none;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	background: none;
}

@media screen and (min-width: 1200px) {
	.select-style-params .checkout-form-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) {
	.select-style-params .checkout-form-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single {
		padding-right: 1.25rem;
	}
}

.select-style-params .checkout-form-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .color-code {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin-right: 0;
}

@media screen and (min-width: 1200px) {
	.select-style-params .checkout-form-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .color-code {
		width: 1rem;
		height: 1rem;
	}
}

.select-style-params .checkout-form-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .select2-selection__arrow {
	background-size: 4px;
	right: 0;
}

@media screen and (min-width: 1200px) {
	.select-style-params .checkout-form-select:not(.form-item-label-invisible) .select2-container--default .select2-selection--single .select2-selection__arrow {
		background-size: 0.3rem;
	}
}

.select-style-params .checkout-form-select:not(.form-item-label-invisible).form-item-params-field-variants-size .select2-container {
	padding-left: 17px;
	margin-left: -17px;
}

@media screen and (min-width: 1200px) {
	.select-style-params .checkout-form-select:not(.form-item-label-invisible).form-item-params-field-variants-size .select2-container {
		padding-left: 0.85rem;
		margin-left: -0.85rem;
	}
}

.select-style-params .checkout-form-select:not(.form-item-label-invisible).form-item-params-field-variants-color .select2-container {
	padding-left: 0.75rem;
	margin-left: -0.75rem;
}

.select-style-params .checkout-form-select:not(.form-item-label-invisible).form-item-params-field-variants-color .select2-container--default .select2-selection--single {
	font-size: 0;
}

.checkout-form-select .select2-container--default.select2-container--disabled .select2-selection--single {
	background: var(--inputBackground);
}

.checkout-form-select .select2-container--default .select2-selection--single {
	border: 1px solid var(--inputBorderColor);
	background: var(--inputBackground);
	outline: none;
	height: var(--inputHeight);
	border-radius: var(--inputRadius);
	display: flex;
	align-items: center;
	padding: var(--inputPaddingVertical) var(--inputPaddingIconSpace) var(--inputPaddingVertical) var(--inputPaddingHorisontal);
}

.checkout-form-select .select2-container--default .select2-selection--single.exposed-style {
	border: none;
}

.checkout-form-select .select2-container--default .select2-selection--single.exposed-style .select2-selection__rendered {
	line-height: var(--inputHeight);
}

.checkout-form-select .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: inherit;
	line-height: 1.25;
}

.checkout-form-select .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 20px;
	height: 100%;
	background: url("/catalog/view/theme/default/image/select-arrow.svg") no-repeat center center;
	width: 6px;
	background-size: contain;
	top: 0;
}

@media screen and (min-width: 1200px) {
	.checkout-form-select .select2-container--default .select2-selection--single .select2-selection__arrow {
		right: 0.75rem;
		width: 0.5rem;
	}
}

.checkout-form-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.checkout-form-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #2d3748;
}

.checkout-form-select .select2-container--default .select2-selection--single .select2-selection__clear {
	position: absolute;
	right: -23px;
	top: 0;
	bottom: 0;
	z-index: 1000;
	font-size: 20px;
	width: 20px;
	text-align: center;
	transition: color 0.3s;
}

.checkout-form-select .select2-container--default .select2-selection--single .select2-selection__clear:hover {
	color: var(--mainColor);
}

.checkout-form-select .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.checkout-form-select .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
	border-radius: var(--inputRadius);
}

.checkout-form-select .select2-container {
	max-width: 100%;
}

.checkout-form-select .select2-container .color-code {
	border: 1px solid var(--grey-200);
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
	margin: -0.2em 10px 0 0;
	flex-shrink: 0;
}

.checkout-form-select .select2-search {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.checkout-form-select .select2-search__field {
	min-height: 32px;
}

.checkout-form-select .select2-container--default .select2-search--dropdown .select2-search__field {
	height: 40px;
	border-radius: var(--inputRadius);
	border: 1px solid var(--inputBorderColor);
}

.checkout-form-select .select2-container--open .select2-selection__arrow {
	transform: rotate(180deg);
}

.checkout-form-select .select2-dropdown {
	border: none;
}

.select2-results__options {
	border: none;
	border-radius: 0;
	box-shadow: 0 0 30px rgba(60, 63, 65, 0.06);
	max-height: 250px;
}

.select2-results__options .select2-results__option {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	word-break: break-word;
}

.select2-container--default .select2-results__option--selected {
	background-color: var(--inputBorderColor);
}

.select2-results__options .select2-results__option[aria-selected="true"] {
	background-color: var(--inputBorderColor);
}

.select2-results__options .select2-results__option--highlighted[aria-selected] {
	background: var(--secondary-500);
	color: #fff;
}

.select2-results__options .select2-results__option .color-code {
	margin-top: 0;
	border-radius: 50%;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
	background: var(--secondary-100);
	border-radius: 7px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	background: var(--secondary-500);
	border-radius: 7px;
	cursor: pointer;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
	background: var(--secondaryColor);
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 250px;
}

.select2-dropdown {
	border-radius: var(--inputRadius);
	border: 1px solid var(--inputBorderColor);
	overflow: hidden;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
	border-radius: var(--inputRadius);
	border: 1px solid var(--inputBorderColor);
}

.select2-results__option:first-of-type {
	border-top-left-radius: var(--inputRadius);
	border-top-right-radius: 0;
}

.select2-results__option:last-of-type {
	border-bottom-left-radius: var(--inputRadius);
	border-bottom-right-radius: 0;
}

.select2-container:not([type="params[field_variants_color]"]) {
	max-width: 100%;
	width: min-content;
}
/* ----- select2 end ----- */

/* ----- checkout start ----- */

.continue-shopping {
	display: none;
	margin-bottom: 1rem;
}

.continue-shopping__link {
	display: inline-flex;
	align-items: center;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	gap: 12px;
	text-decoration: none;
	transition: all 0.5s ease;
}

.continue-shopping__link:before {
	font-family: "icomoon";
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e91e";
}

@media screen and (min-width: 1200px) {
	.continue-shopping {
		display: block;
	}

	.continue-shopping__link {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.continue-shopping__link:before {
		font-size: 1.2rem;
	}
}

.box-required.form-box-error .form-error-message {
	display: block;
}

.box-required.form-box-error:before {
	top: 1.63em;
}

.box-required.form-box-error input {
	border-color: var(--errorsColor);
}

.form-error-message {
	display: none;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.1;
	color: var(--errorsColor);
	position: relative;
	margin-top: 3px;
	padding: 2px 2px 2px 17px;
	background: #fff;
	z-index: 1;
}

.form-error-message:before {
	content: "";
	background: url("/catalog/view/theme/default/image/error-icon.svg") no-repeat center;
	background-size: contain;
	width: 1.25em;
	height: 1.25em;
	position: absolute;
	left: 0;
	top: 1px;
}

.form-password .show-password {
	position: absolute;
	right: 14px;
	top: calc(var(--inputHeight) / 2);
	transform: translateY(-50%);
	font-size: 0;
	border: none;
	background: none;
	cursor: pointer;
}

.form-password .show-password:before {
	content: "\e921";
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	color: var(--primary-200);
}

@media screen and (min-width: 1200px) {
	.form-password .show-password:before {
		font-size: 1.2rem;
	}
}

.checkout-back {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.checkout-back__link {
	display: inline-flex;
	align-items: center;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	gap: 12px;
	text-decoration: none;
}

.checkout-back__link:before {
	font-family: "icomoon";
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e91e";
}

@media screen and (min-width: 1200px) {
	.checkout-back {
		margin-bottom: 1.25rem;
		justify-content: flex-start;
		display: none;
	}

	.checkout-back__link {
		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media screen and (min-width: 1200px) {
	.checkout__columns {
		display: flex;
		align-items: flex-start;
		gap: 1.2rem;
	}

	.checkout__info {
		display: flex;
		flex-direction: column;
		gap: 1.2rem;
		border-radius: var(--itemRadius);
		background: var(--whiteColor);
		box-shadow: var(--shadow-Light-8-16);
		padding: 0.7rem;
		order: 1;
		width: 25.6rem;
		flex-shrink: 0;
		margin-bottom: 0;
	}

	.checkout__leftside {
		flex-grow: 1;
	}
}

.checkout__usertype {
	display: flex;
	align-items: stretch;
	gap: 16px;
	margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
	.checkout__usertype {
		gap: 0.8rem;
		margin-bottom: 2rem;
	}
}

.checkout__usertype button {
	flex: 1;
	min-height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 10px;
	text-decoration: none;
	border-radius: var(--itemRadius);
	background: var(--whiteColor);
	border: 1px solid var(--secondaryColor);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	text-align: center;
	color: var(--secondaryColor);

	transition: all 0.5s ease;
}

.checkout__usertype button.is-active {
	border-color: var(--mainColor);
	color: var(--whiteColor);
	background: var(--mainColor);
}

@media screen and (min-width: 1200px) {
	.checkout__usertype button {
		min-height: 2.6rem;
		padding: 0.5rem 1rem;
		flex: unset;

		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}
}

@media (any-hover: hover) {
	.checkout__usertype button:hover {
		border-color: var(--secondaryColor);
		background: var(--secondaryColor);
		color: var(--whiteColor);
	}
}

.checkout-login {
	padding: 16px;
	background: var(--whiteColor);
	box-shadow: var(--shadow-Light-8-16);
	border-radius: var(--itemRadius);
	margin-bottom: 8px;
}

.checkout-login.is-hide {
	display: none;
}

.checkout-login__wrapper {
	width: 100%;
}

@media screen and (min-width: 1200px) {
	.checkout-login {
		padding: 1.6rem;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 2rem;
	}
}

.checkout-login__title-wrapper {
	margin-bottom: 8px;
}

.checkout-login__title {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.checkout-login__title:after {
	content: "\e919";
	font-family: "icomoon";
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	display: block;
}

.checkout-login__title.is-active:after {
	transform: rotate(180deg);
}

.checkout-login__title-wrapper.is-open+.checkout-login-form {
	display: none;
}

.checkout-login__title-wrapper.is-open {
	margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
	.checkout-login__title-wrapper {
		margin-bottom: 0.8rem;
	}

	.checkout-login__title {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.checkout-login__title:after {
		display: none;
	}

	.checkout-login__title-wrapper.is-open+.checkout-login-form {
		display: flex;
	}

	.checkout-login__title-wrapper.is-open {
		margin-bottom: 0.8rem;
	}
}

.checkout-login-form {
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 1200px) {
	.checkout-login-form {
		width: 36.25rem;

		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 0.4rem;
	}
}

@media screen and (min-width: 1200px) {
	.checkout-login-form .form-box {
		width: 14.75rem;
	}
}

@media screen and (min-width: 1200px) {
	.checkout-login-form__button {
		flex: 1;
	}
}

.checkout-login-form .b-auth-client-socials {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--grey-200);
}

.b-auth-client-socials {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
}

@media screen and (min-width: 1200px) {
	.checkout-login-form .b-auth-client-socials {
		display: flex;
		align-items: center;
		column-gap: 1.2rem;
	}
}

@media screen and (min-width: 1200px) {
	.checkout-login-form .b-auth-client-socials {
		border-top: none;
		align-self: center;
		padding-top: 0;
		margin-top: 5px;
	}
}

.b-auth-client-socials__title {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	width: 100%;
	max-width: 170px;
}

@media screen and (min-width: 1200px) {
	.checkout-login-form .b-auth-client-socials__title {
		width: auto;
		margin: 0;
	}

	.b-auth-client-socials__title {
		max-width: unset;
		width: auto;

		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.b-auth-client-socials__item a.social_auth_google {
	border-radius: 8px;
	border: 1px solid var(--grey-100);
	background: var(--whiteColor);
}

.b-auth-client-socials__item a {
	font-size: 0;
	width: 72px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	text-decoration: none;
}

@media screen and (min-width: 1200px) {
	.b-auth-client-socials__item a {
		width: 3.6rem;
		height: 2.8rem;
		transition: 0.3s;
	}
}

.b-auth-client-socials__item a:before {
	font-family: "icomoon";
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	color: #ffffff;
}

.b-auth-client-socials__item a.social_auth_google:before {
	content: "";
	background: url("/catalog/view/theme/default/image/gmail.svg") center center / contain no-repeat;
	display: block;
	width: 22px;
	height: 22px;
}

@media screen and (min-width: 1200px) {
	.b-auth-client-socials__item a:before {
		font-size: 1rem;
	}
}

.checkout-login-form .form-forgot {
	font-size: 0.875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	display: flex;
	justify-content: center;

	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--grey-200);
}

.checkout-login-form .form-forgot a {
	color: var(--secondary-500);
	transition-duration: 0.2s;
	position: relative;
	text-decoration: none;
}

@media screen and (min-width: 1200px) {
	.checkout-login-form .form-forgot {
		margin-left: auto;

		border-top: none;
		align-self: center;
		padding-top: 0;
		margin-top: 5px;

		font-size: 0.85rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.checkout-form {
	counter-reset: list;
}

.checkout-form .submit-button {
	width: 100%;
}

.checkout-group {
	padding: 16px;
	background: var(--whiteColor);
	box-shadow: var(--shadow-Light-8-16);
	border-radius: var(--itemRadius);
	margin-bottom: 8px;
}

.checkout-group.is-open *:not(.checkout-form__title) {
	display: none;
}

@media screen and (min-width: 1200px) {
	.checkout-group {
		padding: 1.6rem;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0.4rem;
	}

	.checkout-form .submit-button {
		width: auto;
	}
}

.checkout-form__title {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.5s ease;
}

.checkout-form__title.is-active {
	margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
	.checkout-form__title {
		margin-bottom: 1.2rem;
		width: 100%;
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.checkout-form__groupa>div {
		padding: 0 0.2rem;
	}
}

@media screen and (max-width: 1199px) {
	.checkout-form__title.is-active:after {
		transform: none;
		color: var(--grey-500);
	}

	.checkout-form__title:after {
		color: var(--grey-900);
		transform: rotate(180deg);
	}
}

@media (any-hover: hover) {
	.checkout-form__title:hover {
		color: var(--mainColor);
	}
}

@media screen and (max-width: 1199px) {
	.checkout-form__title {
		margin-bottom: 8px;
	}
}

.checkout-group-title:before {
	counter-increment: list;
	content: counters(list, "");
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--grey-300);
	color: var(--whiteColor);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
}

.checkout-form__title:after {
	font-family: "icomoon";
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e91a";
	margin-left: auto;
	display: inline-block;
	transition: all 0.5s ease;
}

.checkout-group.is-checked .checkout-group-title:before {
	background: var(--secondaryColor);
	content: "\e914";
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	color: var(--whiteColor);
}

@media screen and (min-width: 1200px) {
	.checkout-group-title:before {
		width: 1.6rem;
		height: 1.6rem;

		font-size: 0.85rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.checkout-form__title:after {
		color: var(--grey-900);
		transform: rotate(180deg);

		font-size: 1.2rem;
	}

	.checkout-form__title.is-active:after {
		color: var(--mainColor);
		transform: rotate(0);
	}
}

@media screen and (min-width: 1200px) {
	.checkout-form__wrapper {
		width: 16.75rem;
        width: 100%;

		padding: 0 0.2rem;
	}

	.checkout-form-checkbox {
		padding: 0 0.2rem;
	}
}

.checkout-form-checkbox__wrapper {
	margin-top: 12px;
	margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
	.checkout-form-checkbox__wrapper {
		width: 100%;
		margin-top: 0.4rem;
	}
}

.checkout-form-checkbox__wrapper label {
	font-size: 1rem;
	font-weight: 400;
}

@media screen and (min-width: 1200px) {
	.checkout-form-checkbox__wrapper label {
		font-size: 1rem;
		font-weight: 400;
	}
}

.checkout-form-checkbox__wrapper input+label {
	display: inline-block;
	padding-left: 1.75em;
	cursor: pointer;
	margin-bottom: 0 !important;
	transition-duration: 0.2s;
	position: relative;
}

.checkout-form-checkbox__wrapper input+label::before {
	background: #fff;
	border: 1px solid var(--grey-100);
	border-radius: calc(var(--itemRadius) / 2);
}

.checkout-form-checkbox__wrapper input+label::before,
.checkout-form-checkbox__wrapper input+label::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 1.2em;
	height: 1.2em;
	transition-duration: 0.2s;
}

.checkout-form-checkbox__wrapper input+label::after {
	background: url("/catalog/view/theme/default/image/check.svg") no-repeat center center;
	background-size: 58.3333333333% auto;
	opacity: 0;
	transform: scale(0.5);
}

.checkout-form-checkbox__wrapper input:checked+label::before {
	background: var(--secondaryColor);
	border-color: var(--secondaryColor);
}

.checkout-form-checkbox__wrapper input:checked+label::after {
	opacity: 1;
	transform: none;
}

@media screen and (min-width: 1200px) {
	.checkout-form__radios {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 0.7rem;
        margin: 12px 0px;
	}
}

.checkout-form__radio {
	margin: 0 0 10px;
	position: relative;
}

@media screen and (min-width: 1200px) {
	.checkout-form__radio {
		margin-bottom: 0.4rem;
	}
}

.checkout-form__radio label {
	margin-bottom: 12px;
	display: inline-block;
}

.checkout-form__radio input+label {
	display: inline-block;
	position: relative;
	padding-left: 1.75em;
	cursor: pointer;
	margin-bottom: 0 !important;
	transition-duration: 0.2s;
}

.checkout-form__radio input+label b {
    font-size: 0.85rem;
}

.checkout-form__radio input+label::before {
	width: 1.25em;
	height: 1.25em;
	background: #fff;
	border: 1px solid rgba(78, 84, 92, 0.4);
}

.checkout-form__radio input+label::before,
.checkout-form__radio input+label::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	transition-duration: 0.2s;
}

.checkout-form__radio input+label::after {
	background: var(--secondary-500);
	width: 0.65em;
	height: 0.65em;
	margin-top: 0.3em;
	margin-left: 0.3em;
	opacity: 0;
	transform: scale(0.5);
	transition: all 0.3s;
}

.checkout-form__radio input:checked~label::before {
	border-color: var(--secondary-500);
}

.checkout-form__radio input:checked~label::after {
	opacity: 1;
	transform: scale(1);
}

.checkout-form-select {
	margin: 0 0 10px;
	position: relative;
}

@media screen and (min-width: 1200px) {
	.checkout-form-select {
		display: inline-block;
		font-size: 1rem;
		padding: 0 0.2rem;
		margin-bottom: 0.4rem;
		width: 16.75rem;
	}
}

.pickup-description {
	margin-top: 12px;
}

.pickup-description a {
	background: linear-gradient(to right, currentColor 0%, currentColor 100%) no-repeat 0 bottom;
	background-size: 100% 1px;
	text-decoration: none;
	transition-duration: 0.2s;
	color: var(--mainColor);
}

@media screen and (min-width: 1200px) {
	.pickup-description {
		margin-top: 0.4rem;
	}
}

@media screen and (min-width: 1200px) {
	.js-address-field .form-box {
		font-size: 1rem;
		padding: 0 0.2rem;

		margin-bottom: 0.4rem;
	}
}

/* ---------------- */

.basket-block__body {
	padding: 8px;
	border-radius: var(--itemRadius);
	background: var(--whiteColor);
	box-shadow: var(--shadow-Light-8-16);
	margin-bottom: 8px;
}

@media screen and (min-width: 1200px) {
	.basket-block__body {
		padding: 0;
		margin-bottom: 0;
		border-radius: 0;
		background: none;
		box-shadow: none;
		order: -1;
	}
}

.basket-block__label {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	padding: 8px 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.basket-block__label:after {
	font-family: "icomoon";
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e91a";
	transition: all 0.5s ease;
}

.basket-block__label.is-active:after {
	transform: rotate(180deg);
}

.basket-block__body.is-open .basket-block__content {
	display: block;
}

.basket-block__body .basket-block__content {
	display: none;
}

.basket-block__body .basket-block__content {
	display: none;
}

@media screen and (min-width: 1200px) {
	.basket-block__label {
		display: none;

		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.basket-block__body .basket-block__content {
		display: block;
	}
}

.basket-block__content {
	display: flex;
	flex-direction: column;
}

.basket-block-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	padding: 12px 0;
	margin-bottom: 8px;
}

@media screen and (min-width: 1200px) {
	.basket-block-header {
		padding: 1.2rem 0.5rem;
		border-bottom: 1px solid var(--grey-100);
		margin-bottom: 0.8rem;
		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.basket-block__products {
	flex-grow: 1;
	overflow: auto;
	padding-right: 5px;
	margin-right: -5px;

	min-height: unset;
	max-height: 295px;
}

.basket-block__products::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.basket-block__products::-webkit-scrollbar-track {
	background: var(--primary-100);
	border-radius: 7px;
}

.basket-block__products::-webkit-scrollbar-thumb {
	background: var(--primary-600);
	border-radius: 7px;
	cursor: pointer;
}

.basket-block__products::-webkit-scrollbar-thumb:hover {
	background: var(--secondaryColor);
}

@media screen and (min-width: 1200px) {
	.basket-block__products {
		max-height: 30.5rem;
		min-height: 14.75rem;
	}
}

.basket-block__product:not(:last-child) {
	margin-bottom: 4px;
}

.basket-product {
	padding: 4px;
	border-radius: var(--itemRadius);
	border: 1px solid var(--primary-100);
	background: var(--whiteColor);
	display: flex;
	gap: 8px;
}

@media screen and (min-width: 1200px) {
	.basket-product {
		padding: 0.6rem;
		gap: 0.8rem;
	}
}

.basket-product__img {
	width: 100px;
	flex-shrink: 0;
	position: relative;
	border-radius: var(--itemRadius);
	overflow: hidden;
	background: var(--grey-0);
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.basket-product__img img {
	border-radius: var(--itemRadius);
}

@media screen and (min-width: 1200px) {
	.basket-product__img {
		width: 7rem;
		padding: 0.5rem;
	}
}

.basket-product__content {
	padding-top: 5px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
}

@media screen and (min-width: 1200px) {
	.basket-product__content {
		padding-top: 0.15rem;
		gap: 0.4rem;
	}
}

/* ---------------- */

.basket-product__brand {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.1;
	color: var(--grey-500);
}

.basket-product__brand a {
	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.basket-product__brand {
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1.1;
	}
}

@media (any-hover: hover) {
	.basket-product__brand a:hover {
		color: var(--mainColor);
		background-size: 100% 1px;
	}
}

@media (any-hover: hover) {
	.basket-product__brand a {
		background: linear-gradient(to right, currentColor 0%, currentColor 100%) no-repeat 0 bottom;
		background-size: 0 1px;
		text-decoration: none;
	}
}

/* ---------------- */

.basket-product__title a {
	font-size: 0.75rem;
	font-weight: 600;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media screen and (min-width: 1200px) {
	.basket-product__title a {
		font-size: 0.7rem;
	}
}

/* ---------------- */

.basket-product__navigation {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
}

.basket-product__delete {
	background: var(--primary-50);
	border-radius: calc(var(--itemRadius) / 2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	text-decoration: none;
	width: 16px;
	height: 16px;
}

.basket-product__delete:before {
	font-family: "icomoon";
	font-size: 10px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e925";
}

.basket-product .basket_item_count {
	border: none;
	width: 60px;
	height: 26px;
}

.basket-product .basket_item_count .arrow::before {
	font-size: 15px;
}

.basket-product .basket_item_count .count_input {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	width: auto;
}

@media screen and (min-width: 1200px) {
	.basket-product__navigation {
		gap: 0.6rem;
	}

	.basket-product__delete {
		height: 1.3rem;
		width: 1.3rem;
	}

	.basket-product__delete:before {
		font-size: 0.7rem;
	}

	.basket-product .basket_item_count {
		width: 4.2rem;
	}

	.basket-product .basket_item_count .count_input {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

/* ---------------- */

.basket-product__price {
	display: flex;
	align-items: center;
	padding-top: 8px;
	margin-top: 5px;
	border-top: 1px solid var(--grey-100);
	gap: 5px 16px;
	flex-wrap: wrap;
}

.basket-product__price .price {
	font-size: 1rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.basket-product__price .price-old {
	font-size: 0.875rem;
	font-weight: 400;
	text-decoration: line-through;
	font-size: 0.75rem;
	color: var(--grey-300);
}

@media screen and (min-width: 1200px) {
	.basket-product__price {
		margin-top: 0.6rem;
		padding-top: 0.6rem;
		gap: 0.25rem 0.8rem;
	}

	.basket-product__price .price {
		font-size: 1rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.basket-product__price .price-old {
		font-size: 0.7rem;
	}
}

/* ---------------- */
.free-delivery {
	padding: 16px 5px;
	border-radius: 10px;
	background: var(--grey-0);
	margin-bottom: 8px;
}

.free-delivery__title {
	font-size: 0.875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	position: relative;
	padding-left: 29px;
}

.free-delivery__title span {
	color: var(--mainColor);
}

.free-delivery__title:before {
	font-family: "icomoon";
	font-size: 19px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e93d";
	color: var(--mainColor);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.free-delivery-progress {
	position: relative;
	margin-top: 16px;
}

.free-delivery-progress__track {
	position: relative;
	height: 10px;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	background: var(--whiteColor);
	border: none;
	margin: 0;

	min-width: 100px;
	max-width: 100%;
}

.free-delivery-progress__bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 5px;
	background: var(--mainColor);

	min-width: 3%;
	max-width: 100%;
}

.free-delivery__info {
	padding-top: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (min-width: 1200px) {
	.free-delivery {
		border-radius: 0.5rem;
		padding: 0.8rem;
	}

	.free-delivery__title {
		font-size: 0.85rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
		padding-left: 1.45rem;
	}

	.free-delivery__title:before {
		font-size: 0.95rem;
	}

	.free-delivery-progress {
		margin-top: 0.8rem;
	}

	.free-delivery__info {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

/* ---------------- */
.basket-block__footer {
	margin-top: 8px;
	border-top: 1px solid var(--grey-100);
	display: flex;
	flex-direction: column;
}

.basket-block__footer>*:not(:last-child) {
	border-bottom: 1px solid var(--grey-100);
}

.basket-gift {
	padding: 20px 0;
}

@media screen and (min-width: 1200px) {
	.basket-block__footer {
		margin-top: 0.8rem;
	}

	.basket-gift {
		padding: 0.8rem 0;
	}
}

.basket-gift__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	gap: 5px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;

	padding-bottom: 8px;
}

@media screen and (min-width: 1200px) {
	.basket-gift__top {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
		padding-bottom: 0.8rem;
	}
}

.basket-gift-checkbox {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

.checkbox-element {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

.checkbox-element input+label {
	display: inline-block;
	padding-left: 1.75em;
	cursor: pointer;
	margin-bottom: 0 !important;
	transition-duration: 0.2s;
	position: relative;
}

.checkbox-element input+label::before {
	background: #fff;
	border: 1px solid var(--grey-100);
	border-radius: calc(var(--itemRadius) / 2);
}

.checkbox-element input+label::before,
.checkbox-element input+label::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 1.2em;
	height: 1.2em;
	transition-duration: 0.2s;
}

.checkbox-element input+label::after {
	background: url("/catalog/view/theme/default/image/check.svg") no-repeat center center;
	background-size: 58.3333333333% auto;
	opacity: 0;
	transform: scale(0.5);
}

.checkbox-element input:checked+label::before {
	background: var(--secondaryColor);
	border-color: var(--secondaryColor);
}

.checkbox-element input:checked+label::after {
	opacity: 1;
	transform: none;
}

@media screen and (min-width: 1200px) {
	.basket-gift-checkbox {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.basket-gift__main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	padding: 8px 10px;
	margin-bottom: 12px;

	background: var(--grey-0);
}

.additional-gifts {
	width: 100%;
}

.additional-gifts summary {
	font-size: 1rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	display: flex;
	align-items: center;
	gap: 4px;
	width: 100%;
	cursor: pointer;
	transition: all 0.5s ease;
}

.additional-gifts summary::before {
	font-family: "icomoon";
	font-size: 19px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e93e";
	color: var(--secondary-500);
}

.additional-gifts summary:after {
	font-family: "icomoon";
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	transition-duration: 0.2s;
	flex-grow: 1;
	text-align: right;

	content: "\e91a";
}

.additional-gifts[open] summary:after {
	content: "\e919";
}

@media screen and (min-width: 1200px) {
	.basket-gift__main {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
		padding: 0.8rem 0.5rem;
		margin-bottom: 0.8rem;
	}

	.additional-gifts summary {
		font-size: 1rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
		gap: 0.2rem;
	}

	.additional-gifts summary::before {
		font-size: 0.95rem;
	}

	.additional-gifts summary:after {
		font-size: 0.95rem;
	}
}

@media (any-hover: hover) {
	.additional-gifts summary:hover {
		color: var(--mainColor);
	}
}

.additional-gifts__body {
	margin-top: 12px;
}

@media screen and (min-width: 1200px) {
	.additional-gifts__body {
		margin-top: 0.4rem;
	}
}

.additional-gifts__checkbox:not(:last-child) {
	margin-bottom: 12px;
	width: 100%;
}

@media screen and (min-width: 1200px) {
	.additional-gifts__checkbox:not(:last-child) {
		margin-bottom: 0.4rem;
	}
}

.additional-gifts__checkbox.checkbox-element input+label {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 0.85rem;
	font-weight: 400;
	line-height: 1.5;
}

.additional-gifts__checkbox label .img {
	width: 20px;
	height: 20px;
	background: var(--whiteColor);
	border-radius: 5px;
	flex-shrink: 0;
}

.additional-gifts__checkbox label .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 5px;
}

.additional-gifts__checkbox.checkbox-element label::before,
.additional-gifts__checkbox.checkbox-element label::after {
	top: 50%;
	margin-top: -0.6em;
}

.additional-gifts__checkbox .price {
	white-space: nowrap;
}

@media screen and (min-width: 1200px) {}

@media screen and (min-width: 1200px) {
	.additional-gifts__checkbox label .img {
		width: 2.4rem;
		height: 2.4rem;
		border-radius: 0.5rem;
		padding: 0.25rem;
	}

	.additional-gifts__checkbox label .img img {
		border-radius: 0.5rem;
	}
}

.basket-gift__price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	gap: 5px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}

@media screen and (min-width: 1200px) {
	.basket-gift__price {
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1.5;
	}
}

.basket-block__total {
	font-size: 1rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 10px;
}

@media screen and (min-width: 1200px) {
	.basket-block__total {
		padding: 1.2rem 0.5rem;

		font-size: 1rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.basket-promocode__form {
	padding: 12px 10px;
}

@media screen and (min-width: 1200px) {
	.basket-promocode__form {
		padding: 1.2rem 0.5rem;
		display: flex;
		flex-wrap: wrap;
		column-gap: 0.4rem;
	}
}

.basket-promocode__title {
	font-size: 1rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	width: 100%;
}

.basket-promocode__title:after {
	content: "\e91a";
	font-family: "icomoon";
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	transition: all 0.5s ease;
}

.basket-promocode__form.is-open .basket-promocode__title:after {
	transform: rotate(180deg);
}

.basket-promocode.is-open .basket-promocode__title:after {
	transform: rotate(180deg);
}

@media screen and (min-width: 1200px) {
	.basket-promocode__title {
		font-size: 1rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.basket-promocode__title:after {
		font-size: 0.95rem;
	}
}

.basket-promocode-button {
	width: 100%;

	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat";
	line-height: 1.25;
	border-radius: var(--itemRadius);
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	overflow: hidden;
	transition-duration: 0.2s;
	border: none;
	gap: 12px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	padding: 17px 20px;
	min-height: 52px;
	background: none;
	color: var(--secondaryColor);
	border: 1px solid var(--secondaryColor);
}

.basket-promocode-button:hover {
	color: var(--secondary-600);
	border-color: var(--secondary-600);
}

@media screen and (min-width: 1200px) {
	.basket-promocode-button {
		padding: 0.5rem 1.2rem;
		min-height: 3.16rem;

		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;

		gap: 0.6rem;
	}
}

@media screen and (min-width: 1200px) {
	.basket-promocode-button {
		margin-top: 0;
		flex-grow: 1;
		width: calc(39% - 0.4rem);
	}
}

.basket-promocode__form input {
	margin: 0 0 10px;
}

.basket-promocode__form input,
.basket-promocode-button {
	display: none;
}

.basket-promocode__form.is-open input,
.basket-promocode__form.is-open .basket-promocode-button {
	display: block;
}

.basket-promocode__form.is-open .basket-promocode__title {
	margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
	.basket-promocode__form input {
		margin-bottom: 0;
		width: 61%;
	}

	.basket-promocode__form.is-open .basket-promocode__title {
		margin-bottom: 0.8rem;
	}
}

/* ----- checkout end ----- */

/* ----- Article swiper ----- */

.article-main__info .text-formatted:not(:last-child) {
	margin-bottom: 48px;
}

@media screen and (min-width: 1200px) {
	.article-main__info .text-formatted:not(:last-child) {
		margin-bottom: 2.4rem;
	}
}

.swiper-inside-article .swiper {
	margin: 0 -25px;
	padding: 0 25px;
}

@media screen and (min-width: 768px) {
	.swiper-inside-article .swiper {
		padding: 0;
		margin: 0;
	}
}

.swiper-inside-article .swiper-slide {
	padding: 0 8px;
	margin: 0 0 16px;
}

@media screen and (min-width: 768px) {
	.swiper-inside-article .swiper-slide {
		margin-bottom: 1.5rem;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}
}

.swiper-inside-article {
	position: relative;
}

.swiper-inside-article-navigation {
	display: none;
}

@media screen and (min-width: 1200px) {
	.swiper-inside-article-navigation {
		display: flex;
	}
}

.swiper-inside-article-navigation .swiper-button {
	padding: 11px 14px;
	width: 46px;
	height: 52px;

	display: flex;
	align-items: center;
	justify-content: center;

	position: absolute;
	z-index: 5;

	top: 50%;
	border-radius: var(--itemRadius);
	background: var(--primary-100);
	color: var(--primary-500);

	transition: all 0.5s ease;
}

.swiper-inside-article-navigation .swiper-button-next {
	right: 0;
}

.swiper-inside-article-navigation .swiper-button-next {
	transform: translate(50%, -50%);
}

.swiper-inside-article-navigation .swiper-button-prev {
	transform: translate(-50%, -50%);
}

.swiper-inside-article-navigation .swiper-button::after {
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
}

.swiper-inside-article-navigation .swiper-button-next::after {
	content: "";
}

@media screen and (min-width: 1200px) {
	.swiper-inside-article-navigation .swiper-button {
		width: 3.5rem;
		height: 3.2rem;
	}

	.swiper-inside-article-navigation .swiper-button::after {
		font-size: 1.1rem;
	}
}

.swiper-inside-article-navigation .swiper-button:hover {
	background: var(--primary-500);
	color: var(--whiteColor);
}

.swiper-navigation-icon {
	display: none !important;
}
/* ----- Article swiper ----- */

/* ----- Modals ----- */

.modal {
	align-items: flex-start;
	justify-content: stretch;

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;

	background: rgba(38, 38, 38, 0.55);

	display: none;
	opacity: 0;
	transition: all 0.5s ease;

	padding: 0px;

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

.modal.active {
	opacity: 1;
}

.modal.active .modal-solid {
	transform: translateY(0);
}

.modal.active .modal-solid.modal-center-solid {
	transform: scale(1);
}

.modal-solid {
	margin: 0 auto;
	width: 100%;
	height: 100%;

	position: relative;
	overflow: hidden;

	transition: all 0.5s ease;
	transform: translateY(-20px);
}

.modal-solid.modal-center-solid {
	transform: scale(0.5);
}

.modal-solid.modal-center-solid {
	background: #fff;
	width: 400px;
	height: auto;
	max-width: 95%;
	margin: auto;
	position: relative;
	padding: 30px 24px;
	border-radius: var(--itemRadius);
}

@media screen and (min-width: 1200px) {
	.modal-solid.modal-center-solid {
		width: 33rem;
		padding: 1.5rem 1.25rem;
	}
}

.modal-solid.basket-solid {
	width: 100%;
	max-width: 95%;

	padding: 24px;
	margin: 0 0 0 auto;

	background-color: #fff;

	transform: translate(100%, 0px);
}

@media screen and (min-width: 1200px) {
	.modal-solid.basket-solid {
		width: 33.65rem;
		padding: 1.2rem 0.7rem 0.7rem;
	}
}

.basket-modal {
	height: 100%;
}

.modal-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 20px;

	font-size: 1.5rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	margin-bottom: 1.25rem;
}

.modal-top.basket-modal__top {
	margin-bottom: 8px;
}

@media screen and (min-width: 1200px) {
	.modal-top {
		font-size: 1.5rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.modal-top.basket-modal__top {
		border-bottom: 1px solid var(--grey-100);
		padding: 0 0.5rem 1.1rem 0.5rem;
		margin: 0;
	}
}

.close-btn {
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
}

.close-btn svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (min-width: 1200px) {
	.close-btn {
		flex: 0 0 1rem;
		width: 1rem;
		height: 1rem;
	}
}

/* ----- Basket modal ----- */
.basket-modal__body {
	height: calc(100% - 40px);
	padding-right: 20px;
	margin-right: -20px;
	overflow: hidden;
	overflow-y: auto;
}

.basket-modal__body::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.basket-modal__body::-webkit-scrollbar-track {
	background: var(--secondary-100);
	border-radius: 7px;
}

.basket-modal__body::-webkit-scrollbar-thumb {
	background: var(--secondary-600);
	border-radius: 7px;
	cursor: pointer;
}

.basket-modal__body::-webkit-scrollbar-thumb:hover {
	background: var(--secondaryColor);
}

.basket-modal__buttons {
	margin-top: 8px;
}

.basket-modal .basket-block__body .basket-block__content {
	display: block;
}

.basket-modal .basket-block__body {
	padding: 0px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	margin-bottom: 0px;
}

.empty-basket-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	padding: 12px 0;
	margin-bottom: 8px;
}

.empty-basket-description {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.5;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--grey-100);
}

@media screen and (min-width: 1200px) {
	.basket-modal .basket-block__products {
		max-height: 14.75rem;
		min-height: unset;
	}

	.basket-modal__body {
		padding-right: 0.65rem;
		margin-right: -0.65rem;
		height: calc(100% - 2.8rem);
	}

	.basket-modal__buttons {
		margin-top: 24px;
	}

	.empty-basket-top {
		padding: 1.2rem 0.5rem;
		border-bottom: 1px solid var(--grey-100);
		margin-bottom: 0.8rem;
		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.empty-basket-description {
		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
		padding: 0 0.5rem 0.8rem;
	}
}

/* ----- Basket modal ----- */

/* ----- Login modal ----- */
.modal-log-in .checkout-login-form {
	width: auto;
	display: flex;
	flex-direction: column;
}

.modal-log-in .checkout-login-form .checkout-login-form__button {
	width: 100%;
}

.modal-log-in .checkout-login-form .b-auth-client-socials,
.modal-log-in .checkout-login-form .form-forgot,
.modal-log-in .checkout-login-form .checkout-login-info {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--grey-200);
}

.checkout-login-info {
	position: relative;
	text-align: center;
}

.checkout-login-info__title {
	margin-bottom: 5px;
	display: inline;
	margin-right: 0.2em;
}

.checkout-login-info__link:hover {
	background-size: 0 1px;
}

.checkout-login-info__link {
	background: linear-gradient(to right, currentColor 0%, currentColor 100%) no-repeat 0 bottom;
	background-size: 100% 1px;
	text-decoration: none;
	font-weight: 700;
	color: var(--secondary-500);
	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.modal-log-in .checkout-login-form .form-box {
		width: calc(50% - 0.4rem);
		margin-bottom: 1.2rem;
	}

	.modal-log-in .checkout-login-form {
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 0.4rem;
	}

	.modal-log-in .checkout-login-form .b-auth-client-socials,
	.modal-log-in .checkout-login-form .form-forgot,
	.modal-log-in .checkout-login-form .checkout-login-info {
		width: 100%;
		margin-top: 1.2rem;
		padding-top: 1.2rem;
	}
}

.registration-form .b-auth-client-socials,
.registration-form .checkout-login-info {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--grey-200);
}

@media screen and (min-width: 1200px) {

	.registration-form .b-auth-client-socials,
	.registration-form .checkout-login-info {
		width: 100%;
		margin-top: 1.2rem;
		padding-top: 1.2rem;
	}
}

/* ----- Login modal ----- */

/* ----- Review modal ----- */
.rating-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 5px;
}

.rating-box>label {
	display: inline-block;

	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	text-transform: uppercase;
	margin: 0;
}

.rating-box__radios {
	display: flex;
	font-size: 0;
}

.rating-box__radio {
	position: relative;
	width: auto;
	margin: 0;
}

.rating-box__radio label {
	display: inline-block;
	width: 22px;
	height: 18px;
	margin: 0;
	padding: 0 !important;
	font-size: 0 !important;
	cursor: pointer;
	transition: none !important;
	background: url("/catalog/view/theme/default/image/star-noactive-new.svg") no-repeat;
	background-size: contain;
}

.rating-box__radio.is-active label,
.rating-box__radio input:checked+label {
	background: url("/catalog/view/theme/default/image/star-active-new.svg") no-repeat;
	background-size: contain;
}

@media screen and (min-width: 1200px) {
	.rating-box>label {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;
	}

	.rating-box__radio label {
		width: 1.4rem;
		height: 1.15rem;
	}
}

.photo-upload-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-weight: normal;
	cursor: pointer;
	padding: var(--inputPaddingVertical) var(--inputPaddingHorisontal);
	background: var(--inputBackground);
	border: 1px solid var(--inputBorderColor);
	border-radius: var(--inputRadius);
	min-height: var(--inputHeight);
	margin-bottom: 0;

	transition: all 0.5s ease;
}

.photo-preview-container {
	width: 100%;
	margin-bottom: 10px;
	font-size: 0;

	display: flex;
	flex-wrap: wrap;

	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 2px;
	row-gap: 2px;
}

.photo-preview-container:empty {
	margin-bottom: 0px;
}

.photo-preview {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px;

	height: 69px;

	border-radius: var(--itemRadius);
	border: 1px solid var(--grey-100);
}

.photo-preview img {
	border-radius: var(--itemRadius);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.remove-image-btn {
	position: absolute;
	z-index: 2;
	top: -4px;
	right: -4px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	padding: 0;
	font-size: 0;
	cursor: pointer;
	border: none;
	border-radius: 15px;
	background: var(--secondary-500);
	min-height: unset;
	gap: unset;
	transition: all 0.5s ease;
}

.remove-image-btn:before {
	font-family: "icomoon";
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e90b";
	color: #ffffff;
}

@media screen and (min-width: 1200px) {
	.photo-preview-container {
		column-gap: 0.5rem;
		row-gap: 0.5rem;
	}

	.photo-upload-label:hover {
		color: var(--secondary-500);
	}

	.photo-preview {
		border-radius: 0.25rem;
		padding: 0.25rem;
	}

	.photo-preview img {
		border-radius: 0.25rem;
	}

	.remove-image-btn:before {
		font-size: 0.7rem;
	}
}

/* ----- Review modal ----- */

/* ----- Modals ----- */

/* ----- User account ----- */

.user-page .site-leftbar {
	display: block;
}

.user-page.site-main {
	padding-top: 56px;
}

@media screen and (min-width: 1200px) {
	.user-page.site-main {
		padding-top: 7rem;
	}
}

.user-page-sidebar {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

@media screen and (min-width: 1200px) {
	.user-page-sidebar {
		gap: 1.2rem;
	}
}

.user-page-sidebar__item {
	position: relative;
	overflow: hidden;
}

.user-page-sidebar__item a,
.user-page-sidebar__item button {
	padding: 16px;
	text-decoration: none;
	display: flex;
	align-items: center;
	column-gap: 8px;
	border-radius: var(--itemRadius);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;

	transition: all 0.5s ease;
}

.user-page-sidebar-active-item a,
.user-page-sidebar-active-item button {
	background: var(--grey-0);
}

.user-page-sidebar-active-item a:before,
.user-page-sidebar-active-item button:before {
	content: "";
	width: 12px;
	height: 12px;
	background: var(--grey-500);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) translateX(-50%);
	border-radius: 50%;
}

.user-page-sidebar-logout a:before,
.user-page-sidebar-logout button:before {
	font-family: "icomoon";
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e90b";
}

.user-page-sidebar__item img {
	max-width: 18px;
}

@media screen and (min-width: 1200px) {
	.user-page-sidebar__item a {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;

		padding: 1.05rem;
	}

	.user-page-sidebar__item img {
		max-width: 1.1rem;
	}

	.user-page-sidebar-logout a:before {
		font-size: 1.1rem;
	}

	.user-page-sidebar__item a:hover {
		background-color: var(--grey-0);
	}
}

.user-account__title {
	padding: 0;
	margin-bottom: 16px;

	font-size: 2rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

.user-account__empty-text {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
}

@media screen and (min-width: 1200px) {
	.user-account__title {
		padding-top: 0.9rem;
		margin-bottom: 1.6rem;

		font-size: 2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}

	.user-account__empty-text {
		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;
	}
}

.user-account-form__space {
	position: relative;
	margin-bottom: 12px;
	padding-bottom: calc(12px + 5px);
}

.user-account-form__space:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: var(--grey-50);
	border-radius: 5px;
}

@media screen and (min-width: 1200px) {
	.user-account-form__wrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 1.2rem;
	}

	.user-account-form__space {
		margin-bottom: 1.2rem;
		padding-bottom: calc(1.2rem + 5px);
	}
}

@media screen and (min-width: 1200px) {
	.user-edit-profile-form .group-column.group-settings .section-label {
		margin-bottom: 0;
	}
}

.user-account-form__label {
	font-size: 1.1875rem;
	font-weight: 700;
	font-family: "Cormorant";
	line-height: 1.1;
	flex: 100%;

	margin-bottom: 12px;
}

@media screen and (min-width: 1200px) {
	.user-account-form__label {
		font-size: 1.2rem;
		font-weight: 700;
		font-family: "Cormorant";
		line-height: 1.1;

		margin-bottom: 0;
	}
}

.user-account-form__wrapper .checkout-form-checkbox {
	width: 100%;
}

.user-account-form__wrapper .form-box {
	margin-bottom: 4px;
}

.user-account-form__wrapper .checkout-form__delivery {
	width: 100%;
}

.user-account-form__wrapper .checkout-form-select {
	width: 100%;
}

.user-account-form .submit-button {
	width: 100%;
	margin-top: 12px;
}

.user-account-form__wrapper .show-password {
	top: unset;
	bottom: calc(var(--inputHeight) / 2);
	transform: translateY(50%);
}

.user-account-form__wrapper .form-password:not(:last-child) {
	margin-bottom: 16px;
}

.user-account-form__wrapper .form-password>label {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	position: static !important;
	overflow: unset;
	clip: unset;
	width: auto;
	height: auto;
	word-wrap: normal;
	margin-bottom: 12px;
	display: block;
}

@media screen and (min-width: 1200px) {
	.user-account-form__wrapper .form-box {
		width: 31.9777%;
		margin-bottom: 0;
	}

	.user-account-form__wrapper .checkout-form-select {
		width: 31.9777%;
	}

	.user-account-form .submit-button {
		width: max-content;
		margin-top: 1.2rem;
	}

	.user-account-form__wrapper .form-password>label {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;

		margin-bottom: 0.6rem;
	}

	.user-account-form__wrapper .form-password:not(:last-child) {
		margin-bottom: 0px;
	}
}

.user-account__products {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 16px;
	column-gap: 16px;
}

@media screen and (min-width: 768px) {
	.user-account__products {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 30px;
		column-gap: 24px;
	}
}

.secondary-button {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat";
	line-height: 1.25;
	border-radius: var(--itemRadius);
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	overflow: hidden;
	border: none;
	gap: 12px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.1;
	padding: 17px 20px;
	min-height: 52px;
	background: none;
	color: var(--secondaryColor);
	border: 1px solid var(--secondaryColor);

	transition: all 0.5s ease;
}

@media screen and (min-width: 1200px) {
	.secondary-button {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.1;

		gap: 0.6rem;
		padding: 1.05rem 1.2rem;
		min-height: 3.2rem;
	}
}

.secondary-button:hover {
	color: var(--secondary-600);
	border-color: var(--secondary-600);
}

.notification-content {
	position: fixed;
	z-index: 10000;
	top: 16px;
	right: 16px;
	pointer-events: none;

	max-width: 350px;
}

.notification-item {
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.5s ease;

	margin-bottom: 10px;
}

.notification-item.notification-active {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.notification-message {
	padding: 10px 25px 10px 15px;

	background: #fff;
	border: 1px solid var(--secondary-500);
	border-radius: 5px;
	color: var(--secondary-500);
}

.notification-text {
	font-size: 0.875rem;
	font-weight: 600;
}

.notification-close {
	position: absolute;
	background: none !important;
	width: 16px !important;
	top: 5px !important;
	right: 5px !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	height: 16px !important;
	opacity: 1 !important;
}

.notification-close:before {
	font-family: "icomoon";
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: inherit;
	content: "\e90b";
	color: var(--secondary-500);
}

@media screen and (min-width: 1200px) {
	.notification-close:before {
		font-size: 1.2rem;
	}
}

/* ----- User account ----- */

/* ----- Logo ----- */
.footer-developer-logo {
	object-fit: contain;
	height: 2.3333333333rem;
	width: fit-content;
}
.footer-developer-logo svg,
.footer-developer-logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media (max-width: 992px) {
	.footer-developer-logo {
		height: 36px;
		width: 160px;
	}
}
.styles_N__aWIAx,
.styles_O__uufwI,
.styles_R__VDncm {
	transform: translateY(0);
	will-change: transform;
}
.animate-logo .styles_O__uufwI {
	animation: styles_slideO__xGs82 4s ease 0.5s forwards;
}
.animate-logo .styles_R__VDncm {
	animation: styles_slideR__vW8yc 4s ease 0.6s forwards;
}
.animate-logo .styles_N__aWIAx {
	animation: styles_slideN__25Mt0 4s ease 0.4s forwards;
}
@keyframes styles_slideO__xGs82 {
	0% {
		transform: translateY(0);
	}

	to {
		transform: translateY(265%);
	}
}
@keyframes styles_slideR__vW8yc {
	0% {
		transform: translateY(0);
	}

	to {
		transform: translateY(-260%);
	}
}
@keyframes styles_slideN__25Mt0 {
	0% {
		transform: translateY(0);
	}

	to {
		transform: translateY(257%);
	}
}
/* ----- Logo ----- */